@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
/* online consultant design */
img.shc.sh_logo_btn.sh_logo_img {
    display: none;
}
.sh_btn {border-radius: 40px !important;}
/* online consultant design end */
@media screen and (max-width: 600px) {
  #goupgodown {
    visibility: hidden;
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #aktsiya-top {
    visibility: hidden;
    display: none;
  }
}
.promotions{
	clear: both;
	overflow: hidden;
	text-align: center;
	font-size: 0;
	padding: 20px 40px;
}
.promotions_block{
	vertical-align: top;
	display: inline-block;
	text-align: left;
	width: 27%;
	padding: 2%;
	font-size: 13px;
}
.promotions_block img{
	display: block;
	margin: 10px auto;
	max-width: 100%;
}
@media only screen and (max-width:720px){
	.promotions_block{
		display: block;
		width: 96%;
	}
}

.go-up,
.go-down {
   position: fixed; /*позиционируем*/
   right: 5px; /*указываем положение, если слева - left*/
   z-index: 9999; /*показываем поверх все элементов на странице*/
   background: #03A9F4;
   /* border: 2px solid #ccc; */ /*толщина, стиль, цвет рамки*/
   box-shadow: 0 10px 0.3em -0.1em #9E9E9E; /*тень*/
   border-radius: 10px;
   cursor: pointer;
   color: #fff; /*цвет стрелок*/
   text-align: center; /*выравнивание*/
   font-size: 32px; /*размер стралок*/
   text-shadow: 0 1px 2px #000, 0 0 10px #E0F1FF;
   opacity: .7; /*прозрачность*/
   padding: 0 3px 5px 3px; /*отступы внутри*/
   margin-bottom: 5px; /*отступ снизу (можно не указывать)*/
   width: 34px; /*ширина кнопки*/
   height: 34px; /*высота кнопки*/
}

.go-up {
  bottom: 70px; /*положение от низа окна браузера*/
}
.go-down {
  bottom: 10px;
}
.down { }
/*стили при наведении курсора*/
.go-down:hover,
.go-up:hover {
  opacity: 1;
}

/* mneniya */
.control-label {
    font-weight: bold;
    margin: 5px 9px 8px 0px;
    width: 121px;
    display: inline-flex;
}
.form-control {
    background: #f1f1f1;
    padding: 6px 5px;
    margin: 2px 0px 10px 8px;
    width: 250px;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 1px #ccc inset;
    -webkit-box-shadow: 0 1px 1px #ccc inset;
    box-shadow: 0 1px 1px #ccc inset;
}
input.btn.btn-primary {
    background: #2a5885;
    color: beige;
    border-radius: 6px;
    text-align: center;
    width: 159px;
    height: 50px;
    font-size: large;
    
}
/* mneniya end */

/* horizmenu */
#menu {
  margin:0;
  background: #FFEB3B;
  width: 100%;
  padding: 20px 0;
  text-align: center;
}

#menu a {
  color: #000;
  text-decoration: none;
}

#menu a:hover {
  color: #fff;
}

#menu ul {
  padding:0;
  margin:0;
}

.items li {
  list-style: none;
  display:inline;
  padding-right: 15px;
  width:100%;
  margin: 0 auto;
}

.icon {
  color: #000;
  cursor: pointer;
  display: none;
  font-size:24px;
}

