/* general icon styles */

.ico {
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	*display: inline;
	position: relative;
	overflow: hidden;
	letter-spacing: 0;
}

.ico div.icon,
.ico div.bg,
.ico div.ico-bg {
	width: 100%;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
}
.ico div.icon {
	z-index: 99;
	position: absolute;
	top:0; left:0;
}


/* small icons */

.ico.small {
	width: 25px;
	height: 25px;
}
.ico.small,
.ico.small div {
	border-radius: 15px;
}

body.icon-type1 .ico.small,
body.icon-type1 .ico.small div,
.ico.small.square,
.ico.small.square div {
	border-radius: 0;
}

.ico.small.facebook div.icon {
	background-position: -25px 0;
}
.ico.small.flickr div.icon {
	background-position: -50px 0;
}
.ico.small.twitter div.icon {
	background-position: 0 0;
}

.ico.small.phone div.icon {
	background-position: -125px 0;
}
.ico.small.email div.icon {
	background-position: -100px 0;
}
.ico.small.pinterest div.icon {
	background-position: -75px 0;
}
.ico.small.address div.icon {
	background-position: -150px 0;
}
.ico.small.arrow-left div.icon {
	background-position: 0 -75px;
}
.ico.small.arrow-right div.icon {
	background-position: -50px -75px;
}

.ico.small.skype div.icon {
	background-position: -175px 0;
}
.ico.small.youtube div.icon {
	background-position: -200px 0;
}
.ico.small.vimeo div.icon {
	background-position: -224px 0;
}
.ico.small.external-link div.icon {
	background-position: -250px 0;
}

.ico.small.gplus div.icon {
	background-position: -275px 1px;
}
.ico.small.px500 div.icon {
	background-position: -300px 1px;
}
.ico.small.instagram div.icon {
	background-position: -325px 0;
}

.ico.small.heart div.icon {
	background-position: 0px -25px;
}
.ico.small.inf div.icon {
	background-position: -50px -25px;
}
.ico.small.download div.icon {
	background-position: -75px -25px;
}

.ico.small.autoplay.off div.icon {
	background-position: -100px -25px;
}
.ico.small.autoplay div.icon {
	background-position: -125px -25px;
}

.ico.small.sound div.icon {
	background-position: -150px -25px;
}
.ico.small.sound.off div.icon {
	background-position: -175px -25px;
}
.ico.small.fullscreen div.icon {
	background-position: -200px -25px;
}
.ico.small.arrow-left div.icon {
	background-position: 0 -75px;
}

/* medium icons */

.ico.medium {
	width: 45px;
	height: 45px;
}

.ico.medium.arrow-left div.icon {
	background-position: -27px -129px;
}

/* big icons */

.ico.big {
	width: 125px;
	height: 125px;
}

.ico.big.arrow-left div.icon {
	background-position: -86px -62px;
}
.ico.big.arrow-right div.icon {
	background-position: -216px -62px;
}



/* type1 */

body.icon-type1 .ico.medium,
body.icon-type1 .ico.medium div {
	border-radius: 0px;
}

body.icon-type1 .ico.small.arrows,
body.icon-type1 .ico.small.arrows div {
	border-radius: 0px;
	padding-top: 28px;
	padding-bottom: 3px;
	padding-right: 1px;
}

body.icon-type1 .ico.small.arrows.arrow-left div.icon {
	background-position: 0px -45px;
}

body.icon-type1 .ico.small.arrows.arrow-right div.icon {
	background-position: -49px -45px;
}

/* type2 */

body.icon-type2 .ico.medium,
body.icon-type2 .ico.medium div {
	border-radius: 50px;
}

body.icon-type2 .ico.big,
body.icon-type2 .ico.big div {
	border-radius: 75px;
}