@media (max-width: 430px) {
    html{
        font-size: calc(100vw/430);
    }
    .skills__accordion-line {
    height: 3rem;
    }

    .advantages{
        max-width:430rem;
        overflow-x:hidden
    }
    .advantages__container{
        max-width:360rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin:0rem auto;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        padding-top:57rem
    }
    .advantages__title{
        color:#363636;
        font-size:32rem;
        font-style:normal;
        font-weight:400;
        line-height:normal;
        letter-spacing:.76rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        flex-direction: column;
        position: relative;
        z-index: -1;
    }
    .advantages__logo{
        background:url(../images/dist/advantages-logo.png) center no-repeat;
        width:281rem;
        height:58rem;
        margin-top:-20rem;
        background-size:100%;
        z-index: 1;
    }
    .faq{
        position: absolute;
        left: 260rem;
        top: 40rem;
        z-index: 1;
    }
    .advantages__soft-title{
        width: 283rem;
        color:#363636;
        font-family:"Roboto";
        font-size:20rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:.76rem;
        margin-top:18rem;
        text-align: center;
    }
    .advantages__container p{
        color:#363636;
        text-align:center;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        line-height:151.49%;
        letter-spacing:-0.9rem;
        max-width:1279rem;
        margin-top:40rem
    }
    .advantages__container p span:nth-child(1){
        color:#363636;
        font-weight:700
    }
    .advantages__container p span:nth-child(2){
        color:#d55318;
        font-weight:400
    }
    .section__case{
        text-align:center;
        padding-top:54rem;
        padding-bottom:138rem
    }
    .section__case-title{
        color:#363636;
        font-family:Roboto;
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-bottom:63rem
    }
    .section__case .case__splide{
        max-width: 80%;
        height: auto;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin:0 auto;
        z-index: 1;
    }
    .section__case .case__splide .splide__arrow--prev{
        left:-50rem;
        background:rgba(0,0,0,0)
    }
    .section__case .case__splide .splide__arrow--next{
        right:-50rem;
        background:rgba(0,0,0,0)
    }
    
    .cooperation__container{
        max-width:360rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        margin:0 auto
    }
    .cooperation__title{
        color:#363636;
        font-family:"Roboto";
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:.76rem;
        margin-top:44rem;
        text-align: center;
    }
    .cooperation__points{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        gap:24rem;
        margin-top:44rem
    }
    .cooperation__points-high{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;

        flex-direction: column;
        gap:24rem;
        align-items: center;
    }
    .cooperation__points-middle{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        flex-direction: column;
        align-items: center;
        gap:24rem;
    }
    .cooperation__points-item{
        width:348rem;
        height:172rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        position:relative
    }
    .cooperation__points-item p{
        color:#1e1e1e;
        text-align:center;
        font-size:21rem;
        font-style:normal;
        font-weight:700;
        line-height:144.49%;
        letter-spacing:-0.63rem;
        margin-top:40rem;
        z-index: -1;
    }
    .number{
        color:#e7f2f9;
        font-size:150rem;
        font-style:normal;
        font-weight:700;
        line-height:normal;
        letter-spacing:3rem;
        position:absolute;
        z-index:-1
    }
    .section__order{
        padding-bottom:144rem
    }
    .section__order-intro{
        background:url(../images/dist/Rectangle\ 14.png) no-repeat center;
        height:230rem;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        flex-direction: column;
        gap: 16rem;
    }
    .section__order-title{
        margin:0rem 0;
        text-align:center;
        color:#363636;
        font-family:Roboto;
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-top: 71rem;

    }
    .section__order .rate__text{
        margin:0rem 0rem 0rem 0rem;
        color:#fff;
        font-family:Arial;
        font-size:21rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:-0.84rem;
        text-align: center;
    }
    .section__order .rate__btn{
        width:257rem;
        height:60rem;
        border-radius:15rem;
        background:#fff;
        color:#1e1e1e;
        font-family:"Roboto",sans-serif;
        font-size:15rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:.15rem;
        -webkit-transition:all .2s linear;
        transition:all .2s linear
    }
    .section__order .rate__btn:hover{
        background:#f3601d
    }
    .section__order .rate__btn:active{
        background:#a33a0b
    }
    .section__order .order__splide{
        width:262rem;
        height:262rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin:0 auto;
        margin-top: 64rem;
        z-index: -1;
    }
    .section__order .order__splide .splide__arrow--prev{
        left:-50rem;
        background:rgba(0,0,0,0)
    }
    .section__order .order__splide .splide__arrow--next{
        right:-50rem;
        background:rgba(0,0,0,0)
    }
    .section__order .order__splide .client__one{
        background:url(../images/dist/client__one.png) center no-repeat;
        background-size:100%;
        height:262rem;
        width:262rem
    }
    .section__order .order__splide .client__two{
        background:url(../images/dist/client__two.png) center no-repeat;
        background-size:100%;
        margin-right: 0rem ;
        width: 262rem !important;
    }
    .section__order .order__splide .client__three{
        background:url(../images/dist/client__three.png) center no-repeat;
        background-size:100%;
        margin-right: 40rem;
        width: 262rem !important;
    }
    .section__order .order__splide .client__four{
        background:url(../images/dist/client__four.png) center no-repeat;
        background-size:100%;
        margin-right: 40rem;
        width: 262rem !important;
    }
    .section__order .order__splide .client__five{
        background:url(../images/dist/client__five.png) center no-repeat;
        background-size:100%;
        margin-right: 40rem;
        width: 262rem !important;
    }
    .footer{
        padding-top:37rem;
        padding-bottom:54rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer__logo{
        margin-left:0rem;
        margin-right:0rem
    }
    .footer__nav{
        display: none;
    }
    .footer__logo p{
        color:#5b5b5b;
        text-align:center;
        font-family:Arial;
        font-size:13rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.52rem
    }
    .footer-fon__logo{
        background:url(../images/dist/logo.png) no-repeat center;
        background-size:100%;
        width:214rem;
        height:72rem;
        -ms-flex-negative:0;
        flex-shrink:0
    }
    .footer__list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .footer__item{
        color:#363636;
        font-family:Arial;
        font-size:15rem;
        font-style:normal;
        font-weight:400;
        line-height:160.49%;
        letter-spacing:.375rem
    }
    .footer__item:not(:last-child){
        margin-right:28rem
    }
    .section__form{
        background:url(../images/dist/fon__form.png) center no-repeat;
        background-size:cover;
        padding-top:89rem;
        padding-bottom:83rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .section__form-title{
        text-align:center;
        color:#fff;
        font-family:Roboto;
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-bottom:41rem
    }
    .section__form-info{
        text-align:center;
        color:#fff;
        font-family:Arial;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.8rem;
        margin-bottom:45rem
    }
    .section__form .form{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        width:360rem;
        gap:22rem;
        margin-bottom:19rem
    }
    .section__form .input__form{
        width:354rem;
        height:56rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#fff;
        padding:0 20rem
    }
    .section__form .input__btn{
        width:354rem;
        height:56rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:8rem;
        background:#d55318;
        -webkit-transition:all .2s linear;
        transition:all .2s linear;
        color:#fff;
        font-family:Roboto;
        font-size:15rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:.15rem
    }
    .section__form .input__btn:hover{
        background:#f3601d
    }
    .section__form .input__btn:active{
        background:#a33a0b
    }
    .section__form-text{
        color:#fff;
        text-align:center;
        font-family:Arial;
        font-size:13rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.52rem
    }
    .header{
        opacity:0;
        -webkit-transition:all 1s ease;
        transition:all 1s ease;
        background:#fff;
        width:1920rem;
        position:fixed;
        top:-100rem;
        z-index:10000
    }
    .header.active{
        opacity:1;
        -webkit-transform:translate(0, 0);
        -ms-transform:translate(0, 0);
        transform:translate(0, 0);
        position:fixed;
        top:-100rem;
        
    }
    .header__container{
        max-width:1920rem;
        padding:3rem 41rem 10rem 41rem;
        display: none;
    }
    .header__menu-list{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header__menu-item{
        width:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex
    }
    .header__menu-item:nth-child(2){
        width:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:28rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-left:538rem
    }
    .header__menu-item:nth-child(3){
        margin-left:306rem
    }
    .header__menu-logo{
        background:url(../images/dist/Header-logo.png) center no-repeat;
        background-size:100%;
        width:161rem;
        height:46rem;
        z-index: 100;
    }
    .header__logo{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header__menu-logo-item{
        color:#d55318;
        font-family:Arial,Helvetica,sans-serif;
        font-size:8rem;
        font-style:normal;
        font-weight:400;
        line-height:160.49%;
        letter-spacing:1.96rem;
        margin-top:-7rem
    }
    .header__menu-connection{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        gap:47rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header__menu-tel{
        color:#363636;
        font-family:"Roboto",sans-serif;
        font-size:15rem;
        font-style:normal;
        font-weight:500;
        line-height:160.49%;
        letter-spacing:-0.15rem
    }
    .header__menu-button{
        width:220rem;
        height:40rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#d55318;
        color:#fff;
        font-family:"Roboto",sans-serif;
        font-size:14rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:-0.49rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .header__mobile{

    }
    .main{
        width: 430rem;
        height: 971rem;
        background:url(../images/dist/Main-fon.png) center no-repeat;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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
    }
    .main__soft-info{
        display: none;
    }
    .main__logo-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:auto;
        -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
    }
    .main__logo{
        background:url(../images/dist/Main-logo.png) center no-repeat;
        background-size:100% 100%;
        width:281rem;
        height:96rem
    }
    .main__logo-item{
        color:#0a0b0c;
        font-family:"Archivo Narrow",sans-serif;
        font-size:14rem;
        font-style:normal;
        font-weight:400;
        line-height:160.49%;
        letter-spacing:4.55rem;
        margin-top:-22rem
    }
    .main__tel{
        color:#000;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:900;
        line-height:160.49%;
        letter-spacing:-0.15rem
    }
    .main__button{
        width:220rem;
        height:40rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        border:1rem solid #000;
        color:#000;
        font-family:"Roboto";
        font-size:14rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:-0.49rem;
        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
    }
    .main__container{
        max-width:360rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:center;
        margin-top:240rem;
    }
    .main__title{
        width:350rem;
        height:182rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        color:#000;
        font-size:32rem;
        font-style:normal;
        font-weight:700;
        line-height:normal;
        letter-spacing:-1.2rem;
        text-align: center;
    }
    .main__container p{
        color:#000;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        width:351rem;
        line-height:170%;
        text-align: center;
    }
    .main__container p span{
        color:#000;
        font-size:18rem;
        font-style:normal;
        font-weight:700
    }
    .main__buttonbox{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:12rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        margin-top:53rem;
        flex-direction: column;
    }
    .main__buttonbox-item{
        width:296rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        font-size:15rem;
        font-style:normal;
        font-weight:900;
        line-height:160.49%;
        letter-spacing:-0.15rem
    }
    .main__buttonbox-item:nth-child(1){
        color:#fff;
        background:#d55318
    }
    .main__buttonbox-item:nth-child(2){
        color:#d55318;
        background:rgba(0,0,0,0);
        border:1rem solid #d55318
    }
    .section__map{
        position:relative
    }
    .section__map iframe{
        -webkit-filter:grayscale(1);
        filter:grayscale(1);
        width:430rem ;
        height: 443rem;
        margin-top: 460rem;
    }
    .section__map-contact{
        top:0rem;
        left:0rem;
        position:absolute;
        background-color:#fff;
        width:430rem;
        height:463rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        padding-left:55rem
    }
    .section__map-contact p{
        color:#000;
        font-family:Roboto;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.08rem
    }
    .section__map-contact p span{
        color:#5b5b5b;
        font-family:Roboto;
        font-size:16rem;
        font-style:normal;
        font-weight:300;
        line-height:155.99%;
        letter-spacing:.08rem
    }
    .section__map-contact p .orange{
        color:#d55318;
        font-family:Roboto;
        font-size:16rem;
        font-style:normal;
        font-weight:300;
        line-height:155.99%;
        letter-spacing:.08rem
    }
    .section__map .contact-title{
        color:#000;
        font-family:Roboto;
        font-size:21rem;
        font-style:normal;
        font-weight:500;
        line-height:155.99%;
        letter-spacing:.105rem;
        margin-top:79rem;
        margin-bottom:43rem
    }
    .popup._type_balloon .popup__arrow:before,.popup._type_map-hint .popup__arrow:before,.popup._type_normal .popup__arrow:before{
        background-color:red
    }
    .offer{
        width:430rem;
        height:259rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        background:url(../images/dist/Rectangle\ 52.png) center no-repeat;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        z-index: -1;
    }
    .offer__container{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        margin:0 auto;
        gap:23rem;
        position:fixed;
        flex-direction: column;
        align-items: center;
    }
    .phone__offer{
        width:327rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        border:1rem solid #1e1e1e;
        background:#fff;
        color:#1e1e1e;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:300;
        line-height:160.49%;
        letter-spacing:-0.15rem;
        padding:19rem 0rem 17rem 61rem;
        position:relative
    }
    .flag{
        background:url(../images/dist/flag.svg) center no-repeat;
        width:18rem;
        height:12rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        position:absolute;
        z-index:100;
        left:21rem;
        top:24rem
    }
    .offer__label{
        width:327rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#d55318;
        color:#fff;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:900;
        line-height:160.49%;
        letter-spacing:-0.15rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        cursor:pointer
    }
    .section__rate{
        background:#efefef;
        max-width:430rem;
        margin:0 auto;
        padding-bottom:69rem;
        position: relative;
        z-index: 1;
    }
    .section__rate-intro{
        background:url(../images/dist/Rectangle\ 16.png) no-repeat center;
        height:230rem;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        flex-direction: column;
        align-items: center;
    }
    .section__rate .rate__text{
        margin:0rem 0rem 0rem 0rem;
        color:#fff;
        font-family:Arial;
        font-size:21rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:-0.84rem;
        margin-top: 46rem;
        text-align: center;
    }
    .section__rate .rate__btn{
        width:324rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#fff;
        color:#1e1e1e;
        font-family:"Roboto",sans-serif;
        font-size:15rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:.15rem;
        -webkit-transition:all .2s linear;
        transition:all .2s linear;
        margin-top: 19rem;
    }
    .section__rate .rate__btn:hover{
        background:#f3601d
    }
    .section__rate .rate__btn:active{
        background:#a33a0b
    }
    .section__rate-main{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        margin-top:0rem;
        margin-left:0rem;
    }
    .section__rate-title{
        text-align:center;
        color:#363636;
        font-family:Roboto;
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-top: 54rem;
        margin-bottom: 0rem;
        margin-left: 0rem;
    }
    .section__rate-stages{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        text-align:center;
        position:relative;
        flex-direction: column;
        align-items: start;
    }
    .section__rate-stages::before{
        position:absolute;
        content:"";
        width:2rem;
        height:435rem;
        top:90rem;
        left:17rem;
        background:#026ab1
    }
    .section__rate .stages__info{
        text-align:start;
        color:#1e1e1e;
        font-family:Arial;
        font-size:20rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:-0.2rem
    }
    .section__rate .stages__number{
        width:36rem;
        height:36rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        background:#efefef;
        z-index:4;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:50%;
        border:1rem solid #026ab1;
        margin-bottom:17rem
    }
    .section__rate .stages__number-body{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .stages{
        display: flex;
        gap: 25rem;
    }
    .section__rate .stages:not(:last-child){
        margin-right:0rem
    }
    .section__rate .stages:nth-child(1){
        margin-top: 70rem;
        margin-bottom: 58rem;
    }
    .section__rate .stages:nth-child(2){
        margin-bottom: 88rem;
    }
    .section__rate .stages:nth-child(3){
        margin-bottom: 61rem;
    }
    .section__rate .destroy__btn-body{
        margin-top:106rem;
        width:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .section__rate .destroy__btn{
        width:249rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#d55318;
        color:#fff;
        font-family:Roboto;
        font-size:15rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:.15rem;
        -webkit-transition:all .2s linear;
        transition:all .2s linear
    }
    .section__rate .destroy__btn:hover{
        background:#c34a14
    }
    .section__rate .destroy__btn:active{
        background:#a33a0b
    }
    *{
        padding:0;
        margin:0;
        border:0
    }
    *,*:before,*:after{
        -webkit-box-sizing:border-box;
        box-sizing:border-box
    }
    :focus,:active{
        outline:none
    }
    a:focus,a:active{
        outline:none
    }
    nav,footer,header,aside{
        display:block
    }
    
    input,button,textarea{
        font-family:inherit
    }
    input::-ms-clear{
        display:none
    }
    button{
        cursor:pointer
    }
    button::-moz-focus-inner{
        padding:0;
        border:0
    }
    a,a:visited{
        text-decoration:none
    }
    a:hover{
        text-decoration:none
    }
    ul li{
        list-style:none
    }
    img{
        vertical-align:top
    }
    h1,h2,h3,h4,h5,h6{
        font-size:inherit;
        font-weight:inherit
    }
    a{
        color:inherit
    }
    .section__review{
        background:#efefef;
        text-align:center;
        padding-top:53rem;
        padding-bottom:109rem;
        z-index: 1;
        position: relative;
    }
    .section__review-title{
        color:#363636;
        font-family:Roboto;
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-bottom:10rem
    }
    .section__review-info{
        color:#5b5b5b;
        font-family:Arial;
        font-size:20rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.8rem;
        margin-bottom:67rem;
        display: none;
    }
    .section__review-main{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        flex-direction: column;
    }
    .section__review-documents{
        background:url(../images/dist/documents.png) center no-repeat;
        background-size:100%;
        width:354rem;
        height:500rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        position:relative;
        margin-right:0rem;
        margin: 0 auto;
        margin-top: 30rem;
    }
    .section__review-reviews{
        position:relative;
        margin-top: 60rem;
    }
    .section__review-reviews p{
        position:absolute;
        bottom:-5%;
        left:9%;
        color:#5b5b5b;
        font-family:Arial;
        font-size:20rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.8rem
    }
    .section__review-documents p{
        position:absolute;
        bottom:-5%;
        left:0;
        color:#5b5b5b;
        font-family:Arial;
        font-size:20rem;
        font-style:normal;
        font-weight:400;
        line-height:155.99%;
        letter-spacing:.8rem
    }
    .section__review .review__splide{
        width:354rem;
        height:500rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        margin:0 auto;
        margin-top: 40rem;
    }
    .section__review .review__splide .splide__arrow--prev{
        left:-50rem;
        background:rgba(0,0,0,0);
        display: none;
    }
    .section__review .review__splide .splide__arrow--next{
        right:-50rem;
        background:rgba(0,0,0,0);
        display: none;
    }
    .skills{
        margin-top:102rem;
        background:#f6f6f6;
        height:712rem
    }
    .skills__container{
        max-width:360rem;
        margin:0 auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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
    }
    .skills__title{
        color:#363636;
        font-family:"Roboto";
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:.38rem;
        margin-top:58rem
    }
    .skills__container p{
        color:#5b5b5b;
        text-align:center;
        font-family:Arial;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        margin-top:9rem;
        width:316rem;
        line-height:150%
    }
    .skills__accordion{
        width:396rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        margin-top:44rem
    }
    .skills__accordion-line{
        width:396rem;
        height:1rem;
        background:#3487c0
    }
    .skills__accordion-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        cursor:pointer;
        margin-top:27rem;
        margin-bottom:22rem;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .accordion__item-title{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .skills__accordion-item span{
        color:#363636;
        font-size:14rem;
        font-style:normal;
        font-weight:400;
        line-height:144.49%;
        letter-spacing:.115rem;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    .accordion__item-content{
        color:#363636;
        font-size:12rem;
        font-style:normal;
        font-weight:400;
        letter-spacing:.115rem;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        text-align:start;
        margin-top:0rem;
        display:none;
        margin-top:20rem
    }
    .accordion__button{
        background:rgba(0,0,0,0);
        width: 14rem;
        height: 14rem;
    }
    .accordion__button svg{
        -webkit-transition:all .2s ease;
        transition:all .2s ease;
        width: 14rem;
        height: 14rem;
    }
    .accordion__button.active svg{
        transform:rotate(315deg)
    }
    .stages__container{
        max-width:360rem;
        margin:0 auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:32rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .stages__title{
        color:#363636;
        font-family:"Roboto";
        font-size:32rem;
        font-style:normal;
        font-weight:500;
        line-height:normal;
        letter-spacing:1.14rem;
        margin-top:58rem
    }
    .stages__box{
        max-width:360rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:20rem;
        margin-bottom:97rem;
        flex-direction: column;
        align-items: center;
    }
    .stages__box-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        flex-direction: column;
    }
    .stages__box--item-name{
        width:360rem;
        height:230rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        background:url(../images/dist/stages-h.png) center no-repeat;
        background-size:100%;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .stages__box--item-name span{
        color:#fff;
        font-size:24rem;
        font-style:normal;
        font-weight:700;
        line-height:144.49%;
        letter-spacing:.36rem
    }
    .stages__box--item-info{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        width:360rem;
        height:567rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        padding:15rem 27rem 44rem 27rem;
        background:url(../images/dist/stages-l.png) center no-repeat;
        background-size:100%
    }
    .stages__description{
        color:#1a1a1a;
        text-align:center;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:400;
        line-height:114%;
        letter-spacing:-0.15rem;
        width:306rem;
        height:153rem;
        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;
        margin-bottom:12rem
    }
    .stages__line{
        width:298rem;
        height:1rem;
        background:#797979
    }
    .stages__box--info-includes{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        width:100%;
        margin-top:12rem
    }
    .stages__box--includes-title{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        margin-bottom:14rem
    }
    .includes__title{
        color:#3b3b3b;
        font-family:"Roboto";
        font-size:14rem;
        font-style:normal;
        font-weight:500;
        line-height:160.49%;
        letter-spacing:.56rem;
        margin-bottom:4rem
    }
    .stages__box--includes-title p{
        color:#000;
        font-family:"Roboto";
        font-size:13rem;
        font-style:normal;
        font-weight:300;
        line-height:160.49%;
        letter-spacing:.325rem;
        text-align:center
    }
    .stages__box--includes-title p:not(:last-child){
        margin-bottom:3rem
    }
    .stages__box--includes-title p span{
        color:#3b3b3b;
        font-family:"Roboto";
        font-size:14rem;
        font-style:normal;
        font-weight:500;
        line-height:160.49%;
        letter-spacing:1.33rem
    }
    .stages__box--info-differences{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:100%;
        -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
    }
    .stages__box--differences-title{
        color:#3b3b3b;
        font-family:"Roboto";
        font-size:14rem;
        font-style:normal;
        font-weight:500;
        line-height:160.49%;
        letter-spacing:.84rem;
        margin-bottom:2rem;
        text-align:center
    }
    .stages__box--differences-title div{
        color:#000;
        text-align:center;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:300;
        line-height:114%;
        letter-spacing:-0.15rem;
        width:306rem;
        margin-bottom:38rem;
        height:68rem
    }
    .stages__button{
        width:118rem;
        height:45rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#e40428;
        color:#fff;
        font-family:"Roboto";
        font-size:14rem;
        font-style:normal;
        font-weight:500;
        line-height:160.49%;
        letter-spacing:-0.49rem;
        margin-top:35rem
    }
    .works{
        background:#efefef;
        height:830rem;
        margin-top:44rem;
    }
    .works__container{
        max-width:340rem;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -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;
        margin:0rem auto
    }
    .works__title{
        color:#363636;
        font-size:32rem;
        font-style:normal;
        font-weight:400;
        line-height:normal;
        letter-spacing:1.33rem;
        margin-top:42rem;
        text-align: center;
    }
    .works__main{
        display: flex;
        flex-direction: column;
        gap: 34rem;
        margin-top:43rem
    }
    .works__main-item{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:19rem;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
    }
    .icon-search{
        background:url(../images/dist/search-icon.png) center no-repeat;
        width:43rem;
        height:42rem;
        background-size:100%;
    }
    .icon-group{
        background:url(../images/dist/group-icon.png) center no-repeat;
        width:42rem;
        height:43rem;
        background-size:100%;
    }
    .icon-grapgic{
        background:url(../images/dist/graphic-icon.png) center no-repeat;
        width:41rem;
        height:45rem;
        background-size:100%;
    }
    .icon-time{
        background:url(../images/dist/time-icon.png) center no-repeat;
        width:42rem;
        height:42rem;
        background-size:100%;
    }
    .icon-support{
        background:url(../images/dist/support-icon.png) center no-repeat;
        width:42rem;
        height:43rem;
        background-blend-mode:darken;
        background-size:100%;
    }
    .icon-building{
        background:url(../images/dist/building-icon.png) center no-repeat;
        width:41rem;
        height:46rem;
        background-size:100%;
    }
    .works__main-item span{
        color:#5b5b5b;
        font-size:16rem;
        font-style:normal;
        font-weight:400;
        line-height: 144.49%;
    }
    .works__main--search-info{
        width:230rem
    }
    .works__main--group-info{
        width:227rem
    }
    .works__main--grapgic-info{
        width:249rem
    }
    .works__main--time-info{
        width:241rem
    }
    .works__main--support-info{
        width:268rem
    }
    .works__main--building-info{
        width:262rem
    }
    .works__main-item:nth-child(3){
        margin-top:0rem;
        margin-right:0rem
    }
    .works__main-item:nth-child(4){
        margin-top:0rem
    }
    .works__main-item:nth-child(5){
        margin-top:0rem
    }
    .works__main-item:nth-child(6){
        margin-top:0rem
    }
    .works__button{
        width:315rem;
        height:60rem;
        -ms-flex-negative:0;
        flex-shrink:0;
        border-radius:15rem;
        background:#d55318;
        color:#fff;
        font-family:"Roboto";
        font-size:15rem;
        font-style:normal;
        font-weight:700;
        line-height:160.49%;
        letter-spacing:.15rem;
        margin-top:66rem
    }
    form input.error{
        border-color:red;
    }
    .btn__hover{
        transition: 0.5s ease;
    }
    .btn__hover:hover{
        background:#c34a14;
    }
    .btn__hover-white{
        transition: 0.5s ease;
    }
    .btn__hover-white:hover{
        background:#c34a14;
        color: #fff;
    }
    .wrapper{
        max-width: 430rem;
        margin: 0 auto;
    }
    title{
        background: url(../images/dist/stroyvsepodryad_logo-lozung.PNG) center;
        width: auto;
        height: auto;
    }
    .section__case .case__splide .case__track .case__list .case__slide iframe{
        /* width: 263rem; */
        /* height: 207rem; */
        max-width: 100%;
    }
    .section__case .case__splide .case__track .case__list .case__slide::before{
        content: "";
        display: flex;
        width: 100rem;
        height: 100rem;
        background: url(../images/dist/stroyvsepodryad_logo-lozung.PNG) center no-repeat;
        position: absolute;
        background-size: 80%;
        z-index: 100;
    }
    .review__splide .review__track .review__list .review__one iframe{
        width: 354rem;
        height: 500rem;
    }
    .review__splide .review__track .review__list .review__two iframe{
        width: 354rem;
        height: 500rem;
    }
    .review__splide .review__track .review__list .review__three iframe{
        width: 354rem;
        height: 500rem;
    }
    .review__splide .review__track .review__list .review__three::before{
        content: "";
        display: flex;
        width: 100rem;
        height: 100rem;
        background: url(../images/dist/stroyvsepodryad_logo-lozung.PNG) center no-repeat;
        position: absolute;
        background-size: 80%;
        z-index: 100;
    
    }
    .review__splide .review__track .review__list .review__one::before{
        content: "";
        display: flex;
        width: 100rem;
        height: 100rem;
        background: url(../images/dist/stroyvsepodryad_logo-lozung.PNG) center no-repeat;
        position: absolute;
        background-size: 80%;
        z-index: 100;
    
    }
    .review__splide .review__track .review__list .review__two::before{
        content: "";
        display: flex;
        width: 100rem;
        height: 100rem;
        background: url(../images/dist/stroyvsepodryad_logo-lozung.PNG) center no-repeat;
        position: absolute;
        background-size: 80%;
        z-index: 100;
    
    }
    .offer__button{
        width: 220rem;
        height: 40rem;
        flex-shrink: 0;
        border-radius: 15rem;
        background: #D55318;
        color: #FFF;
        font-family: 'Roboto';
        font-size: 14rem;
        font-style: normal;
        font-weight: 700;
        line-height: 160.49%; /* 22.469rem */
        letter-spacing: -0.49rem;
        position: relative;
    }
    .top-nav {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background: #FFF;
        /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
        color: #FFF;
        height: 50px;
        padding: 1em;
        position: fixed;
        width: 430rem;
        z-index: 10;
    }
    
    .menu {
        display: flex;
        flex-direction: row;
        list-style-type: none;
        margin: 0;
    }
    
    .menu > li {
        margin: 0 1rem;
        overflow: hidden;
    }
    
    
    .menu-button-container {
        display: none;
        height: 100%;
        width: 30rem;
        cursor: pointer;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 10000;
    }
    
    #menu-toggle {
        display: none;
    }
    
    .menu-button,
    .menu-button::before,
    .menu-button::after {
        display: block;
        background-color: #000;
        position: absolute;
        height: 4rem;
        width: 30rem;
        transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-radius: 2rem;
    }
    
    .menu-button::before {
        content: '';
        margin-top: -8rem;
    }
    
    .menu-button::after {
        content: '';
        margin-top: 8rem;
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button::before {
        margin-top: 0rem;
        transform: rotate(405deg);
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button {
        background: rgba(255, 255, 255, 0);
    }
    
    #menu-toggle:checked + .menu-button-container .menu-button::after {
        margin-top: 0rem;
        transform: rotate(-405deg);
    }
    
    @media (max-width: 700px) {
        .menu-button-container {
            display: flex;
        }
        .menu {
            position: absolute;
            top: -210rem;
            margin-top: 50rem;
            left: 0;
            flex-direction: column;
            width: 100%;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            gap: 22rem;
            background: #fff;
            padding-bottom:50rem;
            transition: all 0.4s ease;
            z-index: 1000;
        }
        #menu-toggle ~ .menu li {
            height: 0;
            margin: 0;
            padding: 0;
            border: 0;
            transition: all 400ms cubic-bezier(0.23, 1, 0.32, 1);
        }
        #menu-toggle:checked ~ .menu li {
            height: auto;
            transition: all 0.4s ease;
            top: 0;
        }
        #menu-toggle:checked ~ .menu  {
            top: 0;
            z-index: 99999;
        }
        .menu > li {
            display: flex;
            justify-content: center;
            margin: 0;
            padding: 0.5em 0;
            width: 100%;
            color: #363636;
            font-size: 15rem;
            font-style: normal;
            font-weight: 700;
            line-height: 160.49%; /* 24.074rem */
            letter-spacing: 0.375rem;
        }
    
    }
    
}
@media (min-width: 431px) {
    .top-nav{
        display: none;
    }
}