/* main */

@font-face {
    font-family: Play;
    src: url(../css/fonts/play.ttf);
}
@font-face {
    font-family: 'Gilroy Regular';
    src: url(../css/fonts/gilroy-regular.ttf);
}
@font-face {
    font-family: 'Gilroy Light';
    src: url(../css/fonts/Gilroy-Light.otf);
}
@font-face {
    font-family: 'Gilroy Semibolditalic';
    src: url(../css/fonts/gilroy-semibolditalic.ttf);
}
@font-face {
    font-family: 'Gilroy Semibold';
    src: url(../css/fonts/gilroy-semibold.ttf);
}
@font-face {
    font-family: 'Gilroy Heavy';
    src: url(../css/fonts/gilroy-heavy.ttf);
}
body {
    font: 1em "Gilroy Regular", Arial, Tahoma, Verdana, sans-serif;
    color: #000;
}

a {
    text-decoration: none;
    color: #48a216;
    outline: 0;
}

a:hover, a:focus {
    text-decoration: none;
    outline: 0;
}

button {
    outline: 0;
}

.br10 {
    margin-bottom: 10px;
}

.br20 {
    margin-bottom: 20px;
}

.br30 {
    margin-bottom: 30px;
}

.button {
    padding: 13px 12px;
    border-radius: 4px;
    background: #48a216;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 0.95em;
}

.button:hover {
    text-decoration: none;
    opacity: 0.9;
}

a.button {
    color: #fff;
}

a.button:hover,  
a.button:focus,
a.button:active {
    color: #fff;
}


#header_top,
#header,
#top_menu,
#slider,
#block_company,
#wrapper,
#footer_top, 
#footer_bottom, 
#footer_center {
    width: 100%;
}

#header_top_main,
#header_main, 
#block_company_main,
#wrapper,
#footer_top_main, 
#footer_bottom_main, 
#footer_center_main {
    max-width: 1100px;
    margin: 0 auto;
    box-sizing: content-box;
}

.content-block {
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    box-sizing: content-box;
    overflow: hidden;
}

/* HEADER */

#header {
    width: 100%;
}

#header .fa {
    color: #48a216;
}

/* header top */

#header_top {
    background: #0074b8;
    color: #fff;
    overflow: hidden;
}

#header_top a {
    color: #fff;
}

#header_top_main {
    padding: 10px 10px;
    font-size: 0.9em;
    overflow: hidden;
}

#header_top_address {
    float: left; 
    margin: 0;
    padding-right: 15px;
    font-size: 1em;
}

#header_top_address .fa-map-marker:before {
    margin-right: 3px;
    font-size: 1.4em;
}

#header_top_email {
    float: left;
    margin: 0;
    padding-left: 15px;
}

#header_top_email .fa-envelope:before {
    margin-right: 3px;
    font-size: 1em;
}

#header_top_search {
    float: right;
}

#header_top_search form {
    position: relative;
    width: 230px;
}

#header_top_search input, button {
    border: none;
    outline: none;
    border-radius: 3px;
    box-sizing: border-box;
}

#header_top_search input {
    width: 100%;
    border: 1px solid #e9e9e9;
    height: 33px;
    background: #fff;
    color: #000;
    padding: 0 40px 0 15px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

#header_top_search button {
    height: 26px;
    width: 26px;
    position: absolute;
    top: 3px;
    right: 8px;
    background: none;
    cursor: pointer;
}

#header_top_search button:before {
    content: "\f002";
    font-family: FontAwesome;
    color: #999;
    font-size: 1.4em;
}

#header_top_menu {float: right; padding-left: 15px;}
    #header_top_menu ul {display: inline-flex;}
        #header_top_menu ul li {display: inline-block; margin: 0 18px;}
        #header_top_menu ul li:last-child {display: inline-block; margin: 0 0 0 18px;}
            #header_top_menu ul li a {color:#fff;}
            #header_top_menu ul li a:hover {text-decoration: underline;}

/*header main */

#header_main {
    height: 176px;
    margin-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
/*    box-sizing: border-box;*/
/*    overflow: hidden;*/
}

#header_logo {
    float: left;
/*    margin-top: 18px;*/
}

    
#header_logo:hover {
    opacity: 0.7;
}

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