.showitems {
  display:block !important;
}
@media screen and (max-width: 800px) {
  .icon {
     display:block; 
  }
   .items {
    display:none;   
  }
  .items li {
    display:table;
    padding:10px 0;
  }
}
/* horizmenu end */
/* menu */
body, html {
          height: 100%;
          margin: 0;
          #overflow:hidden;
          #font-family: helvetica;
          #font-weight: 100;
      }
      .container {
          position: relative;
          height: 100%;
          width: 100%;
          left: 0;
          -webkit-transition:  left 0.4s ease-in-out;
          -moz-transition:  left 0.4s ease-in-out;
          -ms-transition:  left 0.4s ease-in-out;
          -o-transition:  left 0.4s ease-in-out;
          transition:  left 0.4s ease-in-out;
      }
      .container.open-sidebar {
          left: 240px;
      }
      
      .swipe-area {
          position: absolute;
          width: 50px;
          left: 0;
      top: 0;
          height: 100%;
          background: #f3f3f3;
          z-index: 0;
      }
      #sidebar {
          background: #DF314D;
          position: absolute;
          width: 240px;
          height: 100%;
          left: -240px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
      }
      #sidebar ul {
          margin: 0;
          padding: 0;
          list-style: none;
      }
      #sidebar ul li {
          margin: 0;
      }
      #sidebar ul li a {
          padding: 15px 20px;
          font-size: 16px;
          font-weight: 100;
          color: white;
          text-decoration: none;
          display: block;
          border-bottom: 1px solid #C9223D;
          -webkit-transition:  background 0.3s ease-in-out;
          -moz-transition:  background 0.3s ease-in-out;
          -ms-transition:  background 0.3s ease-in-out;
          -o-transition:  background 0.3s ease-in-out;
          transition:  background 0.3s ease-in-out;
      }
      #sidebar ul li:hover a {
          background: #C9223D;
      }
      .main-content {
          width: 100%;
          height: 100%;
          padding: 10px;
          box-sizing: border-box;
          -moz-box-sizing: border-box;
          position: relative;
      }
      .main-content .content{
          box-sizing: border-box;
          -moz-box-sizing: border-box;
      /*padding-left: 60px; */
      width: 100%;
      }
      .main-content .content h1{
          font-weight: bold;
          color: #2196F3;
      }
      .main-content .content p{
          width: 100%;
          line-height: 160%;
          margin: inherit;
      }
      .main-content #sidebar-toggle {
          background: #DF314D;
          border-radius: 3px;
          display: block;
          position: relative;
          padding: 10px 7px;
          float: left;
          cursor: pointer;
      }
      .main-content #sidebar-toggle .bar{
           display: block;
          width: 18px;
          margin-bottom: 3px;
          height: 2px;
          background-color: #fff;
          border-radius: 1px;   
      }
      .main-content #sidebar-toggle .bar:last-child{
           margin-bottom: 0;   
      }
/* menu end */
ul.list li {
    float: left;
    width: 33.3%;
    padding: 0px;
    list-style: none;
    text-align: center;
    margin: 15px 0px 0px 0px;
}
/* breadcrumbs */
.zBreadcrumbs_items {
    list-style: none;
    padding: 0;
    margin-bottom: 0px;
    word-wrap: normal;
    text-overflow: ellipsis;
    color: #879399;
    font-size: 13px;
}

.zBreadcrumbs_items li {
    display: inline;
}
.zBreadcrumbs_items li a {
    text-decoration: none;
    color: #879399;
}
.zBreadcrumbs_items li a span {
    text-decoration: underline;
}
.zBreadcrumbs_items li:not(:last-of-type):after {
    content: "→";
    color: #879399;
    display: inline-block;
    position: relative;
    margin: 0 4px;
}
/* breadcrumbs end */

/* recommend */
.loan.recommend:after {
    content: "рекомендуем";
    display: block;
    position: absolute;
    width: 92px;
    top: 45px;
    right: 5px;
    color: white;
    background: red; // сюда свою картинку прописываете
    padding: 10px;
    border-radius: 0px;
    z-index: 10; // поднять значение, если перекрывается другими элементами, но не слишком высокое, что бы например не торчало поверх попапов
}

/* recommend */
.loan.bezotkaza:after {
    content: "без отказа";
    display: block;
    position: absolute;
    width: 92px;
    top: 45px;
    right: 5px;
    color: white;
    background: red; // сюда свою картинку прописываете
    padding: 10px;
    border-radius: 0px;
    z-index: 10; // поднять значение, если перекрывается другими элементами, но не слишком высокое, что бы например не торчало поверх попапов
}

/* recommend */
.loan.best:after {
    content: "Лучшее Одобрение";
    display: block;
    position: absolute;
    width: 92px;
    top: 45px;
    right: 5px;
    color: white;
    background: #8BC34A; // сюда свою картинку прописываете
    padding: 10px;
    border-radius: 0px;
    z-index: 10; // поднять значение, если перекрывается другими элементами, но не слишком высокое, что бы например не торчало поверх попапов
}

/* recommend */
.loan.bistro:after {
    content: "Быстрая выдача";
    display: block;
    position: absolute;
    width: 123px;
    top: 45px;
    right: 5px;
    color: white;
    background: #03A9F4; // сюда свою картинку прописываете
    padding: 10px;
    border-radius: 0px;
    z-index: 10; // поднять значение, если перекрывается другими элементами, но не слишком высокое, что бы например не торчало поверх попапов
}

