@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Thin.woff) format('woff');font-weight:100;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-UltraLight.woff) format('woff');font-weight:200;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Light.woff) format('woff');font-weight:300;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Regular.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Medium.woff) format('woff');font-weight:500;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-SemiBold.woff) format('woff');font-weight:600;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-ExtraBold.woff) format('woff');font-weight:800;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy/Gilroy-Heavy.woff) format('woff');font-weight:900;font-style:normal}
body{font-family:'Gilroy',sans-serif;margin:0;color:#2E2E2E;font-size:18px;font-weight:500;line-height:1.4;}
img{max-width:100%;-webkit-transition:.2s;transition:.2s}
input,textarea{font-family:'Gilroy';font-size:18px;padding:20px 25px;outline:none!important;resize:none;border:1px solid #2e2e2e;}
input::placeholder,textarea::placeholder{color: #838383;}
input[name="n-message"] {display: block;width: 5px!important;height: 3px;margin-bottom: -3px;opacity: 0.01;padding: 0!important;}
input[name="workemail"]{display:none;}
.container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;box-sizing: border-box;}
@media (min-width: 576px) {
    .container {max-width: 540px;padding:0;} 
}
@media (min-width: 768px) {
    .container {max-width: 720px; } 
}
@media (min-width: 992px) {
    .container {max-width: 960px; } 
}
@media (min-width: 1100px) {
    .container {max-width: 1050px; } 
}
@media (min-width: 1200px) {
    .container {max-width: 1150px; } 
}
@media (min-width: 1300px) {
    .container {max-width: 1250px;} 
}
@media (min-width: 1500px) {
    .container {max-width: 1400px;} 
}
:root {--swiper-theme-color:#2E2E2E;}
.table-responsive{overflow-x:auto;}
.grecaptcha-badge{display:none;}
table{border-collapse:collapse;width:100%;margin-bottom: 30px;font-size:.8em;}
table th{background:#24292d;color:white;}
table td,table th{padding:10px;text-align: left;border: 1px solid #24292d;}
table .dot{text-align: center;font-weight: bold;font-size: 1.5em;}
a{text-decoration:none;transition:.3s;cursor:pointer;color:#2E2E2E;}
a:hover{color:#acd700;}
h1{font-weight:800;font-size:6em;line-height:1;text-transform: uppercase;color: #acd700;margin: 0 0 20px;}
.h2,h2{position:relative;font-size: 2.8rem;font-weight:700;color: black;line-height: 1.2;margin: 0 0 40px;text-align:center;}
.h3,h3{font-size: 1.6rem;font-weight:600;margin: 15px 0 15px;color:black;}
.wrapper{padding:40px 0 70px;}
.wrapper h1{font-size:3em;text-transform:none;color:#2E2E2E;margin: 0 0 40px;}
.button{cursor:pointer;display: inline-block;background:#ACD700;padding:12px 25px;text-align: center;transition: .3s;border-radius:100px;font-weight: 600;}
.button:hover{color:white;background:black;}
header.header_fixed {    z-index: 11;position: fixed;left: 0;top: 0;-webkit-transition: 0.7s;-o-transition: 0.7s;transition: 0.7s;padding: 10px 0;border-bottom: 1px solid #acd700;}
header{position:relative;background:white;z-index:3;width: 100%;top:-100%;padding:20px 0;}
header .header{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;grid-gap:20px;}
header .header .logo{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;grid-gap:20px;color:black;}
header .header .address{display:flex;grid-gap:15px;align-items: center;}
header .header .address .icon{width:40px;height:40px;background:url(/tpl/img/icons/map.png) no-repeat center;    background-color: #e9e9e9;border-radius: 100%;}
header .header .address .address-block{font-weight:600;display: grid;}
header .header .phone{font-weight:600;}
header .navbar{display:flex;align-items:center;justify-content:space-between;}
header .right{    display: flex;align-items: center;    justify-content: center;flex-wrap: wrap;grid-gap: 20px;}
.header-bg.header_fixed {position: fixed;left: 0;top: 0;width: 100%;z-index: 2;}
.navbar .header-block-search{display:none}
.nav{position:relative;margin:0;padding:0;list-style:none;z-index:99}
.nav a{text-decoration:none}
.nav a:hover{color:#acd700;}
.nav--active{display:flex!important}
.nav--tabs{width:100%;justify-content:flex-start;display:grid;align-items:center;grid-gap:20px;grid-auto-flow:column;}
.nav--tabs li:nth-child(n + 12){display:none;}
.nav--stacked{flex-direction:column}
.nav__link{display:inline-block}
.nav__item{position:relative}
.navbar__container{display:flex;align-items:center}
.navbar__container a.nav__link{display: flex;place-items: center;grid-gap: 5px;font-weight:600;}
ul i{font-size:12px;position: relative;color:white;transition:0.3s;}
ul li:hover i,.nav__item.active i{color:white;}
.nav .mobile-block{display:none}
.dropdown{position:relative;z-index:101;    width: 100%;}
.dropdown__toggle:after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);z-index:0}
.dropdown__menu{display:none;position:absolute;top:100%;left:0;min-width:250px;margin:0;padding:10px;box-shadow:0 2px 3px 0 rgba(0,0,0,.3);background:#fff;}
.dropdown__item{list-style:none}
.dropdown__item.active a{color:#c80202;}
.dropdown__link{display:block;padding:10px;text-decoration:underline;transition:background .2s ease,color .2s ease;font-weight:500;font-size:15px;color:#191b2e}
.dropdown--active .dropdown__menu{display:grid}
.humburger{display:none}
.humburger{position:relative;margin-left:auto;cursor:pointer;z-index:101}
.humburger__line{position:absolute;left:0;display:block;width:25px;height:2px;background:#0055a0;transition:transform .3s ease}
.humburger__line:after,.humburger__line:before{content:'';position:absolute;left:0;width:100%;height:2px;background:inherit;transition:transform .4s ease .1s,top .3s ease .2s,opacity .5s ease-in-out}
.humburger__line:before{top:-8px}
.humburger__line:after{top:8px}
.humburger--active .humburger__line{transform:rotate(45deg)}
.humburger--active .humburger__line:before{top:0;opacity:0}
.humburger--active .humburger__line:after{top:0;transform:rotate(-90deg)}
section{padding:70px 0px;position:relative;    box-sizing: border-box;}
.slider{    padding: 150px 0px;background:url(/tpl/img/bg-slider.jpg) no-repeat center/cover;}
.slider h1 span{margin-bottom: 15px;display: block;color:white;font-size:58px;text-transform: uppercase;}
.slider .text {margin-bottom:40px;color:white;font-weight: 600;font-size: 36px;}
.work-cnt{display: grid;grid-template-columns: 35% 1fr;grid-gap:60px;}
.work-cnt img{border-radius: 40px;width:100%;height:100%;object-fit:cover;}
.work-cnt .text{display: grid;align-content: space-between;}
.work-cnt .h2{text-align:left;}
.work-blocks{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}
.work-blocks .work-block{background: #acd700;border-radius: 40px;padding:30px;}
.work-blocks .work-block:nth-child(2){background:#0055a0;color:white;}
.work-blocks .work-block .title{font-weight: 700;font-size:26px;}
.work-blocks .work-block ul{margin-bottom:0;padding-left:20px;font-size: 20px;}
.advantages{background: #ebebeb;}
.advantages-blocks{display: grid;grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));grid-gap:15px;}
.advantages-blocks .advantages-block{border-radius: 40px;overflow:hidden;background:white;    align-content: center;}
.advantages-blocks .advantages-block:nth-child(3){background:#0055a0;color:white;}
.advantages-blocks .advantages-block:nth-child(6){background:#acd700;}
.advantages-blocks .advantages-block.text-block{padding:20px;}
.advantages-blocks .advantages-block img{width:100%;height:100%;object-fit:cover;}
.advantages-blocks .advantages-block .title{font-weight: 700;font-size:24px;    margin-bottom: 10px;}
.service{background: #ebebeb;}
.service .h2{margin:0 0 20px;}
.service p{text-align:center;margin:0;}
.service .service-blocks .service-block{display:grid;grid-template-columns:35% 1fr;grid-gap:20px;align-items: center;    justify-items: flex-start;padding: 30px 0;}
.service .service-blocks .service-block .tag{    border-radius: 64px;background: #acd700;font-size:26px;font-weight:700;padding:10px 30px;min-width:210px;text-align: center;}
.service .service-blocks .service-block:nth-child(even) .tag{background: #0055a0;color:white;}
.service .service-blocks .service-block:not(:last-child){border-bottom: 2px solid white;}
.service .service-blocks .service-block .title{font-weight: 700;font-size: 22px;margin-bottom:7px;}
.uslugi .uslugi-blocks{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:15px;}
.uslugi .uslugi-blocks .uslugi-block{position:relative;border-radius: 40px;padding: 20px 40px;background: #ebebeb;min-height:340px;box-sizing:border-box;}
.uslugi .uslugi-blocks .uslugi-block:last-child{grid-column-start:2;grid-column-end:4;}
.uslugi .uslugi-blocks .uslugi-block .title{position: relative;font-weight:700;font-size:28px;z-index:2;margin-bottom: 30px;}
.uslugi .uslugi-blocks .uslugi-block ul{position: relative;z-index: 1;display:grid;grid-gap:15px;font-size:20px;list-style:none;padding:0;justify-content: flex-start;}
.uslugi .uslugi-blocks .uslugi-block ul li{position:relative;display:flex;grid-gap:15px;align-items: center;}
.uslugi .uslugi-blocks .uslugi-block ul li:before{content:'';position:relative;width:26px;height:26px;border-radius:100%;background: #acd700;}
.uslugi .uslugi-blocks .uslugi-block .img{position:absolute;bottom:15px;right:15px;width:230px;height:230px;}
.uslugi .uslugi-blocks .uslugi-block:nth-child(1) .img{background:url(/tpl/img/uslugi/1.png) no-repeat center/contain;}
.uslugi .uslugi-blocks .uslugi-block:nth-child(2) .img{background:url(/tpl/img/uslugi/2.png) no-repeat center/contain;}
.uslugi .uslugi-blocks .uslugi-block:nth-child(3) .img{background:url(/tpl/img/uslugi/3.png) no-repeat center/contain;}
.uslugi .uslugi-blocks .uslugi-block:nth-child(4) .img{background:url(/tpl/img/uslugi/4.png) no-repeat center/contain;}
.uslugi .uslugi-blocks .uslugi-block:nth-child(5) .img{background:url(/tpl/img/uslugi/5.png) no-repeat center/contain;}
.zayvka{padding:30px 0;background: #2e2e2e;border-radius: 0 0 30px 30px;}
.zayvka form{display: grid;grid-auto-flow: column;grid-gap: 15px;}
.zayvka form input[name="name"]{border-radius: 15px 0 0 15px;}
.zayvka form .button{border-radius:0 15px 15px 0;}
.schema{    background: #ebebeb;}
.schema .h2{margin-bottom:20px;}
.schema p{text-align:center;}
.schema .schema-blocks{position:relative;display:grid;grid-gap:50px;width:70%;margin:50px auto 0 auto;}
.schema .schema-blocks .schema-block{display: grid;grid-auto-flow: column;justify-content: flex-start;grid-gap: 20px;align-items: center;}
.schema .schema-blocks .schema-block .number{position:relative;z-index:1;box-shadow: 4px 4px 57px 1px rgba(0, 0, 0, 0.2);background: #fff;width: 60px;height: 60px;border-radius: 100%;display: grid;place-content: center;font-weight: 700;font-size: 30px;color: #0055a0;}
.schema .schema-blocks .schema-block:not(:last-child) .number:after{content:'';position:absolute;left:29px;top:100%;width:2px;height:78px;background:url(/tpl/img/line.png) no-repeat center/contain;}
.schema .schema-blocks .schema-block .title{font-weight: 700;font-size:26px;color: #0055a0;}

.resultat-blocks{    display: grid;grid-template-columns: 40% 1fr;grid-gap: 50px;}
.resultat-blocks img{border-radius:30px;width:100%;height:100%;object-fit: cover;}
.resultat-blocks .mini-blocks{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 15px;}
.resultat-blocks .mini-blocks .mini-block{display: grid;align-content: center;border-radius: 20px;padding: 10px 20px;background: #ebebeb;}
.resultat-blocks .mini-blocks .mini-block.green{background:#acd700;}
.resultat-blocks .mini-blocks .mini-block.blue{background:#0055a0;color:white;}
.company{    background: #ebebeb;}
.company .h2{margin-bottom:20px;}
.company p{text-align:center;}
.company .slider-company{position:relative;margin:50px 0 60px;}
.company .slider-company .swiper-company{width:85%;margin:0 auto;}
.company .slider-company .swiper-company .company-block img{height:80px;width:100%;object-fit:scale-down;}
.company .slider-company .swiper-pagination{bottom: -60px;}
.company .slider-company .swiper-pagination .swiper-pagination-bullet{background: #0055a0;width:30px;border-radius: 40px;opacity: 1;transition: .3s;}
.company .slider-company .swiper-pagination .swiper-pagination-bullet-active{background:#acd700;}
.swiper-button-prev{left:0;}
.swiper-button-next{right:0;}
.portfolio .portfolio-block{    outline: 0;display: block;}
.portfolio .portfolio-block img {width: 100%;height:450px;object-fit: cover;border-radius:30px;}
.contacts-blocks{display: grid;grid-template-columns: 40% 1fr;grid-gap:50px;}
.contacts-blocks .contacts-block{font-size:26px;}
.contacts-blocks .contacts-block ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;padding:0;margin:30px 0 0;list-style:none;font-size:20px;}
.contacts-blocks .contacts-block .map{height:400px;}
footer{background: #0055a0;color: white;border-radius: 40px 40px 0 0;padding:30px 0;}
footer a{color:white;text-decoration:none;}
footer .footer-blocks{display: flex;flex-wrap: wrap;justify-content: space-between;grid-gap:20px;align-items: center;}
footer .footer-blocks .logo img{display: block;}
footer .footer-blocks .social-blocks{display:flex;grid-gap:25px;}
footer .footer-blocks .social-blocks .icon{width:42px;height:42px;}
footer .footer-blocks .social-blocks .icon.tg{background:url(/tpl/img/social/tg.svg) no-repeat center/contain;}
footer .footer-blocks .social-blocks .icon.vk{background:url(/tpl/img/social/vk.svg) no-repeat center/contain;}
footer .footer-blocks .social-blocks .icon.wa{background:url(/tpl/img/social/wa.svg) no-repeat center/contain;}
.swiper-container{overflow:hidden;position: relative;}
.modal-content{max-width:500px;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;margin:auto;text-align:center;border-radius: 40px;}
.modal-content .h2{margin-bottom:0;}
.modal-content form{display:-ms-grid;display:grid;grid-gap:20px}
.modal-content form .button{margin-top:10px;}

@media (max-width: 960px) {
    body{font-size:16px;}
    .modal-content{padding:20px;}
    input, textarea {font-size:.8em;padding: 10px 15px;    border-radius: 15px;}
    section {padding: 30px 0;}
    header .header{grid-gap:10px;}
    header .header .logo img {height: 30px;}
    header .right{grid-gap:10px;}
    .humburger{display:block}
    .navbar .nav{position:absolute;box-sizing: border-box;top:55px;left:0;display:none;flex-direction:column;padding:20px;width:100%;background:#fff;box-shadow:0 10px 34px rgb(0 0 0 / 10%);border-radius:5px;grid-gap:20px;align-items:flex-start}
    .navbar .nav .dropdown__menu{min-width:unset;box-shadow:none;grid-gap:15px;position:relative;padding:20px 0 0;text-align: left;}
    .navbar .nav .dropdown__link{padding:0;border:0;font-style:normal;}
    .navbar__container a.nav__link{color:black;padding: 0;}
    .nav__item.active a.nav__link, .nav__item:hover .nav__link{color:#c80202;background:none;}
    ul li:hover i, .nav__item.active i{color:black;}
    .navbar{padding:0;width:25px;}
    .h1,h1{font-size: 1.5em;}
    .h2,h2{font-size: 1.4em;    margin: 0 0 20px;}
    .h3,h3{font-size: 1.3em;}
    .wrapper{padding: 0 0 20px;}
    .wrapper h1{font-size: 1.5em;    margin: 0 0 20px;}
    .slider {padding: 50px 0px;}
    .slider h1 span{font-size:.8em;}
    .slider .text{font-size:1.2em;}
    .work-cnt{grid-template-columns:100%;grid-gap: 20px;}
    .work-blocks{grid-template-columns:100%;}
    .work-blocks .work-block .title{    font-size: 18px;}
    .work-blocks .work-block ul{    font-size: 16px;}
    .advantages-blocks .advantages-block .title{    font-size: 18px;}
    .advantages-blocks .advantages-block{display:none;}
    .advantages-blocks .advantages-block.text-block{display:block;}
    .service .service-blocks .service-block {grid-template-columns: 100%;}
    .service .service-blocks .service-block .tag{width:100%;box-sizing:border-box;font-size: 22px;}
    .service .service-blocks .service-block .title{font-size: 18px;}
    .uslugi .uslugi-blocks{grid-template-columns:100%;}
    .uslugi .uslugi-blocks .uslugi-block{padding:20px;    min-height: 250px;}
    .uslugi .uslugi-blocks .uslugi-block:last-child{grid-column-start:auto;grid-column-end:auto;        min-height: 350px;}
    .uslugi .uslugi-blocks .uslugi-block .title{font-size:20px;}
    .uslugi .uslugi-blocks .uslugi-block .img{width: 150px;height: 150px;}
    .uslugi .uslugi-blocks .uslugi-block ul{font-size:16px;}
    .zayvka form{grid-auto-flow:row;}
    .zayvka form input[name="name"],.zayvka form .button{border-radius: 15px;}
    .schema .schema-blocks{width:100%;grid-gap: 20px;margin-top:20px;}
    .schema .schema-blocks .schema-block{grid-auto-flow: row;    grid-gap: 10px;}
    .schema .schema-blocks .schema-block:not(:last-child) .number:after{content:none;}
    .schema .schema-blocks .schema-block .number{    width: 40px;height: 40px;    font-size: 20px;}
    .schema .schema-blocks .schema-block .title{ font-size: 20px;}
    .resultat-blocks{grid-template-columns:100%;}
    .resultat-blocks .mini-blocks{grid-template-columns:100%;}
    .portfolio .portfolio-block img{height:300px;}
    .contacts-blocks{grid-template-columns:100%;grid-gap: 20px;}
    .contacts-blocks .contacts-block {font-size: 16px;}
    .contacts-blocks .contacts-block ul{font-size: 16px;}
    .contacts-blocks .contacts-block .map{height:250px;}
    footer .footer-blocks{    place-content: center;}
}