@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=cyrillic,cyrillic-ext');
/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smalltouch sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smalltouch sizes and down
 */
@media only screen and (max-width: 480px) {
  /*
   * Float Region Blocks - custom media query CSS example:
   *
   * Float regions blocks is an Extension you can enable in the appearance
   * settings for your theme. This feature allows you to automatically float
   * blocks in regions, you can switch it on and off depending on your
   * requirements. For design purposes you many want to remove the floats for
   * devices where the entire theme is just one column - for example small
   * mobile phones. The following CSS is inside the custom media query:
   *
   *   @media only screen and (max-width: 480px){}
   *
   * This will target devices with a maximum width of 480px - most small phones.
   * In these smaller screen sizes we can remove the float and widths so all
   * blocks stack instead of displaying horizonally. The selector used is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   */
  /* line 57, ../sass/responsive.custom.scss */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

.mobile_menu_top_out {
  position: fixed;
  top: -100%;
  width: 100%;
  height: 100%;
  z-index: 900;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
  background: rgba(0, 106, 103, 1);
}
.mobile_menu_top_out.active {
  top: 0;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.mobile_menu_top_out .contextual-links-region {
  position: static;
}
.mobile_menu_top_out .block-inner ul.menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: none;
  z-index: 900;
  padding-left: 0;
  max-width: 400px;
  margin: auto;

  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.mobile_menu_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
}
.mobile_menu_close_button {
  position: relative;
  width: 50px;
  height: 50px;


  -webkit-mask:  url("../images/close.png") no-repeat 50% 50%;
  mask: url("../images/close.png") no-repeat 50% 50%;
  -webkit-mask-size: 100%;
  mask-size: 100%;
  background-color: #ffffff;
  position: absolute;
}



/*# sourceMappingURL=responsive.custom.css.map */
.block-inner{
  margin: 0;
}
a{
  text-decoration: none;
}
a, a:focus{
  outline: none;
}
/*Мобильное меню*/
.container{
  max-width: none;
}
#page-wrapper{
  overflow: hidden;
}
/*Вся страница, сдвигаем ее для отображения скрытого меню классом visible*/
#page{
  margin: auto;
  position: relative;
  left: 0;
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
/*Часть страницы, без скрытого меню. В ней задается высота окна и скрывается оставшаяся область при добавлении класса hidden_ohidden*/
#page_in{
  height: 100%;
}
/*Внутренняя часть page_in. При открытии меню задается расстояние от верхней точки окна, которое передается через скрытый инпут*/
#page_inner{
  height: 100%;
  position: relative;
  top: auto;
}
/*Накладываемый блок, позволяющий закрывать меню по нажатию на область контента*/
#coverwrap.open{
  position: absolute !important;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
/*Класс для запрета пролистывания контента при открытом меню*/
.hidden_ohidden{
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 14px 0px rgba(173,173,173,1);
  -moz-box-shadow: 0px 0px 14px 0px rgba(173,173,173,1);
  box-shadow: 0px 0px 14px 0px rgba(173,173,173,1);
  z-index: 10;
}
/*Класс для смещения всей страницы и отображения скрытого меню*/
.visible{
  left: 240px !important;
}
/*Класс региона со скрытым меню*/
.region-mob-region{
  position: absolute;
  left: -240px;
  background: #fff;
  width: 240px;
  height: 100% !important;
  box-sizing: border-box;
  margin: 0;
  z-index: 50;
  -webkit-box-shadow: inset 1px 1px 27px 2px rgba(0,0,0,0.41);
  -moz-box-shadow: inset 1px 1px 27px 2px rgba(0,0,0,0.41);
  box-shadow: inset 1px 1px 27px 2px rgba(0,0,0,0.41);
}
/*Внутренняя часть скрытого меню*/
.region-mob-region .region-inner{
    height: 80%;
    position: relative;
    padding: 54px 20px 1%;
    top: 0;
    left: 0;
    width: 220px;
    overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
/*Класс для фиксации мобильного меню при пролистывании страницы*/
.mob-fixed{
  width: 100%;
  position: fixed !important;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 112;
  /*-webkit-box-shadow: -4px 4px 36px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: -4px 4px 36px -3px rgba(0,0,0,0.75);
  box-shadow: -4px 4px 36px -3px rgba(0,0,0,0.75);*/
}
.mobile_menu{
  display: none;
  background: rgba(0,106,103,1) url("../images/menu.png") no-repeat 10px 50%;
  background-size: 30px;
  height: 50px;
  width: 100%;
}
#block-menu-menu-mobile-menu .block-inner{
  display: block;
}
#block-menu-menu-mobile-menu .block-inner ul.menu{
  display: block;
  background: transparent;
  padding-left: 0;
  text-align: left;
}
#block-menu-menu-mobile-menu .block-inner ul.menu li{
  display: block;
}
#block-menu-menu-mobile-menu .block-inner ul.menu li a{
  color: #2e3b4e;
  font-size: 22px;
  padding: 10px  0;
}
#block-menu-menu-mobile-menu .block-inner ul.menu li a:hover{
  background: transparent;
}
@media screen and (max-width: 680px){
  .mobile_menu{
    display: block;
  }
  #block-system-main-menu .block-inner{
    display: none;
  }
  .block-inner ul.menu{
    display: none;
  }
}
/*Страница*/
body{
  font-family: "Roboto Slab";
  font-weight: 400;
}
p{
  margin: 0;
}
.block{
  margin: 0;
}
#block-panels-mini-top{
  width: 96%;
  padding: 10px 2% 0;
  max-width: 1740px;
  margin: 0 auto;
}

#block-panels-mini-top .panels-flexible-region-1-top_2-inside{
  padding-top: 12px;
}
.block-page-logo{
  text-align: center;
  max-width: 300px;
}
#block-page-logo-page-logo--3{
  width: 85%;
  margin: 0 auto;
  padding: 0 1%;
}
.block-page-slogan .block-inner{
  text-align: center;
  margin: 0;
}
.block-page-slogan .block-inner .block-content{
  font-size: 16px;
  font-weight: 200;
  color: #2e3b4e;
  padding-top: 5px;
  text-align: left;
}
#block-block-4 .block-content{
    padding-left: 45px;
    font-size: 14px;
    line-height: 1.2;
    background: url("../images/siren.png") no-repeat 0 0;
    background-size: 9%;
    color: #2e3b4e;
    font-weight: 400;
}
#block-block-5 .block-content{
    width: 170px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 200;
    background: url("../images/delivery_big.png") no-repeat 0 50%;
    background-size: 45px;
    color: #2e3b4e;
    margin-right: 0;
    margin-left: auto;
    padding: 10px 0;
    max-height: 32px;
    overflow: hidden;
    padding-left: 54px;
}
#block-block-6 .block-content{
    width: 170px;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 200;
    background: url("../images/circular-arrow-clock_big.png") no-repeat 4% 100%;
    background-size: 32px;
    color: #2e3b4e;
    padding-top: 10px;
    margin-right: 0;
    margin-left: auto;
    padding: 10px 0;
    max-height: 32px;
    overflow: hidden;
    padding-left: 54px;
}
.phone-number .block-content{
  font-size: 26px;
  text-align: right;
  font-weight: 600;
  color: #ff5722;
  line-height: 1.2;
}
#block-block-3--2 .block-content, #block-block-3 .block-content,#block-block-3--3 .block-content{
  text-transform: uppercase;
}
#block-block-3--2 .block-content a, #block-block-3 .block-content a, #block-block-3--3 .block-content a{
    padding: 8px 5px 8px 66px;
    background: #ff5722 url("../images/customer-service.png") no-repeat 7% 50%;
    background-size: 37px;
    max-width: 177px;
    display: block;
    font-size: 15px;
    border-radius: 22px;
    line-height: 1.2;
    margin-right: 0;
    margin-left: auto;
    color: #fff;
    font-weight: 400;
}
#block-block-3--2 .block-content a:hover, #block-block-3 .block-content a:hover, #block-block-3--3 .block-content a:hover{
    background: #2e3b4e url("../images/customer-service.png") no-repeat 7% 50%;
    background-size: 37px;
}
a, a:hover, a:focus, a.active.active-trail:focus, a.active:focus{
  text-decoration: none;
}
@media screen and (max-width: 1320px){
  .block-page-slogan .block-inner .block-content{
    font-size: 15px;
  }
}
@media screen and (max-width: 1240px){
  .block-page-slogan .block-inner .block-content{
    font-size: 14px;
  }
  #block-block-3--2 .block-content a{
    font-size: 15px;
  }
}
@media screen and (max-width: 1175px){
  #block-panels-mini-top .panels-flexible-region-1-center.panels-flexible-region-first{
    width: 40%;
  }
  #block-panels-mini-top .panels-flexible-region-1-top_4{
    width: 34%;
  }
}
.panels-flexible-region-1-mobile_top{
  display: none;
}
.panels-flexible-region.panels-flexible-region-1-mobile_top.panels-flexible-region-first.panels-flexible-region-last{
  padding: 15px 1%;
}

