@font-face {
    font-family: 'Ghetto';
    src: url(../font/ofont_ru_SouthGhetto.ttf);
}
@font-face {
    font-family: 'Geoform medium';
    src: url(../font/Geoform-Medium-BF6556c6e620ac4.otf);
}


.gh{
    font-family: 'Ghetto';
}

.geoM{
    font-family: 'Geoform medium';
}

body{
    min-width: 1200px;
}

.container{
    width: 1124px;
    /* width: 100%; */
    margin: 0 auto;
}
header nav{
    font-size: 20px;
    display: flex;
    gap: 15px;
}

header nav a{
    color: #fff;
}

header{
    width: 780px;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: space-between;

    background: linear-gradient(91.46deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0.03) 100%);
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
    border-radius: 65px;
    padding: 4px 25px 4px 3px;

    position: absolute;
    top: 10px; 
    left: 50%; 
    transform: translateX(-50%);
}

.header-logo img{
    max-width: 79px;
    max-height: 69px;
}

.main-window{
    width: 100wh;
    height: 100vh;
}

.main-window img{
    width: 100%;
    height: 100%;
}

.title{
    font-size: 48px;
    margin-bottom: 25px;
}

.mg-60{
    margin-top: 60px;
}

.min-height_380{
    min-height: 380px;
    max-height: 380px;
}



.width-45{
    max-width: 510px;
    width: 100%;
}

.width-45 img{
    width: 100%;
}

.width-55{
    max-width: 588px;
    width: 100%;
}

.width-55 img{
    width: 100%;
}




.width-46{
    max-width: 465px;
    max-height: 410px;
    width: 100%;
}

.width-46 img{
    width: 100%;
}

.width-63{
    max-width: 632px;
    max-height: 410px;
    width: 100%;
}

.width-63 img{
    width: 100%;
}






.width-100{
    width: 100%;
}

.width-100 img{
    width: 100%;
}

.block-img_wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

.block-img{
    position: relative;
}

.block-text{
    background: #fdfff580;
    box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.03);
    backdrop-filter: blur(5px);
    
    display: inline-block; 
    padding: 11px 8px; 
    
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);

    font-size: 16px;
    max-height: 80px;
    text-align: center;
    line-height: 20px;

    letter-spacing: 2px;
    
}

.absolute-left-up{
    position: absolute;
    top: 2%;
    left: 2%;
}

.absolute-right-bottom{
    position: absolute;
    bottom: 3%;
    right: 2%
    
}

.absolute-right-up{
    position: absolute;
    top: 3%;
    right: 2%
}

.absolute-right-up.add_pos{
    position: absolute;
    top: 15%;
    right: 2%;
    width: 530px
}

.absolute-center-bottom{
    position: absolute;
    bottom: 3%;
    left: 50%;
    transform: translateX(-50%);
}
.under-text{
    text-decoration: underline;
    color: #445844;
    letter-spacing: 2px;
}

.absolute-bottom-left{
    position: absolute;
    bottom: 18%;
    left: 3%
}
.absolute-bottom-left.add_pos{
    position: absolute;
    bottom: 5%;
    left: 3%;
    width:520px;
}

.flag_text{
    background: none;
    color: #fff;
    font-size: 40px;
    line-height: 42px;
    text-align: end;

    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
    box-shadow: none;
}

.flag_text.absolute-left-up{
    left: 7%;
    top: 5%;
}
.flag_text.absolute-right-bottom{
    font-size: 24px;
    text-transform: uppercase;
    line-height: 38px;

    bottom: 8%;
}


.contact-block_text .under-text{
    font-size: 20px;
}

.contact-block_text{
    line-height: 200%;
    letter-spacing: 39%;
}

.cntc-link a{
    display: inline-flex;
    align-items: center;
    gap: 4px;
}
.cntc-link{
    max-width: 340px;
    display: inline-block;
}

.contacts_text{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.block-photo img{
    max-width: 370px;
    max-height: 495px;
}
.block-photo{
    position: relative;
}
.contatcs_photo{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contatcs_wrapper{
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contacts{
    padding-bottom: 40px;
}

.block-photo .absolute-bottom-left{
    bottom: 22%;
}

.block-photo .absolute-bottom-left:nth-child(3){
    bottom: 13%;
}

.block-photo .absolute-bottom-left:nth-child(2){
    bottom: 3%;
}

.link-block{
    display: flex;
    align-items: center;
    gap: 10px;
}

.link-block a{
     display: flex;
}

.block-photo .absolute-right-up{
    top: 2%;
}

.block-photo .absolute-right-up:nth-child(3){
    top: 11%;
}

.block-photo .absolute-right-up:nth-child(2){
    top: 20%;
}   

/* Для мобилок - фиксированная ширина */
@media screen and (max-width: 768px) {
    body {
        overflow-x: auto;
        min-width: 1200px;
    }
    
    .main-window {
        height: 600px;
    }
    .main-window img{
        width: 1200px; 
        height: 600px;
    }

    header{
        transform: translateX(0%);
    }
}