@-webkit-keyframes hvr-pulse {

    0% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	30% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	40% { -webkit-transform: scale(0.98);   transform: scale(0.98);}

	50% { -webkit-transform: scale(0.95);   transform: scale(0.99);}

	60% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	70% { -webkit-transform: scale(1.02);   transform: scale(1.02);}

	80% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	100% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

}



@keyframes hvr-pulse {

  0% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	30% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	40% { -webkit-transform: scale(0.98);   transform: scale(0.98);}

	50% { -webkit-transform: scale(0.95);   transform: scale(0.99);}

	60% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

	70% { -webkit-transform: scale(1.05);   transform: scale(1.05);}

	80% { -webkit-transform: scale(0.92);   transform: scale(0.92);}

	100% { -webkit-transform: scale(0.95);   transform: scale(0.95);}

}

#city_win .youcity_content *{ -moz-box-sizing: border-box;  -webkit-box-sizing: border-box; box-sizing: border-box; }

#city_frontend_link{ display: inline-block; position: relative; }



span.cityName {font-size:12pt;color:#969994;font-weight:bold;cursor:pointer;cursor: pointer;padding-right:10px; white-space: nowrap;}

span.cityName span {position:relative;display:inline-block;right:-3px;margin-right:-17px;padding-right:17px;height:14px;background: url('/i/head/desc.gif') 0 50% no-repeat;cursor:pointer;vertical-align:middle;}



#city_win .grey_bg, .modal .grey_bg {width:100%;height:100%;background:#000;z-index:1200;position:fixed;top:0;left:0;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);-moz-opacity: 0.50;-khtml-opacity: 0.50;opacity: 0.50;}

#city_win { display: none; position:absolute !important;top:0;left:0;width:100%;height:100%;z-index:99999}



#city_win .youcity_content {box-sizing: border-box;text-align: center;position: relative;padding:20px;width: 300px;background-color:#f2f2f2;z-index:10000;border-radius:5px;margin: auto;}

#city_win .youcity_content h5{ text-shadow: 1px 1px 0 #fff; text-align:center; margin-bottom: 8px; font-size:20px;  font-weight:bold; }



#city_win .youcity_content .youcity-close{ opacity: 0.5;  position: absolute; cursor: pointer; top:18px; right:20px; width: 16px; height:16px; background: url(../img/btn_close.gif) no-repeat 0 0; }

#city_win .youcity_content .youcity-close:hover{ opacity: 1;}



.country-changer{ box-shadow: 0px 0px 2px rgba(255,255,255, 1) inset,0px 1px 3px rgba(0, 0, 0, 0.3); overflow: hidden; display: inline-block;  background-size: contain; border-radius:4px; padding:0;  margin: 0 auto;  margin-bottom: 20px; background: #ffffff;

        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

        background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);

        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));

        background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);

        background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);

        background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);

        background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);

        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );

}