.panels-flexible-1 .panels-flexible-row{
  padding: 0;
}
/*Меню*/
.block-inner ul.menu{
  text-align: center;
  background: rgba(0,106,103,1);
  margin: 0;
}
.block-inner ul.menu li{
  list-style: none;
  display: inline-block;
  padding: 0;
}
.block-inner ul.menu li a{
    font-size: 16px;
    display: block;
    padding: 15px 16px;
    color: #fff;
    text-transform: uppercase;
}
.block-inner ul.menu li a:hover{
  background: #fff;
  color: #2e3b4e;
}
/*Карусель мобильная*/
.carousel_head_mob .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 96%;
    max-width: 1282px;
    padding: 20px 85px;
    margin: 0 auto;
    height: auto;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 100%;
    max-width: 1277px;
    margin: 0 auto;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-item {
    width: 300px;
    height: 300px;
    position: relative;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-item .custom-full-info{
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-next, .carousel_head_mob .jcarousel-skin-default .jcarousel-prev {
    width: 70px;
    height: 68px;
    background-image: url("../images/arrow.png");
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 40%;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 40%;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-next-horizontal {
    top: 40%;
    background-position: 70px 0;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: 0 68px;
}
.carousel_head_mob .jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: 70px 68px;
}
.carousel_head_mob .custom-sale {
    top: 5px;
    right: 5px;
    width: 45px;
    height: 45px;
    font-size: 15px;
}
.carousel_head_mob .custom-title {
    max-width: 292px;
    height: 80px;
    overflow: hidden;
    line-height: 1.2;
    top: 6px;
    position: relative;
    padding-top: 55px;
}
.carousel_head_mob .custom-title a {
    font-size: 24px;
}
.carousel_head_mob .custom-info {
    font-size: 19px;
    height: 58px;
    max-width: 292px;
    line-height: 1.2;
}
.carousel_head_mob .custom-price {
    font-size: 23px;
    height: 35px;
    line-height: 1.2;
}
.carousel_head_mob .custom-button {
    margin-top: 12px;
}
.carousel_head_mob .custom-button a {
    padding: 11px 25px 12px;
    font-size: 15px;
}
@media screen and (max-width: 480px){
  .carousel_head_mob .jcarousel-skin-default .jcarousel-next, .carousel_head_mob .jcarousel-skin-default .jcarousel-prev{
        background-image: url("../images/arrow_2.png");
  }
  .carousel_head_mob .jcarousel-skin-default .jcarousel-container-horizontal{
    padding: 20px 0px;
  }
  .carousel_head_mob .jcarousel-skin-default .jcarousel-prev-horizontal, .carousel_head_mob .jcarousel-skin-default .jcarousel-next-horizontal{
    top: 78%;
  }
  .carousel_head_mob .jcarousel-skin-default .jcarousel-item {
    height: 374px;
    background: #2e3b4e;
  }
}
/*Карусель баннер*/
/*hover image*/

.figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.image-style-carousel-head.active{
   -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
.carousel_head .jcarousel-skin-default .jcarousel-container-horizontal {
    width: 96%;
    max-width: 1282px;
    padding: 20px 85px;
    margin: 0 auto;
    height: auto;
}
.carousel_head .jcarousel-skin-default .jcarousel-clip-horizontal {
    width: 100%;
    max-width: 1277px;
    margin: 0 auto;
}
.carousel_head .jcarousel-skin-default .jcarousel-item{
  width: 415px !important;
  height: 395px;
  position: relative;
}
.carousel_head .jcarousel-skin-default .jcarousel-item .custom-full-info{
  position: absolute;
  height: 100%;
  top: 0;
  width: 100%;
  background: rgba(0,0,0,0.5);
}

.custom-sale {
    position: absolute;
    margin-right: 0;
    margin-left: auto;
    top: 10px;
    right: 10px;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    font-size: 23px;
    line-height: 3;
    color: #ff5722;
    font-weight: 600;
    z-index: 22;
    background: rgba(255, 255, 255, 0.7);
}
.custom-title {
    padding-top: 80px;
    font-weight: 600;
    margin: 0 auto;
    max-width: 370px;
    height: 90px;
    overflow: hidden;
}
.custom-title a{
  text-transform: uppercase;
  font-size: 28px;
  color: #fff;
}
.custom-info{
    font-size: 21px;
    text-transform: lowercase;
    color: #fff;
    height: 83px;
    font-weight: 200;
    max-width: 350px;
    margin: 0 auto;
    overflow: hidden;
}
.custom-price{
  font-size: 27px;
  color: #fff;
  font-weight: 600;
  height: 45px;
  overflow: hidden;
}
.custom-button{
  margin-top: 20px;
}
.custom-button a{
    color: #fff;
    background: #ff5722;
    padding: 13px 36px 14px;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 200;
}
.custom-button a:hover{
    background: #2e3b4e;
}
.carousel_head .jcarousel-skin-default .jcarousel-next, .carousel_head .jcarousel-skin-default .jcarousel-prev {
    width: 70px;
    height: 68px;
    background-image: url("../images/arrow.png");
}
.carousel_head .jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 40%;
}
.carousel_head .jcarousel-skin-default .jcarousel-prev-horizontal {
    top: 40%;
}
.carousel_head .jcarousel-skin-default .jcarousel-next-horizontal {
    top: 40%;
    background-position: 70px 0;
}
.carousel_head .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: 0 68px;
}
.carousel_head .jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: 70px 68px;
}
/*Преимущества*/
.region-advantage-region-uslugi,
.region-advantage-region{
  width: 97%;
  padding: 20px 1%;
  margin: 0 auto;
  max-width: 1460px;
}
.custom-advantage .view-content{
  text-align: center;
}
.custom-advantage .view-content .views-row{
  display: inline-block;
  width: 24.799%;
  vertical-align: top;
  margin-right: -5px;
  padding-bottom: 20px;
}
.custom-advantage .advantage-img{
  background: #f4f4f4;
}
.custom-advantage .advantage-img img{
  display: block;
  margin: 0 auto;
}
.custom-advantage .views-row-1 .advantage-img{
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}
.custom-advantage .views-row-last .advantage-img{
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.custom-advantage .views-field-title{
    padding-top: 15px;
    text-transform: uppercase;
    color: #2e3b4e;
    font-size: 19px;
    height: 65px;
    max-width: 250px;
    margin: 0 auto;
    font-weight: 600;
}
.node-type-category .custom-advantage, .page-uslugi .custom-advantage{
  max-width: 1300px;
  margin: 0 auto;
}
@media screen and (max-width: 700px){
  .node-type-category .custom-advantage, .page-uslugi .custom-advantage {
    display: none;
  }
}
.custom-line-adv{
  width: 70px;
    margin: 0 auto;
    border-top: 2px solid #2e3b4e;
    padding-bottom: 5px;
}
.advantage-text{
    font-size: 16px;
    font-weight: 200;
    max-width: 330px;
    margin: 0 auto;
    line-height: 1.2;
}
@media screen and (max-width: 1200px){
  .custom-advantage .view-content .views-row{
    width: 49.599%;
  }
  .custom-advantage .views-row-odd .advantage-img{
      border-top-left-radius: 100px;
      border-bottom-left-radius: 100px;
  }
  .custom-advantage .views-row-even .advantage-img{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
  }
}
@media screen and (max-width: 700px){
  .custom-advantage .view-content .views-row{
    width: 100%;
    display: block;
    background: #f4f4f4;
  }
  .custom-advantage .views-row .advantage-img{
    background: transparent;
  }
  .custom-advantage .views-field-title {
    max-height: 65px;
    height: 100%;
    font-size: 18px;
  }
  .advantage-text{
    display: none;
  }
  .custom-line-adv{
    display: none;
  }
}
@media screen and (max-width: 400px){
  .custom-advantage .views-field-title {
    font-size: 16px;
  }
}
/*Главная вьюшка Категории*/
.region-main-view{
  width: 97%;
  padding: 50px 1% 75px;
  max-width: 1350px;
  margin: 0 auto;
}
.block-views h2.block-title{
    font-size: 32px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #2e3b4e;
    padding: 10px 0 60px;
    line-height: 1.2;
}

.custom-category > .view-content{
  text-align: center;
}
.custom-category > .view-content > .views-row {
    display: inline-block;
    vertical-align: top;
    width: 27.7999%;
    margin: 0 16px;
    padding: 10px 1px;
    margin-bottom: 20px;
    position: relative;
    max-height: 490px;
    max-width: 377px;
}
.custom-category > .view-content > .views-row:hover{
  padding: 9px 0;
  border: 1px solid #b7b7b7;
  border-radius: 15px;
  -webkit-box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.71);
  -moz-box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.71);
  box-shadow: 0px 5px 10px -6px rgba(0,0,0,0.71);
}
.image-category{
  padding: 0 5%;
}
.usluga-head a, .usluga-head {
    text-transform: uppercase;
    font-size: 27px;
    color: #2e3b4e;
    height: 65px;
    line-height: 1.2;
    overflow: hidden;
    padding: 10px 1%;
}
.usluga-price a, .usluga-price {
  font-size: 25px;
  height: 50px;
  color: #ff5722;
  overflow: hidden;
}
.usluga-price a:hover{
  color: #2e3b4e;
}
.more-info{
  padding: 15px 0 30px;
  opacity: 0;
}
.custom-category .views-row:hover .more-info {
  opacity: 1;
}
@media screen and (max-width: 1000px){
  .more-info{
    opacity: 1;
  }
}
.more-info a {
    font-size: 15px;
    background: #ff5722;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 15px 9px;
    display: block;
    border-radius: 10px;
    max-width: 200px;
    margin: 0 auto;
}
.more-info a:hover{
    background: #2e3b4e;
}
@media screen and (max-width: 1170px){
  .custom-category > .view-content > .views-row{
    width: 30%;
    margin: 5px 5px 10px;
  }
}
@media screen and (max-width: 1100px){
 .block-views h2.block-title, .node-type-category .block-views h2.block-title{
    font-size: 28px;
  }
}
@media screen and (max-width: 1000px){
  .block-views h2.block-title,.node-type-category .block-views h2.block-title{
    font-size: 26px;
  }
  .custom-category > .view-content > .views-row{
    width: 46.799%;
  }
  .usluga-head a, .usluga-head {
    font-size: 24px;
  }
  .usluga-price a, .usluga-price {
    font-size: 22px;
  }
  .region-main-view{
    padding-top: 15px;
  }
}
@media screen and (max-width: 710px){
  .usluga-head a, .usluga-head {
    font-size: 20px;
  }
  .usluga-price a, .usluga-price {
    font-size: 19px;
  }
}
@media screen and (max-width: 600px){
  .block-views h2.block-title, .node-type-category .block-views h2.block-title{
    font-size: 24px;
  }
  .custom-category > .view-content > .views-row{
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .image-category {
      padding: 0 10%;
  }
  .usluga-head a, .usluga-head {
    font-size: 20px;
    height: auto;
  }
  .usluga-price a, .usluga-price {
    font-size: 18px;
    max-height: 50px;
    height: 100%;
  }
}
@media screen and (max-width: 400px){
  .block-views h2.block-title, .node-type-category .block-views h2.block-title{
    font-size: 20px;
  }
  .usluga-head a, .usluga-head {
    font-size: 18px;
  }
  .usluga-price a, .usluga-price {
    font-size: 16px;
  }
  .more-info a{
    font-size: 12px;
  }
}
.custom-category .view-footer p{
  text-align: center;
  padding-top: 15px;
}
.custom-category .view-footer p a{
    padding: 10px 5px;
    text-transform: uppercase;
    color: #fff;
    background: rgba(0,106,103,1) url("../images/move-to-next.png") no-repeat 50% 50%;
    background-size: 75%;
    border-radius: 5px;
    font-size: 13px;
    display: block;
    width: 252px;
    margin: 0 auto;
}
.custom-category .view-footer p a:hover{
  background: #ff5722 url("../images/move-to-next.png") no-repeat 50% 50%;
  background-size: 75%;
}
.node-category h2, .node-usluga h2{
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    color: #2e3b4e;
    padding: 35px 0 30px;
}
/*Наши заказчики мобильный*/
.region-carousel-bottom, .region-carousel-bottom-mob{
  background: rgba(0,106,103,1);
}
.region-carousel-bottom-mob .region-inner{
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  max-width: 1420px;
}
.region-carousel-bottom-mob .custom-portfolio .jcarousel-skin-default .jcarousel-item {
    width: 300px;
    height: 255px;
}
@media screen and (max-width: 500px){
  .region-carousel-bottom-mob .custom-portfolio .jcarousel-skin-default .jcarousel-prev-horizontal, .region-carousel-bottom-mob .custom-portfolio .jcarousel-skin-default .jcarousel-next-horizontal{
    top: 86%;
  }
  .region-carousel-bottom-mob .custom-portfolio .jcarousel-skin-default .jcarousel-container-horizontal {
    padding: 20px 0px;
  }
  .region-carousel-bottom-mob .custom-portfolio .jcarousel-skin-default .jcarousel-item-horizontal{
    margin: 0;
  }
}
}

