/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/

:root{
    --swiper-theme-color:#007aff
}
.swiper-container{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    list-style:none;
    padding:0;
    z-index:1
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    transition-property:transform,-webkit-transform;
    -webkit-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.swiper-container-multirow>.swiper-wrapper{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper{
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -ms-flex-negative:0;
    flex-shrink:0;
    position:relative;
    -webkit-transition-property:-webkit-transform;
    transition-property:-webkit-transform;
    -o-transition-property:transform;
    transition-property:transform;
    transition-property:transform, -webkit-transform;
    transition-property:transform,-webkit-transform
}
.swiper-slide-invisible-blank{
    visibility:hidden
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-transition-property:height,-webkit-transform;
    transition-property:height,-webkit-transform;
    -o-transition-property:transform,height;
    transition-property:transform,height;
    transition-property:transform,height,-webkit-transform
}
.swiper-container-3d{
    -webkit-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-webkit-gradient(linear,right top, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-webkit-gradient(linear,left top, right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-css-mode>.swiper-wrapper{
    overflow:auto;
    scrollbar-width:none;
    -ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
    display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
    scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
    -ms-scroll-snap-type:x mandatory;
    scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
    -ms-scroll-snap-type:y mandatory;
    scroll-snap-type:y mandatory
}
.swiper-lazy-preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10;
    -webkit-transform-origin:50%;
    -ms-transform-origin:50%;
    transform-origin:50%;
    -webkit-animation:swiper-preloader-spin 1s infinite linear;
    animation:swiper-preloader-spin 1s infinite linear;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border-radius:50%
}
.swiper-lazy-preloader-white{
    border:4px solid #fff;
    border-top-color:transparent
}
.swiper-lazy-preloader-black{
    border:4px solid #000;
    border-top-color:transparent
}
@-webkit-keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes swiper-preloader-spin{
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
._icon-ruble{
    font-size:1.3rem
}
.token-price{
    position:relative;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    padding:.7rem 1.3rem .7rem 2rem;
    border-radius:999px;
    min-width:190px;
    color:#000;
    background-color:#ffcd0f
}
.token-price::before{
    content:'';
    position:absolute;
    left:.5rem;
    width:.8rem;
    height:.8rem;
    border-radius:100%;
    background-color:#fff
}
.token-price__title{
    min-height:30px;
    font-size:1.4rem;
    line-height:1;
    text-align:left
}
.token-price__number{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    min-height:30px;
    line-height:1
}
.token-price__number span{
    font-size:2rem;
    font-weight:700;
    line-height:.7
}
button[disabled]{
    opacity:1
}
.form__input{
    max-width:220px;
    width:100%;
    text-align:center;
    padding:.5rem 2rem;
    border-radius:999px;
    border:1px solid #183749;
    font-size:1.7rem;
    background-color:#fff
}
.form__input:focus{
    border:1px solid #fc6f32
}
.appeal__bg{
    position:relative;
    padding-top:0;
    margin-bottom:0;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center bottom
}
.appeal__img{
    position:absolute;
    left:0
}
.appeal__img--img1{
    bottom:-6rem
}
.appeal__img--img2{
    bottom:-4rem
}
.appeal__inner{
    max-width:531px;
    margin-left:450px
}
.appeal__inner-block{
    margin-left:-10rem;
    margin-bottom:0
}
.appeal__title{
    position:relative;
    margin:0;
    padding:1rem 4rem;
    font-family:RobotoSlab;
    font-size:2.2rem;
    font-weight:700;
    text-align:center;
    text-transform:uppercase;
    color:#fff
}
.appeal__title::before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    left:0;
    top:0;
    height:100%;
    width:1000%;
    background-color:#183749;
    -webkit-transform:skew(33deg);
    -ms-transform:skew(33deg);
    transform:skew(33deg)
}
.appeal__title::after{
    content:"";
    position:absolute;
    left:-18px;
    margin-top:-2rem;
    width:10%;
    height:60%;
    z-index:-2;
    background-color:#b3b9bb;
    -webkit-transform:skew(33deg);
    -ms-transform:skew(33deg);
    transform:skew(33deg)
}
.appeal__subtitle{
    padding:.3rem 5rem;
    font-size:1.8rem;
    color:#183749;
    font-weight:600;
    line-height:120%;
    text-align:center
}
.appeal__form{
    position:relative;
    padding:2rem 0;
    color:#fff;
    margin-top:10px
}
.appeal__form::before{
    content:"";
    display:block;
    position:absolute;
    z-index:-1;
    right:-500%;
    top:0;
    height:100%;
    width:1000%;
    background-color:#183749
}
.appeal__form-title{
    margin-bottom:1.5rem;
    font-size:2rem;
    font-weight:400;
    text-align:center
}
.appeal__form-title span{
    font-weight:400
}
.appeal__form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
}
.appeal__form-group .form__input{
    margin-right:1rem
}
.appeal__form-subtitle{
    margin:0;
    padding-top:1.2rem;
    padding-bottom:.7rem;
    font-size:1rem;
    opacity:.4;
    text-align:center
}
.instruction__cards{
    padding:4rem 0 3rem;
    margin:0
}
.instruction__cards-item{
    text-align:center;
    padding:0 7rem;
    margin-bottom:3rem
}
.instruction__cards-item-img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    height:225px
}
.instruction__cards-item-img img{
    max-height:100%
}
.instruction__cards-item-title{
    font-family:RobotoSlab;
    font-size:1.7rem;
    font-weight:700;
    color:#264050
}
.instruction__cards-item-desc{
    color:#000
}
.instruction__cards-line{
    position:relative;
    margin-bottom:-30rem
}
.instruction__cards-line::before{
    content:'';
    position:absolute;
    width:170%;
    top:24%;
    z-index:-1;
    border:1px dashed #f66a2d;
    -webkit-transform:translateX(9rem);
    -ms-transform:translateX(9rem);
    transform:translateX(9rem)
}
.instruction__cards-line-oblique{
    position:relative
}
.instruction__cards-line-oblique::before{
    content:'';
    position:absolute;
    width:108%;
    top:85%;
    right:200px;
    z-index:-1;
    border:1px dashed #f66a2d;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.instruction__cards-line-last{
    position:relative
}
.instruction__cards-line-last::before{
    content:'';
    position:absolute;
    width:67%;
    top:35%;
    right:-165px;
    z-index:-1;
    border:1px dashed #f66a2d
}
.instruction__form{
    max-width:225px;
    margin:0 auto
}
.instruction .swiper-button-next{
    display:none;
    position:absolute;
    top:50%;
    right:3.5rem;
    font-size:3.4rem;
    margin-top:-7.5rem;
    z-index:9
}
.instruction .swiper-button-prev{
    display:none;
    position:absolute;
    top:50%;
    left:3.5rem;
    font-size:3.4rem;
    margin-top:-7.5rem;
    z-index:9
}
.about-company{
    position:relative
}
.about-company__gallery{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center
}
.about-company::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index:-1;
    opacity:.14;
    background-image:url(/assets/img/about_company_bg.jpg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover
}
.about-company__images{
    padding-top:3rem;
    padding-bottom:0
}
.about-company__images img{
    width:100%;
    background-color:#ececec
}
.about-company__images-img1{
    width:54.555555%
}
.about-company__images-img2{
    width:40.222222%
}
.about-company__inner{
    padding:1rem 2rem;
    font-size:1.8rem;
    background-color:rgba(255,255,255,.76)
}
.about-company__inner-logo img{
    width:96%;
    margin:auto;
    display:block;
    margin-bottom:20px!important
}
.about-company__inner{
    padding: 26px !important;
    max-width: 100%;
    margin: auto;}
.instruction__cards-line-oblique:before{
    content:"";
    position:absolute;
    width:129%;
    top:100%;
    right:169px;
    z-index:-1;
    border:1px dashed #f66a2d;
    -webkit-transform:rotate(-33deg);
        -ms-transform:rotate(-33deg);
            transform:rotate(-33deg)
}
p.text-center.feedback-title{
    font-size:18px;
    text-align:center;
    margin-bottom:36px;
    margin-top:0;
    line-height:140%
}
section.gallery{
    padding-top:20px;
    padding-bottom:30px
}
.services .intro__categories{
    max-width:100%!important
}
.services .intro__title-subheading{
    max-width:100%;
    font-size:1.4rem
}
h4.services1__cards-title{
    text-align:center;
    font-weight:400;
    font-size:18px;
    font-family:RobotoSlab
}
.services1__cards-img{
    max-width:280px;
    margin:auto
}
i.color{
	cursor:pointer
}
i.color.active:before {
    content: '\2713';
    color: white;
    font-size: 29px;
    font-weight: bold;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 51%);
    border-radius: 5px;
}
@media screen and (max-width:767px){
    form .row{
        margin-left:0!important
    }
    img.appeal-2.b-lazy.d-block.d-xl-none.b-loaded{
        margin-bottom:0!important;
        margin-left:10%
    }
    p.extra-info{
        text-align:center
    }
    p.extra-info:before{
        margin-top:-35px
    }
    .services1__cards-img{
        max-width:100%;
        margin:auto;
        text-align:center
    }
    .services1__cards-img img{
        max-width:240px;
        margin:auto
    }
}
@media screen and (max-width:480px){
    .prices-block,img.calc-img{
        display:none
    }
}
.v-nalichii li{
    margin-bottom:20px;
    margin-top:10px
}
.hidden-text{
    display:none
}
.sub-heading .title__heading{
    color:#183749
}
.sub-heading .title__heading::after{
    background-color:#f4f4f4
}
.row .col-md-6{
    position:relative
}
.about-company__inner p{
    line-height:130%;
    margin-bottom:15px;
    color:#264050!important
}
.checkboxes{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:300px
}
.checkboxes label{
    width:40px!important;
    height:40px;
    margin-right:10px;
    border-radius:5px;
    display:block!important;
    -webkit-box-shadow:none;
            box-shadow:none;
    opacity:.3
}
.checkboxes input{
    opacity:0;
    width:0
}
label.blue{
    background-color:#c8e3f2
}
label.red{
    background-color:#ffb9b9
}
.checkboxes input:checked+label{
    opacity:1
}
.prices-block{
    position:absolute;
    bottom:15px;
    right:0
}
.gray{
    background-color:#e7e7e7!important
}
img.appeal-2{
    margin-bottom:-8%;
    display:none!important
}
@media screen and (min-width:1200px){
	img.p-img {
    width: 350px;
    height: 329px;
    object-fit: cover;
}
    .appeal__title{
        white-space:nowrap
    }
    .appeal__subtitle{
        padding:0 5rem .8rem;
        font-size:1.8rem;
        color:#183749;
        font-weight:700;
        text-align:center;
        line-height:93%
    }
    .appeal__inner-block{
        margin-left:0;
        margin-bottom:0!important
    }
    .appeal__img--img2{
        bottom:-20%;
        max-width:31%!important;
        right:auto;
        left:8%
    }
    .appeal__bg{
        border-bottom:0 solid #ececec
    }
}
@media screen and (min-width:1300px){
    .appeal__img--img2{
        bottom:-12%!important
    }
}
@media screen and (max-width:1199px){
    i._icon-info-circle{
        float:left;
        display:block;
        font-size:2rem;
        position:absolute
    }
    .warning__text{
        padding-left:26px
    }
    .swiper-slide{
        text-align:center
    }
    .appeal__img--img2{
        left:-15rem
    }
    table.recomendations{
        max-width:100%;
        margin:20px auto 40px
    }
    .step{
        margin-bottom:30px
    }
}
.hidden-blocks{
    display:none
}
@media screen and (max-width:1199px) and (min-width:768px){
    .appeal__inner{
        max-width:597px;
        margin:auto!important
    }
}
#popup-height,#popup-width{
    pointer-events:none
}
@media screen and (max-width:767px){
    header.header.sticky .navbar__phone{
        display:none
    }
}
a.more-info1{
    cursor:pointer
}
@media screen and (min-width:1200px){
    .intro button.btn.btn-orange-craiola{
        line-height:104%;
        width:221px
    }
}
.sticky{
    position:fixed;
    top:0;
    width:100%;
    z-index:999999;
    -webkit-transition:all .7s;
    -o-transition:all .7s;
    transition:all .7s
}
ul.navbar__nav.touch li{
    cursor:pointer!important
}
body,html{
    width:100%;
    overflow-x:hidden
}
body{
    margin-right:-1px
}
.services .container-md{
    position:relative
}
.services__cards{
    margin-top:3rem;
    margin-bottom:0
}
.services__cards-img{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    max-width:100%;
    height:175px;
    margin:0 auto;
    margin-bottom:2.5rem;
    position:relative;
    z-index:-1
}
.services__cards-img img{
    position:absolute;
    width:auto;
    max-height:120%
}
.services__cards-title{
    font-family:RobotoSlab,sans-serif;
    font-size:1.8rem;
    font-weight:700;
    color:#183749;
    margin-bottom:8px
}
.services__cards-text{
    display:-ms-flexbox;
    -ms-flex-direction:column;
    -ms-flex-pack:justify
}
.services__cards-text p{
    color:#000;
    display:-webkit-box;
    -webkit-line-clamp:4;
    overflow:hidden
}
.services__cards .swiper-slide{
    padding-left:1rem;
    padding-right:1rem
}
.services .swiper-button-next{
    display:none;
    position:absolute;
    top:50%;
    right:3.5rem;
    font-size:3.4rem;
    margin-top:-11.5rem;
    z-index:9
}
.services .swiper-button-prev{
    display:none;
    position:absolute;
    top:50%;
    left:3.5rem;
    font-size:3.4rem;
    margin-top:-11.5rem;
    z-index:9
}
.services__title-subheading{
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:345px;
    font-size:1.6rem;
    line-height:133%;
    font-weight:400;
    color:#000;
    letter-spacing:0
}
.services__title-subheading::before{
    content:'';
    display:inline-block;
    width:3px;
    min-height:100%;
    margin-right:1rem;
    background-color:#183749
}
.services .services__categories{
    max-width:100%!important
}
.services__categories{
    margin-bottom:2rem;
    font-size:1.6rem;
    line-height:120%;
    color:#000
}
ul.services__categories li{
    margin-bottom:6px;
    position:relative
}
@media screen and (min-width:1200px){
    .services{
        padding-bottom:30px
    }
    .services .swiper-slide:nth-child(3) img{
        margin-left:40px;
        position:absolute!important;
        z-index:-1;
        padding:10px;
        width:100%
    }
}
section.services ul{
    -webkit-padding-start:10px;
            padding-inline-start:10px;
    list-style:none
}
section.services ul li:before{
    content:'\2022 \00a0 \00a0 \00a0';
    position:absolute;
    left:-10px;
    font-weight:700
}
@keyframes display-none-transition{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block
    }
    100%{
        opacity:1
    }
}
@-webkit-keyframes display-none-transition{
    0%{
        display:none;
        opacity:0
    }
    1%{
        display:block
    }
    100%{
        opacity:1
    }
}
section.fittings+.appeal{
    padding-top:5rem;
    padding-top:172px;
    position:relative;
    margin-top:-100px
}
section.fittings+.appeal img.appeal__img{
    left:9%;
    height:422px;
    width:AUTO;
    max-width:100%!important;
    bottom:-32%!important
}
.fittings__card{
    text-align:center
}
.fittings__card-img img{
    margin-bottom:-30px!important;
    margin:auto
}
h3.fittings__card-title{
    margin-top:20px;
    font-family:RobotoSlab;
    font-size:18px
}
p.fittings__card-text{
    line-height:120%;
    max-width:254px;
    margin:auto;
    color:#000
}
.slick-initialized .slick-slide{
    display:block;
    overflow:hidden!important
}
.advantages-slider .slick-next.slick-arrow{
    right:29px!important
}
.advantages-slider{
    max-width:270px;
    margin:auto;
    margin-bottom:0
}
.advantages-slider p{
    margin-bottom:0;
    margin-top:-26px;
    font-size:18px;
    color:#000;
    opacity:.5;
    text-align:center
}
.advantages-slider .slick-prev{
    left:37px!important
}
.advantages-slider .slick-slide img{
    height:201px;
    margin:auto;
    margin-top:-19px
}
.advantages-slider{
    max-height:190px;
    overflow:hidden
}
.fittings-slider{
    max-height:333px;
    overflow:hidden
}
@media screen and (min-width:768px){
    .services__cards.services-slider{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
}
.sprite{
    background-image:url(/assets/uploads/2022/05/icons.png);
    background-repeat:no-repeat;
    display:block
}
.sprite-calc{
    width:21px;
    height:24px;
    background-position:-5px -5px
}
.sprite-clouds{
    width:29px;
    height:30px;
    background-position:-36px -5px
}
.sprite-eye{
    width:33px;
    height:28px;
    background-position:-75px -5px
}
.sprite-info-orange{
    width:34px;
    height:34px;
    background-position:-118px -5px
}
.sprite-insects{
    width:32px;
    height:32px;
    background-position:-5px -49px
}
.sprite-more{
    width:23px;
    height:24px;
    background-position:-47px -49px
}
.sprite-par{
    width:34px;
    height:34px;
    background-position:-80px -49px
}
.sprite-pricetag{
    width:171px;
    height:40px;
    background-position:-5px -93px
}
.sprite-sun{
    width:33px;
    height:33px;
    background-position:-124px -49px
}
.sprite-temperature{
    width:36px;
    height:37px;
    background-position:-167px -5px
}
.sprite-thumbsup{
    width:31px;
    height:31px;
    background-position:-167px -52px;
    margin-right:20px
;min-width: 30px;}
.color{
    background-image:url(/assets/uploads/2022/05/colors.png);
    background-repeat:no-repeat;
    display:block;
    margin-bottom:6px
}
.sprite-color-1{
    width:43px;
    height:43px;
    background-position:-5px -5px
}
.sprite-color-10{
    width:43px;
    height:43px;
    background-position:-58px -5px
}
.sprite-color-11{
    width:43px;
    height:43px;
    background-position:-111px -5px
}
.sprite-color-2{
    width:43px;
    height:43px;
    background-position:-5px -58px
}
.sprite-color-3{
    width:43px;
    height:43px;
    background-position:-58px -58px
}
.sprite-color-4{
    width:43px;
    height:43px;
    background-position:-111px -58px
}
.sprite-color-5{
    width:43px;
    height:43px;
    background-position:-5px -111px
}
.sprite-color-6{
    width:43px;
    height:43px;
    background-position:-58px -111px
}
.sprite-color-7{
    width:43px;
    height:43px;
    background-position:-111px -111px
}
.sprite-color-8{
    width:43px;
    height:43px;
    background-position:-164px -5px
}
.sprite-color-9{
    width:43px;
    height:43px;
    background-position:-164px -58px
}
.banner_after{
    position:absolute;
    top:28%;
    left:45%;
    margin:auto
}
.banner_after p{
    position:absolute;
    bottom:20px;
    right:0;
    left:0;
    margin:auto;
    color:#fff;
    z-index:99;
    text-align:center
}
.orange_line{
    background-image:url(/assets/uploads/2022/05/orange-line.png);
    padding-left:45px;
    color:#fff;
    line-height:124%;
    background-repeat:no-repeat;
    height:78px;
    background-size:cover;
    font-size:21px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:15px;
    margin-left:-45px
;max-width: 700px;}
section.banner ul{
    font-size:1.8rem;
    margin-bottom:20px;
    line-height:120%
}
.banner h1{
    font-size:23px;
    font-weight:500;
    margin-bottom:23px
}
.banner h1 span.large{
    font-size:7.4rem;
    font-weight:900;
    display:block;
    line-height:80%
}
.banner h1 span.larger{
    font-size:26px;
    font-weight:700
}
.banner_content{
    position:relative;
    padding-top:4rem;
    padding-bottom:1rem
}
section.banner{
    background-image:url(/assets/uploads/2022/05/banner.jpg);
    background-size:1920px;
    background-position:center
}
.services__cards-text img{
    margin-top:10px;
    -o-object-fit:contain;
       object-fit:contain;
    display:block;
    margin-left:0
}
.v-nalichii .services__cards-text,.v-nalichii h4.services__cards-title{
    padding-left:30px
}
.services__cards .swiper-slide:hover>div{
    padding:20px 1.5rem;
    border-radius:10px;
    border:1px solid #c5c5c5;
    -webkit-box-shadow:0 5px 10px 2px rgb(34 60 80 / 10%);
    box-shadow:0 5px 10px 2px rgb(34 60 80 / 10%)
}
.services__cards .swiper-slide>div{
    padding:20px 1.5rem;
    border-radius:10px;
    border:1px solid #fff;
    overflow:hidden
}
.usage_wrapper{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:30px auto
}
.usage_scheme{
    margin-right:32px
}
.usage_icons{
    max-width:408px;
    padding:32px 20px 0;
    font-family:Roboto;
    -webkit-box-shadow:0 5px 10px 2px rgba(34,60,80,.2);
    box-shadow:0 5px 10px 2px rgba(34,60,80,.2);
    border-radius:5px;
    border:1px solid rgb(191 191 191);
    position:relative;
    background-color:#fff
}
.usage_icons>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    font-size:1.6rem;
    line-height:120%;
    font-family:ROBOTO;
    margin-bottom:10px
}
.usage_icons>div>i{
    margin-right:18px;
    min-width:39px
}
.usage_icons b{
    font-family:RobotoSlab;
    color:#183749
}
i.sprite.sprite-info-orange{
    position:absolute;
    top:-16px;
    right:0;
    left:0;
    margin:auto;
    background-color:#fff;
    border-radius:100%;
    -webkit-box-sizing:content-box;
            box-sizing:content-box;
    border:2px solid #fff;
    z-index:0!important
}
.usage_icons:before{
    content:'';
    width:44px;
    height:44px;
    display:block;
    border:1px solid rgb(191 191 191);
    border-radius:100%;
    position:absolute;
    top:-17px;
    z-index:-12;
    right:0;
    left:0;
    margin:auto
}
.product{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin:0 -10px;
    -webkit-box-shadow:0 5px 10px 2px rgb(34 60 80 / 20%);
    box-shadow:0 5px 10px 2px rgb(34 60 80 / 20%);
    border-radius:5px;
    border:1px solid rgb(191 191 191);
    padding:20px 10px 10px;
    margin:30px auto
}
.product_col{
    margin:0 10px;
    min-width:300px
}
.product_title{
    font-size:25px;
    line-height:120%;
    margin-bottom:20px
}
.product_title b{
    color:#183749
}
span.orange{
    color:#fc6f32
}
.product_image p{
    text-align:center;
    opacity:50%;
    margin-bottom:0
}
.p-colors{
    display:block;
    -webkit-columns:5;
       -moz-columns:5;
            columns:5;
    max-width:237px;
    margin-bottom:10px
}
.product_colors p{
    height:50px;
    border-radius:5px;
    background-color:#f5f5f5;
    line-height:112%;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    font-size:16px;
    margin-bottom:17px
}
.p-features>div{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:justify;
        -ms-flex-pack:justify;
            justify-content:space-between;
    position:relative;
    padding-left:10px;
    font-size:14px
}
.p-features>div:before{
    content:'\2022';
    position:absolute;
    left:0;
    color:#fc6f32;
    top:2px
}
.product_colors{
    width:300px
}
.product h3.h3{
    padding-bottom:4px;
    margin-bottom:14px
}
.price-old{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-right:20px;
    max-width:180px;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    text-align:center;
    font-size:13px;
    opacity:13%
}
.price-old span:last-child b{
    font-size:21px
}
.price-new{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
        -ms-flex-direction:column;
            flex-direction:column;
    font-size:14px;
    padding:2px 18px;
    line-height:116%
}
.price-new .p-price{
    font-size:21px;
    font-weight:700
}
.price-new span:last-child{
    text-align:right
}
.product_prices{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding-top:10px
}
.product_prices p{
    color:#c7c7c7;
    text-align:center;
    line-height:120%;
    font-size:13px;
    margin-top:10px
}
.product_form_title{
    background-image:url(/assets/uploads/2022/05/orange-line.png);
    background-repeat:no-repeat;
    padding-left:30px;
    color:#fff;
    line-height:120%;
    height:55px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    margin-bottom:20px;
    margin-right:-20px;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    padding-right:20px
}
.product button,.product input.form__input.mb-4{
    max-width:300px;
    margin:auto;
    height:45px
}
.product input.form__input.mb-4{
    -webkit-box-shadow:4px 4px 8px 0 rgba(34,60,80,.2);
    box-shadow:4px 4px 8px 0 rgba(34,60,80,.2);
    border:1px solid #ececec;
    font-size:20px
}
form.formorder{
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    text-align:center
}
.product_form{
    margin-top:100px
}
.product_col:first-child{
    min-width:360px!important;
    max-width:100%
}
section.appeal:before{
    content:'';
    background-image:url(/assets/uploads/2022/05/cta-1.png);
    background-size:1920px;
    background-position:center;
    display:block;
    position:absolute;
    width:100%;
    height:472px;
    z-index:0;
    top:0;
    pointer-events:none
}
.gallery-1{
    display:-ms-grid;
    display:grid;
    grid-auto-columns:1fr 1fr 1fr;
    grid-auto-rows:1fr;
    -ms-grid-columns:1fr 10px 1fr 10px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows:30% 10px 30% 10px 40%;
    grid-template-rows:30% 30% 40%;
    gap:10px;
        grid-template-areas:"image-1 image-2 image-5" "image-3 image-4 image-5" "image-6 image-7 image-8";
    margin-bottom:10px;
    overflow:hidden
}
.image-1{
    -ms-grid-row:1;
    -ms-grid-column:1;
    grid-area:image-1
}
.image-2{
    -ms-grid-row:1;
    -ms-grid-column:3;
    grid-area:image-2
}
.image-3{
    -ms-grid-row:3;
    -ms-grid-column:1;
    grid-area:image-3
}
.image-4{
    -ms-grid-row:3;
    -ms-grid-column:3;
    grid-area:image-4
}
.image-5{
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    -ms-grid-column:5;
    grid-area:image-5
}
.image-6{
    -ms-grid-row:5;
    -ms-grid-column:1;
    grid-area:image-6
}
.image-7{
    -ms-grid-row:5;
    -ms-grid-column:3;
    grid-area:image-7
}
.image-8{
    -ms-grid-row:5;
    -ms-grid-column:5;
    grid-area:image-8
}
.gallery-2{
    display:-ms-grid;
    display:grid;
    -ms-grid-columns:1fr 10px 1fr 10px 1fr;
    grid-template-columns:1fr 1fr 1fr;
    -ms-grid-rows:1fr 10px 1fr;
    grid-template-rows: 50% 50%;
    grid-auto-columns:1fr 1fr 1fr;
    grid-auto-rows:1fr;
    gap:10px;
    grid-auto-flow:row;
        grid-template-areas:"image-9 image-10 image-11" "image-12 image-13 image-13"
}
.gallery-2 img {max-height: 350px;}
.image-9{
    -ms-grid-row:1;
    -ms-grid-column:1;
    grid-area:image-9
}
.image-10{
    -ms-grid-row:1;
    -ms-grid-column:3;
    grid-area:image-10
}
.image-11{
    -ms-grid-row:1;
    -ms-grid-column:5;
    grid-area:image-11
}
.image-12{
    -ms-grid-row:3;
    -ms-grid-column:1;
    grid-area:image-12
}
.image-13{
    -ms-grid-row:3;
    -ms-grid-column:3;
    -ms-grid-column-span:3;
    grid-area:image-13
}
.gallery-1 a,.gallery-2 a{
    overflow:hidden
}
.gallery-1 img,.gallery-2 img{
    height:100%;
    width:100%;
    -o-object-fit:cover;
       object-fit:cover
}
.btn.show-more{
    position:relative;
    padding:0;
    border-radius:30px;
    overflow:hidden;
    color:#fff;
    -webkit-box-shadow:0 9px 6px 1px rgb(0 0 0 / 14%);
    box-shadow:0 9px 6px 1px rgb(0 0 0 / 14%);
    background-color:#fc6f32;
    -webkit-transition:.2s linear;
    -o-transition:.2s linear;
    transition:.2s linear;
    font-family:revert;
    text-shadow:0 5px 5px rgb(0 0 0 / 26%);
    min-height:40px;
    -webkit-box-align:center;
        -ms-flex-align:center;
            align-items:center;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    max-width:240px;
    padding:10px 20px;
    line-height:100%;
    margin:30px auto
}
intro__form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    position:relative;
    z-index:99999
}
.intro__form-group .form__input{
    margin-right:1rem
}
.intro__form-subform{
    margin:1rem auto;
    font-size:1rem;
    opacity:.4
}
.intro__form-group{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-top:20px
}
form.form.intro__form.formmainsection{
    max-width:454px;
    text-align:center
}
i._icon-calculator{
    margin-right:5px
}
p.intro__form-title{
    line-height:110%;
    font-size:18px;
    margin-bottom:10px;
    display:block
}
.slick-arrow{
    width:35px;
    height:35px;
    z-index:9
}
@media only screen and (max-width:1399px){
    .instruction__cards-item{
        padding:0 4rem
    }
    .instruction__cards-line-oblique::before{
        right:160px
    }
    .instruction__cards-line-last::before{
        right:-155px
    }
}
@media only screen and (max-width: 1199px){
    .banner_after{
        left:53%
    }
    .usage_wrapper{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center
    }
    .usage_scheme{
        margin-right:18%;
        margin-bottom:50px
    }
    .product{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
            -ms-flex-direction:column;
                flex-direction:column;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center;
        width:408px;
        max-width:100%;
        -webkit-box-sizing:border-box;
                box-sizing:border-box
    }
    .product_col:first-child{
        min-width:80%!important;
        -webkit-box-sizing:border-box;
                box-sizing:border-box
    }
    .product_image{
        margin-bottom:30px
    }
    .p-colors{
        margin:10px auto 10px
    }
    .product_colors{
        margin-bottom:30px;
        width:100%
    }
    .product_prices{
        margin-top:30px
    }
    .product_form{
        margin-top:30px;
        margin-bottom:30px
    }
    .product_form_title{
        margin-left:-20px;
        font-size:14px
    }
    section.appeal:before{
        bottom:0;
        top:auto;
        height:347px
    }
    section.about-company+section.appeal{
        display:none!important
    }
    .services__cards-img img{
        height:200px!important;
        -o-object-fit:contain!important;
           object-fit:contain!important
    }
    .services .swiper-slide:nth-child(4) img{
        margin-left:43px;
        position:relative!important;
        z-index:9999;
        padding:10px;
        width:100%
    }
    .services .swiper-slide:nth-child(5) img{
        margin-left:60px;
        position:relative!important;
        z-index:9999;
        padding:10px;
        width:100%
    }
    .services__categories{
        text-align:left
    }
    span.services__title-subheading{
        text-align:left
    }
    .services .swiper-button-next,.services .swiper-button-prev{
        top:45%!important
    }
    .mouse .navbar__nav-item:hover .navbar__nav-subnav{
        display:block
    }
    .active{
        display:block
    }
    .intro__image{
        left:25%!important
    }
    .appeal__form-group{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .appeal__form-group .form__input{
        margin-right:0;
        margin-bottom:1rem
    ;border: 1px solid #d7d7d7;
    color: #ccc !important;}
    .instruction__cards-item{
        padding:0 1rem
    }
    .instruction__cards-line-oblique::before{
        right:117px
    }
    .instruction__cards-line-last::before{
        right:-145px
    }
    .slider-wrapper img{
        margin:auto
    }
}
@media only screen and (max-width:1024px){
    .instruction__cards-line::before{
        display:none
    }
    .instruction__cards-line-oblique::before{
        display:none
    }
    .instruction__cards-line-last::before{
        display:none
    }
    .footer__right{
        /* width:50%; */}
}
@media only screen and (max-width:991px){
    .swiper-container.gallery-thumbs{
        margin-bottom:40px
    }
    button.btn.btn-orange-craiola.w-100{
        margin:0 auto 0;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
            -ms-flex-align:center;
                align-items:center
    }
    .animation-toggle:before{
        display:none!important
    }
    p.animation-info{
        max-width:344px;
        text-align:center;
        margin-bottom:29px!important;
        padding-left:0!important;
        margin:auto
    }
    p.animation-info:before{
        position:relative!important;
        left:auto!important;
        top:0!important;
        margin:0 auto 10px
    }
    .services__cards{
        max-width:280px;
        margin:auto;
        margin-bottom:40px
    }
    .guarantee.text-center h3{
        margin-top:16px;
        margin-bottom:20px;
        font-family:RobotoSlab;
        font-size:16px
    }
    .guarantee.text-center{
        margin-top:30px
    }
    section.fittings+.appeal{
        padding-top:0!important;
        margin-top:4rem
    }
    .fittings-slider .swiper-button-prev{
        font-size:3rem;
        top:85px;
        position:absolute;
        left:10%
    }
    .fittings-slider .swiper-button-next{
        font-size:3rem;
        top:85px;
        position:absolute;
        right:10%
    }
    .about-company__inner p{
        max-width:100%
    }
    .fittings-slider{
        display:block;
        margin-bottom:30px
    }
    .services__cards-text .excerpt{
        display:none
    }
    .services .swiper-button-next{
        display:block
    }
    .services .swiper-button-prev{
        display:block
    }
    .instruction .swiper-button-next,.instruction .swiper-button-prev{
        top:33%!important
    }
    .instruction__cards-item-img{
        margin-bottom:30px
    }
    .instruction__cards-line{
        margin-bottom:3rem
    }
    .instruction .swiper-button-next{
        display:block
    }
    .instruction .swiper-button-prev{
        display:block
    }
    .accessories .kak-zakazat{
        display:-ms-grid;
        display:grid;
        text-align:center;
        font-family:Myseo;
        -ms-grid-rows:1fr 1fr;
        grid-template-rows:1fr 1fr;
        -ms-grid-columns:1fr 1fr;
        grid-template-columns:1fr 1fr;
        margin-top:30px;
        margin-bottom:30px;
        max-width:77%;
        margin:30px auto
    }
    .accessories .kak-zakazat > *:nth-child(1){
        -ms-grid-row:1;
        -ms-grid-column:1
    }
    .accessories .kak-zakazat > *:nth-child(2){
        -ms-grid-row:1;
        -ms-grid-column:2
    }
    .accessories .kak-zakazat > *:nth-child(3){
        -ms-grid-row:2;
        -ms-grid-column:1
    }
    .accessories .kak-zakazat > *:nth-child(4){
        -ms-grid-row:2;
        -ms-grid-column:2
    }
    .col-md-3.col-12.kak-zakazat img{
        height:60px;
        -o-object-fit:contain;
           object-fit:contain;
        -o-object-position:center;
           object-position:center
    }
}
@media only screen and (max-width:991px) and (min-width:730px){
    .intro__image-mob{
        max-height:420px;
        z-index:-1
    }
}
@media only screen and (max-width: 991px){
    .usage_icons>div>i {transform: scale(.9);margin-right: 10px;}
    .product h3.h3{
        text-align:center;
        -webkit-box-pack:center;
            -ms-flex-pack:center;
                justify-content:center
    }
    .product h3.h3 span{
        margin:auto!important;
        display:inline-block;
        margin:auto;
        border-bottom:3px solid #fc7a42
    }
    .product_title{
        text-align:center
    }
    section.banner{
        background-position-x: 30%!important;
        background-size:cover
    ;position: relative;}
    .banner_after{
        right: 0;
        top:45%;
        width:200px
    }
    .orange_line{
        -webkit-transform-origin:left;
            -ms-transform-origin:left;
                transform-origin:left;
        -webkit-transform:scale(.8);
            -ms-transform:scale(.8);
                transform:scale(.8);
        margin-left:0
    }
    .banner_content{
        padding-top:7rem
    }
    .v-nalichii .services__cards-text,.v-nalichii h4.services__cards-title{
        padding-left:0
    }
    .slick-arrow{
        width: 35px !important;
        height: 35px !important;}
    .appeal__bg{
        margin-bottom:0;
        padding-top:0
    }
    .appeal__img--img1{
        bottom:0;
        margin-right:-7.5rem
    }
    .appeal__img--img2{
        bottom:0;
        margin-bottom:-4.2rem
    }
    .appeal__img{
        position:inherit
    }
    .appeal__inner-block{
        margin-left:0;
        margin-bottom: 160px;}
    .appeal__inner{
        max-width:100%;
        margin-left:0;
        text-align:center
    }
    .appeal__form-group{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .appeal__form-subtitle{
        text-align:center
    }
    .appeal__form{
        padding-top:2rem;
        padding-bottom:2rem;
        max-width:280px;
        margin:auto
    }
}
@media only screen and (max-width:800px){
    .instruction__cards{
        padding:0;
        margin:0;
        margin-top:40px
    }
    .instruction__cards-item{
        padding:0 15rem
    }
}
@media only screen and (max-width:768px){
    section.banner {background-image: url(/assets/uploads/2022/05/s01_mob.jpg);background-size: 414px !important;/* background-position-y: center !important; */background-position: top;background-repeat: no-repeat;}

    .about-company__gallery {max-width: 60;max-width: 600px;margin: auto;}

.about-company::before {display: none;}
    .banner_content {max-width: 300px;margin: auto;padding-top: 6rem;}

.banner h1 {text-align: center;font-size: 21px;margin-bottom: 10px;}

span.large {font-size: 6.5rem !important;}

.banner h1 span.larger {font-size: 22px;}

section.banner ul {font-size: 2rem;max-width: 270px;margin: 0px auto 20px;max-width: 322px;margin-bottom: 404px;padding-left: 37px;}

.orange_line {/* margin-top: 177px; */width: 1000px;transform: scale(.8);margin-left: -30px;transform-origin: top left;font-size: 16px;align-items: center;margin: 16px 0px 35px -21px;/* shape-outside: polygon(0 0, 86% 0, 100% 100%, 36% 100%); *//* clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%); */background-size: contain;}
.orange_line b{
    display:non
}
.banner_after {top: 215px;max-width: 141px;right: -58px;left: auto;display: none;font-size: 12px;}

p.intro__form-title {font-size: 1.4rem;}

i.sprite.sprite-thumbsup {margin-right: 10px;display: none;}

.intro__form-group {flex-direction: column;align-items: center;}

.intro__form-group .form__input {margin-right: 0px !important;margin-bottom: 10px;max-width: 220px;min-height: 40px;border: 1px solid #d7d7d7;color: #ccc !important;}

form.form.intro__form.formmainsection {margin-top: -30px;}

.intro__form-group .form__input::placeholder {color: #ccc !important;}

.orange_line p {margin-bottom: 0px;max-width: 303px;
    
   }

.orange_line p br {display: none;}

section.banner:before {/* content: ''; */width: 100%;height: 100%;display: block;background: rgb(255 255 255 / 91%);position: absolute;}

.usage_scheme {margin-right: 0px;}

.product_col {min-width: auto;}

.product_form_title {font-size: 11px;background-size: cover;margin-left: -10px;}

.product_form_title br {display: none;}

h3.appeal__form-title {font-size: 1.8rem;}

section.appeal:before {left: auto;/* right: auto; */height: 225px;right: 0px;background-position-x: 0%;background-size: 1000px;background-position-y: bottom;background-repeat: no-repeat;top: 45px;}

.appeal__form-group .form__input::placeholder {color: #ccc !important;}

input.form__input.mb-4::placeholder {color: #ccc !important;}

.product button, .product input.form__input.mb-4 {max-width: 220px;height: 40px;font-size: 14px;}

.col-12.col-xl-4.about-company__inner {/* padding: 0px !important; */font-size: 16px !important;max-width: 600px;}

.about-company__images-img1 img {height: 100%;object-fit: cover;}

.about-company__inner p {font-size: 14px !important;width: 100% !important;}

h2.title__heading {}
    .services__cards .swiper-slide{
        padding-left:0;
        padding-right:0
    }
    .swiper__description .gallery-thumbs .swiper-slide{
        min-height:150px
    }
}
@media only screen and (max-width: 730px){
    .btn-orange-craiola{
        max-width: 220px;
        width:100%;
        line-height:120%;
        min-height: 40px;
        margin:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .form__input{
        max-width: 220px;}
}
@media only screen and (max-width:600px){
    .appeal__form-group{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .instruction__cards-item{
        padding:0 2rem
    }
    .about-company::before{
        background-image:none!important
    }
}
@media only screen and (max-width:502px){
    .services .swiper-button-next,.services .swiper-button-prev{
        top:36%
    }
}
@media only screen and (max-width:767px){
    .shortened-catalog>div:nth-child(n+4){
        display:none
    }
    i._icon-info-circle{
        font-size:1.8rem;
        display:block;
        float:left
    }
    span.warning__block{
        max-width:335px;
        width:calc(100% + 40px);
        display:inline-block;
        margin-left:-20px
    }
    .appeal__img--img2{
        margin-bottom:-3.8rem
    }
    .appeal__title::after{
        display:none
    }
    .appeal__title{
        font-size:1.5rem
    }
    .instruction__form{
        max-width:100%
    }
    .map>iframe{
        height:500px!important
    }
    .services__cards-img{
        margin-bottom:0
    }
    .services ul.intro__categories li{
        line-height:120%;
        font-size:16px;
        color:#000
    }
    .services .intro__categories{
        max-width:75%!important;
        text-align:left;
        font-size:16px!important
    }
    h4.section{
        position:relative
    }
    p.extra-info:before{
        display:none!important
    }
    .with-border .step{
        border:none!important;
        max-width:100%!important;
        padding:0!important
    }
    .navbar__phone-text{
        max-width:37%
    }
    .form__input{
        text-align:center
    }
    .services .swiper-button-next{
        right:0
    }
    .services .swiper-button-prev{
        left:0
    }
    .appeal__img--img2{
        margin-bottom:-3rem
    }
    .appeal__title{
        padding-left:1rem;
        padding-right:1rem
    }
    .appeal__subtitle{
        padding-left:1rem;
        padding-right:1rem;
        font-size:1.6rem;
        line-height:120%;
        max-width:300px;
        margin:auto;
        letter-spacing:-.5px;
        margin-top:10px!important;
        margin-bottom:10px
    }
    .swiper__description .gallery-top .swiper-button-white{
        font-size:2.9rem
    }
    .swiper__description .gallery-thumbs .swiper-slide{
        min-height:50px
    }
    .instruction .swiper-button-next{
        right:0;
        margin-top:-9.5rem
    }
    .instruction .swiper-button-prev{
        left:0;
        margin-top:-9.5rem
    }
    .appeal__img--img2{
        margin-bottom:-4.2rem
    }
    .appeal__img--img2{
        margin-bottom:-3rem
    }
}
@media screen and (min-width:1920px){
    h2.appeal__title{
        white-space:nowrap
    }
    .with-border .step{
        max-width:511px;
        margin-left:15px
    }
}