/*!
 *	.ico i -> "background-position" write for default
 *	.ico::before -> "background-position" write for :hover
 *	.ico::after -> "background-position" write for :active
 *	examples: 
 *	<i class="ico ico-book"><i></i></i>
 *	<span class="ico ico-book"><i></i></span>	
 *
 */
  
.ico {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	text-decoration: none !important;
	vertical-align: middle !important;	
	font-size: 0;
	line-height: 0;
	letter-spacing: -1px;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;
}
.ico i, .ico::before, .ico::after {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	text-decoration: none !important;
	background-image: url(../img/spr-icons.png);
	background-repeat: no-repeat;
	-webkit-background-size: 1000px auto;
	   -moz-background-size: 1000px auto;
		 -o-background-size: 1000px auto;
			background-size: 1000px auto;
	-webkit-transition: all 0.3s ease 0s;
	   -moz-transition: all 0.3s ease 0s;
	    -ms-transition: all 0.3s ease 0s;
	     -o-transition: all 0.3s ease 0s;
	        transition: all 0.3s ease 0s;	
}
.ico i { z-index: 1; }
.ico::before { z-index: 2; } 
.ico::after { z-index: 3; }
.ico i { opacity: 1; }
.ico::before, .ico::after { opacity: 0; }
a:hover > .ico i, button:hover > .ico i, a:active > .ico i, button:active > .ico i { opacity: 0; }
a:hover > .ico::before, button:hover > .ico::before { opacity: 1; }
a:active > .ico::before, button:active > .ico::before { opacity: 0; } 
a:active > .ico::after, button:active > .ico::after { opacity: 1; }



.ico-menu { width: 16px; height: 13px; }
.ico-menu i { background-position: -150px 0px; }
.ico-menu::before { background-position: -150px -25px; }
.ico-menu::after { background-position: -150px -50px; }
.show .ico-menu::after { background-position: -150px -50px; opacity: 1; }


.ico-logo { width: 121px; height: 24px; }
.ico-logo i { 
	background-position: 0 0px; 
	opacity: 1 !important; 
	-webkit-transition: opacity 0.3s ease 0s;
	   -moz-transition: opacity 0.3s ease 0s;
	    -ms-transition: opacity 0.3s ease 0s;
	     -o-transition: opacity 0.3s ease 0s;
	        transition: opacity 0.3s ease 0s;
}
.ico-logo::before { 
	background-position: 0 0px; 
	opacity: 0 !important; 
	-webkit-transition: opacity 0.3s ease 0s;
	   -moz-transition: opacity 0.3s ease 0s;
	    -ms-transition: opacity 0.3s ease 0s;
	     -o-transition: opacity 0.3s ease 0s;
	        transition: opacity 0.3s ease 0s;
}
.ico-logo::after { 
	background-position: 0 0px; 
	opacity: 0 !important; 
	-webkit-transition: opacity 0.3s ease 0s;
	   -moz-transition: opacity 0.3s ease 0s;
	    -ms-transition: opacity 0.3s ease 0s;
	     -o-transition: opacity 0.3s ease 0s;
	        transition: opacity 0.3s ease 0s;
}
@media (max-width: 999px) {
	.ico-logo { width: 95px; height: 19px; }
	.ico-logo i { background-position: 0 -25px; opacity: 1 !important; }
	.ico-logo::before { background-position: 0 -25px; opacity: 0 !important; }
	.ico-logo::after { background-position: 0 -25px; opacity: 0 !important; }
}
@media (max-width: 767px) {
	.ico-logo { width: 71px; height: 15px; }
	.ico-logo i { background-position: 0 -50px; opacity: 1 !important; }
	.ico-logo::before { background-position: 0 -50px; opacity: 0 !important; }
	.ico-logo::after { background-position: 0 -50px; opacity: 0 !important; }
}


.ico-user { width: 16px; height: 13px; }
.ico-user i { background-position: -175px 0px; opacity: 1 !important; }
.ico-user::before { background-position: -175px 0px; opacity: 0 !important; }
.ico-user::after { background-position: -175px 0px; opacity: 0 !important; }