/*Наши заказчики*/
.region-carousel-bottom{
  background: rgba(0,106,103,1);
}
.region-carousel-bottom .region-inner{
  width: 98%;
  padding: 0 1%;
  margin: 0 auto;
  max-width: 1420px;
}
.custom-portfolio .view-header{
  text-align: center;
  padding-top: 20px;
}
.custom-portfolio .view-header p{
  line-height: 1.3;
  text-transform: uppercase;
  font-size: 28px;
  color: #fff;
}
@media screen and (max-width: 1255px){
  .custom-portfolio .view-header p{
    font-size: 26px;
  }
}
.custom-portfolio .jcarousel-skin-default .jcarousel-item {
    width: 100%;
    height: 100%;
    max-width: 355px;
    max-height: 255px;
    border: none;
    background: none;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-item-horizontal{
  margin: 0 15px;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-container-horizontal{
  height: auto;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-prev-horizontal, .custom-portfolio .jcarousel-skin-default .jcarousel-next-horizontal{
  top: 40%;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
    background-position: 0 68px;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-next-horizontal{
  background-position: 70px 0;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-next-horizontal:hover {
    background-position: 70px 68px;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-container-horizontal{
  padding: 20px 85px;
}
.custom-portfolio .jcarousel-skin-default .jcarousel-next, .custom-portfolio .jcarousel-skin-default .jcarousel-prev{
    display: block;
    width: 70px;
    height: 68px;
    background-image: url("../images/arrow_2.png");
}
.custom-portfolio .views-field-title a, .custom-portfolio .views-field-title{
    font-size: 19px;
    color: #fff;
    line-height: 1.3;
    padding-top: 10px;
    height: 55px;
    overflow: hidden;
}
.custom-portfolio .view-footer{
    width: 97%;
    padding: 0 1%;
    max-width: 1200px;
    margin: 0 auto;
    display: block;
}
.custom-portfolio .view-footer p span.line-footer{
    display: block;
    width: 330px;
    height: 4px;
    background: #fff;
    margin: 35px auto 20px;
}
.custom-portfolio .view-footer p{
    font-size: 16px;
    text-align: center;
    color: #fff;
    font-weight: 200;
    line-height: 1.3;
}
/*Информация */
.region-info-bottom{
    width: 97%;
    padding: 0 1%;
    max-width: 1420px;
    margin: 0 auto;
    display: block;
}
.info_bottom{
  padding-bottom: 50px;
}
#block-block-7 h2.block-title{
text-transform: uppercase;
    font-size: 29px;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    color: #2e3b4e;
    padding: 35px 0 30px;
}
@media screen and (max-width: 700px){
  #block-block-7 h2.block-title{
    font-size: 24px;
  }
  .custom-portfolio .view-header p {
    font-size: 24px;
  }
}
@media screen and (max-width: 400px){
  #block-block-7 h2.block-title{
    font-size: 20px;
  }
  .custom-portfolio .view-header p {
    font-size: 20px;
  }
}
#block-block-7 .block-content, #block-block-7 .block-content p{
    font-size: 16px;
    line-height: 1.4;
    color: #2e3b4e;
}
/*Клиенты*/
.clients_region{
  background: rgba(0,106,103,1);
}
#block-views-yfib-rkbtyns-block {
    background-image: linear-gradient(to bottom, #fff 50%, rgba(0,106,103,1) 50%);
    padding: 10px 0;
}
#block-views-yfib-rkbtyns-block .block-inner{
    background: #ff6332;
    border-radius: 18px;
    width: 97%;
    padding: 20px 1%;
    max-width: 1460px;
    margin: 0 auto;
    -webkit-box-shadow: 7px 3px 38px -20px rgba(0,0,0,1);
-moz-box-shadow: 7px 3px 38px -20px rgba(0,0,0,1);
box-shadow: 7px 3px 38px -20px rgba(0,0,0,1);
    background: -moz-linear-gradient(270deg, rgba(255,113,68,1) 31%, rgba(255,107,61,1) 45%, rgba(255,88,35,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(31%, rgba(255,113,68,1)), color-stop(45%, rgba(255,107,61,1)), color-stop(100%, rgba(255,88,35,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(270deg, rgba(255,113,68,1) 31%, rgba(255,107,61,1) 45%, rgba(255,88,35,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(270deg, rgba(255,113,68,1) 31%, rgba(255,107,61,1) 45%, rgba(255,88,35,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(270deg, rgba(255,113,68,1) 31%, rgba(255,107,61,1) 45%, rgba(255,88,35,1) 100%); /* ie10+ */
background: linear-gradient(180deg, rgba(255,113,68,1) 31%, rgba(255,107,61,1) 45%, rgba(255,88,35,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7144', endColorstr='#ff5823',GradientType=0 ); /* ie6-9 */
}
#block-views-yfib-rkbtyns-block h2.block-title{
    font-size: 28px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 10px 0 20px;
    line-height: 1.2;
}
.custom-clients .view-content{
  max-width: 1350px;
  margin: 0 auto;
}
.custom-clients .view-content .views-row{
    display: inline-block;
    width: 15.599%;
    margin: 10px 0 10px 1%;
    min-width: 224px;
}
@media screen and (max-width: 1232px){
  #block-views-yfib-rkbtyns-block{
    display: none;
  }
}
.clients-icon img{
  display: block;
}
.custom-clients .view-content .views-field-field-category-tax-img{
  display: inline-block;
  vertical-align: middle;
}
.custom-clients .view-content .views-field-name{
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  margin-left: 10px;
  font-weight: 200;
  color: #fff;
  max-width: 200px;
}
.carousel-clients{
  width: 98%;
  padding: 50px 1% 60px;
  margin: 0 auto;
  max-width: 1460px;
}
.carousel-clients .jcarousel-skin-default .jcarousel-container-horizontal{
  height: auto;
  padding: 20px 120px;
}
.carousel-clients .jcarousel-skin-default .jcarousel-item{
    width: 174px;
    height: 104px;
    border: 15px solid #2e3b4e;
    border-radius: 13px;
    background: transparent;
}
.carousel-clients .jcarousel-skin-default .jcarousel-item-horizontal{
  margin: 20px;
}
.carousel-clients .jcarousel-skin-default .jcarousel-next, .carousel-clients .jcarousel-skin-default .jcarousel-prev{
  display: block;
    width: 70px;
    height: 68px;
    background-image: url("../images/arrow_2.png");
}
.carousel-clients .jcarousel-skin-default .jcarousel-prev-horizontal{
  top: 35%;
}
.carousel-clients .jcarousel-skin-default .jcarousel-next-horizontal{
  top: 35%;
  background-position: 70px 0;
}
.carousel-clients .jcarousel-skin-default .jcarousel-prev-horizontal:hover{
  background-position: 0 68px;
}
.carousel-clients .jcarousel-skin-default .jcarousel-next-horizontal:hover{
  background-position: 70px 68px;
}
/*Футер*/
#block-panels-mini-buttom > .block-content{
  width: 98%;
  padding: 20px 1%;
  margin: 0 auto;
  max-width: 1460px;
}
.region-footer .region-three-25-50-25-first{
  padding-top: 20px;
  width: 40%;
}
.region-footer .region-three-25-50-25-first .region-inner{
  max-width: 398px;
}
.region-footer .region-three-25-50-25-second{
  width: 35% !important;
}
.region-footer .panel-separator{
  padding: 10px 0;
}
.region-footer .block-page-slogan .block-inner .block-content{
  font-size: 16px;
}
.region-footer .region-three-25-50-25-second .region-inner{
    width: 98%;
    padding: 0 1%;
    max-width: 355px;
    margin-right: 0;
    margin-left: auto;
}
.region-footer .region-three-25-50-25-second .panel-separator{
  padding: 0;
}
.email-footer .block-content {
    padding: 5px 0;
    padding-left: 50px;
    background: url("../images/mail-send.png") no-repeat 3px 50%;
    background-size: 37px;
    font-size: 17px;
}
.email-footer .block-content p, .email-footer .block-content p a{
  color: #2e3b4e;
}
.work-hours .block-content{
    padding: 5px 0;
    padding-left: 50px;
    background: url("../images/circular-arrow-clock_big.png") no-repeat 14px 50%;
    background-size: 26px;
  font-size: 17px;
  color: #2e3b4e;
}
.address-footer .block-content {
    padding: 5px 0;
    padding-left: 50px;
    background: url("../images/map-point-pointer-mini.png") no-repeat 14px 50%;
    background-size: 26px;
  font-size: 17px;
  color: #2e3b4e;
}
#block-block-3 .block-content a{
      font-size: 16px;
}
#block-block-11, #block-block-13, #block-block-12{
  width: 98%;
  padding: 20px 1%;
  margin: 0 auto;
  max-width: 1460px;
}
#block-block-11 .block-content{
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    font-size: 17px;
    font-weight: 200;
    padding-top: 30px;
    line-height: 1.2;
    color: #2e3b4e;
}
#block-block-13 .block-content, #block-block-13 .block-content p{
    text-align: center;
    padding-top: 15px;
    font-size: 16px;
}
#block-block-13 .block-content p a{
  color: #2e3b4e;
}
#block-block-12 .block-content {
    text-align: center;
    padding: 35px 0;
}
#block-block-12 .block-content p a{
  margin: 0 10px;
}
@media screen and (max-width: 1040px){
  .address-footer .block-content, .work-hours .block-content, .email-footer .block-content{
    font-size: 15px;
  }
}
@media screen and (max-width: 980px){
  .region-footer .region-three-25-50-25-first, .region-footer .region-three-25-50-25-second, .region-footer .region-three-25-50-25-third{
    display: block;
    width: 98% !important;
    padding: 0 1%;
  }
  .region-footer .region-three-25-50-25-first .region-inner{
    margin: 0 auto;
  }
  .region-footer .region-three-25-50-25-second .region-inner {
    margin: 0 auto;
    padding: 20px 0;
  }
  .phone-number .block-content{
    text-align: center;
  }
  #block-block-3 .block-content a{
    margin: 0 auto;
  }
}
/*Carousel fix*/

