/* @media screen and (max-width:1920px){
html{
    overflow-x: hidden;
   
}
    body{
    overflow-x: hidden;
  
}
    header{
    width: 100%;
    height: 150px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m1{
    height: 50px;
    width: 95%;
    display: flex;
}
.logo1{
    margin-left: 3%;
    width: 10%;
    height: 73%;
}
.menu{
    width: 60%;

    margin-left: 3%;
    display: flex;
    gap: 7%;
    justify-content: center;
    align-items: center;
}
.a1{
    text-decoration: none;
    font-family:sans-serif;
font-style: normal;
font-weight: 500;
font-size: 23px;
line-height: 24px;


color: #000000;
}
@media (max-width: 1650px) {
    .button-header{
        color: white;
        text-decoration: none;
        display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 14%;
    height: 50px;
    margin-left: 1%;
    font-size: 120%;
    
    background: #E19B6D;
    border-radius: 5.65939px;
    }
}
@media (min-width: 1651px) {
    .button-header{
        color: white;
        text-decoration: none;
        display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 15%;
    height: 50px;
    font-size: 120%;
    background: #E19B6D;
    border-radius: 5.65939px;
    }
}

.button-div{
    width: 25%;
}
@media (max-width: 1650px) {
    .number-div {
        width: 215px;
        height: 50px;
        margin-right: 2%;
    }
}
@media (min-width: 1651px) {
    .number-div {
        width: 205px;
        height: 50px;
        margin-right: 2%;
    }
}
.number-phone {
    text-decoration: none;
    font-weight: 500;
    font-size: 21px;
    color: #000000;
    font-family: sans-serif;
}
.number-what {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    color: #878B90;
    display: flex;
    justify-content: flex-end;
}
.gmail-div {
    width: 11.5%;
    height: 50px;
    margin-right: 2%;

}
.gmail {
    text-decoration: none;
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    font-family: sans-serif;
}
.gmail-what {
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
    color: #878B90;
    display: flex;
    justify-content: flex-end;
}

.obj-main{
    overflow: hidden;
}
.individ{
    
    display: flex;
    width: 100%;
height: 680px;
background: #B17955;
flex: none;
order: 0;
flex-grow: 0;
}
.div-izd {
    width: 62%;
    height: 700px;
    background-color: #EFEFEF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.div-sered {

    position: absolute;
    width: 13%;
    height: 700px;
    left:55%;
    background-color: #B17955;

    transform: matrix(1, 0, 0.25, -1, 0, 0);
}
.div-button-on-text {
    width: 38%;
    height: 700px;
    position: relative;
    background-color: #B17955;

}
.krug1{
    background-color: #E19B6D;
    border-radius: 85%;
    width: 600px;
    height: 460px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.krug2{
    width: 91%;
    height: 91%;
    background-color: #B17955;
    border-radius: 85%;
    align-items: center;
    justify-content: center;
    display: flex;

}
.krug2-img{

    border-radius: 10%;
    width: 80%;
}
.text-h1-p{
    width: 80%;
    padding: 0;
    margin: 0;
    margin-top: 30%;
    margin-left: 10%;
}
.h1{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 370%;
    font-style: normal;
    line-height: 60px;
    color: white;
    padding: 0;
    margin: 0;
    font-weight: 100;
}
p{
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-style: normal;
    line-height: 50px;
    font-size: 270%;
    padding: 0;
    margin: 0;
    margin-top: 15px;
    color: #FFB381;
    font-weight: 100;
}
.bt0 {
    margin-left: 20%;
    width: 300px;

    gap: 15%;
    margin-top: 5%;
    position: absolute;
    margin-right: 10%;
    
}
.bt1 {
    flex-direction: row;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color:rgba(255, 255, 255, 0.2);
    width: 100%;
    height: 75px;
}
.bt2 {
    flex-direction: row;
    border-radius: 8px;
    width: 100%;
    height: 75px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10%;
}
.a2{
    text-decoration: none;
    font-size: 140%;
}
.a2-1{color: white;}
.a2-2{color: #B17955;}



.block2{
    width: 100%;
    height: 700px;
    background-color: white;
    display: flex;
    overflow: hidden;
}
.block2-1 {
    width: 53%;
    height: 700px;
}
.block2-2 {
    width: 47%;
    height: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.verh-prem {
    width: 100%;
    height: 120px;
    background-color: #B17955;
    margin-top: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.verh-prem-h1 {
    color: white;
    font-size: 330%;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: 100;
}
.p-block2{
    font-size: 170%;
    color: #000000;
    font-weight: 100;
    line-height: 24px;
    margin-top: 5%;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.text-block2{
    width: 75%;
    height: 250px;
    margin-left: 20%;
    position: relative;
}
.button-block2{
    width: 16%;
    height: 85px;
    background-color: #E19B6D;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 150%;
    color: white;
    position: absolute;
    margin-top: 1%;
    margin-left: 32.5%;
}
.button-block2-a{
    text-decoration: none;
    color: white;
}
.niz-prem{
    background-color: #B17955;
    width: 110%;
    height: 110px;
    margin-top: 155px;
}


.img-block2-2-i{
    width: 90%;
    height: 90%;
    border-radius: 100%;
}
.img-block2-2 {
    width: 530px;
    height: 530px;
    border-radius: 100%;
    margin-top: 5%;
    margin-left: 5%;
    background-color: #B17955;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.polosa1-block2-2 {
    transform: matrix(1, 0, 1, -1, 0, 0);
    background-color: #B17955;
    width: 29%;
    height: 700px;
    margin-left: 40%;
    
}
.polosa2-block2-2 {
    transform: matrix(1, 0, 1, -1, 0, 0);
    background-color:#B17955;
    width: 29%;
    margin-left: 10%;
    margin-top: 35%;
    height:700px;
}



.white-top-bottom-block3{
    width: 100%;
    background-color: white;
    height: 70px;
}
.block3 {
    width: 100%;
    height: 300px;
    background-color: #B17955;
    display: flex;
    overflow: hidden;
    
}
.white1-block3 {
    height: 300px;
    width:100px;
    background-color: white;
    transform: matrix(1, 0, 0.7, -1, 0, 0);
    margin-left: 3%;
}
.white2-block3 {
    height: 300px;
    width: 75px;
    background-color: white;
    transform: matrix(1, 0, 0.7, -1, 0, 0);
    margin-left: 60px;
}
.white3-block3 {
    height: 300px;
    width: 75px;
    background-color: white;
    transform: matrix(1, 0, 0.7, -1, 0, 0);
    margin-top: 70px;

}
.wb3{
    width: 95%;
    height: 250px;
 
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 2%;
}
.div-img-wb3 {
    width: 250px;
    height: 200px;
  
}
.img-wb3 {
    width: 120px;
    height: 120px;
    display: flex;
      
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.p-wb3 {
    font-size: 27px;
    color: white;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.img-wb3-block{
    width: 100%;
 
    display: flex;
    align-items: center;
    justify-content: center;
}



.block4{
    width: 100%;
    height: 900px;
    background-color: #B17955;
    display: flex;
    justify-content: center;
    overflow: hidden;
}
.trapecia{
    border-bottom: 150px solid rgb(255, 255, 255);
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	width: 35%;
    transform: rotate(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
}
.trapecia-h1{
    color: #000000;
    font-size: 250%;
    transform: rotate(180deg);
    margin-top: 30px;
    font-weight: 400;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.trapecia-button-a{
    text-decoration: none;
    color: #ffffff;
}
.trapecia-button{
    border-radius: 5px;
    height: 50px;
    margin: auto;
    width: 85%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E19B6D;
    font-size: 160%;
    transform: rotate(180deg);
    margin-top: 200px;
    font-weight: 400;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.line-white-block3-1 {
    margin-top: 10%;
    transform: matrix(1, 0, -1, -1, 0, 0);
}
.line-white-block3-2 {
    margin-right: 10%;
    transform: matrix(1, 0, -1, -1, 0, 0);
}
.line-white-block3-3 {
    margin-left: 10%;
    transform: matrix(1, 0, 1, -1, 0, 0);
}
.line-white-block3-4 {
    margin-top: 10%;
    transform: matrix(1, 0, 1, -1, 0, 0);
}
.line-white-block3-obj{
    background-color: white;
    height: 900px;
    width: 11%;
}

.posledni-white-block{
    width: 100%;
    height: 80px;
}



.img-block-block3{
    position: absolute;
}
.img-block-block3-img{
    width: 350px;
    height: 300px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.img-block-block3-img2{
    width: 90%;
    height: 90%;
    background-size: cover;
}
.img-block-block3-div1{
    width: 1600px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 200px;
    gap: 20px;
    
}
.img-block-block3-div2{
    width: 1600px;
    height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;

    margin-top: 15px;
    gap: 20px;
    
}


.foot1{
    width: 100%;
    height: 640px;
    background-color: #E0E0E0;
    overflow: hidden;
}
.main-footer {
    width: 100%;
    height: 400px;
    display: flex;
}
.main-footer-2{
    
    width: 60%;
    height:90%;
    margin-top: 100px;
    margin-left: 10%;
}
.main-footer3{
      width: 60%;
      
      margin-top: 70px;
      margin-left: 15%;
}
.h1-footer {
    font-size: 280%;
    font-weight: 300;
    padding: 0;
    margin: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.p-footer {
    font-size: 200%;
    color: #000000;
    padding: 0;
    margin: 0;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
.num-footer {
    display: flex;
    margin-top: 5%;
    gap: 20px;
    height: 50px;
}
.mail-footer {
    display: flex;
    gap: 20px;
    height: 40px;
    margin-top: 2%;
}
.num-footer-img{
    width: 50px;
    height: 50px;
}
.a-p-footer-num{
    font-size: 190%;
    color: black;
    display: flex;
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-decoration: none;
}
.a-p-footer-num2{
    font-size: 200%;
    color: black;
    display: flex;
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    text-decoration: none;
}
.p-footer-num{
    font-size: 230%;
    color: black;
    display: flex;
    align-items: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    
}
.img-fot {
    display: flex;
    justify-content: center;
    align-items: center;
}
.img-fit-img {
    width: 200px;
    height: 150px;
    margin-top: 6%;
}
.body2,.stranica2,.stranica3,.stranica4,.hamburger-menu,.stranica1,.footer22{
    display: none;
}


} */


