*{margin 0 auto;padding:0;border:none;outline:none;-webkit-appearance: none!important;}
section{overflow:hidden;}
html, body {
    font-family: BebasBold;
  /*width: 1920px;
  min-width: 1920px;*/

/*
  width: 1360px;
  min-width: 1360px;*/
}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
h2 span{font-weight:normal;}

::-webkit-input-placeholder {color:#c5c5c5;}
::-moz-placeholder          {color:#c5c5c5;}
:-moz-placeholder           {color:#c5c5c5;}
:-ms-input-placeholder      {color:#c5c5c5;}

img{max-width:100%;}

.modal_div {
      font-family:'Open Sans', sans-serif;
      width:auto; 
      border-radius: 5px;
      background: #fff;
      position: fixed;
      top:30px;
      left:27px;right:27px;bottom:30px;
      display: none; 
      z-index:999;
      padding:40px 30px 10px;
    }
    .modal_div .modal_close {
      background:url(../../images/close.png) center center no-repeat;
      width: 20px;
      height: 20px;
      position: absolute;
      top: 15px;
      right: 10px;
      cursor: pointer;
      display: block;
    }
    #overlay {
      z-index:200;
      position:fixed;
      background-color:#000;
      opacity:0.8;
      -moz-opacity:0.8; 
      filter:alpha(opacity=80);
      width:100%; 
      height:100%;
      top:0;
      left:0;
      cursor:pointer;
      display:none;
    }

 @font-face {
    font-family: BebasBold; 
    src: url(../../fonts/Bebas_Neue_Bold.ttf); 
    font-weight:bold;
   }

@font-face {
font-family: BebasBold;
font-weight: normal;
src: local('Bebas Neue Regular'), url('../../fonts/BebasNeue Regular.woff') format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('../../fonts/SourceSansPro-Light.eot');
  src: url('../../fonts/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
    url('../../fonts/SourceSansPro-Light.woff') format('woff'),
    url('../../fonts/SourceSansPro-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}


   .bebas {
    font-family: BebasBold;
   }



   .os {
      font-family: 'Open Sans', sans-serif;  
 }

   .ssl {
    font-family: 'Source Sans Pro', sans-serif;  
}



.mobile{display:none!important;}

 .f14 { font-size: 14px; }
 .f16 { font-size: 16px; }
 .f18 { font-size: 18px;line-height:1.5;}
 .f20 { font-size: 20px; }
 .f21 { font-size: 21px; }
 .f22 { font-size: 22px; }
 .f23 { font-size: 23px; }
 .f24 { font-size: 24px; }
 .f28 { font-size: 28px; }
 .f30 { font-size: 30px; }
 .f36 { font-size: 36px; }
 .f48 { font-size: 48px; }
 .f67 { font-size: 67px; }
 .f80 { font-size: 80px; }
 .f120 { font-size: 120px; }

.bold {
  font-weight: 700;
}

  h3 { font-size: 36px;line-height:1.1}
  p {padding: 20px 0px 0 0;line-height:1.5;}

  .mt10 {margin-top: 10px !important;}
  .mt20 {margin-top: 20px !important;}
  .mt30 {margin-top: 30px !important;}
  .mt45 {margin-top: 45px !important;}
  .mt50 {margin-top: 50px !important;}
  .mt55 {margin-top: 55px !important;}
  .mt60 {margin-top: 60px !important;}
  .mt80 {margin-top: 80px !important;}
  .mt100 {margin-top: 100px !important;}
  
  .mb5 {margin-bottom: 5px !important;}
  .mb10 {margin-bottom: 10px !important;}
  .mb20 {margin-bottom: 20px !important;}
  .mb30 {margin-bottom: 30px !important;}
  .mb35 {margin-bottom: 35px !important;}
  .mb40 {margin-bottom: 40px !important;}
  .mb45 {margin-bottom: 45px !important;}
  .mb50 {margin-bottom: 50px !important;}
  .mb55 {margin-bottom: 55px !important;}
  .mb60 {margin-bottom: 60px !important;} 
  .px50 {padding-top: 50px !important;}
  .border{border-bottom:4px solid #4485ac;}
  .pr5p { padding-right: 5%; }
  .pr10p { padding-right: 10%; }
  .not_p{padding-top:0;}

  .p40 {
    padding-top: 37px;
    padding-bottom: 40px;
  }  
  .pt50 {
    padding-top:47px;
  }  
  .pt40 {
    padding-top:37px;
  }  
  .p50 {
    padding-top:47px;
    padding-bottom: 50px;
  }  

 .p60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }  

  .p80 {
    padding-top: 80px;
    padding-bottom: 80px;
  } 

   .p100 {
    padding-top: 100px;
  }
   .p120 {
    padding-top: 120px;
  }
.pb100 {
    padding-bottom: 100px;
  }
  .pb40 {
    padding-bottom: 40px;
  }
  .pb50 {
    padding-bottom:50px;
  }
  .pb90 {
    padding-bottom:90px;
  }
  .pt50 {
    padding-top: 50px;
    
  }  

  .pt50 {
    padding-top: 50px;
    
  }

  .pt140 {
    padding-top: 140px;
    
  }


  .p45 { padding: 45px 0; }


.no-m { margin: 0; }


.orange-link { color: #ee7e22;text-decoration:underline;}
.orange-link.more:after{content:"";background:url(../../images/i_bottom_arrow.png) center center no-repeat;display:block;height:25px;margin-top:2px;}

.lime {color: #b0c735;}
.gray {color: #4d4e4e;}
.lgray {color: #acadad;}
.white {color: #fff;}
.yellow {color: #ffcb00;}
a.yellow{text-decoration:underline;}

.lh1-3 { line-height:1.3em; }
.lh70 { line-height: 70px; }
.lh80 { line-height: 80px; }
.lh120 {line-height: 120%;}
.lh140 {line-height: 140%;}

.upper { text-transform:  uppercase; }

.text-left { text-align: left; }
.centered {text-align: center;}
.startup img{display:block;position:relative;z-index:3;}
.startup .startup {background:#57aeaf;position:absolute;right:-700%;top:0;height:100%;width:750%;z-index:2;}

.fl_c{margin:auto;}
.fl_r{float:right;}
.row.fls_4{margin:0 -2%;max-width:none;}
.bitrix_img img{margin-bottom:-17px;}
.pos_abs{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}

.holder {
  /*overflow: hidden;*/
  width: 100%;
}

.rel {
  position: relative;

}

.row span {

  display: block;
}

.container{max-width:972px!important;width:100%!important;padding:0!important;}
.right{text-align:right;}
header {
  position: relative;
  background:#4d8eb4;
  /*background-size: 100% auto;*/
  background-size: auto 100%;
  min-height: 399px;
  overflow:hidden;
}
header .container {min-height: 399px;}
header .head_phone{
  background: url(../../images/head_phone.png) center center no-repeat;
  height:252px;
  position:absolute;top:259px;
  left:50px;
  width:168px;
}
header .head_pc{
  background: url(../../images/head_pc.png) center center no-repeat;
  height:656px;
  position:absolute;top:165px;
  right:0;
  width:1005px;
}
header.mainpage {
  background: #4d8eb4 url(../../images/head_pc_main.png) center 350px no-repeat;
  min-height: 800px;
  background-size: cover;
}

header .title_head{
  max-width: 52%;
    margin:140px 0 0 0;
    position: absolute;
    top: 0;
    display: table;
    vertical-align: middle;
    height: 247px;
}
header .title_head .title_head{    display: table-cell;
    vertical-align: middle;
    position: relative;
    margin: 0;}
header.project .title_head{margin:60px 0 0 0;}
header .title_head h1{margin-bottom: -5px;}

.navbar {

  padding: 0;
  padding-top: 20px;

}

header h1,
header h4,
h2 span {

  color: #fff;
}
header h4{font-weight:normal;}

.nav-link {

  color: #fff;
    font-family: 'Open Sans', sans-serif; 
    margin-right: 11%;
    font-size: 20px; 

}
h2.title_block{display:table;text-align:left;margin:auto;}
.title_block .gray,.title_block.gray{margin-top:-11px}
.upper{font-weight: bold;}
.title_block span{line-height:1;}
p.about{color:#4d4e4e;line-height:1.5}

a:hover{color:#b0c735;}
footer{color:#4d4e4e;font-family:'Open Sans', sans-serif;}
footer .title{border-bottom:1px solid #e4e4e4;font-size:1.125em;margin-bottom:19px;line-height:1.9;font-weight:normal;}
footer span{display:inline-block!important;font-size:0.875rem;width:49%;}
footer span:first-child{width:46%;}
footer .contacts li{line-height:1.6;}
.copyright{font-size:0.75rem;margin-top:30px;}

footer a:hover{color:#000!important;text-decoration:underline;}
.nav-item {

  
    margin-right: 3%; 

}

.nav-item:last-child {

  
    margin-right: 0%; 

}
.nav-link.selected {
  color: #b0c735;
}
.footer-menu li a.selected {
  text-decoration: underline;
}
.search-ico, .search-form input[type="submit"] {
  cursor: pointer;
  display: block;
  width: 32px;
  height: 32px;
  background: url(../../images/search-ico.png) no-repeat;
  position: absolute;
  margin: auto;
  top: 0;
  right: 10px;
  bottom: 0;
}
.search-ico.mobile {
  right: 60px;
  top: 3px;
  margin: 0;
}
.search-form {
  width: 100%;
  height: 50px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -25px;
  display: none;
}
.search-form label {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
  float: right;
}
.search-form label span {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-right: 20px;
}
.search-form.mobile {
  top: -9999px;
  margin-top: 0px;
  width: 100%;
}
.search-form.mobile input.q {
  width: 100%;
}
.search {
  padding: 2px 20px 2px;
  border-radius: 8px;
  width: 485px;
  height: 48px;
  border: 1px solid #fff;
  display: inline-block;
  float: right;
}
.search_result {
  display: none;
  z-index: 1;
  position: relative;
}
.live-search {
  width: 485px;
  border-radius: 0px;
  padding: 15px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 65px;
  border: 1px solid #eee;
  max-height: 270px;
  overflow-y: auto;
}
.search_result-dop .live-search {
  top: 52px;
  max-height: 270px;
}
.live-search__item {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  border-bottom: 1px solid #eee;
  padding: 20px 0px;
  display: block;
}

.contact-menu {

  margin-top: 20px;

  
}

.contact-menu li {

  position: relative;
  margin-bottom: 30px;
  list-style: none;

}

.contact-menu li img{

  float: left;
  margin-right: 5%;



}
.contact-menu li span{

  display: block;
  font-family: 'Open Sans', sans-serif;
  /*line-height: 120%;*/

}

.rating-item {
    width:100%;
    /* background: #ecf2f6; */
    background: rgba(255, 255, 255, 0.90);
    padding:10px;
    margin-right:1px;
}

.rating-item span{
  margin-top:24px;line-height:1;
}
.rating-item span.f14,.clients-list li span{
  color:#000;
}
.ratePlace {
    background: url(../..//images/i_rating.png) center center no-repeat;
    background-size: contain;
    width: 33%;
    float: left;
    padding: 7% 0;
    /*min-height: 190px;*/
    /* background-size: 100%; */
    text-align: center;
    color: #ee7e22;
    font-size: 90px;
    margin-right: 3%;
}

.rating.more {
    background: #fff;
    text-align: center;
    padding: 10px 0px 2px;
    width: 200px;
    margin: 0px auto;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    height: auto;
}

section.services {
  background: #41c5d4 url(../..//images/bg_services.jpg) right 290px no-repeat;
}
section.services.two {
  background: #41c5d4 url(../..//images/bg_services.jpg) right 150px no-repeat;
}
section.services div{position:relative;}
.hand {background: #41c5d4 url(../..//images/bg_services2.jpg) right top no-repeat!important;height:251px;width:258px;position:absolute!important;left:-258px;top:-80px;
padding:0!important;margin:0!important}

.tablet {background: #41c5d4 url(../..//images/bg_services3.jpg) right top no-repeat!important;height:273px;width:281px;position:absolute!important;left:-400px;top:60px;z-index:1;
padding:0!important;margin:0!important}

.services-left{
  width: 100%;
}

.services-right{
  width: 100%;
}

section.order {
  background:#4c8eb6 url(../../images/form_bg.png) center 180px no-repeat;
  background-size:cover;
  text-align:center;
}


.order-form, form[name="SIMPLE_FORM_1"] {
  text-align:left;
  font-size:1.125em;
  margin-top: 80px;
}
a.order{border:1px solid #0076a3;border-radius:10px;padding:5px 60px 4px;text-decoration:none}
.submit-lime:hover,.portfolio-list-button:hover{color:#4D4E4E!important;}
.works{width:100%;padding-bottom:45px;margin:0 -7px;}
.order-form input, form[name="SIMPLE_FORM_1"] input, form[name="SIMPLE_FORM_1"] textarea, .order-form textarea, div.captcha {
  padding:2px 4% 2px;
  border-radius: 8px;
  width:94%;
  position:relative;
  border:1px solid #0076a3;    
  display:inline-block;
}
.order-form input, form[name="SIMPLE_FORM_1"] input, div.captcha { height:47px; }
.order-form textarea, form[name="SIMPLE_FORM_1"] textarea {padding:15px 2% 10px;}
div.captcha{
  background:#fff;
  height:48px;
}
div.captcha img {position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.order-form input:nth-child(3), form[name="SIMPLE_FORM_1"] input:nth-child(3) {

  margin-right: 0%;

}

/*.order-form input[type="text"]:last-child {

  margin-right: 0%;

}*/

.center_input{text-align:center;}
.last{text-align:right;}

.order-form textarea, form[name="SIMPLE_FORM_1"] textarea {
  width:98.5%;
  float: left;
  height: 200px;
  resize:none;
}

.upload {
  position: relative;
  padding: 60px 14px;
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 10px;
  width:93%;
  line-height: 18px;  
  margin-left:auto;
  height:200px;
}
.upload img{
  float: left;
}
.upload span{font-family:Open Sans,sans-serif;text-align:left;padding-left:69px;line-height:1.6;margin-top:-7px;font-size:17px;}
.upload span a{text-decoration:underline;}

.link-lime {
  color: #b0c735;
}
form .link-lime {color:#D3EA58;}
form .link-lime:hover{color:#000;}
.submit-lime {
  cursor:pointer;
  background: #b0c735;
  color: #fff;
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}


.carousel {
    background: #fbfbfb;
  padding-bottom: 100px;
  max-width: 972px;
}

.rating.carousel {
    background: none;
  padding-bottom:40px;
}

.carousel-caption {
  z-index: 10;
  bottom: 3rem;
}


.carousel-item {
  min-height: 310px;
  background-color: #fff;
  padding:0px 0px;
}


.slick-reviews-carousel .slick-slide {
  min-height: 310px;
  padding: 30px 50px 50px;
}

.rating .carousel-item {
  min-height: auto;
  background: none;
  padding: 0px;
}

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


.carousel-caption p,
.slick-slide p
 {

  margin: 25px 0;
  font-family: 'Open Sans', sans-serif;  
  font-size: 14px;
  color: #4d4e4e;
}




.slick-reviews-carousel .carousel-caption span,
.slick-reviews-carousel .slick-slide span {

  font-size: 48px;
    font-family: BebasBold;
    text-transform: uppercase;
    color: #4d4e4e;


}


.carousel-indicators li,
.carousel-indicators li.active{

  background: none;
}



.carousel-indicators {
    position: absolute;
     bottom: -50px;
    left: 0;
    z-index: 15;
 }

.carousel-indicators li::before {
    position: absolute;
    top: -10px;
    left: 0;
    right:0;
    margin:auto;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    background: url(../../images/paging_dots.png) no-repeat; 
}
.black li button:before {
    background: url(../../images/paging_dots2.png) no-repeat;
    
}

.carousel-indicators li.active::before {
    position: absolute;
    top: -10px;
    left: 0;
    right:0;
    margin:auto;
    display: inline-block;
    width: 10px;
    height: 10px;
    content: "";
    background: url(../../images/paging_dots.png) no-repeat;
    background-position: right 0px;
}


.map > img {

  width: 100%;
}



.services-holder {
  padding: 50px 0;
}

.services-holder div{
  background: #3dbccb;
  padding:25px 19px;
  margin-bottom: 3px;
}
.services-holder h3{

  color: #fff;
  font-size: 31px;
  text-transform: uppercase;
  font-family: BebasBold;

}
.services-holder ul {
  display:table;
  margin:35px 0 15px;
}
.services-holder ul li{
  color: #000;
  font-family: 'Open Sans', sans-serif; 
  font-size: 17px;
  padding-left:17px; 
    line-height:1.4;
    margin-bottom:5px;
}
.services-holder ul li a{color:#000;text-decoration:underline;}
.services-holder ul li a:hover,.services-holder ul li:hover::before{color:#fff;}
.services-holder ul li::before {
  content: "• ";
  color: #c5c5c5; 
  font-size:23px;
  margin-right:8px;
  vertical-align: bottom;
  line-height: 1;margin-left:-17px;
}
#menu-toggle{display:none;}

.price p{padding-top:0;font-size:1.15em;}
.price p strong{padding-top:40px;display:block;}
.price .col-lg-12 p:first-child strong{padding-top:0;}

.tasks-years {
  font-size:0;
  margin-left:-3.6%;
  position: relative;
}

.tasks-years li{
  position: relative;
  font-family: BebasBold;
  font-size: 48px;
  color: #4d4e4e;
  display: inline-block;
  /*padding:0 3.6%;*/
  text-align: center;
  min-height: 70px;
  cursor: pointer;
  border-bottom: 1px solid #ee7e22;
    margin-bottom: -1px;
}
.tasks-years li:hover{
  color:#ee7e22;
}
.tasks-years li:first-child{

    margin-right: 0%;
}

.tasks-years li:first-child:before{
  content:"";
  border-bottom:1px solid #fff;
  bottom:-1px; right:0;position:absolute;
  width:50%;
}

.tasks-years li::after {
    content: "";
    background: #f5b27a;
    position: absolute;
    border-radius:50%;
    bottom: -10px;
    width: 20px;
    text-align: center;
    height: 20px;
    left: 0px;right:0;margin:auto;
    z-index:99;
}

.tasks-years li.active::after,.tasks-years li:hover::after {
    background: #ee7e22;
}


.task-line {
    position: absolute;
    border-bottom: 1px solid #ee7e22;
    top: 69px;
    left: -1000%;
    width: 1000%;
}


.task-holder {
    background: #ee7e22;
    width: 90%;
    margin: 45px auto;
    padding:20px 30px 25px;
    font-size: 36px;
  font-family: BebasBold;
  text-transform: uppercase;
  color: #fff;
  overflow: hidden;
}

.tasks-years li.slick-current i {
    position: absolute;
    bottom: -46px;
    right: 0;
    left:0;
    margin:auto;
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 12px solid transparent;
    border-bottom: 12px solid #ee7e22;
}

.task-holder{font-weight:bold;}
.task-holder span {
  font-weight:normal;
  display:inline-block;
  font-size: 90px;
  margin-left: 20px;  
  line-height:0.8;
}


.left {
  float: left;
  display: inline-block;
}

.right {
  float: right;
  display: inline-block;
}


.task-holder i {
    
  /*float: left;*/
  /*margin-right: 7px;*/
    width: 30px;
    height: 25px;
    display: inline-block;
}

i.i-project {
    
   
    background: url(../..//images/i_project.png) no-repeat;
    
}

i.i-time {
    
   
    background: url(../..//images/i_time.png) no-repeat;
    
}


.indent140 {
  text-indent: -140px;
}

.clients-list {
  overflow: hidden;
  padding: 10px 10px 0 10px;
  margin-bottom:-50px;
  font-size:0;
}

.clients-list a:hover{text-decoration:none;}

.clients-list li {
  margin-bottom:80px;
  padding: 30px;
  width: 24.85%;
  display:inline-block;
  font-size:16px;
}

.clients-list li:last-child {

  margin-right: 0%;

}

.clients-list li:hover {
  box-shadow: 0px 0px 4px #ccc;

}

.clients-list li div{ 
  width:70%;
  margin:70px auto 0 auto;
}

.clients-list li img{ 

  width: 100%;
    

}
.clients-list li a {display:block;}
.clients-list li h3{ 
  color:#4d4e4e;
  font-size: 20px;
  text-transform: uppercase;
  font-family: BebasBold;
  margin-bottom:3px;
}
.clients-list li>a{
  display:block;
  height:115px;
  position:relative;
  width:100%;
}
.clients-list li img{
  max-width:100%;
  top:0;bottom:0;
  left:0;right:0;margin:auto;
  position:absolute;
  max-height:100%;
}
.clients-list li span{ 
  font-size: 14px;
  font-family: 'Source Sans Pro', sans-serif;
  margin-bottom:7px;  
}
.clients-list li p{ 
  font-size:18px;
  font-family: 'Open Sans', sans-serif;
  color: #ee7e22;
  padding-top:0;
  text-decoration:underline;
}
.clients-list li p:hover{color:#b0c735;}

.work {
  background: #fbfbfb;
  box-shadow: 0 -2px 0 #f2f2f2;
}

.work .carousel {

  width: 100%;
}

.work .carousel-item {

  background: none;
}

.work .carousel-indicators {
  
    bottom: 50px;
   
}

.work-item {
  position: relative;
  width: 49%;
  margin-left:1%;
  float: left;
  padding:25px 9px 2px 9px;
  text-align:center;
}
.work-item>a.work-item-thumb{display:block; height: auto; overflow: hidden; }
.work-item>a.work-item-thumb:after{
  content:'';height:100%;z-index:100;
  width:100%;position:absolute;top:0;left:0;background: url(../../images/google.png) center top;
  background-size:contain;
  background-repeat: no-repeat;
}
.ggray .work-item>a.work-item-thumb:after{
  background-image: url(../../images/google_gray.png);
  background-repeat: no-repeat;
}
.work-item:nth-child(odd) {
  margin-right:1%;
  margin-left:0;
}
.works .work-item{margin-left:0!important;margin-right:0!important;}
.work-caption{ 
  position: absolute;
  bottom:2px;
  left:9px;
  right:9px;
  padding: 20px 40px;
  background:rgba(183,204,72,.9);
  display: block;
  text-align:left;
  min-height:85px;
  border-top:2px solid rgba(167,168,168,.9);
  z-index:100;
}
.work-item:hover{cursor:pointer;}
.work-item:hover .work-caption { 
  display: block;
}

.work-item img { 
  width: 100%;
}

.work-caption span{ 
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 10px;
  color: #292b2c !important;
  text-decoration: none;
}
.work-caption:hover span {
  color: #292b2c !important;
  text-decoration: none;
}
.work-caption:hover label {
  cursor: pointer;
}
.work-caption label{ 
  font-size: 36px;
  text-transform: uppercase;
  font-family: BebasBold;
  color: #fff;
}


.arch .col-lg-4 {text-align:center;padding-right: 6%;margin-right: -1.2%;}
.arch .col-lg-8{flex: 0 0 67.666667%;max-width: 67.666667%;margin-top:-6px;}

.arch span {

      font-family: BebasBold;
      font-size: 48px;
      position: relative;
      color:#4d4e4e;
      margin-top:-15px;

}

.orange-line-bg::after{
      position: absolute;
      width: 20px;
      height: 20px;
      content: "";
      background:#f5b27a;
      border-radius:50%;
      top:0;
      right:-11px;

}
.arch .row:first-child .orange-line-bg::after{background:#ee7e22;}



.order_hide{display:none;}
.order_hide h2:hover *{color:#4D4E4E;cursor:pointer;}

.arch .arch-hold img{
    display:block;
      padding: 0 12px 0 0px;
}
.arch-hold a{position:relative;display:inline-block;}
.arch-hold a:hover:before{
  position:absolute;bottom:0;left:0;width:100%;content:"Учеличить";text-transform:uppercase;color:#fff;
  background:rgba(176,199,53,.85) url(../../images/lupa.png) 20% center no-repeat;z-index:9;padding:15% 15% 13% 20%;text-align:center;font-size:1.875em;
}

.arch .arch-hold img:last-child{

      padding: 0;
}
.social{padding-top: 10px;}
.social li{padding:10px 0 10px 55px;}
.social li span{display:block;margin-bottom:3px;}
.social li.phone{background:url(../..//images/social.png) left 12px no-repeat;}
.social li.skype{background:url(../..//images/social.png) left -59px no-repeat;}
.social li.email{background:url(../..//images/social.png) left -138px no-repeat;}

.orange-line-bg {
  border-right: 1px solid #f5b27a;
  padding:0!important;
  position:absolute;
  top:0;
    bottom: 0;
    right:84px;
}
.last .orange-line-bg{border-right-color:#fff;}
.orange-line-bg.last {

  background: none;
  
}


.clients-list.clients-page {}
.clients-list.clients-page li {
  padding:15px 10px 25px;
}

.portfolio-list {
  font-size:0;
  padding:50px 0 40px;
}

.portfolio-list li{
  font-weight:bold;
  font-family: BebasBold;
  font-size: 36px;
  color: #4d4e4e;
  border-bottom: 2px solid #4d4e4e;
  display: inline-block;
  margin-left:10px;
  padding:0 11px;
  cursor: pointer;
}

.portfolio-list li:first-child{
  margin-left: 0px;
}

.portfolio-list li.active {
  color:#b0c735!important;
  border-bottom: 2px solid #b0c735!important;
}
.portfolio-list li:hover{
  color:#ee7e22;
  border-bottom: 2px solid #ee7e22;
}

.portfolio-type ul {

  overflow: hidden;
  margin-bottom: 10px;
  
  
}
.portfolio-type a:hover{text-decoration:none}

.portfolio-type li {

  display: inline-block;
  margin-right:30px;
  margin-bottom: 10px;
  
}

.portfolio-type li a{
  color: #ee7e22;
  font-family: 'Source Sans Pro', sans-serif;  
  font-size: 24px;
  

}
.portfolio-type li a:hover{border-bottom: 1px solid #ee7e22;}
.portfolio-type li.active a{
  border-bottom: 1px solid #ee7e22;
  font-weight: 700;
}



.portfolio-list-button {
  display:table;
  background: #b0c735;
  color: #fff;
  padding:20px 10px;
  margin-top:-5px;
}


.projects{background:#fbfbfb;border-top:1px solid #ececec;}


.clear{clear:both;}
.portfolio-images{margin-bottom:25px;}
.portfolio-images li {
  width: 49%;
  float: left;
  margin-bottom:1.5%;
}





.service_img img{margin-right:-25px;}
.service-description {
  padding:57px 0;
  background: #41c5d4;
  color: #fff;
}
.why_we{background:url(../..//images/bg_service1_2.jpg) left bottom no-repeat;}
.process{background:url(../..//images/bg_service1_3.jpg) left 30px no-repeat;}
.bitrix{background:url(../..//images/bg_service1_31.jpg) left bottom no-repeat;}
.services-info > li>div.crm{background:url(/images/bg_service1_4.jpg) left bottom no-repeat;padding:0px 0px 50px!important;}
.site{background:url(../..//images/bg_service1_6.jpg) left bottom no-repeat;}
.services-info > li>div.budjet{padding:0!important;}

.service-description-2 {
  background: #41c5d4;
  color: #fff;
}




.service-block {
  
  background: #4d8eb4;
  color: #fff;
  font-family: 'Open Sans', sans-serif;  
  font-size: 18px;
}


.services-info  li ul li {

line-height: 150%;
padding:0;
position:relative;

}
.services-info  li ul{margin-left:25px;}
.services-info > li:first-child {

border-bottom: 4px solid #4485ac;


}
.services-info > li  ul  li:before {
  width:10px;height:10px;
   background: #c5c5c5; 
    content: "";
   position:absolute;left:-31px;top:9px;
  } 
.services-info > li  ul.slick-dots  li:before{content:none;}
.services-info > li  ul  li ul li:before {
  font-size: 23px;
    color: #fff; 
    content: "-";
   position:absolute;left:-15px;top:-2px;
  } 
  
.service-admin-info > li:before {
    color: #c5c5c5; 
    content: "■ "; 
    position:absolute;left:-31px;top:-1px;
  } 
.service-admin-info{margin-left:25px;}
.service-admin-info li{position:relative;}
.slider {
  padding-bottom:50px;
  overflow: hidden;
} 

.slider ul li {

  display: inline-block;
  margin-right: 30px;
  float: left;
}


.warranty {

  background: #4d8eb4;
  color: #fff;
  font-family: 'Open Sans', sans-serif;  
  font-size: 18px;
  line-height: 140%;

}

.certificates {

  
  color: #fff;
  font-family: 'Open Sans', sans-serif;  
  font-size: 18px;
  line-height: 140%;

}


.certificates {

  background: #4485ac;


}


  
.slider-certificates {

/*  margin-bottom: 70px;*/
} 

.slider-certificates ul li {

  display: inline-block;
  margin-right: 30px;
  float: left;
}

.half {
  display:inline-block;
}
.half:last-child{float:right;}

.projectH4 {
  font-weight:normal;
  font-family: BebasBold;
  color: #ee7e22;
  font-size: 90px;
  line-height:1;
  margin-bottom:10px; 
}

.project .col-lg-6:first-child{border-right:1px solid #f1f1f1;}
.text_center{text-align:center;}

.carousel.project .carousel-caption  {
  top:0;
  left: 0;
  right: 0;

}
.carousel.project {

  margin-bottom:42px;
  padding: 0;

}

.carousel.project .carousel-indicators {
    position: absolute;
    bottom:-13px;
    left: 0;
    z-index: 15;
}

.carousel.project .carousel-item  {

  min-height: 465px;
  padding: 0;

}

.carousel.project .carousel-item  {

  min-height: 465px;
  padding: 0;

}
.carousel-caption .work-item {
  width: 49%;
  float: left;

}

.services-info > li>div {
  padding:14px 0px 55px!important;

}

.services-info  {
  
    font-size: 18px;
    line-height: 120%;

}



li.bgBlue {

  background: #4485ac;
}
li.bgWhite {

  background: #fff;
}


.slider >ul li:before {
    color: #c5c5c5;
    content: "■ ";
    padding-right: 10px;
    display: none;
}

.service-block .slider {
  margin: 0;
}


.service-description ul {

  margin-top: 35px;
}


.always-top {
  /*display: block;*/
  display: none;
  position: fixed;
  width: 100%;
  top:0;
  min-height: 72px;
  z-index: 199;
  background: #3e7a9e;
}

.always-top img{
  padding-top:10px;
  padding-bottom:10px;
}





.reviews {
  background:#f9f9f9;
  padding: 45px 0px 0;
  box-shadow:0 -2px 0 #f2f2f2;
  z-index: 9;
    position: relative;
}
.reviews .slick-slide {
  background:#fff;
  max-width:700px;
  text-align:left;
}
.reviews .slick-slide p{font-size:16px;line-height:1.4;margin:10px 0;}
.reviews .slick-slide p:first-child { height: 285px; }
.reviews .slick-slide span{font-weight:bold; display: block; height: 105px;}
.slick-dots {
    position: relative;
    left: 0;
    bottom:-20px;
    display: block;
    width:90%;
    padding: 0;
    margin: 0 auto!important;
    list-style: none;
    text-align: center;
    overflow: hidden;
}
header .slick-dots{bottom:-70px;}
.project .works .slick-dots{bottom: -20px;}
.works {padding-bottom:50px;}

footer {

  padding: 50px 0;
  background: #f9f9f9;
  line-height: 40px;

}

.footer-menu {
  margin: auto;
  display:table;
}
.footer-menu li {

  /*margin-bottom: 40px;*/
}

.footer-menu li:last-child{

  margin-bottom: 0px;
}

.footer-menu li a,
.footer-menu li {

  font-size: 18px;
  font-family: 'Open Sans', sans-serif;  
  color: #4d4e4e;

}
footer .last >*{float:right;text-align:left;}

.contactUs {

  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 2px;
}
.fmenu2 li,
.fmenu3 li{
  border-left: 1px solid #e4e4e4;
  padding:3px 0 5px 20px;
  margin-left: 20px;
}
.fmenu2 li:first-child,
.fmenu3 li:first-child{
  padding-top:0;
}
.fmenu2 li:last-child,
.fmenu3 li:last-child{
  padding-bottom:0;
}
.not-link,
.contactType {
  color: #4d4e4e;
}

.contactType {
  width: 132px;
  float: left;
}

.services-info > li>div.pad_no{padding:0!important;}



.row {
  max-width:100%;
  margin: 0 auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9{padding:0;}
@media (max-width: 1240px) {
   header .head_phone {left: -10px;}
    header .head_pc {right:-200px;}
}

@media (max-width: 1023px) {
  header .head_phone,.hand,.tablet {display:none;}
  header .head_pc {right:-450px;}
  section .container.padding_1024 .row,footer .container .row{padding-right:30px;padding-left:30px;}
  section.order .container .row{padding-right:0;padding-left:0;}
  .container {width:auto!important;}
  nav .container{padding:0!important;width:100%!important;max-width:972px;}
  #navbarCollapse .nav-link{font-size:1em;}
  #navbarCollapse{padding:0 27px!important;}
  section.services,section.services.two {background: #41c5d4 url(../..//images/bg_services.jpg) 393% 150px no-repeat;}
  .why_we,.process,.bitrix,.services-info > li>div.crm,.site {background-position:27px bottom;}
}

@media (max-width: 995px) {
  header .f120 {font-size:100px;}
  .tasks-years li{font-size: 43px;}
  .container,.services-info > li>div.pad_no {width:auto!important;padding:0 27px!important;}
  .services-info > li>div{padding-left:27px!important;padding-right:27px!important;}
  .portfolio-list li{font-size:30px;}
  .work-caption {left: 6px;right: 6px;}
}

@media (max-width: 980px) {
  .upload{display:table;}
  .upload img{width:55px;max-width:none;}
  .upload img,.upload span{display:table-cell;vertical-align:middle;}
  .upload>span{padding-left:20px}
  .navbar-nav .nav-link{font-size:1em;}
  .rating-item span.f28{font-size:23px!important;}
  .always-top img{padding-top:5px;}
  #navbarCollapse .nav-link{font-size:0.9em;}
  .work-item{padding:23px 7px 2px 7px;}
  footer .col-lg-9 {-webkit-box-flex: 0;-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 905px) {
  .portfolio-list li{font-size:28px;}
  .tasks-years li{font-size:38px;}
  .task-holder span{font-size:70px;}
  .rating-item span{margin-top:18px;}
  .rating-item span.f14{font-size:12px!important;display:table;}
  .work-item{padding:21px 6px 2px 6px;}
}

@media (max-width:880px) {
  .work-item{padding-bottom:0;}
  header .f120 {font-size:90px;}
  .portfolio-list li{font-size:26px;}
  .why_we{background-size:27%;}
  .process,.bitrix,.services-info > li>div.crm,.site {}
  .process,.bitrix,.services-info > li>div.crm,.site {background-position:27px 0;}
  .social .f24 {font-size: 20px;}
  .arch .col-lg-4{margin-right:-2.6%;}
}

@media (max-width:820px) {
  .navbar-nav .nav-link{font-size:0.85em;}
  .portfolio-list li{font-size:24px;}
  .rating-item span{margin-top:15px;}
  .tasks-years li{font-size:35px;}
  .task-holder span{font-size:63px;}
  .work-item{padding:20px 6px 2px 6px;}
  .work-caption {left: 5px;right: 5px;}
}
@media (min-width:769px){
  .tasks-years .slick-slide,.tasks-years .slick-track{/*width:auto!important;*/}
  .tasks-years .slick-list{overflow:inherit;}
}
@media (max-width:768px) {
  .work-item{padding:26px 9px 2px 9px;}
  .work-caption {left: 14px;right: 14px;}
  .open_menu .always-top{background:#4d8eb4!important;top: 0;z-index: 999;width: 100%;min-height:100%;display: block!important;}
  .open_menu .always-top #navbarCollapse{display:block!important;}
  .open_menu .always-top.pc_menu .col-lg-2 a {display:inline-block!important;}
  .open_menu .always-top.pc_menu .col-lg-2 a.pc{display:none!important;}
  .always-top #navbarCollapse .col-lg-10{display:none;}
  .open_menu .always-top,.open_menu .always-top #navbarCollapse{display: block;padding-top:30px;}
  .open_menu .always-top #navbarCollapse .col-lg-10{display:block;}
  .open_menu .always-top #navbarCollapse .nav-link{border-top:1px solid #4987ab;font-size:20px;padding:15px 5%;background:url(../../images/mob_menu.png) 94% center no-repeat;display:block;width:100%;margin-right:0;}
  .open_menu .always-top #navbarCollapse .nav-item:first-child .nav-link{border-top:none;}
  .open_menu .always-top .navbar-nav{padding:0;margin-top:20px;}
  .open_menu .always-top .nav-item{margin-right:0;}
  .open_menu{overflow:hidden;}
  .open_menu .always-top img{padding-top:0;}
  .open_menu #hamburger span{background-color:#bdd845;}
  .navbar-nav{padding:15px 15px;}
  .pc{display:none!important;}
  .mobile{display:inherit!important;}
  header .mobile{display:inline-block!important;}
  #menu-toggle {
    width:45px;
    height:40px;
    position:relative;
    cursor:pointer;
    background:#4987ab;
    border-radius:5px;
    display:inline-block;
    float:right;
  }
  #hamburger {
    position:absolute;
    height:100%;
    width:100%;
  }
  #hamburger span {
      background: #fff;
      width:28px;
      height:4px;
      position:relative;
      top:6px;
      left:9px;
      margin:4px 0;border-radius:4px; }
  #hamburger span:nth-child(1){
        transition-delay:.5s;
      }
  #hamburger span:nth-child(2){
        transition-delay:.625s;
      }
  #hamburger span:nth-child(3){
        transition-delay:.75s;
      }

#menu-toggle.open #hamburger span {
      width:0%; }
#menu-toggle.open #hamburger span:nth-child(1){
        transition-delay:0s;
      }
#menu-toggle.open #hamburger span:nth-child(2){
        transition-delay:.125s;
      }
#menu-toggle.open #hamburger span:nth-child(3){
        transition-delay:.25s;
      }
      .p100{padding-top:30px;}
      .pb100{padding-bottom:30px;}
      .border_bottom{border-bottom:1px solid #e4e4e4;padding-bottom:25px;margin-bottom:25px;}
      .border_mob{border-bottom:4px solid #4485ac;}
      .order .f67{font-size:38px;font-weight:bold;}
      .order .f48{font-size:27px;font-weight:bold;}
      .order .p80{padding-top:25px;padding-bottom:25px;}
      .order-form{margin-top:25px;}
      .order-form input, .order-form textarea, div.captcha{width: 100%;margin-bottom:30px;}
      section.order .container .row.mt20{margin-top:0!important;}
      .order-form textarea {padding: 15px 4% 10px;}
      .upload{width:100%;height:auto;padding-bottom:15px;padding-top:15px;margin-bottom:30px;display:table;}
      .upload img,.upload span{display:table-cell;vertical-align:middle;}
      .upload>span{padding-left:20px}
      .order-form input[type=submit] {margin-bottom:0;}
      section .container.padding_1024 .row,footer .container .row{padding-left:0;padding-right:0;}
      footer .container .row .col-lg-4{width:50%;}
      footer .container .row .col-lg-4:first-child{border-bottom: 1px solid #e4e4e4;padding-bottom:25px;margin-bottom:25px;width:100%;}
      .footer-menu{display:block;}
      .fmenu2 li, .fmenu3 li{border-left:none;margin-left:0;padding:3px 0 5px;}
      footer .last >*{float:none;}
      .title_block span.f80{font-size:62px;}
      .title_block span.f23{font-size:19px;}
      header,header .container,header.mainpage {min-height:317px;}
      .project header,.project header .container{min-height:357px;}
      header.mainpage{background: #4d8eb4 url(../../images/head_mobile.png) center bottom no-repeat;background-size:contain;padding-bottom:140px;}
      header .title_head{max-width:100%;height:auto;margin:95px 0 0 0;display:block;width:90%}
      header .title_head .title_head{display:block;}
      header .title_head h1{font-size:42px;line-height:1;}
      header .title_head h4{font-size:23px;display:inline;}
      header .row.pt50{padding-top:30px;}
      header .head_pc {right:0;width: 100%;background-size:contain;background-image:url(../../images/head_mobile.png);bottom:0;height:100%;top:initial!important;background-position:bottom center;}
      .arch.p120{padding-top:50px;}
      .why_we,.process,.bitrix,.services-info > li>div.crm,.site {background:none;}
      .arch .col-lg-4{text-align:left;margin-bottom:30px;position:relative;}
      .orange-line-bg{border-top: 1px solid #ee7e22;position: absolute!important;right: -27px;width: 84%;margin-right: 0!important;margin-top: 6px;}
      .last .orange-line-bg{width:72%;}
      .orange-line-bg::after {top: -11px;right:inherit;left: 0;background:#ee7e22;}
      .arch .col-lg-8 {flex: 0 0 100%;max-width:100%;margin-top:0;}
      .arch .col-lg-8 img{width:100%;}
      .arch-hold a{display:block;}
      .clients-list{padding:0;overflow:inherit;margin-bottom:30px}
      .clients-list li {box-shadow: 0px 0px 4px #ccc;margin-bottom:0px;padding:30px;width:100%;}
      .clients-list li img{width:auto;}
      .clients-list li div {width: auto;margin:60px auto 0 auto;display: table;}
      .title_block .gray, .title_block.gray {margin-top: -8px;}
      .slick-reviews-carousel .slick-slide {padding:27px 27px 30px;}
      .carousel-caption span, .slick-slide span{font-size:36px!important;}
      a.order{font-weight:bold;padding:8px 0 2px;display:table;width:100%;max-width:300px;margin:auto;}
      section.order {background:#4c8eb6 url(../../images/form_bg.png) center -570px no-repeat!important;}
      header .f120 {font-size:35px;}
      header .row.mt50{margin-top:10px!important;}
      header .mt60{margin-top:25px!important;}
      .rating-item{width:100%;padding:15px 9px;margin-right:0;}
      .rating.more{position:relative;font-size:18px;padding:6px 10px 3px;width:auto;display:table;margin-top:3px;}
      .rating.more a{font-size:18px;}
      .autoplay .slick-dots{bottom:0;}
      .ratePlace{font-size:50px;}
      .rating-item span.f28 {font-size:19px!important;margin-top:1px;}
      .ratePlace{width:90px;}
      .always-top.pc_menu{background:none;}
      .always-top.pc_menu .col-lg-2 a {display:none!important;}
      .fm15 { font-size: 15px; }
      .fm19 { font-size: 19px; }
      .fm34 { font-size: 34px; }
      .fm64 { font-size: 64px; }
      .ptm0{padding-top:0px;}
      .pbm0{padding-bottom:0px;}
      .pbm20{padding-bottom:20px;}
      .ptm20{padding-top:20px;}
      .ptm30{padding-top:30px;}
      .pbm30{padding-bottom:30px!important;}
      .pmm20{padding-top:20px;padding-bottom:20px;}
      .pmm25{padding-top:25px;padding-bottom:25px;}
      .pmm50{padding-top:50px;padding-bottom:50px;}
      .pm30{padding-top:30px;padding-bottom:30px;}
      .mbm0{margin-bottom:0!important;}
      .mbm10{margin-bottom:10px!important;}
      .mbm20{margin-bottom:20px!important;}
      .mbm30{margin-bottom:30px!important;}
      .mbm40{margin-bottom:40px!important;}
      .mtm20{margin-top:20px!important;}
      .mtm25{margin-top:25px!important;}
      .mtm30{margin-top:30px!important;}
      .left_mob{text-align:left;}
      .services-holder {padding:30px 0;}
      .services-holder ul {margin:15px 0 0;}
      .services-holder ul li{margin-bottom:16px;font-size:15.5px;}
      .services-holder ul li a{vertical-align:text-top;}
      .services-holder ul li::before {margin-right:2px;}
      .services-holder div {padding: 25px 5px 8px 19px;}
      .tasks-years{margin-left:0;margin-bottom:20px;padding:0 30px;}
      .tasks-years .slick-prev{background: url(../..//images/tasks.png) left center no-repeat;left:0;}
      .tasks-years .slick-next{background: url(../..//images/tasks.png) right center no-repeat;right:0;}
      .task-holder{padding:30px 0 25px;width:100%;position:relative;margin:23px auto;}
      .task-holder .left{border-bottom:2px solid #fff;padding-bottom:25px;margin-bottom:25px;display:block;float:none;}
      .task-holder .left,.task-holder .right{padding-left:30px;padding-right:30px;text-align:center;}
      .task-holder .right{text-align:center;}
      .task-holder span{font-size:90px;margin-left:14px;}
      .task-holder .right span {margin-left:0px;}
      .task-year.mobile{color:#4d4e4e;font-size:48px;position:relative;}
      .task-year.mobile .circle{background:#ee7e22;position: absolute;border-radius:50%;bottom:0;top:0;width: 20px;text-align: center;height: 20px;left:100px;margin:auto;z-index:99;}
      .task-year.mobile:after{content:"";border-bottom: 1px solid #ee7e22;width:100%;position:absolute;top:25px;left:110px;}
      .task-line{display:none;}
      .task-year i.mobile {
    position: absolute;
    bottom: -24px;
    left:27px;
    margin:auto;
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 12px solid transparent;
    border-bottom: 12px solid #ee7e22;}
    .tasks-years li{border-bottom:none;font-size:30px;border-right:2px solid #b0c735;min-height:0;text-align:center;padding:0;}
    .tasks-years li::after{display:none;}
    .slick-prev:before, .slick-next:before{content:none;}
    .tasks-years .slick-list{margin:0 5px;}
    .tasks-years .active{display:none;}
    .work{border-top:2px solid #e6e6e6;}
    .project .works{padding-bottom:60px;margin-bottom:25px;border-bottom:1px solid #e4e4e4;}
    .project .half{border-bottom:1px solid #e4e4e4;width:100%;margin-bottom:25px;padding-bottom:25px;}
    .project .slick-dots{bottom:15px;}
    .project p{padding-top:8px;}
    .work-item{margin-left:0!important;margin-right:0!important;}
    .works .carousel-caption span,.works .slick-slide span {font-size:16px!important;}
    .work-caption a{font-size:25px;}
    .portfolio-list,.portfolio-type ul{display:none;}
    .mobile.sort{font-size:17.5px;font-family:'Open Sans', sans-serif;text-align:center;padding-bottom:30px;padding-top:30px;display:block!important;margin:auto;position:relative;max-width:360px;}
    .mobile.sort .sort_title,.mobile.sort a{color:#ee7e22;text-decoration:underline;cursor:pointer;}
    .mobile.sort .sort_title.none{cursor:default;text-decoration:none;color:#4d4e4e;}
    .sort_title{background:#fff;z-index:99;position:relative;}
    .portfolio-type{margin-bottom:30px!important;text-align:center;}
    .portfolio-list-button{margin:0 auto;}
    .links{display:none;position:relative;width:100%}
    .links div{display:table;margin:auto;padding-top:20px;width: 100%;}
    .links a{display:table-cell;}
    .modal_div h3{color:#000;font-size:25px;padding-bottom:25px;font-weight:normal;}
    .modal_div ul{font-size:16px;overflow:auto;}
    .modal_div ul li{cursor:pointer;margin-bottom:30px;background:url(../../images/modal.png) left -50px no-repeat;padding-left:30px;}
    .modal_div ul li.active{background:url(../../images/modal.png) left top no-repeat;}
    i.str{background:url(../../images/str.png) center center no-repeat;width:30px;height:13px;margin:0;display:table-cell;}
    .parametrs{text-align:left;}
    .parametrs_title{text-align:right;}
    .parametrs:before{content:'';border-left:1px solid #e4e4e4;height:30px;position:absolute;left:30px;top:-30px;}
    .parametrs_title:before{content:'';border-left:1px solid #e4e4e4;height:30px;position:absolute;right:30px;top:-30px;}
    .parametrs,.parametrs_title,.sort_title{position:relative;}
    .portfolio-list-button {padding:13px 10px;}
    .links:before{content:'';border-bottom:1px solid #e4e4e4;height:1px;position:absolute;left:30px;right:30px;top:-10px;}
    .portfolio-images li {width:100%;float:none;margin-bottom:25px;}
    .service-description {padding:30px 0;}
    .why_we {background:none;}
    .services-info > li>div,.services-info > li>div.crm {padding:0 27px 0px!important;}
    .why_we img{display: block;margin: auto;padding-top: 30px;}
    .services-info > li:first-child{border-bottom:none;}
    .slider .slick-slide{text-align:center;}
    .reviews .slider .slick-slide{text-align:inherit;}
    .slider .slick-slide img{margin:auto;display:block;padding-bottom:30px;}
    .site img,.process img,.crm img{display:block;margin:25px auto 0;}
    .warranty img{display:block;margin:0 auto 20px;}
    .text_center_m{text-align:center;}
    .services-info > li>div.budjet {padding:0 27px!important;}
    .certificates .slick-dots{bottom:-10px;}
    .row.fls_4 {padding-bottom:10px;}
    .bitrix_img{margin-right:-10px;margin-bottom:20px;}
    .service-description .mobile{display:block!important;}
    .service-description .mobile img{margin:0 auto;display:block;}
    .service-description-2{padding-bottom:30px;}
    .startup{display:block;}
    .always-top img{padding-top:0px;}
    .navbar {padding-top:30px;}
    .price p strong {padding-top:30px;}
    footer {padding:30px 0;}
    .services-holder{padding:0;}
      .order-form input, form[name="SIMPLE_FORM_1"] input, form[name="SIMPLE_FORM_1"] textarea, .order-form textarea, div.captcha {
    width: 100%;
    margin-bottom: 30px;
  }
  form[name="SIMPLE_FORM_1"] textarea {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {

  .work-item>a.work-item-thumb {
    height: auto;
  }
}
@media (max-width:700px) {
  .work-caption {left: 12px;right: 12px;}
}
@media (max-width:650px) {
  .work-caption {left: 10px;right: 10px;}
}
@media (max-width:570px) {
  .work-caption {left:8px;right:8px;}
  .reviews .slick-slide p:first-child { height: 285px; overflow: auto; }
}
@media (max-width:520px) {
  .work-caption {left:6px;right:6px;}
}
@media (max-width:460px) {
  .work-caption {left:4px;right:4px;}
}
@media (max-width:415px) {
  .work-caption {left:4px;right:4px;}
  .work-item {padding:14px 4px 2px 4px;}
  .last .orange-line-bg{width:64%;}
  .orange-line-bg{width:79%;}
  .service-description .mobile img.spec{display:inline-block;margin-right: -30px;}
  .tasks-years .slick-list {margin: 0 9px;}
}

@media (max-width:359px) {
  .mobile.sort{font-size:14px;}
  .work-item {padding:14px 5px 2px 5px;}
  .title_block span.f80 {font-size:45px;}
  .task-holder span {font-size:80px;margin-left: 10px;}
  .portfolio-list-button{font-size:17px;}
}
@media (max-width:350px) {
  .task-holder .left, .task-holder .right {font-size:30px;}
  .portfolio-list-button{font-size:15px;}
  header .title_head h1 {font-size:40px;}
}
@media (max-width:330px) {
  .task-holder .left, .task-holder .right {font-size:25px;}
  .task-holder span {font-size:60px;}
  .rating-item span.f28 {font-size:15px!important;}
  .title_block .gray, .title_block.gray {margin-top: -2px;}
  .orange-line-bg{width:72%;}
  .last .orange-line-bg{width:51%;}
}
@media (max-width:300px) {
  .mobile.sort{font-size:13px;}
  .task-holder span {font-size:50px;}
}
@media (max-width:290px) {
  .task-holder span {font-size:40px;}
  header .mobile,.open_menu .always-top.pc_menu .col-lg-2 a{max-width:70%;}
}
.hidden-read {
  display: none;
}
.os.f21.fm15.lh140.not_p.about { font-weight: normal; }

.b-cookie {
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #3e7a9e;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    z-index: 800;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
}

.b-bedroom,
.b-cookie * {
    -webkit-box-sizing: border-box;
}

.b-cookie * {
    box-sizing: border-box;
}

.b-cookie._active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.b-cookie__content {
    display: block;
    width: 1000px;
    margin: 0 auto;
    padding-right: 110px;
    position: relative;
    text-align: left;
}

.b-cookie__content a {
    color: #ffc900;
}

.b-cookie__btn {
    height: 30px;
    display: block;
    padding: 0 25px;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    line-height: 26px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
	background-color:rgba(183,204,72,.9);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	cursor: pointer;
}

.b-cookie__btn:hover {
    opacity: .8;
}
@media (max-width:750px) {
  .b-cookie {height: 100px;}
}
@media (max-width:510px) {
  .b-cookie {height: 200px;}
}
@media (max-width:350px) {
  .b-cookie {height: 250px;}
}