/* Start:/local/templates/.default/static/includes/css/common.css?164397917472177*/
/*
 *  Vitaly Danylyk
 *  web.vitaly@rambler.ru
 */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed, 
 figure, figcaption, footer, header, hgroup, 
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline;
 }
 article, aside, details, figcaption, figure, 
 footer, header, hgroup, menu, nav, section {
   display: block;
 }
 body {
   line-height: 1;
 }
 body:not(.b-page) {
   overflow: hidden;
 }
 ol, ul {
   list-style: none;
 }
 blockquote, q {
   quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
   content: '';
   content: none;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 *, *:before, *:after {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
 .clear:after {
   content: '';
   width: 0;
   height: 0;
   display: block;
   clear: both;
 }
 a, a:active, a:visited {
   text-decoration: none;
 }
 a {
   text-decoration: none;
   color: #3eb5f1;
   border-bottom: 1px solid #3eb5f1;
 }
 
 @font-face {
   src: url("../fonts/Muller-Black Italic.otf");
   font-family: "Muller";
   font-weight: 800;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Black.otf");
   font-family: "Muller";
   font-weight: 800;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-ExtraBold Italic.otf");
   font-family: "Muller";
   font-weight: 700;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-ExtraBold.otf");
   font-family: "Muller";
   font-weight: 700;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Bold Italic.otf");
   font-family: "Muller";
   font-weight: 600;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Bold.otf");
   font-family: "Muller";
   font-weight: 600;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Heavy Italic.otf");
   font-family: "Muller";
   font-weight: 900;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Heavy.otf");
   font-family: "Muller";
   font-weight: 900;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Light Italic.otf");
   font-family: "Muller";
   font-weight: 300;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Light.otf");
   font-family: "Muller";
   font-weight: 300;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Medium Italic.otf");
   font-family: "Muller";
   font-weight: 500;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Medium.otf");
   font-family: "Muller";
   font-weight: 500;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Regular Italic.otf");
   font-family: "Muller";
   font-weight: 400;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Regular.otf");
   font-family: "Muller";
   font-weight: 400;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-Thin Italic.otf");
   font-family: "Muller";
   font-weight: 100;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-Thin.otf");
   font-family: "Muller";
   font-weight: 100;
   font-style: normal;
 }
 @font-face {
   src: url("../fonts/Muller-UltraLight Italic.otf");
   font-family: "Muller";
   font-weight: 200;
   font-style: italic;
 }
 @font-face {
   src: url("../fonts/Muller-UltraLight.otf");
   font-family: "Muller";
   font-weight: 200;
   font-style: normal;
 }
 
 input, textarea, select, option, button {
   width: 100%;
   max-width: 100%;
   min-width: 0%;
   border: none;
   outline: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -o-appearance: none;
   appearance: none;
   font-family: "Muller";
   font-weight: 400;
 }
 
 .body-wrap {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow-y: auto;
   overflow-x: hidden;
   overflow-scrolling: touch;
   -o-overflow-scrolling: touch;
   -ms-overflow-scrolling: touch;
   -moz-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
 }
 
 .container {
   max-width: 1314px;
   margin: 0 auto;
 }
 
 body {
   font-family: "Muller";
   font-weight: 400;
   line-height: 1.2;
 }
 
 .head {
   position: relative;
   color: #fff;
 }
 .header {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 2;
   line-height: 1;
 
   padding: 30px 20px;
 }
 .head-content {
   background: #231f20;
   position: relative;
   z-index: 1;
   overflow: hidden;
 }
 
 .header-wrap {
   display: table;
   width: 100%;
 }
 .header-wrap .header-left,
 .header-wrap .header-right {
   display: table-cell;
   vertical-align: top;
   cursor: default;
 }
 .header-wrap .header-left {white-space: nowrap;}
 .header-wrap .header-right {
   width: 90%;
 }
 .header-wrap .header-left *,
 .header-wrap .header-right * {vertical-align: top;}
 
 .head .btn {color: #fff;}
 .btn {
   padding: 10px 15px;
   display: block;
   border: none;
 }
 .btn.inline {display: inline-block;}
 .btn img,
 .btn span {
   display: inline-block;
   vertical-align: middle;  
 }
 .type-0 span {
   border-bottom: 1px solid transparent;
 
   transition: border-color 0.25s;
   -o-transition: border-color 0.25s;
   -ms-transition: border-color 0.25s;
   -moz-transition: border-color 0.25s;
   -webkit-transition: border-color 0.25s;
 }
 .type-0:hover span {border-color: #fff;}
 .btn span {margin-top: 4px;}
 .btn img {margin-right: 8px;}
 .btn.type-1,
 .btn.type-2 {
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.4px;
 }
 .btn.type-2 {
   font-size: 10px;
   border: 1px solid #3eb5f1;
   padding-top: 14px;
 
   transition: background 0.25s;
   -o-transition: background 0.25s;
   -ms-transition: background 0.25s;
   -moz-transition: background 0.25s;
   -webkit-transition: background 0.25s;
 }
 .btn.type-2:hover {background: #3eb5f1;}
 .btn.big {
   padding: 20px 25px;
   padding-top: 22px;
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }
 .btn.type-3 {
   background: #3eb5f1;
 
   transition: background 0.25s;
   -o-transition: background 0.25s;
   -ms-transition: background 0.25s;
   -moz-transition: background 0.25s;
   -webkit-transition: background 0.25s;
 }
 .btn.type-3:hover {background: #199cee;}
 .btn.type-4 {
   background: #000;
   color: #fff;
 
   transition: background 0.25s, color 0.25s;
   -o-transition: background 0.25s, color 0.25s;
   -ms-transition: background 0.25s, color 0.25s;
   -moz-transition: background 0.25s, color 0.25s;
   -webkit-transition: background 0.25s, color 0.25s;
 }
 .btn.type-4:hover {background: #1d1d1d;}
 .btn.type-5 {
   font-size: 20px;
   font-weight: 600;
   color: #49b9f2;
   padding: 0;
   border-bottom: 1px solid #3eb5f1;
   background: url('../img/arr_3.png') no-repeat center right;
   padding-right: 22px;
 }
 .btn.type-6 {
   border: 4px solid #000;
   color: #000;
   font-weight: 500;
   padding: 16px 25px;
   padding-top: 18px;
   background: transparent;
 
   transition: background 0.25s;
   -o-transition: background 0.25s;
   -ms-transition: background 0.25s;
   -moz-transition: background 0.25s;
   -webkit-transition: background 0.25s;
 }
 .btn.type-6:hover {
   background: #fff;
 }
 .btn.big img {margin-right: 20px;}
 
 .header-logo {
   margin-top:10px;
   display: inline-block;
   border: none;
 }
 
 .header-right-wrap {
   display: table;
   width: 100%;
   margin-top: 1.5px;
 }
 .header-right-wrap .nav,
 .header-right-wrap .header-contacts {
   display: table-cell;
   vertical-align: top;
   text-align: right;
 }
 .header-right-wrap .nav {width: 90%; padding-top: 3px;}
 .header-right-wrap .header-contacts {
   white-space: nowrap;
   padding-left: 18px;
 }
 .header .nav ul li {
   display: inline-block;
 }
 .header .nav ul li a {
   display: block;
   font-size: 12px;
   font-weight: 400;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: #fff;
   padding: 10px 22px;
   border: none;
   position: relative;
 }
 .header .nav ul li a:before {
   content: '';
   visibility: hidden;
   opacity: 0;
   position: absolute;
   height: 1px;
   background: #fff;
   left: 20px;
   right: 20px;
   bottom: 5px;
 
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 .header .nav ul li a:hover:before {
   content: '';
   visibility: visible;
   opacity: 1;
 }
 
 .header-contacts div a {
   display: inline-block;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   padding: 10px 15px;
   margin-right: -15px;
   border: none;
 }
 .header-contacts div {margin-bottom: 6px;}
 .main-slider .slick-slider {margin: 0;}
 .main-slider .slide-head:after {
   content: '';
   height: 1px;
   position: absolute;
   bottom: 107px;
   left: -151px;
   right: -151px;
   background: #3eb5f1;
 }
 .main-slider .slide-head:nth-child(1):after {
   left: 50%;
   margin-left: -657px;
 }
 .main-slider .slide-head:nth-last-child(1):after {
   right: 50%;
   margin-right: 657px;
 }
 .b-page .main-slider .slide-head:after {
   content: '';
   display: none;
 }
 .main-slider .btn img {display: inline-block !important;}
 
 .slider-line .slick-track:before,
 section.s4:before {
   content: '';
   position: absolute;
   top: 60%;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 1;
   pointer-events: none;
   background-image: linear-gradient(to bottom, transparent, rgba(62, 181, 241, 0.3));
   background-image: -o-linear-gradient(top, transparent, rgba(62, 181, 241, 0.3));
   background-image: -moz-linear-gradient(top, transparent, rgba(62, 181, 241, 0.3));
   background-image: -webkit-linear-gradient(top, transparent, rgba(62, 181, 241, 0.3));
 }
 .slider-line .slick-track:before {
   content: '';
   height: 40vh;
   max-height: 400px;
   width: 100%;
 }
 @media (max-height: 926px) {
   .slider-line .slick-track:before {
     content: '';
     height: 58vh;
   }
   .slide-head .slide-design *:not(.top) {
     margin-bottom: -100px;
   }
 }
 @media (max-height: 865px) {
   .b-c .slide-text {
     margin-bottom: -28px;
     margin-top: -38px;
   }
 }
 @media (max-height: 786px) {
   .b-c .slide-head .container {padding-top: 160px !important;}
 }
 @media (max-height: 706px) {
   .slider-line .slick-track:before {
     content: '';
     height: 100vh;
   }
   .b-page .slide-head .container {
     min-height: 100vh;
     max-height: unset;
     height: auto;
   }
   .slide-head .slide-text {padding: 0 !important;margin: 0 !important;}
   .slide-head .slide-btns {margin-top: 10px !important;}
   .iso-icon {
     margin-bottom: -175px !important;
   }
 }
 .slide-head {
   padding: 0 15px;
   position: relative;
 
   transform: translateX(-150px);
   -o-transform: translateX(-150px);
   -ms-transform: translateX(-150px);
   -moz-transform: translateX(-150px);
   -webkit-transform: translateX(-150px);
 
   transition: transform 0.35s;
   -o-transition: transform 0.35s;
   -ms-transition: transform 0.35s;
   -moz-transition: transform 0.35s;
   -webkit-transition: transform 0.35s;
 }
 .b-page .slide-head {
   transform: none;
   -o-transform: none;
   -ms-transform: none;
   -moz-transform: none;
   -webkit-transform: none;
 }
 .slide-head.slick-active {
   transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -webkit-transform: translateX(5px);
 }
 .slide-head.slick-active + .slide-head {
   transform: translateX(150px);
   -o-transform: translateX(150px);
   -ms-transform: translateX(150px);
   -moz-transform: translateX(-150px);
   -webkit-transform: translateX(150px);
 }
 
 .slide-head .container {
   position: relative;
   height: 100vh;
   max-height: 1000px;
   /*min-height: 920px;*/
   padding-top: 185px;
   padding-bottom: 135px;
 }
 .b-page .slide-head .container {
   padding-top: 235px;
   min-height: 100vh;
   padding-bottom: 195px;
 }
 .slide-design img,
 .section-design img,
 .design-dots,
 .design-block {
   position: absolute;
   pointer-events: none;
 }
 
 .design-dots.light {background: url('../img/points_1.png') repeat top left;}
 .design-dots {background: url('../img/points_2.png') repeat top left;}
 
 .slide-head .slide-content {
   display: inline-block;
   position: relative;
   z-index: 3;
   vertical-align: middle;
 }
 .slide-head .container:after {
   content: '';
   height: 100%;
   width: 0;
   display: inline-block;
   vertical-align: middle;
 }
 
 .title-helper {
   font-size: 24px;
   font-weight: 600;
   color: #fff;
 }
 .s7 .title-helper {
   margin-bottom: 32px;
   margin-top: -40px;
   padding-left: 18px;
   padding-right: 18px;
   display: none;
 }
 
 h1 {
   font-size: 44px;
   font-weight: 600;
   line-height: 1.2;
 }
 .head h1 {color: #fff; position: relative; display: inline-block; max-width: 614px;}
 .b-page .head h1 {max-width: 470px;}
 .head h1 + .slide-btns {margin-top: 52px;}
 .t-blue {color: #3eb5f1;}
 .t-green_back {background: #00a85f; padding: 3px 6px;}
 .t-500 {font-weight: 500;}
 .t-blue_light {color: #7fd4ff;}
 .t-bold {font-weight: 600;}
 .t-right {text-align: right;}
 .t-center {text-align: center;}
 .t-design {position: relative;}
 .t-through {text-decoration: line-through;}
 .t-border_dotted {border-bottom: 1px dotted #fff;}
 .t-border_dotted.t-blue_light {border-color: #7fd4ff;}
 .t-border_dotted.t-blue {border-color: #3eb5f1;}
 .t-design.type-1 {
   display: inline-block;
   position: relative;
   font-size: 70px;
   font-weight: 600;
   color: #3eb5f1;
 }
 
 .back-blue {background: #ebf9ff;}
 
 .t-design .t-sup {
   font-size: 38px;
   font-weight: 600;
   color: #3eb5f1;
   margin-top: 8px;
   display: inline-block;
 }
 .t-design-wrap {position: relative;z-index: 5;}
 .t-sup {vertical-align: top;}
 
 p {padding: 7px 0; font-weight: 300;position: relative;z-index: 2;}
 
 .slide-head .slide-text {padding: 40px 0; max-width: 740px;}
 .slide-head .slide-btns {
   margin-top: 30px;
   opacity: 1;
 
   transition: opacity 0.25s;
   -o-transition: opacity 0.25s;
   -ms-transition: opacity 0.25s;
   -moz-transition: opacity 0.25s;
   -webkit-transition: opacity 0.25s;
 }
 
 .b-page .slide-text {
   font-size: 18px;
   line-height: 1.4;
   padding-bottom: 10px;
 }
 
 .slide-control {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   height: 107px;
   z-index: 5;
 }
 .slide-control button {
   border: none;
   background: transparent;
 }
 .slide-control .slider-next,
 .slide-control .slider-prev {
   position: absolute;
   z-index: 10004;
   right: 0;
   top: 0;
   bottom: 0;
   width: 230px;
   border-left: 194px solid transparent;
   cursor: pointer;
   border-bottom: 20px solid transparent;
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 .slide-control .slider-next.slick-disabled,
 .slide-control .slider-prev.slick-disabled {
   visibility: hidden;
   opacity: 0;
 }
 .slide-control .slider-next div,
 .slide-control .slider-prev div {
   content: '';
   width: 40px;
   height: 40px;
   position: absolute;
   left: 50%;
   margin-left: -20px;
   top: 50%;
   margin-top: -20px;
   background: url('../img/arr_1.png') no-repeat center center;
 
   transition: margin-left 0.25s;
   -o-transition: margin-left 0.25s;
   -ms-transition: margin-left 0.25s;
   -moz-transition: margin-left 0.25s;
   -webkit-transition: margin-left 0.25s;
 }
 .slide-control .slider-next div.notransition,
 .slide-control .slider-prev div.notransition {
   transition: margin-left 0s;
   -o-transition: margin-left 0s;
   -ms-transition: margin-left 0s;
   -moz-transition: margin-left 0s;
   -webkit-transition: margin-left 0s;
 }
 
 *[data-anim] {
   transition: transform 1s;
   -o-transition: transform 1s;
   -ms-transition: transform 1s;
   -moz-transition: transform 1s;
   -webkit-transition: transform 1s;
 }
 *[data-anim].notransition {
   transition: transform 0s;
   -o-transition: transform 0s;
   -ms-transition: transform 0s;
   -moz-transition: transform 0s;
   -webkit-transition: transform 0s;
 }
 
 .slide-control .slider-next:hover div,
 .slide-control .slider-prev:hover div {
   content: '';
   margin-left: -10px;
 }
 .slide-control .slider-prev {
   right: auto;
   left: 0;
   bottom: 0;
   width: 100px;
   border-left: none;
   transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
 }
 .current-slide-slider .current-slide {
   font-size: 14px;
   line-height: 21px;
   color: #fff;
   letter-spacing: 0.5px;
   font-weight: 300;
   padding: 25px;
   visibility: hidden;
   position: relative;
 
   transition: transform 0.35s, visibility 0.35s, color 0.35s;
   -o-transition: transform 0.35s, visibility 0.35s, color 0.35s;
   -ms-transition: transform 0.35s, visibility 0.35s, color 0.35s;
   -moz-transition: transform 0.35s, visibility 0.35s, color 0.35s;
   -webkit-transition: transform 0.35s, visibility 0.35s, color 0.35s;
 }
 .current-slide-slider .current-slide.slick-active + .current-slide {
   transform: translateX(-240px);
   -o-transform: translateX(-240px);
   -ms-transform: translateX(-240px);
   -moz-transform: translateX(-240px);
   -webkit-transform: translateX(-240px);
   visibility: visible;
 }
 .current-slide-slider .current-slide.slick-active {visibility: visible;}
 .current-slide-slider .slick-list {overflow: unset;}
 .slide-control .container {position: relative; height: 100%;}
 .slider-controller {
   position: absolute;
   left: 5px;
   top: -0.5px;
   z-index: 10002;
 }
 .slider-controller .outer {
   border: 1px solid #3eb5f1;
   width: 26px;
   height: 26px;
   border-radius: 50%;
   margin-top: -13px;
   margin-left: -13px;
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
 }
 .slider-controller .inner {
   background: #3eb5f1;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   cursor: pointer;
   position: absolute;
   top: 0;
   left: 0;
   margin-top: -5px;
   margin-left: -5px;
   text-align: center;
   cursor: pointer;
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
 }
 .slider-controller span {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   white-space: nowrap;
   font-weight: 300;
   margin-left: -42px;
   margin-top: -9px;
   opacity: 0;
   user-select: none;
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   pointer-events: none;
   cursor: pointer;
 }
 .slider-controller .inner.transition,
 .slider-controller span.transition {
   transition: transform 0.35s;
   -o-transition: transform 0.35s;
   -ms-transition: transform 0.35s;
   -moz-transition: transform 0.35s;
   -webkit-transition: transform 0.35s;
 }
 .current-slide-slider .current-slide.slick-active {color: #7fd4ff;}
 .current-slide-wrap {width: 190px;}
 .current-slide-wrap:before {
   content: '';
   width: 19px;
   height: 19px;
   background: #0b2637;
   border: 1px solid #848c92;
   border-radius: 50%;
   position: absolute;
   top: -10px;
   left: 15px;
   visibility: visible;
   opacity: 1;
 
   transition: visibility 0.35s, opacity 0.35s;
   -o-transition: visibility 0.35s, opacity 0.35s;
   -ms-transition: visibility 0.35s, opacity 0.35s;
   -moz-transition: visibility 0.35s, opacity 0.35s;
   -webkit-transition: visibility 0.35s, opacity 0.35s;
 }
 .current-slide-slider .current-slide.slick-active .current-slide-wrap:before {
   content: '';
   visibility: hidden;
   opacity: 0;
 }
 .slider-controller .next,
 .slider-controller .prev {
   width: 40px;
   height: 40px;
   background: #13a300;
   position: absolute;
   top: 0;
   left: 44px;
   margin-top: -20px;
   background: url('../img/arr_1.png') no-repeat center center;
   opacity: 0;
   -ms-user-select: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
 }
 .slider-controller .prev {
   left: -84px;
   transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
 }
 .slider-controller.transition .outer,
 .slider-controller.transition .inner,
 .slider-controller.transition span,
 .slider-controller.transition .next,
 .slider-controller.transition .prev {
   transition: opacity 0.35s, width 0.35s, height 0.35s, margin-top 0.35s, margin-left 0.35s, border-color 0.35s, visibility 0.35s, transform 0.35s;
   -o-transition: opacity 0.35s, width 0.35s, height 0.35s, margin-top 0.35s, margin-left 0.35s, border-color 0.35s, visibility 0.35s, transform 0.35s;
   -ms-transition: opacity 0.35s, width 0.35s, height 0.35s, margin-top 0.35s, margin-left 0.35s, border-color 0.35s, visibility 0.35s, transform 0.35s;
   -moz-transition: opacity 0.35s, width 0.35s, height 0.35s, margin-top 0.35s, margin-left 0.35s, border-color 0.35s, visibility 0.35s, transform 0.35s;
   -webkit-transition: opacity 0.35s, width 0.35s, height 0.35s, margin-top 0.35s, margin-left 0.35s, border-color 0.35s, visibility 0.35s, transform 0.35s;
 }
 .slider-controller .next.disabled,
 .slider-controller .prev.disabled,
 .slide-control .slider-prev.slick-disabled {
   visibility: hidden;
   opacity: 0;
 }
 .mian-slider .slick-prev,
 .main-slider .slick-next,
 .current-slide-slider .slick-prev,
 .current-slide-slider .slick-next {display: none !important;}
 .slider-line-prev,
 .slider-line-next {
   position: absolute;
   width: 60px;
   height: 120px;
   background: url('../img/arr_4.png') no-repeat center center;
   right: 0;
   top: 50%;
   margin-top: -180px;
 }
 .slider-line-prev {
   left: 0;
   right: auto;
   transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
 }
 @media (max-width: 1540px) {
   .slide-control .slide-current {
     margin-left: 0;
     left: 114px;
   }
   .main-slider .slide-head:nth-child(1):after {
     content: '';
     left: 125px;
     margin-left: 0;
   }
   .slide-control .container {max-width: 100%;}
   .slide-control {
     padding-left: 125px;
     padding-right: 15px;  
   }
   .main-slider .slide-head:nth-last-child(1):after {
     content: '';
     right: auto;
     left: 0;
     width: 125px;
     margin-right: 0;
   }
 }
 @media (max-width: 1358px) {
   .slide-control .slider-next {
     right: 0;
     margin-right: 0;
   }
 }
 
 .slide-control .slide-current span {
   display: inline-block;
   font-size: 14px;
   line-height: 21px;
   color: #7fd4ff;
   letter-spacing: 0.5px;
   width: calc(100% - 5px);
   width: 90%;
 }
 .slide-control .slide-current:before {
   content: '';
   height: 100%;
   width: 0;
   display: inline-block;
   vertical-align: middle;
 }
 
 section {
   padding: 0 20px;
   background-size: cover;
   background-position: center top;
   background-repeat: no-repeat;
 }
 
 .table {
   display: table;
   width: 100%;
   table-layout: fixed;
 }
 .table-cell {
   display: table-cell;
   vertical-align: middle;
 }
 
 section.s1 {
   padding: 70px 20px;
   margin-bottom: 15px;
 }
 
 h3 {
   font-size: 20px;
   font-weight: 600;
   color: #231f20;
 }
 
 .info-block {
   position: relative;
   display: inline-block;
   padding: 50px 0;
 }
 .info-block p {
   font-size: 36px;
   font-weight: 600;
   color: #231f20;
 }
 .info-block p:before {
   content: '';
   width: 15px;
   height: 15px;
   background: #3eb5f1;
   display: inline-block;
   margin-right: 22px;
   margin-top: -1px;
   vertical-align: middle;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .design-block div {
   width: 60px;
   height: 60px;
   background: #f2f2f2;
   float: left;
 }
 .design-block:not(.type-2):not(.type-3):not(.type-4) div:nth-child(2n+1) {margin-top: 60px;}
 .design-block {
   position: absolute;
   right: -50px;
   top: 50%;
   margin-top: -75px;
   z-index: 1;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .design-block.type-2,
 .design-block.type-3,
 .design-block.type-4 {
   margin-top: 0;
   top: auto;
   bottom: auto;
   left: auto;
   right: auto;
 }
 .design-block.type-4 {z-index: 1;}
 .design-block.type-2 div,
 .design-block.type-3 div,
 .design-block.type-4 div {
   height: auto;
   width: 110px;
   background: transparent;
 }
 .design-block.type-3 div {width: 80px;}
 .design-block.type-4 div {width: 64px;}
 .design-block.type-2 div div,
 .design-block.type-3 div div,
 .design-block.type-4 div div {
   float: none;
   background: #fff;
   height: 110px;
   margin-top: 110px;
   background: rgba(62, 181, 241, 0.2);
 }
 .design-block.type-3 div div {
   height: 80px;
   margin-top: 80px;
   background: #5ac8ff;
 }
 .design-block.type-4 div div {
   height: 64px;
   margin-top: 64px;
   background: #3eb5f1;
 }
 .design-block.type-2 div:nth-child(2n+1) div:first-child,
 .design-block.type-3 div:nth-child(2n+1) div:first-child,
 .design-block.type-4 div:nth-child(2n+1) div:first-child {margin-top: 0px;}
 
 .info-block-content {
   position: relative;
   z-index: 2;
 }
 
 section.s2 {margin-bottom: 130px;}
 section.s3 {margin-bottom: 100px; overflow: hidden;}
 
 .s-title {
   position: relative;
   background: url('../img/points_2.png') repeat center top;
   padding: 0 20px;
   margin-left: -20px;
   margin-right: -20px;
 }
 .s-title h2 {
   font-size: 38px;
   font-weight: 600;
   max-width: 450px;
   background: #fff;
   padding: 5px 15px;
   margin-left: -15px;
 }
 
 .layout-sidebar {
   display: table;
   width: 100%;
   margin-top: 50px;
   margin-bottom: 50px;
 }
 .layout-sidebar .part-sidebar,
 .layout-sidebar .part-content {
   display: table-cell;
   vertical-align: top;
 }
 .layout-sidebar .part-sidebar {
   width: 430px;
   padding: 0 15px;
 }
 .part-sidebar-wrap {margin-left: -15px;}
 .layout-sidebar .part-content {padding-left: 75px;}
 
 .hover-block {
   background: #3eb5f1;
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   z-index: 1;
   visibility: hidden;
   opacity: 0;
   transform: none;
 
   transition: opacity 0.35s, visibility 0.35s, transform 0.35s, height 0.35s;
   -o-transition: opacity 0.35s, visibility 0.35s, transform 0.35s, height 0.35s;
   -ms-transition: opacity 0.35s, visibility 0.35s, transform 0.35s, height 0.35s;
   -moz-transition: opacity 0.35s, visibility 0.35s, transform 0.35s, height 0.35s;
   -webkit-transition: opacity 0.35s, visibility 0.35s, transform 0.35s, height 0.35s;
 }
 .got-list-wrap.hover .hover-block {
   visibility: visible;
   opacity: 1;
 }
 
 .got-list-wrap ul {margin-top: 22px; position: relative;}
 .got-list-wrap ul li {position: relative;z-index: 2;}
 .got-list-wrap ul li a {
   display: block;
   font-size: 17px;
   font-weight: 400;
   color: #000;
   padding: 15px;
   padding-top: 16px;
   padding-left: 45px;
   position: relative;
   border: none;
 
   transition: color 0.35s, background 0.35s;
   -o-transition: color 0.35s, background 0.35s;
   -ms-transition: color 0.35s, background 0.35s;
   -moz-transition: color 0.35s, background 0.35s;
   -webkit-transition: color 0.35s, background 0.35s;
 }
 .got-list-wrap:not(.hover) ul li.active a {
   color: #fff;
   font-weight: 600;
   background: #3eb5f1;
 }
 .got-list-wrap.hover ul li.active a {font-weight: 600;}
 .got-list-wrap.hover ul li.hover a {color: #fff;}
 ul.des-dot li {
   position: relative;
   font-size: 14px;
   padding: 3px 0;
   padding-left: 20px;
   padding-right: 2px;
 }
 ul.des-dot.big li {
   font-size: 18px;
 }
 .got-list-wrap ul li a:before {
   content: '';
 
   transition: background 0.35s;
   -o-transition: background 0.35s;
   -ms-transition: background 0.35s;
   -moz-transition: background 0.35s;
   -webkit-transition: background 0.35s;
 }
 .got-list-wrap ul li a:before,
 ul.des-dot li:before {
   content: '';
   width: 10px;
   height: 10px;
   background: #3eb5f1;
   position: absolute;
   top: 19px;
   left: 18px;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 ul.des-dot li:before {
   content: '';
   left: 1px;
   top: 6px;
   width: 8px;
   height: 8px;
 }
 ul.des-dot.big li:before {
   content: '';
   width: 9px;
   height: 9px;
   top: 8px;
 }
 .got-list-wrap:not(.hover) ul li.active a:before,
 .got-list-wrap.hover ul li.hover a:before {
   content: '';
   background: #fff;
 }
 .got-list-wrap ul li a span {
   padding-bottom: 1px;
   border-bottom: 2px dotted #9f9f9f;
 
   transition: border-color 0.35s;
   -o-transition: border-color 0.35s;
   -ms-transition: border-color 0.35s;
   -moz-transition: border-color 0.35s;
   -webkit-transition: border-color 0.35s;
 }
 .got-list-wrap ul li.active a span {border-color: transparent;}
 .got-list-wrap ul li:not(.active).hover a span {border-color: #fff;}
 .layout-sidebar .btns {margin-top: 50px;}
 
 .got-view-wrap {
   background: #fff;
   margin-top: -119px;
   position: relative;
   z-index: 2;
 }
 .data-views {position: relative;}
 .data-view {
   box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   -moz-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   -webkit-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   position: absolute;
   visibility: hidden;
   opacity: 0;
   transform: translateY(75px);
   -o-transform: translateY(75px);
   -ms-transform: translateY(75px);
   -moz-transform: translateY(75px);
   -webkit-transform: translateY(75px);
 
   transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
   -o-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
   -ms-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
   -moz-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
   -webkit-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
 }
 .data-view.active {
   visibility: visible;
   opacity: 1;
   transform: none;
   -o-transform: none;
   -ms-transform: none;
   -moz-transform: none;
   -webkit-transform: none;
   z-index: 2;
 }
 .data-view.hide {
   transform: translateY(-75px);
   -o-transform: translateY(-75px);
   -ms-transform: translateY(-75px);
   -moz-transform: translateY(-75px);
   -webkit-transform: translateY(-75px);
 }
 .got-view-wrap .title {
   padding: 40px 60px;
   padding-top: 200px;
   font-size: 30px;
   font-weight: 600;
   color: #fff;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   overflow: hidden;
   position: relative;
 }
 .got-view-wrap .title:before {
   content: '';
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background-image: linear-gradient(-135deg, transparent, rgb(13, 151, 220));
   background-image: -o-linear-gradient(-135deg, transparent, rgb(13, 151, 220));
   background-image: -moz-linear-gradient(-135deg, transparent, rgb(13, 151, 220));
   background-image: -webkit-linear-gradient(-135deg, transparent, rgb(13, 151, 220));
 }
 .got-view-wrap .title span {
   position: relative;
   z-index: 2;
 }
 .got-view-wrap .content {
   font-size: 18px;
   color: #231f20;
   padding: 50px 60px;
   line-height: 24px;
 }
 
 section p {
   font-size: 18px;
   line-height: 26px;
   color: #231f20;
   font-weight: 400;
 }
 
 .cpos-table {
   display: table;
   width: 100%;
   table-layout: fixed;
 }
 .cpos-row {display: table-row;}
 .cpos-cell {
   display: table-cell;
   vertical-align: middle;
   height: 174px;
   text-align: center;
 }
 
 .cpos-list-wrap {margin-top: -30px; opacity: 0.8;}
 
 section.s4 {
   padding: 80px 20px;
   position: relative;
   overflow: hidden;
   margin-bottom: 115px;
 }
 section.s4 .container {position: relative; z-index: 3;}
 
 .info-title {
   display: table;
   width: 100%;
 }
 .info-title .title,
 .info-title .info {
   display: table-cell;
   vertical-align: middle;
 }
 .info-title .title {
   display: table-cell;
   font-size: 40px;
   font-weight: 600;
 }
 .s4 .info-title .title {color: #fff;}
 .s4 .info-title .info .txt {
   display: inline-block;
   max-width: 260px;
   text-align: left;
   color: #fff;
   font-size: 16px;
   display: inline-block;
   line-height: 24px;
   letter-spacing: 0.5px;
 }
 .s4 .info-title .info .phone {
   display: inline-block;
   vertical-align: top;
 }
 .s4 .info-title .info .phone a {
   border: none;
   font-size: 18px;
 }
 
 .services-wrap {
   margin-top: 5px;
   margin-left: -30px;
   margin-right: -30px;
   margin-bottom: -60px;
 }
 .services-list {
   display: table !important;
   border-spacing: 30px;
   width: 100%;
   table-layout: fixed;
 }
 .services-list .slick-list {overflow: unset;}
 .services-item {
   display: table-cell !important;
   float: none !important;
   width: 306.4px;
   color: #fff;
   position: relative;
   padding: 30px;
   border: 5px solid #3eb5f1;
   padding-bottom: 225px;
 }
 .services-list .slick-track:before,
 .services-list .slick-track:after {
   content: '';
   display: none;
 }
 .services-list .slick-prev,
 .services-list .slick-next {display: none;}
 .services-item .price-wrap {margin-bottom: 31px;}
 .services-item .btns {margin-top: 20px;}
 .services-item .price {
   float: right;
   margin-right: -30px;
   background: #3eb5f1;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   padding: 0 15px;
   line-height: 42px;
   height: 40px;
   position: relative;
 }
 .services-item .price:before {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 0;
   right: 100%;
   border-right: 8px solid #3eb5f1;
   border-top: 40px solid transparent;
 }
 .services-item .service-info {
   position: absolute;
   bottom: 30px;
   left: 30px;
   right: 30px;
 }
 .services-item .title {
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   border-bottom: 1px solid #3eb5f1;
   padding-bottom: 10px;
   letter-spacing: -0.35px;
 }
 .services-item .info {
   margin-top: 20px;
 }
 .dual {
   display: table;
   width: 100%;
   border-spacing: 0;
 }
 .dual li {
   display: table-row;
 }
 .services-item ul:not(.dual) li {padding: 8px 0;}
 .dual .part {
   display: table-cell;
   vertical-align: top;
   font-size: 14px;
   letter-spacing: 0.5px;
   padding: 10px 0;
   line-height: 1.3;
 }
 .dual.v-middle .part {vertical-align: middle;}
 .dual .part:nth-last-child(1) {
   padding-left: 15px;
   white-space: nowrap;
   text-align: left;
 }
 .dual .part.t-right {text-align: right;}
 
 section.s5 {margin-bottom: 120px;}
 section.s6 {overflow: hidden;}
 .s-title.longer h2 {max-width: 495px;}
 
 .calc-wrap {margin-top: 60px;}
 .calc-layout {
   display: table;
   width: 100%;
   box-shadow: 0 4px 31px 0 rgba(113,113,113,0.19);
   -moz-box-shadow: 0 4px 31px 0 rgba(113,113,113,0.19);
   -webkit-box-shadow: 0 4px 31px 0 rgba(113,113,113,0.19);
 }
 .calc-wrap .column:first-child {padding-right: 15px;}
 .calc-info,
 .calc-control {
   display: table-cell;
   vertical-align: top;
   position: relative;
 }
 .calc-control {
   background: #3eb5f1;
   position: relative;
   padding: 40px 35px;
   width: 440px;
   color: #fff;
   overflow: hidden;
 }
 
 .calc-info {padding: 50px;}
 
 .column-layout {
   display: table;
   width: 100%;
 }
 .column-layout .column {
   display: table-cell;
   vertical-align: top;
 }
 .calc-item {
   position: relative;
   padding-left: 50px;
   padding-top: 7px;
 }
 .calc-item:not(:first-child) {margin-top: 32px;}
 .calc-item-counter {
   position: absolute;
   top: 11px;
   left: 15px;
 }
 .calc-item-counter span {
   display: block;
   position: relative;
   z-index: 2;
   font-size: 14px;
   font-weight: 600;
   color: #fff;
 }
 .calc-item-counter:before {
   content: '';
   width: 26px;
   height: 26px;
   background: #49b9f2;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -15px;
   margin-left: -13px;
   z-index: 1;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 
 .calc-item .title {
   font-weight: 600;
   font-size: 20px;
   color: #000;
 }
 
 .calc-content {margin-top: 15px;}
 
 input[type="radio"],
 input[type="checkbox"] {display: none;}
 .input-radio {
   display: inline-block;
   cursor: pointer;
   font-size: 15px;
   padding: 2px 15px;
   padding-top: 6px;
   padding-left: 30px;
   position: relative;
 
   transition: color 0.25s;
   -o-transition: color 0.25s;
   -ms-transition: color 0.25s;
   -moz-transition: color 0.25s;
   -webkit-transition: color 0.25s;
 }
 .input-radio:before {
   content: '';
   border: 3px solid #e5e5e5;
   background: #e5e5e5;
   width: 15px;
   height: 15px;
   border-radius: 50%;
   position: absolute;
   top: 5px;
   left: 0;
 
   transition: background 0.25s, border-color 0.25s, box-shadow 0.25s;
   -o-transition: background 0.25s, border-color 0.25s, box-shadow 0.25s;
   -ms-transition: background 0.25s, border-color 0.25s, box-shadow 0.25s;
   -moz-transition: background 0.25s, border-color 0.25s, box-shadow 0.25s;
   -webkit-transition: background 0.25s, border-color 0.25s, box-shadow 0.25s;
 }
 input:checked + .input-radio {color: #49b9f2;}
 input:checked + .input-radio:before {
   content: '';
   background: #49b9f2;
   border-color: #fff;
   box-shadow: 0 0 0 1px #49b9f2;
   -moz-box-shadow: 0 0 0 1px #49b9f2;
   -webkit-box-shadow: 0 0 0 1px #49b9f2;
 }
 
 .title-input {
   display: table;
 }
 .title-input .title,
 .title-input .input {
   display: table-cell;
   vertical-align: middle;
 }
 .title-input .input {padding-left: 5px;}
 .title-input .input .btn.type-5 {min-width: 135px;}
 .calc-item .title-input .title,
 .calc-item .title-input .input {display: inline-block; padding: 0;}
 .calc-control-wrap {
   position: relative;
   z-index: 1;
 }
 .calc-control-form,
 .calc-control-finish {display: none;}
 .ok-icon {
   padding-left: 58px;
   position: relative;
 }
 ul.ok-list li {
   padding-top: 5px;
   padding-bottom: 5px;
   padding-left: 35px;
   position: relative;
   font-weight: 300;
   font-size: 18px;
 }
 button[type="submit"] {cursor: pointer;}
 ul.ok-list li:before,
 .ok-icon:before {
   content: '';
   width: 37px;
   height: 37px;
   background: url('../img/ok_2.png') no-repeat center center;
   position: absolute;
   left: 0;
   top: -2px;
 }
 ul.ok-list li:before {
   content: '';
   width: 20px;
   height: 20px;
   background-size: cover;
   top: 5px;
 }
 .calc-control-form.active,
 .calc-control-finish.active {display: block;}
 .calc-control-wrap .title {
   font-weight: 600;
   font-size: 26px;
   color: #fff;
   border-bottom: 1px solid #8bd8ff;
   padding-bottom: 6px;
   margin-bottom: 25px;
 }
 .calc-control-wrap p {
   font-size: 16px;
   font-weight: 300;
   line-height: 22px;
   color: #fff;
 }
 
 .calc-control-wrap .mail-block {margin-top: 10px;}
 .calc-control-wrap input[type="text"],
 .calc-control-wrap input[type="phone"],
 .calc-control-wrap input[type="tel"],
 .calc-control-wrap input[type="email"],
 .calc-control-wrap textarea {
   border: 1px solid #fff;
   background: transparent;
   font-size: 16px;
   font-weight: 400;
   font-weight: 300;    margin-bottom: 4px;
   padding: 19px 20px;
   color: #fff;
 }
 .calc-control-wrap textarea {
   min-height: 140px;
   width: 100%;
   max-width: 350px;
   min-width: 100%;
   line-height: 1.3;
 }
 .calc-control-wrap .input:not(:first-child) input[type="text"],
 .calc-control-wrap .input:not(:first-child) input[type="phone"],
 .calc-control-wrap .input:not(:first-child) input[type="tel"],
 .calc-control-wrap .input:not(:first-child) textarea {border-top-color: #cfedfc;border-bottom-color: #cfedfc;}
 .calc-control-wrap .input:first-child input[type="text"] {border-bottom-color: #cfedfc;}
 .calc-control-wrap .input:last-child input[type="text"] {border-bottom-color: #fff;}
 .calc-control-wrap input::placeholder,
 .calc-control-wrap textarea::placeholder {color: rgba(255,255,255,0.85);} 
 .calc-control-wrap input:-ms-input-placeholder,
 .calc-control-wrap textarea:-ms-input-placeholder {color: rgba(255,255,255,0.85);} 
 .calc-control-wrap input::-moz-placeholder,
 .calc-control-wrap textarea::-moz-placeholder {color: rgba(255,255,255,0.85);} 
 .calc-control-wrap input:-moz-placeholder,
 .calc-control-wrap textarea:-moz-placeholder {color: rgba(255,255,255,0.85);} 
 .calc-control-wrap input::-webkit-input-placeholder,
 .calc-control-wrap textarea::-webkit-input-placeholder {color: rgba(255,255,255,0.85);}
 .popup .main-title input::placeholder {color: #000;} 
 .popup .main-title input:-ms-input-placeholder {color: #000;} 
 .popup .main-title input::-moz-placeholder {color: #000;} 
 .popup .main-title input:-moz-placeholder {color: #000;} 
 .popup .main-title input::-webkit-input-placeholder {color: #000;}
 
 .calc-control-wrap .inputs {margin-top: 30px;}
 .calc-control-wrap .btns {margin-top: 50px;}
 .calc-control-wrap .btns .btn.type-4 {max-width: 500px; width: 100%;}
 
 .input-checkbox {
   display: inline-block;
   cursor: pointer;
   font-size: 16px;
   line-height: 22px;
   font-weight: 300;
   padding: 5px 15px;
   padding-left: 35px;
   position: relative;
 }
 .input-checkbox:before {
   content: '';
   border: 3px solid transparent;
   background: transparent;
   width: 19px;
   height: 18px;
   box-shadow: 0 0 0 1px #fff;
   -moz-box-shadow: 0 0 0 1px #fff;
   -webkit-box-shadow: 0 0 0 1px #fff;
   position: absolute;
   top: 5px;
   left: 0;
 
   transition: background 0.25s, border-color 0.25s;
   -o-transition: background 0.25s, border-color 0.25s;
   -ms-transition: background 0.25s, border-color 0.25s;
   -moz-transition: background 0.25s, border-color 0.25s;
   -webkit-transition: background 0.25s, border-color 0.25s;
 }
 input:checked + .input-checkbox:before {
   content: '';
   background: #fff;
   border-color: #3eb5f1;
 }
 
 .main-map-item {
   position: absolute;
   z-index: 3;
   width: 25px;
   height: 25px;
   background: #49b9f2;
   margin-top: -12px;
   margin-left: -12px;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .main-map {
   position: relative;
   margin-top: 40px;
   max-width: 1093px;
   margin-left: -110px;
 }
 .main-map img {width: 100%; height: auto;}
 .main-map-list {
   margin-top: -605px;
   position: relative;
   z-index: 2;
 }
 .main-map-list ul li {
   font-size: 16px;
   font-weight: 500;
   position: relative;
   padding-top: 4.5px;
   padding-bottom: 0.5px;
   padding-left: 16px;
 }
 .main-map-list ul li:before {
   content: '';
   width: 5px;
   height: 5px;
   background: #49b9f2;
   border-radius: 50%;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -2.5px;
 }
 .main-map-list ul {
   width: 657px;
   float: right;
   column-width: 200px;
   -moz-column-width: 200px;
   -webkit-column-width: 200px;
   column-fill: auto;
   -moz-column-fill: auto;
   -webkit-column-fill: auto;
   height: 630px;
 }
 
 .main-map-info {
   position: absolute;
   z-index: 4;
   background: #f6f6f6;
   box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   -moz-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   -webkit-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   border-top: 4px solid #3eb5f1;
   min-width: 245px;
   margin-bottom: 15px;
   cursor: default;
 
   visibility: hidden;
   opacity: 0;
 
   transition: visibility 0.25s, opacity 0.25s, margin-bottom 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s, margin-bottom 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s, margin-bottom 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s, margin-bottom 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s, margin-bottom 0.25s;
 }
 .main-map-item:hover + .main-map-info,
 .main-map-info:hover {
   visibility: visible;
   opacity: 1;
   margin-bottom: 11px;
 }
 .main-map-info:before {
   content: '';
   width: 0;
   height: 0;
   position: absolute;
   top: 100%;
   left: 0;
   border-left: 22px solid #f6f6f6;
   border-bottom: 12px solid transparent;
 }
 .main-map-info .city {
   background: #fff;
   font-size: 18px;
   font-weight: 600;
   padding: 12px 18px;
 }
 .main-map-info .info {
   padding: 12px 18px;
   padding-top: 16px;
   font-size: 16px;
   font-weight: 500;
 }
 .main-map-info .info div {
   font-size: 30px;
   font-weight: 600;
   margin-top: 6px;
 }
 
 section.s7 {
   background-position: center center;
   margin-top: 90px;
   position: relative;
 }
 section.s7:before {
   content: '';
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   right: 50%;
   margin-right: 26px;
   background: #231f20;
 }
 .arrow-helper {
   position: absolute;
   right: 50%;
   width: 27px;
   background: #231f20;
 }
 .arrow-helper.top {
   bottom: 50%;
   top: 0;
   margin-bottom: 27px;
 }
 .arrow-helper.top:before {
   content: '';
   position: absolute;
   top: 100%;
   left: 0;
   border-top: 27px solid #231f20; 
   border-right: 27px solid transparent; 
 }
 .arrow-helper.bottom {
   top: 50%;
   bottom: 0;
   margin-top: 27px;
 }
 .arrow-helper.bottom:before {
   content: '';
   position: absolute;
   bottom: 100%;
   left: 0;
   border-bottom: 27px solid #231f20; 
   border-right: 27px solid transparent; 
 }
 
 .reviews-table {
   display: table;
   width: 100%;
   table-layout: fixed;
 }
 .reviews-wrap {position: relative;}
 .part-2 {width: 50%;float: left;}
 .part-3 {width: 33.33333333333%;float: left;}
 .reviews-layout .part-2 {
   float: none;
   display: table-cell;
   vertical-align: middle;
 }
 
 .ico-ok-wrap {margin-right: -125px;}
 .ico-ok {
   position: relative;
   font-size: 16px;
   font-weight: 300;
   padding: 0 15px;
   padding-left: 36px;
   line-height: 1.4;
 }
 .ico-ok:before {
   content: '';
   position: absolute;
   left: 0;
   top: -2px;
   width: 24px;
   height: 24px;
   background: url('../img/ok.png') no-repeat center center;
 }
 
 .b-page .head {margin-bottom: -38px;}
 .b-page .head + section {position: relative;z-index: 2;}
 
 .reviews-layout {
   position: relative;
   z-index: 2;
 }
 
 section.s9 {margin-bottom: 115px;}
 
 .certificates-wrap {
   background: #fff;
   box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   padding: 0 25px;
 }
 
 .reviews-layout .part-2 {padding: 80px 50px;}
 .reviews-layout .part-2:first-child {padding-left: 0;}
 .reviews-layout .part-2:last-child {padding-right: 0;}
 
 .reviews-layout .title {
   font-size: 40px;
   font-weight: 600;
   color: #fff;
 }
 
 .users-slider-wrap {
   margin-top: 60px;
   margin-right: 62px;
   margin-left: 49px;
   margin-bottom: -13px;
 }
 .users-slider .slick-slide img {
   max-width: 70%;
   height: auto;
   display: inline-block;
 }
 .users-slide-layout {
   display: table;
   width: 100%;
   table-layout: fixed;
 }
 .users-slide-row {display: table-row;}
 .users-slide-cell {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   height: 150px;
   border: none;
   position: relative;
   filter: grayscale(1);
   -o-filter: grayscale(1);
   -ms-filter: grayscale(1);
   -moz-filter: grayscale(1);
   -webkit-filter: grayscale(1);
 
   transition: filter 0.25s;
   -o-transition: filter 0.25s;
   -ms-transition: filter 0.25s;
   -moz-transition: filter 0.25s;
   -webkit-transition: filter 0.25s;
 }
 .users-slide-cell.active,
 .users-slide-cell:hover {
   filter: grayscale(0);
   -o-filter: grayscale(0);
   -ms-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -webkit-filter: grayscale(0);
 }
 
 .users-slide-row:not(:first-child) .users-slide-cell:not(:first-child):before {
   content: '';
   position: absolute;
   width: 35px;
   height: 35px;
   background: url('../img/plus.png') no-repeat center center;
   background-size: contain;
   top: 0;
   left: 0;
   margin-top: -18px;
   margin-left: -18px;
   pointer-events: none;
 }
 
 .users-slider-wrap .slick-prev, .users-slider-wrap .slick-next {
   height: 120px;
   width: 60px;
   background: #13a300;
   margin-top: -105px;
   visibility: visible;
   opacity: 1;
 
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 .users-slider-wrap .slick-prev.slick-disabled, .users-slider-wrap .slick-next.slick-disabled {
   visibility: hidden;
   opacity: 0;
 }
 .users-slider-wrap .slick-prev {
   margin-left: -40px;
   background: url('../img/arr_4.png') no-repeat center center;
   transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
 }
 .users-slider-wrap .slick-next {
   margin-right: -40px;
   background: url('../img/arr_4.png') no-repeat center center;
 }
 
 .review-wrap {
   margin-left: 47px;
   padding-top: 30px;
   position: relative;
   display: none;
 }
 .review-wrap.active {display: block;}
 .review-wrap:before {
   content: '';
   width: 106px;
   height: 79px;
   background: url('../img/quotes.png') no-repeat center center;
   background-size: contain;
   position: absolute;
   top: 0;
   left: 0;
 }
 .review-wrap img {
   height: 386px;
   width: auto;
   cursor: pointer;
 }
 .review-wrap .image {
   margin-bottom: 45px;
   position: relative;
   z-index: 2;
 }
 .review-wrap .info {
   margin-top: 30px;
   font-size: 15px;
   color: #49b8f0;
 }
 .review-wrap p {
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   line-height: 1.2;
 }
 
 
 .footer {
   background: linear-gradient(to bottom, #242427 20%, #294251);
   background: -o-linear-gradient(top, #242427 20%, #294251);
   background: -moz-linear-gradient(top, #242427 20%, #294251);
   background: -webkit-linear-gradient(top, #242427 20%, #294251);
   position: relative;
   overflow: hidden;
   padding: 0 20px;
 }
 .footer .container {position: relative;}
 .footer-layout {
   position: relative;
   z-index: 3;
   display: table;
   width: 100%;
   margin-top: 65px;
   margin-bottom: 45px;
 }
 .footer-info,
 .footer-contacts,
 .footer-nav {
   display: table-cell;
   vertical-align: top;
 }
 
 .footer-info {
   padding-right: 15px;
 }
 
 .footer-nav {
   white-space: nowrap;
   width: 1%;
   padding-left: 15px;
 }
 .footer-info {width: 33%;}
 .footer-info .title {
   font-size: 30px;
   font-weight: 600;
   color: #fff;
   letter-spacing: 0.5px;
   margin-bottom: 20px;
 }
 .footer p {
   font-size: 18px;
   padding: 0;
   font-weight: 400;
   color: #fff;
   letter-spacing: 0.5px;
 }
 .footer-contacts .btns {
   margin-top: 15px;
   margin-bottom: 35px;
 }
 .footer-contacts .phone {
   border: none;
   font-size: 28px;
   font-weight: 600;
   color: #fff;
   padding: 5px;
   margin-left: -5px;
   margin-right: -5px;
   display: inline-block;
   margin-top: 10px;
 }
 .footer-nav ul li a {
   display: block;
   font-size: 12px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   color: #fff;
   border: none;
   padding: 8px 10px;
   margin-right: -10px;
   margin-left: -10px;
 }
 .footer-nav ul {margin-top: 6px;}
 .footer hr {
   padding: 0;
   margin: 0;
   border: none;
   height: 1px;
   background: rgba(255,255,255,0.3);
 }
 .footer-bottom {
   display: table;
   width: 100%;
   table-layout: fixed;
   margin-top: 22px;
   margin-bottom: 22px;
   font-size: 12px;
   font-weight: 300;
   color: #fff;
   letter-spacing: 0.5px;
   cursor: default;
 }
 .footer-bottom .part {
   display: table-cell;
   vertical-align: middle;
 }
 .footer-bottom .part:nth-last-child(1) {text-align: right;}
 .footer-bottom a {
   display: inline-block;
   vertical-align: middle;
   border: none;
   color: #fff;
   font-size: 14px;
 }
 .footer-bottom .mw {margin-left: 22px;}
 
 .s8 {
   padding-top: 150px;
   padding-bottom: 85px;
   position: relative;
   background: #f1f1f2;
 }
 .s8 .container {
   position: relative;
   z-index: 2;
   height: 0px;
 }
 
 .team-wrap {width: 50%;}
 .team-wrap-title {padding-right: 200px;}
 
 .dots-line {
   position: absolute;
   z-index: 1;
   left: 0;
   right: 0;
   background: url('../img/points_2.png') repeat center top;
 }
 .s8 .dots-line {
   height: 234px;
   top: 151px;
 }
 
 .team-wrap .title {
   font-size: 40px;
   font-weight: 600;
   color: #231f20;
   background: #f1f1f2;
   display: inline;
   padding: 15px;
   padding-bottom: 20px;
 }
 
 .team-list-layout {
   margin-left: 50%;
   margin-right: -15px;
 }
 .team-list-wrap {
   background: #fff;
   margin-left: -178px;
   margin-top: -72px;
   padding-top: 72px;
   padding-bottom: 77px;
 }
 .team-slide {
   text-align: center;
   height: 234px;
   width: 280px;
   filter: grayscale(1);
   -o-filter: grayscale(1);
   -ms-filter: grayscale(1);
   -moz-filter: grayscale(1);
   -webkit-filter: grayscale(1);
 
   transition: transform 0.25s, filter 0.25s, opacity 0.25s;
   -o-transition: transform 0.25s, filter 0.25s, opacity 0.25s;
   -ms-transition: transform 0.25s, filter 0.25s, opacity 0.25s;
   -moz-transition: transform 0.25s, filter 0.25s, opacity 0.25s;
   -webkit-transition: transform 0.25s, filter 0.25s, opacity 0.25s;
 }
 .team-slide.slick-active {
   filter: grayscale(0);
   -o-filter: grayscale(0);
   -ms-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -webkit-filter: grayscale(0);
   filter: none;
   -o-filter: none;
   -ms-filter: none;
   -moz-filter: none;
   -webkit-filter: none;
 }
 .team-slide.slick-active .slide-content:before {
   content: '';
   background: rgba(255,255,255,0);
 }
 .team-slide .slide-content {
   display: inline-block;
   position: relative;
 }
 .team-slide .slide-content:before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(255,255,255,0.35);
 
   transition: background 0.35s;
   -o-transition: background 0.35s;
   -ms-transition: background 0.35s;
   -moz-transition: background 0.35s;
   -webkit-transition: background 0.35s;
 }
 .team-slide.prev {
   transform: translateX(-30px);
   -o-transform: translateX(-30px);
   -ms-transform: translateX(-30px);
   -moz-transform: translateX(-30px);
   -webkit-transform: translateX(-30px);
 }
 .team-slider {
   position: relative;
   z-index: 2;
   overflow: hidden;
   padding-left: 45px;
 }
 .team-slide img {
   height: 100%;
   width: auto;
   display: inline-block !important;
 }
 .team-slider .slick-list {overflow: unset;}
 .team-slider-control {margin-left: -178px;}
 .team-slide-info {
   width: 348px;
   float: left;
   background: #fff;
   padding-left: 68px;
   padding-right: 46px;
 }
 .team-slide-info-wrap {
   margin-top: -40px;
   min-height: 130px;
   padding-bottom: 17px;
 }
 .team-slide-info-wrap div {
   font-size: 24px;
   font-weight: 500;
   color: #231f20;
 }
 .team-slide-info-wrap p {
   font-size: 14px;
   color: #00aeef;
   padding: 1px 0;
 }
 .team-slide-control {
   float: left;
   padding-top: 8px;
   padding-left: 12px;
 }
 .team-slider-prev,
 .team-slider-next {
   float: left;
   width: 50px;
   height: 50px;
   background: url('../img/arr_2.png') no-repeat center center;
   cursor: pointer;
   opacity: 0.85;
 
   transition: opacity 0.25s;
   -o-transition: opacity 0.25s;
   -ms-transition: opacity 0.25s;
   -moz-transition: opacity 0.25s;
   -webkit-transition: opacity 0.25s;
 }
 .team-slider-prev:hover,
 .team-slider-next:hover {opacity: 1;}
 .team-slider-prev.slick-disabled,
 .team-slider-next.slick-disabled {opacity: 0.45; pointer-events: none;}
 .team-slider-prev {
   transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -ms-transform: scaleX(-1);
   -moz-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
 }
 .team-slider-info {
   float: left;
   font-size: 14px;
   color: #231f20;
   font-weight: 500;
   height: 50px;
   line-height: 53px;
   white-space: nowrap;
 }
 .team-slider-info span {
   display: inline-block;
   margin: 0 5px;
 }
 
 .team-slider .slick-prev,
 .team-slider .slick-next {display: none !important;}
 
 #mainBg {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 11000;
   display: none;
 }
 #mainBg.active {display: block;}
 
 body {overflow-x: hidden;}
 
 .mob-nav {
   position: relative;
   width: 300px;
   z-index: 11002;
   padding: 32px;
   padding-top: 120px;
   color: #fff;
 
   transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
 
   transition: transform 0.35s;
   -o-transition: transform 0.35s;
   -ms-transition: transform 0.35s;
   -moz-transition: transform 0.35s;
   -webkit-transition: transform 0.35s;
 }
 .mob-nav-wrap {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 300px;
   visibility: hidden;
   overflow: hidden;
 
   transition: visibility 0.35s;
   -o-transition: visibility 0.35s;
   -ms-transition: visibility 0.35s;
   -moz-transition: visibility 0.35s;
   -webkit-transition: visibility 0.35s;
 }
 .mob-nav-wrap .btns {
   margin-left: -15px;
   margin-top: -40px;
   margin-bottom: 10px;
 }
 .mob-nav-wrap.active {visibility: visible;}
 .mob-nav-back {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   background: #1d1b1b;
   width: 300px;
   z-index: 1;
   z-index: 11001;
 
   transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
 
   transition: transform 0.35s;
   -o-transition: transform 0.35s;
   -ms-transition: transform 0.35s;
   -moz-transition: transform 0.35s;
   -webkit-transition: transform 0.35s;
 }
 .mob-nav li a {
   font-size: 14px;
   text-transform: uppercase;
   border: none;
   color: #fff;
   padding: 10px 0;
   display: block;
   border-bottom: 1px solid #474344;
   padding-top: 14px;
 }
 .mob-nav-wrap.active .mob-nav {
   transform: translateX(0%);
   -o-transform: translateX(0%);
   -ms-transform: translateX(0%);
   -moz-transform: translateX(0%);
   -webkit-transform: translateX(0%);
 }
 .mob-nav-wrap.active + .mob-nav-back {
   transform: translateX(0%);
   -o-transform: translateX(0%);
   -ms-transform: translateX(0%);
   -moz-transform: translateX(0%);
   -webkit-transform: translateX(0%);
 }
 
 .mob-nav-burger {
   position: absolute;
   z-index: 11005;
   top: 0;
   right: 0;
   width: 100px;
   height: 100px;
 }
 .burger-wrap {
   width: 35px;
   height: 31px;
   margin: 34px auto;
   position: relative;
   cursor: pointer;
 }
 .burger-wrap div {
   background: #3eb5f1;
   height: 4px;
   width: 100%;
   position: absolute;
   top: 50%;
   margin-top: -2px;
   transform-origin: center left;
   -o-transform-origin: center left;
   -ms-transform-origin: center left;
   -moz-transform-origin: center left;
   -webkit-transform-origin: center left;
 
   transition: background 0.35s, transform 0.35s, width 0.35s;
   -o-transition: background 0.35s, transform 0.35s, width 0.35s;
   -ms-transition: background 0.35s, transform 0.35s, width 0.35s;
   -moz-transition: background 0.35s, transform 0.35s, width 0.35s;
   -webkit-transition: background 0.35s, transform 0.35s, width 0.35s;
 }
 .burger-wrap div:nth-child(1) {margin-top: -14px;}
 .burger-wrap div:nth-last-child(1) {margin-top: 10.5px;}
 .burger-wrap.active div:nth-child(2) {background: transparent;}
 .burger-wrap.active div:nth-child(1) {
   transform: rotate(45deg) translateY(-4px);
   -o-transform: rotate(45deg) translateY(-4px);
   -ms-transform: rotate(45deg) translateY(-4px);
   -moz-transform: rotate(45deg) translateY(-4px);
   -webkit-transform: rotate(45deg) translateY(-4px);
   width: 120%;
 }
 .burger-wrap.active div:nth-last-child(1) {
   transform: rotate(-45deg) translateY(4px);
   -o-transform: rotate(-45deg) translateY(4px);
   -ms-transform: rotate(-45deg) translateY(4px);
   -moz-transform: rotate(-45deg) translateY(4px);
   -webkit-transform: rotate(-45deg) translateY(4px);
   width: 120%;
 }
 
 .block-comment {
   position: absolute;
   top: -20px;
   left: 100%;
   margin-left: 40px;
   padding: 24px 32px;
   font-size: 18px;
   color: #fff;
   width: 275px;
   border: 4px solid #3eb5f1;
   line-height: 1.2;
   border-bottom: none;
 }
 .block-comment.smaller {width: 240px;}
 .block-comment:before {
   content: '';
   position: absolute;
   bottom: 0;
   height: 4px;
   background: #3eb5f1;
   right: 0;
   left: 19px;
 }
 .block-comment:after {
   content: '';
   position: absolute;
   top: 100%;
   margin-top: -5px;
   width: 24px;
   height: 20px;
   background: url('../img/angle.png') no-repeat top left;
   left: -4px;
 }
 
 .head-bottom {
   margin-top: -160px;
   min-height: 160px;
   position: relative;
   z-index: 4;
   padding-left: 20px;
   padding-right: 20px;
 }
 
 .certificates-layout-wrap {
   margin-left: -25px;
   margin-right: -25px;
 }
 .certificates-layout {
   display: block;
   padding-top: 24px;
   padding-left: 24px;
   overflow: hidden;
 }
 .certificates-layout:before,
 .certificates-layout:after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   width: 24px;
   background-image: linear-gradient(to left, transparent, #fff);
   background-image: -o-linear-gradient(right, transparent, #fff);
   background-image: -moz-linear-gradient(right, transparent, #fff);
   background-image: -webkit-linear-gradient(right, transparent, #fff);
   z-index: 10001;
 }
 .certificates-layout:after {
   content: '';
   left: auto;
   right: 0;
   background-image: linear-gradient(to right, transparent, #fff);
   background-image: -o-linear-gradient(left, transparent, #fff);
   background-image: -moz-linear-gradient(left, transparent, #fff);
   background-image: -webkit-linear-gradient(left, transparent, #fff);
 }
 .certificates-layout .slick-list {overflow: unset;}
 .certificates-item {
   display: block;
   vertical-align: top;
   border: 5px solid #3eb5f1;
   width: 298px; 
   padding: 24px 28px;
   margin: 0 12.5px;
   position: relative;
   padding-bottom: 100px;
 }
 .certificates-item .title {
   font-size: 18px;
   font-weight: 600;
 }
 .certificates-item p {
   font-size: 14px;
   letter-spacing: 0.5px;
   line-height: 1.2;
 }
 .certificates-item hr {
   background: #72c1eb;
   border: none;
   height: 1px;
 }
 .certificates-item .dual .part {
   padding: 4px 0;
   font-weight: 500;
 }
 .certificates-item .info {
   padding: 10px 0;
 }
 .certificates-item .back-blue {
   margin: -24px -28px;
   padding: 24px 28px;
   margin-top: 24px;
 }
 .certificates-item > *:nth-last-child(2) {
   margin-bottom: -100px;
   padding-bottom: 100px;
 }
 .certificates-item .btns {
   position: absolute;
   bottom: 24px;
   left: 28px;
   right: 28px;
 }
 .certificates-item .btn.type-4 {
   padding-left: 15px;
   padding-right: 15px;
 }
 
 .m-title {
   font-weight: 600;
   font-size: 14px;
 }
 ul.des-dot {margin: 8px 0;}
 
 .certificates-bottom .title {
   color: #231f20;
   font-size: 30px;
   font-weight: 600;
   line-height: 1.1;
 }
 .certificates-bottom .part {
   padding: 0 15px;
 }
 .certificates-bottom .part:nth-child(1) {padding-left: 35px;}
 .certificates-bottom .part:nth-last-child(1) {padding-right: 35px;}
 .certificates-bottom {
   padding-bottom: 70px;
   padding-top: 30px;
 }
 
 .popup {
   position: fixed;
   z-index: 12000;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   overflow-y: auto;
   padding: 20px;
   visibility: hidden;
   opacity: 0;
 
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 .popup[data-id="1"] {z-index: 12002;}
 .popup.active {
   visibility: visible;
   opacity: 1;
 }
 .popup-bg {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background: rgba(0,0,0,0.3);
   z-index: 1;
 }
 .popup-content-wrap {
   display: table;
   height: 100%;
   width: 100%;
 }
 .popup-close,
 .popup-calc .calc-info .popup-close {
   position: absolute;
   right: 15px;
   top: 13px;
   width: 60px;
   height: 60px;
   background: url('../img/close_1.png') no-repeat center center;
   cursor: pointer;
   z-index: 4;
 }
 .popup-calc .popup-close,
 .main-info .popup-close {background: url('../img/close_2.png') no-repeat center center;}
 .main-info .popup-close {
   top: 30px;
   right: 25px;
   z-index: 12;
 }
 .popup-content {
   display: table-cell;
   width: 100%;
   height: 100%;
   vertical-align: middle;
   position: relative;
 }
 .popup-wrap {
   max-width: 1314px;
   margin: 0 auto;
   position: relative;
   z-index: 2;
 }
 
 .popup-wrap.popup-cities {
   background: #fff;
   box-shadow: 0 0 101px 0 rgba(0,0,0,0.16);
   padding: 40px 70px;
   padding-right: 90px;
 }
 .popup-wrap.popup-calc {
   background: #fff;
 }
 
 .popup .main-title {
   width: 100%;
   font-size: 29px;
   font-weight: 600;
   color: #231f20;
   margin-bottom: 55px;
 }
 .popup .main-title .title {padding-right: 15px;}
 .popup .main-title .input {width: 1%;padding: 0;}
 .popup .main-title input {
   border: 1px solid #000;
   font-size: 16px;
   font-weight: 300;
   padding: 12.5px 18px;
   width: 505px;
 }
 
 .cities-list {margin-bottom: 15px;}
 .cities-list > ul {
   width: 100%;
   column-width: 210px;
   -moz-column-width: 210px;
   -webkit-column-width: 210px;
   column-fill: auto;
   -moz-column-fill: auto;
   -webkit-column-fill: auto;
   margin-top: -32px;
   
 }
 .cities-list .wrap {
   break-inside: avoid;
   page-break-inside: avoid;
   -webkit-column-break-inside: avoid;
   padding-left: 50px;
   padding-top: 32px;
   position: relative;
 }
 
 .cities-list .wrap:before {
   content: attr(data-letter);
   position: absolute;
   top: 28px;
   left: 5px;
   color: #fff;
   z-index: 2;
   font-size: 14px;
   font-weight: 500;
   width: 26px;
   text-align: center;
   margin-top: 7px;
 }
 .cities-list .wrap:after {
   content: '';
   position: absolute;
   left: 5px;
   top: 28px;
   z-index: 1;
   width: 27px;
   height: 27px;
   background: #3eb5f1;
 
   transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 
 .cities-list a {
   display: inline-block;
   font-size: 15px;
   font-weight: 500;
   color: #000;
   border: none;
   padding: 3px 6px;
 }
 
 .popup-calc .calc-info,
 .popup-calc .calc-control {vertical-align: middle;}
 .popup-calc .calc-wrap {margin-top: 0;}
 
 .main-info {overflow: hidden;}
 .main-info .popup-content-wrap {
   width: 490px;
   max-height: 100%;
   background: #3eb5f1;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   z-index: 3;
   overflow: hidden;
 
   transform: translateX(100%);
   -o-transform: translateX(100%);
   -ms-transform: translateX(100%);
   -moz-transform: translateX(100%);
   -webkit-transform: translateX(100%);
 
   transition: transform 0.25s;
   -o-transition: transform 0.25s;
   -ms-transition: transform 0.25s;
   -moz-transition: transform 0.25s;
   -webkit-transition: transform 0.25s;
 }
 .main-info .popup-content {
   display: block;
     overflow-y: auto;
     padding: 37px 44px;
     padding-bottom: 15px;
     color: #fff;
     position: relative;
     z-index: 10;
     height: 100vh;
 }
 
 .main-info.active .popup-content-wrap {
   transform: none;
   -o-transform: none;
   -ms-transform: none;
   -moz-transform: none;
   -webkit-transform: none;
 }
 
 .w-1 {
   width: 100%;
   max-width: 230px;
 }
 
 .main-info p {line-height: 1.4;}
 .main-info .popup-wrap .title {
   font-size: 26px;
   font-weight: 600;
   color: #fff;
       max-width: 355px;
   border-bottom: 4px solid #fff;
   padding-bottom: 20px;
   margin-bottom: 10px;
 }
 .main-info .popup-wrap .btns {margin-top: 25px;}
 
 .s10 .part-sidebar {
   width: 450px;
 }
 .s10 .part-content,
 .s10 .part-sidebar {
   padding: 0;
   position: relative;
 }
 
 section.s10 {
   margin-top: -90px;
   position: relative;
   z-index: 5;
   margin-bottom: 110px;
 }
 
 .s10-wrap {
   box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   -moz-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   -webkit-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.19);
   padding: 50px 60px;
   background: #fff;
 }
 
 .a-title {
   font-size: 30px;
   font-weight: 600;
   color: #231f20;
 }
 .blue-block-wrap .a-title {color: #fff;}
 
 .s10-wrap .a-title:not(:first-child) {margin-top: 45px;}
 .s10-wrap .a-title {margin-bottom: 30px;}
 .s10-wrap hr {
   border: none;
   height: 1px;
   background: #dcdcdc;
   margin: 55px 0;
 }
 
 .s10-wrap h3 {
   margin-top: 30px;
   margin-bottom: 20px;
 }
 .s10-wrap ul.dual {width: auto;}
 .s10-wrap ul li div {
   padding: 5px 0 !important;
   font-size: 18px !important;
 }
 .s10-wrap ul.dual li div:first-child {padding-right: 35px !important;}
 
 .blue-block {
   background: #25abef;
   position: relative;
   padding: 60px 58px;
   color: #fff;
 }
 .blue-block .section-block {
   top: 0;
   left: 0;
   position: absolute;
   right: 0;
   bottom: 0;
   overflow: hidden;
 }
 .blue-block .help-comment {
   right: 50%;
   left: auto;
 }
 .blue-block .help-comment:before {
   right: 0;
   left: auto;
   border-left: none;
   border-right: 35px solid #fff;
 }
 .blue-block-outer {position: relative;}
 .blue-block-outer:before {
   content: '';
   width: 0;
   height: 0;
   left: -14px;
   top: 70px;
   position: absolute;
   border-right: 16px solid #25abef;
   border-top: 16px solid transparent;
   border-bottom: 16px solid transparent;
 }
 
 .blue-block-wrap {
   position: relative;
   z-index: 2;
 }
 .blue-block-wrap ul {
   margin-top: 30px;
   margin-bottom: 40px;
 }
 .blue-block-wrap .btns a:not(:first-child) {margin-top: 20px;}
 
 .help-comment-wrap {position: relative;}
 .help-comment {
   position: absolute;
   bottom: 100%;
   white-space: normal;
   z-index: 11;
   left: 50%;
   background: #fff;
   box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   -moz-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   -webkit-box-shadow: 0 6px 21px 0 rgba(113,113,113,0.26);
   max-width: 490px;
   width: 80vw;
   padding: 30px;
   border-top: 4px solid #3eb5f1;
   display: block;
   color: #000;
   margin-bottom: 35px;
 
   visibility: hidden;
   opacity: 0;
 
   transition: margin-bottom 0.25s, visibility 0.25s, opacity 0.25s;
   -o-transition: margin-bottom 0.25s, visibility 0.25s, opacity 0.25s;
   -ms-transition: margin-bottom 0.25s, visibility 0.25s, opacity 0.25s;
   -moz-transition: margin-bottom 0.25s, visibility 0.25s, opacity 0.25s;
   -webkit-transition: margin-bottom 0.25s, visibility 0.25s, opacity 0.25s;
 }
 .help-comment-wrap:hover .help-comment {
   visibility: visible;
   opacity: 1;
   margin-bottom: 25px;
 }
 .help-comment:before {
   content: '';
   width: 0;
   height: 0;
   border-left: 35px solid #fff;
   border-bottom: 20px solid transparent;
   position: absolute;
   left: 0;
   top: 100%;
   margin-top: -1px;
 }
 .help-comment .title {
   display: block;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 16px;
 }
 .help-comment .content {
   font-size: 16px;
   display: block;
   font-weight: 400;
   line-height: 1.3;
 }
 
 .loading {position: relative; color: transparent !important;}
 .loading-wrap {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -3.5px;
   margin-left: -15px;
   visibility: hidden;
   opacity: 0;
 
   transition: opacity 0.25s, visibility 0.25s;
   -o-transition: opacity 0.25s, visibility 0.25s;
   -ms-transition: opacity 0.25s, visibility 0.25s;
   -moz-transition: opacity 0.25s, visibility 0.25s;
   -webkit-transition: opacity 0.25s, visibility 0.25s;
 }
 .loading .loading-wrap {
   visibility: visible;
   opacity: 1;
 }
 .loading-wrap div {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #fff;
   position: absolute;
   top: 0;
   left: 0;
   transform: scale(1);
   animation: loading 0.7s infinite;
   animation-timing-function: linear;
   animation-delay: 0s;
 }
 .loading-wrap div:nth-child(2) {
   left: 12px;  
   animation-delay: 0.15s;
 }
 .loading-wrap div:nth-child(3) {
   left: 24px;
   animation-delay: 0.3s;
 }
 
 @keyframes loading {
   0% {
     transform: scale(1);
     background: rgba(255,255,255,0.7);
   }
   35% {
     transform: scale(1.5);
     background: rgba(255,255,255,1);
   }
   70% {
     transform: scale(1);
     background: rgba(255,255,255,0.7);
   }
   100% {
     transform: scale(1);
     background: rgba(255,255,255,0.7);
   }
 }
 
 .image-view-box {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   background: rgba(0,0,0,0.1);
   z-index: 6999997;
   text-align: center;
   cursor: pointer;
 
   opacity: 0;
   visibility: hidden;
 
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 .image-view-box.active {
   visibility: visible;
   opacity: 1;
 }
 .image-view-box img {
   display: block;
   vertical-align: middle;
   max-width: 80%;
   max-height: 80%;
   width: auto;
   height: auto;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   -o-transform: translateX(-50%) translateY(-50%);
   -ms-transform: translateX(-50%) translateY(-50%);
   -moz-transform: translateX(-50%) translateY(-50%);
   -webkit-transform: translateX(-50%) translateY(-50%);
 }
 .slider-controller {
   opacity: 1;
   pointer-events: none;
 
   transition: visibility 0.25s, opacity 0.25s;
   -o-transition: visibility 0.25s, opacity 0.25s;
   -ms-transition: visibility 0.25s, opacity 0.25s;
   -moz-transition: visibility 0.25s, opacity 0.25s;
   -webkit-transition: visibility 0.25s, opacity 0.25s;
 }
 
 .slider-controller.diss,
 .slide-head .slide-btns.diss {
   opacity: 0.3;
 }
 
 .reviews-slider-nav-item:before {
   content: "";
   width: 1px;
   height: 100%;
   display: inline-block;
   vertical-align: middle;
 }
 .reviews-slider-nav-item img {
   display: inline-block !important;
   vertical-align: middle;
   max-height: 90%;
   width: auto;
 }
 /* End */
 
 
 /* Start:/local/templates/.default/static/includes/css/media.css?160827746622199*/
 /*
  *  Vitaly Danylyk
  *  web.vitaly@rambler.ru
  */
 
 .s2 .got-view .btns {
   display: none;
   margin-top: 40px;
 }
 
 .mob-nav-burger,
 .mob-nav-wrap,
 .mob-nav-back,
 .popup-calc .calc-info .popup-close {display: none;}
 
 .mob { display: none; }
 
 @media (max-width: 1537px) {
   .main-map{margin-left: 0;}
 }
 
 @media (max-width: 1251px) {
   .b-page .slide-head .container {padding-top: 320px !important;}
   .popup-calc .calc-info .popup-close {display: block;}
   .calc-control .popup-close {display: none;}
   .block-comment {
     left: 0;
     top: auto;
     bottom: 100%;
     margin-left: 0;
     margin-bottom: 30px;
   }
   .b-c .slide-head .container {min-height: 950px;}
   .ico-ok-wrap {margin-right: -300px;}
   .mob-nav-burger {display: block;}
   .s3 .layout-sidebar .part-content {padding-left: 15px;}
   .cpos-cell img {
     width: 80%;
     height: auto;
   }
   .calc-layout,
   .calc-info,
   .calc-control {
     display: block;
     width: auto;
   }
   .calc-wrap .column:first-child {padding-right: 0;}
   .calc-control-wrap .active {
     display: table;
     width: 100%;
     table-layout: fixed;
   }
   .calc-control-part-info,
   .calc-control-part-mail {
     display: table-cell;
     vertical-align: top;
   }
   .calc-control-part-info {padding-right: 30px;}
   .calc-control-wrap .mail-block {margin-top: 10px;}
   .header-right-wrap .nav {display: none;}
   .header-contacts .btn {display: none;}
   .header-contacts {padding-right: 90px;}
   .mob-nav-wrap,
   .mob-nav-back {display: block;}
 }
 
 .reviews-slider,
 .reviews-slider-nav {display: none !important;}
 
 .slider-line-prev,
 .slider-line-next {
   display: none !important;
   transition: visibility 0.35s, opacity 0.35s;
   -o-transition: visibility 0.35s, opacity 0.35s;
   -ms-transition: visibility 0.35s, opacity 0.35s;
   -moz-transition: visibility 0.35s, opacity 0.35s;
   -webkit-transition: visibility 0.35s, opacity 0.35s;
 }
 
 .slider-line-prev.slick-disabled, .slider-line-next.slick-disabled {
   visibility: hidden;
   opacity: 0;
 }
 
 @media (min-width: 1051px) {
   .review-wrap {
     display: block;
     margin-left: 0px;
     padding-top: 30px;
     position: absolute;
     visibility: hidden;
     opacity: 0;
     transform: translateX(75px) translateY(-50%);
     -o-transform: translateX(75px) translateY(-50%);
     -ms-transform: translateX(75px) translateY(-50%);
     -moz-transform: translateX(75px) translateY(-50%);
     -webkit-transform: translateX(75px) translateY(-50%);
 
     transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
     -o-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
     -ms-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
     -moz-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
     -webkit-transition: opacity 0.75s, visibility 0.75s, transform 0.75s;
   }
   .review-wrap.active {
     display: block;
     visibility: visible;
     opacity: 1;
     transform: translateY(-50%);
     -o-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
     -webkit-transform: translateY(-50%);
     z-index: 2;
   }
   .review-wrap.hide {
     display: block;
     transform: translateX(-75px) translateY(-50%);
     -o-transform: translateX(-75px) translateY(-50%);
     -ms-transform: translateX(-75px) translateY(-50%);
     -moz-transform: translateX(-75px) translateY(-50%);
     -webkit-transform: translateX(-75px) translateY(-50%);
   }
   .reviews-table {min-height: 800px;}
 }
 @media (max-width: 1051px) {
   .help-comment {
     left: -10px;
     right: -10px;
     padding: 15px;
   }
   .blue-block .help-comment {
     left: 50%;
     right: auto;
   }
   .help-comment-wrap:hover .help-comment {margin-bottom: 15px;}
   .help-comment:before {
     content: '';
     display: none;
     width: 0;
     height: 0;
     border-left: 20px solid transparent;
     border-top: 14px solid #fff;
     position: absolute;
     left: 50%;
     margin-left: -95px;
     top: 100%;
     margin-top: -1px;
     border-right: 20px solid transparent;
   }
   .data-view {position: static;}
   .data-view {
     display: none;
     transition: none;
     -o-transition: none;
     -ms-transition: none;
     -moz-transition: none;
     -webkit-transition: none;
     transform: none !important;
   }
   .data-view.active {display: block;}
   .b-page .slide-head .container {padding-top: 370px;}
   .slide-head .container {max-height: unset;}
   .s7 .title-helper {display: block;}
   .slider-line-prev,
   .slider-line-next {display: block !important;}
   .ico-ok-wrap {margin-right: 0;}
   .head-bottom .part-2 {float: none; width: 100%;}
   .info-block .design-block {right: -15px;}
   .info-block p:before {content: ''; display: none;}
   .info-block p {
     margin-left: 0 !important;
     font-size: 30px;
   }
   .block-comment {
     top: -20px;
     left: 100%;
     margin-left: 20px;
     bottom: auto;
   }
   .info-block h3 {font-size: 18px;}
   .layout-sidebar,
   .layout-sidebar .part-sidebar,
   .layout-sidebar .part-content {
     display: block;
     width: 100%;
   }
   .layout-sidebar .part-content {padding-left: 0;}
   .got-view-wrap {margin-top: 30px;}
   .s2 .got-list .btns {display: none;}
   .s2 .got-view .btns {display: block;}
   section.s2 {margin-bottom: 90px;}
   .s3 .layout-sidebar .btns {display: none;}
   .cpos-list-wrap {margin-top: 10px;}
   section.s3 {margin-bottom: 50px;}
   .cpos-cell img {
     width: auto;
     height: auto;
   }
   .s3 .layout-sidebar .part-content {padding-left: 0;}
   .cpos-cell {height: 130px;}
   .main-map-list {margin-top: 20px; text-align: center;}
   .main-map-list ul {
     display: block;
     float: none;
     text-align: left;
     width: 100%;
     height: auto;
   }
   .main-map {
     margin-left: 10%;
     margin-right: 10%;
     margin-bottom: 50px;
   }
   .reviews-layout .part-2:first-child,
   .arrow-helper {display: none;}
   section.s7:before {
     content: '';
     display: none;
   }
   .reviews-table,
   .reviews-table .part-2 {
     display: block;
     width: 100%;
   }
   .reviews-layout .part-2:last-child,
   .review-wrap {margin-left: 0;padding-left: 0;padding-right: 0;}
   .review-wrap {
     display: block;
     width: 100%;
     padding-left: 38px;
     padding-right: 38px;
   }
   .reviews-slider {
     margin-left: -20px;
     margin-right: -20px;
   }
   .reviews-slider .slick-list {padding: 0 !important;}
   .review-wrap .image img {
     display: inline-block !important;
     width: 256px;
     height: auto;
   }
   .review-wrap:before {
     content: '';
     left: 38px;
   }
   .reviews-layout .part-2:last-child {padding-bottom: 10px;}
   .reviews-slider,
   .reviews-slider-nav {display: block !important;}
   .reviews-slider-nav {
     margin-left: -20px;
     margin-right: -20px;
     background: #231f20;
     margin-bottom: -10px !important;
   }
   .reviews-slider-nav .slick-list {padding: 0 !important}
   .reviews-slider-nav .reviews-slider-nav-item {
     display: block;
     border: none;
     padding: 30px 16px;
     filter: grayscale(1);
     -o-filter: grayscale(1);
     -ms-filter: grayscale(1);
     -moz-filter: grayscale(1);
     -webkit-filter: grayscale(1);
 
     transition: filter 0.25s;
     -o-transition: filter 0.25s;
     -ms-transition: filter 0.25s;
     -moz-transition: filter 0.25s;
     -webkit-transition: filter 0.25s;
   }
   .reviews-slider-nav-item {height: 125px !important;}
   .reviews-slider-nav .slick-prev, .reviews-slider-nav .slick-next {display: none !important;}
   .reviews-slider-nav .reviews-slider-nav-item .active,
   .reviews-slider-nav .reviews-slider-nav-item.slick-center {
     filter: grayscale(0);
     -o-filter: grayscale(0);
     -ms-filter: grayscale(0);
     -moz-filter: grayscale(0);
     -webkit-filter: grayscale(0);
   }
   .reviews-slider-nav .reviews-slider-nav-item.slick-center .active {display: block;}
   .reviews-wrap {display: none;}
   .reviews-slider .slick-prev,
   .reviews-slider .slick-next {
     width: 60px;
     height: 120px;
     margin-top: -150px;
     background: url('../img/arr_4.png') no-repeat center center;
   }
   .reviews-slider .slick-prev.slick-disabled,
   .reviews-slider .slick-next.slick-disabled {opacity: 0.5; pointer-events: none;}
   .reviews-slider .slick-prev {
     left: 0;
     z-index: 10001;
     transform: scaleX(-1);
     -o-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
   }
   .reviews-slider .slick-next {right: 0;}
   .slide-control {display: none;}
   .main-slider .slide-head:after,
   .slider-line .slick-track:before {content: ''; display: none;}
   .slide-head .container {
     height: auto;
     min-height: 1px;
     padding-bottom: 50px;
     padding-top: 450px;
   }
   .b-page .slide-head .container {
     padding-bottom: 250px;
     padding-left: 20px;
   }
   .slide-head .slide-design {
     position: relative;
     transform: scale(0.4);
     margin-bottom: 125px;
     margin-top: 50px;
   }
   .slide-head .design-dots {
     transform: scale(2);
   }
   .slide-head .slide-design img {
     margin-left: -200px;
   }
   .slide-head .slide-design .top {margin-top: -900px;}
 }
 
 .team-list-layout .title {display: none;}
 
 @media (max-width: 971px) {
   .popup .main-title input {width: 300px;}
 }
 
 @media (max-width: 901px) {
   .s8 .container,
   .s8 .dots-line {display: none;}
   .team-list-layout {margin: 0 -20px;}
   .team-list-wrap {margin: 0; padding: 0;}
   .s8 {
     padding-top: 35px;
     padding-bottom: 30px;
     background: #fff;
   }
   .team-slider-control {margin: 0;}
   .team-slide-info-wrap {
     margin-top: 0;
     min-height: 1px;
     padding-bottom: 0;
   }
   .team-slide-control {float: right; padding-right: 30px;}
   .team-slide-info {float: none; width: 100%;}
   .team-list-layout .title {
     display: block;
     font-weight: 600;
     font-size: 24px;
     color: #231f20;
     padding-left: 67px;
     margin-bottom: 30px;
   }
   .certificates-bottom .part {
     display: block;
     text-align: center !important;
     padding: 0 !important;
   }
   .certificates-bottom .part:not(:first-child) {margin-top: 15px;}
   .certificates-bottom .part br {display: none;}
 }
 
 @media (max-width: 836px) {
   .popup .main-title,
   .popup .title-input .title,
   .popup .title-input .input {
     display: block;
     width: 100%;
   }
   .calc-wrap .title-input .input,
   .calc-wrap .title-input .title {
     display: table-cell;
     width: auto;
   }
   .popup .title-input .input input {width: 100%;}
   .popup .title-input .input {margin-top: 20px;}
   .info-title .title {
     display: block;
     width: 100%;
   }
   .info-title .info {
     display: none;
   }
   .block-comment {
     left: 0;
     top: auto;
     bottom: 100%;
     margin-left: 0;
     margin-bottom: 30px;
   }
   .s4 .design-dots,
   .s4 .section-design img {display: none;}
   .column-layout,
   .column-layout .column {
     display: block;
     width: 100% !important;
   }
   .column-layout .column:not(:nth-child(1)) {margin-top: 32px;}
   .calc-control-wrap,
   .calc-control-part-info,
   .calc-control-part-mail {
     display: block;
     width: 100%;
   }
   .calc-control-wrap .mail-block {margin-top: 10px;}
   .main-map-item {
     width: 18px;
     height: 18px;
     margin-left: -8px;
     margin-top: -8px;
   }
   .footer {
     padding: 0 40px;
   }
   .footer-layout,
   .footer-info,
   .footer-contacts,
   .footer-nav {
     display: block;
     width: 100%;
   }
   .footer-contacts,
   .footer-nav {
     margin-top: 25px;
     padding-left: 0;
   }
   .section-design img {
     margin-left: 175px;
     margin-top: 25px;
   }
 }
 
 .cpos-list-slider,
 .services-bottom-info {display: none;}
 
 @media (min-width: 665px) {
   .calc-content {display: block !important;}
 }
 
 .main-map-list ul li.more {display: none;}
 
 @media (max-width: 665px) {
   .popup.main-info .calc-control-wrap .btns { padding-bottom: 50px; }
   .head h1 { margin-top: -30px; }
   .table.no-mob { display: none !important; }
   .table.mob { display: table; }
   .table.mob .table-cell {
     padding-top: 3px;
     padding-bottom: 3px;
   }
   .slide-btns .btn.type-0 {display: block;}
   .help-comment {
     left: 20px;
     width: 70vw;
     padding: 15px;
   }
   .b-c .slide-head .container {min-height: auto;}
   .help-comment .title {font-size: 16px;}
   .help-comment .content {font-size: 14px;}
   .s10-wrap {padding: 25px 30px;padding-bottom: 45px;}
   ul.des-dot.big li {font-size: 14px;}
   ul.des-dot.big li:before {
     content: '';
     width: 7px;
     height: 7px;
     margin-top: -1px;
   }
   .blue-block {padding: 30px;}
   .blue-block-outer:before {
     content: '';
     border: none;
     top: -14px;
     left: 70px;
     border-bottom: 16px solid #25abef;
     border-left: 16px solid transparent;
     border-right: 16px solid transparent;
   }
   .s10-wrap ul.dual,
   .s10-wrap ul.dual li,
   .s10-wrap ul.dual li .part {
     display: block;
     width: 100%;
     padding: 0 !important;
     white-space: normal;
   }
   .s10-wrap ul.dual li:not(:first-child) {margin-top: 15px;}
   .s10-wrap .a-title,
   .blue-block .a-title {font-size: 24px; margin-bottom: 20px;}
   .blue-block ul.ok-list li {font-size: 14px;}
   .blue-block ul.ok-list li:before {content: '';margin-top: -2px;}
   .s10-wrap .a-title:not(:first-child) {margin-top: 30px;}
   .s10-wrap hr {margin: 30px 0;}
   .s10-wrap p {font-size: 14px; line-height: 1.4;}
   .s10-wrap ul li div {font-size: 14px !important;}
   .s10-wrap .btn {display: block;text-align: center;}
   .main-info .popup-content {padding: 27px 25px;}
   .main-info .popup-close {
   top: 0px;
   right: 6px;
   z-index: 12;
 }
   .main-info .popup-wrap .title {
     font-size: 20px;
     padding-bottom: 15px;
     border-width: 3px;
   }
   .main-info p {font-size: 14px;}
   .popup .calc-control-wrap input[type="text"],
   .popup .calc-control-wrap textarea {font-size: 14px;}
   .popup .input-checkbox {font-size: 14px;}
   .main-info .popup-content-wrap {width: 90%; display: block;}
   .popup .main-title {font-size: 20px;}
   .popup .title-input .input input {font-size: 14px;}
   .popup .calc-layout {margin: 0;}
   .popup-wrap.popup-cities {
     padding-left: 20px;
     padding-right: 20px;
   }
   .ico-ok {
     display: block;
     width: 100%;
     float: none;
     padding-top: 5px;
     padding-bottom: 5px;
     font-size: 14px;
   }
   .certificates-item {width: 260px;}
   .certificates-wrap {margin-left: -10px;margin-right: -10px;}
   .certificates-layout {padding-left: 0;}
   .ico-ok:before {
     content: '';
     margin-top: 3px;
   }
   .slide-head .block-comment + h1 {margin-top: 100px;}
   .slide-head .block-comment {font-size: 15px; width: auto;}
   .slide-head .slide-content {margin-right: 20px;}
   .b-page .slide-head .container {padding-bottom: 0;}
   .head-bottom {margin-top: 30px;margin-bottom: 10px;}
   .ico-ok br {display: none;}
   .certificates-bottom .part .title {font-size: 24px;}
   .certificates-bottom .part .btn {
     display: block;
     white-space: normal;
   }
   .footer-bottom .part span {display: none;}
   .info-block .design-block {display: none;}
   .s1 .table,
   .s1 .table-cell,
   .info-block {
     display: block;
     width: 100%;
     padding: 0;
     position: relative;
   }
   .info-block {
     padding: 7px 20px;
     padding-left: 45px;
     line-height: 20px;
   }
   section.s1 {padding: 35px 15px;}
   .info-block p {
     font-size: 18px;
     line-height: 1.2;
   }
   .info-block .info-block-content * {
       display: inline-block;
   }
   .info-block:before {
       content: '';
       width: 12px;
       height: 12px;
       background: #3eb5f1;
       position: absolute;
       top: 50%;
       left: 20px;
       margin-top: -9px;
       transform: rotate(45deg);
       -o-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       -webkit-transform: rotate(45deg);
   }
   .s2 .got-view .btns .btn {display: block;}
   .s-title h2 {
     font-size: 24px;
     max-width: 295px;
   }
   h3 {font-size: 18px;}
   .got-list-wrap ul li a {font-size: 15px;}
   .got-view-wrap .title {
     padding: 25px;
     padding-top: 75px;
     font-size: 28px;
   }
   .got-view-wrap .content {
     padding: 26px 32px;
     font-size: 16px;
   }
   section.s2 {margin-bottom: 55px;}
   section p {
     font-size: 16px;
     line-height: 26px;
   }
   .cpos-list-wrap {display: none;}
   .cpos-list-slider {
     display: block;
     margin-top: 35px;
   }
   .cpos-list-slider .slick-list {overflow: unset;}
   .cpos-table,
   .cpos-row,
   .cpos-cell {
     display: block;
     width: 100%;
   }
   .cpos-cell {
     height: 150px;
     padding: 0 23px;
   }
   .cpos-cell:before {
     content: '';
     height: 100%;
     width: 0;
     display: inline-block;
     vertical-align: middle;
   }
   .cpos-cell img {
     display: inline-block !important;
     vertical-align: middle;
     max-width: 95%;
   }
   .cpos-list-slider .slick-prev, 
   .cpos-list-slider .slick-next {
     background: url("arr_5.png") no-repeat center center;
     width: 60px;
     height: 120px;
     margin-top: -60px;
 
     transition: opacity 0.35s;
     -o-transition: opacity 0.35s;
     -ms-transition: opacity 0.35s;
     -moz-transition: opacity 0.35s;
     -webkit-transition: opacity 0.35s;
   }
   .cpos-list-slider .slick-prev.slick-disabled, 
   .cpos-list-slider .slick-next.slick-disabled {opacity: 0.5; pointer-events: none;}
   .cpos-list-slider .slick-prev {
     transform: scaleX(-1);
     -o-transform: scaleX(-1);
     -ms-transform: scaleX(-1);
     -moz-transform: scaleX(-1);
     -webkit-transform: scaleX(-1);
   }
   .info-title .title {font-size: 24px;}
   section.s4 {padding: 35px;}
   .services-wrap {margin-top: -30px;}
   .services-bottom-info {display: block;}
   .services-bottom-info .txt {
     font-size: 16px;
     color: #fff;
     text-align: left;
     line-height: 24px;
   }
   .services-bottom-info .phone {margin-top: 15px;}
   .services-bottom-info .phone a {
     font-size: 18px;
     border:none;
   }
   section.s4 {margin-bottom: 55px;}
   .s-title.longer h2 {max-width: 310px;}
   .calc-wrap {margin-top: 35px;}
   .calc-layout {
     box-shadow: none;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     margin-left: -20px;
     margin: -20px;
   }
   .calc-info {padding: 35px;}
   .calc-item-counter {display: none;}
   .calc-item {padding-left: 0; margin-top: 0 !important;}
   .s5 .s-title {padding-left: 35px;padding-right: 35px;}
   .calc-item .title:not(.title-input) {
     padding: 10px 0;
     border-bottom: 1px solid #ccc;
     position: relative;
     padding-right: 50px;
   }
   .calc-item .title:not(.title-input):after {
     display:none
     content: '';
     position: absolute;
     top: 50%;
     width: 20px;
     height: 20px;
     background: url('../img/arr_3.png') no-repeat center center;
     margin-top: -10px;
     right: 15px;
     transform: rotate(0deg);
     -o-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     -moz-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
 
     transition: transform 0.22s, margin-top 0.22s;
     -o-transition: transform 0.22s, margin-top 0.22s;
     -ms-transition: transform 0.22s, margin-top 0.22s;
     -moz-transition: transform 0.22s, margin-top 0.22s;
     -webkit-transition: transform 0.22s, margin-top 0.22s;
   }
   .calc-item .title-input .title:not(.title-input):after {
     content: '';
     display: none;
   }
   .calc-item .title:not(.title-input).active:after {
     content: '';
     margin-top: -13px;
     transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -webkit-transform: rotate(180deg);
   }
   .column:first-child .calc-item:first-child {margin-bottom: 20px;}
   .column-layout .column:not(:nth-child(1)) {margin-top: 0;}
   .calc-content {display: block;}
   .calc-item .title-input .title {
     padding: 0;
     border: none;
   }
   .calc-item .title,
   .title-input .input .btn.type-5 {font-size: 18px;} 
   .calc-control-wrap .title {font-size: 24px;}
   /*.main-map-info {display: none;}*/
   .main-map {
     margin-left: -15px;
     margin-right: -15px;
   }
   .main-map-list ul {
     column-width: auto;
     -moz-column-width: auto;
     -webkit-column-width: auto;
     margin-left: 15px;
   }
   .main-map-list {margin-top: -60px;}
   .main-map-item {
     width: 12px;
     height: 12px;
     margin-top: -5px;
     margin-left: -5px;
   }
   /* .main-map-list ul li:not(.more):not(:nth-child(1)):not(:nth-child(2)):not(:nth-child(3)):not(:nth-child(4)):not(:nth-child(5)):not(:nth-child(6)) {display: none;} */
   .main-map-list ul li.more {display: block;}
   .main-map {margin-top: 30px;}
   section.s7 {margin-top: 50px;}
   h1 {font-size: 24px;}
   h1 br {display: none;}
   .head .slide-text p {font-size: 14px;}
   .slide-head .slide-text {padding: 20px 0;margin: 0;}
   .header-logo {width: 90px;margin-top: -10px;}
   .header-logo img {width: 100%;height: auto;}
   .header-left .btn {display: none;}
   .header-contacts div a {font-size: 16px;}
   .head .btn span {max-width: calc(100% - 55px);}
   .slide-head .slide-design {
     transform: scale(0.3);
     margin-right: -100px;
     margin-top: 0;
   }
   .slide-head .container {
     padding-top: 370px;
   }
   .slide-head .slide-design .top {
     transform: scale(2);
     margin-top: -1600px;
   }
   .main-map-info .city {
     font-size: 15px;
     padding: 9px 18px;
   }
   .main-map-info .info {
     padding: 6px 18px;
     padding-top: 12px;
     font-size: 12px;
   }
   .main-map-info .info div {font-size: 22px;}
   .main-map-info {min-width: 1px;}
 }
 
 @media (max-width: 433px) {  
   .cpos-list-slider img {
     width: 85%;
     height: auto;
   }
   .cpos-cell {
     height: 100px;
   }
   .calc-control-wrap .btns .btn.type-4 {
     max-width: 100%;
   }
 }
 
 @media (max-width: 381px) {
   .header-logo {width: 70px;}
   .header-right-wrap .header-contacts {padding-left: 0px;}
   .header-contacts div a {padding-left: 2px;padding-right: 2px;}
   .btn-new {
       width: 100%;
   }
   .btn-new-calc {
       border-bottom: 2px dashed #3eb5f1;
   }
   .ico-ok {
         font-size: 16px;
 }
 .head h1 {
     margin-top: 19px;
 }
 h1 {
     font-size: 29px;
 }
 .title-input .input .btn.type-5 {
     min-width: 100%;
         margin-top: 18px;
 }
 .title-input {
     display: block;
 }
 .calc-wrap .title-input .input, .calc-wrap .title-input .title {
     display: block;
 }
 }
 
 @media (max-width: 341px) {
   .slick-slide .cpos-cell img {
     width: 50%;
     height: auto;
   }
 }
 
 .calc-item .title-input .title, .calc-item .title-input .input {
     display: block;
 }
 
 .title-input .input {
     margin-top: 15px;
 }
 /* End */
 
 
 /* Start:/local/templates/.default/static/includes/css/back-end.css?1612615266375*/
 input.error, input.error + .input-checkbox:before{
     border: 1px solid #D05050 !important
 }
 label.error{
     color: #D05050;
     font-size: 12px;
     margin-bottom: 15px;
     display: block;
 }
 
 input:checked + .input-checkbox:before {
     content: "✓";
     background: none;
     border-color: transparent;
     align-items: center;
     justify-content: center;
     display: flex;
     padding-top: 5px;  
 }
 /* End */
 
 
 /* Start:/local/templates/.default/components/bitrix/menu/nav/style.css?153842121896*/
 .header .nav ul li a.active:before {
     content: '';
     visibility: visible;
     opacity: 1;
 }
 /* End */
 
 
 /* Start:/local/templates/.default/components/bitrix/news.list/s7/style.css?153859042757*/
 .users-slider .slick-slide img{
     display: inline-block;
 }
 /* End */
 
 
 /* Start:/local/templates/.default/components/bitrix/iblock.element.add.form/popup-2/style.css?153919403052*/
 .popup[data-id="calculator"] {
     z-index: 12002;
 }


.wpcf7 .btn{
  background: #000;
  padding: 20px 25px;
  padding-top: 22px;
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
	cursor:pointer;
}
.wpcf7 .btn:hover{
	opacity:0.8
}