@media screen and (max-width: 486px){
  .carousel-clients .jcarousel-skin-default .jcarousel-container-horizontal{
    padding: 20px 65px;
  }
}
@media screen and (max-width: 385px){
  .carousel-clients .jcarousel-skin-default .jcarousel-container-horizontal{
    padding: 20px 0;
  }
  .carousel-clients .jcarousel-skin-default .jcarousel-prev-horizontal,.carousel-clients .jcarousel-skin-default .jcarousel-next-horizontal{
    top: 86%;
  }
}
/*Внутренние страницы*/
#node-33 .node-content a{
  text-decoration: none;
  color: #2e3b4e;
}
/*Услуги*/
.custom-category .view-header{
  padding-bottom: 20px;
}
.custom-category .view-header p{
font-size: 19px;
    color: #2e3b4e;
    padding-bottom: 20px;
}
h1, h1#page-title{
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: #2e3b4e;
    padding: 30px 0 40px;
    line-height: 1.2;
}
@media screen and (max-width: 1010px){
  h1, h1#page-title{
   font-size: 32px;
 }

}
@media screen and (max-width: 895px){
  h1, h1#page-title{
   font-size: 30px;
 }
}
@media screen and (max-width: 600px){
  h1, h1#page-title{
   font-size: 26px;
 }
}
@media screen and (max-width: 400px){
  h1, h1#page-title{
   font-size: 22px;
 }
}
/*Портфолио*/
.node-type-portfolio .block-views h2.block-title{
  padding: 50px 0;
}
.page-portfolio .custom-category > .view-content > .views-row{
  height: auto;
}
.node-type-portfolio .custom-category > .view-content > .views-row{
  height: auto;
  width: 21.799%;
}
.portfolio-page-img{
  text-align: center;
}
.portfolio-page-img a img{
  margin: 10px 10px 0;
}
.portfolio .usluga-head a, .portfolio .usluga-head{
  height: 100%;
}
.node-type-portfolio .usluga-head a, .portfolio .usluga-head{
  height: 100%;
}
@media screen and (max-width: 1190px){
  .node-type-portfolio .custom-category > .view-content > .views-row {
      width: 48%;
      margin: 5px 5px 10px;
  }
}
@media screen and (max-width: 600px){
  .node-type-portfolio .custom-category > .view-content > .views-row {
      width: 100%;
      margin: 0 auto;
  }
}
/*О компании*/
#content-column .content-inner{
    width: 98%;
    margin: 0 auto;
    padding: 0 1%;
    max-width: 1460px;
}
#content .node-content, .usluga1_opisanie{
  font-size: 20px;
  color: #2e3b4e;
}
#block-block-15{
  margin-bottom: 30px;
}
#block-block-15 a.colorbox-node{
    padding: 12px 38px;
    background: #ff5722;
    max-width: 417px;
    display: block;
    font-size: 14px;
    border-radius: 22px;
    line-height: 1.2;
    margin: 0 auto;
    color: #fff;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}
#block-block-15  a.colorbox-node:hover{
    background: #2e3b4e
}
.field-type-image.view-mode-full{
  text-align: center;
}
.field-type-file{
  text-align: right;
  padding-bottom: 15px;
}
.file a{
  text-decoration: none;
  color: #2e3b4e;
}
@media screen and (max-width: 540px){
  #block-block-15 a.colorbox-node {
    padding: 12px 2px;
    font-size: 13px;
  }
}
/*Карточка услуги баннер*/
#content .panel-display, #content .panel-flexible {
    margin-left: 0;
    margin-right: 0;
}
#block-panels-mini-banner-usluga{
  margin-bottom: 20px;
}
#block-panels-mini-banner-usluga .region-three-33-second{
  float: right;
  width: 24.999%;
}
#block-panels-mini-banner-usluga .region-three-33-first{
  width: 36.999%;
}
#block-panels-mini-banner-usluga .region-three-33-third{
  width: 36.999%;
}
.sale-percent {
    font-size: 23px;
    height: 70px;
    width: 70px;
    font-weight: 600;
    border-radius: 100px;
    background: #2e3b4e;
    color: #fff;
    overflow: hidden;
    line-height: 3;
    text-align: center;
    margin: 15px auto;
}
.anons-custom {
    font-size: 14px;
    color: #2e3b4e;
    line-height: 1.5;
    max-width: 392px;
    margin: 0 auto;
}
.node-type-banner #content .node-content {
    font-size: 15px;
    color: #2e3b4e;
}
@media screen and (max-width: 1200px){
  #block-panels-mini-banner-usluga .region-three-33-third {
    width: 100%;
  }
  #block-panels-mini-banner-usluga .anons-custom{
    max-width: none;
  }
  #block-panels-mini-banner-usluga .region-three-33-second{
    float: right;
    width: 48.999%;
  }
  #block-panels-mini-banner-usluga .region-three-33-first{
    width: 48.999%;
  }
}
@media screen and (max-width: 950px){
  #block-panels-mini-banner-usluga .region-three-33-second{
     width: 100%;
    padding: 10px 0 20px;
  }
  #block-panels-mini-banner-usluga .region-three-33-first{
     width: 100%;
     text-align: center;
  }
}
/*Карточка услуги*/
.usluga-img-custom{
  max-width: 510px;
  margin: 0 auto;
}
.usluga-card-opisanie .usluga-price {
    line-height: 1.2;
    height: 100%;
    padding: 0 1% 10px;
    text-align: right;
    width: 100%;
}
.usluga-card-opisanie .view-content{
  font-size: 24px;
  color: #2e3b4e;
  text-align: center;
}
.usluga-card-opisanie .view-content a{
  color: #2e3b4e;
  text-decoration: underline dashed;
  text-decoration-color: #ff5722;
}
#block-block-14 .block-content a {
    padding: 17px 5px 17px 5px;
    background: #ff5722 url("../images/customer-service.png") no-repeat 7% 50%;
    background-size: 37px;
    width: 100%;
    display: block;
    font-size: 15px;
    border-radius: 22px;
    line-height: 1.2;
    margin: 0 auto;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
#block-block-14 .block-content a:hover{
    background: #2e3b4e url("../images/customer-service.png") no-repeat 7% 50%;
    background-size: 37px;
}
@media screen and (max-width: 400px){
  #block-block-14 .block-content a {
    padding: 10px 5px 10px 5px;
    background: #ff5722 url("../images/customer-service.png") no-repeat 10% 50%;
    background-size: 28px;
  }
}
.block-banner-opisanie-block .usluga-price a, .block-banner-opisanie-block .usluga-price{
    text-align: center;
  }
