.cookie {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform 1.2s ease 0s;
    transition: -webkit-transform 1.2s ease 0s;
    transition: transform 1.2s ease 0s;
    transition: transform 1.2s ease 0s, -webkit-transform 1.2s ease 0s
}

.cookie.is-show {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.cookie-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 32px
}

.cookie .df-range__from input, .cookie .df-range__to input, .cookie .df-text-input-14px, .cookie .footer__link, .cookie .header-top__link, .cookie .main-nav__link, .cookie .support-service-m__text, .cookie .support-service__dd-mail, .cookie .support-service__phone, .cookie .support-service__text, .cookie body .df-search .option, .cookie body .df-select-bordered .option, .cookie body .df-select .option, .df-range__from .cookie input, .df-range__to .cookie input, body .df-search .cookie .option, body .df-select-bordered .cookie .option, body .df-select .cookie .option {
    color: #666
}

.cookie-more {
    color: #b7b7b7;
    text-decoration: none;
}

.cookie-agree {
    text-decoration: none;
    color: white;
    background-color: #002c5f;
}

.cookie-more, .cookie-more:hover {
    background-color: transparent
}

.cookie-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cookie-buttons a {
    display: inline-block;
    padding: 7px 50px;
    margin-left: 20px;
    text-align: center;
}

.cookie-mobile {
    display: none
}

.cookie-popup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookie-popup .df-popup__wrap {
    max-width: 800px;
    background-color: #fff;
    padding: 30px 30px 30px 50px;
    margin: 56px;
    max-height: calc(100vh - 50px);
    height: auto;
    min-height: 1px;
    position: relative;
    width: 100%
}

/*
@media all and (max-height: 700px) {
    .cookie-popup .df-popup__wrap {
        overflow-y: scroll;
    }
}*/

.cookie-popup .df-popup__center {
    position: static
}

.cookie-popup__title {
    font-size: 30px;
    line-height: 36px;
    color: #000;
    text-align: center;
    margin-bottom: 25px
}

.cookie-popup__info {
    font-size: 14px;
    line-height: 18px;
    color: #000;
    position: relative;
    width: 100%;
    padding-right: 25px;
    margin-bottom: 32px;
    /*max-height: calc(100vh - 112px - 2 * 30px - 36px - 25px - 32px - 48px)*/
}

.cookie-popup__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.cookie-popup__buttons .df-button {
    width: calc(50% - 16px);
    padding: 12px 50px;
    min-height: 48px;
    text-align: center;
}

.cookie-popup__buttons .df-button--wh {
    background-color: transparent;
    color: #666;
    border: 2px solid #e4dcd3;
    padding: 10px 50px
}

.cookie-popup__buttons .df-button--wh:hover {
    background-color: transparent
}

@media (max-width: 1262px) {
    .cookie-popup .df-popup__wrap {
        margin: 40px
    }

    .cookie-desktop {
        max-width: 60%
    }

    .cookie-inner {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (max-width: 900px) {
    .cookie-buttons a {
        padding: 7px 15px;
        margin-left: 10px
    }

    .cookie-desktop {
        max-width: 65%
    }

    .cookie-popup .df-popup__wrap {
        max-height: calc(100vh - 64px);
        padding: 30px 20px 30px 40px;
        margin: 32px;
    }

    .cookie-popup__info {
        max-height: calc(100vh - 64px - 2 * 30px - 36px - 25px - 32px - 48px);
        overflow-y: scroll;
    }
}

@media (max-width: 767px) {
    .cookie-popup .df-popup__wrap {
        margin: 16px
    }

    .cookie-inner {
        padding: 21px 16px
    }

    .cookie-mobile {
        display: block
    }

    .cookie-desktop {
        display: none
    }
}

@media (max-width: 640px) {
    .cookie-popup .df-popup__wrap {
        padding: 48px
    }

    .cookie-popup__title {
        margin-bottom: 16px
    }

    .cookie-mobile {
        width: 100%;
        margin-bottom: 13px
    }

    .cookie-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cookie-buttons {
        width: 100%
    }

    .cookie-buttons a {
        padding: 5px 20px
    }

    .cookie-buttons a.cookie-more {
        border: 2px solid #e4dcd3;
    }

    .cookie-popup__buttons .df-button {
        width: 210px
    }
}

@media (max-width: 480px) {
    .cookie-buttons {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .cookie-buttons a {
        margin-left: 0;
        width: calc(50% - 8px)
    }

    .cookie-popup__buttons .df-button {
        width: 100%
    }

    .cookie-popup__title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px
    }

    .cookie-popup .df-popup__wrap {
        max-height: calc(100vh - 64px);
        padding: 48px 16px 20px
    }

    .cookie-popup__info {
        max-height: calc((100vh - 64px) - 48px - 20px - 24px - 10px - 32px - 48px)
    }
}


.df-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .8);
    z-index: 1000;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.df-popup__wrap {

}

.df-popup__center {
    position: relative
}

.df-popup__close {
    position: absolute;
    display: block;
    padding: 10px;
    top: 7px;
    right: 7px;
    z-index: 10
}

.df-popup__close svg {
    display: block;
    width: 16px;
    height: 16px;
    fill: #666;
    -webkit-transition: .3s;
    transition: .3s
}

.df-popup__close:hover svg {
    fill: #b7b7b7
}

.popup-enter-active {
    overflow: hidden;
    -webkit-animation: enter-popup .3s;
    animation: enter-popup .3s
}

.popup-enter-active .df-popup__center {
    -webkit-animation: enter-center .3s;
    animation: enter-center .3s
}

.popup-leave-active {
    animation: enter-popup .3s reverse
}

.popup-leave-active .df-popup__center {
    animation: enter-center .3s reverse
}

@-webkit-keyframes enter-popup {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes enter-popup {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes enter-center {
    0% {
        -webkit-transform: translateY(50px) scale(.95);
        transform: translateY(50px) scale(.95)
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}

@keyframes enter-center {
    0% {
        -webkit-transform: translateY(50px) scale(.95);
        transform: translateY(50px) scale(.95)
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }
}