*{margin:0;padding:0;}
img, a img, a{outline: none;}
img, a img{border:none!important;}
.clear{height:0;line-height:0;font-size:0;clear:both;}
.clear3{height:3px;line-height:0;font-size:0;clear:both;}
.clear4{height:4px;line-height:0;font-size:0;clear:both;}
.clear5{height:5px;line-height:0;font-size:0;clear:both;}
.clear6{height:6px;line-height:0;font-size:0;clear:both;}
.clear7{height:7px;line-height:0;font-size:0;clear:both;}
.clear10{height:10px;line-height:0;font-size:0;clear:both;}
.clearright10{height:10px;line-height:0;font-size:0;clear:right;}
.clearleft10{height:10px;line-height:0;font-size:0;clear:left;}
.clear12{height:12px;line-height:0;font-size:0;clear:both;}
.clear14{height:14px;line-height:0;font-size:0;clear:both;}
.clear15{height:15px;line-height:0;font-size:0;clear:both;}
.clearleft20{height:20px;line-height:0;font-size:0;clear:left;}
.clear20{height:20px;line-height:0;font-size:0;clear:both;}
.clear21{height:21px;line-height:0;font-size:0;clear:both;}
.clear23{height:23px;line-height:0;font-size:0;clear:both;}
.clear25{height:25px;line-height:0;font-size:0;clear:both;}
.clear28{height:28px;line-height:0;font-size:0;clear:both;}
.clear30{height:30px;line-height:0;font-size:0;clear:both;}
.clear33{height:33px;line-height:0;font-size:0;clear:both;}
.clear35{height:35px;line-height:0;font-size:0;clear:both;}
.clear40{height:40px;line-height:0;font-size:0;clear:both;}
.clear50{height:50px;line-height:0;font-size:0;clear:both;}
.clear60{height:60px;line-height:0;font-size:0;clear:both;}
.clear100{height:100px;line-height:0;font-size:0;clear:both;}

#clear_footer{clear:both;height:267px;z-index:0;}
html, body {
  height:100%;
  color:#212121;
  background: #F2F2F3;
  font: 300 15px/20px "Open Sans";
  min-width: 1024px;
}
.grey{
  background: #f2f2f3;
}
a{
  color: #50ccff;
}
a:hover{
  color: #50ccff;
}
a#logo{
  border: none;
}
#wrapper{
  /*height:auto!important;*/
  min-height: 100%;
  z-index:0;
  margin: 0 auto;
  position: relative;
  min-width: 1024px;
  overflow: hidden;
}
#header{
  z-index:20;
  height: 150px;
  position: relative;
  background: #2f2f33;
  width: 100%;
  min-width: 1024px;
}
#header.scrolled{
  position: fixed;
}

#menu{
  z-index:1500;
  position: relative;
  height: 150px;
  width: 48%;
  float: left;
}
#menu div.a,#menu a.link{
  font: 400 14px/145px "Open Sans";
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 150px;
  width: 19%;
  text-align: center;
  float: left;
  border: none;
  position: relative;
  z-index:2000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#menu div.a a{
  height: 145px;
  padding: 5px 0 0;
  width: 100%;
  display: block;
  font: 400 14px/145px "Open Sans";
  color: #ffffff;
  text-decoration: none;
  border: none;
}
#menu a:hover,#menu a.active,#menu a.sub:hover,#menu a.active.sub:hover,#menu div.a a:hover,#menu div.a a.active{
  background: #f7f7f7;
  color:#2f2f33;
}

#menu a.link{
  height: 145px;
  padding: 5px 0 0;
}

#header_inner {
  height: 150px;
  position: relative;
  z-index: 2;
  width: 100%;
}
#header .second_level_wrapper{
  background: #f7f7f7;
  padding: 0 0 15px 0;
  z-index:1000;
  position: relative;
  width: 100%;
  display: none;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.20);
}
#header .second_level_wrapper.small{
  background: #f7f7f7;
  z-index:1000;
  position: absolute;
  top:150px;
  left:0;
  padding: 0;
  width: 200px;
  display: none;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

#header .second_level{
  padding: 45px 0 0;
  position: relative;
  overflow: hidden;
  max-width: 1420px;
  margin: 0 auto;
}
#header .second_level.midi{
  min-width: 700px;
  width: 50%;
  padding-left:16%;
}
#header .second_level_wrapper.small .second_level{
  padding: 0;
}
#header .a .second_level a{
  display: block;
  height: auto;
  width: 100%;
  color:#212121;
  font: 400 15px/20px "Open Sans";
  padding: 8px 20px;
  text-align: left;
  border-bottom: 1px solid #c3c6c9;
}
#header .a .second_level a:hover{
  background: none;
  color:#9c9c9c;
}
#header .a .second_level a.last{
  border: none;
}