/* 
00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */

@media (min-width:1280px) and (max-width:1920px){
    html{
        overflow-x: hidden;
       
    }
        body{
        overflow-x: hidden;
      
    }
        header{
            
        width: 100%;
        height: 150px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .m1{
        height: 50px;
        width: 95%;
        display: flex;
    }
    .logo1{
        margin-left: 3%;
        width: 10%;
        height: 73%;
    }
    .menu{
        width: 60%;
        margin-left: 3%;
        display: flex;
        gap: 7%;
        justify-content: center;
        align-items: center;
    }
    .a1{
        text-decoration: none;
        font-family:sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
    /* identical to box height, or 133% */
    
    color: #000000;
    }
        .button-header{
            color: white;
            text-decoration: none;
            display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        position: absolute;
        width: 15%;
        height: 50px;
        font-size: 120%;
        background: #E19B6D;
        border-radius: 5.65939px;
        }
    
    .button-div{
        width: 25%;
    }
        .number-div {
            width: 215px;
            height: 50px;
            margin-right: 2%;
            margin-top: 5px;
        }
    
    .number-phone {
        text-decoration: none;
        font-weight: 500;
        font-size: px;
        color: #000000;
        font-family: sans-serif;
    }
    .number-what {
        text-decoration: none;
        font-weight: 500;
        font-size: 18px;
        color: #878B90;
        display: flex;
        justify-content: flex-end;
    }
    .gmail-div {
        width: 11.5%;
        height: 50px;
        margin-right: 2%;
    
    }
    .gmail {
        text-decoration: none;
        font-weight: 500;
        font-size: 23px;
        color: #000000;
        font-family: sans-serif;
    }
    .gmail-what {
        text-decoration: none;
        font-weight: 500;
        font-size: 18px;
        color: #878B90;
        display: flex;
        justify-content: flex-end;
    }
    
    /* общий блок */
    .obj-main{
        overflow: hidden;
        overflow-x: hidden;
    }
    .individ{
        
        display: flex;
        width: 100%;
    height: 680px;
    background: #B17955;
    flex: none;
    order: 0;
    flex-grow: 0;
    }
    .div-izd {
        width: 62%;
        height: 700px;
        background-color: #EFEFEF;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .div-sered {
        /* border: 2px solid red; */
        position: absolute;
        width: 13%;
        height: 700px;
        left:56%;
        background-color: #B17955;
        /* transform: matrix(1, 0, 1, -1, 0, 0); */
        transform: matrix(1, 0, 0.25, -1, 0, 0);
    }
    .div-button-on-text {
        width: 38%;
        height: 700px;
        position: relative;
        background-color: #B17955;
    
    }
    .krug1{
        background-color: #E19B6D;
        border-radius: 85%;
        width: 600px;
        height: 460px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .krug2{
        width: 91%;
        height: 91%;
        background-color: #B17955;
        border-radius: 85%;
        align-items: center;
        justify-content: center;
        display: flex;
    
    }
    .krug2-img{
    
        border-radius: 10%;
        width: 80%;
    }
    .text-h1-p{
        width: 80%;
        padding: 0;
        margin: 0;
        margin-top: 30%;
        margin-left: 10%;
    }
    .h1{
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-size: 300%;
        font-style: normal;
        line-height: 50px;
        color: white;
        padding: 0;
        margin: 0;
        font-weight: 100;
    }
    p{
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-style: normal;
        line-height: 40px;
        font-size: 200%;
        padding: 0;
        margin: 0;
        margin-top: 15px;
        color: #FFB381;
        font-weight: 100;
    }
    .bt0 {
        margin-left: 20%;
        width: 250px;
        gap: 15%;
        margin-top: 5%;
        position: absolute;
        margin-right: 10%;
        
    }
    .bt1 {
        flex-direction: row;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background-color:rgba(255, 255, 255, 0.2);
        width: 100%;
        height: 60px;
    }
    .bt2 {
        flex-direction: row;
        border-radius: 8px;
        width: 100%;
        height: 60px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10%;
    }
    .a2{
        text-decoration: none;
        font-size: 100%;
    }
    .a2-1{color: white;}
    .a2-2{color: #B17955;}
    
    /* блок 2 "что мы предлогаем" */
    
    .block2{
        width: 100%;
        height: 700px;
        background-color: white;
        display: flex;
        overflow: hidden;
    }
    .block2-1 {
        width: 53%;
        height: 700px;
    }
    .block2-2 {
        width: 47%;
        height: 700px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .verh-prem {
        width: 100%;
        height: 120px;
        background-color: #B17955;
        margin-top: 5%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .verh-prem-h1 {
        color: white;
        font-size: 300%;
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-weight: 100;
    }
    .p-block2{
        font-size: 140%;
        color: #000000;
        font-weight: 100;
        line-height: 24px;
        margin-top: 5%;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .text-block2{
        width: 75%;
        height: 250px;
        margin-left: 20%;
        position: relative;
    }
    .button-block2{
        width: 16%;
        height: 75px;
        background-color: #E19B6D;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 120%;
        color: white;
        position: absolute;
        margin-top: 1%;
        margin-left: 32.5%;
    }
    .button-block2-a{
        text-decoration: none;
        color: white;
    }
    .niz-prem{
        background-color: #B17955;
        width: 110%;
        height: 110px;
        margin-top: 155px;
    }
    
    /* блок 2-2 */
    .img-block2-2-i{
        width: 90%;
        height: 90%;
        border-radius: 100%;
    }
    .img-block2-2 {
        width: 530px;
        height: 530px;
        border-radius: 100%;
        margin-top: 5%;
        margin-left: 5%;
        background-color: #B17955;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .polosa1-block2-2 {
        transform: matrix(1, 0, 1, -1, 0, 0);
        background-color: #B17955;
        width: 29%;
        height: 700px;
        margin-left: 40%;
        
    }
    .polosa2-block2-2 {
        transform: matrix(1, 0, 1, -1, 0, 0);
        background-color:#B17955;
        width: 29%;
        margin-left: 10%;
        margin-top: 35%;
        height:700px;
    }
    
    /* блок 3 "наши плюсы" */
    
    .white-top-bottom-block3{
        width: 100%;
        background-color: white;
        height: 70px;
    }
    .block3 {
        width: 100%;
        height: 300px;
        background-color: #B17955;
        display: flex;
        overflow: hidden;
        
    }
    .white1-block3 {
        height: 300px;
        width:100px;
        background-color: white;
        transform: matrix(1, 0, 0.7, -1, 0, 0);
        margin-left: 3%;
    }
    .white2-block3 {
        height: 300px;
        width: 75px;
        background-color: white;
        transform: matrix(1, 0, 0.7, -1, 0, 0);
        margin-left: 60px;
    }
    .white3-block3 {
        height: 300px;
        width: 75px;
        background-color: white;
        transform: matrix(1, 0, 0.7, -1, 0, 0);
        margin-top: 70px;
    
    }
    .wb3{
        width: 95%;
        height: 250px;
        /* border: 3px solid red; */
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2%;
    }
    .div-img-wb3 {
        width: 250px;
        height: 200px;
    }
    .img-wb3 {
        width: 120px;
        height: 120px;
        display: flex;
          
      -webkit-filter: invert(100%);
      filter: invert(100%);
    }
    .p-wb3 {
        font-size: 25px;
        color: white;
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .img-wb3-block{
        width: 100%;
        /* border: 2px solid black; */
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    /* блок 4 "образцы работ" */
    /* в будущем сделать слайдер! */
    
    .block4{
        width: 100%;
        height: 900px;
        background-color: #B17955;
        display: flex;
        justify-content: center;
        overflow: hidden;
    }
    .trapecia{
        border-bottom: 150px solid rgb(255, 255, 255);
        border-left: 50px solid transparent;
        border-right: 50px solid transparent;
        height: 0;
        width: 35%;
        transform: rotate(180deg);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .trapecia-h1{
        color: #000000;
        font-size: 220%;
        transform: rotate(180deg);
        margin-top: 260px;
        font-weight: 400;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .trapecia-button-a{
        text-decoration: none;
        color: #ffffff;
    }
    .trapecia-button{
        border-radius: 5px;
        height: 50px;
        margin: auto;
        width: 17%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #E19B6D;
        font-size: 130%;
        /* transform: rotate(180deg); */
        margin-top: 80px;
        font-weight: 400;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .line-white-block3-1 {
        margin-top: 10%;
        transform: matrix(1, 0, -1, -1, 0, 0);
    }
    .line-white-block3-2 {
        margin-right: 10%;
        transform: matrix(1, 0, -1, -1, 0, 0);
    }
    .line-white-block3-3 {
        margin-left: 10%;
        transform: matrix(1, 0, 1, -1, 0, 0);
    }
    .line-white-block3-4 {
        margin-top: 10%;
        transform: matrix(1, 0, 1, -1, 0, 0);
    }
    .line-white-block3-obj{
        background-color: white;
        height: 900px;
        width: 11%;
    }
    
    .posledni-white-block{
        width: 100%;
        height: 80px;
    }
    
    /* фото в блоке приеров работ */
    
    .img-block-block3{
      
        position: absolute;
    }
    .img-block-block3-img{
        margin-bottom: 230px;
        width: 300px;
        height: 250px;
        background-color: white;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .img-block-block3-img2{
        width: 90%;
        height: 90%;
        background-size: cover;
    }
    .img-block-block3-div1{
        width: 1600px;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 200px;
        gap: 20px;
        
    }
    .img-block-block3-div2{
        width: 1600px;
        height: 300px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 15px;
        gap: 20px;
        
    }
    
    /* футер */
    
    .foot1{
        width: 100%;
        height: 600px;
        background-color: #E0E0E0;
        overflow: hidden;
    }
    .main-footer {
        width: 100%;
        height: 400px;
        display: flex;
    }
    .main-footer-2{
        width: 60%;
        height:90%;
        margin-top: 100px;
        margin-left: 10%;
    }
    .main-footer3{
          width: 60%;
          margin-top: 70px;
          margin-left: 15%;
    }
    .h1-footer {
        font-size: 250%;
        font-weight: 300;
        padding: 0;
        margin: 0;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .p-footer {
        font-size: 170%;
        color: #000000;
        padding: 0;
        margin: 0;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    }
    .num-footer {
        display: flex;
        margin-top: 5%;
        gap: 20px;
        height: 50px;
    }
    .mail-footer {
        display: flex;
        gap: 20px;
        height: 40px;
        margin-top: 2%;
    }
    .num-footer-img{
        width: 50px;
        height: 50px;
    }
    .a-p-footer-num{
        font-size: 170%;
        color: black;
        display: flex;
        align-items: center;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        text-decoration: none;
    }
    .a-p-footer-num2{
        font-size: 180%;
        color: black;
        display: flex;
        align-items: center;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        text-decoration: none;
    }
    .p-footer-num{
        text-decoration: none;
        font-size: 180%;
        color: black;
        display: flex;
        align-items: center;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        
    }
    .img-fot {
        margin: auto;
        width: 160px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 80px;
    }
    .img-fit-img {
    
        width: 200px;
        height: 150px;
       margin: 0;
       padding: 0;
    
     

    }
    .aaaasssss{
        position: absolute;
        margin-top: 350px;
        margin-left: 45%;
    }
    .body2,.stranica2,.stranica3,.stranica4,.hamburger-menu,.stranica1,.footer22{
        display: none;
    }
    
    }
    
    /* 0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000 */