@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy-Regular.woff) format('woff');font-weight:400;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy-SemiBold.woff) format('woff');font-weight:600;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy-Bold.woff) format('woff');font-weight:800;font-style:normal}
@font-face{font-display:swap;font-family:Gilroy;src:url(../fonts/Gilroy-Black.woff) format('woff');font-weight:900;font-style:normal}
.container{padding:0 15px}
@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:1140px}
}
@media (min-width:1450px){
.container{max-width:1350px}
}
html{font-size:16px}
body{font-family:'Open Sans',sans-serif;margin:0}
:focus{outline:0}
a{text-decoration:none;transition:.2s;-webkit-user-select:none;color:#000}
p{line-height:1.55;font-weight:400;font-size:17px}
img{max-width:100%;transition:.2s}
input,select,textarea{font-family:'Open Sans',sans-serif;padding:10px 20px;box-shadow:0 2px 10px rgba(0,0,0,.05);font-size:22px;border:0;resize:none;}
input.button:focus{outline:0}
h1,.h1{font-size:3rem;font-weight:300;margin:0 0 30px;position:relative}
h2,.h2{font-size:3rem;font-weight:300;margin:0 0 30px;position:relative}
h3,.h3{font-size:3rem;font-weight:600;}
textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#adadad}
textarea::-webkit-input-placeholder,input::-moz-placeholder{color:#adadad}
input[type=checkbox]{margin:0;height:20px;width:20px}
.captcha {display: grid;grid-auto-flow: column;align-items: center;justify-self: center;grid-gap: 10px;}
.captcha input{width:75px;text-align:center;}
.captcha input::-webkit-inner-spin-button{-webkit-appearance:none}
.kolvo{font-weight:300;font-size:22px}
input#kol-vo{width:210px;text-align:center;margin-right:15px}
:root{--swiper-theme-color:black}
label{font-weight:300;font-size:18px}
.button{background:#ff5722;transition:.2s;border:2px solid #ff5722;border-radius:40px 2px 40px 4px;color:#fff;cursor:pointer;padding:15px 50px;display:inline-block}
.button:hover{background:#0f4363}
.more{color:#000;padding:5px 0;position:relative}
.more:after{content:"";position:absolute;top:100%;left:0;background:#67b33e;height:3px;width:100%;transition:.2s}
.more:hover::after{left:-10%;width:120%}
.button-2{border:2px solid #1666f1;border-radius:25px;padding:15px 30px;color:#1666f1;font-size:17px;cursor:pointer}
.spoiler-block{display:none}
.box{display:none}
.box.visible{display:block}
.table-container{width:100%;overflow-y:auto}
.nav{position:relative;margin:0;padding:0;list-style:none;z-index:101}
.nav--active{display:flex!important}
.nav--tabs{width:100%;justify-content:flex-start;display:grid;grid-auto-flow:column;grid-gap:25px}
.nav--stacked{flex-direction:column}
.nav__item{transition:.2s;border-bottom:3px solid transparent}
.nav__item.active{border-bottom:3px solid #ff5722}
.nav__item:hover{border-bottom:3px solid #ff5722}
.nav__link{display:inline-block;padding:10px 0 5px;color:#fff;font-size:14px;letter-spacing:1px;font-weight:500}
.navbar{position:relative}
.navbar__container{display:flex;align-items:center}
.dropdown{position:relative;z-index:101}
.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:200px;margin:0;padding:0;box-shadow:0 2px 3px 0 rgba(0,0,0,.3)}
.dropdown__item{list-style:none;background:#000}
.dropdown__link{display:block;padding:10px;text-decoration:none;transition:background .2s ease,color .2s ease}
.dropdown--active .dropdown__menu{display:block}
.humburger{position:relative;width:30px;height:20px;margin-left:auto;cursor:pointer;z-index:101}
.humburger__line{position:absolute;left:0;top:50%;transform:translateY(-50%);display:block;width:100%;height:2px;background:#fff;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)}
@media (min-width:768px){
.humburger{display:none}
}
section{padding:50px 0 75px}
header{background:url(../img/bg-header.jpg) no-repeat;background-size:cover;color:#fff;width:100%;position:relative;z-index:0;text-shadow:0 0 20px #000;    z-index: 9;}
header:after{content:'';position:absolute;top:0;background:#000;opacity:.5;z-index:-1;width:100%;height:100%}
header .header-sections{padding:30px 0;display:grid;grid-gap:35px;grid-auto-flow:column;align-items:center;justify-content:space-between}
header .header-section-logo{font-family:Lobster;font-size:38px;text-decoration: underline;    text-align: center;
    width: 260px;}
header .header-section-adress{font-size:14px;padding:10px 0 0 23px;background:url(../img/adress.png) no-repeat left 12px}
header .header-top-social {display: grid;grid-auto-flow: column;grid-gap: 10px;    justify-content: center;}
header .header-top-social .icon{height:36px;width:36px;background-repeat:no-repeat;background-size:contain}
header .header-top-social .icon.whatsapp{background-image:url(/tpl/img/whatsapp.png)}
header .header-top-social .icon.viber{background-image:url(/tpl/img/viber.png)}
header .header-section-phone{display:grid;padding:5px 0 0;grid-gap:10px;justify-items:flex-end}
header .phone{font-weight:700;font-size:20px}
header .phone:hover{color:#ff5722}
header .perezvon{font-size:14px;padding-bottom:5px;position:relative}
header .perezvon:after{content:"";position:absolute;top:100%;left:0;background:#ff5722;height:3px;width:100%;transition:.2s}
header .perezvon:hover::after{left:-10%;width:120%}
header a{color:#fff}
header .header-content{padding:50px 0 100px;display:grid;justify-items:flex-start;grid-gap:30px}
header .header-content h1{    margin: 0 0 20px;
    line-height: 1.2;}
header .header-text p{font-size:22px;background:url(../img/galka.png) no-repeat left center;font-weight:400;padding:0 0 0 40px;    margin: 10px 0;}
header .header-content .butons{display:grid;grid-auto-flow:column;margin-top:25px;grid-gap:50px;align-items:center;background:url(../img/arrow.png) no-repeat 61% bottom;padding:0 0 61px}
header .header-content .button{font-size:22px}
header .typed{font-weight:600;font-size:25px;line-height:1.5}
header.page{height:100%;}
header.page:after{opacity:0.75;}
.postavki{padding:50px 0 80px}
.postavki .postavki-blocks{display:grid;margin-top:30px;grid-template-columns:1fr 1fr 1fr;grid-gap:30px}
.postavki .postavki-block{display:grid;grid-template-rows:65px 250px 1fr;box-shadow:0 4px 15px rgba(0,0,0,.1);border-radius:4px;overflow:hidden}
.postavki .postavki-img{position:relative;border-top: 3px solid #f0f0f0;border-bottom: 3px solid #f0f0f0;}
.postavki .postavki-block img{height:100%;width:100%;-o-object-fit:contain;object-fit:cover;}
.postavki .postavki-block:nth-child(6) img{object-fit:contain;}
.postavki .postavki-block .postavki-title{    padding: 0 30px;font-weight:700;font-size:1rem;text-align: center;align-self: center;}
.postavki .postavki-block .postavki-text{padding:20px 30px 40px 30px;display:grid;align-content:space-between;}
.postavki .postavki-block .postavki-text ul{padding:0;list-style:none}
.postavki .postavki-block .postavki-text ul li{background:url(../img/galka.png) no-repeat left center;padding:0 0 0 35px;line-height:1.5}
.postavki .postavki-block .postavki-text .bottom {text-align: center;}
.postavki .postavki-block .postavki-text .price{    font-size: 18px;}
.postavki .postavki-block .postavki-text .button{place-self:center;margin-top:20px;padding:12px 50px;}
.advantages{background:url(../img/bg-advantages.jpg) no-repeat;background-size:cover;background-position:85%;color:#fff;position:relative;z-index:0}
.advantages:after{content:'';position:absolute;top:0;background:#000;opacity:.7;z-index:-1;width:100%;height:100%}
.advantages .advantages-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:10px;margin-top:60px}
.advantages .advantages-blocks .advantages-block{display:grid;justify-items:center;text-align:center;grid-gap:15px}
.advantages .advantages-block .icon{width:100px;height:100px}
.advantages .advantages-block .icon.kachestvo{background:url(../img/kachestvo.png) no-repeat;background-size:contain;}
.advantages .advantages-block .icon.price{background:url(../img/price.png) no-repeat;background-size:contain;}
.advantages .advantages-block .icon.time{background:url(../img/time.png) no-repeat;background-size:contain;}
.advantages .advantages-block .icon.opyt{background:url(../img/opyt.png) no-repeat;background-size:contain;}
.advantages .advantages-block p{font-size:20px;margin:0}
.works .works-blocks{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));grid-gap:20px;margin-top: 30px;}
.works .works-blocks .works-block{position:relative;display:grid;z-index:0;padding:15px;box-shadow:0 4px 15px rgba(0,0,0,.1)}
.works .works-blocks .works-block img{height:250px;width:100%;-o-object-fit:cover;object-fit:cover;z-index:-1;position:relative}
.works .works-blocks .works-block .button-box{position:absolute;transition:.3s;left:15px;top:15px;color:#fff;width:calc(100% - 30px);height:calc(100% - 30px);background:#00000075;opacity:0;display:grid;place-content:center}
.works .works-blocks .works-block:hover .button-box{opacity:1}
.works .works-blocks .works-block .button-box .button{background:#ff5722;color:#fff}
.works .works-blocks .works-block:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;border-left:1px solid #505055;border-top:1px solid #505055;transition:all .3s ease}
.works .works-blocks .works-block:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:50px;border-right:1px solid #505055;border-bottom:1px solid #505055;transition:all .3s ease}
.works .works-blocks .works-block:hover:after,.works .works-blocks .works-block:hover:before{opacity:1;width:calc(100% - 1px);height:calc(100% - 1px)}
.questions{background:url(../img/bg-questions.jpg) no-repeat;background-size:cover;background-position:100%;color:#fff;z-index:0;position:relative}
.questions:after{content:'';position:absolute;top:0;background:#000;opacity:.8;z-index:-1;width:100%;height:100%}
.questions p{font-size:22px;margin:-15px 0 30px}
.questions form .form-wrap{display:grid;grid-gap:25px;    grid-template-columns: repeat(auto-fit,minmax(250px,1fr));}
.questions .form-check{display:grid;grid-auto-flow:column;justify-content:flex-start;align-items:center;grid-gap:10px;margin:20px 0 0;}
.questions .form-check a{color:#fff;text-decoration:underline;}
.questions .button{justify-self:flex-start}
footer{padding:50px 0;font-weight:300;font-size:14px}
footer .footer-sections{display:grid;grid-gap:35px;grid-auto-flow:column;align-items:center;justify-content:space-between}
footer .footer-section-logo{display:grid;grid-gap:20px}
footer .footer-section-logo .logo{font-family:Lobster;font-size: 38px;text-decoration: underline;text-align: center;width: 260px;}
footer .footer-section-menu ul{list-style:none;padding:0;margin:0;justify-content:flex-start;display:grid;grid-auto-flow:column;grid-gap:30px}
footer .footer-section-adress{padding:0 0 0 20px;background:url(../img/adress.png) no-repeat left 3px}
footer .footer-block-social {display: grid;grid-auto-flow: column;grid-gap: 10px;    justify-content: center;}
footer .footer-block-social .icon{height:36px;width:36px;background-repeat:no-repeat;background-size:contain}
footer .footer-block-social .icon.viber{background-image:url(/tpl/img/viber.png)}
footer .footer-block-social .icon.whatsapp{background-image:url(/tpl/img/whatsapp.png)}
footer .footer-section-phone{display:grid;grid-gap:10px;justify-items:flex-end;align-content:flex-start}
footer .phone{font-weight:700;font-size:20px;color:#190f0d}
footer .phone:hover{color:#ff5722}
footer .perezvon{font-size:14px;padding-bottom:5px;position:relative}
footer .perezvon:after{content:"";position:absolute;top:100%;left:0;background:#ff5722;height:3px;width:100%;transition:.2s}
footer .perezvon:hover::after{left:-10%;width:120%}
.modal-content{padding:50px!important;background:#f3f3f3;max-width:550px!important}
.modal-content h2{font-weight:300;font-size:42px;margin:0}
.modal-content p{font-weight:300;font-size:18px}
.modal-content form{display:grid;grid-gap:20px}
.modal-content .form-check{display:grid;grid-auto-flow:column;justify-content:flex-start;align-items:center;grid-gap:10px;margin:0px}
.modal-content .captcha{margin: 0 0 10px;}
.modal-content .form-check a{text-decoration:underline;}
.modal-content .button{justify-self:flex-start;padding:20px 100px;    width: 100%;box-sizing: border-box;}
ul.arrow {padding:0;margin:0;list-style:none;}
ul.arrow li{font-size: 22px;background: url(../img/galka.png) no-repeat left center;font-weight: 400;padding: 0 0 0 40px;margin: 10px 0;}
.grecaptcha-badge{display:none;}
.swiper-slide{background-size:cover;background-position:center}
.works-blocks-new{user-select: none;display: flex;flex-wrap:wrap;grid-gap:30px;}
.works-blocks-new>div{padding: 20px;border-radius: 20px;box-shadow: 0 4px 15px rgba(0,0,0,.1);    width: 48.6%;box-sizing: border-box;}
.works-blocks-new>div>.title{font-size: 20px;text-align: center;font-weight: 700;margin-bottom: 20px;}
.swiper-works{    position: relative;width:100%;height:400px;overflow: hidden;margin:0 auto 15px auto;}
.swiper-works .works-block {height: 100%;width: 100%;display: flex;overflow: hidden;}
.swiper-works .works-block .img:nth-child(1),.swiper-works .works-block .img:nth-child(2),.swiper-works .works-block .img:nth-child(3){opacity:0;width:0%;}
.swiper-works .works-block.viewBetween .img:nth-child(1),.swiper-works .works-block.viewBetween .img:nth-child(3) {opacity:0;width:0%;}
.swiper-works .works-block.viewBefore .img:nth-child(2),.swiper-works .works-block.viewBefore .img:nth-child(3) {opacity:0;width:0%;}
.swiper-works .works-block.viewBefore .img:nth-child(1),.swiper-works .works-block.viewBetween .img:nth-child(2),.swiper-works .works-block .img:nth-child(3){opacity:1;width:100%;}
.swiper-works .works-block .baf{font-size:13px;position:absolute;border:1px solid #505055;bottom:30px;width:290px;left:50%;transform:translateX(-50%);background-color:#fff;display:flex;border-radius:50px;z-index:1;cursor:pointer;}
.swiper-works .works-block .baf .before,.swiper-works .works-block .baf .after{width:30%;text-align:center;text-decoration:none;display:block;line-height:50px;font-weight:900;text-transform:uppercase;position:relative}
.swiper-works .works-block .baf .between{width:40%;text-align:center;text-decoration:none;display:block;line-height:50px;font-weight:900;text-transform:uppercase;position:relative}
.swiper-works .works-block .baf .after{color:white;}
.swiper-works .works-block .baf.empty{width:225px;}
.swiper-works .works-block .baf.empty .between{width:0%;}
.swiper-works .works-block .baf.empty .before,.swiper-works .works-block .baf.empty .after{width:50%;}
.swiper-works .works-block.viewBefore .baf .after,.swiper-works .works-block.viewBetween .baf .after{color:black;}
.swiper-works .works-block.viewBefore .baf .before,.swiper-works .works-block.viewBetween .baf .between{color:white;}
.swiper-works .works-block .baf:before{content:'';position:absolute;top:0;height:100%;left:70%;display:block;width:30%;border-radius:inherit;background-color:#ff5722;transition:.3s linear}
.swiper-works .works-block.viewBetween .baf:before{left:30%;width:40%;}
.swiper-works .works-block.viewBefore .baf:before {left: 0%;}
.swiper-works .works-block .baf.empty:before{width:50%;left:50%;}
.swiper-works .works-block.viewBefore .baf.empty:before{left:0%;}
.swiper-works .swiper-button-next, .swiper-works .swiper-button-prev{top:50%;width: 40px;height: 40px;background: white;border-radius: 100%;}
.swiper-works .swiper-button-next:after, .swiper-works .swiper-button-prev:after{font-size:20px;}
.swiper-works .swiper-button-next{right:4%;}
.swiper-works .swiper-button-prev{left:4%;}
.swiper-works-thumbs{width:100%;overflow: hidden;height: 120px;box-sizing:border-box;margin: 0 auto;}
.swiper-works-thumbs .swiper-slide{width:25%;height:100%;}
.swiper-works-thumbs .swiper-slide .works-block {padding: 10px;box-shadow: 0 4px 15px rgb(0 0 0 / 10%);height: 100%;box-sizing: border-box;cursor:pointer;user-select: none;}
.swiper-works-thumbs .swiper-slide .works-block:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;border-left:1px solid #505055;border-top:1px solid #505055;transition:all .3s ease}
.swiper-works-thumbs .swiper-slide .works-block:after{content:"";position:absolute;bottom:0;right:0;width:50px;height:50px;border-right:1px solid #505055;border-bottom:1px solid #505055;transition:all .3s ease}
.swiper-works-thumbs .swiper-slide .works-block .bg{transition:all .3s ease;top:0;left:0;position:absolute;width:100%;height:100%;    background-position: center;}
.swiper-works-thumbs .swiper-slide-thumb-active .works-block:after,.swiper-works-thumbs .swiper-slide-thumb-active .works-block:before{opacity:1;width:calc(100% - 1px);height:calc(100% - 1px)}
.swiper-works-thumbs .swiper-slide-thumb-active .works-block .bg{background: url(/tpl/img/mark-slider.png) no-repeat center, #ff5722ba;}
.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}
.swiper-works .works-block img{object-fit:contain;}
.reviews-content #pdopage{display: grid;justify-items: flex-end;grid-gap: 30px;}
.reviews-content .reviews-blocks{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 30px;}
.reviews-content .reviews-blocks .review{box-shadow: 0 4px 15px rgba(0,0,0,.1);border-radius: 4px;padding: 30px;}
.reviews-content .reviews-blocks .review .top{display: flex;    flex-wrap: wrap;justify-content: space-between;grid-gap:10px;    margin-bottom: 20px;}
.reviews-content .reviews-blocks .review .top .review__name,.reviews-content .reviews-blocks .review .top .ec-stars{margin:0;}
.ec-rating{display:flex;align-items: center;}
.phone small{font-size: inherit;}
@keyframes widgetPulse{
    0%{transform:scale(1);opacity:1}
    100%{transform:scale(1.2);opacity:0}
}
.fixed-buttons {position: fixed;right: 5%;bottom:12%;z-index:10;}
.fixed-buttons .button{background: white;color: black;padding: 10px 30px;font-size: 16px;}
.fixed-buttons .button:after{    content: "";width: 100%;height: 100%;left: 0;top: 0;display: grid;position: absolute;border-radius: 40px 2px 40px 4px;border:2px solid #ff5722;animation: widgetPulse infinite 1.5s;box-sizing: border-box;}
@media (max-width:1400px){
    header{height:100%}
}
@media (max-width:768px){
    body{font-size: 14px;}
    h1,.h1{font-size:1.3rem;margin: 0 0 15px;}
    h2,.h2{font-size:1.3rem;margin: 0 0 15px;}
    h3,.h3{font-size:1.3rem;margin: 0 0 15px;}
    p{font-size: 14px;}
    header .header-section-logo {width: 70%;}
    input,select,textarea{font-size:14px}
    label{font-size:14px}
    .navbar .nav{position:absolute;top:120px;left:20px;display:none;background:#ff5722;flex-direction:column;grid-gap: 20px;padding: 20px;width: calc(100% - 40px);box-sizing: border-box;}
    .navbar .nav .dropdown__menu{box-shadow:none}
    .navbar .nav .dropdown__link{padding-left:20px}
    .navbar{padding:10px;position:unset;}
    .nav__link{padding:15px 20px;color:#fff}
    header .typed {font-size: 18px;}
    header .header-sections{grid-gap:15px;display: flex;flex-wrap: wrap;}
    header .header-content {padding: 0 0 30px;}
    header .header-content .button {font-size: 15px;}
    header .header-section-logo{justify-content:center;font-size:30px;}
    header .header-section-adress{justify-self:center}
    header .header-section-phone{justify-content:center;padding:0;}
    header .phone {font-size: 16px;}
    header .header-text p{font-size:14px;}
    header .header-content .butons{grid-auto-flow:row;grid-gap:15px;padding:0 0 40px}
    .advantages .advantages-block{text-align:center}
    .advantages .advantages-block .number{place-content:center}
    .advantages .advantages-block .number .first{font-size:70px}
    .postavki .postavki-block .postavki-text .price {font-size: 16px;}
    footer {padding: 20px 0;}
    footer .footer-sections{grid-template-columns:100%;grid-auto-flow:row;justify-items:center;text-align:center;grid-gap:20px}
    footer .footer-section-politika-social .social-blocks{justify-content:center}
    footer .footer-section-phone{justify-items:center}
    footer .footer-section-menu ul{    grid-auto-flow: row;grid-gap: 10px;}
    footer .footer-section-logo .logo {font-size: 30px;}
    .modal-content{padding:20px!important}
    .modal-content h2{font-size:1.8rem}
    ul.arrow li {font-size: 15px;}
    .swiper-works {width: 100%;height: 275px;}
    .advantages .advantages-block p {font-size: 14px;}
    .advantages .advantages-blocks {grid-template-columns: repeat(auto-fit,minmax(100px,1fr));margin-top: 30px;grid-gap: 20px;}
    .advantages .advantages-block .icon {width:60px;height: 60px;}
    .questions p {font-size: 14px;}
    .postavki {padding: 25px 0 50px;}
    .postavki .postavki-block{grid-template-rows: unset;}
    .postavki .postavki-block .postavki-text{padding: 10px 15px 25px 15px;}
    .postavki .postavki-block img {object-fit: contain;height:150px;}
    .postavki .postavki-block .postavki-title {padding:10px;}
    .swiper-works-thumbs{height:90px;}
    .modal-content p {font-size: 16px;}
    .modal-content .button {padding: 15px;}
    .reviews-content .reviews-blocks{grid-template-columns:100%;}
    .fixed-buttons {bottom:5%;}
    .works-blocks-new{grid-gap:20px;}
    .works-blocks-new>div{width:100%;}
    .swiper-works .works-block .baf{width:90%;font-size:10px;}
    .postavki .postavki-blocks{grid-template-columns:100%;}
}