#header_logo_img  {
    float: left;
}
    #header_logo_img small {
        color:#737373;
        font-size: 0.845em;
        line-height: 100%;
        font-family: 'Gilroy Regular';}

#header #header_logo_img .fa {
    padding: 5px 9px;
    font-size: 2.3em;
    background: #48a216;
    color: #fff;
    border-radius: 4px;
}

#header_logo_name {
    float: left;
    font-family: Play;
    font-size: 1.9em;
    font-weight: 600;
    letter-spacing: 0.06em;
    padding: 5px 0 0 10px;
}

#header_callback {
    float: right;
}
/*
#header_callback a {
    text-decoration: none;
    border-bottom: 1px dotted;
    cursor: pointer;
}

#header_callback a:hover {
    text-decoration: none;
    border: 0;
}*/

#header_contact {
    float: right;
    margin: 0;
    text-align: right;
}

#header_nomer {
    font-size: 1.875em;
   /* height: 49px; */
    /*line-height: 49px;*/
    line-height: 2.5rem;
    /*margin-bottom: 15px;*/
    margin-bottom: 5px;
    position:relative;
    font-family: 'Gilroy Semibold';
    font-weight: 600;
    margin-top: 15px;
}
    #header_nomer a {display: block; margin-bottom: 10px;}

#header_nomer a,
#header .hdslide_contact_nomer a {
    color: #0074b8;
}

#header_time {
    font-size: 0.85em;
}

#header_zayavka {

max-width: 300px;
padding-left: 30px;

}
    #header_zayavka a {float: left; margin: 0 15px 15px 0; min-width: 150px;}
    
    a.blue-btn {display: block; margin: 0; border-radius: 4px; color:#fff; text-decoration: none; font-family: 'Gilroy Semibold'; font-size: 1em; padding: 15px 15px 15px 67px; text-align: left; transition: 0.2s;}
        a.blue-btn#btn-zamer {background: url('../images/icn_rule.png') no-repeat 15px 7px #0074b8; margin-bottom: 15px;}
            a.blue-btn#btn-zamer:hover {background: url('../images/icn_rule.png') no-repeat 15px 7px #325467;}
        a.blue-btn#btn-calc {background: url('../images/icn_calc.png') no-repeat 15px 7px #0074b8;}
            a.blue-btn#btn-calc:hover {background: url('../images/icn_calc.png') no-repeat 15px 7px #325467;}
        a.blue-btn#btn-phone {background: url('../images/icn_phone.png') no-repeat 15px 7px #0074b8; margin-bottom: 0;}
            a.blue-btn#btn-phone:hover {background: url('../images/icn_phone.png') no-repeat 15px 7px #325467;}
        a.blue-btn#btn-faq {background: url('../images/icn_faq_w.png') no-repeat 15px 7px #0074b8; margin-bottom: 0;}
            a.blue-btn#btn-faq:hover {background: url('../images/icn_faq_w.png') no-repeat 15px 7px #325467;}
        
#header_text {
    float: left;
    margin: 23px 0 0 48px;
    color:#737373;
    font-size: 1.8125em;
    line-height: 120%;
    font-family: 'Gilroy Regular';
    /*float: right;
    margin: 24px 5% 0 0;
    padding: 10px 5% 10px 0;
    line-height: 120%;
    font-size: 0.9em;
    border-right: 1px solid #ccc;*/
}
/*
#header_zayavka .fa, #header_calc  .fa  {
    float: left;
    margin-right: 10px;
    font-size: 1.25em;
}*/
/*
#header_zayavka:hover {
    opacity: 0.7;
}*/
/*
#header_zayavka a {
    color: #fff;
}*/

/* TOP MENU */

#top_menu_main {
    /*background: #48a216;*/
}

#top_menu  a {
    color: #fff;
    text-transform: uppercase;
}

#top_menu ul li:hover,
#top_menu ul li.root-item-selected,
#top_menu ul li.item-selected {
    background: #f2f2f2;
    border-bottom: 5px #0074b8 solid; color:#0074b8;
}

#top_menu ul li ul li.root-item-selected,
#top_menu ul li ul li.item-selected {
    /*background: #48a216;*/
}