#block-panels-mini-usluga-card .region-three-33-second{
  float: right;
  width: 29.999%;
}
#block-panels-mini-usluga-card .region-three-33-first{
  width: 39.999%;
}
#block-panels-mini-usluga-card .region-three-33-third{
  width: 29.999%;
}
#block-panels-mini-usluga-card{
  margin-bottom: 20px;
}
.node-type-usluga #content .node-content {
    font-size: 15px;
    color: #2e3b4e;
}
@media screen and (max-width: 1400px){
  #block-panels-mini-usluga-card .region-three-33-second{
    width: 48.999%;
  }
  #block-panels-mini-usluga-card .region-three-33-first{
    width: 48.999%;
  }
  #block-panels-mini-usluga-card .region-three-33-third{
    width: 100%;
  }
  #block-panels-mini-usluga-card .anons-custom{
    max-width: none;
  }
}
@media screen and (max-width: 700px){
  #block-panels-mini-usluga-card .region-three-33-second{
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
  #block-panels-mini-usluga-card .region-three-33-first{
    width: 100%;
  }
}
@media only screen and (max-width: 768px) and (min-width: 581px){
  .three-25-50-25 > .region-three-25-50-25-first, .three-50-25-25 > .region-three-50-25-25-first, .three-25-25-50 > .region-three-25-25-50-first, .three-3x33 > div.region-three-33-first, .six-6x16 > .panel-row, .three-inset-right > .inset-wrapper > .region, .three-inset-left > .inset-wrapper > .region, .four-4x25 > .panel-row, .five-5x20 > div.panel-row, .five-5x20 > div.panel-row > div.region-five-fifth {
      float: left;
  }
}
@media screen and (max-width: 900px){
  #content .node-content, .usluga1_opisanie {
    font-size: 15px;
    line-height: 1.5;
  }
  .node-category h2, .node-usluga h2 {
    font-size: 24px;
    padding: 0;
  }
}
@media screen and (max-width: 600px){
  .usluga-img-custom{
    max-width: 350px;
  }
}
@media screen and (max-width: 400px){
  .node-category h2, .node-usluga h2 {
      font-size: 18px;
  }
  .usluga-img-custom{
    max-width: 260px;
  }
}
/*Форма*/
.node-webform h1 a{
  pointer-events: none;
  color: #2e3b4e;
}
.node-webform h1{
    font-size: 30px;
    text-align: center;
        padding-top: 20px;
    text-transform: uppercase;
}
#messages .messages.status, #messages .messages {
  display: none;
}
.node-webform .webform-client-form {
    width: 475px;
    margin: 0 auto;
}
 .node-webform form .form-item {
    width: 475px;
}
 .node-webform form .form-item input {
    width: 447px;
}
input.form-text, textarea.form-textarea {
    border: 1px solid #2e3b4e;
    padding: 18px 13px;
    font-size: 21px;
    border-radius: 8px;
    color: #2e3b4e;
    box-shadow: none;
}
input.webform-submit, .form-actions input{
    background: #ff5722;
    padding: 12px;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 21px;
    border: 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    transition: background 0.4s;
    -webkit-appearance: none;
}
input.webform-submit:hover, .form-actions input:hover {
    background: #2e3b4e;
}
.webform-client-form .form-actions, .form-actions{
  text-align: right;
}
.form-item a{
  color: #2e3b4e;
}
.node-webform form .form-item.form-type-checkbox input{
  width: 20px;
}
.webform-confirmation {
    width: 98%;
    max-width: 443px;
    margin: 0 auto;
    font-size: 26px;
    color: #2e3b4e;
    padding: 20px 1%;
}
a[href^="tel"] {
  color: #ff5722;
}
/*админка*/
#user-login{
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 800px){
    .node-webform .webform-client-form {
        width: 98%;
        padding: 0 1%;
        max-width: 475px;
        margin: 0 auto;
    }
    .node-webform form .form-item, #user-login .form-item{
        width: 98%;
        padding: 0 1%;
        max-width: 475px;
    }
    .node-webform form .form-item input, #user-login .form-item input {
        width: 98%;
        padding: 18px 1%;
        max-width: 477px;
    }
    .node-webform form .form-item.form-type-checkbox label{
      font-size: 16px;
    }
    .node-webform h1 {
        font-size: 24px;
    }
      
}
@media screen and (max-width: 500px){
  .node-webform form .form-item input, #user-login .form-item input {
        padding: 15px 1%;
  }
  input.webform-submit,.form-actions input{
      font-size: 15px;
  }
  input.form-text, textarea.form-textarea {
      font-size: 15px;
  }
  .node-webform form .form-item.form-type-checkbox label{
      font-size: 13px;
      line-height: 1.3;
  }
  .node-webform h1 {
        font-size: 20px;
  }
}
/*webform links*/
.links a.ajax-processed{
  display: none;
}
/*our logo*/
#work {
    position: relative;
    bottom: 20px;
    z-index: 100;
    width: 100%;
    text-align: center;
}
#work p {
    position: absolute;
    bottom: 0;
}
.logo_footer {
    width: 250px;
    background: rgba(255,255,255,0.7);
    margin: 0 auto;
    border-top-right-radius: 35px;
    border-top-left-radius: 35px;
}
/*Карта*/
#block-block-16{
  margin-bottom: 50px;
}
/*Seo*/
.region-seo-region{
  width: 98%;
  padding: 10px 1%;
  max-width: 1460px;
  margin: 0 auto;
}
.region-seo-region h2.block-title {
    text-transform: uppercase;
    font-size: 29px;
    font-weight: 400;
    text-align: center;
    line-height: 1.2;
    color: #2e3b4e;
    padding: 35px 0 30px;
}
.region-seo-region .block-content{
    font-size: 20px;
    color: #2e3b4e;
}

.usluga1_opisanie {
padding-bottom: 30px;
}