/* recommend */
.loan.free:after {
    content: "Первый Займ Бесплатно - 0%";
    display: block;
    position: absolute;
    width: 123px;
    top: 45px;
    right: 5px;
    color: white;
    background: #03A9F4; // сюда свою картинку прописываете
    padding: 10px;
    border-radius: 0px;
    z-index: 10; // поднять значение, если перекрывается другими элементами, но не слишком высокое, что бы например не торчало поверх попапов
}

img { border:none; max-width: 100%; height: auto;}

.sr-box img {max-width: none;}.sr-box br {display:none;}.sr-box p {display:none;}.sr-box {display: block !important;position: relative;width: 250px;}.sr-box-list table{border:0 !important}.sr-box-list td{padding:0px !important; border:0 !important}.sr-box-list{clear: both;display: block;list-style: none outside none !important;position: relative;margin: 0!important;padding: 0!important;}.sr-box-list li {list-style: none outside none !important;margin: 0;background-image: none !important; background-color: #FFFFFF;color: black;display: block;font-family: Arial;font-size: 12px;height: 60px;padding: 2px 25px;}.sr-element {height: 63px !important;line-height: 63px !important;}.sr-box-list li label {height: 15px;line-height: 15px;position: relative;z-index: 10;display: block;margin-bottom: 5px;overflow: hidden;}.sr-box-list input[type="text"] {font-family: Arial;font-size: 12px;height: 33px;margin-bottom: 20px;padding: 5px 10px;position: relative;width: 100%;z-index: 10; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}.sr-box-list input[type="submit"] {white-space:normal;cursor:pointer}.sr-box-list select{width:100%}.sr-slider-captcha{position: relative;border: none 0;margin-top: -60px;z-index: 10;height: 33px;width: 100%;}#cnt{height:60px;}#cnt img {margin-bottom: -6px;}.sr-box .sr-name {display: none!important;}

@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  src: local('Scada'), local('Scada-Regular'), url(https://fonts.gstatic.com/s/scada/v4/F5Y0Urxz0lcNByUbLZLu9g.woff) format('woff');
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  src: local('Scada Bold'), local('Scada-Bold'), url(https://fonts.gstatic.com/s/scada/v4/xbAq6vOsHBrm_q_F1QIYY_esZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
  font-family: 'Scada';
  font-style: italic;
  font-weight: 400;
  src: local('Scada Italic'), local('Scada-Italic'), url(https://fonts.gstatic.com/s/scada/v4/_rmKUPSTQWlCJ046J0Up2A.woff) format('woff');
}
@font-face {
  font-family: 'Scada';
  font-style: italic;
  font-weight: 700;
  src: local('Scada Bold Italic'), local('Scada-BoldItalic'), url(https://fonts.gstatic.com/s/scada/v4/3875EdM-9ys3OtdHL2b2gxsxEYwM7FgeyaSgU71cLG0.woff) format('woff');
}

body {
	background: url("../img/main-bg.jpg") repeat fixed 0 0 #fff;
	padding: 0;
	margin:0 auto;
	font-family: 'Scada', sans-serif;

}

p {color: #444;}

.clr {
	clear: both;
	overflow: hidden;
	height: 0;
}
#main {
    background-color:#fdfdfc;
    position:relative;
	width:960px;
	padding:15px;
	margin:0 auto 20px auto;
	-moz-box-shadow:  0 0 15px rgba(0,0,0,0.15);
    -webkit-box-shadow:  0 0 15px rgba(0,0,0,0.15);
    box-shadow: 0 0 15px rgba(0,0,0,0.15);
}
#header {
    /*position:relative;*/
    Width:960px;
	height:95px;
	font-size:15px;
	border-bottom:3px solid #e7e7e6;
}
#logo {
    width:170px;
	height:95px;
	text-transform:uppercase;
	color:#00bfc0;
	font-weight:bold;
	float:left
}

p.lzo {color: #00bfc0;
    margin-top: 13px; width: 256px;}

a {text-decoration:none;}

h1 { color:#333; font-size: 120%; }
h1, h2, h3 {
	text-align:center;
	margin:10px 0px; 
	font-weight:bold;
    font-size: 120%;
}

#logo img {
	float:left;
	margin-right:10px;
}

#vibgoroda {
	float:left;
	margin:0;
	width:550px;
	height:95px;
	margin-top:30px;
	text-align:right;
}
label {
    color: #787165;
    cursor: text;
    float: left;
    font-size: 13px;
    font-style: italic;
    font-weight: normal;
    height: 27px;
    line-height: 28px;
    margin: 0 0 -27px;
    padding: 0 0 0 14px;
    /* position: absolute; */
    /* left:60px; */
    width: 100%;
    z-index: 1;
}
#vibgoroda span {
    color: #00bfc0;
}