.country-changer li{ list-style:none; cursor: pointer; display:inline-block; vertical-align:top; border-right:1px solid #fff; border-left:1px solid #f0f0f0; float: left;}

.country-changer li:first-child{ border-left:none; }

.country-changer li:last-child{ border-right:none; }

.country-changer li a{ line-height: 30px; display: block; padding: 0 10px; font-weight: bold; font-size:14px; text-decoration:none; color:#444;  }

.country-changer li.active a{ color: #fff; background:#888; }

.country-changer li i{ margin-top: -2px; margin-right: 5px;  width: 16px; height: 11px;   display: inline-block; vertical-align: middle; }

.country-changer li.rus i{ background:url(../img/ru.png) no-repeat 0 0 ; }

.country-changer li.ukr i{ background:url(../img/ua.png) no-repeat 0 0 ; }

.country-changer li.kaz i{ background:url(../img/kz.png) no-repeat 0 0 ; }

.country-changer li.blr i{ background:url(../img/by.png) no-repeat 0 0 ; }



.city-changer{ text-align: left; margin-bottom: 20px; }

.city-changer > span{ width: 120px; float: left;   padding: 2px 6px; line-height: 18px; display: inline-block; font-size:15px; color:#888;}

.city-changer > ul{ padding: 0; margin: 0; display: block; vertical-align: top; margin-left: 130px;}

.city-changer > ul li{ display:  inline-block; padding: 2px 6px; line-height: 18px; font-size: 14px; list-style:none; vertical-align:top; }



#city_select_link{ position: relative; display: inline-block;}



.Youcity_ask{text-align:center;background:white;width: 220px;height: 40px;position: absolute;right: 60px;top: 170%;box-shadow:0px 0px 6px rgba(0, 0, 0, 0.3);z-index: 1300;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}

.Youcity_ask:before{ content: ''; top: -8px; right: 20%; width: 0; position: absolute;    filter: drop-shadow(0px -2px 2px #ccc);    -webkit-filter: drop-shadow(0px -2px 2px #ccc);    -moz-filter: drop-shadow(0px -2px 2px #ccc);    -ms-filter: drop-shadow(0px -2px 2px #ccc);    -o-filter: drop-shadow(0px -2px 2px #ccc); height: 0; border-style: solid; border-width: 0 10px 8px 10px; border-color: transparent transparent #fff transparent;}



.wrap_youcity_ask .main-h6 { padding:0 10px ; font-size: 16px; display: inline-block; line-height: 40px; color:#333; }



.youpulse{    -webkit-animation-name: hvr-pulse;    animation-name: hvr-pulse;    -webkit-animation-duration: 2000ms;    animation-duration: 2000ms;    transform-origin:50% 50%;    -webkit-transform-origin:50% 50%;    -webkit-animation-timing-function: linear;    animation-timing-function: linear;    -webkit-animation-iteration-count: infinite;    animation-iteration-count: infinite;}

.youpulse:hover{    -webkit-animation-name:  none ;    animation-name: none ;    -webkit-animation-duration: 1s;    animation-duration: 1s;}



.auto-city h6{text-align:center;margin-bottom: 8px;font-size:18px;font-weight: normal;color:#888;}

.auto-city input[type=text]{width: 250px;padding: 2px 5px;border: 1px solid #BFC2C4;border-radius: 5px;outline: none;line-height: 30px;}



.auto-city-input{ position: relative; }

.auto-city-input ul{position: absolute;box-shadow:0px 2px 5px #000;border-radius: 5px;overflow:hidden;border: 1px solid #f2f2f2;top: 100%;left: 0;padding: 0;margin:0;background:#fff;text-align: left;}

.auto-city-input ul li { list-style: none; border-bottom: 1px solid #e0e0e0;}

.auto-city-input ul li:last-child{border-bottom:0;margin: 5px;}

.auto-city-input ul li:hover , .auto-city-input ul li.active{background: #fcf8e3;}

.auto-city-input ul li a{ color:#444; text-decoration:none; padding: 6px 10px; display: block; font-size:14px;  }



.button-wrap{ display: inline-block; height: 40px; }



ul.city_list a{ color:#000; text-decoration: none; font-size: 15px; text-shadow: 1px 1px 0 #fff;}



.myYouButton {

	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;

	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;

	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));

	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);

	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);

	background-color:#f9f9f9;

	-moz-border-radius:6px;

	-webkit-border-radius:6px;

	border-radius:6px;

	border:1px solid #dcdcdc;

	display:inline-block;

	cursor:pointer;

	color:#666666;

	font-family:arial;

	font-size:14px;

	font-weight:bold;

	padding:4px 14px;

	text-decoration:none;

	text-shadow:0px 1px 0px #ffffff;

}

.myYouButton:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));

	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);

	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);

	background-color:#e9e9e9;

}

.myYouButton:active {

	position:relative;

	top:1px;

}









