@charset "UTF-8";
/*
*	Стили для графических иконок и элементов оформления
*/

.ico-trianle-gshd {
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	margin-top: -13px;
	margin-left: -5px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 0;
}

.ico-triangle-dd {
	display: inline-block;
	position: absolute;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 3px 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -25px;
}

.ico-triangle-dd-sub {
	display: inline-block;
	position: absolute;
	left: 15px;
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 4px 5px 3px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -25px;
}

.ico-triangle-lk {
	width: 12px;
	height: 6px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -21px -25px;
	padding: 0;
	margin: 0;
	display: inline-block;
	position: absolute;
	bottom: 5px;
	right: 3px;
	-webkit-transition: all 0.4s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.ico-triangle-lk-active {
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.ico-metro {
	display: inline-block;
	position: absolute;
	width: 20px;
	height: 15px;
	padding: 0;
	margin: 0 5px;
	margin-top:3px;
	margin-left: -25px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -20px 0;
	line-height: 20px;
}

.ico-mail {
	display: inline-block;
	position: absolute;
	width: 23px;
	height: 22px;
	padding: 5px;
	margin: -16px 0 0 0;
	background: #68b3e7 url(/css/design2016/img/medipack.png) no-repeat center center;
	background-position: -76px 3px;
	line-height: 22px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.ico-menu {
	display: inline-block;
	position: absolute;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -45px;
}

.ico-warn {
	display: block;
	float: left;
	position: relative;
	width: 30px;
	height: 30px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -35px -45px;
	margin: 2px 10px 30px 0;
}

.ico-clinic {
	display: block;
	position: absolute;
	width: 35px;
	height: 30px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -20px -100px;
	margin: 5px 0 0 -45px;
}

.ico-doctor {
	display: block;
	position: absolute;
	width: 20px;
	height: 30px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -100px;
	margin: 5px 0 0 -30px;
}

.ico-geo {
	display: block;
	position: absolute;
	width: 30px;
	height: 25px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -20px -75px;
	margin: 5px 0 0 -50px;
}

.ico-geomap {
	display: block;
	position: absolute;
	width: 20px;
	height: 25px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -75px;
	margin: 5px 0 0 -30px;
}

.ico-user {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -75px -105px;
	margin: 5px 0 0 -35px;
}

.ico-phone {
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	padding: 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -100px -105px;
	margin: 5px 0 0 -35px;
}

.ico-stat span {
	-webkit-transition: all 0.3s ease-in-out;
	-webkit-transition-delay: 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}

div.bl-statistic div.ico-stat h3 {
	font-size: 33px;
}

.ico-stat span:hover {
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.ico-stat-1 {
	display: block;
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	padding: 0;
	margin: 10px 15px 10px 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -130px;
}

.ico-stat-2 {
	display: block;
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	padding: 0;
	margin: 10px 15px 10px 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -85px -130px;	
}

.ico-stat-3 {
	display: block;
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	padding: 0;
	margin: 10px 15px 10px 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -170px -130px;	
}

.ico-stat-4 {
	display: block;
	position: relative;
	float: left;
	width: 85px;
	height: 85px;
	padding: 0;
	margin: 10px 15px 10px 0;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -255px -130px;	
}

.ico-soc-fb {
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: 0 -215px;
	line-height: 35px;
}

.ico-soc-vk {
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -35px -215px;	
	line-height: 35px;
}

.ico-soc-tw {
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -70px -215px;	
	line-height: 35px;
}

.ico-soc-ok {
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -105px -215px;	
	line-height: 35px;
}

.ico-soc-gg {
	display: inline-block;
	width: 35px;
	height: 35px;
	padding: 0;
	margin: 5px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -140px -215px;	
	line-height: 35px;
}

.ico-serv {
	display: block;
	position: relative;
	width: 15px;
	height: 15px;
	padding: 0 auto;
	margin: 0 auto;
	margin-top: -23px;
	margin-bottom: 13px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -45px 0;
	line-height: 15px;
}

.ico-banner-promo {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 20px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -100px -50px;	
	line-height: 50px;
	float: left;
}

.ico-banner-book {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 20px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -150px -50px;	
	line-height: 50px;
	float: left;
}

.ico-banner-dict {
	display: inline-block;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 20px;
	background: transparent url(/css/design2016/img/medipack.png) no-repeat left top;
	background-position: -200px -50px;	
	line-height: 50px;
	float: left;
}

.ico-status {
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 5px;
    margin: -68px 0 0 8px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 22px;
    background: #1DD300;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.ico-status-1 {
    background: url(/css/design2016/img/stat_online.png) no-repeat center center;
    background-size: 18px;
}

.ico-status-0 {
    background: url(/css/design2016/img/stat_offline.png) no-repeat center center;
    background-size: 18px;
}

.ico-yoomoney {
	background: url(/imgmh/icons/misc/yoomoney21x15px.png) no-repeat center center;
	width: 21px;
	height: 15px;
}

.ico-yoomoney-inline {
	background: url(/imgmh/icons/misc/yoomoney21x15px.png) no-repeat center center;
	width: 21px;
	height: 15px;
	display: inline-block !important;
}