/*Таблица скролл*/
.table-scroll{
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 800px){
	.table-scroll:before{
	  display: block;
	  content: " ";
	  padding: 15px 0;
	  background: url("../images/scroll-table.svg") no-repeat 50% 50%;
	  background-size: 50px;
	}
	.table-scroll:after{
	  display: block;
	  content: " ";
	  padding: 15px 0;
	  background: url("../images/scroll-table.svg") no-repeat 50% 50%;
	  background-size: 50px;
	}
}
.node-type-page table{
  min-width: 600px;
}
/*breadcrumps*/
#breadcrumb{
    max-width: 1460px;
    margin: 0 auto;
    padding: 20px 0;
}
#breadcrumb a{
  text-decoration: none;
  color: #2e3b4e;
}
#breadcrumb a:hover{
  color: #ff5722;
}
/*Скачать файл*/
.pricelist-button a {
    padding: 17px 5px 17px 5px;
    background: #ff5722 url("../images/pricelist.png") no-repeat 7% 50%;
    background-size: 37px;
    width: 100%;
    display: block;
    font-size: 15px;
    border-radius: 22px;
    line-height: 1.2;
    margin: 20px auto 10px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.pricelist-button a:hover {
    background: #2e3b4e url("../images/pricelist.png") no-repeat 7% 50%;
    background-size: 37px;
}
@media screen and (max-width: 400px){
  .pricelist-button a {
    padding: 10px 5px 10px 5px;
    background: #ff5722 url("../images/pricelist.png") no-repeat 10% 50%;
    background-size: 28px;
  }
}
/*Paginator*/
.item-list .pager{
  padding-bottom: 10px;
  margin: 30px 0;
}
.pager li {
background: #224086;
color: #ffffff !important;
margin: 0 2px !important;
}
.pager li:hover {
background: #ff5722;
}
.pager li a {
color: #ffffff;
}
.pager li.pager-current {
background: #ff5722;
color: #ffffff;
}
@media only screen and (max-width: 630px) {
.pager .pager-first, .pager .pager-last {
display: none !important;
}
}
@media only screen and (max-width: 490px) {
.pager .pager-ellipsis, .pager .pager-ellipsis {
display: none !important;
}
.pager li {
font-size: 14px;
padding: 3px;
}
}




#whatsapp_button {
  position: fixed;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 300;
  width: 340px;
}
#whatsapp_button .block,
#whatsapp_button p {
  margin: 0;
}
#whatsapp_button .block-content {
  text-align: center;
}
#whatsapp_button .block-content a {
  background-color: rgb(60, 206, 65);
  background-image: url("../images/whatsapp_1.png");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: left 18px center;
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  display: inline-block;
  padding: 10px 25px 10px 60px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  border-radius: 45px;
  text-align: left;
}
#whatsapp_button .block-content a:hover {
  background-color: rgb(52 172 56);
}
@media screen and (max-width: 1080px){
  #whatsapp_button {
    bottom: 20px;
  }
  #whatsapp_button .block-content a {
    font-size: 16px;
    background-size: 22px;
    padding: 12px 25px 10px 48px;
  }
  #whatsapp_button {
    width: 260px;
  }
}
.view-ukfdy {
  position: relative;
}
.view-ukfdy .views-field-field-glrotator-img  {
  position: relative;
  background-color: #000000;
}
.view-ukfdy .views-field-field-glrotator-img img {
  opacity: 0.3;
}
.gl_rotator {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 1740px;
  bottom: 0;
  right: 0;
  margin: auto;
  color: #ffffff;
  width: 96%;
  display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: left;
    -ms-flex-align: left;
    -webkit-align-items: left;
    align-items: left;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.gl_rotator_title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 64px;
  margin-bottom: 15px;
  max-width: 1100px;
}
.gl_rotator_text {
  font-weight: 700;
  font-size: 36px;
  text-transform: uppercase;
  line-height: 1.3;
  max-width: 1100px;
}
.gl_rotator_toptext {
  margin-bottom: 40px;
}
.gl_rotator_za {
  max-width: 1100px;
  display: inline-block;
}
.gl_rotator_za .gl_rotator_za_tleft a {
  display: inline-block;
  background-color: #ff5722;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.gl_rotator_za .gl_rotator_za_tleft a:hover {
  background-color: rgba(0,106,103,1);
}
.gl_rotator_za .gl_rotator_za_tleft {
  display: inline-block;
  vertical-align: top;
  padding-right: 30px;
  margin-right: 30px;
  border-right: #096A67 solid 3px;
}
.gl_rotator_za_tright {
  display: inline-block;
  vertical-align: middle;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 16px;
  max-width: 380px;
  padding-top: 2px;
}
.gl_rotator_za_tright .gr_color {
  color: #ff5722;
  font-weight: 700;
}
#block-views-rot-preim-block {
  max-width: 1740px;
  width: 96%;
  margin: 0 auto;
  position: relative;
  top: -50px
}
#block-views-rot-preim-block .view-content {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
#block-views-rot-preim-block .view-content .views-row {
  background-color: #FDFCFC;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.rrot_title {
  position: relative;
  min-height: 50px;
  margin-bottom: 25px;
}
.rrot_title_img {
  position: absolute;
  top: 0;
  left: 0;
}
.rrot_title_title {
  text-transform: uppercase;
  font-weight: 700;
  color: #000000;
  line-height: 1.2;
  font-size: 21px;
  padding-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 50px;
}
.napr {
  max-width: 1740px;
  margin: 0 auto;
  width: 96%;
}
.view--dtplt {
  position: relative;
}
.view--dtplt .view-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 440px;
  height: 100%;
  z-index: 3;
}
.view--dtplt .view-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/bb_fon.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}
.view--dtplt .view-header::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #096A67;
  opacity: 0.8;
  z-index: 2;
}
.view--dtplt .view-header > div {
  z-index: 3;
  position: relative;
}
.view--dtplt .view-content {
  padding-left: 500px;
  z-index: 2;
  position: relative;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  margin-bottom: 80px;
}
.napr_b_title_out {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 50px;
}
.napr_b_title {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 62px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 4px;
  display: inline-block;
}
.napr_b_titles {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 84px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 14px;
  display: inline-block;
}
.napr_b_titlet {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 4px;
  display: inline-block;
  margin-bottom: 40px;
}
.napr_b_zayavka a {
  display: inline-block;
  background-color: #ff5722;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.napr_b_zayavka a:hover {
  background-color: rgba(0,106,103,1);
}
.view--dtplt .view-content .views-row {
  padding: 60px 20px 20px 20px;
  text-align: center;
  background-color: rgba(249,249,249,1);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.view--dtplt .view-content .views-row:hover {
  background: rgb(249,249,249);
  background: linear-gradient(135deg, rgba(249,249,249,1) 0%, rgba(195,195,195,1) 100%);
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.view--dtplt .view-content .views-row .views-field-view-node {
  opacity: 0;
  margin-top: 30px;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.view--dtplt .view-content .views-row:hover .views-field-view-node {
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.view--dtplt .view-content .views-row .views-field-view-node a {
  display: inline-block;
  background-color: #096A67;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.view--dtplt .view-content .views-row .views-field-view-node a:hover {
  background-color: #ff5722;
}
.view--dtplt .view-content .views-row .views-field-field-cltype-ctitle {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 21px;
  line-height: 1.1;
  padding-top: 7px;
}
.view--r- {
  max-width: 1740px;
  margin: 0 auto 120px auto;
  width: 96%;
}
.view--r- .views-field-field-category-frtitles {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
}
.view--r- .views-field-field-category-frtitles a {
  color: #000000;
}
.view--r- .views-field-field-category-frtitles a:hover {
  color: #ff5722;
}
.view--r- .view-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 100px;
  grid-row-gap: 100px;
}
.view--r- .views-row .views-field-nothing > span {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0;
  grid-row-gap: 0;
  border-top: solid 1px #CCCECE;
}
.view--r- .views-row .views-field-nothing > span > .fr_usl_left,
.view--r- .views-row .views-field-nothing > span > .fr_usl_right {
  padding: 40px;
}
.view--r- .views-row .views-field-nothing > span > .fr_usl_left {
  border-right: solid 1px #CCCECE;
}
#block-views-r-block h2 {
  margin-bottom: 60px;
  width: 96%;
  margin: 0 auto;
}
.st_row.first {
  padding-left: 50px;
  background-image: url("../images/ser_1.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.st_row.second {
  padding-left: 50px;
  background-image: url("../images/ser_2.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.st_row.three {
  padding-left: 50px;
  background-image: url("../images/ser_3.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}
.st_row bold {
  font-weight: 700;
}
.fr_usl_right_price {
  font-weight: 700;
  font-size: 28px;
  color: #E9560D;
  margin-bottom: 20px;
}
.fr_usl_right_vhiunf {
  font-size: 16px;
  margin-bottom: 20px;
}
.fr_usl_right_zakaz a {
  display: inline-block;
  background-color: #ff5722;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
}
.fr_usl_right_zakaz a:hover {
  background-color: rgba(0,106,103,1);
}
.zayavka_block_out {
  background-color: #096A67;
  background-image: url("../images/zayavka_block.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  padding: 80px 0;
  background-size: 800px;
}
#zayavka_block {
  max-width: 1740px;
  margin: 0 auto;
  width: 96%;
}
#zayavka_block > div {
  padding-left: 50%;
  width: 50%;
  text-align: center;
}
#block-block-19 .block-title {
  text-transform: uppercase;
  color: #ffffff;
  font-size: 46px;
  margin-bottom: 15px;
  max-width: 635px;
  margin: 0 auto;
}
#block-block-19 .block-content {
  font-size: 36px;
  line-height: 1.3;
  color: #ffffff;
  text-transform: uppercase;
  max-width: 635px;
  margin: 0 auto 40px auto;
}
#block-block-20 .block-content {
  text-align: left;
  max-width: 635px;
  margin: 0 auto;
  color: #ffffff;
  font-size: 19px;
}
#block-block-20 .block-content a {
  display: inline-block;
  background-color: #ff5722;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 15px;
}
#block-block-20 .block-content a:hover {
  background-color: #333333;
}
#block-block-21 .block-content {
  max-width: 635px;
  margin: 0 auto;
  font-size: 21px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
}
#vipoln_rab {
  max-width: 1740px;
  margin: 50px auto;
  width: 96%;
}
.view-vip-rab .view-content {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 25px;
  grid-row-gap: 25px;
}
.view-vip-rab .view-content .views-row  {
  background-color: #FDFCFC;
}
.view-vip-rab .view-content .views-row .views-field-title {
  padding: 20px 30px;
  text-align: center;
}
.view-vip-rab .view-content .views-row .views-field-title a {
  text-transform: uppercase;
  color: #000000;
  font-size: 21px;
  line-height: 1.2;
}
.view-vip-rab .view-content .views-row .views-field-title a:hover {
  color: #E9560D;
}


.view-vip-rab .view-content .views-row .views-field-field-portfolio-img {
  display: inline-block; 
  overflow: hidden; /* Скрываем всё за контуром */
}
.view-vip-rab .view-content .views-row .views-field-field-portfolio-img img {
  transition: 1s; /* Время эффекта */
  display: block; 
}
.view-vip-rab .view-content .views-row:hover .views-field-field-portfolio-img img {
  transform: scale(1.2); /* Увеличиваем масштаб */
}
.view-vip-rab .view-content .view-footer {
  display: none;
}
.portfol_metrik {


  position: relative;
}
.portfol_metrik a {
  background-color: #E9560D;

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 50px;
  text-align: center;

  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
.fr_rab_line_o {
  font-size: 64px;
  font-weight: 700;
  color: #ffffff;
  padding-left: 40px;
  padding-right: 40px;
}
.fr_rab_line_s {
  color: #ffffff;
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 600;
  padding-left: 40px;
  padding-right: 40px;
}
.portfol_metrik a:hover {
  background-color: #000000;
  -webkit-transition: left 0.4s ease;
  -moz-transition: left 0.4s ease;
  -ms-transition: left 0.4s ease;
  -o-transition: left 0.4s ease;
  transition: left 0.4s ease;
}
#block-views-clients-block {
  margin-top: 60px;
}
.view-clients .view-content {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.mybutton {
  margin: 40px 0;
  text-align: center;
}
.mybutton a {
  display: inline-block;
  background-color: #096A67;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 15px;
}
.mybutton a:hover {
  background-color: #333333;
}
.about_block {
  max-width: 1740px;
  width: 96%;
  margin: 0 auto;
  text-align: left;
}
.front_footer_in {
  max-width: 1740px;
  margin: 0 auto;
  width: 96%;
}
.front_footer_out {
  padding: 150px 0 50px 0;
}
.front_footer_out {
  background-color: #096A67;
  position: relative;
  margin-top: 100px
}
.front_footer_out::before {
  content: "";
  width: 663px;
  height: 434px;
  position: absolute;
  bottom: 150px;
  right: -30px;
  z-index: 1;

  background-image: url("../images/img_footr_n.png");
  background-repeat: no-repeat;
}
.front_footer_out::after {
  content: "";

  width: 800px;
  height: 800px;
  position: absolute;
  bottom: -95px;
  left: 0;
  right: -230px;
  margin: 0 auto;


  background-image: url("../images/footer_shar.png");
  background-repeat: no-repeat;
}







.front_footer_out > div {
  position: relative;
  z-index: 2;
}
.front_footer {
  width: 520px;
}
.front_footer h2 {
  color: #ffffff;
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
#block-block-22 .block-content {
  font-size: 20px;
  text-transform: uppercase;
  line-height: 1.3;
  color: #ffffff;
}
#block-block-23 .block-content {
  font-size: 18px;
  line-height: 1.3;
  color: #ffffff;
  font-weight: 300;
}
#block-block-22 .block-content a,
#block-block-23 .block-content a {
  color: #ffffff;
}
#block-block-22 .block-content a:hover,
#block-block-23 .block-content a:hover {
  color: #E9560D;
}
#block-block-24 .block-content p {
  display: inline-block;
  width: 100%;
}
#block-block-24 .block-content p a {
  display: inline-block;
  background-color: #ff5722;
  font-size: 16px;
  color: #ffffff;
  padding: 15px 20px 14px 20px;
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 15px;
}
#block-block-24 .block-content p a:hover {
  background-color: #000000;
}
#block-block-25 .block-content {
  display: inline-block;
  width: 100%;
}
#block-block-25 .block-content p {
  display: inline-block;
  vertical-align: top;
}
#block-block-25 .block-content p:nth-child(1) a {
  background-image: url("../images/vk_2.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  text-indent: -99999999px;
  display: inline-block;
  margin-right: 0;
}
#block-block-25 .block-content p:nth-child(2) a {
  background-image: url("../images/tg.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  text-indent: -99999999px;
  display: inline-block;
  margin-right: 0;
}
#block-block-25 .block-content p:nth-child(3) a {
  background-image: url("../images/wa_3.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 50px;
  height: 50px;
  text-indent: -99999999px;
  display: inline-block;
  margin-right: 0;
}
#block-block-25 .block-content p:nth-child(4) a {
  background-image: url("../images/dzen.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 120px;
  height: 50px;
  text-indent: -99999999px;
  display: inline-block;
  margin-right: 0;
}
#block-block-25 {
  margin-bottom: 30px;
}
.front_titre {
  padding-top: 60px;
}
.front_titre p {
  color: #ffffff;
  font-size: 13px;
}
.front_titre p a {
  color: #ffffff;
  text-decoration: underline;
}
.pane-block-27 .block-content p {
  font-size: 12px;
  text-align: center;
}
.pane-block-27 .block-content a {
  font-weight: 700;
  font-size: 27px;
}
#block-panels-mini-top .block-page-logo img {
  height: 60px;
  width: auto;
}
.head_mes_out {
  position: relative;
  padding-right: 120px;
}
.head_mes_menu {
  position: absolute;
  top: -23px;
  right: 0;
  width: 90px;
  height: 90px;
  z-index: 2;

}
.head_mes_left {
  position: relative;
  z-index: 1;
}
.head_mes_menu .head_mes_menu_link {
  width: 90px;
  height: 90px;
  background-color: #096A67;
  position: relative;
}
.head_mes_menu .head_mes_menu_link::after {
  content: "";
  background-image: url("../images/top_menu_u.png");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.head_mes_left {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}
.wa {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../images/head_wa.png");
  background-repeat: no-repeat;
  text-indent: -99999px;
  padding-right: 10px;
}
.telegram {
  display: inline-block;
  width: 50px;
  height: 50px;
  background-image: url("../images/head_telegram.png");
  text-indent: -99999px;
  background-repeat: no-repeat;
}
#block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-first {
  width: 22%;
}
#block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_2 {
  width: 24%;
}
#block-panels-mini-top .panels-flexible-row-inside  .panels-flexible-region-1-top_3 {
  width: 24%;
  padding-top: 1px;
}
#block-panels-mini-top .panels-flexible-row-inside  .panels-flexible-region-1-top_4 {
  width: 26%;
  padding-top: 7px;
}
.head_mes_left_text {
  padding-top: 2px;
}
#block-panels-mini-top  .panels-flexible-row-1-main-row-inside {
  padding: 20px 0;
}