#top_menu ul li.item-selected > a {
    color: #0074b8;
    font-weight: 700;
}

/* SLIDER */

#slider {
    width: 100%;
    height: 500px;
    margin: 0 auto 1px auto;
    background: #000;
}

/* BLOCK KOMPANY */

#block_company {    
    margin-bottom: 10px;
    background: #f7f7f7;
}

#block_company_main {
    padding: 25px 1% 20px 3%;
    margin:  0 auto;    
    box-sizing: border-box;
    font-size: 0.8em;
}

#block_company ul {
    list-style: none;
}

#block_company ul li {
    display: inline-block;
    margin-right: 3%;
    width: 22%;
}

#block_company ul li:last-child {
    margin-right: 0;
}

#block_company ul li span {
    float: right;
    width: 75%;
    margin-top: 17px;
    font-size: 1.2em;
}

#block_company .ico {
    display: inline-block;
    width: 52px;
    height: 52px;
}

#block_company .ico_1 {
    background: url(../images/ico/1.svg) no-repeat;
    background-size: auto 52px;
}

#block_company .ico_2 {
    background: url(../images/ico/2.svg) no-repeat;
    background-size: auto 52px;
}

#block_company .ico_3 {
    background: url(../images/ico/3.svg) no-repeat;
    background-size: auto 52px;
}

#block_company .ico_4 {
    background: url(../images/ico/4.svg) no-repeat;
    background-size: auto 52px;
}

#block_company a {
    color: #000;
}

#block_company a:hover {
    opacity: 0.7;
}

/* WRAPPER */

#wrapper {
    min-height: 500px;
    padding: 70px 10px;
    overflow: hidden;
}

/* BREADCRUMB */

#breadcrumb {
    margin: 0 0 30px 300px; 
    overflow: hidden;
    color: #252d3e;
    font-family: "Gilroy Light";
}

#breadcrumb a {
    text-decoration: none;
    font-size: 1rem;
    color: #252d3e;
}

#breadcrumb a:hover {
    text-decoration: underline;
}

#breadcrumb ul {
    list-style: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#breadcrumb ul li {
    background: none;
    float: left;
    margin: 0 10px 0 0;
    font-size: 0.8em;
}

#breadcrumb li + li:before {
    content: "\f105";
    font-family: fontAwesome;
    font-size: 1em;
    margin: 0 10px 0 0;
}

#breadcrumb ul li:first-child {
    margin-left: 0;
    padding-left: 0;
}

#breadcrumb ul li:last-child {
    background: none;
    font-size: 0.9em;
    line-height: 1.3;
}

/* SIDEBAR */

#sidebar {
    float: left;
    width: 250px;
}

#sidebar_menu {
    overflow: hidden;
}

#section_element_menu ul.menu-element-list-active2 a.item-selected {
    /*color: #48a216;*/
}

#section_element_menu ul#vertical-multilevel-menu > li.menu-section-active2 > a {
    /*background: #48a216;*/
}

#section_element_menu ul#vertical-multilevel-menu > li.menu-section-drive-active > a {
    /*background: #48a216;*/
}

#section_element_menu ul#vertical-multilevel-menu li a:hover {
    /*background: #48a216;*/
    color: #fff;
}

/* CONTENT */

#content {
    margin-left: 300px;
    overflow: hidden;
}

#content h1 {
    font-size: 1.9em;
    margin: 0 0 22px 0;
}

#content h2 {
    font-size: 1.4em;
    margin: 27px 0 10px 0;
}

#content h3 {
    font-size: 1.3em;
    margin: 27px 0 10px 0;
}

#content h4 {
    font-size: 1.14em;
    margin: 27px 0 10px 0;
}

#content h5 {
    font-size: 1em;
    font-weight: bold;
}

#content p,
#content ul,
#content ol {
    color: #404040;
}

#content p {
    line-height: 1.5;
    margin: 0 0 10px 0;
}

#content table {
    width: 100%;
    border: 1px solid #dedede;
    font-size: 0.9em;
    margin: 20px 0;
}

#content td, #content th {
    border: 0;
    padding: 15px 5px;
    text-align: center;
    border: 1px solid #dedede;
}