#policyBlockForFirstVisitButton {
  background: #50ccff;
  text-transform: none;
}

@media (max-width: 767px){
  #policyBlockForFirstVisitInner a {
    color: #50ccff;
    border: 1px solid #50ccff;
    text-transform: none;
  }
}

a#logo{
  display: block;
  float: left;
  max-width: 179px;
  padding: 0 8.93% 0 4.3%;
  text-align: center;
  width: 13.67%;
}
a#logo img{
  width: 100%;
  margin-top: 37px;
}
#footer{
  position: absolute;
  z-index: 103;
  clear: both;
  background: #2f2f33;
  color:#cfcfcf;
  min-width: 1024px;
  bottom:0;
  width:100%;
  height: fit-content;
}
#footer .col{
  float: left;
  width: 7%;
  margin: 0 0 0 4.3%;
}
#footer .col.first{
  width: 10%;
}
#footer .col.last{
  float: right;
  width: 23%;
  margin: 0 2% 0 0;
  box-sizing: border-box; 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
#footer a{
  color:#9c9c9c;
  text-decoration: none;
  display: block;
  padding: 0 0 5px;
  font-size: 14px;
}
#footer h3 a{
  color:#cfcfcf;
  text-decoration: none;
  text-transform: uppercase;
  font: 400 14px/18px "Open Sans";
}
#footer p.copy{
  display: block;
  position: absolute;
  bottom: 40px;
  color:#9c9c9c;
}
.catgroup{
  float: left;
  padding: 10px 5px 10px 0;
  /*width: 200px;*/
  width: auto;
  max-width: 200px;
  height: 85px;
  line-height: 85px;
  margin-right: 20px;
  position: relative;
  display: table !important;
  vertical-align: middle;
}
.catgroup a.lnk{
  color: #000000;
  font: 14px/18px Arial;
  float: left;
  display: block;
  width: auto;
  max-width: 100px;
  padding-top: 15px;

  display: table-cell !important;
  left: auto !important;
  position: relative;
  top: auto !important;
  vertical-align: middle;
  width: 100%;
}
.catgroup .img{
  width: auto;
  width: 50px;
  height: 70px;
  position: relative;
  float: left;
  margin-right: 20px;

  display: table !important;
  line-height: 70px;
  vertical-align: middle;
}
.catgroup .img a{
  border: none;
  padding: 0;

  display: table-cell !important;
  left: auto !important;
  position: relative;
  text-align: center;
  top: auto !important;
  vertical-align: middle;
  width: 100%;
}
.catgroup .img img, .catgroup a span{
  /*    position: absolute;
      bottom: 0;
      left: 0;*/
  display: inline !important;
  position: inherit !important;
  top: auto !important;
  vertical-align: middle;
}
.w200{
  width: 200px!important;
}.mt10{
   margin-top: 10px!important;
 }
.catgroup a:hover,.catgroup.hover a{
  color: #ff0000;
}

#search{
  float: right;
  width: 20.8%;
  margin: 53px 4.3% 0 0;
}
#search form{
  background: none repeat scroll 0 0 #e3e4e5;
  color: #676767;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0;
  width: 100%;
}
#search form input[type="text"]{
  background: none repeat scroll 0 0 #e3e4e5;
  border: none;
  color: #000000;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0;
  width: 85%;
  margin: 0 2%;
  float:left;
  outline: none;
  font-size: 15px;
}
#search form input[type="submit"]{
  background: url("https://static.oklick.ru/img/search.png") no-repeat scroll 0 17px;
  border: none;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0;
  width: 11%;
  float:right;
}

#banner{
  width: 50%;
  min-width: 512px;
  max-width: 963px;
  /*float: left;*/
  position: absolute;
  top: 150px;
  height: 100%;
  left:0;
  background: url(https://static.oklick.ru/img/bbg.jpg) repeat-y;
}

#banner.fixed{
  position: fixed;
}
.news_col{
  width: 20.8%;
  left: 52.1%;
  /*    */
  /*float: left;*/
  position: relative;
}
.news_col.scrolled{
  top:150px;
  padding-bottom: 150px;
}
.reviews_col{
  width: 20.8%;
  /*float: right;*/
  margin: 0 4.3% 0 2%;
  position: relative;
}
.reviews_col.scrolled{
  position: fixed;
  top: 150px;
  right: 0;
}

