@import "https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
html{font-size:16px}
:root{
    --baseColour:#338ed3;
    --baseColour2:#053e69;
    --lightgrey:#e7e7e7;
    --darkgrey:#868686
}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;color:#000;box-sizing:border-box;font-weight:400;margin:0;padding:0;font-size:1rem;background-repeat:no-repeat!important;font-family:'Roboto',sans-serif}
body,html{padding:0;margin:0 auto;min-width:320px;background:#fff}
:before,:after{background-repeat:no-repeat!important}
html{height:100%}
body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}
.main-content{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}
header{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
footer{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;background:var(--baseColour2)}
p:not(.warning){margin:10px 0}
[class^=wrapper-],[class*=" wrapper-"],.wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
span,em,b,strong,i,a{font-size:inherit;color:inherit}
a,.btn,[class^=btn-],button{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
.content{width:90%;margin:0 auto;max-width:1650px;}
.content.text-page img{float:right;margin-left:40px;width:45%}
.cap-up{padding:10px 0;background:var(--lightgrey)}
.cap-up i{color:#338ed3;margin-right:5px}
.cap-up .logo img{display:block}
.cap-base{padding:1rem 0;position:relative}
.cap-base .menu{flex-grow:1;padding:0 30px}
.cap-base .menu ul{display:flex;align-items:center;justify-content:space-between}
.cap-base .menu ul li{list-style:none}
.cap-base .menu ul li a{text-decoration:none;text-transform:uppercase}
.cap-base .menu ul li.active > a{text-decoration:underline}
.cap-base .cap-contacts{display:flex;flex-direction:column;align-items:end;justify-content:flex-end;margin-left:2rem}
.cap-base .cap-contacts .phone{margin-bottom:.3rem}
.cap-base .phone{display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;font-weight:500}
.cap-base .phone i{display:flex;align-items:center;justify-content:center;width:25px;height:25px;background:var(--lightgrey);color:var(--baseColour);border-radius:100%;margin-right:.5rem;font-size:.875rem}
.cap-base .submenu ul ul{display:block}
.cap-base .submenu ul ul a{text-transform:initial;font-size:.875rem;line-height:105%;display:inline-block;position:relative;padding-left:10px}
.cap-base .submenu ul ul a:before{content:"";border:3px solid transparent;border-left:5px solid var(--darkgrey);display:inline-block;position:absolute;top:4px;left:0}
.cap-base .cfcities {
    margin: 8px 0;
}
.whatsapp {
    text-decoration: none;
    width: 2rem;
    background: green;
    border-radius: 100%;
    color: #fff;
    font-size: .875rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}
.telegram {
    font-size: 1.9rem;
    color: #0088cc;
    margin-left: 0.5rem;
}
.telegram:hover {
    color: #0375ae;
}
.max {
    margin-left: 0.5rem;  
    padding-top: 2px;
    transition: opacity ease .2s;
}
.max:hover {
    opacity: 0.8;
}
.max img {
    width: 32px;
    height: 32px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.phone {
    text-decoration: none;
}
.whatsapp {background: green;}
.whatsapp:hover{background:#2e5f03}
.base-link{border:none;text-decoration:none;cursor:pointer;color:var(--baseColour2);border-bottom:1px dashed;display:inline-block}
.base-link:hover,.menu ul li a:hover{color:var(--baseColour)}
.submenu{position:absolute;left:0;width:100%;
background:#fff;z-index:10;border-top:1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;top:100%;padding:.5rem 0;display:none}
.submenu .content > ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.submenu .content > ul > li {
    width: calc(100% / 6);
}
.submenu .content > ul > li > a{font-size:16px;text-transform:initial;font-weight:600;color:#000}
.submenu .content > ul > li > a:hover{color:var(--baseColour2)}
.submenu .content > ul > li > span{font-weight:bold;display:block;margin-bottom:.5rem}
.submenu li{list-style:none}
.submenu li.active > a{text-decoration:underline;color:var(--basecolordark)}
.submenu ul ul{display:block;margin-top:.5rem}
/* .submenu ul ul li + li{margin-top:5px} */
.submenu ul ul ul{margin:10px 0 10px 10px;margin:10px 0 10px 10px}
.submenu ul ul ul li{margin:0;position:relative}
.submenu ul ul ul li:before{content:"";width:4px;height:4px;border-radius:50%;display:inline-block;background:#000;position:absolute;top:8px;left:-10px}
.submenu a{text-decoration:none}
.submenu a:hover{color:var(--basecolor)}
span{color:inherit}
.btn-menu{display:flex;align-items:center;justify-content:space-around;cursor:pointer;display:flex;align-items:center;justify-content:space-around;cursor:pointer;padding:7px 10px;background:var(--baseColour);border-radius:20px}
.btn-menu.active .nav-icon span{transition-duration:.1s;transition-delay:.25s;background:transparent}
.btn-menu.active .nav-icon span:after{transition:top .4s transform .25s .25s;top:0;transform:rotateZ(45deg)}
.btn-menu.active .nav-icon span:before{transition:top 0.25s,transform .25s .25s;top:0;transform:rotateZ(-45deg)}
.btn-menu span{text-transform:uppercase;color:#fff}
.btn-menu:hover{background:var(--baseColour2)}
.nav-icon{width:20px;position:relative;transition-duration:1s;cursor:pointer;margin-left:.5rem;top:-1px}
.nav-icon span{height:2px;width:100%;background-color:#fff;position:absolute;transition-duration:.25s;transition-delay:.25s}
.nav-icon span:after{left:0;position:absolute;top:5px;height:2px;width:100%;background-color:#fff;content:"";transition-duration:.25s;transition:transform 0.25s,top .25s .25s}
.nav-icon span:before{left:0;position:absolute;top:-5px;height:2px;width:100%;background-color:#fff;content:"";transition-duration:.25s;transition:transform 0.25s,top .25s .25s}
.banner-section{
    background:#000 url(img/banner-cap3.jpg) top center;
    background-size:cover;padding:4rem 0;
    
}
.banner-section .content{background:rgba(0,0,0,0.45);border-radius:20px;padding-left:40px}
.banner-box{width:61%}
.banner-box ul li {
    display: inline-block;
    color: #fff;
    list-style: none;
    position: relative;
    padding-left: 20px;
    margin-right: 10px;
    font-size: 1.15rem;
    margin-bottom: 4px;
    
}
.banner-box ul {
    margin: 1rem 0;
}

.banner-box ul li:before {
    content: "\f00c";
    display: block;
    font: normal normal normal 14px/1 FontAwesome;
    position: absolute;
    top: 6px;
    left: 0;
    color: yellow;
}
.banner-box h1{margin-bottom:0;color:#fff;font-size:2rem;}
.banner-box p{color:#fff;font-size:1.1rem;color:#fff;font-size:1.1rem}
.banner-form{width:33%;background:#fff;border-radius:0 20px 20px 0;padding:2rem}
.banner-form .title{font-size:2rem;font-size:2rem}
h1{font-size:2.7rem;margin-bottom:2rem}
form input{width:100%;border:1px solid grey;height:44px;padding:10px;margin:7px 0;font-size:.875rem}
form button{background:gold;color:#000}
.btn,form button{border:none;cursor:pointer;padding:.7rem 1.2rem;background:var(--baseColour);border-radius:20px;color:#fff;text-decoration:none;margin:1rem 0;display:inline-block;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center}
.btn:hover,form button:hover{background:var(--baseColour2);color:#fff}
.warning{font-size:.875rem}
.btn i{margin-left:.2rem;vertical-align:top}
h2,.title-m{margin:2rem 0;font-size:2.5rem}
.center{text-align:center}
.section{padding:3rem 0;overflow:hidden}
.section.video-section{background:#000 url(img/banner-3.jpg) top center;background-size:cover;background-attachment:fixed}
.section.video-section *{color:#fff}
.service-item{width:24%;height:250px;width:24%;margin:8px 0;position:relative}
.service-item img{width:100%;height:100%;opacity:0}
.service-item a{display:block;width:100%;height:100%;position:relative;z-index:2;position:absolute;top:0;left:0}
.service-item a .name{position:absolute;padding:1.5rem;left:0;bottom:0;color:#fff;font-size:1.2rem}
.service-item:before{content:"";width:100%;height:100%;display:block;background:rgba(0,0,0,0.5);z-index:1}
.service-item .more{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--baseColour2);opacity:0;transition:.3s}
.service-item .more i{margin-left:.5rem}
.service-item:hover .more{opacity:1}
.service-item:nth-child(1),.service-item:nth-child(6),.service-item:nth-child(7),.service-item:nth-child(12),.service-item:nth-child(13),.service-item:nth-child(18),.service-item:nth-child(19),.service-item:nth-child(24),.service-item:nth-child(25){width:49.3%}
.breadcrumb-section{border-top:1px solid var(--lightgrey);padding-top:10px;margin-bottom:20px}
ol.breadcrumb{display:flex;align-items:center;justify-content:flex-start;margin:0px !important;}
ol.breadcrumb li{list-style:none;margin-right:3px}
ol.breadcrumb li:not(:last-child):after{content:"/";margin-left:4px}
ol.breadcrumb li:nth-child(1) a:before{content:"\f015";display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:5px;color:var(--baseColour2)}
ol.breadcrumb *{font-size:12px}
.text{margin-bottom:2rem}
.text .list{margin:2rem 0}
.fancybox-inner path{fill:#fff!important}
.gallery-item{width:calc((100% / 3) - 1%);margin:.5%}
.gallery-item a{display:block;width:100%;height:100%;position:relative;overflow:hidden}
.gallery-item a img{width:100%;display:block}
.gallery-item a:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:#2269a382;z-index:2;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out;opacity:0}
.gallery-item a:before{content:"+";display:inline-block;font-size:inherit;font-size:20px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;margin:0 auto;top:calc(50% - 10px);position:absolute;left:0;right:0;text-align:center;z-index:3;opacity:0;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-webkit-transition:all .2s ease-out}
.gallery-item a:hover:after,.gallery-item a:hover:before{opacity:1}
.btn-border{border:none;cursor:pointer;padding:.7rem 1.2rem;border:1px solid;border-radius:20px;color:#fff;text-decoration:none;margin:1rem 0;display:inline-block;text-transform:uppercase}
.btn-border:hover{background:#fff;color:#000}
.btn-border:hover i{color:#000}
.advantage-item{width:calc(100%/3);text-align:center;margin-top:4rem}
.advantage-item .number{width:5rem;height:5rem;background:gold;color:#000;border-radius:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;font-size:2rem}
.advantage-item p{font-size:1.2rem;margin-top:1rem}
.wow{visibility:hidden}
.wrapper-clients{justify-content:center}
.wrapper-clients img{max-width:120px;max-height:120px;margin:1rem 3rem}
.bg{background:var(--lightgrey)}
.bg h2{margin-top:0}
.stars i{color:gold}
.feedback-item{padding:2rem;background:#fff;border:1px solid var(--lightgrey);border-radius:20px;box-shadow:0 0 4px var(--lightgrey);position:relative;padding-bottom:4rem}
.feedback-item p{font-size:.875rem;color:grey;margin-top:1.5rem}
.feedback-item img{width:45px;height:45px;border-radius:100%;border:1px solid var(--lightgrey);margin-right:20px}
.feedback-item .wrapper-feedback-info{justify-content:flex-start}
.feedback-item .wrapper-feedback-info .name{font-size:1.2rem}
.wrapper-feedback-date{position:absolute;bottom:0;left:0;width:100%;padding:2rem;padding-top:0}
.wrapper-feedback-date .date{color:grey;font-size:.875rem}
.owl-stage{display:flex;align-items:flex-start;cursor:grabbing}
.form-section{background:#000 url(img/bg2.png) top center;background-size:cover}
.form-section .title-m{margin-top:0}
.form-section div,.form-section p{color:#fff}
input.input{position:absolute;left:-9999px}
.base-form{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.base-form button{max-width:200px}
.base-form input,.base-form button{width:32%}
.approval-wrap {display: flex; gap: 10px; align-items: center; text-align: left; width: 100%;}
.approval-wrap input {width: auto !important; height: auto !important; margin: 0 !important;}
.form-section .form{max-width:800px;margin:0 auto}
.form p a{color:gold}
.form p a:hover{opacity:.7}
.footer-box > ul{display:flex;align-items:flex-start}
.footer-box > ul li a{color:#fff}
.footer-box > ul > li{list-style:none;list-style:none}
.footer-box > ul > li > a{font-size:1.2rem;text-decoration:none;margin:10px 0;display:block;font-size:1.2rem;text-decoration:none;margin:10px 0;display:block}
.footer-box li{list-style:none;list-style:none}
.footer-box a{text-decoration:none;text-decoration:none}
.footer-box ul ul a{font-size:14px;line-height:99%;display:block}
.footer-box ul ul li + li{margin-top:10px}
.footer-box .contacts-box{text-align:right;color:#fff;display:flex;align-items:center;justify-content:flex-end}
.bottom{padding:.5rem 0;text-align:center;font-size:.875rem;background:var(--lightgrey)}
.contacts-box *{color:#fff}
.contacts-box .title{opacity:.5}
.footer-menu ul{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}
.footer-menu ul li{list-style:none}
.footer-menu ul li a{color:#fff;text-decoration:none;text-transform:uppercase;font-size:.875rem}
.footer-menu ul li a:hover{opacity:.6}
.footer-menu ul li.active a{text-decoration:underline}
.footer-menu .content{border-bottom:1px solid #fff}
table{width:100%;border-collapse:collapse}
table td:first-child{text-align:left}
table td{text-align:center}
table caption{text-align:center;padding:1rem;background:var(--baseColour);border:1px solid var(--darkgrey);border-bottom:0;color:#fff;font-size:1.25rem}
table + table{margin-top:2rem}
table th{font-weight:bold;font-size:1.125rem;background:var(--lightgrey)}
table th:last-child left{text-align:center}
table th:first-child{text-align:left; border-right-color:#fff}
table th:not(:last-child){border-right-color:#fff}
table .btn{margin:0}
table td,table th{width:initial;border:1px solid var(--lightgrey);padding:1rem}
table td:last-child {
    width: 3rem;
}
table td:nth-child(3) {
    width: 10rem;
}
table td:nth-child(2) {
    width: 7rem;
}
.empty{height:80px}
.service-page ul,.text-section ul{margin:1rem 0}
.list li:before,.service-page ul li:before,.text-section ul li:before{content:"";border:3px solid transparent;border-left:5px solid var(--baseColour);display:inline-block;position:absolute;top:4px;left:0}
.list li,.service-page ul li,.text-section ul li{position:relative;list-style:none;padding-left:12px;margin-bottom:10px}
.banner-text{width:calc(100% - 300px);padding-top:4rem}
.banner-page ol.breadcrumb *,.banner-page ol.breadcrumb li:nth-child(1) a:before{color:#fff}
.banner-page{position:relative}
.banner-page ol.breadcrumb i{color:#fff}
.banner-page.company-page{background:#000 url(img/banner-4.jpg) top center;background-size:cover;padding-bottom:6rem}
.banner-page .content{position:relative;z-index:1}
.banner-page:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.35)}
.banner-text *{color:#fff}
.banner-text ol {
    margin-left: 20px;
}
.banner-text ol + ul li {
    display: inline-block;
    margin-right: 10px;
}
.wrapper-video-section .video-box{width:49%}
.wrapper-video-section .video-box iframe{width:100%;height:355px}
.wrapper-text .text{width:50%}
.wrapper-text .text + img{width:39%}
.wrapper-contacts-section{align-items:flex-start;align-items:flex-start}
.wrapper-contacts-section .map{width:50%;width:50%}
.wrapper-contacts-section .contacts-page{width:45%;width:45%}
.contacts-page-box .title{font-size:1.2rem;color:var(--baseColour2);margin-bottom:.5rem}
.contacts-page-box .title i{margin-right:5px}
.contacts-page-box + .contacts-page-box{margin-top:1.2rem}
.contacts-page-box a{text-decoration:none}
.contacts-page > p{margin:-20px 0 40px}
.wrapper-help-section{margin-top:3rem;padding:1rem 2rem;background:var(--lightgrey);justify-content:center}
.wrapper-help-section a:not(.btn){font-size:1.6rem;text-decoration:none;margin:0 1rem;color:var(--baseColour)}
.wrapper-help-section span{font-size:1.2rem}
.wrapper-help-section .btn{margin-left:1rem}
.wrapper-gallery-section{justify-content:flex-start}
.wrapper-gallery-section.item-4 .gallery-item{width:calc((100% / 4) - 1%)}
caption.text-left{text-align:left}
h3{margin:1.5rem 0;font-size:2rem}
.project-item{width:calc((100% / 3) - 1%);
background:#fff;border:1px solid var(--lightgrey);
border-radius:20px;box-shadow:0 0 4px var(--lightgrey);
overflow:hidden;display:flex;flex-wrap:wrap;margin:0 .5% 20px;position:relative}
.project-item img{width:100%;max-width:initial}
.project-item a{display:block;width:100%;overflow:hidden}
.project-item a:hover img{opacity:.9}
.project-item img{width:100%;display:block}
.project-item .name{display:inline-block;text-decoration:none}
.project-item .name:hover{color:var(--baseColour)}
.project-item.project-item-slider{display:inline-block}
.project-text{padding:1rem;padding:1rem 1rem;align-self:flex-start}
.project-text p{font-size:.875rem;color:var(--darkgrey)}
.wrapper-container-4{align-items:stretch}
.wrapper-container-3{justify-content:flex-start;align-items:stretch}
.wrapper-container-3 > div{width:calc((100% / 3) - 1%);margin:0 .5% 1%}
.owl-nav{position:absolute;top:calc(50% - 21px);width:100%;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:0 10px}
.owl-nav.disabled{display:none}
.owl-nav button{width:40px;height:40px;border:1px solid var(--lightgrey);display:inline-block;background:#fff;border-radius:100%;cursor:pointer}
.owl-nav button:before{font:normal normal normal 14px/1 FontAwesome}
.owl-nav button.icon-angle-left:before{content:"\f104"}
.owl-nav button.icon-angle-right:before{content:"\f105"}
.slider{position:relative;overflow:hidden;align-self:flex-start;position:relative;overflow:hidden}
.slider .owl-stage-outer{overflow:hidden}
.owl-dots{display:none;display:none}
.project-item-box{width:50%;border:1px solid grey;border-radius:20px;position:relative;overflow:hidden}
.project-item-box img{width:100%}
strong,s{font-weight:bold}
.wrapper-buttons{justify-content:center}
.wrapper-buttons a{margin:20px 10px}
.hidden{display:none}
.modalFormWrapper .base-form,.banner-form .base-form{flex-direction:column}
.modalFormWrapper .base-form input,.modalFormWrapper .base-form button,.banner-form .base-form input,.banner-form .base-form button{width:100%;max-width:initial}
.modalFormWrapper{max-width:500px}
.modalFormWrapper + .fancybox-button path{fill:#000!important}
.modalFormWrapper .title-m{margin:1rem 0;font-size:2rem}
#jGrowl{font-size:1rem;line-height:110%;margin:0;z-index:160}
#jGrowl .jGrowl-notification{position:relative;max-width:250px;width:90%;margin:0 auto;padding:20px 5px;text-align:center;background:#fff!important;-webkit-box-shadow:0 0 0 3px #ababab!important;box-shadow:0 0 0 3px #ababab!important;border:0 solid #ababab!important}
#jGrowl .jGrowl-notification .jGrowl-close{display:none!important}
#jGrowl .jGrowl-notification .jGrowl-message{color:#000!important;font-size:1rem}
.jGrowl.top-right{left:0!important;top:calc(50% - 15px)!important;right:0!important;margin:0 auto!important}
textarea{width:100%;border:1px solid grey;height:44px;padding:10px;margin:7px 0;font-size:.875rem;height:100px;resize:none}
.banner-line-form{background:var(--lightgrey)}
.wrapper-after-banner-form .title{font-size:1.8rem;color:var(--baseColour2)}
.wrapper-after-banner-form .form{max-width:calc(100% - 250px);flex-grow:1}
/*.wrapper-after-banner-form .warning{display:none}*/
.wrapper-after-banner-form .warning a {color: #338ed3;}
.wrapper-after-banner-form .approval-wrap {margin-bottom: 10px;}
.wrap-list ul{display:flex;align-items:flex-start;flex-wrap:wrap;margin:1rem 0}
.wrap-list ul li{width:calc(100% / 3)}
.wrap-list ul a:hover{color:var(--baseColour2)}
.wrapper-stages-of-work .stage-box{position:relative;padding:1rem;background:#fff;border:1px solid var(--lightgrey);border-radius:0 20px 0 20px;display:inline-block;max-width:200px}
.wrapper-stages-of-work .stage-box:nth-child(3),.wrapper-stages-of-work .stage-box:nth-child(7){margin-top:40px}
.wrapper-stages-of-work .arrow-image:nth-child(2),.wrapper-stages-of-work .arrow-image:nth-child(6){transform:rotate(20deg);margin-top:79px;position:relative;left:-8px}
.wrapper-stages-of-work .stage-box span{position:absolute;top:-10px;left:-10px;width:25px;height:24px;background:var(--baseColour);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold}
.modalFormWrapper{max-width:500px}
.modalFormWrapper .title-m{margin:1rem 0;font-size:2rem}
.work-form .form{margin:0}
.work-form .form textarea{width:100%}
.work-form .form form{flex-wrap:wrap}
.cap-base.fixed{position:fixed;top:0;left:0;width:100%;background:#fff;z-index:9;border-bottom:1px solid var(--lightgrey);padding:3px 0}
.cap-base.fixed + .after{height:105px}
.content .content {
    width: 100%;
    padding: 0;
}
table tr.caption td {
    background: #444343;
    color: #fff;
}
ol li::marker {
    color: var(--baseColour2);
}

ol {
    margin: 20px;
}
.submenu .content > ul {
    width: 90%;
    margin: 0 auto;
}
.wrapper-images {
    justify-content: flex-start;
}
.wrapper-services-category .service-item-category {
    width: calc((100% / 3) - 1rem);
    margin: .5rem;
    border: 1px solid #d8d5d5;
    transition: .5s;
}

.wrapper-services-category .service-item-category img {
    width: 100%;
}

.wrapper-services-category .service-item-category a:last-child {
    padding: 2rem .5rem;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}

.wrapper-services-category .service-item-category:hover {
    background: #e4e2e299;
}

.wrapper-services-category {
    align-items: stretch;
}
@media all and (min-width:1024px) {
.menu-btn,.hc-offcanvas-nav.hc-nav-1{display:none!important}
}
@media all and (max-width:1250px) {
.logo img{width:100%}
.logo{width:110px}
.cap-base .cap-contacts{margin-left:1rem}
.cap-base .menu ul li a,.btn-menu span{text-transform:initial}
.cap-base .phone{font-size:1.1rem}
.nav-icon{width:12px}
.cap-base .menu{padding:0 20px}
}
@media all and (max-width:1100px) {
html{font-size:15px}
}
@media all and (max-width:1024px) {
.banner-box{width:100%;padding:30px}
.cap-base.fixed + .after{height:78.5px}
.contacts-box .title-xs{margin-bottom:1rem}
.menu-btn{order:1}
.cap-base .menu{display:none}
.wrapper-stages-of-work .arrow-image{display:none}
.banner-section .content{padding:0}
.banner-form{width:100%;border-radius:30px 30px 0 0}
.wrapper-clients img{max-width:100px;max-height:50px;margin:1rem 2rem}
.footer-menu ul li a{text-transform:initial}
.wrapper-footer-section .contacts-box{width:20%}
.wrapper-footer-section .btn-border{margin:2rem auto 0}
.service-item{width:calc((100% / 3) - 1%)!important;margin:0 .5% 20px}
.banner-page.company-page{padding-bottom:2rem}
.banner-text{padding-top:1rem}
.wrapper-after-banner-form .form{max-width:calc(100% - 200px)}
}
@media all and (max-width:900px) {
.wrapper-stages-of-work{max-width:500px;margin:0 auto}
.wrapper-stages-of-work .stage-box{width:49%!important;margin:inherit;margin:0 20px}
.project-item{width:calc((100% / 2) - 1%);margin-bottom:20px}
.wrapper-container-3 > div{width:calc((100% / 2) - 1%)}
.wrap-list ul li{width:calc(100% / 2)}
.wrapper-cap-up-section .email{display:none}
.wrapper-cap-up-section *{font-size:12px}
}
@media all and (max-width:800px) {
.service-item{width:49%!important;margin:0 0 15px}
.wrapper-clients img{max-width:80px;max-height:30px;margin:1rem 2rem}
h1{font-size:2rem}
h3{margin:1rem 0;font-size:1.2rem}
.wrapper-text .text{width:100%}
.wrapper-text .text + img{width:100%}
.wrapper-contacts-section .map,.wrapper-contacts-section .contacts-page{width:100%}
.wrapper-contacts-section .map{margin-top:3rem}
}
@media all and (max-width:750px) {
    .wrapper-services-category .service-item-category {
    width: calc((100% / 2) - 1rem);
    flex-grow: 1;
}
.wrapper-services-category .service-item-category a:last-child {
    font-size: .875rem;
    line-height: 120%;
    padding: 1rem 0.5rem;
}
.service-item{width:100%!important}
.footer-menu{display:none}
.video-section .center{text-align:left}
h2,.title-m{margin:1.5rem 0;font-size:2rem}
.banner-text{width:100%;margin-bottom:3rem}
.wrapper-after-banner-form .title{width:100%;text-align:center;padding-top:2rem}
.wrapper-after-banner-form .form{width:100%;max-width:initial;padding-bottom:2rem}
.wrapper-footer-section{flex-direction:column;text-align:center}
.wrapper-footer-section .contacts-box{width:100%;margin:.5rem 0}
.footer-box{order:1;margin-top:2rem}
.advantage-item .number{width:4rem;height:4rem;font-size:1.5rem}
}
@media all and (max-width:600px) {
.wrapper-gallery-section.item-4 .gallery-item{width:calc((100% / 2) - 1%)}
.wrapper-cap-up-section{flex-direction:column}
.wrapper-cap-up-section .address{margin-bottom:.5rem}
.bottom{margin-bottom:30px}
.whatsapp, .telegram, .max {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 33.33%;
    text-align: center;
    border-radius: 0;
    z-index: 2;
    height: 4rem;
    font-size: 2.3rem;
}
.max {
    left: 33.33%;
    margin-left: 0;
    background-color: #742ee2;
}
.max:hover {
    opacity: 1;
}
.telegram {
    right: 0;
    left: initial;
    background: #3089cc;
    color: #fff;
    text-decoration: none;
}
.max, .telegram {
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-page.text-section{display:flex;align-items:flex-start;flex-direction:column}
.text-page.text-section img{width:100%;margin:0;order:2;margin-bottom:20px}
.text-page.text-section h1{order:1}
.text-page.text-section .info{order:3}
.wrapper-container-3 .project-item{width:100%;margin-bottom:20px;border-radius:0}
.mob-text-left{text-align:left}
.wrap-list ul li{width:100%}
.base-form input,.base-form button{width:100%;max-width:initial}
.base-form{flex-wrap:wrap}
ol.breadcrumb{flex-wrap:wrap;margin:0px !important;}
.btn{text-transform:initial}
table caption{padding:.5rem;font-size:1rem}
table td,table th{width:49%;border:1px solid var(--lightgrey);padding:.5rem;font-size:14px}
.section{padding:2rem 0}
h2,.title-m{margin:1.5rem 0;font-size:1.7rem}
.wrapper-stages-of-work .stage-box{margin:0}
.center .btn{display:inline-block;display:block;text-align:center;max-width:200px;margin:2rem auto}
.wrapper-gallery-section.item-4 .gallery-item,.wrapper-gallery-section .gallery-item{width:calc((100% / 2) - 1%)}
.wrapper-buttons .btn{min-width:130px}
.content{width:93%}
.advantage-item{padding:0 5px}
.advantage-item p{font-size:1rem}
.wrapper-help-section{justify-content:center}
.wrapper-help-section span{text-align:center;margin-bottom:10px;width:100%}
}
@media all and (max-width:450px) {
.wrapper-clients img{max-width:50px;max-height:30px;margin:.5rem}
.wrapper-clients{justify-content:space-between}
.advantage-item .number{margin:0 10px 0 0}
.advantage-item{padding:0;width:100%;margin:0 0 20px;text-align:left;display:flex;align-items:center}
.wrapper-advantages{margin-top:30px}
table .btn{padding:5px 10px;padding:5px 10px}
.wrapper-banner-page img{display:none}
.banner-text{margin-bottom:0}
.base-slider{width:75%;margin:0 auto}
}
@media all and (max-width:380px) {
.logo{width:85px}
.cap-base .phone{font-size:1rem}
.cap-base .phone i{width:initial;height:initial;background:inherit}
.cap-base .cap-contacts{margin-left:0}
.cap-base.fixed + .after{height:67.7px}
.cap-base .cap-contacts .phone{margin-bottom:0}
}
.wrapper-licenses {
    gap: 15px;
    justify-content: center;
}
.wrapper-licenses img {
    max-width: 100%;
}
.wrapper-licenses > * {
    width: calc(33.33% - 15px);
}
@media all and (max-width:1024px) {
    .wrapper-licenses > * {
        width: calc(33.33% - 15px);
    }
}
@media all and (max-width:600px) {
    .wrapper-licenses > * {
        width: calc(50% - 15px);
    }
}