body{font-family:"Inter",sans-serif;margin:0;font-size:18px;overflow-x:hidden;}
a{transition:.3s;cursor:pointer;color:#2fb991;text-decoration:none}
p{line-height:1.5;}
hr{width:100%;}
img{max-width:100%;transition:.2s}
button,input,textarea{font-family:"Inter",sans-serif;outline:0;background:0 0;border:none;font-size:16px;resize:none}
input,textarea{background: white;padding: 15px 20px;}
input::placeholder,textarea::placeholder{color:#838383;}
input.button{cursor:pointer;transition:.3s}
.h1,h1{position:relative;font-weight:700;font-size:4em;text-transform:uppercase;padding-bottom:30px;margin: 0 0 30px;}
.h2,h2{position:relative;font-weight:700;font-size:2.5em;padding-bottom:20px;margin-top:0;place-self:flex-start;}
.h3,h3{position:relative;font-weight:700;font-size:2em;margin:0;}
h1:after,.h1:after,h2:after,.h2:after{content:'';position:absolute;bottom:0;left:0;height:3px;width:25%;background:#2fb991;}
h2:after,.h2:after{width:40%;}
section h1{font-size:3em;}
.box{display:none;}
.box.visible{display:block;}
.container{padding:0 10px}
.grecaptcha-badge{display:none;}
@media (min-width:576px){
.container{max-width:540px;margin:auto;padding:0}
}
@media (min-width:768px){
.container{max-width:720px}
}
@media (min-width:992px){
.container{max-width:960px}
}
@media (min-width:1200px){
.container{max-width:1100px}
}
@media (min-width:1350px){
.container{max-width:1150px}
}
@media (min-width:1500px){
.container{max-width:1300px}
}
:root{--swiper-theme-color:#2fb991;}
section{position:relative;padding:70px 0 80px;}
.button{display: inline-block;text-align: center;color: #fff;font-weight:500;padding:20px 40px;background: #2fb991;border: 1px solid #2fb991;}
.button:hover{background:white;color:black;}
.navbar{z-index: 5;width: 100%;top:-50%;background:transparent;}
.navbar.navbar-fixed{background: #2fb991;position: fixed;top: 0px;transition:.3s;}
.nav{position:relative;margin:0;padding:0;list-style:none;z-index:99}
.nav a{text-decoration:none}
.nav a:hover{color:#c80202;}
.nav--active{display:flex!important}
.nav--tabs{width:100%;justify-content:center;display:grid;align-items:center;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{background: #2fb991;display:flex;align-items:center}
.navbar__container a.nav__link{color:#fff;padding:20px 30px;display: flex;place-items: center;grid-gap: 5px;font-weight:600;}
.nav__item.active a.nav__link,.nav__item:hover .nav__link{    background: white;color: black;}
.nav__item:not(:last-child){border-right: 1px solid white;}

.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:white;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)}
header{position:relative;width:100%;z-index:50;background:url(/metal/img/bg-header-1.jpg) no-repeat center/cover;color:#fff;top:-30%;left: 0;    padding-bottom: 20px;overflow: hidden;}
header:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000000ab;z-index:-2;}
header a{text-decoration:none;color:white;}
header a:hover{color:#2fb991;}
header .header-blocks{display:flex;position:relative;grid-gap:15px;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;padding: 25px 0;}
header .header-blocks .logo{position:relative;    display: flex;align-items: center;grid-gap: 15px;color:white;}
header .header-blocks .logo img{height:60px;}
header .header-blocks .logo .slogan{    display: grid;grid-gap: 5px;}
header .header-blocks .header-block{display:flex;grid-gap:15px;} 
header .header-blocks .header-block .icon{    width: 30px;height: 30px;background:#2fb991;display: grid;place-content: center;border-radius:100%;font-size: .8em;margin-top: -4px;}
header .header-blocks .header-block span{font-weight:600;}
header .header-blocks .header-block .phone{font-weight:600;font-size:1.1em;}
header .header-blocks .header-block .text{    display: grid;grid-gap: 7px;}
header .header-blocks .header-block .text .btn{font-size: .9em;border-bottom: 1px dashed;justify-self: flex-end;}
header .overlay{position:absolute;right:0%;top:0;width:25%;height:100%;background:#2fb9919e;    transform: skew(340deg, 0deg);z-index:-1;}
header .overlay:before{content:'';position:absolute;left:-60px;top:0;width:60px;height:100%;background:#2fb99133;}
header .overlay:after{content:'';position:absolute;right:-60px;top:0;width:60px;height:100%;background:#2fb99133;}

.slider{padding:13vh 0 15vh;}
.slider p{font-size: 1.3em;}
.slider p span{display: block;}
.slider .button{margin-top:50px;}

.uslugi h2{place-self:flex-start;}
.uslugi .uslugi-blocks{    display: grid;grid-template-columns:1fr 1fr 1fr;grid-gap:21px;}
.uslugi .uslugi-blocks .uslugi-block{    position: relative;border-right: 5px solid #2fb991;border-bottom: 5px solid #2fb991;}
.uslugi .uslugi-blocks .uslugi-block:before{content: '';position: absolute;bottom: -10px;right: -5px;width: 50%;height: 6px;background: #2fb991;clip-path: polygon(0 0, 10px 100%, 100% 100%, 100% 0);}
.uslugi .uslugi-blocks .uslugi-block:after {content: '';position: absolute;bottom:-1px;right:-1px;width: 60px;height: 60px;background: #2fb991;clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.uslugi .uslugi-blocks .uslugi-block img{height:100%;width: 100%;object-fit: cover;}
.uslugi .uslugi-blocks .uslugi-block .ttl{position: absolute;bottom: 0;left: 0;color: white;width: 100%;padding:15px 30px 30px 30px;font-weight: 600;font-size: 1.3em;box-sizing: border-box;}
.uslugi .uslugi-blocks .uslugi-block .ttl:before{content:'';position:absolute;top:0px;left:30px;height:3px;width:50px;background:#2fb991;}

.zayvka{position:relative;background:url(/metal/img/bg-zayvka-1.jpg) no-repeat center/cover;color:white;padding:100px 0;overflow:hidden;}
.zayvka:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#000000c7;z-index:0;}
.zayvka .zayvka-blocks{position:relative;z-index:2;display: grid;    grid-template-columns:50% 1fr;grid-gap: 16%;}
.zayvka form{display: grid;grid-gap: 25px;}
.zayvka .overlay{position:absolute;right:0%;top:0;width:43%;height:100%;background:#2fb9919e;    transform: skew(340deg, 0deg);z-index:1;}
.zayvka .overlay:before{content:'';position:absolute;left:-60px;top:0;width:60px;height:100%;background:#2fb99133;}
.zayvka .overlay:after{content:'';position:absolute;right:-60px;top:0;width:60px;height:100%;background:#2fb99133;}

form .politika{font-size:.9em;}
form .politika a{text-decoration: underline;color:white;}

.company{background:url(/metal/img/bg-company3.jpg) no-repeat right/contain;}
.company ul{display:grid;grid-gap:10px;padding-left:23px;}
.company ul li::marker{color:#2fb991;font-size:1.5em;line-height:1;}
.company ul li span{font-weight:600;}
.company .company-blocks{max-width: 55%;}

.advantages .advantages-blocks{display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 15px;}
.advantages .advantages-blocks .advantages-block{background:#f3f3f3;display: grid;grid-gap:20px;padding:30px;    align-content: flex-start;text-align: center;justify-items: center;box-sizing: border-box;}
.advantages .advantages-blocks .advantages-block .icon{height:74px;width:74px;background-repeat:no-repeat;background-size:contain;}
.advantages .advantages-blocks .advantages-block:nth-child(1) .icon{background-image:url(/metal/img/icons/advantages/a1.png);}
.advantages .advantages-blocks .advantages-block:nth-child(2) .icon{background-image:url(/metal/img/icons/advantages/a2.png);}
.advantages .advantages-blocks .advantages-block:nth-child(3) .icon{background-image:url(/metal/img/icons/advantages/a3.png);}
.advantages .advantages-blocks .advantages-block:nth-child(4) .icon{background-image:url(/metal/img/icons/advantages/a4.png);}
.advantages .advantages-blocks .advantages-block:nth-child(5) .icon{background-image:url(/metal/img/icons/advantages/a5.png);}
.advantages .advantages-blocks .advantages-block:nth-child(6) .icon{background-image:url(/metal/img/icons/advantages/a6.png);}
.advantages .advantages-blocks .advantages-block .ttl {font-weight: 500;font-size:.9em;}

.schema-blocks{    display: grid;grid-gap:30px;grid-template-columns: 1fr 1fr;    grid-template-rows: repeat(3, auto);grid-auto-flow: column;}
.schema-blocks .schema-block{position: relative;display: grid;align-items: center;grid-auto-flow: column;grid-gap: 20px;justify-content: flex-start;}

.schema-blocks .schema-block .number{background: #2fb991;width: 50px;height: 50px;color: white;display: grid;place-content: center;font-size: 30px;font-weight: 800;border-radius: 100%;}

.schema-blocks .schema-block .ttl{font-size:1.3em;font-weight:700;margin-bottom:10px;}

.contacts{position:relative;}
.contacts h2{margin-bottom: 20px;}
.contacts .cnt{padding:70px 0;    position: relative;z-index: 2;justify-self: flex-start;width:60%;color: white;}
.contacts .overlay{position:absolute;left:-15%;top:0;width:70%;height:100%;background:#000000bd;    transform: skew(340deg, 0deg);}
.contacts .overlay:after{content:'';position:absolute;right:-60px;top:0;width:60px;height:100%;background:#2fb991c7;}
.contacts .contacts-blocks{    display: flex;flex-wrap: wrap;grid-gap:75px;margin: 50px 0;    align-items: flex-start;}
.contacts .contacts-blocks a{color:white;}
.contacts .contacts-blocks a:hover{color:#2fb991;}
.contacts .contacts-block{display:flex;grid-gap:15px;} 
.contacts .contacts-block .icon{    width: 30px;height: 30px;background:#2fb991;display: grid;place-content: center;border-radius:100%;font-size: .8em;margin-top: -4px;}
.contacts .contacts-block span{font-weight:600;}
.contacts .contacts-block .phone{font-weight:600;font-size:1.1em;}
.contacts .contacts-block .text{    display: grid;grid-gap: 7px;}
.contacts .contacts-block .text .btn{font-size: .9em;border-bottom: 1px dashed;justify-self: flex-end;}
.contacts .button{margin-top:50px;}
.map{height:100%;width:100%;position:absolute;top:0;left:0;}
.map-mob{display:none;}
footer{padding:15px 0;font-size: .9em;    background: #f3f3f3;}
footer .copyright{display: flex;    flex-wrap: wrap;grid-gap:10px;justify-content: space-between;}
footer .copyright a{color:#2fb991;text-decoration:underline;}
footer .copyright a:hover{color:black;}

.modal-content{padding:30px;max-width:700px;}
.modal-content p{font-size:.9em;margin:20px 0 25px}
.modal-content form{display: grid;grid-gap: 30px;}
.modal-content form input[type="text"]{color:black;border: 1px solid #2fb991;}
.modal-content form .politika{font-size:.8em}
.modal-content form .politika a{color:#2fb991;}

.slider-gallery{position:relative;}
.slider-gallery .gallery-block{position:relative;display: grid;border-left: 5px solid #2fb991;border-top: 5px solid #2fb991;}
.slider-gallery .gallery-block:before{content: '';position: absolute;top:-1px;right:0px;width: 35%;height: 6px;background: #2fb991;clip-path: polygon(0 0, 10px 100%, 100% 100%, 100% 0);}
.slider-gallery .gallery-block:after {content: '';position: absolute;top:-1px;left:-1px;width: 60px;height: 60px;background: #2fb991;clip-path:polygon(0% 0%, 0% 100%, 100% 0);}
.slider-gallery .gallery-block img{width:100%;height:300px;object-fit:cover;}
.gallery .buttons{display:flex;    grid-gap:10px;}
.gallery .buttons .swiper-button-prev,.gallery .buttons .swiper-button-next{position:relative;left: unset;right: unset;margin: 0;top:5%;bottom: unset;width:50px;height:50px;border: 1px solid #b5b5b5;transition:.3s;}
.gallery .buttons .swiper-button-prev:after,.gallery .buttons .swiper-button-next:after{font-size:28px;}
.gallery .buttons .swiper-button-prev:hover,.gallery .buttons .swiper-button-next:hover{background:#2fb991;color:white;}

.h-box{display: flex;justify-content: space-between;}
@media (min-width:1500px){
    .zayvka .overlay{right:11%;width:35%;}
}
@media (max-width:1400px){
    .company{background-position:125%;}
}
@media (max-width:768px){
    body{font-size:14px;}
    input,textarea{font-size:14px}
    h1,.h1{font-size:2em;margin: 0 0 20px;}
    h2,.h2{font-size:1.7em;}
    h3,.h3{font-size:1.5em;}
    section {padding: 30px 0;}
    
    header .header-blocks{padding: 15px 0;grid-gap: 20px;}
    header .header-blocks .logo img {height:40px;}
    header .header-blocks .header-block .icon{display:none}
    header .overlay{right:-10%;}
    header .overlay:before{left:-30px;width:30px;}
    header .overlay:after{right:-30px;width:30px;}
    header .header-blocks .header-block.time{display:none;}
    .humburger{display:block;        width: 25px;}
    .navbar .nav{position:absolute;        box-sizing: border-box;top:20px;left:0;display:none;flex-direction:column;padding:20px;width:100%;background:#fff;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:#2fb991;background:none;}
    ul li:hover i, .nav__item.active i{color:black;}
    .navbar{position: relative;padding:0;width:100%;margin-top: 10px;}
    
    .slider {padding: 50px 0;}
    .slider p{font-size:1em;}
    .slider p span{display:contents;}
    .slider .button {margin-top: 20px;}

    .uslugi .uslugi-blocks{grid-template-columns:none}
    .uslugi .uslugi-blocks .uslugi-block {height: 150px;}
    .uslugi .uslugi-blocks .uslugi-block .ttl{padding: 15px 30px 20px 20px;}
    .uslugi .uslugi-blocks .uslugi-block .ttl:before{left:20px;}
    
    .zayvka{padding:30px 0;}
    .zayvka form{    grid-gap: 15px;}
    .zayvka .zayvka-blocks{grid-template-columns:none;grid-gap: 10px;}
    
    
    .company {background:none;}
    .company .company-blocks{max-width:100%;}
    
    .advantages .advantages-blocks{grid-template-columns:none;}
    .advantages .advantages-blocks .advantages-block{    padding: 20px;}
    .advantages .advantages-blocks .advantages-block .icon{    height: 50px;width: 50px;}
    
    .schema-blocks{grid-template-columns:none;grid-auto-flow: row;    grid-gap: 20px;}
    .schema-blocks .schema-block .number{    width: 40px;height: 40px;    font-size: 20px;}
    
    .contacts .cnt{width: 100%;position:static;padding: 40px 0;}
    .contacts .cnt:after{content:'';position:absolute;left:0%;top:0;width:100%;height:100%;background:#000000bd;z-index:-1;}
    .contacts .overlay{display:none;}
    .contacts .contacts-blocks{    grid-gap: 20px;    margin: 20px 0;}
    .contacts .contacts-block .icon{    margin-top: 0px;}
    .contacts .button {margin-top: 30px;}
    
    .map{display:none;}
    .map-mob{display:block;width:100%;height:300px;position:relative;}
    
    .modal-content{max-width:95%;padding: 20px;}
    
    .slider-gallery .gallery-block img {height:200px;}
    .gallery .buttons{display:flex;}
    .gallery .buttons .swiper-button-prev,.gallery .buttons .swiper-button-next{top:0;width:40px;height:40px;}
    .gallery .buttons .swiper-button-prev:after,.gallery .buttons .swiper-button-next:after{font-size:22px;}
}