@media (min-width: 0px) and (max-width: 480px){
    html{
        overflow-x: hidden;
    }
        body{
     font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
     overflow-x: hidden;
    }
        header{
            background-color: #B17955;
            width: 100%;
            height: 55px;
            display: flex;
        }
        .logo1{
            width: 20%;
            height: 50px;
            margin-top: 5px;
            margin-left: 5%;
            -webkit-filter: invert(100%);
            filter: invert(100%);
        }
        .button-div{
            display: none;
        }
        .menu{
            display: none;
        }
        .m1{
            display: flex;
            gap: 5px;
        }
        @media only screen and (min-width: 411px)
            {
                .number-div{
                    width: 60%;
                    margin-top: 15px;
                    margin-left: 45px;
                }
                .number-phone {
                    font-size: 10px;
                    color: white;
                    text-decoration: none;
                }
                .number-what {
                    display: flex;
                    justify-content: flex-end;
                    font-size: 8px;
                    color: white;
                    text-decoration: none;
                }
                .gmail-div {
                    width: 40%;
                    margin-top: 15px;
                    margin-left: 15px;
                }
                .gmail {
                    font-size: 10px;
                    color: white;
                    text-decoration: none;
                }
                .gmail-what {
                    display: flex;
                    justify-content: flex-end;
                    font-size: 8px;
                    color: white;
                    text-decoration: none;
                }
            }
            @media only screen and (max-width: 410px){
                .number-div{
                    width: 60%;
                    margin-top: 15px;
                    margin-left: 15px;
                }
                .number-phone {
                    font-size: 10px;
                    color: white;
                    text-decoration: none;
                }
                .number-what {
                    display: flex;
                    justify-content: flex-end;
                    font-size: 8px;
                    color: white;
                    text-decoration: none;
                }
                .gmail-div {
                    width: 40%;
                    margin-top: 15px;
                    margin-left: 15px;
                }
                .gmail {
                    font-size: 10px;
                    color: white;
                    text-decoration: none;
                }
                .gmail-what {
                    display: flex;
                    justify-content: flex-end;
                    font-size: 8px;
                    color: white;
                    text-decoration: none;
                }
            }
    
    
    /* body */
    .ovj-main{
        display: none;
    }
    .foot1{
        display: none;
    }
    
    
    
    /* страница1 */
    .stranica1{
        width: 100%;
        margin: 0;
        padding: 0;
    
    }
    .h1-stranica1 {
        text-align: center;
        
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 25px;
        margin-top: 35px;
    }
    .p-stranica1 {
        
        text-align: center;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 0px;
    color: #B17955;
    }
    .p1-button-stranica1{
        text-decoration: none;
        color: #B17955;
    }
    .p2-button-stranica1{
        text-decoration: none;
        color: white;
    }
    .div-krug-stratica1{
        /* border: 2px solid red; */
        width: 100%;
        height: 350px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .krug-stratica1 {
        width:245px;
        height:245px;
        background-color: #B17955;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .krug-stratica1-img{
        width: 80%;
        border-radius: 15%;
    }
    .button-stranica1 {
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16%;
    }
    .button2-stranica1 {
        width: 35%;
        height: 60%;
        border: 2px solid #B17955;
        color: #B17955;
    
        font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 5px;
    text-align: center;
    
    }
    .button3-stranica1 {
        width: 35%;
        height: 60%;
        background-color: #B17955;
    
        font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 7px;
    color: #FFFFFF;
    text-align: center;
    
    }
    /* страница2 */
    .stranica2{
        margin-top: 50px;
        width: 100%;
        height: 480px;
        background-color: #B17955;
    }
    .text-div-stranica2{
        width: 90%;
        height: 390px;
        background-color: white;
        border: 2px solid rgb(255, 255, 255);
        padding: 0;
        margin: 0;
    }
    .text-stranica2{
        font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 15px;
    margin-left: 15px;
    }
        .h1-stranica2{
            color: white;
            padding: 0;
            margin: 0;
            font-size: 19px;
            font-family: sans-serif;
            font-style: normal;
        }
        .h1-div-stranica2{
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            margin: 0;
    
            height: 35px;
        }
        .text-div-button-stranica2{
            margin-left: 38%;
            margin-top: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 120px;
            height: 32px;
            background-color: #B17955;
            border-radius: 4.11429px;
        }
        .text-div-button-stranica2-text{
            text-decoration: none;
            color: white;
            font-size: 11px;
            font-family: sans-serif;
            font-style: normal;
    
        }
        .img-div-stranica3 {
            margin-top: 0px;
            width: 170px;
            height: 170px;
            border-radius: 100%;
            margin-left: 25%;
            background-color: #B17955;
            position: absolute;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .img-stranica3 {
            width: 80%;
            height: 80%;
            border-radius: 100%;
            background-image: -webkit-linear-gradient();
            background-size: cover;
        }
        .sred-div-stranica3{
            margin-top: 00px;
            width: 40%;
            height: 133px;
            margin-left: 125px;
            background-color: #B17955;
            transform: matrix(1, 0, 1.3, -1, 0, 0);
            position: absolute;
    
        }
        .niz-div-stranica3{
            width: 100%;
            height: 60px;
            background-color: #B17955;
            margin-top: 120px;
            
    
        }
            /* блок3 */
            .stranica3{
                width: 100%;
                height: 600px;  
                margin-top: 160px;
                background-color: #B17955;
                overflow:hidden;
            }
            .white1-stranica3{
                position: absolute;
                width: 0;
                height: 0;
                border: 0 solid transparent;
                border-left-width: 0px;
                border-right-width: 73px;
                border-top: 110px solid rgb(255, 255, 255);
            }
            .white2-stranica3{
                /* border: 2px solid red; */
                position: absolute;
                width: 10%;
                height: 500.27px;
                margin-left: 0px;
                top: 1400.89px;
                
                background: #ffffff;
                transform: rotate(-11deg);
            }
            .white3-stranica3{
                
                margin-top: 475px;
                position: absolute;
                width: 0;
                height: 0;
                border: 0 solid transparent;
                border-bottom-width: 0px;
                border-top-width: 129px;
                border-left: 20px solid rgb(255, 255, 255);
            }
            .white4-stranica3{
                /* position: absolute; */
    width: 11%;
    height: 400px;
    /* border: 2px solid red; */
    background: #ffffff;
    margin-left: 370px;
    /* transform: rotate(-30deg); */
    transform: matrix(1, 0, -0.6, -1, 0, 0);
            }
            .white5-stranica3{
                
                width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0px;
    border-left-width: 135px;
    border-bottom: 200px solid rgb(255, 255, 255); 
    margin-left: 70%;
            }
    
            .icon-stranica3{
                position: absolute;
                width: 95%;
                height: 600px;
                display: flex;
                align-items: center;
                justify-content: center;
                
            }
            .poddiv-icon-img-stranica3 {
                
                width: 35%;
                height: 550px;
    
            }
            .div-icon-img-stranica3 {
    
                width: 100%;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .img-stranica3-img{
                width: 80px;
                height: 80px;
                filter: invert(1);
                padding: 0;
                margin: 0;
            }
            .div-p-stranica3-p{
                width: 100%;
            }
            .p-stranica3-p {
                padding: 0;
                margin: 0;
                text-align: center;
                font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: white;
            }
            .div2-icon-img-stranica3{
                margin-top: 50px;
                width: 100%;
                height: 80px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
    
            /* блок4 */
            .stranica4{
                margin-top: 30px;
                width: 100%;
                height: 600px;
            }
            .verh-stranica4 {
                width: 100%;
                height: 35px;
                background-color: #B17955;
    
            }
            .primeri-stranica4 {
                width: 100%;
                height: 70px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .h1-primeri-stranica4{
                font-size: 19px;
                font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
            }
            .slaider1{
                display: flex;
                align-items: center;
                justify-content: center;
                height: 250px;
                width: 100%;
                background-color: #B17955;
            }
            .itc-slider__item{
                background-image: url('../img/block2-2.jpg');
                background-size: cover;
                background-position: center center;
            }
            /* страница 4 часть2 */
            .str4div{
                width: 100%;
                height: 243px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .botton-str4div {
                width: 60%;
            height: 120px;
            }
            .booton1-str4div {
                height: 40%;
                width: 100%;
                border: 2px solid #B17955;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .booton2-str4div {
                margin-top: 10%;
                height: 40%;
                width: 100%;
                background-color: #B17955;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            /* .cvet1-str4{
                background-color: #B17955;
                position: absolute;
                width: 50px;
                margin-bottom: 100px;
                margin-right: 85%;
                height: 150px;
                transform: matrix(1, 0, 1, -1, 0, 0);
            }
            .cvet2-str4{
                background-color: #B17955;
                position: absolute;
                width: 50px;
                margin-top: 100px;
                margin-left: 85%;
                height: 150px;
                transform: matrix(1, 0, 1, -1, 0, 0);
            } */
            
            .text1-booton1-str4div {
                text-decoration: none;
                color: #B17955;
            }
            .text2-booton1-str4div {
                text-decoration: none;
                color: white;
            }
    
            /* бургер меню */
    
            #menu__toggle {
                opacity: 0;
              }
              
              #menu__toggle:checked ~ .menu__btn > span {
                transform: rotate(45deg);
              }
              #menu__toggle:checked ~ .menu__btn > span::before {
                top: 0;
                transform: rotate(0);
              }
              #menu__toggle:checked ~ .menu__btn > span::after {
                top: 0;
                transform: rotate(90deg);
              }
              #menu__toggle:checked ~ .menu__box {
                visibility: visible;
                left: 0;
              }
              
              .menu__btn {
                display: flex;
                align-items: center;
                position: absolute;
                top: 20px;
                left: 85%;
              
                width: 26px;
                height: 26px;
              
                cursor: pointer;
                z-index: 1;
              }
              
              .menu__btn > span,
              .menu__btn > span::before,
              .menu__btn > span::after {
                display: block;
                position: absolute;
              
                width: 100%;
                height: 2px;
              
                background-color: #ffffff;
              
                transition-duration: .25s;
              }
              .menu__btn > span::before {
                content: '';
                top: -8px;
              }
              .menu__btn > span::after {
                content: '';
                top: 8px;
              }
              
              .menu__box {
                display: block;
                position: absolute;
                visibility: hidden;
                top: 0;
                left: -100%;
              
                width: 99%;
                height: 180px;
              
                margin: 0;
                padding: 4px 0;
              
                list-style: none;
              
                background-color: #ECEFF1;
                box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
              
                transition-duration: .25s;
              }
              
              .menu__item {
                display: block;
                padding: 12px 24px;
              
                color: rgb(255, 255, 255);
              
                font-family: 'Roboto', sans-serif;
                font-size: 20px;
                font-weight: 600;
              
                text-decoration: none;
              
                transition-duration: .25s;
              }
              .menu__item:hover {
                background-color: #B17955;
              }
              li{
                background-color: #B17955;
                margin-top: 6px;
              }
              
              /* футер */
    
              .footer22{
                background-color: #E0E0E0;
                width: 100%;
                height:700px;
              }
              .footer22-emul {
                width: 100%;
                height: 66%;
            }
            .footer22-contacts {
                width: 100%;
            }
            .footer22-contacts1 {
                width: 100%;
                height: 55px;
            }
            .footer22-contacts2 {
            }
            .footer22-h1 {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                height: 25px;
                width: 30%;
                margin-left: 5%;
            }
            .footer22-h1-h1 {
                font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 15px;
            }
            @media (min-width: 370px){
                .footer22-p {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    margin-left: 5%;
                    height: 20px;
                    width: 65%;
    
                }
             }
            @media (min-width: 440px){
                .footer22-p {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    height: 20px;
                    width: 60%;
                    margin-left: 5%;
                }
            }
            .footer22-p-p {
                font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 5px;
            }
            .footer22-phone {
                width: 100%;
                height: 100px;
                display: flex;
            }
            .footer22-phonegmail {
                width: 60%;
                margin-top: 10px;
    
            }
            .footer22-plogo-img{
                width: 120px;
                height: 80px;
                margin-top: 120px;
            }
            .footer22-plogo {
                width: 40%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 50px;
    
            }
            .divfooter22imgcontacts-img{
                width: 30px;
                height: 31px;
            }
            .divfooter22imgcontacts2{
                margin-right: 3%;
                margin-top: 5px;
            }
            .divfooter22imgcontacts-p{
                line-height: 0px;
            }
            .divfooter22imgcontacts-p3{
                line-height: 27px;
                text-decoration: none;
                color: black;
            }
            .divfooter22imgcontacts-p22{
                line-height: 15px;
            }
            .divfooter22imgcontacts3{
                display: flex;
                text-align: center;
                justify-content: center;
                width: 95%;
                gap: 5px;
                height: 50px;
              
                
            }
            .divfooter22imgcontacts{
                display: flex;
                text-align: center;
                justify-content: flex-start;
                margin-left: 5%;
            }
            .divfooter22imgcontacts2{
                display: flex;
                text-align: center;
                justify-content: flex-start;
                width: 95%;
                gap: 5px;
                margin-left: 5%;
            }
            .itc-slider__item-_img{
                width: 100%;
                height: 100%;
                background-size: cover;
            }
            .divfooter22imgcontacts-p-a{
                text-decoration: none;
                color: black;
                
            }
            @media (max-width: 420px) {
                .divfooter22imgcontacts5{
                    gap: 10px;
                    display: flex;
                    text-align: center;
                    justify-content: flex-start;
                    gap: 0px;
                    margin-top: 5px;
                    margin-left: 5%;
                }
                @media (min-width: 360px) {
                    .divfooter22imgcontacts5{
                        gap: 10px;
                        display: flex;
                        text-align: center;
                        justify-content: flex-start;
                        gap: 0px;
                        margin-top: 5px;;
                        margin-left: 5%;
                    }
                }
                @media (min-width: 410px) {
                    .divfooter22imgcontacts5{
                        gap: 10px;
                        display: flex;
                        text-align: center;
                        justify-content: flex-start;
                        margin-left: 10%;
                        gap: 0px;
                        margin-top: 5px;
                        margin-left: 5%;
                    }
                }
            }
            @media (min-width: 420px) {
                .divfooter22imgcontacts5{
                    gap: 10px;
                    display: flex;
                    text-align: center;
                    justify-content: flex-start;
                    margin-left: 10%;
                    gap: 0px;
                    margin-top: 5px;
                    margin-left: 5%;
                }
            }
            .qrcode{
                position: absolute;
                margin-top: 535px;
                margin-left: 70%;
                width: 80px;
                height: 80px;
            }
    }
    
/* 0000000000000000000000000000000000000000000000000000000000 */


    @media (min-width: 481px) and (max-width: 768px){
        html{
            overflow-x: hidden;
        }
            body{
         font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
         overflow-x: hidden;
        }
            header{
                background-color: #B17955;
                width: 100%;
               
                height: 70px;
                display: flex;
            }
            .logo1{
            
                width: 15%;
                height: 70px;
                margin-top: 5px;
                margin-left: 5%;
                -webkit-filter: invert(100%);
                filter: invert(100%);
            }
            .button-div{
                display: none;
            }
            .menu{
                display: none;
            }
            .m1{
                display: flex;
                gap: 5px;
            }
           
                    .number-div{
                     
                        width: 60%;
                        margin-top: 20px;
                       margin-left: 120px;
                    }
                    .number-phone {
                        font-size: 10px;
                        color: white;
                        text-decoration: none;
                    }
                    .number-what {
                        display: flex;
                        justify-content: flex-end;
                        font-size: 8px;
                        color: white;
                        text-decoration: none;
                    }
                    .gmail-div {
                       margin-left: 15px;
                        width: 40%;
                        margin-top: 20px;
                        
                    }
                    .gmail {
                        font-size: 10px;
                        color: white;
                        text-decoration: none;
                    }
                    .gmail-what {
                        display: flex;
                        justify-content: flex-end;
                        font-size: 8px;
                        color: white;
                        text-decoration: none;
                    }
                
                
        
        
        /* body */
        .ovj-main{
            display: none;
        }
        .foot1{
            display: none;
        }
        
        
        
        /* страница1 */
        .stranica1{
            width: 100%;
            margin: 0;
            padding: 0;
        
        }
        .h1-stranica1 {
            text-align: center;
            
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 25px;
            margin-top: 35px;
        }
        .p-stranica1 {
            
            text-align: center;
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 0px;
        color: #B17955;
        }
        .p1-button-stranica1{
            text-decoration: none;
            color: #B17955;
        }
        .p2-button-stranica1{
            text-decoration: none;
            color: white;
        }
        .div-krug-stratica1{
            /* border: 2px solid red; */
            width: 100%;
            height: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .krug-stratica1 {
            width:245px;
            height:245px;
            background-color: #B17955;
            border-radius: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .krug-stratica1-img{
            width: 80%;
            border-radius: 15%;
        }
        .button-stranica1 {
            width: 100%;
            height: 60px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 16%;
        }
        .button2-stranica1 {
            width: 35%;
            height: 60%;
            border: 2px solid #B17955;
            color: #B17955;
        
            font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 5px;
        text-align: center;
        
        }
        .button3-stranica1 {
            width: 35%;
            height: 60%;
            background-color: #B17955;
        
            font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 7px;
        color: #FFFFFF;
        text-align: center;
        
        }
        /* страница2 */
        .stranica2{
            margin-top: 50px;
            width: 100%;
            height: 480px;
            background-color: #B17955;
        }
        .text-div-stranica2{
            
            width: 90%;
            height: 380px;
            background-color: white;
            border: 2px solid rgb(255, 255, 255);
            padding: 0;
            margin: 0;
        }
        .text-stranica2{
            font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 17px;
        line-height: 16px;
        margin-left: 15px;
        }
            .h1-stranica2{
                color: white;
                padding: 0;
                margin: 0;
                font-size: 25px;
                font-family: sans-serif;
                font-style: normal;
            }
            .h1-div-stranica2{
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0;
                margin: 0;
        
                height: 45px;
            }
            .text-div-button-stranica2{
                margin-left: 40%;
                margin-top: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                width: 160px;
                height: 40px;
                background-color: #B17955;
                border-radius: 4.11429px;
            }
            .text-div-button-stranica2-text{
                text-decoration: none;
                color: white;
                font-size: 13px;
                font-family: sans-serif;
                font-style: normal;
        
            }
            .img-div-stranica3 {
                margin-top: 0px;
                width: 170px;
                height: 170px;
                border-radius: 100%;
                margin-left: 35%;
                background-color: #B17955;
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            .img-stranica3 {
                width: 80%;
                height: 80%;
                
                border-radius: 100%;
                background-image: -webkit-linear-gradient();
                background-size: cover;
            }
            .sred-div-stranica3{
                margin-top: 00px;
                width: 20%;
                height: 133px;
                margin-left: 41%;
                background-color: #B17955;
                transform: matrix(1, 0, 1.3, -1, 0, 0);
                position: absolute;
        
            }
            .niz-div-stranica3{
                width: 100%;
                height: 60px;
                background-color: #B17955;
                margin-top: 120px;
                
        
            }
                /* блок3 */
                .stranica3{
                    width: 100%;
                    height: 600px;  
                    margin-top: 160px;
                    background-color: #B17955;
                    overflow:hidden;
                }
                .white1-stranica3{
                    position: absolute;
                    width: 0;
                    height: 0;
                    border: 0 solid transparent;
                    border-left-width: 0px;
                    border-right-width: 73px;
                    border-top: 110px solid rgb(255, 255, 255);
                }
                .white2-stranica3{
                    /* border: 2px solid red; */
                    position: absolute;
                    width: 7%;
                    margin-right: 20px;
                    height: 520.27px;
                    margin-left: 0px;
                    top: 1400.89px;
                    
                    background: #ffffff;
                    transform: rotate(-10deg);
                }
                .white3-stranica3{
                    
                    margin-top: 475px;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border: 0 solid transparent;
                    border-bottom-width: 0px;
                    border-top-width: 129px;
                    border-left: 20px solid rgb(255, 255, 255);
                }
                .white4-stranica3{
                    /* position: absolute; */
        width: 9%;
        height: 440px;
        /* border: 2px solid red; */
        background: #ffffff;
        margin-left: 650px;
        /* transform: rotate(-30deg); */
        transform: matrix(1, 0, -0.7, -1, 0, 0);
                }
                .white5-stranica3{
                    
                    width: 0;
        height: 0;
        border: 0 solid transparent;
        border-right-width: 0px;
        border-left-width: 85px;
        border-bottom: 200px solid rgb(255, 255, 255); 
        margin-left: 90%;
                }
        
                .icon-stranica3{
                    position: absolute;
                    width: 95%;
                    height: 600px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    
                }
                .poddiv-icon-img-stranica3 {
                    
                    width: 35%;
                    height: 550px;
        
                }
                .div-icon-img-stranica3 {
        
                    width: 100%;
                    height: 80px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .img-stranica3-img{
                    width: 80px;
                    height: 80px;
                    filter: invert(1);
                    padding: 0;
                    margin: 0;
                }
                .div-p-stranica3-p{
                    width: 100%;
                }
                .p-stranica3-p {
                    padding: 0;
                    margin: 0;
                    text-align: center;
                    font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: white;
                }
                .div2-icon-img-stranica3{
                    margin-top: 50px;
                    width: 100%;
                    height: 80px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
        
                /* блок4 */
                .stranica4{
                    margin-top: 30px;
                    width: 100%;
                    height: 600px;
                }
                .verh-stranica4 {
                    width: 100%;
                    height: 35px;
                    background-color: #B17955;
        
                }
                .primeri-stranica4 {
                    width: 100%;
                    height: 80px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .h1-primeri-stranica4{
                    font-size: 20px;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                }
                .slaider1{
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    height: 300px;
                    width: 100%;
                    background-color: #B17955;
                }
                .itc-slider__item{
                    background-image: url('../img/block2-2.jpg');
                    background-size: cover;
                    background-position: center center;
                }
                /* страница 4 часть2 */
                .str4div{
                    width: 100%;
                    height: 243px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .botton-str4div {
                    width: 60%;
                height: 120px;
                }
                .booton1-str4div {
                    height: 40%;
                    width: 100%;
                    border: 2px solid #B17955;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                .booton2-str4div {
                    margin-top: 10%;
                    height: 40%;
                    width: 100%;
                    background-color: #B17955;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }
                /* .cvet1-str4{
                    background-color: #B17955;
                    position: absolute;
                    width: 50px;
                    margin-bottom: 100px;
                    margin-right: 85%;
                    height: 150px;
                    transform: matrix(1, 0, 1, -1, 0, 0);
                }
                .cvet2-str4{
                    background-color: #B17955;
                    position: absolute;
                    width: 50px;
                    margin-top: 100px;
                    margin-left: 85%;
                    height: 150px;
                    transform: matrix(1, 0, 1, -1, 0, 0);
                } */
                
                .text1-booton1-str4div {
                    text-decoration: none;
                    color: #B17955;
                }
                .text2-booton1-str4div {
                    text-decoration: none;
                    color: white;
                }
        
                /* бургер меню */
        
                #menu__toggle {
                    opacity: 0;
                  }
                  
                  #menu__toggle:checked ~ .menu__btn > span {
                    transform: rotate(45deg);
                  }
                  #menu__toggle:checked ~ .menu__btn > span::before {
                    top: 0;
                    transform: rotate(0);
                  }
                  #menu__toggle:checked ~ .menu__btn > span::after {
                    top: 0;
                    transform: rotate(90deg);
                  }
                  #menu__toggle:checked ~ .menu__box {
                    visibility: visible;
                    left: 0;
                  }
                  
                  .menu__btn {
                    display: flex;
                    align-items: center;
                    position: absolute;
                    top: 25px;
                    left: 90%;
                  
                    width: 26px;
                    height: 26px;
                  
                    cursor: pointer;
                    z-index: 1;
                  }
                  
                  .menu__btn > span,
                  .menu__btn > span::before,
                  .menu__btn > span::after {
                    display: block;
                    position: absolute;
                  
                    width: 100%;
                    height: 2px;
                  
                    background-color: #ffffff;
                  
                    transition-duration: .25s;
                  }
                  .menu__btn > span::before {
                    content: '';
                    top: -8px;
                  }
                  .menu__btn > span::after {
                    content: '';
                    top: 8px;
                  }
                  
                  .menu__box {
                    display: block;
                    position: absolute;
                    visibility: hidden;
                    top: 0;
                    left: -100%;
                  
                    width: 99%;
                    height: 180px;
                  
                    margin: 0;
                    padding: 4px 0;
                  
                    list-style: none;
                  
                    background-color: #ECEFF1;
                    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);
                  
                    transition-duration: .25s;
                  }
                  
                  .menu__item {
                    display: block;
                    padding: 12px 24px;
                  
                    color: rgb(255, 255, 255);
                  
                    font-family: 'Roboto', sans-serif;
                    font-size: 20px;
                    font-weight: 600;
                  
                    text-decoration: none;
                  
                    transition-duration: .25s;
                  }
                  .menu__item:hover {
                    background-color: #B17955;
                  }
                  li{
                    background-color: #B17955;
                    margin-top: 6px;
                  }
                  
                  /* футер */
        
                  .footer22{
                    background-color: #E0E0E0;
                    width: 100%;
                    height:700px;
                    margin-top: 50px;
                  }
                  .footer22-emul {
                    width: 100%;
                    height: 66%;
                    margin-left: 5%;
                }
                .footer22-contacts {
                    width: 100%;
                }
                .footer22-contacts1 {
                    width: 100%;
                    height: 55px;
                }
                .footer22-contacts2 {
                }
                .footer22-h1 {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    height: 25px;
                    width: 30%;
                    margin-left: 4%;
                }
                .footer22-h1-h1 {
                    font-family: 'Montserrat';
        font-style: normal;
        font-weight: 500;
        font-size: 20px;
        line-height: 15px;
                }
                @media (min-width: 370px){
                    .footer22-p {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        height: 20px;
                        width: 65%;
    
                        margin-left: 4%;
                    }
                 }
                @media (min-width: 440px){
                    .footer22-p {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        height: 20px;
                        width: 60%;
                        margin-left: 4%;
                    }
                }
                .footer22-p-p {
                    font-family: 'Montserrat';
        font-style: normal;
        font-weight: 400;
        font-size: 10px;
        line-height: 5px;
                }
                .footer22-phone {
                    width: 100%;
                    height: 100px;
                    display: flex;
                    
                }
                .footer22-phonegmail {
                    width: 60%;
                    margin-top: 10px;
        
                }
                .footer22-plogo-img{
                    width: 170px;
                    height:110px;
                    margin-top: 100px;
                }
                .footer22-plogo {
                    width: 40%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-top: 50px;
        
                }
                .divfooter22imgcontacts-img{
                    width: 30px;
                    height: 31px;
                }
                .divfooter22imgcontacts2{
                    margin-right: 3%;
                    margin-top: 5px;
                }
                .divfooter22imgcontacts-p{
                    line-height: 0px;
                }
                .divfooter22imgcontacts-p3{
                    line-height: 27px;
                    text-decoration: none;
                    color: black;
                }
                .divfooter22imgcontacts-p22{
                    line-height: 15px;
                }
                .divfooter22imgcontacts3{
                    display: flex;
                    text-align: center;
                    justify-content: center;
                    width: 95%;
                    gap: 5px;
                    height: 50px;
                  
                    
                }
                .divfooter22imgcontacts{
                    display: flex;
                    text-align: center;
                    justify-content: flex-start;
                    margin-left: 5%;
                }
                .divfooter22imgcontacts2{
                    display: flex;
                    text-align: center;
                    justify-content: flex-start;
                    width: 95%;
                    gap: 5px;
                    margin-left: 5%;
                }
                .itc-slider__item-_img{
                    width: 100%;
                    height: 100%;
                    background-size: cover;
                }
                .divfooter22imgcontacts-p-a{
                    text-decoration: none;
                    color: black;
                    
                }
                @media (max-width: 420px) {
                    .divfooter22imgcontacts5{
                        gap: 10px;
                        display: flex;
                        text-align: center;
                        justify-content: center;
                        gap: 0px;
                        margin-top: 5px;
                    }
                    @media (min-width: 360px) {
                        .divfooter22imgcontacts5{
                            gap: 10px;
                            display: flex;
                            text-align: center;
                            justify-content: flex-end;
                            gap: 0px;
                            margin-top: 5px;;
                            margin-right: 2%;
                        }
                    }
                    @media (min-width: 410px) {
                        .divfooter22imgcontacts5{
                            gap: 10px;
                            display: flex;
                            text-align: center;
                            justify-content: flex-start;
                            margin-left: 5%;
                            gap: 0px;
                            margin-top: 5px;
                            margin-right: 4%;
                        }
                    }
                }
                @media (min-width: 420px) {
                    .divfooter22imgcontacts5{
                        gap: 10px;
                        display: flex;
                        text-align: center;
                        justify-content: flex-start;
                        margin-left: 5%;
                        gap: 0px;
                        margin-top: 5px;
                    }
                }
                .qrcode{
                    position: absolute;
                    margin-top: 500px;
                    margin-left: 72%;
                    width: 100px;
                    height: 100px;
                }
        }