@media only screen and (max-width: 1600px) {
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-first {
    width: 14%;
  }
  #block-panels-mini-top .block-page-logo img {
    height: auto;
    width: 100%;
  }
  #block-panels-mini-top .block-page-logo {
    margin-right: 20px;
    padding-top: 5px;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_2,
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_3 {
    width: 24%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_4 {
    width: 38%;
  }
}
@media only screen and (max-width: 1220px) {
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_2 {
    display: none;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-first {
    width: 20%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_3 {
    width: 32%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_4 {
    width: 48%;
  }
}
@media screen and (max-width: 950px){
  .pane-block-27 .block-content a {
    font-size: 22px;
  }
  .head_mes_left_text {
    display: none;
  }
  .head_mes_left {
    display: inline-block;
    width: 100%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_4 {
    padding-top: 0;
  }
}
@media screen and (max-width: 1300px){
  .gl_rotator_title {
    font-size: 50px;
  }
  .gl_rotator_text {
    font-size: 24px;
  }
  .view-ukfdy .views-field-field-glrotator-img {
    width: 1300px;
    height: 641px;
    overflow: hidden;
  }
  .view-ukfdy .views-field-field-glrotator-img > div {
    position: absolute;
    width: 1300px;
    height: 641px;
    left: 50%;
  }
  .view-ukfdy .views-field-field-glrotator-img > div img {
    position: relative;
    right: 650px;
    width: 1300px;
    height: 641px;
  }
  #block-views-rot-preim-block .view-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
  .rrot_title_title {
    font-size: 16px;
  }
  .rrot_title {
    margin-bottom: 10px;
  }
  .view-rot-preim .views-field-field-rpreim-opis {
    font-size: 13px;
    line-height: 1.3;
  }
}
@media screen and (max-width: 1000px){
  #block-views-rot-preim-block .view-content {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
}
@media screen and (max-width: 950px){
  .gl_rotator_title {
    font-size: 40px;
  }
  .gl_rotator_text {
    font-size: 18px;
  }

  .view-ukfdy .views-field-field-glrotator-img {
    width: 1100px;
    height: 550px;
    overflow: hidden;
  }
  .view-ukfdy .views-field-field-glrotator-img > div {
    position: absolute;
    width: 1100px;
    height: 550px;
    left: 50%;
  }
  .view-ukfdy .views-field-field-glrotator-img > div img {
    position: relative;
    right: 550px;
    width: 1100px;
    height: 550px;
  }
}
@media screen and (max-width: 700px){
  .gl_rotator_title {
    font-size: 30px;
  }
  .gl_rotator_text {
    font-size: 13px;
  }
  .rrot_title_title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
  }
  .view-ukfdy .views-field-field-glrotator-img {
    width: 800px;
    height: 400px;
    overflow: hidden;
  }
  .view-ukfdy .views-field-field-glrotator-img > div {
    position: absolute;
    width: 800px;
    height: 400px;
    left: 50%;
  }
  .view-ukfdy .views-field-field-glrotator-img > div img {
    position: relative;
    right: 400px;
    width: 800px;
    height: 400px;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_4 {
    width: 38%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_3 {
    width: 42%;
  }
}
@media screen and (max-width: 650px){
  .head_mes_left {
    display: none;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-first {
    width: 28%;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_4 {
    width: 28%;
    text-align: right;
  }
  #block-panels-mini-top .panels-flexible-row-inside .panels-flexible-region-1-top_3 {
    width: 44%;
  }
  .head_mes_menu {
    position: relative;
    right: auto;
    top: 0;
    left: auto;
    display: inline-block;
  }
  .head_mes_out {
    padding-right: 0;
    text-align: right;
  }
  #block-panels-mini-top .panels-flexible-row-1-main-row-inside {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .head_mes_menu .head_mes_menu_link::after {
    width: 50px;
    height: 50px;
  }
  .head_mes_menu .head_mes_menu_link {
    width: 50px;
    height: 50px;
    display: inline-block;
  }
  .head_mes_menu .head_mes_menu_link::after {
    background-size: 40px;
  }
  .head_mes_menu {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width: 520px){
  #block-views-rot-preim-block .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .gl_rotator_title {
    margin-bottom: 0;
  }
  .gl_rotator_toptext {
    margin-bottom: 20px;
  }
  .gl_rotator_za_tright {
    font-size: 13px;
  }
  .gl_rotator_title {
    font-size: 24px;
  }
  .gl_rotator_za .gl_rotator_za_tleft a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1;
  }
}
@media screen and (max-width: 490px){
  .pane-block-27 .block-content p:nth-child(1) {
    display: none;
  }
  .pane-block-27 .block-content a {
    font-size: 16px;
  }
}
@media screen and (max-width: 360px){
  .pane-block-27 .block-content a {
    font-size: 14px;
    font-weight: 400;
  }
}
@media screen and (max-width: 1700px){
  .view--dtplt .view-content {
    grid-template-columns: repeat(3, 1fr);
  }
  .view--dtplt .view-content .views-row .views-field-field-cltype-ctitle {
    font-size: 19px;
  }
}
@media screen and (max-width: 1400px){
  .view--dtplt .view-header {
    width: 300px;
  }
  .napr_b_title {
    font-size: 40px;
  }
  .napr_b_titles {
    font-size: 60px;
  }
  .napr_b_titlet {
    font-size: 24px;
  }
  .view--dtplt .view-content {
    padding-left: 320px;
  }
}
@media screen and (max-width: 1140px){
  .view--dtplt .view-header {
    position: relative;
    width: 100%;
    padding: 40px 0;
  }
  .view--dtplt .view-header::before {
    background-position: left center;
  }
  .view--dtplt .view-content {
    padding-left: 0;
    padding-top: 40px;
  }
  .view--dtplt .view-content .views-row .views-field-field-cltype-ctitle {
    font-size: 16px;
  }
}
@media screen and (max-width: 700px){
  .view--dtplt .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 460px){
  .view--dtplt .view-content .views-row .views-field-field-cltype-ctitle {
    font-weight: 400;
    text-transform: none;
  }
  .view--dtplt .view-content .views-row {
    padding-left: 10px;
    padding-right: 10px;
  }
  .view--dtplt .view-content .views-row .views-field-view-node a {
    font-size: 14px;
  }
}
@media screen and (max-width: 1600px) {
  .view--r- .view-content {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }
  .fr_usl_right_price {
    font-size: 22px;
  }
  .fr_usl_right_vhiunf {
    font-size: 14px;
  }
  .fr_usl_right_zakaz a {
    padding: 10px 14px 9px 14px;
  }
  .view--r- .views-field-field-category-frtitles {
    font-size: 19px;
    margin-bottom: 15px;
  }
  #block-views-r-block h2 {
    margin-bottom: 0;
  }
  .view--dtplt .view-content {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1200px) {
  .view--r- .views-row .views-field-nothing > span > .fr_usl_left, .view--r- .views-row .views-field-nothing > span > .fr_usl_right {
    padding: 15px;
  }
  .fr_usl_right_price {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .block-views h2.block-title {
    font-size: 26px;
  }
  .block-views h2.block-title {
    padding-bottom: 30px;
  }
  .fr_usl_right_vhiunf  {
    line-height: 1.1;
    height: auto !important;
  }
  .fr_usl_right_zakaz a {
    padding: 8px 6px 7px 6px;
  }
}
@media screen and (max-width: 1000px) {
  .st_row.first,
  .st_row.second,
  .st_row.three {
    background-size: 20px;
    padding-left: 30px;
    font-size: 12px;
  }
  .fr_usl_right_vhiunf {
    font-size: 13px;
  }
  .fr_usl_right_price {
    font-size: 16px;
  }
  .view--r- .view-content {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .view--r- .views-row .views-field-nothing > span > .fr_usl_left {
    padding-left: 0;
  }
  .view--r- .views-row .views-field-nothing > span > .fr_usl_right {
    padding-right: 0;
  }
  .st_row.first, .st_row.second, .st_row.three {
    margin-bottom: 0;
  }
  .view--r- .views-field-field-category-frtitles {
    font-size: 16px;
  }
}
@media screen and (max-width: 720px) {
  .block-views h2.block-title {
    font-size: 21px;
  }
  .view--r- .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .view--r- .views-field-field-category-frtitles {
    height: auto !important;
  }
}
@media screen and (max-width: 350px) {
  .st_row.first, .st_row.second, .st_row.three {
    font-size: 11px;
  }
  .fr_usl_right_vhiunf {
    font-size: 11px;
  }
  .fr_usl_right_price {
    font-size: 13px;
  }
}
@media screen and (max-width: 1600px) {
  .zayavka_block_out {
    background-size: 600px;
  }
  #block-block-19 .block-title {
    font-size: 36px;
  }
  #block-block-19 .block-content {
    font-size: 26px;
  }
  #zayavka_block > div {
    padding-left: 42%;
    width: 58%;
  }
}
@media screen and (max-width: 1350px) {
  .zayavka_block_out {
    padding: 50px 0;
  }
  #block-block-19 .block-content {
    margin-bottom: 20px;
    font-size: 19px;
  }
  #block-block-19 .block-title {
    font-size: 32px;
  }
  #block-block-20 .block-content {
    font-size: 15px;
  }
  #block-block-20 .block-content a {
    font-size: 13px;
  }
  #block-block-21 .block-content {
    font-size: 17px;
  }
  .zayavka_block_out {
    background-size: 400px;
  }
  #zayavka_block > div {
    padding-left: 32%;
    width: 68%;
  }
}
@media screen and (max-width: 1050px) {
  #zayavka_block > div {
    padding-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 420px) {
  #block-block-19 .block-title {
    font-size: 24px;
  }
  #block-block-19 .block-content {
    font-size: 16px;
  }
}
@media screen and (max-width: 1400px) {
  .fr_rab_line_o {
    font-size: 42px;
  }
  .fr_rab_line_s {
    font-size: 17px;
  }
}
@media screen and (max-width: 1200px) {
  .view-vip-rab .view-content .views-row .views-field-title a {
    font-size: 15px;
  }
  .view-vip-rab .view-content {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
  .mybutton {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .view-vip-rab .view-content {
    grid-template-columns: repeat(2, 1fr);
  }
  .mybutton a {
    padding: 10px 10px 9px 10px;
  }
  .mybutton {
    margin-bottom: 0;
  }
  #block-block-7 .block-content, #block-block-7 .block-content p {
    font-size: 13px;
  }
  .front_footer_out {
    margin-top: 40px;
  }
}
@media screen and (max-width: 800px) {
  .fr_rab_line_o {
    font-size: 32px;
  }
  .fr_rab_line_s {
    font-size: 13px;
  }
}
@media screen and (max-width: 600px) {
  .view-vip-rab .view-content .views-row .views-field-title a {
    font-size: 12px;
  }
  .view-vip-rab .view-content .views-row .views-field-title {
    padding: 10px;
    line-height: 1.1;
  }
  .fr_rab_line_o {
    font-size: 24px;
  }
  .fr_rab_line_s {
    font-size: 11px;
  }
}
@media screen and (max-width: 390px) {
  .view-vip-rab .view-content {
    grid-template-columns: repeat(1, 1fr);
  }
  .portfol_metrik a {
    padding: 30px 0;
  }
}
@media screen and (max-width: 1870px) {
  .front_footer_out::after {
    right: -80px;
    bottom: 0;
  }
}
@media screen and (max-width: 1650px) {
  .front_footer_out::before {
    width: 500px;
  }
  .front_footer_out::after {
    width: 600px;
    height: 600px;
    background-size: 100%;
  }
}
@media screen and (max-width: 1650px) {
  .front_footer_out::before {
    width: 300px;
    height: 200px;
    background-size: 100%;
  }
  .front_footer_out::after {
    right: -400px;
  }
}
@media screen and (max-width: 1290px) {
  .front_footer_out {
    padding-top: 30px;
  }
  .front_footer h2 {
    font-size: 24px;
  }
  #block-block-22 .block-content {
    font-size: 18px;
  }
}
@media screen and (max-width: 1040px) {
  .front_footer_out::after {
    width: 400px;
    height: 400px;
    bottom: 200px;
  }
  #block-block-22 .block-content {
    font-size: 14px;
  }
  #block-block-23 .block-content {
    font-size: 15px;
  }
}
@media screen and (max-width: 970px) {
  .front_titre p {
    font-size: 11px;
  }
  .front_footer {
    width: 300px;
  }
  #block-block-24 .block-content p a {
    font-size: 12px;
  }
  .front_footer_out::after {
    bottom: 100px;
  }
  .front_footer_out::before {
    display: none;
  }
}
@media screen and (max-width: 715px) {
  .front_footer {
    margin: 0 auto;
    width: 96%;
    max-width: 300px;
  }
  .front_footer_out::after {
    bottom: 200px;
    left: -200px;
    width: 300px;
    height: 300px;
  }
  .front_footer {
    padding-bottom: 200px;
  }
}
@media screen and (max-width: 380px) {
  .front_footer_out::after {
    left: -300px;
  }
}
.sale_block {
  position: fixed;
  bottom: 40px;
  right: 0;
  z-index: 700;
}
.sale_block a {
  background-color: #E9560D;
  padding-left: 105px;
  color: #ffffff;
  position: relative;
  display: block;

  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sale_block_left {
  position: absolute;
  top: 0;
  left: 0;
  width: 105px;
  height: 100%;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
  font-size: 32px;
  font-weight: 700;



  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sale_block_right {
  position: relative;
  background-color: #096A67;
  max-width: 150px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  line-height: 1.1;
  text-transform: uppercase;
  font-size: 17px;
  padding-top: 10px;
  padding-bottom: 10px;

  -webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
}
@media screen and (max-width: 1220px) {
  .sale_block_left {
    width: 70px;
    font-size: 26px;
  }
  .sale_block a {
    padding-left: 70px;
  }
  .sale_block_right {
    font-size: 13px;
    max-width: 90px;
  }
  .sale_block {
    bottom: 10px;
  }
}
@media screen and (max-width: 700px) {
  .sale_block_right {
    font-size: 10px;
  }
  .sale_block_left {
    font-size: 18px;
  }
  .sale_block_left {
    width: 50px;
  }
  .sale_block a {
    padding-left: 44px;
  }
}
@media screen and (max-width: 950px) {
  #block-system-main-menu {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .mobile_menu_close_button,
  .mobile_menu_close {
    width: 30px;
    height: 30px;
  }
  .mobile_menu_close {
    top: 10px;
    right: 10px;
  }
  .mobile_menu_top_out .block-inner ul.menu li a {
    font-size: 13px;
    padding: 3px 0 6px 3px;
  }
  .mobile_menu_top_out .block-inner ul.menu {
    max-width: 160px;
  }

}
.head_block .mobile-block {
  display: none !important;
}
.other_usl {
  display: inline-block;
  width: 100%;
  font-size: 0;
  margin-bottom: 40px;
}
.other_usl_left {
  width: 29%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
}
.other_usl_right {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 29%;
  margin-left: 2%;
  font-size: 15px;
}
.other_usl_center {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  width: 38%;
}
.views-field-field-cltype-opis {
  font-size: 15px;
}
#block-block-14 .block-content a {
  padding: 17px 5px 17px 5px;
  background: #ff5722 url(../images/customer-service.png) no-repeat 7% 50%;
  background-size: 37px;
  width: 100%;
  display: block;
  font-size: 15px;
  border-radius: 22px;
  line-height: 1.2;
  margin: 0 auto;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.other_usl_right_row.usl {
  margin-bottom: 20px;
}
.other_usl_right_row.usl a {
  padding: 17px 5px 17px 5px;
  background: #ff5722 url(../images/customer-service.png) no-repeat 7% 50%;
  background-size: 37px;
  width: 100%;
  display: block;
  font-size: 15px;
  border-radius: 22px;
  line-height: 1.2;
  margin: 0 auto;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.other_usl_right_row.usl a:hover {
  background: #2e3b4e url(../images/customer-service.png) no-repeat 7% 50%;
  background-size: 37px;
}
.other_usl_right_row.price a {
  padding: 17px 5px 17px 5px;
  background: #ff5722 url(../images/pricelist.png) no-repeat 7% 50%;
  background-size: 37px;
  width: 100%;
  display: block;
  font-size: 15px;
  border-radius: 22px;
  line-height: 1.2;
  margin: 20px auto 10px;
  color: #fff;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}
.other_usl_right_row.price a:hover {
  background: #2e3b4e url(../images/pricelist.png) no-repeat 7% 50%;
  background-size: 37px;
}
@media screen and (max-width: 1200px) {
  .other_usl_left {
    width: 48%;
    margin-right: 4%;
  }
  .other_usl_center {
    width: 48%;
  }

  .other_usl_right {
    margin-top: 40px;
    width: 100%;
    text-align: center;
  }
  .other_usl_right > div {
     max-width: 400px;
     margin: 0 auto;
  }
}

@media screen and (max-width: 720px) {


  .other_usl_left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .other_usl {
    max-width: 450px;
    display: table;
    margin: 0 auto;
  }
  .other_usl_center {
    width: 100%;
  }
  .other_usl {
    margin-bottom: 20px;
  }
  .views-field-field-cltype-opis {
    max-width: 450px;
    display: table;
    margin: 0 auto;
  }
}