li.galka {
    background: url(https://kreditoff24.ru/zaem/bitrix/template/zaem/img/galka.png) no-repeat transparent;
    margin: 4px 0 5px 25px;
    padding: 0px 0px 0px 35px;
    list-style: none;
}

div#multilead {
    
    margin: 25px 13px 1px 50px !important;
    float: left;
}

button.multilead-button {
    background: rgb(7, 162, 236);
    color: #FFFFFF;
    width: 200px!important;
    height: 47px!important;
    border-radius: 30px!important;
    border: 0!important;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: bold!important;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    line-height: 15px;
}

button.multilead-button:hover{
    background-color: rgba(255, 152, 0, 0.80);
}

input, select {
	font-family: 'Scada', sans-serif;
    background-color: #f5f5f5;
    border:1px solid #ccc;
    border-radius: 5px;
    color: #333;
    font-size: 14px;
    padding: 3px 5px;
}

option {padding:1px 5px}

#zakladki a {
    display:block;
	background:no-repeat left top url("../img/bmark.png");
    color: #00bfc0;
    float: right;
    font-size: 14px;
    height: 40px;
    text-align: right;
    width: auto;
	margin-top:25px;
	padding-left:50px;
}
#zakladki a:hover {
    background:no-repeat left top url("../img/bmark_af.png");
}


#vniman {
    background:no-repeat top center url("../img/vniman_bg.png");
    color: #333;
    float: left;
    height: 45px;
    margin-top: 20px;
    padding: 13px 0px 60px 86px;
    width: 650px;
}
#vniman p {}

.odobr{
    color: #333;
    font-size: 16px;
}

#counter {
	float: left;
    height: 80px;
    margin-left: 88px;
   // margin-top: 20px;
}

div.zaim:hover { 
	background: url("../img/offer_bg_h.png") no-repeat scroll center top rgba(0, 0, 0, 0);
}