.ico-password { width: 18px; height: 10px; }
.ico-password i { background-position: -200px 0px; opacity: 1 !important; }
.ico-password::before { background-position: -200px 0px; opacity: 0 !important; }
.ico-password::after { background-position: -200px 0px; opacity: 0 !important; }


.ico-email { width: 15px; height: 10px; }
.ico-email i { background-position: -175px -25px; opacity: 1 !important; }
.ico-email::before { background-position: -175px -25px; opacity: 0 !important; }
.ico-email::after { background-position: -175px -25px; opacity: 0 !important; }


.ico-sex { width: 17px; height: 15px; }
.ico-sex i { background-position: -200px -25px; opacity: 1 !important; }
.ico-sex::before { background-position: -200px -25px; opacity: 0 !important; }
.ico-sex::after { background-position: -200px -25px; opacity: 0 !important; }


.ico-birthday { width: 17px; height: 16px; }
.ico-birthday i { background-position: -175px -50px; opacity: 1 !important; }
.ico-birthday::before { background-position: -175px -50px; opacity: 0 !important; }
.ico-birthday::after { background-position: -175px -50px; opacity: 0 !important; }


.ico-flag { width: 14px; height: 14px; }
.ico-flag i { background-position: -200px -50px; opacity: 1 !important; }
.ico-flag::before { background-position: -200px -50px; opacity: 0 !important; }
.ico-flag::after { background-position: -200px -50px; opacity: 0 !important; }


.ico-city { width: 15px; height: 15px; }
.ico-city i { background-position: -225px -50px; opacity: 1 !important; }
.ico-city::before { background-position: -225px -50px; opacity: 0 !important; }
.ico-city::after { background-position: -225px -50px; opacity: 0 !important; }


.ico-letter-i { width: 7px; height: 15px; }
.ico-letter-i i { background-position: -250px -50px; opacity: 1 !important; }
.ico-letter-i::before { background-position: -250px -50px; opacity: 0 !important; }
.ico-letter-i::after { background-position: -250px -50px; opacity: 0 !important; }


.ico-attach { width: 17px; height: 18px; }
.ico-attach i { background-position: -275px -50px; opacity: 1 !important; }
.ico-attach::before { background-position: -275px -50px; opacity: 0 !important; }
.ico-attach::after { background-position: -275px -50px; opacity: 0 !important; }








.ico-heart { width: 14px; height: 12px; }
.ico-heart i { background-position: -300px 0px; opacity: 1 !important; }
.ico-heart::before { background-position: -300px 0px; opacity: 0 !important; }
.ico-heart::after { background-position: -300px 0px; opacity: 0 !important; }

.ico-heart-sm { width: 14px; height: 14px; }
.ico-heart-sm i { background-position: -600px -50px; opacity: 1 !important; }
.ico-heart-sm::before { opacity: 0 !important; }
.ico-heart-sm::after { opacity: 0 !important; }


.ico-fb { width: 7px; height: 14px; }
.ico-fb i { background-position: -225px 0px; opacity: 1 !important; }
.ico-fb::before { background-position: -225px 0px; opacity: 0 !important; }
.ico-fb::after { background-position: -225px 0px; opacity: 0 !important; }


.ico-tw { width: 15px; height: 13px; }
.ico-tw i { background-position: -250px 0px; opacity: 1 !important; }
.ico-tw::before { background-position: -250px 0px; opacity: 0 !important; }
.ico-tw::after { background-position: -250px 0px; opacity: 0 !important; }


.ico-gp { width: 15px; height: 15px; }
.ico-gp i { background-position: -275px 0px; opacity: 1 !important; }
.ico-gp::before { background-position: -275px 0px; opacity: 0 !important; }
.ico-gp::after { background-position: -275px 0px; opacity: 0 !important; }


.ico-arrow-down { width: 15px; height: 9px; }
.ico-arrow-down i { background-position: -325px 0px; }
.ico-arrow-down::before { background-position: -325px -25px; }
.ico-arrow-down::after { background-position: -325px -50px; }
.up .ico-arrow-down {
	-webkit-transform: rotate(-180deg);
	   -moz-transform: rotate(-180deg);
	    -ms-transform: rotate(-180deg);
	     -o-transform: rotate(-180deg);
	        transform: rotate(-180deg);
}