#content th {
    text-transform: uppercase;
    padding: 15px 5px;
   /* background: #48a216;*/
   line-height: 1.1rem;
    color: #fff;
    font-size: 0.9em;
    font-weight: 600;
}
    #content th small {text-transform: initial; font-size: 12px;}
    #content table th .hr {height:1px; width: 100%; background:#fff; margin: 5px 0;}

#content tr {
    background: #fff;
}

#content table td:first-child {
    text-align: left;
    padding-left: 24px;
}

#content table tr:nth-child(odd) {
    background: #fcfcfc;
}

#content ul, #content ol {
    margin: 10px 0 20px 5%;
}

#content ul {
    list-style: square;
}

#content ol {
    list-style: decimal;
}

#content ul li, #content ol li {
    line-height: 1.5;
}

#content a {
    text-decoration: underline;
}

#content a:hover {
    text-decoration: none;
}

#content img {
    max-width: 100%;
    height: auto;
}

#content b, #content strong {
    font-weight: 600;
}

#content sup {
    position: relative;
    top: -0.5em;
}

#content sub {
    position: relative;
    top: 0.5em;
}

/*FOOTER*/

#footer {
    background:url('../images/footerBg.jpg') #f2f2f2 no-repeat right bottom;
    background-size: contain;
}
#footer a {
    color: #888;
}

#footer a:hover {
    color: #ccc;
}

#footer_top,
#footer_bottom {
    width: 100%;
    overflow: hidden;
}

#footer_top_main,
#footer_bottom_main {
    padding: 65px 0 30px 0;
    overflow: hidden;
}

#footer .title, #footer .title a {
    color:#919191; 
    font-size: 2rem; 
    font-family: 'Gilroy Regular'; 
    margin-bottom: 20px;
    text-decoration: none;
    opacity: 1;
}
    #footer .title a:hover {
        text-decoration: underline;
        opacity: 1;
    }

#footer_top_main .kontakty,
#footer_top_main .company,
#footer_top_main .proekty,
#footer_top_main .dopmenu {
    box-sizing: border-box;
}

#footer_top_main {
    border-bottom: 1px solid #888;
    color: #fff;
}

#footer_top_main .kontakty {
    float: right;
    width: 26%;
    padding-right: 5px;
}

#footer_top_main .company,
#footer_top_main .proekty,
#footer_top_main .dopmenu {
    float: left;
    width: 24%;
    padding: 0 5px;
}

#footer_nomer {
    font-size: 1.75em;
    font-family: 'Gilroy Semibold';
    margin-bottom: 20px;
}

#footer_callback {
    margin-bottom: 30px;
}

#footer_callback a {
    padding: 6px 10px;
    border: 2px solid #fff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}

#footer_callback a:hover{
    background: #fff;
    color: #000;
}

#footer_email {
    margin-bottom: 10px;
    font-size: 0.9em;
}

#footer_email a {
    color: #888;
}

#footer_address {
    font-size: 0.9em;
    margin-bottom: 30px;
    color: #888;
}

#footer_top_main .fa {
    color: #888;
    margin-right: 3px;
}
#footer_social .fa {color:#fff; font-size: 1.5rem; text-align: center; margin: 0 auto;}

#footer_top_main .footer_menu ul li {
    padding: 0 0 10px 0;
}

#footer_top_main .footer_menu a {
    font-size: 1.125em;
    color:#919191;
    text-decoration: none;
}
    #footer_top_main .footer_menu a:hover {
        text-decoration: underline;
    }

#footer_social ul {display: inline-block;}
#footer_social ul li {
    float: left;
    margin-right: 20px;
}
    #footer_social ul li:last-child{margin-right:0;}

#footer_social ul li a {
    position: relative;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background:#959595;
    color:#fff;
    border: 1px solid #888;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    transition: 0.2s;
}

#footer_social ul li a:hover {
    /*border: 1px solid #ccc;*/
    color: #959595;
    background:#fff;
}
#footer_social ul li a:hover .fa {color: #959595;}

#footer_social .fa-vk {
    /*position: absolute;
    top: 9px;
    left: 8px;*/
}

#footer_social .fa-facebook {
   /* position: absolute;
    top: 9px;
    left: 13px;*/
}

#footer_social .fa-twitter {
  /*  position: absolute;
    top: 9px;
    left: 11px;*/
}