.reviews_col a.h3 {
  border-bottom: 1px solid #cccccc;
  clear: both;
  color: #212121;
  float: left;
  font: 400 30px/35px "Open Sans",tahoma;
  margin: 45px 0 35px;
  text-decoration: none;
  text-transform: uppercase;
}
.reviews_col span{
  color: #808080;
  font: 400 14px/18px "Open Sans",tahoma;
}
.reviews_col article{
  padding: 0 0 20px;
}
.reviews_col .news{
  background: none repeat scroll 0 0 #e3e4e5;
  margin-bottom: 20px;
  padding: 20px 45px;
  box-sizing: border-box; 	-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
.reviews_col p{
  padding: 5px 0 10px;
}
.reviews_col a{
  color: #111111;
  font: 400 15px/20px "Open Sans",tahoma;
  text-decoration: underline;
}
.social a{
  color:#9c9c9c;
  text-decoration: underline;
  font: 400 14px/55px "Open Sans", tahoma;
}
.social a.icon{
  border: 1px solid #bdbdbd;
  width: 55px;
  text-decoration: none;
  display: block;
  height: 55px;
  text-align: center;
  float: left;
  margin: 0 25px 0 0;
}
.social a.fb{
  background: url(https://static.oklick.ru/img/social.png) 14px 11px no-repeat;
}
.social a.vk{
  background: url(https://static.oklick.ru/img/social.png) -43px 10px no-repeat;
}
.social a.yt{
  background: url(https://static.oklick.ru/img/social.png) -101px 10px no-repeat;
}
.social a.inst{
  background: url(https://static.oklick.ru/img/instagram.png) center no-repeat;
}
.news_col a.h3 {
  border-bottom: 1px solid #cccccc;
  clear: both;
  color: #212121;
  float: left;
  font: 400 30px/35px "Open Sans",tahoma;
  margin: 65px 0 35px;
  text-decoration: none;
  text-transform: uppercase;
}
.news_col article{
  background: none repeat scroll 0 0 #ffffff;
  margin-bottom: 40px;
  overflow: hidden;
  padding-top: 40px;
}
img.max {
  width: 100%;
}
.news_col span {
  clear: both;
  color: #808080;
  display: block;
  font: 400 14px/14px "Open Sans",tahoma;
  padding: 30px 45px 10px;
}
.news_col h2 {
  height: auto;
  padding: 0 45px 0;
}
.news_col p {
  color: #000000;
  font: 400 15px/18px "Open Sans",tahoma;
  padding: 10px 45px 50px;
}
.news_col a {
  clear: both;
  color: #65aff1;
  display: block;
  text-decoration: underline;
  font: 400 15px/20px "Open Sans",tahoma;
}
.arr{
  background: url(https://static.oklick.ru/img/larr.png) no-repeat;
  display: inline-block;
  width: 5px;
  height: 3px;
  position: relative;
  top:-2px;
  left:5px;
}
.hover .arr,a.sub:hover .arr,.active .arr{
  background: url(https://static.oklick.ru/img/darr.png) no-repeat;
}
.maxwidth300
{
  max-width: 300px;
}
.maxwidth130,
.catgroup a.lnk.maxwidth130
{
  max-width: 130px;
}
/******SLIDER FIX********/
.slide a
{
  display: block;
}
/*
.slide figure figcaption
{
    position: relative;
}
*/
.slide  img
{
  padding-top: 0;
  margin-top: -96px;

  margin: auto;
  display: block;
  height: 100%;
  width: auto;

}

.slider-nav
{
  /*top: 69%;*/
  position: fixed;
  top: 95%;
}

.mt15{
  margin-top: 12px;
}
.menu-support
{
  width: 1175px;
}

.rediz .news_col.scrolled
{
  top: 0;
  padding-bottom: 0;
}
.rediz .news_col {
  float: left;
  width: 41.6%;
  position: relative;
  left: 0;
  /*margin: 0 8.6% 0 4%;*/
  margin: 0 4.3% 0 4%;
}



.new.rediz .reviews_col.scrolled {
  right: 0;
  top: 0;
}
.rediz .reviews_col {
  float: left;
  width: 41.6%;
  /*margin: 0 8.6% 0 4%;*/
  margin: 0 0 0 4%;
  /*position: absolute;*/
  position: relative;
}
.rediz .cols {
position: relative;
    width: 50%;
    background: #F2F2F3;
    float: right;
    padding-top:115px;
}
.rediz#wrapper {
  overflow: visible;
  background: #F2F2F3;
  /*height: initial!important;*/
}

.slick-dots{
    position:absolute;
    bottom:130px;
    left: 8%;
}
.slick-dots li{
    display:inline-block;
    width: 16px;
    height: 16px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #fff;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    font-size:0;
    
}
.slick-dots li.slick-active{
    background: #77B3E9;
    
}
.slick-dots li button{
    opacity:0;
}