.ico-arrow-up { width: 15px; height: 9px; }
.ico-arrow-up i { background-position: -350px 0px; }
.ico-arrow-up::before { background-position: -350px -25px; }
.ico-arrow-up::after { background-position: -350px -50px; }





.ico-key-lg { width: 45px; height: 42px; }
.ico-key-lg i { 
	background-position: -375px -75px; 
	opacity: 1 !important;
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
	    -ms-transition: all 0.8s ease 0s;
	     -o-transition: all 0.8s ease 0s;
	        transition: all 0.8s ease 0s;
/*	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;*/
}
.ico-key-lg::before { opacity: 0 !important; }
.ico-key-lg::after { opacity: 0 !important; }
.selected .ico-key-lg { width: 52px; height: 49px; } 
.selected .ico-key-lg i { background-position: -375px 0; opacity: 1 !important; }
@media (max-width: 999px) {
	.ico-key-lg, .selected .ico-key-lg { width: 35px; height: 33px !important; } 
	.ico-key-lg i { background-position: -375px -125px !important; }
}


.ico-upload-lg { width: 38px; height: 46px; }
.ico-upload-lg i { 
	background-position: -430px -75px; 
	opacity: 1 !important; 
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
	    -ms-transition: all 0.8s ease 0s;
	     -o-transition: all 0.8s ease 0s;
	        transition: all 0.8s ease 0s;
/*	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;*/
}
.ico-upload-lg::before { opacity: 0 !important; }
.ico-upload-lg::after { opacity: 0 !important; }
.selected .ico-upload-lg { width: 44px; height: 53px; } 
.selected .ico-upload-lg i { background-position: -430px 0; opacity: 1 !important; }
@media (max-width: 999px) {
	.ico-upload-lg, .selected .ico-upload-lg { width: 29px; height: 34px !important; } 
	.ico-upload-lg i { background-position: -430px -125px !important; }
}


.ico-book-lg { width: 38px; height: 46px; }
.ico-book-lg i { 
	background-position: -477px -75px; 
	opacity: 1 !important; 
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
	    -ms-transition: all 0.8s ease 0s;
	     -o-transition: all 0.8s ease 0s;
	        transition: all 0.8s ease 0s;
/*	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;*/
}
.ico-book-lg::before { opacity: 0 !important; }
.ico-book-lg::after { opacity: 0 !important; }
.selected .ico-book-lg { width: 46px; height: 56px; } 
.selected .ico-book-lg i { background-position: -477px 0px; opacity: 1 !important; }
@media (max-width: 999px) {
	.ico-book-lg, .selected .ico-book-lg { width: 29px; height: 35px !important; } 
	.ico-book-lg i { background-position: -477px -125px !important; }
}


.ico-users-lg { width: 40px; height: 43px; }
.ico-users-lg i { 
	background-position: -525px -75px; 
	opacity: 1 !important;
	-webkit-transition: all 0.8s ease 0s;
	   -moz-transition: all 0.8s ease 0s;
	    -ms-transition: all 0.8s ease 0s;
	     -o-transition: all 0.8s ease 0s;
	        transition: all 0.8s ease 0s;
/*	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;*/
}
.ico-users-lg::before { opacity: 0 !important; }
.ico-users-lg::after { opacity: 0 !important; }
.selected .ico-users-lg { width: 49px; height: 53px; } 
.selected .ico-users-lg i { background-position: -525px 0px; opacity: 1 !important; }
@media (max-width: 999px) {
	.ico-users-lg, .selected .ico-users-lg { width: 33px; height: 35px !important; } 
	.ico-users-lg i { background-position: -525px -125px !important; }
}


.ico-reviews { width: 30px; height: 24px; }
.ico-reviews i { background-position: -575px 0px; opacity: 1 !important; }
.ico-reviews::before { background-position: -575px 0px; opacity: 0 !important; }
.ico-reviews::after { background-position: -575px 0px; opacity: 0 !important; }


.ico-change { width: 32px; height: 29px; }
.ico-change i { background-position: -625px 0px; opacity: 1 !important; }
.ico-change::before { background-position: -625px 0px; opacity: 0 !important; }
.ico-change::after { background-position: -625px 0px; opacity: 0 !important; }