.zaim {
    background: url("../img/offer_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0);
    float: left;
    font-size: 14px;
    height: 498px;
    margin: 0 10px 30px;
    padding: 7px 10px 5px;
    position: relative;
    text-align: center;
    width: 280px;
}

.zaim2 {
    /* background: url("../img/call_to_action_bg.png") no-repeat scroll center top rgba(0, 0, 0, 0); */
    float: left;
    font-size: 14px;
    /* height: 498px;
    margin: 0 10px -20px;
    padding: 7px 10px 5px; */
    position: relative;
    text-align: center;
    width: 238px;
}

p.z_title2 {
	color: #FA1247;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
    line-height: 26px;
}

p.z_p {
  margin-top: 3px;
}

.lt_cont {
	border-top: 1px solid #d3d3d2;
    float: left;
	margin: 0px 0;
    width: 50%;
}
.lt_cont p {
	padding: 7px 0 7px 25px;
	border-bottom: 1px solid #d3d3d2;
}

.rt_cont {
	border-top: 1px solid #d3d3d2;
    float: left;
	margin: 0px 0;
    width: 50%;
}
.rt_cont p {
	padding: 7px 0 7px 12px;
	border-bottom: 1px solid #d3d3d2;
}

.sp {border-bottom: 1px solid #d3d3d2;}
.sp img {padding: 0 0 0 4px;}

.zaim p {
	text-align:left; font-size: 15px;
}

.zaim_href {
    background: center no-repeat url("../img/btn_oformit.png");
    text-decoration:none;
    display:block;
    width:130px;
    height:40px;
	line-height:36px;
	padding:0;
	position:absolute;
	bottom:12px;
	left:85px;
    font-size: 18px;
    color:#9c5801;
    text-align:center;
}

.zaim_href:hover {
    color:#fff;
    cursor:pointer;
}

.zaim_href1 {
    background: center no-repeat url(../img/btn_oformit.png);
    text-decoration: none;
    display: block;
    /* width: 130px; */
    height: 40px;
    line-height: 36px;
    padding: 10px;
    /* position: absolute; */
    /* bottom: 12px; */
    /* left: 85px; */
    font-size: 18px;
    color: #9c5801;
    text-align: center;
}
.zaim_href1:hover {
    color:#fff;
    cursor:pointer;
}

/* newzaimdesign*/
.zaim-newdesign {float: left;position: relative; background:white;border: 1px dashed #3F51B5;border-radius: 5px; height: 380px; margin: 0 10px 30px; padding: 7px 10px 5px; width: 275px;}
.srok-age-term {padding: 10px;}
.srok-age-term p { background: url(https://kreditoff24.ru/zaem/bitrix/template/zaem/img/galka.png) no-repeat; padding-left: 24px; min-height: 16px; }
.recommendations {font-family: 'Roboto Slab'; color:#FF5722; font-size: 14px; font-weight: 700; text-align: center;}
.zaimbtn {background: center no-repeat url(https://kreditoff24.ru/zaem/bitrix/template/zaem/img/btn_oformit.png); text-decoration: none; display: block; width: 130px; height: 47px; line-height: 44px; padding: 0; position: relative;      bottom: -5px; left: 75px; font-size: 18px; color: #9c5801 !important; text-align: center; }
.zaimbtn a{color:black;}
.sposobi-items {text-align: center;}
.offerlogo {text-align: center;}
/* new zaim design end */

#content li {
    margin-left: 15px;
}

.zapros {
	margin:5px auto;
	text-align:center;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px 0;
}

.zapros-p {
	float:left;
	margin:3px 25px 0 20px;
}

.sr-required {
	display:block;
	float:left;
	margin-right:20px;
	width:240px;
	font-style:italic;
	padding:3px 10px;
	line-height: 21px;
}

.podpiska {
    background: none repeat scroll 0 0 #ffc60d;
    color: #9c5801;
    display: block;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
}

.podpiska:hover {
    color:#fff;
    cursor:pointer;
}


#otzivs {
    border-bottom: 3px solid #e7e7e6;
    border-top: 3px solid #e7e7e6;
    color: #333;
}

.foto {
    background:url("https://kreditoff24.ru/zaem/bitrix/template/zaem/img/otz-bg.png")  no-repeat top center;
	float: left;
    margin: 35px 25px 80px;
    width: 330px;
	height:300px;
	font-size:14px;
	padding: 10px 50px;
}
.foto img {
	float: left;
    margin: 0 15px 0 0;
}
.nov {
    float: left;
    height: 75px;
    margin-top: 7px;
    text-align: justify;
    width: 320px;
}
.otno {
	text-align:center;
	margin:12px auto;
	font-weight:700;
}

p.galka {
	background: url("../img/galka.png") no-repeat left center;
    border-bottom: medium none;
    margin: 4px 0 5px 25px;
    padding: 0px 0px 0px 35px;
}
.avatar { margin:10px 0 0}

p.z_title {
	color: #9c5801;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    width: 98%;
    line-height: 26px;
}

div.ofer_info {
    color: #333;
    font-size: 11px;
    font-style: italic;
    height: 65px;
    margin-top: 7px;
    padding: 5px 20px;
    text-align: left;
}

div.ofer_info strong {
	font-size:13px;
	font-style: normal
}

.colblu {
	color:#2daaee;
	font-weight:bold;
}

.smart_resp_podp {
	width:300px;
	margin:10px auto;
	background: url("../img/order.png") repeat scroll 0 0 transparent;
    border-radius: 10px;
    padding: 10px;
}
.googl_pod { width:740px; height:90px; margin:20px auto 23px auto}

#footer {
	background-color: #e6e6e6;
    bottom: 0;
	margin-top:20px;
	font-size: 14px;
    height: 65px;
    left: 0;
    line-height: 30px;
    padding: 5px 40px;
    position: absolute;
    width: 910px;
}
#footer a {
	color:#999;
	text-decoration:none;
	border-bottom:1px dotted #999
}
#footer a:hover {color:#555}

.foot_right {
	color: #999;
    float: right;
    font-size: 14px;
    text-align: right;
	line-height: 30px;
}

#maps {
	height:290px;
	width:560px;
}

span.reds { color:#e23e29}
#copyright {
	color: #999;
    height: 20px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 42px;
}
.error {
    color: red;
    font-size: 12px;
    padding-left: 7px;
}

.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

/*.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}*/

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 2px;
  width: 46px;
  height: 60px;
  line-height: 60px;
  background: #00bfc0;
  border-radius:7px;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 60px;
  text-decoration: none !important;
  border-radius:7px;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  border-radius:7px;
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #00bfc0;
  background-color: rgba(240, 240, 240, 0.04); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #fff;
  text-align: center;
  background-color: #00C018;
  font-size: 45px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7);*/ }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-webkit-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }


@media only screen and (min-width:601px) and (max-width:800px) {
#main {width:700px;}
#header {
    height: 160px;
	margin-left:30px;
    text-align: center;
    width: 625px;
}
#logo {
    height: 85px;
    width: 400px;
}
#logo img {
    float: left;
    margin: 0 10px 0 190px;
}
#vibgoroda {
    height: 25px;
    margin: 20px 0 0;
    text-align: center;
    width: 635px;
}
#multilead {
    
    margin: 25px 13px 1px 50px !important;
    float: left;
}

.multilead-button {
    background: rgb(7, 162, 236);
    color: #FFFFFF;
    width: 200px!important;
    height: 47px!important;
    border-radius: 30px!important;
    border: 0!important;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: bold!important;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
    line-height: 15px;
}

.multilead-button:hover{
    background-color: rgba(255, 152, 0, 0.80);
}
#zakladki a {
    float: left;
    margin-left: 200px;
}
#vniman {
    background: url("../img/vniman_bg.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin-left:43px;
    padding: 37px 0 31px 60px;
    width: 325px;
}
#vniman p {margin-top: -10px;}
#spisok h1 {
	margin: 15px 0 20px 90px;
    width: 500px;
}
.zaim {
	margin-left: 22px;
	width:290px;
}
.zapros {
	margin-left: 50px;
    width: 600px;
}
.zapros-p {float:none; padding-bottom: 10px;}
.sr-required {margin-left: 65px;}
.foto {
	float:none;
	margin: 35px 130px 50px;
}
#footer {width: 650px;}
.contact p {margin-left: 50px;}
.contact h2 {margin-left: 30px;}
.contact input[type="submit"] {margin-left:50px;}
#maps {margin-left:50px; width: 600px;}
.googl_pod {display:none;}
}

@media only screen and (min-width:200px) and (max-width:600px) {
#main {padding:2px; width:320px;}
#header {
    /*height: 160px;*/
	text-align: center;
    width: 266px;
    border:0;
}
#logo {
    height: 85px;
    margin-left: 80px;
    width: 145px;
}
#logo img {
    float: left;
    margin: 0 -21px 0 0px;
}
#vibgoroda {
    float: right;
    height: 70px;
    margin: 20px 60px 0 0;
    width: 240px;
}
#region_id{margin-bottom: 15px;}
#zakladki a {
    float: left;
    margin-left: 45px;
	margin-top:10px;
}
#vniman {
   /* background: url(../img/vniman_bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); */
    float: none;
    margin-left: -2px;
    padding: 11px 0 74px 40px;
    width: 265px;
}
#vniman p {margin-top: -20px;}
#counter {margin-left: 60px;}
#spisok h1 {
	margin: 15px 0 20px 20px;
    width: 280px;
}
.zaim {
	float: none;
    margin-left: 5px;
    width: 290px;
}
.zapros {
	height: 120px;
	margin-left: 9px;
    width: 300px;
}
.zapros-p {float:none;}
.sr-required {float: none; margin-left: 20px;}
.podpiska {margin:13px 0 0 50px;}
#otzivs {margin-top: 30px; padding-bottom: 90px; width: 320px;}
.foto {
	float: none;
    margin: 30px 0 50px;
    padding: 10px 0 5px;
    width: 320px;
}
.foto img {margin: 0 10px 0 0;}
.nov {width: 315px;}
#footer {height: 140px; line-height: 20px; padding:5px; width: 314px;}
.foot_right {left: 75px; position: absolute; text-align:start; top: 80px;}
#copyright {top: 36px; width: 310px;}
.contact p {margin-left: 6px;}
.contact input[type="submit"] {margin-left:6px;}
#maps { height:220px; width:320px;}
.contact textarea {width: 305px;}
.googl_pod {display:none;}
.header-main {text-align: center; margin: 30px 0px; font-weight: 400; }