body {
    background-color: #a79f9d !important; 
}
img {max-width: 100%;}

.color_e8e8f1 {color: #e8e8f1;}
.color_253142 {color: #253142;}
.color_fbf9f9 {color: #fbf9f9;}
.color_f7f3f5 {color: #f7f3f5;}
.color_f1f1f5 {color: #f1f1f5;}
.color_faf7f7 {color: #faf7f7;}
.color_b4aca6 {color: #b4aca6;}
.color_efeff5 {color: #efeff5;}

.color_hover_f6f3f3:hover {color: #f6f3f3;}

.bellota {font-family: "Bellota Text", sans-serif;}
.kumbh {font-family: "Kumbh Sans", sans-serif;}

.tdn, .tdn:hover, .tdn:focus, .tdn:active {text-decoration: none;}

.main-top {
    background: transparent url(/i/image/main_top_2.jpg) no-repeat center;
    background-size: cover;
    min-height: 669px;
}

.pre-logo-space {
    margin-top: 210px;
    z-index: 0;
}

.logo-main {
    width: 97px;
    height: 52px;
    margin: 0 auto;
    background: transparent url(/i/image/logo_main.png) no-repeat center;
}

.footer a:hover, .footer a:visited, .footer a:focus, .footer a:active {text-decoration: none; color: #e8e8f1;}

.cookie {
    position: fixed;
    right: 25px; 
    bottom: 25px;
    padding: 50px;
    width: 400px;
    height: auto;
    background: white;
    border-radius: 15px;
}

.cookie .cookie-links .cookie-btn {
    background: #253142;
    color: #fdfdfe;
    display: inline-block;
    font-size: 12px;
    padding: 3px 35px;
}

.cookie .cookie-links .cookie-btn:hover, .cookie .cookie-links .cookie-btn:visited, .cookie .cookie-links .cookie-btn:focus, .cookie .cookie-links .cookie-btn:active {
    text-decoration: none;
}

.cookie .cookie-links .cookie-lnk {
    background: white;
    color: #253142;
    display: inline-block;
    font-size: 12px;
    padding: 3px 35px;
}

.logo-small {
    width: 56px;
    height: 30px;
    margin: 0 auto;
    background: transparent url(/i/image/logo_small.png) no-repeat center;
}

.post-logo-page {
    margin-top: -14px;
}

.desktop {
    display: block;
}
.mobile {
    display: none;
}

.modal-contact.visible {
    display: flex;
}

.modal-contact.invisible {
    display: none;
}

.modal-contact {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    display: flex; 
    align-items: center;
}

.modal-contact .dialog {
    max-width: 340px;
    margin: 0 auto;
    flex-basis: 340px;
}

.modal-contact .inp {
    background: none;
    border: 1px solid #b4aca6;
    border-bottom: none;
    width: 100%;
    padding-left: 7px;
    
    font-family: "Bellota Text", sans-serif;
    font-size: 10px;
    font-weight: 900;
    color: #afa59d;
    outline: none;
}

.modal-contact input.inp {
    line-height: 28px;
}

.modal-contact input.inp::placeholder, .modal-contact textarea.inp::placeholder {
    font-family: "Bellota Text", sans-serif;
    font-size: 10px;
    font-weight: 900;
    color: #afa59d;
}

.modal-contact textarea.inp {
    border: 1px solid #b4aca6;
    padding: 7px;
}

.send-modal {
    background: none;
    border: 1px solid #b4aca6;
    border-top: none;
    width: 100%;
    
    font-family: "Bellota Text", sans-serif;
    font-size: 10px;
    font-weight: 900;
    color: #afa59d;
    outline: none;
    line-height: 24px;
}

.modal-close {
    cursor: pointer;
}

@media (max-width: 576px) {
    .main-top {
        min-height: 520px;
    }
    
    .pre-logo-space {
        margin-top: 145px;
    }
    
    .logo-main {
        width: 65px;
        height: 35px;
        background-size: cover;
    }
    
    .cookie {
        right: 0; 
        bottom: 0;
        padding: 50px;
        width: 100%;
        height: auto;
        border-radius: 0;
    }
    
    .post-logo-page {
        margin-top: -9px;
    }
    
    .desktop {
        display: none;
    }
    .mobile {
        display: block;
    }
}