.ico-profile-community { width: 28px; height: 28px; }
.ico-profile-community i { background-position: -675px 0px; opacity: 1 !important; }
.ico-profile-community::before { background-position: -675px 0px; opacity: 0 !important; }
.ico-profile-community::after { background-position: -675px 0px; opacity: 0 !important; }


.ico-hand-sm { width: 18px; height: 9px; }
.ico-hand-sm i { background-position: -200px -75px; }
.ico-hand-sm::before { background-position: -200px -100px; }
.ico-hand-sm::after { background-position: -200px -100px; }


.ico-book-sm { width: 14px; height: 16px; }
.ico-book-sm i { background-position: -225px -75px; }
.ico-book-sm::before { background-position: -225px -100px; }
.ico-book-sm::after { background-position: -225px -100px; }


.ico-change-sm { width: 14px; height: 14px; }
.ico-change-sm i { background-position: -250px -75px; transition: none; }
.ico-change-sm::before { background-position: -250px -100px; transition: none; }
.ico-change-sm::after { background-position: -250px -100px; transition: none; }


.ico-delete-sm { width: 11px; height: 12px; }
.ico-delete-sm i { background-position: -275px -75px; transition: none; }
.ico-delete-sm::before { background-position: -275px -100px; transition: none; }
.ico-delete-sm::after { background-position: -275px -100px; transition: none; }


.ico-first-page { width: 14px; height: 11px; }
.ico-first-page i { background-position: -300px -75px; }
.ico-first-page::before { background-position: -300px -100px; }
.ico-first-page::after { background-position: -300px -100px; }


.ico-last-page { width: 14px; height: 11px; }
.ico-last-page i { background-position: -300px -125px; }
.ico-last-page::before { background-position: -300px -150px; }
.ico-last-page::after { background-position: -300px -150px; }


.ico-prev-page { width: 7px; height: 11px; }
.ico-prev-page i { background-position: -325px -75px; }
.ico-prev-page::before { background-position: -325px -100px; }
.ico-prev-page::after { background-position: -325px -100px; }


.ico-next-page { width: 7px; height: 11px; }
.ico-next-page i { background-position: -325px -125px; }
.ico-next-page::before { background-position: -325px -150px; }
.ico-next-page::after { background-position: -325px -150px; }


.ico-menu-2 { width: 20px; height: 16px; }
.ico-menu-2 i { background-position: -750px 0; }
.ico-menu-2::before { background-position: -750px -25px; }
.ico-menu-2::after { background-position: -750px -25px; }


.ico-books { width: 21px; height: 21px; }
.ico-books i { background-position: -775px 0; }
.ico-books::before { background-position: -775px -25px; }
.ico-books::after { background-position: -775px -25px; }


.ico-books-2 { width: 21px; height: 21px; }
.ico-books-2 i { background-position: -775px 0; }
.ico-books-2::before { background-position: -775px -25px; }
.ico-books-2::after { background-position: -775px -25px; }


.ico-prev { width: 20px; height: 14px; }
.ico-prev i { background-position: -350px -75px; }
.ico-prev::before { background-position: -350px -100px; }
.ico-prev::after { background-position: -350px -100px; }


.ico-next { width: 20px; height: 14px; }
.ico-next i { background-position: -350px -125px; }
.ico-next::before { background-position: -350px -150px; }
.ico-next::after { background-position: -350px -150px; }


.ico-say-thanks { width: 16px; height: 16px; }
.ico-say-thanks i { background-position: -800px 0; }
.ico-say-thanks::before { background-position: -800px -25px; }
.ico-say-thanks::after { background-position: -800px -25px; }
.disabled .ico-say-thanks i { 
	background-position: -800px -50px; 
	opacity: 1 !important; 
	-webkit-transition: none;
	   -moz-transition: none;
	    -ms-transition: none;
	     -o-transition: none;
	        transition: none;
}
.disabled .ico-say-thanks::before,
.disabled .ico-say-thanks::after {
	opacity: 0 !important;	
}
.paginator li.disabled{ display: none; }