#footer_social .fa-instagram {
 /*   position: absolute;
    top: 9px;
    left: 10px;*/
}

#footer_social ul li:last-child {
    padding-left: 0;
}

#footer_bottom_main {
    padding: 30px 0px;
    display: flex;
}

#footer_copyrait {
    display: flex;
    margin-top: 1px;
    color: #959595;
    width: 100%;
    font-size: 0.8em;
    justify-content: space-between;
}
    #footer_copyrait div {width: 50%;}
    #footer_copyrait div:last-child {text-align: right;}
    #footer_copyrait div:last-child a {margin:0;}

#footer_copyrait a {
    text-decoration: underline;
    margin-right: 10px;
    font-size: 0.9em;
}

#footer_stat {
    float: right;
    margin-right: 50%;
}

/* bitrix */
.borderbx {
    margin-top: 1px;
}

[id^=bx_incl] {
  display: inline;
}



/**/
a.more-link {color:#252d3e; font-size: 1.125rem; line-height: 1rem; font-weight: 400; font-family: "Gilroy Light";  text-decoration: none !important; display: block; float: right;}
a.more-link:hover {text-decoration: underline !important;}
    a.more-link .fa {font-size: 1.5rem;}
    a.more-link .fa:before {color:#252d3e; font-size: 1.5rem; font-weight: 400; padding: 0 0 0 5px;}
    
    
#formManager { background: url("../images/formManager.jpg") no-repeat center center; background-size: cover; min-height: 451px; width: 100%; padding: 0; margin: -130px 0 0 0; position: relative;}
#formManager #wrapper {min-height: 451px; padding: 0px 10px; overflow: hidden;}
    #form-box {display: block; width: 50%; padding-top:125px;}
    #form-box .titleForm {font-size: 3.875rem; color:#0074b8; font-family: "Gilroy Semibold";line-height: 3rem; margin-bottom: 10px;}
    #form-box .descForm {font-size: 1.25rem; color:#000000; font-family: "Gilroy Light";line-height: 1.75rem; margin-bottom: 10px;}
    form#feadbackManager .flexrow {display: flex; margin: 0 -8px;}
        form#feadbackManager input{background:#f2f2f2; border-radius: 4px; padding: 15px 25px; outline: none; border:none; box-sizing: border-box; margin: 0 7px 16px 7px; width: 250px;}
        form#feadbackManager input[type="submit"]{background:#0074b8; display: block;margin: 0;border-radius: 4px;color: #fff;text-decoration: none;font-family: 'Gilroy Semibold';font-size: 1em; padding: 15px; text-align: center; transition: 0.2s; clear: both; cursor: pointer;}
            form#feadbackManager input[type="submit"]:hover{background:#325467;}
        form#feadbackManager input:focus,form#feadbackManager input:hover{outline: none; border:none;}
            form#feadbackManager input::-webkit-input-placeholder,
            form#feadbackManager input::-moz-placeholder,         
            form#feadbackManager input:-moz-placeholder,          
            form#feadbackManager input:-ms-input-placeholder { color:#b6b6b6;}
    
#benefitsBlock {background:#0074b8; width: 100%; padding-top: 4rem; padding-bottom: 4rem; color:#fff;}
    
        #benefitsBlock #titleWhite {color:#fff; font-size: 3.5rem;font-family: "Gilroy Semibold"; margin-bottom: 4rem; padding: 0 20px; text-align: center;}
        #benefitsBlock .benefits-item {width: calc(25% - 40px); padding: 0 20px 20px; float: left; text-align: center; justify-content: center; font-family: 'Gilroy Regular'; font-size: 1.25rem;}
        #benefitsBlock .benefits-item:before {display: block; content: " "; width: 83px; height: 83px; background-position: top center; background-repeat: no-repeat; margin:0 auto 10px;}
            #benefitsBlock .benefits-item#zamer:before {background-image: url("../images/icn_zamer_bft.png");}
            #benefitsBlock .benefits-item#prdoplata:before {background-image: url("../images/icn_pay_bft.png");}
            #benefitsBlock .benefits-item#srok:before {background-image: url("../images/icn_calendat_bft.png");}
            #benefitsBlock .benefits-item#montag:before {background-image: url("../images/icn_montag_bft.png");}
            #benefitsBlock .benefits-item#minsrok:before {background-image: url("../images/icn_timer_w.png");}
            #benefitsBlock .benefits-item#specusl:before {background-image: url("../images/icn_spec_usl_w.png");}
            #benefitsBlock .benefits-item#teplovis:before {background-image: url("../images/icn_teplovis.png");}
            #benefitsBlock .benefits-item#reputation:before {background-image: url("../images/icn_reputation.png");}
            #benefitsBlock .benefits-item#kvalif:before {background-image: url("../images/icn_kvalif.png");}
         #benefitsBlock .benefits-item small {font-size: 0.845em;}

            
.production-index, .service-index, .partners-index{margin: 50px -12px; position: relative; overflow: hidden;}
.itemProduct, .itemPartner {width: 25%; float: left; padding: 0 12px; margin-bottom: 30px; box-sizing: border-box;}
    .productImage {background:#f2f2f2; border-radius: 10px; margin-bottom: 10px; width: 100%; height:275px; display: table-cell; vertical-align: middle;}
        .productImage img {max-width: 100% !important; width: auto; /*height:100%!important;*/ margin: 0 auto 10px auto;}
    .productName {margin-top: 10px;}
    .itemProduct a {color:#000; font-size: 1.25rem; line-height: 1.375rem; text-decoration: none !important; display: block;}
    .itemProduct a:hover {color:#00c0ed; font-size: 1.25rem; line-height: 1.375rem;}
    .production-index .itemProduct .productName {font-size: 1.25rem;}
    
    .itemPartner .imgPartner {margin-bottom: 10px; width: 100%; /*height:275px;*/ display: block; vertical-align: middle; background-size: 100%;}
    .itemPartner .imgPartner img {max-width: 100% !important; width: auto; margin: 0 auto 10px auto;}
    .itemPartner .partnerName {font-size: 0.85em; color:#000; line-height: 1.375rem;text-decoration: none !important; display: block;}
    
    .production-index .itemProduct .productImage { background-size: contain; width: 100%; height: 250px; display: block; margin-bottom: 15px;}
    
.production-catalog {margin: 0; position: relative; overflow: hidden; background: #00c0ed; padding: 65px 0 30px;}
    .production-catalog h2 {color:#fff; font-size: 2.1875rem; margin-bottom: 40px; text-align: center;}
.production-catalog .itemProduct {width: 25%; float: left; padding: 0 7px; margin-bottom: 30px; box-sizing: border-box; position: relative; text-align: center;}
    .production-catalog img {max-width: 100% !important; width: auto!important; height: auto !important; margin: 0 auto 10px auto;}
    .production-catalog .itemProduct a {text-align: center;}
    .production-catalog .productName {margin-top: 10px; /*position: absolute; */bottom: 0; width: 100%;}
    .production-catalog .itemProduct a .productName{color:#fff; font-size: 1.25rem; line-height: 1.375rem; text-decoration: none !important; display: block; text-align:center;}
    .production-catalog .itemProduct a:hover .productName {color:#fff; font-size: 1.25rem; line-height: 1.375rem;}
    .production-catalog .itemProduct a.imgLink { background-size: contain; width: 100%; height: 250px; display: block; margin-bottom: 15px;}
    
.itemService {width: 33.33%; float: left; padding: 0 12px; margin-bottom: 30px; box-sizing: border-box;}
    .serviceImage {border-radius: 10px; margin-bottom: 20px; width: 100%; display: table-cell; vertical-align: middle;}
        .serviceImage img {max-width: 100%;border-radius: 10px; width: auto; height:100%; margin: 0 auto 10px auto;}    
    .itemService a {color:#000; font-size: 1.25rem; line-height: 1.375rem; text-decoration: none !important; display: block;}
    .itemService a:hover {color:#00c0ed; font-size: 1.25rem; line-height: 1.375rem;}
            
@media screen and (max-width: 768px) {
    form#feadbackManager .flexrow {display: block;}
    #form-box {padding-top: 75px;}
    
    #form-box .titleForm{font-size: 2.5rem;}
    
    #benefitsBlock{padding-top: 2rem; padding-bottom: 2rem; margin-bottom: 20px;}
    #benefitsBlock #titleWhite  {font-size: 2rem; margin-bottom: 2rem;}
        #benefitsBlock .benefits-item {width:50%; padding: 0 0 20px 0;font-size: 1.125rem; }
        #benefitsBlock .benefits-item:before {display: block; content: " "; width: 63px; height: 63px; background-position: top center; background-repeat: no-repeat; background-size: cover; margin:0 auto 10px;}
        .itemProduct{padding:0;}
        .productImage {display: block; text-align: center;}
   /* form#feadbackManager input {width: 100%; margin: 0 7px;}*/
}

.cc_map {width: 100%; height: 400px;}

#stepToOrder {position: relative;counter-reset:stepCounter; overflow: hidden;}
#stepToOrder .itemStep { color:#252d3e; font-family: 'Gilroy Light'; height: 6rem; padding: 0; position: relative; width: 50%; float: left; box-sizing: border-box;}
#stepToOrder .itemStep span { color:#252d3e; font-family: 'Gilroy Light'; font-size: 1.125rem; line-height: 1.375rem;}
#stepToOrder .itemStep:before { counter-increment: stepCounter; content: counter(stepCounter); font-family: 'Gilroy Heavy'; color:#f2f2f2; font-size: 6rem; position: absolute; z-index:-1; top:-35px; left:0;}
    #stepToOrder .itemStep#step1{background: url('../images/step_1.png') no-repeat 20px 0px; padding-left: 88px;}
    #stepToOrder .itemStep#step2{background: url('../images/step_2.png') no-repeat 20px 0px; padding-left: 88px;}
    #stepToOrder .itemStep#step3{background: url('../images/step_3.png') no-repeat 20px 0px; padding-left: 88px;}
    #stepToOrder .itemStep#step4{background: url('../images/step_4.png') no-repeat 20px 0px; padding-left: 88px;}
    #stepToOrder .itemStep#step5{left: 25%; background: url('../images/step_5.png') no-repeat 20px 0px; padding-left: 100px;}
    
    .titleBlock, .titleBlock a{font-size: 2.1875rem; font-family: 'Gilroy Regular'; color:#252d3e; margin-bottom: 3.125rem; text-align: center; display: block; text-decoration: none !important;}
    .titleBlock2 {font-size: 1.775rem; font-family: 'Gilroy Regular'; color:#252d3e; margin-bottom: 1.5rem; text-align: center; display: block;}

    
.section-list {position: relative; width: 100%;/* margin-left: -15px; margin-right: -15px;*/}
    .section-list .itemPSection{width: calc(33.33% - 30px); float: left; padding: 0 15px; margin: 0 auto 20px;}
        .section-list .itemPSection img {margin: 0 auto 30px auto; display: block;}
        .section-list .itemPSection .sectinDesc b {color:#555; font-size:1.0625rem; font-family: 'Gilroy Semibold'; line-height: 1.5625rem; }
        .section-list .itemPSection .sectinDesc {color:#555; font-size:1.0625rem; font-family: 'Gilroy Light'; line-height: 1.5625rem;text-align: center;}
    
.text-center-price {text-align: center; font-size: 0.875rem; line-height: 1.5rem; margin-bottom: 5rem;}

/*список статей слева*/
.link_all {padding-left: 15px;}
.article_img a b {color:#252d3e; font-size: 1.125rem; font-family:'Gilroy Semibold';}
.article_img a {display: block; text-decoration: none;}
.article_img a:hover {display: block; text-decoration: underline;}
.article_img img {display: block; width:100%; max-width: 100%; margin: 1rem 0;}
#list_article a.article_text {font-size: 1rem; color:#252d3e; font-family:'Gilroy Light'; line-height: 1.125rem; text-decoration: none;}
    #list_article a.article_text:hover {text-decoration: underline;}
    
.wrapper-Partner {display: flex;}
.col-partner { width: 25%; position:relative; display: table-cell; vertical-align: middle; margin: 0 0 20px; padding: 0 7px 20px;float: left; overflow: hidden;}
    .col-partner img { width: auto; max-width: 100%; height: auto; display: block; margin-bottom: 10px;}
    .col-partner p { position: absolute; bottom:0; margin: 0; padding: 0;}
    
#bannerService {color:#fff;}
#bannerService a.blue-btn.orderMake {
    display: inline-block;
    margin: 0;
    border-radius: 4px;
    color: #fff;
    background: #0074b8;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Gilroy Semibold';
    font-size: 1em;
    padding: 15px 30px;
    text-align: left;
    transition: 0.2s;
}
    #bannerService a.blue-btn.orderMake:hover {background:#325467;}
.bannerTextBlock {font-size: 4rem; font-family: 'Gilroy Semibold'; margin-bottom: 5px; padding-top:4rem;}
    .bannerTextBlock .price { font-size: 1.9rem; margin-bottom: 35px;}
    
    
.portfolioSection {position: relative; overflow: hidden; margin: 0 -15px;}
    .portfolioSection .galleryItems {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        display: inline-block;
        float: left;
        vertical-align: top;
        width: calc(50% - 30px);
        max-width: 384px;
        margin: 0 15px 30px;
        vertical-align: top;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-shadow: 0 15px 10px -14px #9d9cab;
        background: #fff;
        text-align: center;
        box-sizing: border-box;
    }
    .portfolioSection .galleryItems img {
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }
    .portfolioSection .galleryItems .name-object { font-size: 1.3rem; text-align: left; padding: 0 30px;}
    .portfolioSection .galleryItems .text-gallery { font-size: 1rem; text-align: left; padding: 0 30px 30px;}

    
/*margin*/
.m30 {margin-bottom: 1.875rem;}
.m50 {margin-bottom: 3.125rem;}
.m80 {margin-bottom: 4.5rem;}


.colProductMoeller {    
    width: 50%;
    background: #fff;
    box-sizing: border-box;
    padding: 0 7px;
    margin: 0 0 20px;
    float: left;
    overflow: hidden;}
        .colProductMoeller img {max-width: 100%; width: auto; height: auto; display: block;}
        
.colUslugiRow {position: relative;  margin-bottom: 40px;  overflow: hidden;  }     
.colUslugiRow h3 {font-size: 1.3em !important; margin: 0 0 30px 0!important; }
.colUslugiImg {width: 50%; float: left; margin-bottom: 15px;}          
    .colUslugiImg img {max-width: 100%; width: auto;}
    
.colUslugiText { margin-left: 50%; padding-left: 30px;}

.videoContainer-1 {width: 100%; max-width: 480px; margin: 0 auto 20px;}
    .videoContainer-1 .titleVideo {font-size: 0.9rem; font-weight: 600;}
    .videoContainer-2 {width: 50%; max-width: 480px; margin: 0 auto 20px; float: left;} 
    .videoContainer-2 .embed-responsive{width: calc(100% - 15px); margin-right: 15px;} 

@media screen and (max-width: 568px){
    form#feadbackManager .flexrow {margin: 0;}
    form#feadbackManager input {width:100%; margin: 0 0 16px 0;}
    
    .titleBlock {font-size: 1.1875rem; font-family: 'Gilroy Regular'; color:#252d3e; margin-bottom: 2rem; text-align: center; display: block;}
    .itemStep br {display: none;}
    
    #stepToOrder .itemStep{width:100%;}
    #stepToOrder .itemStep#step5{left: 0;}
    
    .colProductMoeller {    
        width: 100%;
        background: #fff;
        box-sizing: border-box;
        margin: 0 0 20px;
        padding: 0 7px;
        float: left;
        overflow: hidden;}
        
        
            
    .colUslugiRow {position: relative; margin-bottom: 40px;}
    .colUslugiImg {width: 100%;float: right;}
    .colUslugiText {padding: 0; margin:0;}
    
    
    .parent-scroll {overflow: scroll;}
    table.table-scroll {overflow:scroll;}        
    table.table-scroll tbody {overflow: auto;}
    
    
    .videoContainer-1 {width: 100%; max-width: 480px; margin: 0 auto 20px;}
        .videoContainer-1 .titleVideo {font-size: 0.9rem; font-weight: 600;}
        .videoContainer-2 {width: 100%; max-width: 480px; margin: 0 auto 20px; float: none;} 

}

.slider-img {background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; height:100%; position:absolute; z-index:1;}