:root {
    --color-white: #ffffff;
    --color-black: #000000;
    --color-shadow: rgba(0, 0, 0, 0.3);
    --max-mobile: 767px;
    --max-tablet: 1023px;
}

.header-vision {
    position: fixed;
    right: 0;
    top: 110px;
    max-width: 170px;
    min-height: 32px;
    padding: 5px 10px 5px 50px;
    background-color: #4e1720;
    font-family: "Playfair Display", Georgia, "Times New Roman", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", serif;
    font-size: 10px;
    color: #fff;
    line-height: 1.1;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    z-index: 99;
}

.header-vision:hover {
    color: #fff;
}

.header-vision-mobile {
    position: fixed;
    right: 0;
    top: 60px;
    max-width: 170px;
    min-height: 32px;
    padding: 5px 10px 5px 50px;
    background-color: #4e1720;
    font-family: "Playfair Display", Georgia, "Times New Roman", "Microsoft Yahei", "微软雅黑", STXihei, "华文细黑", serif;
    font-size: 10px;
    color: #fff;
    line-height: 1.1;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    z-index: 99;
}

.header-vision-mobile:hover {
    color: #fff;
}

.header-glasses {
    position: absolute;
    top: 50%;
    left: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 425px) {
    .header-vision-mobile {
        right: -120px;
    }
}

.field__checkbox {
    font-size: 14px;
    color: #919191;
    margin-top: 15px;
    display: block;
}

.field__checkbox input {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    cursor: pointer;
}

.button-file {
    width: 100%;
    background: rgba(206, 167, 111, 0.25);
}

.file_size {
    min-height: 27px;
}

.col .col-right .field-file.-type-file {
    width: 100px;
}

.appeal-link {
    font-size: 20px;
}

@media (max-width: 768px) {
    .appeal-link {
        display: inline-block;
        margin-top: 25px;
    }
}

.mx-visually-hidden {
    position: absolute;
    display: inline-block;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.mx-mt-3 {
    margin-top: 30px;
}

.size_attention,
.size_success {
    display: none;
}

.size_attention.show,
.size_success.show {
    display: block;
}

.organization {
    color: #cea76f;
    line-height: 20px;
    display: flex;
    flex-direction: column;
}

.organization p {
    overflow-wrap: break-word;
}

.internet-resources {
    display: flex;
    flex-direction: column;
    line-height: 35px;
    color: #cea76f;
}

@media (max-width: 1109px) {
    .internet-resources {
        margin-top: 30px;
    }
}

.internet-resources a {
    color: #cea76f;
}

.cookie-notification {
    display: none;
    position: fixed;
    bottom: 60px;
    z-index: 3;
    left: 10%;

    max-width: 80%;

    background-color: var(--color-white);
    box-shadow: 0 0 10px var(--color-shadow);
}

.cookie-notification__container {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 20px;
}

.cookie-notification--hide {
    display: none;
}

.cookie-notification__text {
    margin: 0;
}

.cookie-notification--show {
    display: block;
}

.cookie-notification__button {
    background-color: var(--color-white);
    min-width: 240px;
}

.mainpage-about {
    padding: 100px 0 0 0;
}

.mainpage-about .block-title-wrapper {
    padding-bottom: 30px;
}

.mainpage-about .two-column-block {
    align-items: center;
    gap: 20px;
    padding: 0;
}

.mainpage-about .col {
    width: calc((100% - 20px)/2);
}

.mainpage-about .bottom-block {
    margin: 40px auto 0 auto;
    border-top: 1px solid #cea76f;
}

.mainpage-about .show-desktop {
    display: block;
}

.mainpage-about .hide-desktop {
    display: none;
}

.page-mobile .mainpage-about {
    padding-top: 60px;
}

.page-mobile .mainpage-about .block-title {
    margin-top: 0;
}

@media (max-width: 1200px) {
    .mainpage-about .two-column-block {
        display: block;
    }

    .mainpage-about .col {
        width: 100%;
        max-width: 600px;
        margin-right: auto;
        margin-left: auto;
    }

    .mainpage-about .show-desktop {
        display: none;
    }

    .mainpage-about .hide-desktop {
        display: block;
    }
}

@media (max-width: 767px) {
    .cookie-notification {
        max-width: 340px;
        left: calc(50vw);
        transform: translateX(-50%);
    }

    .cookie-notification__container {
        flex-direction: column;
    }

    .cookie-notification__text {
        text-align: center;
    }
}