@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');

*{
    box-sizing: border-box;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    padding: 15px;
    background: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header__logo {
    width: 100%;
    max-width: 120px;
    position: relative;
    z-index: 111;
}

.header__info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.header__btn {
    display: block;
    font: 18px/22px "Montserrat", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: white;
    padding: 6px 20px;
    background: #6F1D45;
    border: 2px solid #6F1D45;
    text-align: center;
    margin: 0 32px;
    transition: all .3s;
}

.header__btn:hover {
    background: #A53474;
    border-color: #A53474;
}

.header__btn:focus {
    color: #6A1D49;
    border-color: #6A1D49;
    background: white;
}

.header__navigation_block .header__btn {
    width: 100%;
    max-width: 312px;
    margin: 35px 0;
}

.header__hamburger {
    position: relative;
    width: 22px;
    height: 9px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNCAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIzIDEuNzY5MjFIMy45NjE0MyIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTIzLjAwMDEgNkw3Ljc2OTI5IDYiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMy4wMDAxIDEwLjIzMDhMMSAxMC4yMzA4IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat center;
    background-size: cover;
    cursor: pointer;
    z-index: 111;
}

.is-open .header__hamburger {
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMiAyMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIwLjE5MjQgMTkuNjkyNEwxLjgwNzYyIDEuMzA3NjEiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CjxwYXRoIGQ9Ik0yMC4xOTI0IDEuMzA3NjFMMS44MDc2MiAxOS42OTI0IiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat center;
    background-size: cover;
    margin-right: 6px;
}

.header__navigation_block {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 360px;
    top: 0;
    z-index: 100;
    overflow: scroll;
    transition: all .15s ease-in;
    right: -360px;
    background: #fff;
    padding: 24px;
    margin-top: 68px;
}

.is-open .header__navigation_block {
    transform: translateX(-360px);
    box-shadow: 0 8px 6px rgba(0,0,0,.1);
}

.header__navigation {
    padding: 0;
    margin: 0;
}

.header__navigation li {
    width: 100%;
    margin: 0;
}

.header__navigation li:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.header__navigation li a {
    display: block;
    font: 20px/24px "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    padding: 16px 0;
    transition: all .3s;
}

.header__content_item--title {
    font: 14px/18px "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #000000;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    margin-bottom: 5px;
}

.header__content_item--block {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.header__content_item:not(:last-child) {
    margin-bottom: 30px;
}

.header__content_link {
    display: block;
    flex-basis: 50%;
    font: 14px/18px "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #000000;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2IDkuNDQ1NzhDMTguMTIwNSA5LjQ0NTc4IDE4LjQwOTYgOS40NDU3OCAxOS4yNzcxIDkuNDQ1NzhDMjAuMDQ4MiA5LjQ0NTc4IDIwLjQzMzcgOS42Mzg1NSAyMC43MjI5IDkuNzM0OTRDMjEuMTA4NCA5LjkyNzcxIDIxLjM5NzYgMTAuMDI0MSAyMS42ODY3IDEwLjMxMzNDMjEuOTc1OSAxMC42MDI0IDIyLjE2ODcgMTAuODkxNiAyMi4yNjUxIDExLjI3NzFDMjIuMzYxNCAxMS41NjYzIDIyLjQ1NzggMTEuOTUxOCAyMi41NTQyIDEyLjcyMjlDMjIuNTU0MiAxMy41OTA0IDIyLjU1NDIgMTMuNzgzMSAyMi41NTQyIDE2QzIyLjU1NDIgMTguMjE2OSAyMi41NTQyIDE4LjQwOTYgMjIuNTU0MiAxOS4yNzcxQzIyLjU1NDIgMjAuMDQ4MiAyMi4zNjE0IDIwLjQzMzcgMjIuMjY1MSAyMC43MjI5QzIyLjA3MjMgMjEuMTA4NCAyMS45NzU5IDIxLjM5NzYgMjEuNjg2NyAyMS42ODY3QzIxLjM5NzYgMjEuOTc1OSAyMS4xMDg0IDIyLjE2ODcgMjAuNzIyOSAyMi4yNjUxQzIwLjQzMzcgMjIuMzYxNCAyMC4wNDgyIDIyLjQ1NzggMTkuMjc3MSAyMi41NTQyQzE4LjQwOTYgMjIuNTU0MiAxOC4yMTY5IDIyLjU1NDIgMTYgMjIuNTU0MkMxMy43ODMxIDIyLjU1NDIgMTMuNTkwNCAyMi41NTQyIDEyLjcyMjkgMjIuNTU0MkMxMS45NTE4IDIyLjU1NDIgMTEuNTY2MyAyMi4zNjE0IDExLjI3NzEgMjIuMjY1MUMxMC44OTE2IDIyLjA3MjMgMTAuNjAyNCAyMS45NzU5IDEwLjMxMzMgMjEuNjg2N0MxMC4wMjQxIDIxLjM5NzYgOS44MzEzMyAyMS4xMDg0IDkuNzM0OTQgMjAuNzIyOUM5LjYzODU1IDIwLjQzMzcgOS41NDIxNyAyMC4wNDgyIDkuNDQ1NzggMTkuMjc3MUM5LjQ0NTc4IDE4LjQwOTYgOS40NDU3OCAxOC4yMTY5IDkuNDQ1NzggMTZDOS40NDU3OCAxMy43ODMxIDkuNDQ1NzggMTMuNTkwNCA5LjQ0NTc4IDEyLjcyMjlDOS40NDU3OCAxMS45NTE4IDkuNjM4NTUgMTEuNTY2MyA5LjczNDk0IDExLjI3NzFDOS45Mjc3MSAxMC44OTE2IDEwLjAyNDEgMTAuNjAyNCAxMC4zMTMzIDEwLjMxMzNDMTAuNjAyNCAxMC4wMjQxIDEwLjg5MTYgOS44MzEzMyAxMS4yNzcxIDkuNzM0OTRDMTEuNTY2MyA5LjYzODU1IDExLjk1MTggOS41NDIxNyAxMi43MjI5IDkuNDQ1NzhDMTMuNTkwNCA5LjQ0NTc4IDEzLjg3OTUgOS40NDU3OCAxNiA5LjQ0NTc4Wk0xNiA4QzEzLjc4MzEgOCAxMy41OTA0IDggMTIuNzIyOSA4QzExLjg1NTQgOCAxMS4yNzcxIDguMTkyNzcgMTAuNzk1MiA4LjM4NTU0QzEwLjMxMzMgOC41NzgzMSA5LjgzMTMzIDguODY3NDcgOS4zNDk0IDkuMzQ5NEM4Ljg2NzQ3IDkuODMxMzMgOC42NzQ3IDEwLjIxNjkgOC4zODU1NCAxMC43OTUyQzguMTkyNzcgMTEuMjc3MSA4LjA5NjM5IDExLjg1NTQgOCAxMi43MjI5QzggMTMuNTkwNCA4IDEzLjg3OTUgOCAxNkM4IDE4LjIxNjkgOCAxOC40MDk2IDggMTkuMjc3MUM4IDIwLjE0NDYgOC4xOTI3NyAyMC43MjI5IDguMzg1NTQgMjEuMjA0OEM4LjU3ODMxIDIxLjY4NjcgOC44Njc0NyAyMi4xNjg3IDkuMzQ5NCAyMi42NTA2QzkuODMxMzMgMjMuMTMyNSAxMC4yMTY5IDIzLjMyNTMgMTAuNzk1MiAyMy42MTQ1QzExLjI3NzEgMjMuODA3MiAxMS44NTU0IDIzLjkwMzYgMTIuNzIyOSAyNEMxMy41OTA0IDI0IDEzLjg3OTUgMjQgMTYgMjRDMTguMTIwNSAyNCAxOC40MDk2IDI0IDE5LjI3NzEgMjRDMjAuMTQ0NiAyNCAyMC43MjI5IDIzLjgwNzIgMjEuMjA0OCAyMy42MTQ1QzIxLjY4NjcgMjMuNDIxNyAyMi4xNjg3IDIzLjEzMjUgMjIuNjUwNiAyMi42NTA2QzIzLjEzMjUgMjIuMTY4NyAyMy4zMjUzIDIxLjc4MzEgMjMuNjE0NSAyMS4yMDQ4QzIzLjgwNzIgMjAuNzIyOSAyMy45MDM2IDIwLjE0NDYgMjQgMTkuMjc3MUMyNCAxOC40MDk2IDI0IDE4LjEyMDUgMjQgMTZDMjQgMTMuODc5NSAyNCAxMy41OTA0IDI0IDEyLjcyMjlDMjQgMTEuODU1NCAyMy44MDcyIDExLjI3NzEgMjMuNjE0NSAxMC43OTUyQzIzLjQyMTcgMTAuMzEzMyAyMy4xMzI1IDkuODMxMzMgMjIuNjUwNiA5LjM0OTRDMjIuMTY4NyA4Ljg2NzQ3IDIxLjc4MzEgOC42NzQ3IDIxLjIwNDggOC4zODU1NEMyMC43MjI5IDguMTkyNzcgMjAuMTQ0NiA4LjA5NjM5IDE5LjI3NzEgOEMxOC40MDk2IDggMTguMjE2OSA4IDE2IDhaIiBmaWxsPSIjNkYxRDQ1Ii8+CjxwYXRoIGQ9Ik0xNiAxMS44NTU0QzEzLjY4NjcgMTEuODU1NCAxMS44NTU0IDEzLjY4NjcgMTEuODU1NCAxNkMxMS44NTU0IDE4LjMxMzMgMTMuNjg2NyAyMC4xNDQ2IDE2IDIwLjE0NDZDMTguMzEzMyAyMC4xNDQ2IDIwLjE0NDYgMTguMzEzMyAyMC4xNDQ2IDE2QzIwLjE0NDYgMTMuNjg2NyAxOC4zMTMzIDExLjg1NTQgMTYgMTEuODU1NFpNMTYgMTguNjk4OEMxNC41NTQyIDE4LjY5ODggMTMuMzAxMiAxNy41NDIyIDEzLjMwMTIgMTZDMTMuMzAxMiAxNC41NTQyIDE0LjQ1NzggMTMuMzAxMiAxNiAxMy4zMDEyQzE3LjQ0NTggMTMuMzAxMiAxOC42OTg4IDE0LjQ1NzggMTguNjk4OCAxNkMxOC42OTg4IDE3LjQ0NTggMTcuNDQ1OCAxOC42OTg4IDE2IDE4LjY5ODhaIiBmaWxsPSIjNkYxRDQ1Ii8+CjxwYXRoIGQ9Ik0yMC4yNDEgMTIuNzIyOUMyMC43NzMzIDEyLjcyMjkgMjEuMjA0OCAxMi4yOTE0IDIxLjIwNDggMTEuNzU5QzIxLjIwNDggMTEuMjI2NyAyMC43NzMzIDEwLjc5NTIgMjAuMjQxIDEwLjc5NTJDMTkuNzA4NiAxMC43OTUyIDE5LjI3NzEgMTEuMjI2NyAxOS4yNzcxIDExLjc1OUMxOS4yNzcxIDEyLjI5MTQgMTkuNzA4NiAxMi43MjI5IDIwLjI0MSAxMi43MjI5WiIgZmlsbD0iIzZGMUQ0NSIvPgo8L3N2Zz4K") no-repeat left center;
    background-size: 32px 32px;
    padding: 5px 0;
    padding-left: 32px;
    margin: 6px 0;
    transition: all .3s;
}

.header__content_link.phone {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuNzIyNjUgMTEuNjI1QzguMTk3OTUgMTIuNDEwNyA4Ljk0NzAxIDEzLjM5MjEgMTAuMTE2MiAxNC40MzY2QzExLjE4MTIgMTUuMzg3OCAxMi4xMDY1IDE2LjA3NzkgMTIuODQyMiAxNi41NjcxQzEzLjg3NjUgMTcuMjU0OCAxNS4xNzkzIDE2Ljg0MDQgMTUuODE4NCAxNS43NzUzQzE2LjQxNjMgMTQuNzc4NyAxNy42MTk1IDE0LjI5ODkgMTguNjgyNSAxNC43Njg2QzE5LjgxMzIgMTUuMjY4MiAyMS4wNDU0IDE1Ljk2MzIgMjEuOTM5IDE2LjgxNjZDMjMuMTI4MSAxNy45NTIxIDIyLjUyMDkgMTkuNzA5NiAyMS4zNTgyIDIwLjg3MjJDMjAuNDg5MiAyMS43NDEzIDE5LjM0NDIgMjIuMzE5MiAxOC4xMjE5IDIyLjE5MTRDMTUuNDc0MSAyMS45MTQ1IDExLjM2NjcgMjAuNjM2OCA3LjY0MTM2IDE2LjkxMTRDMy45MTYgMTMuMTg2MSAyLjYzODM0IDkuMDc4NzEgMi4zNjE0MSA2LjQzMDkzQzIuMjMzNTYgNS4yMDg1NyAyLjgxMTUyIDQuMDYzNiAzLjY4MDU3IDMuMTk0NTVDNC44NDMyMiAyLjAzMTkgNi42MDA2NSAxLjQyNDY3IDcuNzM2MjMgMi42MTM3N0M4LjU0NjE0IDMuNDYxODQgOS4yMTM0MyA0LjYxNDk3IDkuNzA2MzcgNS42OTY3OUMxMC4yMzQ3IDYuODU2MjEgOS43MDcxMiA4LjE3NjY1IDguNjE0NTggOC44MzIxN0M3LjYwNTc2IDkuNDM3NDYgNy4xMTM2NyAxMC42MTg0IDcuNzIyNjUgMTEuNjI1WiIgc3Ryb2tlPSIjNkYxRDQ1Ii8+Cjwvc3ZnPgo=") no-repeat left center;
    background-size: 24px 24px;
}

.header__content_link.email {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMS41IiB5PSIxIiB3aWR0aD0iMjEiIGhlaWdodD0iMTMiIHJ4PSIwLjUiIHN0cm9rZT0iIzZGMUQ0NSIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMiAxLjVMMTIgOC41TDIyIDEuNSIgc3Ryb2tlPSIjNkYxRDQ1IiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat left center;
    background-size: 24px 14px;
}

.header__content_link.adress {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjMiIHZpZXdCb3g9IjAgMCAyNCAyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMTIiIHk9IjE3LjQyNzUiIHdpZHRoPSIxMC4wMDkxIiBoZWlnaHQ9IjEwLjAwOTEiIHJ4PSI1LjAwNDU1IiB0cmFuc2Zvcm09InJvdGF0ZSgtMTM1IDEyIDE3LjQyNzUpIiBzdHJva2U9IiM2RjFENDUiLz4KPHBhdGggZD0iTTEzLjAxNCAyMS4yNzg5QzEyLjQ1NCAyMS44Mzg5IDExLjU0NiAyMS44Mzg5IDEwLjk4NiAyMS4yNzg5TDYuMDI4NTYgMTYuMzIxNUMyLjczMDYzIDEzLjAyMzUgMi43MzA2MyA3LjY3NjUxIDYuMDI4NTYgNC4zNzg1OEM5LjMyNjUgMS4wODA2NSAxNC42NzM1IDEuMDgwNjUgMTcuOTcxNCA0LjM3ODU4QzIxLjI2OTQgNy42NzY1MSAyMS4yNjk0IDEzLjAyMzUgMTcuOTcxNCAxNi4zMjE1TDEzLjAxNCAyMS4yNzg5WiIgc3Ryb2tlPSIjNkYxRDQ1Ii8+Cjwvc3ZnPgo=") no-repeat left center;
    background-size: 24px 23px;
}

.header__content_link:hover, .header__navigation li a:hover, .header__language_item:not(.active):hover {
    color: #A53474;
}

.header__language {
    display: flex;
    align-items: center;
}

.header__language_item {
    display: block;
    font: 18px/22px "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    color: rgba(0, 0, 0, 0.3);
    padding: 0 7px;
    transition: all .3s;
}

.header__language_item:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.23);
}

.header__language_item.active {
    color: #000000;
}

.df-container.df-init {
    background: white url("../images/loading.svg") no-repeat 50% 35% !important;
    z-index: 1111;
}

.df-3dcanvas {
    top: 50px;
}

@media screen and (max-width: 767px) {

    .header {
        padding: 15px;
    }

    .header__logo {
        max-width: 120px;
    }

    .header__info .header__btn {
        display: none;
    }

    .header__language {
        margin-right: 32px;
    }

    .header__navigation_block {
        margin-top: 57px;
    }

    .df-3dcanvas {
        top: 40px;
    }
}

@media screen and (max-width: 480px) {

    .header__navigation_block {
        max-width: 100%;
        right: -100%;
    }

    .is-open .header__navigation_block {
        transform: translateX(-100%);
    }

    .header__navigation_block .header__btn {
        max-width: 100%;
    }
}