/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.list-num ol, .list-num ul {
    list-style-type: decimal;
    margin: 5px 0 5px 18px;
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-invisible-blank-slide {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

    .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-transition-property: height,-webkit-transform;
        transition-property: height,-webkit-transform;
        -o-transition-property: transform,height;
        transition-property: transform,height;
        transition-property: transform,height,-webkit-transform
    }

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

    .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
        background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10
}

    .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
    }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33);
        position: relative
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
        -webkit-transform: scale(.66);
        -ms-transform: scale(.66);
        transform: scale(.66)
    }

    .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
        -webkit-transform: scale(.33);
        -ms-transform: scale(.33);
        transform: scale(.33)
    }

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

    .swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 6px 0;
        display: block
    }

    .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 8px
    }

        .swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
            display: inline-block;
            -webkit-transition: .2s top,.2s -webkit-transform;
            transition: .2s top,.2s -webkit-transform;
            -o-transition: .2s transform,.2s top;
            transition: .2s transform,.2s top;
            transition: .2s transform,.2s top,.2s -webkit-transform
        }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

    .swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
        -webkit-transition: .2s left,.2s -webkit-transform;
        transition: .2s left,.2s -webkit-transform;
        -o-transition: .2s transform,.2s left;
        transition: .2s transform,.2s left;
        transition: .2s transform,.2s left,.2s -webkit-transform
    }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right,.2s -webkit-transform;
    transition: .2s right,.2s -webkit-transform;
    -o-transition: .2s transform,.2s right;
    transition: .2s transform,.2s right;
    transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

    .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top
    }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

    .swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
    }

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255,255,255,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
        background: #fff
    }

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0,0,0,.25)
}

    .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
        background: #000
    }

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

    .swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
        max-width: 100%;
        max-height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
    animation: swiper-preloader-spin 1s steps(12,end) infinite
}

    .swiper-lazy-preloader:after {
        display: block;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        background-size: 100%;
        background-repeat: no-repeat
    }

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

    .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
    }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

    .swiper-container-cube .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1;
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
    }

        .swiper-container-cube .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
        pointer-events: auto;
        visibility: visible
    }

    .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

    .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
    }

.swiper-container-flip {
    overflow: visible
}

    .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
    }

        .swiper-container-flip .swiper-slide .swiper-slide {
            pointer-events: none
        }

    .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
    }

    .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

@charset "UTF-8";

@font-face {
    font-family: 'P22UndergroundCYPro';
    src: url("../fonts/P22UndergroundCYPro-Light.eot");
    src: local("\263A"), url("../fonts/P22UndergroundCYPro-Light.woff") format("woff"), url("../fonts/P22UndergroundCYPro-Light.ttf") format("truetype"), url("../fonts/P22UndergroundCYPro-Light.svg") format("svg");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'P22UndergroundCYPro';
    src: url("../fonts/P22UndergroundCYPro-Demi.eot");
    src: local("\263A"), url("../fonts/P22UndergroundCYPro-Demi.woff") format("woff"), url("../fonts/P22UndergroundCYPro-Demi.ttf") format("truetype"), url("../fonts/P22UndergroundCYPro-Demi.svg") format("svg");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'P22UndergroundCYPro';
    src: url("../fonts/P22UndergroundCYPro-Heavy.eot");
    src: local("\263A"), url("../fonts/P22UndergroundCYPro-Heavy.woff") format("woff"), url("../fonts/P22UndergroundCYPro-Heavy.ttf") format("truetype"), url("../fonts/P22UndergroundCYPro-Heavy.svg") format("svg");
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'MinionPro';
    src: url("../fonts/MinionPro-It.eot");
    src: local("\263A"), url("../fonts/MinionPro-It.woff") format("woff"), url("../fonts/MinionPro-It.ttf") format("truetype"), url("../fonts/MinionPro-It.svg") format("svg");
    font-weight: 400;
    font-style: italic;
}

html {
    box-sizing: border-box;
    font-family: "P22UndergroundCYPro", sans-serif;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

body {
    margin: 0;
    font-family: "P22UndergroundCYPro", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.45em;
    background-color: #EDEBE9;
    color: #4E5258;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 16px;
    font-weight: normal;
    margin: 0;
}

p,
blockquote,
figure {
    margin: 0;
}

ol, ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.webinar-body ul{
    list-style-type: disc;
    padding-left: 2em;
}

b, strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

a {
    color: inherit;
    text-decoration: none;
    background-color: transparent;
}

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
}

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
    outline: none;
    touch-action: manipulation;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: left;
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
}

    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="reset"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        padding: 0;
    }

textarea {
    overflow: auto;
    resize: none;
}

iframe {
    border: 0;
}

::-webkit-file-upload-button {
    font: inherit;
}

[hidden] {
    display: none !important;
}

.wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow: hidden;
}

.main {
    position: relative;
    flex: 1 0 auto;
}

.main--404 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.svg-icon {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.text {
    line-height: 1.45;
}

    .text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
        margin: 1.414em 0 .5em;
        font-weight: 700;
        line-height: 1.2;
    }

        .text h1:first-child, .text h2:first-child, .text h3:first-child, .text h4:first-child, .text h5:first-child, .text h6:first-child {
            margin-top: 0;
        }

    .text h1 {
        font-size: 1.602em;
    }

    .text h2 {
        font-size: 1.424em;
    }

    .text h3 {
        font-size: 1.266em;
    }

    .text h4 {
        font-size: 1.125em;
    }

    .text h5 {
        font-size: 1em;
    }

    .text h6 {
        font-size: 1em;
    }

    .text small {
        font-size: 0.889em;
    }

    .text p:not(:last-child) {
        margin-bottom: 1em;
    }

    .text img {
        max-width: 100%;
        margin-top: 1.33em;
    }

        .text img:not(:last-child) {
            margin-bottom: 1.33em;
        }

@media (min-width: 1064px) {
    .text img {
        margin-top: 3.33em;
    }

        .text img:not(:last-child) {
            margin-bottom: 3.33em;
        }
        .gallery img {
            margin: 1.33em 0 1.33em;
        }
}

.text a {
    color: #8c6f6e;
    border-bottom: 1px solid #8c6f6e;
    transition: color .2s, border-bottom-color .2s;
}

.text a:hover {
        color: #8c6f6ee6;
        border-bottom-color: #8c6f6ee6;
    }

.block-head__content .text a {
    color: #ebdfd2;
    border-bottom: 1px solid #ebdfd2;
    transition: color .2s, border-bottom-color .2s;
}

.block-head__content .text a:hover {
    color: #ebdfd2e6;
    border-bottom-color: #ebdfd2e6;
}

.text ul:not(:last-child) {
    margin-bottom: 1.3em;
}

.text ul li {
    position: relative;
    padding-left: 20px;
    line-height: 1.2;
}

    .text ul li:not(:last-child) {
        margin-bottom: .5em;
    }

    .text ul li::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto 0;
        width: 4px;
        height: 4px;
        border-radius: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }

.text ol {
    list-style: decimal;
    padding-left: 28px;
    line-height: 1.2;
}

    .text ol:not(:last-child) {
        margin-bottom: 1.3em;
    }

    .text ol li:not(:last-child) {
        margin-bottom: .5em;
    }

.container {
    padding: 0 15px;
}

@media (min-width: 1280px) {
    .container {
        padding: 0 40px;
    }
}

.page-natal__content{
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.page-natal__content p:not(:last-child) {
    margin-bottom: 1em;
}

.grid {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0 0 -30px;
    /*
  &--natal-planets {
    margin: -5px 0 0 -5px;
  }
  */
    /*
  &--form {
    margin: -20px 0 0 -40px;
  }
  */
    /*
  &--ai-end {
    align-items: flex-end;
  }
  */
}

.grid--mr-5 {
    margin: -5px 0 0 -5px;
}

.grid--mr-20 {
    margin: -20px 0 0 -20px;
}

.grid--mr-20-40 {
    margin: -20px 0 0 -40px;
}

.grid--mr-70-50 {
    margin: -70px 0 0 -50px;
}

@media (min-width: 1064px) {
    .grid--m-mr-30 {
        margin: -30px 0 0 -30px;
    }

    .grid--m-mr-40 {
        margin: -40px 0 0 -40px;
    }

    .grid--m-mr-40-5 {
        margin: -40px 0 0 -5px;
    }
}

.grid__c {
    width: 100%;
    padding: 30px 0 0 30px;
    /*
  &--natal-planets {
    padding: 5px 0 0 5px;
  }
  */
    /*
  &--form {
    padding: 20px 0 0 40px;
  }
  */
}

.grid__c--ai-fe {
    align-self: flex-end;
}

.grid__c--pd-5 {
    padding: 5px 0 0 5px;
}

.grid__c--pd-20 {
    padding: 20px 0 0 20px;
}

.grid__c--pd-20-40 {
    padding: 20px 0 0 40px;
}

@media (min-width: 1064px) {
    .grid__c--m-pd-30 {
        padding: 30px 0 0 30px;
    }

    .grid__c--m-pd-40 {
        padding: 40px 0 0 40px;
    }

    .grid__c--m-pd-40-5 {
        padding: 40px 0 0 5px;
    }

    .grid__c--m-pd-70-50 {
        padding: 70px 0 0 50px;
    }
}

.grid__c--1-2 {
    width: 50%;
}

.grid__c--1-3 {
    width: 33.3333%;
}

.grid__c--2-3 {
    width: 66.6666%;
}

.grid__c--1-4 {
    width: 25%;
}

.grid__c--1-5 {
    width: 20%;
}

.grid__c--3-5 {
    width: 60%;
}

.grid__c--1-10 {
    width: 10%;
}

.grid__c--2-10 {
    width: 20%;
}

.grid__c--6-10 {
    width: 60%;
}

.grid__c--7-10 {
    width: 70%;
}

.grid__c--4-20 {
    width: 20%;
}

.grid__c--5-20 {
    width: 25%;
}

.grid__c--11-20 {
    width: 55%;
}

@media (min-width: 568px) {
    .grid__c--xs-1-2 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .grid__c--s-1-2 {
        width: 50%;
    }

    .grid__c--s-1-3 {
        width: 33%;
    }

    .grid__c--s-1-3:last-child {
        width: 34%;
    }

    .grid__c--s-1-4 {
        width: 25%;
    }

    .grid__c--s-2-4 {
        width: 50%;
    }

    .grid__c--s-3-4 {
        width: 75%;
    }
}

@media (min-width: 1064px) {
    .grid__c--m-1-2 {
        width: 50%;
    }

    .grid__c--m-1-3 {
        width: 33.3333%;
    }

    .grid__c--m-2-3 {
        width: 66.6666%;
    }

    .grid__c--m-1-4 {
        width: 25%;
    }

    .grid__c--m-1-5 {
        width: 20%;
    }

    .grid__c--m-2-5 {
        width: 40%;
    }

    .grid__c--m-3-5 {
        width: 60%;
    }

    .grid__c--m-1-6 {
        width: 16.6666%;
    }

    .grid__c--m-1-10 {
        width: 10%;
    }
}

@media (min-width: 1280px) {
    .grid__c--l-order-1 {
        order: 1;
    }

    .grid__c--l-order-2 {
        order: 2;
    }

    .grid__c--l-order-3 {
        order: 3;
    }

    .grid__c--l-order-4 {
        order: 4;
    }

    .grid__c--l-1-2 {
        width: 50%;
    }

    .grid__c--l-1-3 {
        width: 33.3333%;
    }

    .grid__c--l-2-3 {
        width: 66.6666%;
    }

    .grid__c--l-1-4 {
        width: 25%;
    }

    .grid__c--l-1-6 {
        width: 16.6666%;
    }

    .grid__c--l-2-6 {
        width: 33.3333%;
    }

    .grid__c--l-2-10 {
        width: 20%;
    }

    .grid__c--l-3-10 {
        width: 30%;
    }

    .grid__c--l-7-10 {
        width: 75%;
    }

    .grid__c--l-full {
        width: 100%;
    }
}

@media (min-width: 1650px) {
    .grid__27 {
        margin-top: 10px;
        width: 27%;
    }
}

.width-review-form{
    width: 100%;
}

@media (min-width: 1366px) {
    .grid__c--2l-full {
        width: 100%;
    }

    .width-review-form {
        width: 50%;
    }
}


@media (min-width: 1440px) {
    .grid__c--xl-1-2 {
        width: 50%;
    }

    .grid__c--xl-1-10 {
        width: 10%;
    }

    .grid__c--xl-2-10 {
        width: 20%;
    }
}

@media (min-width: 1600px) {
    .grid__c--xxl-1-2 {
        width: 50%;
    }

    .grid__c--xxl-1-3 {
        width: 33.3333%;
    }

    .grid__c--xxl-1-5 {
        width: 20%;
    }
}

.btn {
    position: relative;
    display: inline-block;
    min-width: 180px;
    padding: 12px 20px 10px 20px;
    font-size: 12px;
    font-weight: 900;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #4E5258;
    border-radius: 100px;
    background-color: transparent;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    transition: background-color .2s, color .2s;
    color: #4E5258;
}

    .btn:hover {
        background-color: #4E5258;
        color: #FFF;
    }

.btn--light {
    border: 2px solid #FFF;
    color: #FFF;
}

    .btn--light:hover {
        color: #4E5258;
        background-color: #FFF;
    }

.btn--fill {
    color: #4E5258;
    border: 2px solid transparent;
    background-color: #FFF;
}

    .btn--fill:hover {
        border: 2px solid #FFF;
        background-color: transparent;
        color: #FFF;
    }

.btn--main {
    padding: 15px 20px 11px 20px;
    border: none;
    background: linear-gradient(to top right, #C07989 0%, #986682 50%, #6A507B 100%);
    color: #FFF;
}

    .btn--main:hover {
        background: linear-gradient(to bottom left, #C07989 0%, #986682 50%, #6A507B 100%);
    }

.btn--gold {
    padding: 15px 20px 11px 20px;
    border: none;
    background: linear-gradient(to top right, #ffd84e 0%, #b99365 50%, #9c713d 100%);
    color: #FFF;
}

    .btn--gold:hover {
        background: linear-gradient(to bottom left, #ffd84e 0%, #b99365 50%, #9c713d 100%);
    }

.btn--main-2 {
    padding: 15px 20px 11px 20px;
    border: none;
    background: linear-gradient(to top right, #DBBD97 0%, #D0B5A2 100%);
    color: #FFF;
}

    .btn--main-2:hover {
        background: linear-gradient(to bottom left, #DBBD97 0%, #D0B5A2 100%);
    }

@media (max-width: 767px) {
    .btn--mobile-full {
        width: 100%;
    }
}

/*
.form {
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: $c-form-bg;
  color: $c-text;

  &--login {
    margin: 0 auto;
    width: 500px;
    max-width: 100%;
    background-color: #FFF;
  }
}

.form__title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.form__submit {
  align-self: center;
  margin-top: 20px;

  &--mt-40 {
    margin-top: 40px;
  }
}

.form__row {
  margin-top: 20px;

  &--mt-40 {
    margin-top: 40px;
  }

  &--login-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

.form__link-register {
  margin-left: 40px;
}
*/
.form {
    display: flex;
    flex-direction: column;
    padding: 15px;
    color: #4E5258;
}

.form--bg {
    background-color: #EBDFD2;
}

.form--light {
    background-color: #FFF;
}

.form--login {
    width: 450px;
    max-width: 100%;
    margin: auto;
    background-color: #FFF;
}

.form--lp-bottom, .form--lp {
    background-color: #FFF;
}

@media (min-width: 768px) {
    .form--lp-bottom{
        background: white;
        padding-right: 0;
    }

    .form--lp {
        background: linear-gradient(to right, #FFFFFF 50%, transparent 100%);
        padding-right: 20%;
    }
}

@media (min-width: 1064px) {
    .form {
        padding: 20px;
    }

    .form--lp-bottom, .form--lp {
        position: relative;
        padding: 40px 20% 40px 20px;
        box-shadow: 0 0 60px rgba(0, 0, 0, 0.1);
    }

    .form--lp-bottom{
        padding: 40px 20px 40px 20px;
    }

    .form--lp-bottom:before, .form--lp:before {
        content: '';
        position: absolute;
        top: 0;
        left: -10%;
        width: 20%;
        height: 100%;
        border-radius: 100%;
        background: linear-gradient(to right, #FFFFFF 50%, transparent 0);
        box-shadow: -20px 0 30px rgba(0, 0, 0, 0.1);
    }

    .form--lp-bottom:after {
        content: '';
        position: absolute;
        top: 0;
        right: -10%;
        width: 20%;
        height: 100%;
        border-radius: 100%;
        background: linear-gradient(to left, #FFFFFF 50%, transparent 0);
    }
}

.lp-head__form .form__row {
    z-index: 1;
}

.learning-head__form .form__row{
    z-index: 1;
    margin-top: 5px;
}

.lp-modal-form .form__row {
    margin-top: 5px;
}

.form__inner {
    margin: auto;
}

.form__inner--800 {
    width: 800px;
    max-width: 100%;
}

.form__title {
    z-index: 1;
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.form__title span {
    color: #6A507B
}

.form__title a {
    word-break: break-word;
}

.form__title--s {
    font-size: 15px;
}

.form__title--mt-20 {
    margin-top: 20px;
}

.form__title--mrt-40px {
    margin-top: 40px;
}

.form__title--center {
    text-align: center;
}

.form__row {
    z-index: 1;
    margin-top: 20px;
}

.form__row--login-links .link:not(:first-child) {
    margin-left: 20px;
}

@media (min-width: 768px) {
    .form__row--login-links {
        display: flex;
        justify-content: space-between;
    }

        .form__row--login-links .link:not(:first-child) {
            margin-left: 40px;
        }
}

.form__submit {
    display: block;
    margin-top: 20px;
}

.form__submit--mt-40 {
    margin-top: 40px;
}

.form__submit--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.tab {
    position: relative;
    margin: 0 -15px;
    color: #FFF;
}

.tab--light .tab__item {
    color: #FFF;
}

    .tab--light .tab__item.is-active {
        color: #4E5258;
        background-color: #FFF;
    }

        .tab--light .tab__item.is-active:before {
            border-top: 5px solid #FFF;
        }

        .tab--light .tab__item.is-active:after {
            border-top: 1px solid #EDEBE9;
        }

.tab--light .tab__content {
    color: #4E5258;
    background-color: #FFF;
}

@media (min-width: 1064px) {
    .tab {
        margin: 0;
    }
}

.tab__items {
    display: flex;
    flex-direction: column;
}

.tab__items .new-feature {

    margin-left: 20px;
}

    .tab__items.is-active .tab__item {
        display: inline-flex;
    }

    .tab__items.is-active .tab__btn .icon {
        transform: rotate(0);
    }

@media (min-width: 768px) {
    .tab__items {
        flex-direction: row;
    }

    .tab__items--s-tabs-3 .tab__item {
        width: 33.3333%;
    }

        .tab__items--s-tabs-3 .tab__item.is-active {
            width: 33.3333%;
        }

    .tab__items--s-tabs-5 .tab__item {
        width: 20%;
    }

        .tab__items--s-tabs-5 .tab__item.is-active {
            width: 20%;
        }
}

.planet__item{
    cursor: pointer;
}

.planet__item:hover{
    opacity: .9;
}

.js-toggle-btn{
    cursor: pointer;
}

.planet__message{
    cursor: pointer;
}

.page-natal__content{
    width: 100%;
}

.tab__item {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    min-height: 60px;
    padding: 10px 15px 5px 15px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    background-color: #6A507B;
    user-select: none;
    cursor: pointer;
}

    .tab__item:hover {
        opacity: .8;
    }

.tab__item--lg {
    justify-content: flex-start;
    align-items: stretch;
    text-align: left;
}

.tab__item .icons__item:first-child {
    margin-right: -6px;
}

.tab__item .icons__item:last-child {
    margin-left: -6px;
}

    .tab__item .icons__item:last-child .icon {
        opacity: .8;
    }

.tab__item .icons__item .icon {
    width: 36px;
    height: 36px;
    margin: 0;
    background-color: #FFF;
    color: #4E5258;
    border-radius: 100%;
}

    .tab__item .icons__item .icon .icon__inner {
        width: 20px;
        height: 20px;
    }

.tab__item.is-active {
    order: -1;
    display: inline-flex;
    width: calc(100% - 60px);
    background-color: #C7A378;
    cursor: default;
}

    .tab__item.is-active:after {
        position: absolute;
        content: '';
        left: 20px;
        top: 100%;
        width: calc(100% - 40px);
        border-top: 1px solid #FFF;
    }

    .tab__item.is-active .icons__item .icon {
        background-color: #4E5258;
        color: #FFF;
    }

@media (min-width: 768px) {
    .tab__item {
        display: inline-flex;
        justify-content: center;
        width: 25%;
        padding: 20px 20px 15px 20px;
    }

    .tab__item--lg {
        justify-content: flex-start;
        text-align: left;
    }

    .tab__item.is-active {
        order: 0;
        width: 25%;
        background-color: #C7A378;
        cursor: default;
    }

        .tab__item.is-active:before {
            position: absolute;
            content: '';
            left: 0;
            bottom: 100%;
            width: 100%;
            border-top: 5px solid #C7A378;
        }

        .tab__item.is-active:hover {
            opacity: 1;
        }
}

.tab__btn {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
}

    .tab__btn .icon {
        width: 60px;
        height: 60px;
        background-color: #6A507B;
        color: #FFF;
        transform: rotate(270deg);
    }

        .tab__btn .icon .icon__inner {
            width: 20px;
            height: 15px;
        }

@media (min-width: 768px) {
    .tab__btn {
        display: none;
    }
}

.tab__content {
    padding: 15px;
    background-color: #C7A378;
}

@media (min-width: 768px) {
    .tab__content {
        padding: 20px;
    }
}

.tab__container {
    display: none;
}

    .tab__container.is-active {
        display: block;
    }

.planet__container {
    display: none;
}

.planet__container.is-active {
    display: block;
}

.independed .tab__content {
    padding: 0;
    background-color: transparent;
}

.planet__container{
    color: #4E5258;
}

.independed .tab-header {
    padding: 15px;
    background-color: #C7A378;
}

@media (min-width: 768px){
    .independed .tab-header {
        padding: 20px;
    }
}

@media (min-width: 1064px) and (max-width: 1439px) {
    .main__content--show-sidebar .tab__items--m-tabs-5-sidebar {
        flex-direction: column;
    }

        .main__content--show-sidebar .tab__items--m-tabs-5-sidebar.is-active .tab__item {
            display: inline-flex;
        }

        .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab__item {
            display: none;
            width: 100%;
            min-height: 60px;
            padding: 10px 15px 5px 15px;
        }

            .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab__item.is-active {
                display: inline-flex;
            }

                .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab__item.is-active:before {
                    content: none;
                }

        .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab__btn {
            display: block;
        }
}

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

.tab-item__icon {
    position: absolute;
    top: 20px;
    right: 20px;
    display: none;
}

    .tab-item__icon .icon {
        width: 20px;
        height: 20px;
    }

@media (min-width: 768px) {
    .tab-item__icon {
        display: block;
    }
}

@media (min-width: 1064px) {
    .tab-item__icon .icon {
        width: 30px;
        height: 30px;
    }
}

.tab-item__title {
    margin-right: 60px;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

@media (min-width: 1064px) {
    .tab-item__title {
        font-size: 15px;
    }
}

.tab-item__subtitle {
    display: none;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
    text-transform: none;
}

@media (min-width: 768px) {
    .tab-item__subtitle {
        display: block;
    }
}

.tab-item__caption {
    display: none;
    margin-top: 10px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 1em;
    font-style: italic;
    text-transform: none;
}

@media (min-width: 768px) {
    .tab-item__caption {
        display: block;
    }
}

@media (min-width: 1064px) and (max-width: 1439px) {
    .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab-item__icon {
        display: none;
    }

    .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab-item__subtitle {
        display: none;
    }

    .main__content--show-sidebar .tab__items--m-tabs-5-sidebar .tab-item__caption {
        display: none;
    }
}

.field-checkbox--reverse .field-checkbox__input {
    display: none;
}

    .field-checkbox--reverse .field-checkbox__input:checked + .field-checkbox__label:after {
        background-color: #6A507B;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAQAAABq86Y9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRoOGCb/ZPUNAAAAAW9yTlQBz6J3mgAAAERJREFUCNdlzbERgDAMQ1Exhb1FJmQ2Wi51UnoPuk8X7OBO73TyoXKYLj0bEcD4U2DipmOFJCYQtESrQaJtq3x1TvzLLxETQw6uJNJNAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTI2VDExOjI0OjM4KzAzOjAwJB/aEwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yNlQxMToyNDozOCswMzowMFVCYq8AAAAASUVORK5CYII=");
        background-size: cover;
    }

    .field-checkbox--reverse .field-checkbox__input:checked + .field-checkbox__label.disabled-checkbox:after {
        background-color: #edebe9;
    }

.field-checkbox--reverse .field-checkbox__label {
    display: flex;
    align-items: center;
    font-size: 12px;
}

    .field-checkbox--reverse .field-checkbox__label:before {
        content: none;
    }

    .field-checkbox--reverse .field-checkbox__label:after {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 15px;
        height: 15px;
        margin-left: 20px;
        border: 1px solid #6A507B;
        background-color: #FFF;
        cursor: pointer;
        margin-bottom: 3px;
    }

    .field-checkbox--reverse .field-checkbox__label.disabled-checkbox {
        cursor: default;
    }

    .field-checkbox--reverse .field-checkbox__label.disabled-checkbox:after {
        background-color: #edebe9;
        cursor: default;
    }

.field-checkbox__label.title-label {
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 15px;
}

.field-checkbox__input {
    display: none;
}

    .field-checkbox__input:checked + .field-checkbox__label:before {
        background-color: #6A507B;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAQAAABq86Y9AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAHdElNRQfiCRoOGCb/ZPUNAAAAAW9yTlQBz6J3mgAAAERJREFUCNdlzbERgDAMQ1Exhb1FJmQ2Wi51UnoPuk8X7OBO73TyoXKYLj0bEcD4U2DipmOFJCYQtESrQaJtq3x1TvzLLxETQw6uJNJNAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE4LTA5LTI2VDExOjI0OjM4KzAzOjAwJB/aEwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOC0wOS0yNlQxMToyNDozOCswMzowMFVCYq8AAAAASUVORK5CYII=");
        background-size: cover;
    }

.field-checkbox__label {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.3em;
    cursor: pointer;
}

    .field-checkbox__label:before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 15px;
        height: 15px;
        margin-right: 20px;
        border: 1px solid #6A507B;
        background-color: #FFF;
        cursor: pointer;
        margin-bottom: 3px;
    }

/*.field-radio {
  display: block;
  color: $c-main;

  &--dark {
    & .field-radio__label {
      background-color: $c-bg;
    }
  }
}

.field-radio__input {
  display: none;

  &:checked + {
    & .field-radio__label {
      color: #FFF;
      background-color: $c-main;
    }
  }
}

.field-radio__label {
  display: block;
  height: 35px;
  padding: 13px 0 7px 0;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
  text-transform: uppercase;
  background-color: #FFF;
  cursor: pointer;
}
*/
.field-radio--reverse .field-radio__input {
    display: none;
}

    .field-radio--reverse .field-radio__input:checked + .field-radio__label:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAjFJREFUKJF1kk9IVGEUxX/3vXlvRi1SjDBCDCvK0LLaR6D0B6HRRbgIYyitnJRctLCp4LUZWgiVkroIk6ZFrZoKkQyihctKDCMSkjKCFoEmifqeb26LN4bKdFb3u5zznXvP9wnr0BpNNAM1CJUCOxS+oEyo8qr/eXJgNVdWiksNV4s1YzxCOL7+whWo6hDLmaa+oVsz/8StdZ1FhMxxEUqBWVVui8Frc9H64Ee8fajWKnQIsklVp0OuXdUz7MyFAMQyHwClKE9N14r1DDtzqwxHgdFzx5zucMS7LyINy7bbB5yWePRaI8JjVb7/WViqKM7fYLm4l4F6kGpFvwoM9qaTN5uOXinYmB/+CJQpmQZDhfMAGNxIjXTNu7gdIA5IdbCXbAdx4vUJJzXSNQ/qZPttBmg5gKLvshnG/pNXFMAXcyxIT8oNVLYAZKZ/fc6SynJrg0k8f2kqOGqJIaKTAOa2zRVZ1reczwTjADbhndnWJ0NVxgDUkP1Z2mBOXzQdVP4BAFXem4d2H/4haIvAnsqtNQMFEfOtj7+kSJFASTCJ3u1NJ532E+1hQuGUQrGq2SIA8WiiH5ELqjxZ+G3FBt84i+udY0ecSF6h91DglKre63uWbAsB2GJ3urh1ItKYV+gdbI1ej/sZb3ImkvezaHGhJCTWXjW8boFdqjottt0ZrJJF8EWNlIjU5U4bUF7YYp25k3Zm14hXcPFk4qxhSK2iVaiUIzqFMiHCy950ck2YfwHBw9JpLgFFxwAAAABJRU5ErkJggg==);
    }

.field-radio--reverse .field-radio__label {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
}

    .field-radio--reverse .field-radio__label:before {
        content: none;
    }

    .field-radio--reverse .field-radio__label:after {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 15px;
        height: 15px;
        margin-left: 20px;
        border: 1px solid #6A507B;
        background-color: #FFF;
        cursor: pointer;
        margin-bottom: 3px;
    }

.field-radio__input {
    display: none;
}

    .field-radio__input:checked + .field-radio__label:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAjFJREFUKJF1kk9IVGEUxX/3vXlvRi1SjDBCDCvK0LLaR6D0B6HRRbgIYyitnJRctLCp4LUZWgiVkroIk6ZFrZoKkQyihctKDCMSkjKCFoEmifqeb26LN4bKdFb3u5zznXvP9wnr0BpNNAM1CJUCOxS+oEyo8qr/eXJgNVdWiksNV4s1YzxCOL7+whWo6hDLmaa+oVsz/8StdZ1FhMxxEUqBWVVui8Frc9H64Ee8fajWKnQIsklVp0OuXdUz7MyFAMQyHwClKE9N14r1DDtzqwxHgdFzx5zucMS7LyINy7bbB5yWePRaI8JjVb7/WViqKM7fYLm4l4F6kGpFvwoM9qaTN5uOXinYmB/+CJQpmQZDhfMAGNxIjXTNu7gdIA5IdbCXbAdx4vUJJzXSNQ/qZPttBmg5gKLvshnG/pNXFMAXcyxIT8oNVLYAZKZ/fc6SynJrg0k8f2kqOGqJIaKTAOa2zRVZ1reczwTjADbhndnWJ0NVxgDUkP1Z2mBOXzQdVP4BAFXem4d2H/4haIvAnsqtNQMFEfOtj7+kSJFASTCJ3u1NJ532E+1hQuGUQrGq2SIA8WiiH5ELqjxZ+G3FBt84i+udY0ecSF6h91DglKre63uWbAsB2GJ3urh1ItKYV+gdbI1ej/sZb3ImkvezaHGhJCTWXjW8boFdqjottt0ZrJJF8EWNlIjU5U4bUF7YYp25k3Zm14hXcPFk4qxhSK2iVaiUIzqFMiHCy950ck2YfwHBw9JpLgFFxwAAAABJRU5ErkJggg==);
    }

.field-radio__label {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.3em;
    font-style: normal;
    cursor: pointer;
}

.field__label {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    line-height: 1.3em;
    font-style: normal;
    cursor: pointer;
}

    .field-radio__label:before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 15px;
        height: 15px;
        margin-right: 10px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABHNCSVQICAgIfAhkiAAAAelJREFUKJGNkk9IlHEQhp/5fbvfrv2hpAglJNgSMrSoQ7dIUCpZSDx5CEMqIi2hQ8FmBd8l6RAUCquHsMAO3RJLpIII8mpWGKGQhEF0EBQp1F33eztsG5ug+J4GZp6Zd4YxVqmtsfMCUIdRbbBX8BUxIfG6b6irv7jWCsHlphs7FLonGKdWNyxI0jArYUvv8N25f3BbMlVKxPtoRgUwL3HfHG+8peinXDx7EKlecNWwbZJmIhm/pmckWIgAWNR7BFQgnnmZaGvPSLBQNHAUGD1/MuiOxbMPzaxpxc/0AmesvfFmM8ZTie+/FperBl7d+72W7ZYT1zZv3RT7DOwRYZOTcREAx+31QIB8XkF+X7viQAkAobH1wIJy5o3nr2cJh2wXQDgzO7kROJtbngbAVObMNAXg7d5ZtRHYJ7bvb/jFSTYOIGeHNgJD7jCAxHsXirQkmZRqrQ3i62EdDR0xZ1yXJMlLe2OT734c3X+s3MwaIrGwsrq87sWHb29XVoOttUHc2xIdMLPjQLpv6E5/BMA3P5UhkzSz5pLt2SNtjbfac2F2ai5e8rN0abEsYtEDctlug0pJM+b7KSj67fyLugEzS67pWzz3LXr2wWAw/x9c0KXTneecs3qhGmQJTNOICTNepge7HhfX/gH/F7tsTDkH8QAAAABJRU5ErkJggg==);
        background-size: cover;
        border-radius: 100%;
        cursor: pointer;
    }

.field-radio-brick__input {
    display: none;
}

    .field-radio-brick__input:checked + .field-radio-brick__label {
        background-color: #6A507B;
        color: #FFF;
    }

.field-radio-brick__label {
    display: block;
    padding: 12px 20px 11px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    background-color: #FFF;
    color: #4E5258;
}

.field-select {
    width: 100%;
    height: 35px;
    font-size: 12px;
    line-height: 2em;
    letter-spacing: 1px;
    text-transform: uppercase;
    background-color: #EDEBE9;
    padding-left: 5px;
    font-weight: 600;
    color: #757575;
    border: 2px solid transparent;
}

.form--bg .field-select{
    background-color: white;
}

.field-select:disabled{
    background-color: #EDEBE9;
}

.field-select:focus{
    border: 2px solid #6A507B;
}

.field-select-js {
    position: relative;
    user-select: none;
}

.field-select-js--dark .field-select-js__head {
    background-color: #F8F7F7;
}

.field-select-js--dark .field-select-js__body {
    background-color: #F8F7F7;
}

.field-select-js.is-active .field-select-js__btn {
    transform: rotate(180deg);
}

.field-select-js.is-active .field-select-js__body {
    display: block;
}

.field-select-js__label {
    font-size: 12px;
    line-height: 1.3em;
    margin-bottom: 4px;
}

.field-select-js__head {
    display: flex;
    justify-content: space-between;
    background-color: #FFF;
    cursor: pointer;
}

.field-select-js__title {
    flex-grow: 1;
    padding: 13px 20px 10px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
}

.field-select-js__btn {
    position: relative;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    background-color: #C7A378;
    color: #FFF;
}

    .field-select-js__btn .icon {
        width: 15px;
        height: 25px;
    }

.field-select-js__body {
    position: absolute;
    z-index: 10;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    display: none;
    background-color: #fff;
}

.field-select-js__link {
    position: relative;
    padding: 13px 20px 10px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    cursor: pointer;
}

    .field-select-js__link:hover {
        background-color: #E5DDD2;
    }

        .field-select-js__link:hover + .field-select-js__link:before {
            content: none;
        }

    .field-select-js__link:not(:first-child):before {
        content: '';
        position: absolute;
        right: 20px;
        top: 0;
        width: calc(100% - 40px);
        height: 1px;
        background-color: #E5DDD2;
    }

.field-set {
    padding: 20px;
    background-color: #F5EFE8;
}

.field-set__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.field-switch--dark .field-switch__label {
    background-color: #EDEBE9;
}

.field-switch__title {
    font-size: 12px;
    line-height: 1.3em;
    margin-bottom: 4px;
}

.field-switch__inputs {
    display: flex;
}

.field-switch__input {
    display: none;
}

    .field-switch__input:checked + .field-switch__label {
        background-color: #6A507B;
        color: #FFF;
    }

.field-switch__label {
    flex-grow: 1;
    padding: 12px 5px 8px 5px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
    letter-spacing: .1em;
    text-align: center;
    text-transform: uppercase;
    background-color: #FFF;
    color: #6A507B;
}

/*
.field-text {
  display: flex;
  flex-direction: column;

  &--dark {
    & .field-text__input {
      background-color: $c-bg;
    }
  }
}

.field-text__label {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 5px;
}

.field-text__input {
  height: 35px;
  // padding: 12px 20px 8px 20px;
  padding: 12px 15px 8px 15px;
  border: 2px solid transparent;
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: $c-text;
  background-color: #FFF;
  // background-color: $c-bg;
  // text-align: center;

  &:focus {
    border: 2px solid $c-main;
  }

  @include placeholder {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    // text-align: center;
  }
}

.field-text__caption {
  margin-top: 10px;
  font-family: $f-second;
  font-size: 16px;
  line-height: 16px;
  font-style: italic;
}
*/
.field-text {
    display: flex;
    flex-direction: column;
}
.field-text--margin {
    margin-top: 15px;
}

.field-text--error .field-text__input {
    border-color: #C07989;
}

.field-text--success .field-text__input {
    border-color: #3DBC07;
}

.field-text--area .field-text__input {
    height: 109px;
}

.field-text--dark .field-text__input {
    background-color: #EDEBE9;
}

.field-text__label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    line-height: 1.3em;
    margin-bottom: 4px;
}

.field-text__input {
    padding: 10px 5px 6px 5px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    border: 2px solid transparent;
}

    .field-text__input:focus {
        border: 2px solid #6A507B;
    }

    .field-text__input:disabled {
        background-color: #EDEBE9;
    }

        .field-text__input:disabled::-webkit-input-placeholder {
            color: #CDCCCC;
        }

        .field-text__input:disabled:-moz-placeholder {
            color: #CDCCCC;
        }

        .field-text__input:disabled::-moz-placeholder {
            color: #CDCCCC;
        }

        .field-text__input:disabled:-ms-input-placeholder {
            color: #CDCCCC;
        }

    .field-text__input::-webkit-input-placeholder {
        font-size: 14px;
        line-height: 1.1em;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .field-text__input:-moz-placeholder {
        font-size: 14px;
        line-height: 1.1em;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .field-text__input::-moz-placeholder {
        font-size: 14px;
        line-height: 1.1em;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

    .field-text__input:-ms-input-placeholder {
        font-size: 14px;
        line-height: 1.1em;
        font-weight: 600;
        letter-spacing: .1em;
        text-transform: uppercase;
    }

.field-text__input.email-input {
    padding: 10px 40px 6px 4px;
}

@media (min-width: 1440px) {
    .field-text__input {
        padding: 10px 15px 6px 15px;
    }

    .field-text__input.email-input {
        padding: 10px 40px 6px 15px;
    }
}

.field-text__title {
    margin-top: 4px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 1.35em;
    font-style: italic;
}

    .field-text__title > *:not(:first-child) {
        margin-left: 10px;
    }

.group-field__caption {
    display: block;
    font-size: 12px;
    line-height: 1.2em;
    margin-bottom: 4px;
    overflow: hidden;
}

.group-field__caption--text-center {
    text-align: center;
}

.group-field__title {
    margin-top: 4px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 1.35em;
    font-style: italic;
}

.group-field__title--mrt-10 {
    margin-top: 10px;
}

.group-radio__caption {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 5px;
}

.group-radio__items {
    display: flex;
}

.group-radio__item {
    flex-grow: 1;
}

.abode__banner {
    margin-bottom: 40px;
}

.abode__status {
    padding: 20px 10px;
    background-color: #FFF;
}

@media (min-width: 1064px) {
    .abode__status {
        padding: 40px;
    }
}

.abode__compare {
    margin-top: 5px;
}

.abode__footer {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 20px 40px;
    background-color: #FFF;
}

    .abode__footer > *:not(:first-child) {
        margin-top: 20px;
    }

@media (min-width: 568px) {
    .abode__footer {
        flex-direction: row;
    }

        .abode__footer > *:not(:first-child) {
            margin-top: 0;
            margin-left: 80px;
        }
}

.abode-banner {
    padding: 170px 20px 20px 20px;
    text-align: center;
    background-image: url("../img/abode-banner.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}

.abode-banner__title {
    font-size: 36px;
    font-weight: 900;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.abode-banner__subtitle {
    font-size: 15px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 2px;
}

.abode-banner__caption {
    margin-top: 20px;
    font-family: "MinionPro", sans-serif;
    font-style: italic;
    font-size: 16px;
    line-height: 16px;
}

.abode-banner__btn {
    margin-top: 20px;
}

.abode-choice {
    padding: 40px 0 20px 0;
    background-color: #FFF;
}

.abode-choice__title {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
    text-align: center;
    text-transform: uppercase;
}

.abode-choice__map {
    position: relative;
    max-width: 1000px;
    margin: 0 15px;
    margin-bottom: 40px;
}

    .abode-choice__map .available {
        fill: #6D7074 !important;
    }

    .abode-choice__map .selected {
        fill: #F8DC8C !important;
    }

@media (min-width: 1280px) {
    .abode-choice__map {
        margin: auto;
    }
}

.abode-choice__warning {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 15px;
    background-color: #E691A4;
    color: #FFF;
    text-align: center;
    opacity: .9;
    transform: translate(-50%, -50%);
}

@media (min-width: 1280px) {
    .abode-choice__warning {
        padding: 40px;
    }
}

.abode-choice__warning-text {
    font-size: 18px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .abode-choice__warning-text {
        font-size: 24px;
    }
}

.abode-choice__warning-btn {
    margin-top: 20px;
    text-align: center;
}

.abode-choice__countries {
    padding: 15px;
    background-color: #F8F7F7;
}

@media (min-width: 1280px) {
    .abode-choice__countries {
        padding: 40px;
    }
}

.abode-choice__countries-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.abode-choice__countries-btn {
    margin-top: 20px;
}

.abode-choice__access {
    margin: 20px 20px 0 20px;
}

.abode-choice-access.is-active .abode-choice-access__btn {
    transform: rotate(180deg);
}

.abode-choice-access.is-active .abode-choice-access__body {
    display: flex;
}

.abode-choice-access__head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px;
    background-color: #EDEBE9;
}

@media (min-width: 768px) {
    .abode-choice-access__head {
        padding: 20px;
    }
}

.abode-choice-access__text {
    padding-right: 60px;
}

.abode-choice-access__title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .abode-choice-access__title {
        font-size: 24px;
    }
}

.abode-choice-access__subtitle {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 1px;
}

.abode-choice-access__btn {
    position: absolute;
    right: 40px;
    width: 25px;
    height: 20px;
    cursor: pointer;
}

.abode-choice-access__body {
    display: none;
    flex-direction: column;
    padding: 15px;
    background-color: #F8F7F7;
}

@media (min-width: 768px) {
    .abode-choice-access__body {
        padding: 20px;
    }
}

@media (min-width: 1280px) {
    .abode-choice-access__body {
        flex-direction: row;
    }
}

.abode-choice-access__block {
    width: 100%;
    padding: 15px;
    background-color: #FFF;
}

    .abode-choice-access__block:last-child {
        margin-top: 20px;
    }

@media (min-width: 768px) {
    .abode-choice-access__block {
        padding: 20px;
    }
}

@media (min-width: 1280px) {
    .abode-choice-access__block {
        flex-direction: row;
        width: 50%;
    }

        .abode-choice-access__block:last-child {
            margin-top: 0;
            margin-left: 20px;
        }
}

.abode-choice-access__block-title {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .abode-choice-access__block-title {
        font-size: 24px;
    }
}

.abode-choice-access__block-btn {
    margin-top: 20px;
    text-align: center;
}

.abode-compare {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    background-color: #FFF;
    border: 2px solid #FFF;
}

@media (min-width: 768px) {
    .abode-compare {
        flex-direction: row;
    }
}

.abode-compare__status {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .abode-compare__status {
        margin-top: 0;
    }
}

.abode-compare__right {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .abode-compare__right {
        margin-top: 0;
    }
}

.abode-compare__right .abode-planet__text{
    margin-right: 20px;
    margin-left: 0;
    text-align: right;
}

.abode-planet {
    display: flex;
    align-items: center;
}

.abode-planet__icons {
    display: flex;
    align-items: center;
}

.abode-planet__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: #C7A378;
    color: #4E5258;
    border-radius: 100%;
}

    .abode-planet__icon:last-child {
        margin-left: -10px;
        background-color: #6A507B;
        color: #FFF;
        opacity: .8;
    }

    .abode-planet__icon .icon {
        width: 20px;
        height: 20px;
    }

    .abode-planet__icon span {
        padding-top: 5px;
        font-size: 22px;
        line-height: 22px;
        font-weight: 300;
    }

.abode-planet__text {
    margin-left: 20px;
}

.abode-planet__title {
    padding-top: 3px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.abode-planet__caption {
    margin-top: 5px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 1px;
}

.abode-status {
    display: flex;
    align-items: center;
}

.abode-status__icon {
    color: #FFF;
}

    .abode-status__icon .icon {
        width: 35px;
        height: 35px;
        background-color: rgba(78, 82, 88, 0.5);
    }

        .abode-status__icon .icon .icon__inner {
            width: 15px;
            height: 15px;
        }

.abode-status__icon--positive .icon {
    background-color: #8AD669;
    transform: rotate(180deg);
}

.abode-status__icon--negative .icon {
    background-color: #C07989;
}

.abode-status__caption {
    margin-left: 20px;
    font-size: 12px;
    line-height: 24px;
}

.about-certificates__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.about-partners__title {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.access {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 40px;
    color: #FFF;
    background: linear-gradient(to top right, #C07989 0%, #986682 50%, #6A507B 100%);
}

.access__icon {
    margin-bottom: 40px;
}

    .access__icon .icon {
        width: 127px;
        height: 83px;
    }

.access__caption {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.access__btn {
    text-align: center;
}

.access-table__head {
    display: none;
    background: linear-gradient(to left, #C7A378 0%, #6A507B 100%);
    color: #FFF;
}

@media (min-width: 768px) {
    .access-table__head {
        display: flex;
    }
}

.access-table__head-col {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-size: 10px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .access-table__head-col {
        width: 46%;
    }

        .access-table__head-col:not(:first-child) {
            flex-shrink: 0;
            width: 18%;
        }
}

@media (min-width: 1024px) {
    .access-table__head-col {
        font-size: 12px;
    }
}

@media (min-width: 1440px) {
    .access-table__head-col {
        font-size: 15px;
    }
}

.access-table__row {
    display: flex;
    flex-direction: column;
    margin-top: 5px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 300;
}

    .access-table__row.access-table__row--prices {
        font-size: 24px;
        line-height: 1em;
        font-weight: 900;
        text-transform: uppercase;
    }

@media (min-width: 768px) {
    .access-table__row {
        flex-direction: row;
    }
}

.access-table__col {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 40px;
    padding: 15px;
    background-color: #FFF;
}

    .access-table__col .icon {
        width: 30px;
        height: 30px;
        background-color: #6A507B;
        color: #FFF;
        border-radius: 100%;
    }

        .access-table__col .icon .icon__inner {
            width: 15px;
            height: 15px;
        }

.access-table__col--dark {
    background-color: #6A507B;
    color: #FFF;
}

    .access-table__col--dark .icon {
        background-color: #FFF;
        color: #6A507B;
    }

.access-table__col:not(:first-child) {
    margin-top: 5px;
    padding-left: 50%;
    justify-content: center;
}

    .access-table__col:not(:first-child):after {
        content: attr(data-title);
        position: absolute;
        left: 15px;
        padding-right: 50%;
        font-size: 15px;
        line-height: 1em;
        font-weight: 300;
        text-transform: none;
    }

@media (min-width: 768px) {
    .access-table__col {
        width: 46%;
    }

        .access-table__col:not(:first-child) {
            flex-shrink: 0;
            margin-top: 0;
            margin-left: 5px;
            width: 18%;
            padding-left: 15px;
        }

            .access-table__col:not(:first-child):after {
                display: none;
            }

        .access-table__col:first-child:before {
            content: attr(data-counter);
            margin-right: 15px;
            font-size: 24px;
            line-height: 1em;
            font-weight: 900;
            letter-spacing: .2em;
            text-transform: uppercase;
        }
}

.lp-modal-desc{
    font-size: 15px;
    text-align: center;
    margin-bottom: 10px;
}

.modal-request-btn{

}

.article-card {
    display: block;
    height: 100%;
    background-color: #FFF;
}

    .article-card:hover {
        background-color: #6A507B;
        color: #FFF;
        cursor: pointer;
    }

.article-card--lg:hover {
    background-color: #FFF;
    color: #4E5258;
    cursor: default;
}

@media (min-width: 1064px) {
    .article-card--lg .article-card__content {
        padding: 40px 40px 20px 40px;
    }

    .article-card--lg .article-card__title {
        font-size: 24px;
        line-height: 34px;
    }

    .article-card--lg .article-card__desc {
        margin-top: 30px;
    }
}
.wrapper-article-card__img{
    width: 100%;
    background-color: #FFF;
    display: flex;
    justify-content: center;
}
.article-card__img {
    max-width: 100%;
    height: auto;
}

.article-card__content {
    width: 800px;
    max-width: 100%;
    padding: 30px 20px 20px 20px;
}

.article-card__title {
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.article-card__desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.article-card__btn {
    margin-top: 30px;
}

.articles-sidebar {
    padding-top: 20px;
    background-color: #FFF;
    color: #4E5258;
}

.articles-sidebar--dark {
    background-color: #F8F7F7;
}

.articles-sidebar__title {
    margin: 0 20px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
}

.articles-sidebar__items {
    padding: 20px;
}

.articles-sidebar__item {
    display: flex;
}

    .articles-sidebar__item:not(:first-child) {
        margin-top: 20px;
    }

.articles-sidebar__caption {
    margin-left: 20px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 600;
}

.articles-sidebar__more {
    padding: 16px 20px 12px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: center;
    background-color: #C7A378;
    color: #FFF;
}

.banner {
    padding: 15px 0;
    background-color: #D9C8B5;
}

.banner--pd-none {
    padding: 0;
}

@media (min-width: 1064px) {
    .banner {
        padding: 40px 0;
    }

    .banner--pd-none {
        padding: 0;
    }
}

.banner__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

@media (min-width: 1064px) {
    .banner__inner {
        padding: 80px;
    }
}

.banner__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

@media (min-width: 1064px) {
    .banner__title {
        font-size: 36px;
        line-height: 36px;
    }
}

.banner__subtitle {
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.banner__caption {
    margin-top: 20px;
    font-family: "MinionPro", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-style: italic;
}

.banner__btn {
    margin-top: 40px;
}

@media (min-width: 1064px) {
    .banner__btn > .btn:not(:first-child) {
        margin-left: 20px;
    }
}

.main_banner-content{
    font-size: 12px;
    margin-bottom: 20px
}

.main-banner-content-title{
    line-height: 36px
}

.about__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.about__subtitle {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 900;
    line-height: 22px;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.about__desc {
    width: 800px;
    max-width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.about__person {
    background-color: #FFF;
}

.banner-service {
    padding: 40px 0;
    color: #FFF;
    background-image: url("../img/banner-service.jpg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
}

.banner-service__title {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.banner-service__title--mt-40 {
    margin-top: 40px;
}

.banner-service__subtitle {
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.banner-service__btn {
    margin-top: 40px;
}

.banner-service__caption {
    margin-top: 40px;
    font-family: "MinionPro", sans-serif;
    font-size: 16px;
    line-height: 1.45em;
    font-style: italic;
    color: #FED766;
}

.block {
    padding: 20px 0;
}

.block--light {
    background-color: #FFF;
}

.block--dark {
    background-color: #E5DDD2;
}

.block--bg {
    color: #FFF;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.block__title {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.block__text {
    width: 900px;
    max-width: 100%;
    margin-bottom: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.block__text--italic {
    font-size: 16px;
    font-weight: normal;
    font-style: italic;
}

.block__text--mrb-0 {
    margin-bottom: 0;
}

.block__text--mrb-40 {
    margin-bottom: 40px;
}

.block__text--mrt-20 {
    margin-top: 20px;
}

.block__content {
    margin-bottom: 30px;
}

.block__content--mrb-0 {
    margin-bottom: 0;
}

.block-buy {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 20px;
    background-color: #FFF;
    color: #4E5258;
}

.block-buy__title {
    margin-bottom: 40px;
    font-size: 15px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.block-buy__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.block-buy__price {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: .05em;
}

.block-buy__price--bold {
    font-weight: 600;
}

.block-buy__icon {
    color: #C7A378;
}

    .block-buy__icon .icon {
        width: 30px;
        height: 30px;
    }

.block-head {
    padding: 30px 0;
    background: url("../img/bg.png") 50% no-repeat;
    background-size: cover;
    color: #FFF;
}

@media (min-width: 1280px) {
    .block-head {
        padding: 40px 0;
    }
}

.block-head__inner {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1064px) {
    .block-head__inner {
        flex-direction: row;
    }
}

.block-head__content {
    width: 100%;
}

@media (min-width: 1064px) {
    .block-head__content {
        width: 45%;
    }
}

.block-head__content--lg {
    width: 800px;
    max-width: 100%;
}

.block-head__title {
    font-size: 22px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .block-head__title {
        font-size: 36px;
    }
}

.block-head__desc {
    margin-top: 20px;
    font-family: "P22UndergroundCYPro", sans-serif;
    font-style: normal;
    line-height: 16px;
    font-size: 15px;
}

@media (min-width: 1064px) {
    .block-head__desc {
        margin-top: 25px;
    }
}

.block-head__instructions {
    margin-top: 20px;
}

@media (min-width: 1064px) {
    .block-head__instructions {
        margin-top: 25px;
    }
}

.block-head__form {
    width: 100%;
    margin-top: 30px;
}

    .block-head__form .form {
        margin: 0 -15px;
    }

@media (min-width: 1064px) {
    .block-head__form {
        width: 55%;
        margin-top: 0;
        margin-left: 30px;
    }

        .block-head__form .form {
            margin: 0;
        }
}

@media (min-width: 1280px) {
    .block-head__form {
        margin-left: 90px;
    }
}

.block-mailing {
    width: 800px;
    max-width: 100%;
}

.block-mailing__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.block-mailing__desc {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 300;
}

.block-mailing__btn {
    margin-top: 20px;
}

.book-block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 80px;
    background-image: url("../img/books/bg.jpg");
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    color: #FFF;
}

@media (min-width: 1280px) {
    .book-block {
        flex-direction: row;
    }
}

.book-block__name {
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .book-block__name {
        font-size: 36px;
    }
}

.book-block__author {
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.book-block__caption {
    margin-top: 20px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 1.25em;
    font-style: italic;
}

.book-block__bottom {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1280px) {
    .book-block__bottom {
        margin-top: 0;
    }
}

.book-block__btn {
    margin-top: 20px;
}

.book-card {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.book-card__name {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.25em;
    font-weight: 900;
    letter-spacing: .1em;
}

.book-card__author {
    margin-top: 5px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 1.25em;
    font-style: italic;
}

.book-card__btn {
    margin-top: 20px;
}

.brick {
    position: relative;
    padding-top: 100%;
    background-color: #4E5258;
    color: #FFF;
}

.brick__top {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .brick__top {
        bottom: 25px;
        left: 25px;
        right: 25px;
    }
}

.brick__bottom {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

@media (min-width: 1024px) {
    .brick__bottom {
        bottom: 25px;
        left: 25px;
        right: 25px;
    }
}

.bricks-list {
    display: flex;
    flex-wrap: wrap;
    margin: -2px 0 0 -2px;
}

.bricks-list__item {
    width: 50%;
    padding: 2px 0 0 2px;
}

@media (min-width: 568px) {
    .bricks-list__item {
        width: 25%;
    }
}

@media (min-width: 1280px) {
    .bricks-list__item {
        width: 50%;
    }
}

.btn-add {
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}

.btn-add__plus {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    background-color: #C7A378;
}

    .btn-add__plus:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 1px;
        background-color: #FFF;
    }

    .btn-add__plus:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 15px;
        background-color: #FFF;
    }

.btn-add__caption {
    width: 100%;
    padding: 12px 20px 11px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    background-color: #6A507B;
    color: #FFF;
}

.btn-remove {
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    margin: 0;
    padding: 0;
    background: none;
}

.btn-remove__plus {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 35px;
    height: 35px;
    background-color: #E5DDD2;
}

    .btn-remove__plus:before {
        position: absolute;
        content: '';
        width: 15px;
        height: 1px;
        background-color: #4E5258;
        transform: rotate(45deg);
    }

    .btn-remove__plus:after {
        position: absolute;
        content: '';
        width: 1px;
        height: 15px;
        background-color: #4E5258;
        transform: rotate(45deg);
    }

.btn-remove__caption {
    width: 100%;
    padding: 12px 20px 11px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    background-color: #F8F7F7;
    color: #4E5258;
}

.btn-arrow {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -15px;
    padding: 15px 50px 15px 15px;
    background-color: #6A507B;
    color: #FFF;
    user-select: none;
    cursor: pointer;
}

    .btn-arrow:hover {
        opacity: .9;
    }

.btn-arrow--reverse {
    flex-direction: row-reverse;
    padding: 15px 15px 15px 50px;
    background-color: #C7A378;
}

    .btn-arrow--reverse .btn-arrow__icon {
        left: 20px;
    }

        .btn-arrow--reverse .btn-arrow__icon .icon {
            transform: rotate(90deg);
        }

.btn-arrow--light {
    background-color: #E5DDD2;
    color: #4E5258;
}

@media (min-width: 1064px) {
    .btn-arrow {
        margin: 0;
        padding: 15px 50px 15px 20px;
    }

    .btn-arrow--reverse {
        padding: 15px 20px 15px 50px;
    }
}

.btn-arrow__caption {
    font-size: 12px;
    line-height: 1.15em;
    font-weight: 900;
    letter-spacing: .01em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .btn-arrow__caption {
        font-size: 15px;
    }
}

.btn-arrow__icon {
    position: absolute;
    right: 20px;
}

    .btn-arrow__icon .icon {
        width: 15px;
        height: 30px;
        transform: rotate(270deg);
    }

.certificate-card {
    position: relative;
    overflow: hidden;
}

@media (min-width: 1280px) {
    .certificate-card:hover .certificate-card__content {
        transform: translateY(0);
    }
}

.certificate-card__img {
    width: 100%;
}

.certificate-card__content {
    padding: 20px;
    background-color: #FFF;
    color: #4E5258;
}

@media (min-width: 1280px) {
    .certificate-card__content {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        transform: translateY(100%);
        transition: transform .2s;
    }
}

.certificate-card__title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.certificate-card__desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.check-date {
    padding: 40px;
    text-align: center;
    background-color: #FFF;
}

.check-date__title {
    font-size: 24px;
    line-height: 1.35em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.check-date__subtitle {
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.check-date__arrow {
    width: 35px;
    height: 29px;
    margin: 20px auto 0 auto;
    color: #6A507B;
}

.check-date__form {
    margin: 20px auto 0 auto;
    text-align: left;
    width: 600px;
    max-width: 100%;
    border: 2px solid #EBDFD2;
}

.city-search {
    position: relative;
}

    .city-search.is-active .city-search__btn {
        transform: rotate(0);
    }

    .city-search.is-active .city-search__body {
        display: block;
    }

.city-search__head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 768px) {
    .city-search__head {
        padding: 15px 40px;
    }
}

.city-search__icon {
    margin-right: 10px;
}

    .city-search__icon .icon {
        width: 50px;
        height: 50px;
        background-color: #FFF;
        color: #4E5258;
        border-radius: 100%;
    }

        .city-search__icon .icon .icon__inner {
            width: 30px;
            height: 30px;
        }

@media (min-width: 768px) {
    .city-search__icon {
        margin-right: 20px;
    }
}

.city-search__header {
    padding-right: 60px;
}

.city-search__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.city-search__subtitle {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
}

.city-search__btn {
    position: absolute;
    right: 40px;
    width: 20px;
    height: 15px;
    transform: rotate(270deg);
    cursor: pointer;
}

.city-search__body {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    background-color: #877295;
    color: #FFF;
}

.city-search__field {
    padding: 25px 40px;
}

.city-search__item {
    position: relative;
    padding: 34px 40px 33px 40px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    cursor: pointer;
}

    .city-search__item:after {
        content: '';
        position: absolute;
        left: 40px;
        bottom: 0;
        width: calc(100% - 40px);
        height: 1px;
        background-color: #FFF;
        opacity: .2;
    }

    .city-search__item:hover {
        background-color: #6A507B;
    }

        .city-search__item:hover:after {
            display: none;
        }

.city-search__add {
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

/*
.compatibility {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 15px 40px;
  background-color: $c-main;
  color: #FFF;

  @media ($m-m) {
    flex-direction: row;
  }
}

.compatibility__item {
  display: flex;
  align-items: center;

  & > .i-text:not(:first-child) {
    margin-left: 20px;
  }
}
*/
.compatibility {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 768px) {
    .compatibility {
        flex-direction: row;
    }
}

@media (min-width: 1280px) {
    .compatibility {
        padding: 15px 40px;
    }
}

.compatibility__first .i-text:not(:first-child),
.compatibility__second .i-text:not(:first-child) {
    margin-left: 10px;
}

@media (min-width: 1064px) and (max-width: 1279px) {
    .compatibility__first,
    .compatibility__second {
        display: flex;
        flex-direction: column;
    }
}

@media (min-width: 1280px) {
    .compatibility__first .i-text:not(:first-child),
    .compatibility__second .i-text:not(:first-child) {
        margin-left: 20px;
    }
}

.compatibility__select {
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    text-decoration: underline;
}

.compatibility-partners{
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    background: white;
    padding: 20px;
}

.compatibility-partners .compatibility-partner{
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.compatibility-partners img{
    border-radius: 100%;
    height: 40px;
    width: 40px;
}

@media (min-width: 768px) {
    .compatibility__select {
        position: absolute;
        right: 15px;
        bottom: 10px;
    }
}

@media (min-width: 1280px) {
    .compatibility__select {
        right: 40px;
        bottom: 20px;
    }
}

.compatibility-panel__content {
    padding: 15px;
    background-color: #FFF;
}

.compatibility-panel__title {
    font-size: 14px;
    text-align: center;
}

@media (min-width: 1280px) {
    .compatibility-panel__content {
        padding: 40px 40px 60px 40px;
    }

    .compatibility-panel__content--sm {
        padding: 20px;
    }
}

.compatibility-panel__table {
    margin-top: 40px;
}

.compatibility-panel__conflicts > .conflict-panel:not(:first-child) {
    margin-top: 5px;
}

.compatibility-table__title {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
}

.compatibility-table__head {
    display: none;
    min-height: 70px;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 768px) {
    .compatibility-table__head {
        display: flex;
    }
}

.compatibility-table__head-col {
    position: relative;
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
}

    .compatibility-table__head-col:first-child, .compatibility-table__head-col:last-child {
        width: 30%;
        align-items: center;
    }

    .compatibility-table__head-col:not(:first-child):after {
        content: '';
        position: absolute;
        top: 10px;
        left: 0;
        width: 1px;
        height: calc(100% - 20px);
        background-color: #FFF;
        opacity: .2;
    }

    .compatibility-table__head-col:before {
        content: attr(data-title);
        position: absolute;
        top: 15px;
    }

    .compatibility-table__head-col .icon {
        width: 20px;
        height: 20px;
        background-color: #FFF;
        border-radius: 100%;
        color: #6A507B;
        align-items: flex-end;
    }

        .compatibility-table__head-col .icon .icon__inner {
            width: 15px;
            height: 15px;
            margin-bottom: -1px;
        }

.compatibility-table__head-col-inner {
    position: relative;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}

    .compatibility-table__head-col-inner:not(:first-child):after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 1px;
        height: 100%;
        background-color: #FFF;
        opacity: .2;
    }

.compatibility-table__row {
    display: flex;
    flex-direction: column;
    margin: 5px 0 0 -5px;
    font-size: 12px;
    line-height: 1em;
}

.compatibility-table__row--green .compatibility-table__col-inner {
    background-color: #8AD669;
}

.compatibility-table__row--red {
    color: #FFF;
}

    .compatibility-table__row--red .compatibility-table__col-inner {
        background-color: #C07989;
    }

@media (min-width: 768px) {
    .compatibility-table__row {
        flex-direction: row;
    }
}

.compatibility-table__col {
    padding: 0 0 0 5px;
}

    .compatibility-table__col:last-child {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

@media (min-width: 768px) {
    .compatibility-table__col {
        width: 20%;
    }

        .compatibility-table__col:last-child {
            font-size: 15px;
        }

        .compatibility-table__col:first-child, .compatibility-table__col:last-child {
            width: 30%;
        }

    .compatibility-table__col--lg {
        width: 40%;
        text-align: center;
    }

        .compatibility-table__col--lg .compatibility-table__col-inner {
            justify-content: center;
        }
}

.compatibility-table__col-inner {
    display: flex;
    padding: 12px 10px 11px 10px;
    background-color: #EDEBE9;
}

.compatibility-table__col-inner_sign{
    font-size: 22px;
    font-weight: bold;
}

    .compatibility-table__col-inner:before {
        content: attr(data-title);
        display: block;
        width: 45%;
    }

.compatibility-table__col-inner--icon {
    display: flex;
    align-items: center;
    padding: 0 10px 0 10px;
    min-height: 35px;
}

    .compatibility-table__col-inner--icon .icon {
        width: 15px;
        height: 15px;
    }

        .compatibility-table__col-inner--icon .icon:not(:first-child) {
            margin-left: 10px;
        }

.compatibility-table__col-inner--arrow {
    position: relative;
}

    .compatibility-table__col-inner--arrow .icon {
        position: absolute;
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        background-color: rgba(0, 0, 0, 0.1);
    }

        .compatibility-table__col-inner--arrow .icon .icon__inner {
            width: 15px;
            height: 10px;
            transform: rotate(270deg);
        }

@media (min-width: 768px) {
    .compatibility-table__col-inner:before {
        content: none;
    }

    .compatibility-table__col-inner--icon {
        justify-content: center;
    }
}

@media (min-width: 1280px) {
    .compatibility-table__col-inner {
        padding: 12px 20px 11px 20px;
        font-size: 15px;
    }

    .compatibility-table__col-inner--icon {
        padding: 0 10px 0 10px;
    }
}

.conflict-panel {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1366px) {
    .conflict-panel {
        flex-direction: row;
    }
}

.conflict-panel__head {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    background-color: #EDEBE9;
    overflow: hidden;
    max-height: 55px;
}

@media (min-width: 768px) {
    .conflict-panel__head {
        flex-direction: row;
        min-width: 200px;
        max-width: 200px;
    }
}

.conflict-panel__icon {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.conflict-panel__title {
    font-size: 14px;
    line-height: 1.15em;
    font-weight: 900;
    letter-spacing: .1em;
    overflow: hidden;
    word-break: break-all;
}

@media (min-width: 768px) {
    .conflict-panel__title {
        margin-top: 0;
    }
}

.conflict-panel__body {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    margin-top: 20px;
}

@media (min-width: 1366px) {
    .conflict-panel__body {
        margin-top: 0;
        margin-left: 20px;
    }
}

.period {
    position: relative;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1366px) {
    .period {
        flex-direction: row;
    }
}



.period__item {
    position: relative;
    flex-shrink: 0;
    width: 50%;
    height: 35px;
    background-color: #3DBC07;
}

    .period__item:before {
        content: attr(data-title);
        position: absolute;
        right: calc(100% + 20px);
        font-size: 10px;
        line-height: 1em;
    }

    .period__item:after {
        content: '';
        position: absolute;
        z-index: 5;
        bottom: 0;
        left: 10%;
        height: 1px;
        width: 80%;
        background-color: #FFF;
        opacity: .7;
    }

@media (min-width: 1366px) {
    .period__item {
        width: 8.3333%;
    }

    .period__item:first-child:after{
        width:0;
    }

        .period__item:before {
            left: 0;
            bottom: calc(100% + 4px);
            margin-top: 16px;
            font-size: 12px;
            text-align: center;
            margin: 0 auto;
            right: 0;
        }

        .period__item:after {
            content: '';
            position: absolute;
            z-index: 5;
            left: 0;
            bottom: 10%;
            width: 1px;
            height: 80%;
        }
}

.period__state {
    position: absolute;
    bottom: 0;
    background-color: #F8DC8C;
}

@media (min-width: 1366px) {
    .period__state {
        height: 35px !important;
        top: 0 !important;
    }
}

@media (max-width: 1365px) {
    .period__state {
        left: initial !important;
        right: 0 !important;
        width: 50% !important;
    }
}

.period__state--black {
    background-color: #4E5258;
}

.period__state--red {
    background-color: #C07989;
}

.period__state--yellow {
    background-color: #F8DC8C;
}

.period__state--green {
    background-color: #3DBC07;
}

.contact__title {
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.contact__subtitle {
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.contact__phone {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contact__phone-label {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.1em;
    font-weight: 300;
    letter-spacing: .08em;
}

.contact__form {
    margin-top: 15px;
}

.country {
    background-color: #FFF;
    color: #4E5258;
}

.country__head {
    position: relative;
    display: flex;
    align-items: center;
    padding: 20px 15px;
}

    .country__head:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 85px;
        width: calc(100% - 85px);
        height: 1px;
        background-color: #EDEBE9;
    }

@media (min-width: 1064px) {
    .country__head {
        padding: 20px 40px;
    }

        .country__head:after {
            left: 110px;
            width: calc(100% - 110px);
        }
}

.country__icon .icon {
    width: 50px;
    height: 50px;
    background-color: #EDEBE9;
    border-radius: 100%;
}

    .country__icon .icon .icon__inner {
        width: 30px;
        height: 30px;
    }

.country__header {
    margin-left: 20px;
}

.country__title {
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.country__subtitle {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
}

.country__body {
    padding: 15px;
}

@media (min-width: 1064px) {
    .country__body {
        padding: 40px;
    }
}

.country__btn {
    margin-top: 20px;
    text-align: center;
}

@media (min-width: 1064px) {
    .country__btn {
        margin-top: 40px;
    }
}

@media (min-width: 1600px) {
    .country-table__header {
        display: flex;
        justify-content: space-between;
    }
}

.country-table__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.country-table__subtitle {
    margin-top: 10px;
}

@media (min-width: 1280px) {
    .country-table__subtitle {
        margin-top: 0;
    }
}

.country-table__head {
    display: none;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 768px) {
    .country-table__head {
        display: flex;
    }
}

.country-table__head-col {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .08em;
}

@media (min-width: 768px) {
    .country-table__head-col {
        width: 40%;
        padding: 10px 20px;
    }

        .country-table__head-col:not(:first-child) {
            justify-content: center;
            flex-shrink: 0;
            width: 15%;
            margin-left: 5px;
        }
}

.country-table__head-col-icon .icon {
    width: 30px;
    height: 30px;
    background-color: #FFF;
    color: #6A507B;
    border-radius: 100%;
}

    .country-table__head-col-icon .icon .icon__inner {
        width: 15px;
        height: 15px;
    }

.country-table__head-col-title {
    display: none;
    margin-left: 20px;
}

@media (min-width: 1440px) {
    .country-table__head-col-title {
        display: block;
    }
}

.country-table__row {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    margin-top: 5px;
}

@media (min-width: 568px) {
    .country-table__row {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .country-table__row {
        flex-direction: row;
    }
}

.country-table__col {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 35px;
    padding: 5px 20px 5px 70%;
    background-color: #EDEBE9;
}

.country-table__col.country-table__col--both{
    padding: 0;
}

.country-table__col.country-table__col--both .country-table__item{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .country-table__col:before {
        content: attr(data-title);
        position: absolute;
        left: 15px;
    }

.country-table__col--yellow {
    background-color: #F8DC8C;
}

.country-table__col--black {
    background-color: #6D7074;
    color: #FFF;
}

.country-table__col .icon {
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) {
    .country-table__col {
        justify-content: flex-start;
        padding: 5px 20px;
        width: 40%;
    }

        .country-table__col:before {
            display: none;
        }

    .country-table__col--yellow, .country-table__col--black {
        justify-content: center;
    }

    .country-table__col:not(:first-child) {
        flex-shrink: 0;
        width: 15%;
        margin-left: 5px;
    }
}



@media (min-width: 1600px) {
    .formula-table__header {
        margin: 5px 0;
        display: flex;
        justify-content: space-between;
    }
}


.formula-table__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.formula-table__subtitle {
    margin-top: 10px;
}

@media (min-width: 1280px) {
    .formula-table__subtitle {
        margin-top: 0;
    }
}

.formula-table__head {
    display: none;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 768px) {
    .formula-table__head {
        display: flex;
    }
}

.formula-table__head-col {
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .08em;
}

@media (min-width: 768px) {
    .formula-table__head-col {
        width: 78%;
        padding: 10px 20px;
    }

        .formula-table__head-col:not(:first-child) {
            justify-content: center;
            flex-shrink: 0;
            width: 11%;
            margin-left: 5px;
        }

    .formula-table__head-col.event {
        width: 78%;
        padding: 10px 20px;
    }

    .formula-table__head-col.event:not(:first-child) {
        justify-content: center;
        flex-shrink: 0;
        margin-left: 5px;
    }
}

.formula-table__head-col-icon .icon {
    width: 30px;
    height: 30px;
    background-color: #FFF;
    color: #6A507B;
    border-radius: 100%;
}

    .formula-table__head-col-icon .icon .icon__inner {
        width: 15px;
        height: 15px;
    }

.formula-table__head-col-title {
    display: none;
    margin-left: 20px;
}

@media (min-width: 1440px) {
    .formula-table__head-col-title {
        display: block;
    }
}

.formula-table__row {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    margin-top: 5px;
}

@media (min-width: 568px) {
    .formula-table__row {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .formula-table__row {
        flex-direction: row;
    }
}

.formula-table__col {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 35px;
    padding: 5px 20px 5px 70%;
    background-color: #EDEBE9;
}

.formula-table__col.formula-table__col--both{
    padding: 0;
}

.formula-table__col.formula-table__col--both .formula-table__item{
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .formula-table__col:before {
        content: attr(data-title);
        position: absolute;
        left: 15px;
    }

.formula-table__col--yellow {
    background-color: #F8DC8C;
}

.formula-table__col--black {
    background-color: #6D7074;
    color: #FFF;
}

.formula-table__col .icon {
    width: 20px;
    height: 20px;
}

@media (min-width: 768px) {
    .formula-table__col {
        justify-content: flex-start;
        padding: 5px 20px;
        width: 78%;
    }

        .formula-table__col:before {
            display: none;
        }

    .formula-table__col--yellow, .formula-table__col--black {
        justify-content: center;
    }

    .formula-table__col:not(:first-child) {
        flex-shrink: 0;
        width: 11%;
        margin-left: 5px;
    }

    .formula-table__col.event {
        justify-content: flex-start;
        padding: 5px 20px;
        width: 50%;
    }

    .formula-table__col.event:not(:first-child) {
        flex-shrink: 0;
        margin-left: 5px;
    }
}

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

.couple__first {
    z-index: 1;
    display: flex;
    align-items: center;
    margin-right: -10px;
}

.couple__first-caption {
    margin-right: 10px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 1440px) {
    .couple__first-caption {
        margin-right: 30px;
    }
}

.couple__first-icon {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
}

@media (min-width: 1064px) {
    .couple__first-icon {
        width: 50px;
        height: 50px;
    }
}

.couple__second {
    display: flex;
    align-items: center;
    margin-left: -10px;
}

.couple__second-icon {
    width: 40px;
    height: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    border-radius: 100%;
}

@media (min-width: 1064px) {
    .couple__second-icon {
        width: 50px;
        height: 50px;
    }
}

.couple__second-caption {
    margin-left: 10px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 1440px) {
    .couple__second-caption {
        margin-left: 30px;
    }
}

.critical-situation__title {
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.critical-situation__items {
    display: flex;
    margin: -20px 0 0 -20px;
}

.critical-situation__item {
    width: 25%;
    padding: 20px 0 0 20px;
}

.critical-situation__text {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.critical-situation-item {
    display: flex;
    align-items: center;
}

.critical-situation-item__icon .icon {
    width: 60px;
    height: 60px;
    background-color: #C7A378;
    color: #FFF;
    border-radius: 100%;
}

    .critical-situation-item__icon .icon .icon__inner {
        width: 30px;
        height: 30px;
    }

.critical-situation-item__title {
    margin-left: 20px;
    font-size: 15px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dates-counter {
    display: none;
}

@media (min-width: 1024px) {
    .dates-counter {
        display: flex;
        justify-content: space-between;
        margin: 20px 0;
        font-size: 12px;
        line-height: 15px;
        font-weight: 600;
        border: 1px inset #846f91;
    }
}

.dates-horoscope {
    display: flex;
    flex-direction: column;
    margin: 0 -15px;
}

@media (min-width: 1064px) {
    .dates-horoscope {
        margin: 0 0;
    }
}

@media (min-width: 1024px) {
    .dates-horoscope {
        flex-direction: row;
    }
}

.dates-horoscope__item {
    width: 100%;
    padding: 10px 10px 5px 10px;
    background-color: #3B2C46;
    color: #FFF;
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.dates-horoscope__item--active {
    background-color: #523C61;
}

.event-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding: 70px 15px 15px 15px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFF;
}
.event-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/slider/main/bg.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: .8;
    z-index: 0;
}

@media (min-width: 1064px) {
    .event-banner {
        padding: 40px 30px 30px 30px;
    }
}

@media (min-width: 1600px) {
    .event-banner {
        padding: 80px;
    }
}

.event-banner__schedule {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
    text-align: right;
}

@media (min-width: 1064px) {
    .event-banner__schedule {
        top: 30px;
        right: 40px;
    }
}

.event-banner__content {
    width: 600px;
    max-width: 100%;
    position: relative;
}

.event-banner__title {
    font-size: 14px;
    line-height: 1.45em;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.event-banner__title--lg {
    font-size: 22px;
}

@media (min-width: 1280px) {
    .event-banner__title {
        font-size: 16px;
    }

    .event-banner__title--lg {
        font-size: 27px;
    }
}

.btn-lp{
    background: linear-gradient(to right, #de9238 0%, #6A507B 75%);
    border: 2px solid white;
    color: white;
}

.event-banner__desc {
    margin-top: 30px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.event-banner__btns {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

    .event-banner__btns .btn:not(:first-child) {
        margin-top: 20px;
    }

@media (min-width: 568px) {
    .event-banner__btns {
        flex-direction: row;
    }

        .event-banner__btns .btn:not(:first-child) {
            margin-top: 0;
            margin-left: 20px;
        }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    .main__content--show-sidebar .event-banner {
        padding: 60px 30px 30px 20px;
    }

    .main__content--show-sidebar .event-banner__schedule {
        top: 20px;
    }

    .main__content--show-sidebar .event-banner__desc {
        margin-top: 20px;
    }

    .main__content--show-sidebar .event-banner__btns {
        flex-direction: column;
        margin-top: 20px;
    }

        .main__content--show-sidebar .event-banner__btns .btn:not(:first-child) {
            margin-top: 20px;
            margin-left: 0;
        }
}

.faq {
    padding: 40px 0 60px 0;
}

.faq__title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.footer__top {
    margin-top: 5px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #4E5258;
    color: #FFF;
}

@media (min-width: 1064px) {
    .footer__top {
        padding-top: 60px;
        padding-bottom: 80px;
    }
}

.footer__top-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1064px) {
    .footer__top-inner {
        align-items: stretch;
    }
}

.footer__logo {
    margin-bottom: 40px;
}

.footer__contact {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

    .footer__contact span {
        font-weight: 600;
    }

.footer__bottom {
    padding: 20px 0;
}

.footer__bottom-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 1064px) {
    .footer__bottom-inner {
        flex-direction: row;
    }
}

.footer__copyright {
    order: 2;
    margin-top: 30px;
    padding-top: 4px;
}

@media (min-width: 1064px) {
    .footer__copyright {
        order: 0;
        margin-top: 0;
    }
}

.footer__web-studio {
    order: 1;
    width: 182px;
    height: 45px;
    margin-top: 30px;
    background-image: url("../img/studio.png");
}

@media (min-width: 1064px) {
    .footer__web-studio {
        order: 0;
        margin-top: 0;
    }
}

.footer-grid {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}

@media (min-width: 1064px) {
    .footer-grid {
        margin: -40px 0 0 -10px;
        text-align: left;
    }
}

@media (min-width: 1440px) {
    .footer-grid {
        margin: -40px 0 0 -20px;
    }
}

.footer-grid__c {
    width: 100%;
}

    .footer-grid__c:first-child {
        margin-bottom: 30px;
    }

    .footer-grid__c:not(:first-child) {
        margin-top: 16px;
    }

@media (min-width: 1064px) {
    .footer-grid__c {
        width: 50%;
        padding: 40px 0 0 50px;
    }

        .footer-grid__c:first-child {
            margin-bottom: 0;
        }

        .footer-grid__c:not(:first-child) {
            margin-top: 0;
        }
}

@media (min-width: 1280px) {
    .footer-grid__c {
        width: 25%;
    }
}

@media (min-width: 1440px) {
    .footer-grid__c {
        padding: 40px 0 0 100px;
    }
}

.footer-menu__item {
    font-size: 12px;
    line-height: 12px;
}

    .footer-menu__item:not(:first-child) {
        margin-top: 16px;
    }

.footer-menu__link {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

    .footer-menu__link:hover {
        opacity: .6;
    }

.forecast-progress__head {
    display: flex;
    align-items: center;
    padding: 15px 40px;
    color: #FFF;
    background-color: #6A507B;
}

.forecast-progress__icon {
    margin-right: 20px;
}

    .forecast-progress__icon .icon {
        width: 50px;
        height: 50px;
        background-color: #FFF;
        color: #6A507B;
        border-radius: 100%;
    }

        .forecast-progress__icon .icon .icon__inner {
            width: 28px;
            height: 28px;
        }

.forecast-progress__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.forecast-progress__subtitle {
    margin-top: 5px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
}

.forecast-progress__body {
    padding: 15px;
    background-color: #FFF;
}

@media (min-width: 1064px) {
    .forecast-progress__body {
        padding: 40px 60px;
    }
}

.formula {
    padding: 40px;
    color: #4E5258;
    background-color: #F8DC8C;
}

.formula--dark {
    color: #FFF;
    background-color: #6D7074;
}

.formula__head {
    display: flex;
    justify-content: space-between;
}

.formula__icon .icon {
    width: 53px;
    height: 53px;
}

.formula__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.formula__body {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.header {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    padding: 0 15px;
    background-color: #EDEBE9;
}

.header {
    height: 70px;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 0px 20px 0px;
}

@media (min-width: 1064px) {
    .header {
        flex-direction: row;
        padding: 0 30px;
    }
}

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

.header__menu-btn {
    position: absolute;
    left: 15px;
}

@media (min-width: 1064px) {
    .header__menu-btn {
        position: static;
        margin-left: 10px;
    }
}

.header__logo {
    padding: 20px 0;
}

@media (min-width: 1064px) {
    .header__logo {
        padding: 0;
    }
}

.header__social {
    display: none;
}

.footer__social {
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 1064px) {
    .header__social {
        display: block;
    }
}

.header__bar {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media (min-width: 1064px) {
    .header__bar {
        flex-direction: row;
        align-items: center;
        width: auto;
    }

        .header__bar > *:not(:first-child) {
            margin-left: 15px;
        }
}

@media (min-width: 1280px) {
    .header__bar > *:not(:first-child) {
        margin-left: 30px;
    }
}

.header__lang-list {
    display: none;
}

@media (min-width: 1064px) {
    .header__lang-list {
        display: block;
    }

        .header__lang-list.is-disabled {
            display: none;
        }
}

.header__search.is-active {
    display: block;
}

.header__search {
    display: none;
}

@media (min-width: 1064px) {
    .header__search {
        display: block;
    }
}

.header__horo-btn {
    display: none;
}

@media (min-width: 1064px) {
    .header__horo-btn {
        display: block;
    }

        .header__horo-btn.is-disabled {
            display: none;
        }
}

.header__user {
    display: none;
}

    .header__user.is-active {
        display: block;
    }

@media (min-width: 1064px) {
    .header__user {
        display: block;
    }

        .header__user.is-disabled {
            display: none;
        }
}

.header-stub{
    min-height: 70px;
}

.header-search {
    position: relative;
}

.header-search__form {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    min-height: 40px;
    padding: 0 20px;
    border: 2px solid #6c6f74;
}

.header-search__input {
    width: 100%;
    background-color: transparent;
    border: none;
}

.header-search__btn {
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    margin-left: 5px;
}

    .header-search__btn .icon {
        width: 15px;
        height: 15px;
        color: #6c6f74;
    }

.header-user {
    display: flex;
    align-items: center;
}

    .header-user.is-active .header-user__inner {
        display: flex;
    }

    .header-user.is-active .header-user__toggle {
        display: none;
    }

.header-user__inner.logged{
    flex-direction: row;
    cursor: pointer;
}

.header-user__inner {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 15px 0;
    height: 58px;
    background-color: #6A507B;
    color: #FFF;
}

@media (min-width: 1064px) {
    .header-user__inner {
        flex-direction: row;
        width: 210px;
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }

    .header-user__inner.logged{
        width: 295px;
        margin-right: 48px;
    }
}

.header-user__btn {
    cursor: pointer;
    padding: 20px 15px;
    background-color: #C7A378;
}

    .header-user__btn .icon {
        width: 18px;
        height: 18px;
    }

.header-user__text {
    flex-grow: 1;
    margin-right: 30px;
    text-align: left;
    height: 33px;
}

@media (min-width: 1064px) {
    .header-user__text {
        text-align: right;
    }
}

.header-user__inner.logged .header-user__title{
    width: calc(100vw - 178px);
    margin-left: 15px;
}

.header-user__inner.logged .header-user__caption{
    width: calc(100vw - 178px);
    margin-left: 15px;
}

@media (min-width: 1064px) {
    .header-user__inner.logged .header-user__title{
        width: 210px;
        margin-left: 0;
    }

    .header-user__inner.logged .header-user__caption{
        width: 210px;
        margin-left: 0;
    }
}

.header-user__caption, .header-user__title{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header-user__title {
    font-size: 15px;
    line-height: 19px;
    font-weight: 900;
    text-transform: uppercase;
}

.header-user__caption {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
}

.header-user__avatar {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 40px;
    height: 40px;
    margin-right: 15px;
    margin-left: 15px;
    border-radius: 100%;
    background-color: #C7A378;
    color: #6A507B;
    min-width: 40px;
    min-height: 40px;
}

.header-user__avatar img{
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.header-user__text.logged {

}

.header-user__avatar.logged {

}

    .header-user__avatar .icon {
        width: 26px;
        height: 34px;
        margin-bottom: -1px;
    }

@media (min-width: 1064px) {
    .header-user__avatar {
        background-color: #FFF;
        color: #6A507B;
        margin-left: 0;
    }
}

.header-user__toggle {
    display: none;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-image: url("../img/icons/user-icon.png");
}

    .header-user__toggle:hover {
        opacity: .6;
    }

@media (min-width: 1064px) {
    .header-user__toggle {
        display: block;
    }
}

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

.horo--personal .horo__icon {
    color: #FFF;
}

    .horo--personal .horo__icon .icon {
        background-color: #C7A378;
    }

.horo__icon {
    color: #FFF;
}

    .horo__icon .icon {
        width: 80px;
        height: 80px;
        background-color: #6A507B;
        border-radius: 100%;
    }

        .horo__icon .icon .icon__inner {
            width: 40px;
            height: 40px;
        }

.horo__caption {
    margin-left: 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
    text-transform: uppercase;
}

    .horo__caption span {
        text-transform: none;
    }

.horoscope-label {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 -15px;
    padding: 15px;
    background-color: #E5DDD2;
}

@media (min-width: 1440px) {
    .horoscope-label {
        padding: 25px;
        margin-top: 25px;
    }
}

.horoscope-label__icon {
    flex-shrink: 0;
    width: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

@media (min-width: 1440px) {
    .horoscope-label__icon {
        position: absolute;
        width: 115px;
    }
}

.horoscope-label__content {
    margin-left: 15px;
}

@media (min-width: 1440px) {
    .horoscope-label__content {
        margin-left: 130px;
    }
}

.horoscope-label__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.horoscope-label__subtitle {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.25em;
    font-weight: 600;
    letter-spacing: .1em;
}

.hr {
    width: 100%;
    height: 1px;
    margin: 20px 0;
    background-color: #EDEBE9;
}

.hr--light {
    background-color: #FFF;
}

.i-text {
    display: inline-flex;
    align-items: center;
}

.i-text__icon {
    color: #C9CACC;
}

    .i-text__icon .icon {
        width: 10px;
        height: 10px;
    }

.i-text__caption {
    margin-left: 10px;
    padding-top: 2px;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: .8px;
}

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

.icon__inner {
    display: block;
}

.icons {
    display: flex;
}

/*
.icons__item {
  &:first-child {
    margin-right: -6px;
  }

  &:last-child {
    margin-left: -6px;

    & .icon {
      opacity: .8;
    }
  }

  & .icon {
    width: 36px;
    height: 36px;
    margin: 0;

    & .icon__inner {
      width: 20px;
      height: 20px;
    }
  }
}
*/
.important {
    padding: 50px 0 60px 0;
    background-color: #6A507B;
}

.important__inner {
    color: #FFF;
}

.important__title {
    margin-bottom: 40px;
    font-size: 36px;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.important__text {
    width: 800px;
    max-width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.payment-ways{
    padding: 50px 0 50px 0;
    background-color: #e8d1b4;
}

.payment-ways-title {
    padding: 50px 0 50px 0;
}

.payment-ways-title__title {
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.payment-ways__text {
    width: 900px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
}

.info-break--disabled {
    position: relative;
}

    .info-break--disabled:before {
        content: '';
        z-index: 5;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #E691A4;
        opacity: .95;
    }

    .info-break--disabled:after {
        content: attr(data-msg);
        z-index: 5;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 14px;
        line-height: 1em;
        color: #FFF;
        text-align: center;
    }

.info-break__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 90px;
    background-color: #EDEBE9;
}

.info-break__header {
    flex-grow: 1;
    display: flex;
    align-items: center;
    padding: 20px;
}

.info-break__icon {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
}

.info-break__icon--man {
    background-image: url("../img/icons/i-profile.png");
}

.info-break__icon--woman {
    background-image: url("../img/icons/i-profile-female.png");
}

.info-break__headers > *:not(:first-child) {
    margin-top: 10px;
}

.info-break__title {
    font-size: 15px;
    line-height: 1em;
    letter-spacing: .1em;
    font-weight: 600;
}

.info-break__subtitle {
    font-size: 12px;
    line-height: 1em;
}

.info-break__counter {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    font-size: 24px;
    line-height: 1em;
    letter-spacing: .1em;
    font-weight: 900;
    background-color: #E5DDD2;
}

.info-break__body {
    padding: 20px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    background-color: #F8F7F7;
}

.lang {
    margin: 0 15px;
}

.lang__caption {
    font-size: 12px;
    line-height: 24px;
    color: #4E5258;
}

.header.is-active{
    height: 162px;
}

.header-stub.is-active{
    height: 162px;
}

.main__sidebar.main__sidebar--show{
    top: 161px;
    height: calc(100vh - 161px);
}

@media (min-width: 1064px) {
    .header.is-active{
        height: 69px;
    }

    .header-stub.is-active{
        height: 69px;
    }

    .main__sidebar.main__sidebar--show{
        top: 69px;
        height: calc(100vh - 69px);
    }
}

.sidebar__item--search{
    padding: 20px;
    border-bottom: 1px solid #EDEBE9;
}

.sidebar__item--independed{
    border-bottom: 1px solid #EDEBE9;
    padding-bottom: 10px;
}

.lang__items {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
}

.lang__item {
    flex-grow: 1;
    padding: 10px;
    background-color: #4E5258;
    text-align: center;
}

    .lang__item.is-active {
        background-color: #C7A378;
    }

.lang__link {
    display: inline-block;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.lang-list {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

    .lang-list .lang-list__item {
        opacity: .3;
        padding-top: 2px;
    }

        .lang-list .lang-list__item:not(:first-child) {
            margin-left: 10px;
        }

        .lang-list .lang-list__item.is-active {
            opacity: 1;
            color: #C7A378;
        }

.level-card {
    display: flex;
    flex-direction: column;
    color: #4E5258;
}

.level-card--accessible .level-card__head {
    background-color: #E5DDD2;
    color: #4E5258;
}

.level-card--accessible .level-card__btn .btn {
    background-color: #EDEBE9;
    border-color: #EDEBE9;
}

.level-card--max .level-card__head {
    background-color: #6A507B;
}

.level-card__head {
    padding: 20px;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: .08em;
    text-transform: uppercase;
    background-color: #C7A378;
    color: #FFF;
}

.level-card__head__color-2 {
    background-color: #95786d;

}
.level-card__head__color-3 {
    background-color: #7a606f;
}

.level-card__head__color-pro {
    display: flex;
    background-color: #634c6f;
}

.level-card__head__color-pro .new-feature{
    margin-left: 30px;
}

.level-card__body {
    padding: 20px;
    background-color: #FFF;
}

.level-card__price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 74px;
    font-size: 15px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: .1em;
    background-color: #EDEBE9;
    text-align: center;
}

.level-card__price--uppercase {
    text-transform: uppercase;
}

.level-card__list {
    margin-top: 20px;
}

.level-card__point {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    color: #6A507B;
}

    .level-card__point:before {
        content: '';
        display: block;
        width: 14px;
        height: 10px;
        margin-right: 20px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAABHNCSVQICAgIfAhkiAAAARtJREFUKJGNkDFLQmEYhZ/3+y6SLQaBfyDXaIkWzaSlKXNpDFxqkBa3CII7pDS0hg1BQ0OTDZJQLTbU1C9wERIcLkQEFZL3dt+WLkmU+E4HDg/nPUcY87ZW3UlrBlcCM0EYmzPjQo71r0VkEbD9j7e+My4EZFR5Qs3S2c3h+8jEYs6diCBUPVQytcZ+G8ApFXZPAZIvsU331g2GofiU3/xO6hGE2Vqz2ol8A1IAKXqJQd3Nuc4wJLCsSs9Y0rXmQWf4GxPCiqq+ikjeSwzq5fVy/AfSrrGkjy4qj79rCMD22t5sKJ8tkOnIULSjgWSPLyu9v/pLJEr5nZQaey+QVNWuryycNKref8PZSDy0757nU9lzMcR8ZWMUBPAF7FVzF+BWznsAAAAASUVORK5CYII=);
        flex: 0 0 11px;
    }

    .level-card__point:not(:first-child) {
        margin-top: 10px;
    }

.level-card__point--disabled {
    color: #EDEBE9;
}

    .level-card__point--disabled:before {
        width: 11px;
        height: 11px;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAABHNCSVQICAgIfAhkiAAAAQVJREFUGJV9kTFKA1EURc/7w8Q2Y0JwAfYG3ICI4AJ0AVZWapUF2KdQyDbcg4I2qUzAWhCb+f/n5yuIYBLnWZgZBhl81YN374VzH9G5fvDuKsbYpmFmzl2E4I4BCLP8OnirwdnHv4bg7fD3lnsAY5KNS5QpQr9YLm5LQ/B2CAxU+UgkOQQQgBhju1gu7hB2UCZq5F5Uz1X1E8N+t7s1rsQNBhT9MpiDzV7vodSYcsmy7E2EMVWEvEqaPtUZKvHc5SOFU2CF8izCdp2hEs9dPlKRM+DboEcmbe02QRO8HQRvNXhbVH2uGYKzk7LWdbK+AysVTjqd3k2dwaStPZSpCi9ND/t3fgD7cJ15snWDNgAAAABJRU5ErkJggg==);
    }

.level-card__btn {
    margin-top: 30px;
    text-align: center;
}

.link {
    display: inline-block;
    color: #8c6f6e;
    text-decoration: underline;
}

.list__title {
    margin-bottom: 40px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.list__items {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
}

.list__item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 20px 0 0 20px;
    font-size: 15px;
    line-height: 1em;
    font-weight: 300;
}

    .list__item:before {
        content: attr(data-counter);
        margin-right: 20px;
        font-size: 24px;
        line-height: 1em;
        font-weight: 900;
    }

@media (min-width: 768px) {
    .list__item {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .list__item {
        width: 33.3333%;
    }
}

@media (min-width: 1280px) {
    .list__item {
        width: 25%;
    }
}

.list-icon__title {
    margin-bottom: 30px;
    font-size: 24px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.list-icon__title--formulas {
    margin-bottom: 30px;
    font-size: 25px;
    line-height: 1em;
}

@media (min-width: 1064px) {
    .list-icon__title--formulas {
        font-size: 36px;
    }
}

.list-icon__items {
    display: flex;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
}

.list-icon__items.list-icon--large{
    flex-wrap: wrap;
}

@media (min-width: 1064px) {
    .list-icon__items.list-icon--large{
        flex-wrap: nowrap;
    }
}

@media (min-width: 1600px) {
    .list-icon__items--xxl-5 .list-icon__item {
        width: 20%;
    }
}

.list-icon__item {
    display: flex;
    align-items: center;
    width: auto;
    padding: 20px 0 0 50px;

}

@media (min-width: 1064px) {
    .list-icon__item {
        width: 100%;
        padding: 20px 0 0 20px;
    }
}

@media (min-width: 768px) {
    .list-icon__item {
        width: 50%;
    }
}

@media (min-width: 1280px) {
    .list-icon__item {
        width: 33.3333%;
    }
}

@media (min-width: 1600px) {
    .list-icon__item {
        width: 25%;
    }
}

.list-icon__icon .icon {
    width: 60px;
    height: 60px;
    color: #FFF;
    border-radius: 100%;
    background-color: #6A507B;
}

.list-icon__icon .icon.icon--large{
    width: 112px;
    height: 112px;
}

    .list-icon__icon .icon .icon__inner {
        width: 30px;
        height: 30px;
    }

.list-icon__icon--first .icon {
    background-color: #C7A378;
}

.list-icon__icon--second .icon {
    background: linear-gradient(to right, #AA8979 0%, #A58579 100%);
}

.list-icon__icon--third .icon {
    background: linear-gradient(to right, #8C6F7A 0%, #876A7A 100%);
}

.list-icon__text {
    margin-left: 20px;
    font-size: 15px;
    line-height: 1.35em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.list-icon__caption--formulas {
    margin-top: 40px;
    line-height: 1em;
}

.formula-desc-img{
    padding-right: 0;
}

.formula-desc-img:last-child{
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 1064px) {
    .formula-desc-img{
        padding-right: 22px;
    }

    .formula-desc-img:last-child{
        padding-left: 22px;
    }
}

.abode-choice__map svg{
    width: 100%;
}

.formula-desc-text{
    padding: 20px 0;
    font-size: 17px;
}

.formula-desc-text.formula-desc-cover{
    border: 2px solid #6A507B;
    padding: 50px;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.formula-country-notify {
    border: 2px solid #FED766;
    font-size: 24px;
    padding: 50px 10px;
    width: auto;
    line-height: 36px;
    text-align: center;
    margin: 10px 5% 50px;
}

@media (min-width: 1064px) {
    .formula-country-notify {
        padding: 50px 100px;
        width: 50%;
        margin: 10px 25% 50px;
    }
}

.formula-desc-text.no-padding{
    padding: 0;
}

.formula-map-title {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    width: 100%;
    padding: 0 5%;
}

@media (min-width: 1064px) {
    .formula-map-title {
        padding: 0 28%;
    }
}

.formula-map-title-last {
    margin-bottom: 40px;
}

.formula-countries-title{
    margin-bottom: 20px;
    font-size: 19px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
}

@media (min-width: 1064px) {
    .formula-countries-title{
        font-size: 24px;
    }
}

.formula-countries-subtitle{
    font-size: 17px;
    font-weight: normal;
}

.formula-country-choose{
    padding: 20px;
    margin: 20px;
    background-color: #f5f5f5;
}

@media (min-width: 1064px) {
    .formula-country-choose {
        padding: 40px;
        margin: 40px;
    }
}

.abode-choice-access__block-btn.align-left {
    text-align: center !important;
}

@media (min-width: 1064px) {
    .abode-choice-access__block-btn.align-left {
        text-align: left !important;
    }
}

.abode-choice-access__block.formula-block{
    background-color: #f5f5f5;
    padding: 0;
}

.abode-choice-access__body.formula-body{
    padding: 0;
    margin-top: 30px;
}

.formula-label{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
    display: inline-block;
}

.logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo--light {
    color: #FFF;
}

    .logo--light .logo__icon {
        display: block;
        margin-bottom: 10px;
    }

@media (min-width: 1064px) {
    .logo {
        flex-direction: row;
    }

    .logo--light .logo__icon {
        margin-bottom: 0;
    }
}

.logo__icon {
    display: none;
    width: 69px;
    height: 45px;
}

@media (min-width: 1064px) {
    .logo__icon {
        display: block;
        margin-right: 10px;
    }
}

.logo__caption {
    padding-top: 3px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
}

.logo__caption--lg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 600;
}

.logo__caption--l-visible {
    display: none;
}

@media (min-width: 1280px) {
    .logo__caption {
        text-align: left;
    }

    .logo__caption--l-visible {
        display: block;
    }
}

.main {
    position: relative;
    display: flex;
}

.main__sidebar {
    display: none;
    background-color: #DED7CF;
}

.main__sidebar--show {
    display: block;
    width: 100%;
}

@media (min-width: 1064px) {
    .main__sidebar {
        width: 300px;
    }

    .main__sidebar--show {
        width: 300px;
    }

    .main__sidebar--lg {
        width: 570px;
    }
}

.edit-form{
    width: 100%;
}

@media (min-width: 1064px){
    .edit-form{
        width: 50%;
    }
}

.width650{
    width: 650px;
}

.edit-title{
    font-size: 30px;
}

.main__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
}

.main__content--show-sidebar {
    display: none;
}

@media (min-width: 1064px) {
    .main__content--show-sidebar {
        display: flex;
        width: calc(100% - 300px);
        position: absolute;
        right: 0;
    }

    .main__content--lg-sidebar {
        width: calc(100% - 570px);
    }
}

.main-block-study {
    display: flex;
    flex-direction: column;
    margin: 0 -15px;
}

@media (min-width: 1280px) {
    .main-block-study {
        flex-direction: row;
        margin: 0;
    }
}

.main-block-study__banner > div {
    height: 100%;
}

@media (min-width: 1280px) {
    .main-block-study__banner {
        width: calc(100% - 400px);
    }
}

.main-block-study__list {
    margin-top: 2px;
}

@media (min-width: 1280px) {
    .main-block-study__list {
        margin-top: 0;
        margin-left: 2px;
        width: 400px;
        max-width: 100%;
        min-width: 400px;
    }
}

.menu-btn {
    position: relative;
    display: block;
    min-height: 17px;
    padding-left: 50px;
}

    .menu-btn.is-active .menu-btn__icon > span:nth-child(1) {
        top: 6px;
        transform: translateZ(0) rotate(45deg);
        transition: top .2s 0s, transform .2s .2s;
    }

    .menu-btn.is-active .menu-btn__icon > span:nth-child(2) {
        background-color: transparent;
    }

    .menu-btn.is-active .menu-btn__icon > span:nth-child(3) {
        top: 6px;
        transform: translateZ(0) rotate(-45deg);
        transition: top .2s 0s, transform .2s .2s;
    }

.menu-btn__icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 16px;
    cursor: pointer;
}

    .menu-btn__icon > span {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 2px;
        border-radius: 3px;
        background-color: #4E5258;
        transform: translateZ(0);
    }

        .menu-btn__icon > span:first-child {
            top: 0;
            transition: top .2s .2s, transform .2s 0s;
        }

        .menu-btn__icon > span:nth-child(2) {
            top: 0;
            bottom: 0;
            margin: auto 0;
        }

        .menu-btn__icon > span:nth-child(3) {
            bottom: 0;
            transition: bottom .2s .2s,transform .2s 0s;
        }

.natal-planet {
    height: 100%;
    padding: 10px;
    background-color: #CCCAC9;
}

.natal-planet--good {
    background-color: #F2F2CF;
}

.natal-planet--bad {
    background-color: #F7CDBD;
}

@media (min-width: 1064px) {
    .natal-planet {
        background-color: #EDEBE9;
    }

    .natal-planet--good {
        background-color: #F2F2CF;
    }

    .natal-planet--bad {
        background-color: #F7CDBD;
    }
}

.natal-planet__title {
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
}

.natal-planet__items {
    display: flex;
    flex-wrap: wrap;
    margin: -5px 0 0 -5px;
}

.natal-planet__item {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 5px 0 0 5px;
}

.natal-planet__icon .icon {
    width: 20px;
    height: 20px;
}

.planet_symbol_retrograde {
    width: 8px;
    height: 10px;
    margin-bottom: -6px;
    margin-left: -3px;
}

.natal-planet__caption {
    margin-left: 5px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 300;
}

.notify--dark .notify__content {
    background-color: #E5DDD2;
}

.panel__content.panel__content--dark{
    background-color: #E5DDD2;
}

.notify__title {
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    margin-bottom: 4px;
}

.notify__content {
    display: flex;
    padding: 20px;
    background-color: #EDEBE9;
}

.notify__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-right: 20px;
    margin-top: -3px;
}

.notify__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.p {
    max-width: 100%;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

    .p:not(:last-child) {
        margin-bottom: 20px;
    }

.p--italic {
    font-family: "MinionPro", sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    font-style: italic;
}

.p--w-600 {
    /*width: 600px;*/
}

.p--w-800 {
    width: 800px;
}

.p--mb-5 {
    margin-bottom: 5px !important;
}

.p--center {
    text-align: center;
}

.page {
    padding: 20px 0;
}

.page--pd-none {
    padding: 0;
}

@media (min-width: 1280px) {
    .page {
        padding: 40px 0;
    }

    .page--pd-none {
        padding: 0;
    }
}

.page__title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1em;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page__title--sm {
    font-size: 15px;
    letter-spacing: .2em;
}

@media (min-width: 1280px) {
    .page__title {
        margin-bottom: 30px;
    }

    .page__title--sm {
        margin-bottom: 20px;
    }

    .page__title--l-mb-20 {
        margin-bottom: 20px;
    }
}

.page__block:not(:first-child) {
    margin-top: 20px;
}

.page__block--mb-40 {
    margin-bottom: 20px;
}

@media (min-width: 1280px) {
    .page__block:not(:first-child) {
        margin-top: 40px;
    }

    .page__block--l-mb-20 {
        margin-bottom: 20px !important;
    }

    .page__block--l-mt-20 {
        margin-top: 20px !important;
    }

    .page__block--mb-40 {
        margin-bottom: 40px;
    }
}

.page-about-course{
    background: white;
    padding: 20px;
}

.page-about-course__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
}

.page-about-course__subtitle {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2em;
}

.page-about-course__list {
    margin-top: 20px;
    padding-bottom: 20px;
    border-bottom: 2px solid #F5F5F5;
}

@media (min-width: 1280px) {
    .page-about-course__list {
        margin-top: 40px;
        padding-bottom: 40px;
    }
}

.page-about-course__text {
    margin-top: 20px;
    width: 600px;
    max-width: 100%;
}

@media (min-width: 1280px) {
    .page-about-course__text {
        margin-top: 40px;
    }
}

.page-about-course__banner {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.2em;
    letter-spacing: .2em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    background-color: #C7A378;
    color: #FFF;
    padding: 20px;
}

@media (min-width: 1280px) {
    .page-about-course__banner {
        margin-top: 40px;
    }
}
.payment-text-banner{
    background-color: #6A507B;
}
.page-about-payment {
    background-color: #FFF;
    padding: 20px;
    font-size: 20px;
    font-weight: 600;
}

.page-about-payment_content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 30px;
}

.page-subscribe_content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.page-about-payment_content{
    border-bottom: 2px solid #F5F5F5;
    padding: 30px 0;
}

.about-payment-button, .subscribe-button{
    margin-left: 40px;
}

.page-article__img {
}

.page-article__content {
    width: 800px;
    max-width: 100%;
    margin-top: 40px;
    padding: 0 40px;
}

.page-article__title {
    font-size: 24px;
    line-height: 34px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.page-article__desc {
    margin-top: 30px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 300;
}

.page-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    color: #FFF;
}

.page-error__content {
    position: relative;
    margin: 20px auto;
    text-align: center;
}

@media (min-width: 768px) {
    .page-error__content {
        margin: 180px auto 60px auto;
    }
}

.page-error__planet {
    display: none;
}

@media (min-width: 1064px) {
    .page-error__planet {
        position: absolute;
        display: block;
        bottom: calc(100% - 40px);
        right: 20px;
    }
}

.page-error__code {
    font-size: 130px;
    line-height: 130px;
    font-weight: 900;
    letter-spacing: 2px;
}

@media (min-width: 768px) {
    .page-error__code {
        font-size: 260px;
        line-height: 260px;
    }
}

.page-error__caption {
    margin-top: 20px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.page-error__btn {
    text-align: center;
    margin-top: 40px;
}

.page-events {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1280px) {
    .page-events {
        flex-direction: row;
    }
}

.page-events__content {
    flex-grow: 1;
}

.page-events__next {
    margin-bottom: 20px;
}

    .page-events__next .btn-arrow:not(:first-child) {
        margin-top: 20px;
    }

@media (min-width: 1280px) {
    .page-events__next {
        margin-bottom: 40px;
    }
}

.page-events__last {
    margin-bottom: 20px;
}

    .page-events__last .btn-arrow:not(:first-child) {
        margin-top: 20px;
    }

@media (min-width: 1280px) {
    .page-events__related-articles {
        flex-shrink: 0;
        width: 400px;
        max-width: 100%;
        margin-left: 40px;
    }
}

.page-forecast__body {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
}

@media (min-width: 1280px) {
    .page-forecast__body {
        flex-direction: row;
    }
}

@media (min-width: 1280px) {
    .page-forecast__content {
        flex-direction: row;
        margin-right: 100px;
    }
}

.page-forecast__img {
    align-self: center;
    margin-top: 20px;
    width: 280px;
    max-width: 100%;
}

@media (min-width: 1280px) {
    .page-forecast__img {
        align-self: flex-start;
    }
}

.page-forecast__header {
    display: flex;
    align-items: center;
}

.page-forecast__icon {
    margin-right: 20px;
}

    .page-forecast__icon .icons__item:first-child {
        margin-right: -5px;
    }

    .page-forecast__icon .icons__item:last-child {
        margin-left: -5px;
    }

        .page-forecast__icon .icons__item:last-child .icon {
            opacity: .8;
        }

    .page-forecast__icon .icons__item .icon {
        width: 30px;
        height: 30px;
        margin: 0;
        background-color: #4E5258;
        color: #FFF;
        border-radius: 100%;
    }

        .page-forecast__icon .icons__item .icon .icon__inner {
            width: 20px;
            height: 20px;
        }

.page-forecast__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.page-forecast__title--mt-20 {
    margin-top: 20px;
}

.page-forecast__title--block {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 70px;
}

    .page-forecast__title--block:before {
        content: '';
        position: absolute;
        left: 5px;
        bottom: 2px;
        width: 15px;
        height: 15px;
        background-color: #3DBC07;
        opacity: .3;
    }

    .page-forecast__title--block:after {
        content: '';
        position: absolute;
        left: 30px;
        bottom: 2px;
        width: 15px;
        height: 15px;
        background-color: #E691A4;
        opacity: .3;
    }

.page-forecast__text {
    margin-top: 20px;
    margin-left: 70px;
}

.page-forecast__date {
    margin-top: 20px;
    margin-left: 70px;
    font-size: 14px;
    line-height: 1.35em;
    font-weight: 900;
    letter-spacing: .1em;
}

.page-forecast__block {
    margin-top: 10px;
    margin-left: 70px;
}

.page-natal{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E5DDD2;
}

.page-natal__header {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.page-natal__icon {
    width: 80px;
    height: 52px;
    margin-right: 20px;
    border-radius: 100%;
    background-color: white;
}

.page-natal__text text{
    color: #4E5258 !important;
}

.page-natal__title {
    font-size: 18px;
    font-weight: 900;
    line-height: 1.2em;
    letter-spacing: .01em;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .page-natal__title {
        font-size: 24px;
    }
}

.page-natal__text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.page-natal__body {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1064px) {
    .page-natal__body {
        flex-direction: row;
    }
}

.page-natal__side {
    margin-top: 20px;
    flex-shrink: 0;
    max-width: 100%;
}

@media (min-width: 568px) {
    .page-natal__side {
        width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 1064px) {
    .page-natal__side {
        margin-top: 0;
        margin-left: 20px;
    }
}

@media (min-width: 1280px) {
    .page-natal__side {
        margin-left: 40px;
    }
}

.payment-description_wrapper {
    background-color: #FFF;
    padding: 40px 40px;
}

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

.pagination__item {
    display: block;
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 38px;
    letter-spacing: 1px;
    text-align: center;
    background-color: #FFF;
    color: #4E5258;
}

    .pagination__item:not(:first-child) {
        margin-left: 5px;
    }

.pagination__item--prev {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C7A378;
    color: #FFF;
}

    .pagination__item--prev .icon {
        width: 15px;
        height: 30px;
        transform: rotate(90deg);
    }

.pagination__item--next {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #C7A378;
    color: #FFF;
}

    .pagination__item--next .icon {
        width: 15px;
        height: 30px;
        transform: rotate(270deg);
    }

.pagination__item.is-disabled {
    background-color: #E5DDD2;
}

.pagination__item.is-disabled{
    cursor: default;
}

.pagination__item.is-disabled:hover{
    cursor: default;
    opacity: 1;
}

.pagination__item.is-active {
    background-color: #6A507B;
    color: #FFF;
    cursor: default;
}

.pagination__item.dots{
    cursor: default;
    background-color: transparent;
}

.pagination__item.is-active:hover,
.pagination__item.dots:hover{
    opacity: 1;
}

.pagination__item.dots {

}

.pagination__item:hover {
    opacity: .6;
}

.panel {
    color: #4E5258;
}

    .panel.is-active .panel__left--active-main {
        background-color: #6A507B;
    }

    .panel.is-active .panel__btn {
        transform: rotate(180deg);
    }

    .panel.is-active .panel__head:before {
        width: calc(100% - 20px);
    }

    .panel.is-active .panel__item--content {
        max-height: 10000px;
    }

    .panel.is-active .panel__item--mt-5 {
        margin-top: 5px;
    }

    .panel.is-active .panel__item--mt-15 {
        margin-top: 15px;
    }

    .display-block{
        display: block;
    }

.panel__item {
    display: flex;
}

.panel__item--content {
    max-height: 0;
    transition: max-height .2s;
    overflow: hidden;
}

.panel__left {
    display: none;
    flex-shrink: 0;
    width: 110px;
    background-color: #E5DDD2;
    transition: background .2s;
}

.panel__left--circle:before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: 15px auto;
    background-color: #FFF;
    border-radius: 100%;
}

.panel__left--main {
    background-color: #6A507B;
}

.panel__left--pink {
    background-color: #DD9AC2;
}

.panel__left--blue {
    background-color: #C9DDFF;
}

.panel__left--red {
    background-color: #E15554;
}

.panel__left--green {
    background-color: #8AD669;
}

.panel__left--yellow {
    background-color: #F8DC8C;
}

.panel__left--black {
    background-color: #4E5258;
}

.panel__left .icon {
    width: 60px;
    height: 60px;
    margin: 15px;
    background-color: #FFF;
    color: #6A507B;
    border-radius: 100%;
}

    .panel__left .icon .icon__inner {
        width: 30px;
        height: 30px;
    }

.panel__left .icons {
    margin: 30px 15px;
}

.panel__left .icons__item:first-child {
    margin-right: -6px;
}

.panel__left .icons__item:last-child {
    margin-left: -6px;
}

    .panel__left .icons__item:last-child .icon {
        opacity: .8;
    }

.panel__left .icons__item .icon {
    width: 36px;
    height: 36px;
    margin: 0;
}

    .panel__left .icons__item .icon .icon__inner {
        width: 20px;
        height: 20px;
    }

@media (min-width: 568px) {
    .panel__left {
        display: block;
    }
}

.panel__right {
    flex-grow: 1;
    background-color: #FFF;
}

.panel__head {
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 20px;
}

.panel__head--line:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    width: 0;
    height: 1px;
    background-color: #E5DDD2;
    transition: width .2s;
}

.panel__header {
    width: 95%;
    padding-right: 60px;
}

.panel__title {
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.panel__title--lg {
    font-size: 18px;
    line-height: 1em;
}

@media (min-width: 768px) {
    .panel__title--lg {
        font-size: 24px;
    }
}

.panel__annotation{
    margin-top: 7px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    margin-right: 300px;
}

.panel__subtitle {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
}

.panel__subtitle--synastry{
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: normal;
}

.panel__subtitle--elements{
    margin-top: 20px;
    font-size: 17px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: normal;
    border-bottom: 1px solid #e5ddd2;
    padding-bottom: 15px;
}

.panel__subtitle--elements:last-child{
    border-bottom: none;
    font-size: 19px;
    padding-bottom: 0;
    font-weight: 600;
}

.panel__title_element--lg{
    font-size: 20px;
}

.panel__subtitle--bold {
    font-weight: 900;
}

.panel__subtitle--italic {
    font-style: italic;
}

.panel__subtitle--mt-0 {
    margin-top: 0;
}

.panel__subtitle--mt-5 {
    margin-top: 5px;
}

.panel__subtitle--mt-15 {
    margin-top: 15px;
}

.panel__btn {
    position: absolute;
    right: 40px;
    width: 20px;
    height: 15px;
    cursor: pointer;
    transition: transform .2s;
}

    .panel__btn:hover {
        opacity: .4;
    }

.panel__content {
    padding: 20px;
}

.partner-card__img {
    width: 100%;
}

.partner-card__content {
    padding: 20px;
    background-color: #FFF;
    color: #4E5258;
    min-height: 110px;
    border-top: 1px solid #edebe9;
}

.partner-card__title {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.partner-card__desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.payment-card {
    padding: 20px;
    background-color: #EDEBE9;
}

.payment-card__block {
    margin-bottom: 20px;
}

.payment-card__item {
    margin-bottom: 10px;
}

.payment-card__price {
    font-size: 24px;
    line-height: 1.35em;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
}

.payment-card__btn {
    text-align: center;
}

.payment-table__head {
    display: none;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    color: #FFF;
    background-color: #C7A378;
}

@media (min-width: 1064px) {
    .payment-table__head {
        display: flex;
    }
}

.payment-table__head-col {
    display: flex;
    align-items: center;
    padding: 13px 15px 10px 15px;
}

.payment-table__head-col--5 {
    width: 5%;
}

.payment-table__head-col--15 {
    width: 15%;
}

.payment-table__head-col--20 {
    width: 20%;
}

.payment-table__head-col--40 {
    width: 40%;
}

.payment-table__head-col--45 {
    width: 45%;
}

.payment-table__head-col--60 {
    width: 60%;
}

.payment-table__head-col--80 {
    width: 80%;
}

.payment-table__head-col--30 {
    width: 30%;
}

.payment-table__head-col--70 {
    width: 70%;
}

.payment-table__row {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1em;
    font-weight: 300;
    letter-spacing: .1em;
    border-top: 5px solid #FFF;
}

@media (min-width: 1064px) {
    .payment-table__row {
        flex-direction: row;
    }
}

.payment-table__col {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 13px 15px 10px 15px;
    background-color: #EDEBE9;
    flex-shrink: 0;
    padding-left: 50%;
}

    .payment-table__col:before {
        content: attr(data-title);
        position: absolute;
        left: 15px;
    }

@media (min-width: 1064px) {
    .payment-table__col {
        padding-left: 15px;
    }

        .payment-table__col:before {
            display: none;
        }

        .payment-table__col:not(:first-child) {
            border-left: 5px solid #FFF;
        }

    .payment-table__col--5 {
        width: 5%;
    }

    .payment-table__col--15 {
        width: 15%;
    }

    .payment-table__col--20 {
        width: 20%;
    }

    .payment-table__col--30 {
        width: 30%;
    }

    .payment-table__col--45 {
        width: 45%;
    }

    .payment-table__col--60 {
        width: 60%;
    }

    .payment-table__col--70 {
        width: 70%;
    }

    .payment-table__col--80 {
        width: 80%;
    }

    .payment-table__col--40 {
        width: 40%;
    }
}

.person {
    display: flex;
    flex-direction: column;
    padding: 40px 0;
}

@media (min-width: 1064px) {
    .person {
        padding: 40px 20px;
    }
}

@media (min-width: 1280px) {
    .person {
        flex-direction: row;
    }
}

.payment-table__col--hover:hover{
    background-color: #e2e0de;
}

.person__image {
    align-self: center;
    max-width: 100%;
    object-fit: contain;
    object-position: 50%;
}

@media (min-width: 568px) {
    .person__image {
        max-width: 400px;
        max-height: 400px;
    }
}

@media (min-width: 1280px) {
    .person__image {
        width: 400px;
        min-width: 400px;
        height: 400px;
        margin-right: 20px;
        border-radius: 100%;
    }
}

.person__title {
    margin-top: 40px;
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .person__title {
        margin-top: 0;
    }
}

.person__caption {
    width: 350px;
    max-width: 100%;
    margin-top: 10px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

@media (min-width: 1280px) {
    .person__caption {
        margin-top: 30px;
    }
}

.person__desc {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

@media (min-width: 1280px) {
    .person__desc {
        margin-top: 30px;
    }
}

.person__more {
    margin-top: 20px;
    font-weight: 600;
}

.person__btns {
    margin-top: 30px;
}

    .person__btns .btn {
        width: 100%;
    }

        .person__btns .btn:not(:last-child) {
            margin-bottom: 10px;
        }

@media (min-width: 568px) {
    .person__btns .btn {
        width: auto;
    }

        .person__btns .btn:not(:last-child) {
            margin-bottom: 0;
            margin-right: 20px;
        }
}

.planet {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
    color: #4E5258;
    background-color: #E5DDD2;
    min-height: 88px;
}

    .planet.is-active {
        background-color: #6A507B;
        color: #FFF;
    }

    .planet.is-closed:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #BE7183;
        opacity: .8;
    }

.planet__icon {
    color: #6A507B;
    margin-bottom: 10px;
}

    .planet__icon .icon {
        width: 30px;
        height: 30px;
        background-color: #FFF;
        border-radius: 100%;
    }

        .planet__icon .icon .icon__inner {
            width: 20px;
            height: 20px;
        }

.planet__caption {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .8px;
    text-align: center;
}

.planet__message {
    position: absolute;
    z-index: 1;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .8px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    text-shadow: 0px 0px 10px black;
}

.planet-text {
    padding: 20px;
    background-color: #EDEBE9;
    height: 100%;
    min-height: 220px;
    color: #4E5258;
}

.planet-text__head {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.planet-text__icon {
    margin-right: 20px;
}

    .planet-text__icon .icon {
        width: 40px;
        height: 26px;
    }

.planet-text__title {
    padding-top: 3px;
    font-size: 15px;
    line-height: 21px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.planet-text__body {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.planet-toggle {
    display: flex;
    background-color: #FFF;
    color: #4E5258;
}

    .planet-toggle.is-active .planet-toggle__head:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #E5DDD2;
    }

    .planet-toggle.is-active .planet-toggle__body {
        display: block;
    }

.planet-toggle__side {
    width: 80px;
    flex-shrink: 0;
}

    .planet-toggle__side .icon {
        width: 40px;
        height: 26px;
        margin: 15px 20px;
    }

.planet-toggle__content {
    flex-grow: 1;
}

.planet-toggle__head {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 60px;
    padding: 20px 20px 20px 0;
}

    .planet-toggle__head:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background-color: #E5DDD2;
    }

.planet-toggle__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.planet-toggle__btn {
    position: absolute;
    right: 40px;
    width: 20px;
    height: 15px;
    cursor: pointer;
}

.planet-toggle__body {
    display: none;
    padding: 20px 20px 20px 0;
}

.points {
    padding: 10px 20px;
    background-color: #F8F7F7;
}

.points--warning {
    background-color: rgba(230, 145, 164, 0.8);
    color: #FFF;
}

.points--success {
    background-color: rgba(138, 214, 105, 0.8);
}

.points__title {
    font-size: 12px;
    line-height: 12px;
}

.points__quantity {
    padding-top: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.profile-brick {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 82px;
    height: 100%;
    padding: 10px 35px 10px 15px;
    background-color: #EDEBE9;
    cursor: pointer;
}

.profile-brick--clickable .profile-brick__btn {
    display: none;
}

.profile-brick--clickable.is-checked .profile-brick__btn {
    display: block;
}

.profile-brick.is-checked {
    background-color: #6A507B;
    color: #FFF;
}

.profile-brick__avatar {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.profile-brick__content {
    flex-grow: 1;
}

.profile-brick__title {
    font-size: 12px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.profile-brick__subtitle {
    font-size: 12px;
    line-height: 18px;
}

.profile-brick__btn {
    width: 15px;
    height: 15px;
    color: #FFF;
}

.profile-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 20px;
    background-color: #FFF;
}

.profile-card__top {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.profile-card__title {
    font-size: 24px;
    font-weight: 900;
    line-height: 34px;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}

.profile-card__icon {
    margin-top: 20px;
    text-align: center;
}

.profile-card__icon--i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #3DBC07;
    border-radius: 100%;
    color: #FFF;
    font-size: 24px;
    font-weight: 900;
    line-height: 19px;
    letter-spacing: .8px;
}

.profile-card__icon--i-dark {
    background-color: #4E5258;
}

.profile-card__icon .icon {
    display: inline-flex;
    align-items: flex-end;
    width: 60px;
    height: 60px;
    background-color: #6A507B;
    color: #FFF;
    border-radius: 100%;
}

    .profile-card__icon .icon .icon__inner {
        width: 45px;
        height: 55px;
        margin-bottom: -1px;
    }

.profile-card__subtitle {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: .8px;
    text-align: center;
}

.profile-card__subtitle--lg {
    font-size: 15px;
    font-weight: 900;
    text-transform: uppercase;
}

.profile-card__delimiter {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    background-color: #EDEBE9;
}

.profile-card__btn {
    width: 100%;
    margin-top: 40px;
}

    .profile-card__btn .btn {
        width: 100%;
    }

.profile-card__block {
    margin-top: 20px;
    width: 100%;
}

.profile-card__block--mt-40 {
    margin-top: 40px;
}

.profile-card__block--text-center {
    text-align: center;
}

.profile-panel {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    margin-bottom: 5px;
    background-color: #4E5258;
    color: #FFF;
}

    .profile-panel.is-active {
        background-color: #6A507B;
    }

        .profile-panel.is-active .profile-panel__info {
            justify-content: space-between;
        }

.profile-panel__info {
    flex-grow: 1;
    display: none;
    margin: 0 10px;
}

.profile-panel__info--none {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .profile-panel__info {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (min-width: 1440px) {
    .profile-panel__info {
        margin: 0 40px;
    }
}

.profile-panel__none {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .profile-panel__none {
        flex-direction: row;
        transform: translateX(30%);
    }
}

.profile-panel__none-title {
    margin-left: 15px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media (min-width: 1024px) {
    .profile-panel__none-title {
        font-size: 15px;
        line-height: 1em;
        margin-left: 0;
        margin-right: 15px;
    }
}

@media (min-width: 1280px) {
    .profile-panel__none-title {
        margin-right: 40px;
    }
}

.profile-panel__none-icon {
    width: 67px;
    height: 40px;
}

@media (min-width: 1064px) {
    .profile-panel__none-icon {
        width: 78px;
        height: 50px;
    }
}

.profile-panel__info-mobile {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 15px;
}

    .profile-panel__info-mobile > *:not(:first-child) {
        margin-left: 10px;
    }

@media (min-width: 1024px) {
    .profile-panel__info-mobile > *:not(:first-child) {
        margin-left: 15px;
    }
}

@media (min-width: 1024px) {
    .profile-panel__info-mobile {
        display: none;
    }
}

.profile-panel__date {
    display: flex;
    align-items: center;
}

    .profile-panel__date > *:not(:first-child) {
        margin-left: 10px;
    }

    .profile-panel__date > *:last-child {
        margin-left: 10px;
    }

@media (min-width: 1440px) {
    .profile-panel__date > *:not(:first-child) {
        margin-left: 20px;
    }

    .profile-panel__date > *:last-child {
        margin-left: 40px;
    }
}

.profile-panel__edit {
    width: 15px;
    height: 17px;
    cursor: pointer;
}

.profile-panel__list {
    flex-shrink: 0;
    width: 70px;
    min-height: 70px;
    margin-right: 0;
    background-color: #C7A378;
}

@media (min-width: 1280px) {
    .profile-panel__list {
        width: 280px;
        margin-right: 15px;
    }
}

@media (min-width: 1440px) {
    .profile-panel__list {
        width: 330px;
        margin-right: 30px;
    }
}

.profile-panel__coords {
    font-size: 14px;
    line-height: 19px;
    font-weight: 300;
    text-align: right;
}

.profile-panel__list {
    width: 70px;
    max-width: 100%;
}

@media (min-width: 1280px) {
    .profile-panel__list {
        width: 330px;
        max-width: 100%;
        margin-right: 30px;
    }
}

.profile-panel-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    color: #4E5258;
}

    .profile-panel-item__btn:hover {
        color: white;
    }

.profile-panel-item__avatar {
    width: 20px;
    height: 20px;
    margin-right: 2px;
}

@media (min-width: 1280px) {
    .profile-panel-item__avatar {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }
}

.profile-panel-item__text {
    flex-grow: 1;
}

.profile-panel-item__title {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    width: 80%;
}

.profile-panel-item__subtitle {
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    width: 80%;
}

.profile-panel-item__btn {
    width: 15px;
    height: 15px;
    margin-right: 10px;
    color: #d6d6d6;
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 32px;
}

.profile-panel-list {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 70px;
    background-color: #C7A378;
}

    .profile-panel-list.is-active .profile-panel-list__content {
        display: block;
        border: 1px solid #E5DDD2;
    }

    .profile-panel-list.is-active .profile-panel-list__toggle {
        transform: rotate(180deg);
    }

@media (min-width: 1280px) {
    .profile-panel-list {
        position: relative;
        justify-content: space-between;
        padding: 0 20px;
    }
}

.profile-panel-list__icon {
    display: none;
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

@media (min-width: 1280px) {
    .profile-panel-list__icon {
        display: block;
    }
}

.profile-panel-list__caption {
    display: none;
    flex-grow: 1;
    margin-top: 5px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .profile-panel-list__caption {
        display: block;
    }
}

.profile-panel-list__toggle {
    width: 15px;
    height: 30px;
    cursor: pointer;
}

.profile-panel-list__content {
    position: absolute;
    z-index: 10;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    padding: 15px 0;
    background-color: #FFF;
}

.profile-panel-list__search {
    margin: 0 15px;
}

.profile-panel-list__item {
    position: relative;
}

    .profile-panel-list__item:not(:last-child):after {
        content: '';
        position: absolute;
        left: 80px;
        bottom: 0;
        width: calc(100% - 80px);
        height: 1px;
        background-color: #E5DDD2;
    }


.profile-panel-list__item.profile-selected:not(:last-child):after {
    background-color: #6a507b;
}

.profile-panel-list__item.profile-selected {
    background-color: #6a507b !important;
}

.profile-panel-list__item.profile-selected .profile-panel-item__title,
.profile-panel-list__item.profile-selected .profile-panel-item__subtitle,
.profile-panel-list__item.profile-selected .name_second,
.profile-panel-list__item.profile-selected .unpaid{
    color: white;
}

.profile-panel-list__add {
    padding: 20px 15px 0 15px;
    margin-top: 1px;
    border-top: 1px solid #E5DDD2;
}

    .profile-panel-list__add .btn {
        width: 100%;
    }

.progress {
    position: relative;
    height: 35px;
    margin-top: 14px;
    background-color: #C07989;
}

@media (min-width: 768px) {
    .progress {
        margin-top: 16px;
    }
}

.progress:before {
    content: attr(data-loaded);
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-40%);
    font-size: 12px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .8px;
    color: #FFF;
}

@media (min-width: 768px) {
    .progress:before {
        left: 20px;
        font-size: 15px;
    }
}

.progress:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../img/progress-scale.png");
    background-repeat: repeat-x;
    background-position: 0 100%;
}

.progress__title {
    position: absolute;
    bottom: calc(100% + 4px);
    left: 0;
    font-size: 10px;
    line-height: 1em;
}

@media (min-width: 768px) {
    .progress__title {
        font-size: 12px;
    }
}

.progress__success {
    position: relative;
    width: 0;
    height: 35px;
    background-color: #8AD669;
    transition: width .4s ease-in;
}

    .progress__success:before {
        content: attr(data-title);
        position: absolute;
        bottom: calc(100% + 4px);
        left: 100%;
        width: 21%;
        font-size: 10px;
        line-height: 1em;
    }

@media (min-width: 768px) {
    .progress__success:before {
        font-size: 12px;
    }
}

.progress__success:after {
    content: attr(data-left);
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    transform: translateY(-40%);
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .8px;
    color: #FFF;
}

@media (min-width: 768px) {
    .progress__success:after {
        left: calc(100% + 20px);
        font-size: 15px;
    }
}

.questionnaire-price {
    display: flex;
    align-items: center;
}

.questionnaire-price__title {
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    margin-right: 25px;
}

.questionnaire-price__item {
    font-size: 24px;
    line-height: 1.45em;
    font-weight: 900;
}

.radio-city__input {
    display: none;
}

    .radio-city__input:checked + .radio-city__label {
        background-color: #6A507B;
        color: #FFF;
    }

.radio-city__label {
    display: block;
    padding: 12px 20px 11px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    background-color: #FFF;
    cursor: pointer;
}

.review-card {
    display: flex;
    padding: 15px 20px 20px 20px;
    background-color: #FFF;
}

.review-card__icon {
    display: none;
}

    .review-card__icon .icon {
        align-items: flex-end;
        width: 68px;
        height: 68px;
        background-color: #E5DDD2;
        border-radius: 100%;
    }

        .review-card__icon .icon .icon__inner {
            width: 44px;
            height: 58px;
            color: #EDEBE9;
        }

@media (min-width: 568px) {
    .review-card__icon {
        display: block;
    }
}

.review-card__content {
    margin-top: 5px;
    margin-left: 20px;
}

.review-card__author {
    font-size: 15px;
    font-weight: 900;
    line-height: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.review-card__time {
    margin-top: 5px;
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 1px;
}

.review-card__text {
    margin-top: 25px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 1px;
}

.search {
    position: relative;
    background-color: #EDEBE9;
}

.search__field {
    width: 100%;
    padding: 13px 60px 8px 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    background-color: #EDEBE9;
    outline: none;
    border: none;
}

.search__icon {
    position: absolute;
    top: calc(50% - 7.5px);
    right: 20px;
    padding: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

    .search__icon .icon {
        width: 15px;
        height: 15px;
    }

.section {
    padding: 40px 0;
}

.section--moon-calendar {
    background-color: #e4d0b4;
}

.section--personal {
    background-color: #E5DDD2;
}

.section--business {
    background-color: #D3CCD3;
}

.section--bg {
    background-image: url("../img/section-bg.png");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #FFF;
}

.section__inner {
    position: relative;
}

.section__title {
    font-size: 22px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media (min-width: 1064px) {
    .section__title {
        padding-right: 35%;
    }
}

@media (min-width: 1280px) {
    .section__title {
        font-size: 36px;
        letter-spacing: .2em;
    }
}

.section__desc {
    width: 600px;
    max-width: 100%;
    margin-top: 20px;
    font-family: "MinionPro", sans-serif;
    font-style: italic;
    line-height: 16px;
}

.section__desc--lg {
    width: 800px;
}

@media (min-width: 1280px) {
    .section__desc {
        margin-top: 25px;
    }
}

.section__body {
    margin-top: 30px;
}

@media (min-width: 1280px) {
    .section__body {
        margin-top: 60px;
    }
}

.section__btn {
    margin-top: 30px;
    text-align: center;
}

    .section__btn .btn {
        width: 100%;
    }

@media (min-width: 568px) {
    .section__btn .btn {
        width: auto;
    }
}

@media (min-width: 1064px) {
    .section__btn {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 0;
        text-align: left;
    }
}

.section__block {
    margin-top: 25px;
}

@media (min-width: 1064px) and (max-width: 1279px) {
    .main__content--show-sidebar .section--personal .grid__c--m-1-3, .main__content--show-sidebar .section--business .grid__c--m-1-3 {
        width: 50%;
    }
}

@media (min-width: 1280px) and (max-width: 1599px) {
    .main__content--show-sidebar .section--personal .grid__c--l-1-4, .main__content--show-sidebar .section--business .grid__c--l-1-4 {
        width: 33.3333%;
    }
}

.sidebar__item--natal {
    margin-top: 5px;
    margin-bottom: 5px;
}

@media (min-width: 1064px){
    .sidebar__item--natal {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.sidebar__item--bb {
    border-bottom: 1px solid #EDEBE9;
}

.sidebar__item--question {
    text-align: center;
    margin: 20px;
}

.sidebar__item--lang {
    margin-top: 20px;
}

.sidebar__item--social {
    display: flex;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

@media (min-width: 1064px) {
    .sidebar__item--lang {
        display: none;
    }

    .sidebar__item--social {
        display: none;
    }
}

.sidebar-menu {
    color: #4E5258;
}

    .sidebar-menu.is-active .sidebar-menu__items {
        max-height: 1000px;
        transition: max-height .2s ease-in;
    }

    .sidebar-menu.is-active .sidebar-menu__icon .icon {
        width: 15px;
        height: 30px;
        transform: rotate(0deg);
    }

@media (min-width: 1064px) {
    .sidebar-menu.is-active .sidebar-menu__icon .icon {
        transform: rotate(180deg);
    }
}

.sidebar-menu__head {
    position: relative;
    display: flex;
    padding: 15px 15px;
    cursor: pointer;
    user-select: none;
}

.sidebar-menu__head--dark {
    color: #FFF;
    background-color: #4E5258;
}

@media (min-width: 1064px) {
    .sidebar-menu__head {
        padding: 20px;
    }

    .sidebar-menu__head--dark {
        color: #4E5258;
        background-color: transparent;
    }
}

.sidebar-menu__caption {
    padding-top: 3px;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar-menu__icon {
    position: absolute;
    right: 15px;
}

    .sidebar-menu__icon .icon {
        width: 15px;
        height: 30px;
        transform: rotate(270deg);
    }

@media (min-width: 1064px) {
    .sidebar-menu__icon {
        position: static;
        margin-left: 20px;
    }

        .sidebar-menu__icon .icon {
            transform: rotate(0deg);
        }
}

.sidebar-menu__link {
    display: block;
    padding: 13px 15px 10px 15px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

    .sidebar-menu__link:hover {
        background-color: #B0A1AD;
    }

    .sidebar-menu__link.is-active {
        background-color: #6A507B;
        color: #FFF;
    }

@media (min-width: 1064px) {
    .sidebar-menu__link {
        padding: 13px 20px 10px 20px;
    }
}

.sidebar-menu__items {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
}

.sidebar-menu-item {
    display: flex;
    padding: 13px 15px 10px 15px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}

    .sidebar-menu-item:hover {
        background-color: #B0A1AD;
    }

    .sidebar-menu-item.is-active {
        background-color: #6A507B;
        color: #FFF;
    }

        .sidebar-menu-item.is-active .sidebar-menu-item__icon {
            color: #6A507B;
        }

            .sidebar-menu-item.is-active .sidebar-menu-item__icon .icon {
                background-color: #FFF;
            }

@media (min-width: 1064px) {
    .sidebar-menu-item {
        padding: 13px 20px 10px 20px;
    }
}

.sidebar-menu-item__icon {
    margin-right: 25px;
    color: #FFF;
}

    .sidebar-menu-item__icon .icon {
        background-color: #C7A378;
        border-radius: 100%;
        width: 27px;
        height: 27px;
    }

        .sidebar-menu-item__icon .icon .icon__inner {
            width: 15px;
            height: 15px;
        }

.sidebar-menu-item__caption {
    align-self: center;
    width:100%;
}

.sidebar-natal {
    padding: 15px;
    background-color: #EDEBE9;
}

    .sidebar-natal.is-active .sidebar-natal__chart {
        width: 100%;
        margin-right: 15px;
    }

    .sidebar-natal.is-active .sidebar-natal__text {
        display: none;
    }

    .sidebar-natal.is-active .sidebar-natal__toggle {
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .sidebar-natal.is-active .sidebar-natal__toggle .icon {
            transform: rotate(0);
        }

    .sidebar-natal.is-active .sidebar-natal__bottom {
        display: block;
    }

@media (min-width: 1064px) {
    .sidebar-natal {
        padding: 20px;
        background-color: transparent;
    }
}

.sidebar-natal__top {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-natal__chart.active {
    display: block;
}

.sidebar-natal__chart {
    width: 40px;
    margin-right: 15px;
    border-radius: 100%;
    display: none;
}

@media (min-width: 1064px) {
    .sidebar-natal__chart {
        width: 100%;
        margin-right: 0;
    }
}

.sidebar-natal__text {
    flex-grow: 1;
}

@media (min-width: 1064px) {
    .sidebar-natal__text {
        display: none;
    }
}

.sidebar-natal__title {
    font-size: 12px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.sidebar-natal__subtitle {
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
}

.sidebar-natal__toggle .icon {
    width: 20px;
    height: 20px;
    transform: rotate(180deg);
}

.sidebar-map__toggle{
    display: none;
}

.map_title{
    display: none;
    position: absolute;
    left: 30px;
    top: -2px;
    font-size: 14px;
    line-height: 15px;
}

.map_title.active{
    display: block;
}

.sidebar-natal.is-active .sidebar-map__toggle{
    display: block;
}

.sidebar-map__toggle {
    position: absolute;
    left: 0;
    top: 0;
}

.sidebar-map__toggle .icon {
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
}

.sidebar-map__toggle:hover {
    cursor: pointer;
}

@media (min-width: 1064px) {
    .sidebar-natal__toggle {
        position: absolute;
        right: 0;
        bottom: 0;
    }

        .sidebar-natal__toggle:hover {
            opacity: .6;
            cursor: pointer;
        }

    .sidebar-map__toggle:hover {
        opacity: .6;
    }
}

.conflict-line{
    font-size: 13px;
}

.compatibility-table__col-inner--icon .icon.planet-conflict{
    margin-left: 5px;
}

.planet-conflict{
    width: 12px;
    height: 12px;
    margin-right: 1px;
}

.sidebar-natal__bottom {
    display: none;
}

.sidebar-natal__planets {
    margin: 15px -15px 0 -15px;
}

@media (min-width: 1064px) {
    .sidebar-natal__planets {
        margin: 40px 0 0 0;
    }
}

.sidebar-natal__desc {
    margin-top: 15px;
    font-family: "MinionPro", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-style: italic;
}

@media (min-width: 1064px) {
    .sidebar-natal__desc {
        margin-top: 40px;
    }
}

.situation-status {
    display: flex;
    align-items: center;
}

.situation-status__icon {
    margin-right: 20px;
}

    .situation-status__icon .icon {
        width: 35px;
        height: 35px;
        background-color: #F8DC8C;
    }

        .situation-status__icon .icon .icon__inner {
            width: 20px;
            height: 20px;
        }

.situation-status__icon--dark .icon {
    background-color: #4E5258;
    color: #FFF;
}

.situation-status__title {
    font-size: 12px;
    line-height: 24px;
}

.situation-status-cart {
    display: flex;
}

.situation-status-cart__icon .icon {
    width: 40px;
    height: 40px;
    background-color: #F8DC8C;
    color: #4E5258;
}

    .situation-status-cart__icon .icon .icon__inner {
        width: 20px;
        height: 20px;
    }

.situation-status-cart__icon--dark .icon {
    background-color: #4E5258;
    color: #FFF;
}

.situation-status-cart__content {
    margin-left: 20px;
}

.situation-status-cart__title {
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 900;
    line-height: 18px;
}

.situation-status-cart__text {
    margin-bottom: 15px;
    font-size: 11px;
    font-weight: 300;
    line-height: 18px;
}

@media (min-width: 1064px) {
    .situation-status-cart__title {
        font-size: 14px;
    }

    .situation-status-cart__text {
        font-size: 14px;
    }
}

.situations__head {
    display: flex;
    padding: 20px 40px;
    background-color: #FFF;
}

    .situations__head > *:not(:first-child) {
        margin-left: 40px;
    }

.situations__body {
    padding: 0 40px 5px;
    background-color: #FFF;
}

.no-result{
    padding: 7px 20px;
    border: 1px solid #e6e6e6;
    width: 100%;
    font-size: 12px;
    background: white;
}

.search-paid-countries{
    margin: 20px 0;
}

.search-paid-countries input{
    border: 1px solid #e6e6e6;
    padding: 7px 20px;
    width: 300px;
    font-size: 13px
}

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

.social__item:not(:first-child) {
    margin-left: 15px;
}

@media (min-width: 1280px) {
    .social__item:not(:first-child) {
        margin-left: 40px;
    }
}

.social__link {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}

.social__link--vk {
    width: 41px;
    height: 24px;
    background-image: url("../img/social.png");
}

.social__link--in {
    width: 27px;
    height: 27px;
    background-image: url("../img/social.png");
    background-position-x: -78px;
}

.social__link--fb {
    width: 17px;
    height: 26px;
    background-image: url("../img/social.png");
    background-position-x: -142px;
}

.social__link:hover {
    opacity: .6;
}

.social-login {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.social-login__title {
    font-size: 15px;
    font-weight: 900;
    line-height: 19px;
    letter-spacing: .8px;
    text-transform: uppercase;
}

.social-login__items {
    display: flex;
    margin-top: 20px;
}

    .social-login__items > .social-login__item:not(:first-child) {
        margin-left: 20px;
    }

.social-login__link {
    color: #FFF;
}

    .social-login__link .icon {
        width: 50px;
        height: 50px;
        background-color: #6A507B;
        border-radius: 100%;
    }

.social-login__link--vk .icon__inner {
    width: 33px;
    height: 20px;
}

.social-login__link--in .icon__inner {
    width: 24px;
    height: 24px;
}

.social-login__link--fb .icon__inner {
    width: 15px;
    height: 27px;
}

.special {
    background-image: url("../img/bg.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    padding: 20px 0;
    color: #FFF;
    margin-top: -1px;
}

@media (min-width: 1280px) {
    .special {
        padding: 40px 0;
    }
}

.special__inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

@media (min-width: 1280px) {
    .special__inner {
        flex-direction: row;
    }
}

.special__middle {
    flex-grow: 1;
    margin-top: 20px;
    text-align: center;
}

@media (min-width: 1280px) {
    .special__middle {
        margin-top: 0;
        margin-left: 40px;
        text-align: left;
    }
}

.special__title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 2px;
    font-weight: 900;
    text-transform: uppercase;
}

.special__title--lg {
    font-size: 24px;
    line-height: 1em;
}

@media (min-width: 1064px) {
    .special__title--lg {
        font-size: 36px;
    }
}

.special__caption {
    max-width: 100%;
    margin-top: 15px;
    font-family: "MinionPro", sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-style: italic;
}

@media (min-width: 1064px) {
    .special__caption {
        width: 350px;
    }
}

@media (min-width: 1366px) {
    .special__caption {
        width: 400px;
    }
}

.special__bottom{
    text-align: center;
}

.special__price {
    font-size: 50px;
    line-height: 44px;
    font-weight: 900;
}

.special__price--caption {
    font-size: 16px;
    line-height: 22px;
    font-weight: 900;
    text-transform: uppercase;
}

.special__btn {
    margin-top: 20px;
}

/*Black Friday */
.bg-black-friday{
    background-image: url('/template/img/services_bg.jpg');
    /*background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/template/img/services_bg.jpg');*/
    /*background-size: cover;*/
    /*background-position-y: 20%;*/
    /*filter: saturate(0.4);*/
}

.special__inner-banner{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.special__bottoms-banner a{
    margin-top: 10px;
    margin-right: 20px;
}

.banner-color{
    color: #4E5258;
}
/*Black Friday */

.square {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 15px;
    background-color: #6A507B;
    color: #FFF;
}

.square--gold {
    background-color: #C7A378;
}

.square--yellow {
    background-color: #F8DC8C;
    color: #4E5258;
}

.square--black {
    background-color: #6D7074;
}

@media (min-width: 768px) {
    .square {
        padding: 40px;
    }
}

.square__title {
    padding-right: 70px;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.35em;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.square__icon {
    position: absolute;
    top: 40px;
    right: 50px;
}

    .square__icon .icon {
        width: 50px;
        height: 50px;
    }

.square__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.square__text {
    margin-top: 30px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.35em;
}

.square__btn {
    margin-top: 30px;
}

.sweet-toggle {
    position: relative;
    padding: 20px 70px 20px 20px;
    background-color: #DBF2D1;
    color: #4E5258;
}

.sweet-toggle--warning {
    background-color: #F7DDE3;
}

.sweet-toggle.is-active .sweet-toggle__content {
    max-height: 2000px;
}

.sweet-toggle.is-active .sweet-toggle__btn {
    transform: rotate(180deg);
}

.sweet-toggle__content {
    font-size: 14px;
    line-height: 1.25em;
    font-weight: 300;
    max-height: 34px;
    overflow: hidden;
}

.sweet-toggle__btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 20px;
    height: 15px;
    cursor: pointer;
    user-select: none;
}

/*
.tale {
  position: relative;
  padding-top: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  color: #FFF;
  border: 1px solid $c-bg;

  &:hover {
    &:before {
      opacity: .75;
    }
  }

  &:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    transition: opacity .4s
  }

  &--lg {
    padding-top: 50%;

    & .tale__title,
    & .tale__list {
      right: 30%;
    }

    & .tale__list {
      & span {
        width: 50%;
      }
    }
  }
}

.tale__title,
.tale__list {
  position: absolute;
  left: 20px;
  right: 20px;
}

.tale__title {
  top: 20px;
  font-size: 15px;
  line-height: 24px;
  font-weight: 900;
  text-transform: uppercase;
}

.tale__list {
  bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 18px;
  font-weight: 300;
}
*/
.tale {
    position: relative;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    color: #FFF;
    border: 1px solid #EDEBE9;
}

    .tale:hover:before {
        opacity: .75;
    }

    .tale:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .3;
        transition: opacity .4s;
    }

.tale--lg {
    padding-top: 50%;
}

    .tale--lg .tale__title,
    .tale--lg .tale__list {
        right: 25%;
    }

        .tale--lg .tale__list span,
        .tale .tale__list span{
            width: 100%;
        }

.tale__title,
.tale__list {
    position: absolute;
    left: 15px;
    right: 15px;
}

@media (min-width: 768px) {
    .tale__title,
    .tale__list {
        left: 20px;
        right: 20px;
    }
}

.tale__title {
    top: 15px;
    font-size: 14px;
    line-height: 1.3em;
    font-weight: 900;
    text-transform: uppercase;
}

@media (min-width: 568px) {
    .tale__title {
        font-size: 16px;
    }
}

@media (min-width: 768px) {
    .tale__title {
        top: 20px;
    }
}

.tale__list {
    bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    line-height: 1.3em;
    font-weight: 300;
}

@media (min-width: 568px) {
    .tale__list {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .tale__list {
        bottom: 20px;
    }
}

.tale__icon {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .main__content--show-sidebar .tale__title {
        left: 15px;
        right: 15px;
        top: 15px;
        font-size: 13px;
    }

    .main__content--show-sidebar .tale__list {
        left: 15px;
        right: 15px;
        bottom: 15px;
        font-size: 12px;
    }
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .main__content--show-sidebar .tale__title {
        left: 15px;
        right: 15px;
        top: 15px;
        font-size: 14px;
    }

    .main__content--show-sidebar .tale__list {
        left: 15px;
        right: 15px;
        bottom: 15px;
        font-size: 12px;
    }
}

/*
.tales-list {
  display: flex;
  flex-wrap: wrap;
  background: $g-calc-main;

  margin: 0 -15px;

  @media ($m-2m) {
    margin: 0;
  }
}

.tales-list__item {
  width: 50%;

  &--lg {
    width: 100%;
    order: -1;
  }

  @media ($m-s) {
    width: 25%;

    &--lg {
      width: 50%;
    }
  }

  @media ($m-l) {
    width: 16.6666%;

    &--lg {
      width: 33.3333%;
    }
  }
}

.main__content--show-sidebar {
  @media ($m-m) and ($ma-l) {
    & .tales-list__item {
      width: 50%;

      &--lg {
        width: 100%;
      }
    }
  }

  @media ($m-l) and ($ma-xl) {
    & .tales-list__item {
      width: 25%;

      &--lg {
        width: 50%;
      }
    }
  }
}
*/
.tales-list {
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(to right, #e0a95b 0%, #330750 100%);
    margin: 0 -15px;
}

@media (min-width: 1024px) {
    .tales-list {
        margin: 0;
    }
}

.tales-list__item {
    width: 50%;
}

.tales-list__item--lg {
    width: 100%;
    order: -1;
}

@media (min-width: 768px) {
    .tales-list__item {
        width: 25%;
    }

    .tales-list__item--lg {
        width: 50%;
    }
}

@media (min-width: 1280px) {
    .tales-list__item {
        width: 16.6666%;
    }

    .tales-list__item--lg {
        width: 33.3333%;
    }
}

@media (min-width: 1440px) {
    .tales-list__item--lg {
        width: 33.3333%;
        order: 0;
    }
}

/*
.main__content--show-sidebar {
  @media ($m-m) and ($ma-l) {
    & .tales-list__item {
      width: 50%;

      &--lg {
        width: 100%;
      }
    }
  }

  @media ($m-l) and ($ma-xl) {
    & .tales-list__item {
      width: 25%;

      &--lg {
        width: 50%;
      }
    }
  }
}
*/
@media (max-width: 1023px) and (min-width: 1064px) {
    .main__content--show-sidebar .tales-list__item {
        width: 50%;
    }

    .main__content--show-sidebar .tales-list__item--lg {
        width: 100%;
    }
}

@media (max-width: 1439px) and (min-width: 1024px) {
    .main__content--show-sidebar .tales-list__item {
        width: 25%;
    }

    .main__content--show-sidebar .tales-list__item--lg {
        width: 50%;
    }
}

/*
.toggle {
  color: $c-text;
}

.toggle__sidebar {
  width: 90px;
  background-color: $c-section-personal;
  flex-shrink: 0;

  &--circle {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;

    &:after {
      content: '';
      display: block;
      width: 60px;
      height: 60px;
      background-color: #FFF;
      border-radius: 100%;
    }
  }
}

.toggle__head {
  display: flex;
  background-color: #FFF;
}

.toggle__header {
  position: relative;
  flex-grow: 1;
  display: flex;
  align-items: center;
  padding: 20px 80px 20px 20px;
}

.toggle__title {
  font-size: 24px;
  line-height: 24px;
  font-weight: 900;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.toggle__icon {
  position: absolute;
  right: 40px;

  & .icon {
    width: 15px;
    height: 30px;
  }
}

.toggle__body {
  display: flex;
  margin-top: 5px;
  background-color: #FFF;
}

.toggle__content {
  padding: 20px;
}
*/
.toggle {
    margin: 0 -15px;
    border: 2px solid #C7A378;
}

    .toggle.is-active .toggle__btn {
        transform: rotate(180deg);
    }

    .toggle.is-active .toggle__content {
        display: block;
    }

@media (min-width: 1064px) {
    .toggle {
        margin: 0;
    }
}

.toggle__header {
    position: relative;
    display: flex;
    align-items: center;
    padding: 25px 50px 20px 20px;
}

.toggle__title {
    font-size: 15px;
    line-height: 1em;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.toggle__btn {
    position: absolute;
    right: 20px;
}

    .toggle__btn .icon {
        width: 20px;
        height: 15px;
    }

.toggle__content {
    display: none;
    padding: 20px;
}

.toggle-situation {
    position: relative;
    height: 100%;
}

    .toggle-situation.is-active .toggle-situation__btn .icon {
        transform: rotate(180deg);
    }

    .toggle-situation.is-active .toggle-situation__body {
        display: block;
    }

.toggle-situation__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background-color: #EDEBE9;
}

.toggle-situation__icon {
    margin-right: 20px;
}

    .toggle-situation__icon .icon {
        width: 30px;
        height: 30px;
        background-color: #6A507B;
        color: #FFF;
        border-radius: 100%;
    }

        .toggle-situation__icon .icon .icon__inner {
            width: 15px;
            height: 15px;
        }

.toggle-situation__title {
    flex-grow: 1;
    font-size: 10px;
    font-weight: 900;
    line-height: 21px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

@media (min-width: 1064px) {
    .toggle-situation__title {
        font-size: 15px;
    }
}

.toggle-situation__btn {
    cursor: pointer;
}

    .toggle-situation__btn .icon {
        width: 15px;
        height: 30px;
    }

.toggle-situation__body {
    position: absolute;
    z-index: 5;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    padding: 20px;
    background-color: #F8F7F7;
}

.video {
    display: flex;
    align-items: center;
    background-color: #FFF;
}

.video__container {
    width: 220px;
    height: 160px;
}

.warning {
    color: #FFF;
}

.warning__header {
    display: flex;
    align-items: center;
    padding: 15px;
    background: linear-gradient(to top right, #C07989 0%, #986682 50%, #6A507B 100%);
}

@media (min-width: 1064px) {
    .warning__header:before {
        content: '';
        display: block;
        flex-shrink: 0;
        width: 60px;
        height: 60px;
        margin-right: 15px;
        background-color: #FFF;
        border-radius: 100%;
    }
}

@media (min-width: 1280px) {
    .warning__header:before {
        margin-right: 35px;
    }
}

.warning__title {
    font-size: 24px;
    line-height: 24px;
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.warning__subtitle {
    margin-top: 10px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: .1em;
}

.warning__content {
    padding: 15px;
    text-align: center;
    background: linear-gradient(to top right, #C07989 0%, #986682 50%, #6A507B 100%);
}

@media (min-width: 1064px) {
    .warning__content {
        padding: 40px;
    }
}

.warning__desc {
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.warning__btn {
    margin-top: 20px;
}

.youtube {
    display: flex;
    align-items: center;
    color: #FFF;
}

.youtube__icon {
    flex-shrink: 0;
    width: 54px;
    height: 54px;
    background-size: cover;
    background: url("../img/youtube.png") no-repeat 50%;
    cursor: pointer;
}

.youtube_video{
    display: none;
}

.youtube__caption {
    margin-left: 15px;
    padding-top: .3em;
    font-size: 15px;
    line-height: 1.25em;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dates-slide {
    position: relative;
    background-color: #6A507B;
    color: #FFF;
    transition: background-color .4s, transform .4s;
}

    .dates-slide:not(:last-child):after {
        content: '';
        position: absolute;
        top: 15%;
        right: -1px;
        width: 2px;
        height: 70%;
        background-color: #887395;
    }

.dates-slide--active {
    z-index: 2;
    background-color: #C7A378;
    transform: scale(1.15, 1.15);
}

    .dates-slide--active:before {
        content: '';
        position: absolute;
        top: 15%;
        left: -1px;
        width: 1px;
        height: 70%;
        background-color: transparent;
        box-shadow: -5px 0 20px 0 #000;
    }

    .dates-slide--active:not(:last-child):after {
        width: 1px;
        background-color: transparent;
        box-shadow: 5px 0 20px 0 #000;
    }

.dates-slide__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.dates-slide__day {
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
}

    .dates-slide__day span {
        font-size: 32px;
    }

.dates-slide__day-name {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.dates-slider {
    margin: -20px -15px;
}

@media (min-width: 1024px) {
    .dates-slider {
        margin: -20px 0;
    }
}

.dates-slider__container {
    position: relative;
    padding: 20px 0;
}

.dates-slider__prev,
.dates-slider__next {
    position: absolute;
    z-index: 10;
    top: calc(50% - 10px);
    color: #FFF;
    cursor: pointer;
}

    .dates-slider__prev .icon,
    .dates-slider__next .icon {
        width: 15px;
        height: 20px;
    }

@media (min-width: 1024px) {
    .dates-slider__prev,
    .dates-slider__next {
        top: calc(50% - 20px);
    }

        .dates-slider__prev .icon,
        .dates-slider__next .icon {
            width: 25px;
            height: 40px;
        }
}

.dates-slider__prev {
    left: 5px;
}

    .dates-slider__prev .icon {
        transform: rotate(90deg);
    }

.dates-slider__next {
    right: 5px;
}

    .dates-slider__next .icon {
        transform: rotate(270deg);
    }

.days-slide {
    background-color: #6A507B;
    color: #FFF;
    transition: background-color .4s, transform .4s;
}

    .days-slide:not(:last-child):after {
        content: '';
        position: absolute;
        top: 15%;
        right: -1px;
        width: 2px;
        height: 70%;
        background-color: #887395;
    }

.days-slide--active {
    z-index: 2;
    background-color: #C7A378;
    transform: scale(1.1, 1.05);
}

    .days-slide--active:before {
        content: '';
        position: absolute;
        top: 15%;
        left: -1px;
        width: 1px;
        height: 70%;
        background-color: transparent;
        box-shadow: -5px 0 20px 0 #000;
    }

    .days-slide--active:not(:last-child):after {
        width: 1px;
        background-color: transparent;
        box-shadow: 5px 0 20px 0 #000;
    }

.days-slide__inner {
    padding: 20px;
}

.days-slide__title {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
    text-align: center;
}

.days-slide__title-moon {
    display: inline-block;
    margin-right: 5px;
    width: 32px;
    height: 32px;
    vertical-align: top;
    margin-top: 5px;
}

.days-slide__title-sign {
    display: inline-block;
    margin-left: 5px;
    width: 32px;
    height: 32px;
    vertical-align: top;
    margin-top: 5px;
}

.days-slide__title-text {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: top;
    margin-top: 18px;
}

.dates-link{
    display: block;
    margin-left: 0;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .dates-link{
        display: inline-block;
        margin-left: 25px;
        margin-top: 0;
    }

    .days-slide__title{
        text-align: left;
    }
}

.days-grid{
    display: flex;
    flex-wrap: wrap;
}

.days-slide__desc_item{
    position: relative;
    padding-left: 25px;
    padding-right: 10px;
}

.days-slide__desc_green .days-slide__desc_item:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #3DBC07;
    opacity: .7;
}

.days-slide__desc_red .days-slide__desc_item:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 3px;
    width: 15px;
    height: 15px;
    background-color: #E691A4;
    opacity: .7;
}

.days-slide__desc{
    font-size: 14px;
}

.days-slide__date {
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.days-slide__phase {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.days-slide__phase-icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
}

.days-slide__phase-text {
    font-size: 12px;
    line-height: 12px;
    text-transform: uppercase;
}

.days-slider {
    margin: -20px -15px;
}

@media (min-width: 1024px) {
    .days-slider {
        margin: -20px 0;
    }
}

.days-slider__container {
    position: relative;
    padding: 20px 0;
}

.days-slider__prev,
.days-slider__next {
    position: absolute;
    z-index: 10;
    top: calc(50% - 10px);
    color: #FFF;
    cursor: pointer;
}

    .days-slider__prev .icon,
    .days-slider__next .icon {
        width: 15px;
        height: 20px;
    }

@media (min-width: 1024px) {
    .days-slider__prev,
    .days-slider__next {
        top: calc(50% - 20px);
    }

        .days-slider__prev .icon,
        .days-slider__next .icon {
            width: 25px;
            height: 40px;
        }
}

.days-slider__prev {
    left: 5px;
}

    .days-slider__prev .icon {
        transform: rotate(90deg);
    }

.days-slider__next {
    right: 5px;
}

    .days-slider__next .icon {
        transform: rotate(270deg);
    }

.main-slide {
    position: relative;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

    .main-slide:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../img/slider/main/bg.png");
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        opacity: .8;
    }

.main-slide__content {
    position: relative;
    margin: 30px 15px;
    padding-right: 9%;
}

@media (min-width: 1064px) {
    .main-slide__content {
        margin: 100px 60px;
    }
}

.main-slide__title {
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 900;
    line-height: 26px;
    display: flex;
    flex-direction: column;
}

.main-slide__title .is-new-banner{
    font-size: 15px;
    font-style: italic;
    color: #a68679;
}

@media (min-width: 1064px) {
    .main-slide__title {
        margin-bottom: 60px;
        font-size: 55px;
        line-height: 60px;
    }

    .main-slide__title .is-new-banner{
        font-size: 30px;
    }
}

.main-slide__subtitle {
    font-size: 12px;
    line-height: 30px;
    text-transform: uppercase;
    margin-right: 60px;
}

@media (min-width: 1064px) {
    .main-slide__subtitle {
        font-size: 18px;
        margin-right: 0;
    }
}

.main-slide_bottom_section{
    line-height: 30px;
    text-transform: uppercase;
    font-size: 12px;
    margin: 20px 60px 10px 0;
}

@media (min-width: 1064px) {
    .main-slide_bottom_section{
        font-size: 18px;
        margin: 35px 0;
    }
}

.main-slide_bottom-link {
    margin-top: 20px;
}

.main-slide_bottom-link a{
    font-size: 18px;
    display: inline-block;
    text-decoration: underline;
}

.main-slide_bottom-link a:hover{
    text-decoration: none;
}

.main-slider {
    position: relative;
    color: #fff;
    background-color: #e4d0b4;
}

@media (min-width: 1280px) {
    .main-slider {
        padding: 40px;
    }
}

.main-slider__next {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 10%;
    min-width: 60px;
    height: 100%;
    cursor: pointer;
}

    .main-slider__next:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: #CDA26B;
        opacity: .6;
    }

    .main-slider__next .icon {
        width: 25px;
        height: 40px;
        transform: rotate(270deg);
    }

.main-slider-background{
    background-image: url('/template/img/event-banner.jpg');
}

.main-slider-banner-background {
    background-image: url('/template/img/new_year_banner.jpg');
}

.main-slider-banner1-background {
    background-image: url('/template/img/good_news_banner.png');
}

.main-slide__btn{
    margin: 10px 20px 0 0;
}

.reviews-slide {
    position: relative;
    color: #FFF;
    background-color: #6A507B;
    transition: background-color .4s, transform .4s;
}

.reviews-slide--active {
    z-index: 1;
    background-color: #C7A378;
    transform: scale(1.02, 1.1) !important;
}

.reviews-slide--prev:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #6A507B 0%, transparent 100%);
}

.reviews-slide--next:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, #6A507B 0%, transparent 100%);
}

.reviews-slide__inner {
    padding: 20px 40px;
}

@media (min-width: 1366px) {
    .reviews-slide__inner {
        padding: 20px;
    }
}

.reviews-slide__author {
    font-size: 15px;
    line-height: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

.reviews-slide__date {
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-style: italic;
}

.reviews-slide__text {
    margin-top: 20px;
    font-size: 14px;
    line-height: 18px;
    font-weight: 300;
}

.reviews-slide__more {
    margin-top: 10px;
    text-align: right;
}

.reviews-slider {
    margin: -20px -15px;
}

@media (min-width: 1024px) {
    .reviews-slider {
        margin: -20px 0;
    }
}

.reviews-slider__container {
    padding: 20px 0;
}

.reviews-slider__prev,
.reviews-slider__next {
    position: absolute;
    z-index: 10;
    top: calc(50% - 20px);
    color: #FFF;
    cursor: pointer;
}

    .reviews-slider__prev .icon,
    .reviews-slider__next .icon {
        width: 25px;
        height: 40px;
    }

.reviews-slider__prev {
    left: 5px;
}

    .reviews-slider__prev .icon {
        transform: rotate(90deg);
    }

.reviews-slider__next {
    right: 5px;
}

    .reviews-slider__next .icon {
        transform: rotate(270deg);
    }

.lp-bottom, .lp-head {
    padding: 0;
    background-image: url("../img/lp/block-bg.jpg");
    color: #FFF;
}

.lp-bottom .lp-head__form, .lp-bottom .learning-head__form{
    margin: 0 auto;
}

@media (min-width: 768px) {
    .lp-bottom .lp-head__form, .lp-bottom .learning-head__form {
        width: 40%;
    }
}

@media (min-width: 768px) {
    .lp-bottom, .lp-head {
        position: relative;
        padding: 40px 0 40px 80px;
    }

    .lp-head:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        background-image: url("../img/lp/head-bg.png");
        background-size: cover;
        background-repeat: no-repeat;
        background-position: left center;
    }
}

.lp-head__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 768px) {
    .lp-head__inner {
        flex-direction: row;
    }
}

.lp-head__info {
    padding: 20px;
}

@media (min-width: 768px) {
    .lp-head__info {
        padding: 0;
        width: 55%;
    }
}

@media (min-width: 768px) {
    .lp-head__form {
        width: 45%;
    }

    .learning-head__form{
        width: 45%;
    }
}

.lp-head__title {
    font-size: 36px;
    line-height: 1.1em;
    font-weight: 900;
    text-transform: uppercase;
}

.lp-head__subtitle {
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
}

.lp-head__subtitle_link {
    font-size: 16px;
    line-height: 1em;
    font-weight: 900;
    text-transform: uppercase;
    margin-top: 30px;
}

.lp-head__subtitle_link .btn{
    background: white;
    color: #4E5258;
    border: 2px solid #FFF;
    padding: 15px 70px;
}

.lp-head__subtitle_link .btn:hover{
    border: 2px solid #FFF;
    background-color: transparent;
    color: #FFF;
}

.lp-head__list {
    margin-top: 40px;
    max-width: 280px;
}

@media (min-width: 768px) {
    .lp-head__list {
        width: 45%;
        max-width: 100%;
    }
}

.lp-head__list-item {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1em;
}

    .lp-head__list-item:before {
        content: '';
        position: absolute;
        left: 0;
        top: 25%;
        width: 8px;
        height: 8px;
        background-color: #FFF;
        border-radius: 100%;
    }

    .lp-head__list-item:not(:first-child) {
        margin-top: 15px;
    }

.lp-head__btn {
    margin-top: 40px;
}

.lp-slider {
    position: relative;
    overflow: visible;
    margin-right: 20px;
    margin-left: 20px;
}

.lp-slider__next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -22px;
    width: 20px;
    height: 10px;
    cursor: pointer;
}

.lp-slider__next .svg-icon{
    transform: rotate(-90deg);
}

.lp-slider__prev {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -22px;
    width: 20px;
    height: 10px;
    cursor: pointer;
}

.lp-slider__prev .svg-icon{
    transform: rotate(90deg);
}

.lp-block {
    padding: 30px 0;
}

.lp-block--bg {
    background-image: url("../img/lp/block-bg.jpg");
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    color: #FFF;
}

.lp-block--pdt-only {
    padding: 30px 0 0 0;
}

@media (min-width: 1064px) {
    .lp-block {
        padding: 60px 0;
    }

    .lp-block--pdt-only {
        padding: 60px 0 0 0;
    }
}

.lp-block__title {
    font-size: 24px;
    line-height: 1.35em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.lp-block__subtitle {
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.lp-block__subtitle--mb-20 {
    margin-bottom: 20px;
}

.lp-block__subtitle--mb-60 {
    margin-bottom: 60px;
}

.lp-block__caption {
    margin-bottom: 60px;
    font-size: 16px;
    line-height: 1.15em;
}
.lp-block__content__wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.lp-block__caption--mb-40 {
    margin-bottom: 40px;
}

.lp-block__text {
    margin-top: 40px;
    font-size: 24px;
    line-height: 1.35em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2em;
    text-align: center;
}

.lp-block__sub-text {
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .2em;
    text-align: center;
}

.lp-block__btn {
    margin-top: 60px;
    text-align: center;
}

.lp-lessons {
    background-color: #FFF;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}

@media (min-width: 1280px) {
    .lp-lessons {
        display: flex;
    }
}

.lp-lessons__img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
}

@media (min-width: 1280px) {
    .lp-lessons__img {
        width: 35%;
        flex-shrink: 0;
        height: auto;
    }
}

@media (min-width: 1440px) {
    .lp-lessons__img {
        width: 20%;
        height: auto;
    }
}

.lp-lessons__video {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 360px;
    line-height: 0 !important;
}

.lp-lessons__video iframe{
    overflow: hidden;
    height: 360px;
    width: 100%
}

@media (min-width: 1280px) {
    .lp-lessons__video {
        height: auto;
        flex-shrink: 0;
    }
}

.missing-reviews{
    padding: 50px;
    background: #ffffff;
}

.lp-lessons__content {
    padding: 20px 20px 45px;
    position: relative;
}

@media (min-width: 1280px) {
    .lp-lessons__content {
        padding: 50px 50px 50px 40px;
    }
}

.lp-lessons__title {
    padding-bottom: 15px;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 900;
}

.lp-lessons__caption {
    font-size: 15px;
    line-height: 1.15em;
    font-weight: 300;
}

.lp-answer-card {
    position: relative;
    padding-left: 80px;
}

.lp-answer-card__icon {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    background-color: #FFF;
    border-radius: 100%;
    color: #6A507B;
}

    .lp-answer-card__icon .icon {
        width: 30px;
        height: 30px;
    }

.lp-answer-card__title {
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 900;
}

.lp-answer-card__text {
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 300;
}

.lp-advantage-card__title {
    position: relative;
    padding-left: 55px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 900;
}

    .lp-advantage-card__title:before {
        content: attr(data-id);
        position: absolute;
        bottom: 0;
        left: 10px;
        font-size: 60px;
        line-height: 1.1em;
    }

@media (min-width: 1064px) {
    .lp-advantage-card__title:before {
        left: 0;
        font-size: 70px;
    }
}

.lp-advantage-card__text {
    padding-left: 55px;
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 300;
}

.lp-benefits-card {
    overflow: hidden;
    position: relative;
    min-height: 300px;
    height: 100%;
    border-radius: 10px;
    color: #4E5258;
    background-size: cover;
    background-position: 50% 70%;
    background-repeat: no-repeat;
}

    .lp-benefits-card:after {
        content: '';
        position: absolute;
        left: -10%;
        bottom: -25%;
        width: 120%;
        height: 60%;
        background-color: #F5F5F5;
        border-radius: 100%;
    }

.lp-benefits-card__title {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 20px;
    margin: auto;
    font-size: 14px;
    line-height: 1.15em;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
}

@media (min-width: 1280px) {
    .lp-benefits-card__title {
        bottom: 30px;
        font-size: 24px;
    }
}

.lp-course-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 180px;
    padding: 20px;
    background-color: #6A507B;
    color: #FFF;
    overflow: hidden;
}

    .lp-course-card:after {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 0;
        padding-bottom: 0;
        background-color: #C7A378;
        border-radius: 100%;
        transform: translate3d(50%, 50%, 0);
        transition: width .4s, padding-bottom .4s;
    }

    .lp-course-card:hover:after {
        width: 90%;
        padding-bottom: 90%;
    }

.lp-course-card__title {
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 900;
    text-transform: uppercase;
}

.lp-course-card__caption {
    padding-right: 40%;
    font-size: 16px;
    line-height: 1.15em;
    font-weight: 300;
}

.lp-course-card__icon {
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 20px;
    width: 35px;
    height: 35px;
}

.astrologer-block{
    padding-bottom: 60px;
}

.astrologer-card{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background-color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    padding-bottom: 20px;
}

.astrologer-card__image{
    width: 100%;
    flex-shrink: 0;
    height: 300px;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

.astrologer-card__title{
    margin-top: 20px;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 900;
}

.astrologer-card__content{
    margin-top: 20px;
    padding: 0 30px;
    font-size: 15px;
    line-height: 1.15em;
    font-weight: 300;
}

.astrologer-card__btn{
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
}

@media (min-width: 1280px){
    .astrologer-card__btn{
        text-align: center;
    }
}

.astrologer-person {
    display: flex;
    flex-direction: column;
    padding: 40px 0 0 0
}

.astrologer-image {
    align-self: center;
    max-width: 100%;
    object-fit: contain;
    object-position: 50%;
}

.astrologer-person__content{
    padding: 10px;
}

@media (min-width: 768px){
    .astrologer-image {
        max-width: 250px;
        max-height: 250px;
    }
    .astrologer-person {
        flex-direction: row;
    }

    .astrologer-person__content{
        padding: 30px;
    }
}

.astrologer-person__title {
    margin-top:10px;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 900;
}

.astrologer-person__desc {
    margin-top: 20px;
    font-size: 15px;
    line-height: 1.15em;
    font-weight: 300;
}

#page-loader {
    background: none repeat scroll 0 0 #fff;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 100001;
}

.page-loader-inner {
    height: 120px;
    left: 50%;
    margin-left: -150px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}

.loader-icon {
    height: 24px;
    position: relative;
    width: 24px;
    z-index: 0;
}

.page-loader-inner .loader-icon {
    left: 50%;
    margin-left: -10px;
    position: absolute;
    top: 100px;
}

.loader-icon span {
    border: 2px solid #d9d9d9;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    width: 20px;
    z-index: 0;
}

.loader-icon .spinner {
    -webkit-animation:spin 1s linear infinite;
    -moz-animation:spin 1s linear infinite;
    -ms-animation:spin 1s linear infinite;
    -o-animation:spin 1s linear infinite;
    animation:spin 1s linear infinite;
    border-color: transparent transparent transparent #262626;
    z-index: 1;}

@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);opacity:.4}50%{-webkit-transform:rotate(180deg);opacity:1}to{-webkit-transform:rotate(360deg);opacity:.4}}
@-moz-keyframes spin{from{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(360deg)}}
@-ms-keyframes spin{from{-ms-transform:rotate(0deg)}50%{-ms-transform:rotate(360deg)}}
@-o-keyframes spin{from{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(360deg)}}
@keyframes spin{from{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}

.footer_link{
    color: #e0953a;
}

[data-link]:hover{
    cursor: pointer;
}

.report {
    position: fixed;
    top: 0;
    z-index: 200000;
    width: 100%;
    text-align: center;
    display: none;
}
.report div {
    width: 190px;
    height: 50px;
    line-height: 49px;
    background-color: #c7a378;
    border-radius: 0px 0px 15px 15px;
    margin: 0 auto;
    font-weight: bold;
    font-size: 17px;
    color: white;
}

.popup { display:none; }

.review_form{
    display: none;
}

.modal-open{
    height: 100% !important;
    overflow: hidden !important;
}

.modal-open .header{
    padding-right: 17px;
}

.modal-dialog{

}

.modal-dialog.tel_order{
    width: 490px;
}

.modal-dialog.full{
    width: auto;
}

.modal-dialog .modal-content{
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}

.modal-dialog .modal-content .modal-header{
    background: linear-gradient(to top right, #DBBD97 0%, #D0B5A2 100%);
}

.modal-dialog .modal-content .modal-header h4{
    color: white;
    font-size: 20px;
    text-align: center;
}


.modal-dialog.tel_order .modal-content .modal-body{
    padding: 30px 40px;
}

.modal-content .modal-button{
    text-align: center;
    padding-bottom: 10px;
}
/*.modal-dialog .modal-content .modal-body label{*/
    /*color: #333;*/
    /*!*font-size: 15px;*!*/
    /*font-size: 13px;*/
    /*font-weight: 300;*/
    /*display: block;*/
/*}*/

/*.modal-dialog .modal-content .modal-body input{*/
    /*height: 50px;*/
    /*padding: 0 8px;*/
    /*width: 100%;*/
/*}*/

/*.modal-dialog .modal-content .modal-body textarea{*/
    /*height: 100px;*/
    /*padding: 8px;*/
    /*width: 100%;*/
/*}*/

/*.modal-dialog .modal-content .modal-body .tel_field{*/
    /*width: 100px;*/
    /*margin-right: 4px;*/
    /*float: left;*/
/*}*/

/*.modal-dialog.tel_order .modal-content .modal-body .chosen-container{*/
    /*width: 150px !important;*/
/*}*/

/*.modal-dialog.tel_order .modal-content .modal-body .free_call{*/
    /*margin: 30px 0;*/
    /*display: inline-block;*/
/*}*/

/*.modal-dialog .modal-content .modal-body label.inline_label{*/
    /*display: inline-block;*/
    /*cursor: pointer;*/
/*}*/

.modal_soc{

}

.modal_soc h3{
    margin: 9px 0 0;
}

.modal_soc .socials{
    list-style-type: none;
    margin: 0 0 0 20px;
}

.modal_soc .socials li{
    display: block;
    float: left;
    margin-left: 5px;
}

.modal_soc .socials li:first-child{
    margin-left: 0px;
}

.modal_soc .socials li a{
    display: block;
    width: 40px;
    height: 40px;
}

.modal-dialog.modal_pay {
    max-width: 1300px;
}

.modal_pay .modal_pay_aside{
    float: left;
    width: 280px;
    margin-right: 25px;
}

.modal_pay .modal_pay_aside .info_block{
    border: 1px solid #F7DAB5;
    margin-bottom: 10px;
}

.modal_pay .modal_pay_aside .info_block .title{
    color: #333;
    font-size: 14px;
    line-height: 64px;
    height: 64px;
    background: #F9E2C5 url("../img/question_pic.png") no-repeat 15px center;
    padding: 0 58px;
    margin: 0;
}

.modal_pay .modal_pay_aside .info_block .inner{
    padding: 15px;
    margin: 0;
    list-style-type: none;
}

.modal_pay .modal_pay_aside .info_block .inner li{
    display: block;
    margin-top: 10px;
}

.modal_pay .modal_pay_aside .info_block .inner li:first-child{
    margin-top: 0px;
}

.modal_pay .modal_pay_aside .info_block .inner li a{
    color: #6F5996;
    font-size: 14px;
    font-weight: 300;
    line-height: 16px;
    display: inline-block;
}

.modal_pay .modal_pay_aside .info_block .inner li a:hover{
    text-decoration: underline;
}

.modal_pay .modal_pay_aside .comments{
    color: #6F5996;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    text-decoration: underline;
    background: url("../img/comment_pic.png") no-repeat 15px center;
    height: 46px;
    line-height: 46px;
    padding: 0 58px;
}

.modal_pay .modal_pay_aside .comments:hover{
    text-decoration: none;
}

.modal_pay .modal_pay_container .important_block{
    background-color: #ded5dc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 15px;
    color: #413C47;
    font-size: 15px;
    margin-bottom: 20px;
}

.modal_pay .modal_pay_container .important_block p{
    margin: 15px 0 0;
}

.modal_pay .modal_pay_container .important_block p:first-child{
    margin: 0;
}

.modal_pay .modal_pay_container .important_block p strong{
    font-weight: 700;
}

.modal_pay .modal_pay_container .level_select{
    border: 1px solid #f7dab5;
    margin-bottom: 25px;
}

.modal_pay .modal_pay_container .level_select .level_list_item{
    border-top: 1px solid #e1d8d8;
}

.modal_pay .modal_pay_container .level_select .level_list_item:first-child{
    border-top: 0;
}

.modal_pay .modal_pay_container .level_select .level_list_item label{
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin: 0;
    padding: 15px 15px 15px 25px;
}

.modal_pay .modal_pay_container .level_select .level_list_item label:hover{
    background-color: #f7dab5;
}

.modal_pay .modal_pay_container .level_select .level_list_item label .icheckbox_minimal-aero{
    float: left;
    margin-right: 20px;
    margin-top: 4px;
}

.modal_pay .modal_pay_container .level_select .level_list_item label .level_name{
    overflow: hidden;
    padding-right: 15px;
}

.modal_pay .modal_pay_container .level_select .level_list_item label .level_point{
    float: right;
    width: 100px;
}

.modal_pay .modal_pay_container .level_select .level_list_item label .level_cost{
    float: right;
    width: 100px;
}

.modal_pay .modal_pay_container .bonus_block{
    padding: 0 30px;
    margin-bottom: 25px;
}

.modal_pay .modal_pay_container .bonus_block .button{
    float: right;
    width: auto;
    line-height: 35px;
    padding: 0 40px;
    margin-left: 10px;
}

.modal_pay .modal_pay_container .bonus_block input[type="text"]{
}

.modal_pay .modal_pay_container .bonus_block label{
    float: left;
    margin: 10px 10px 0 0;
}

.modal_pay .modal_pay_container .terms_use{
    border: 1px solid #A476F3;
    padding: 15px 15px 15px 25px;
    margin-bottom: 25px;
}

.modal_pay .modal_pay_container .terms_use label{
    margin: 0 10px 0 0;
    float: left;
    cursor: pointer;
}

.modal_pay .modal_pay_container .terms_use label div{
    margin-right: 17px;
}

.modal_pay .modal_pay_container .terms_use a{
    font-size: 15px;
    color: #6F5996;
    text-decoration: underline;
}

.modal_pay .modal_pay_container .terms_use a:hover{
    text-decoration: none;
}

.modal_pay .modal_pay_container .payment_list_item{
    border: 1px solid #f7dab5;
    margin: 0;
    list-style-type: none;
}

.modal_pay .modal_pay_container .payment_list_item li{
    display: block;
    border-top: 1px solid #e1d8d8;
}

.modal_pay .modal_pay_container .payment_list_item li:first-child{
    border: 0;
}

.modal_pay .modal_pay_container .payment_list_item li a{
    display: block;
    padding: 20px;
    line-height: 35px;
    font-size: 14px;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modal_pay .modal_pay_container .payment_list_item li a:after{
    background: url("../img/arrow_violet.png") no-repeat right center;
    content: "";
    display: block;
    height: 31px;
    position: absolute;
    right: 26px;
    top: 23px;
    width: 20px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.modal_pay .modal_pay_container .payment_list_item li a:hover:after{
    right: 16px;
}

.modal_pay .modal_pay_container .payment_list_item li a:hover{
    background-color: #f7dab5;
}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable:after{

}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable:hover{
    background-color: transparent;
}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable:hover:after{
    right: 26px;
}

.modal_pay .modal_pay_container .payment_list_item li a .pic{
    width: 32px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    float: left;
    margin-right: 20px;
}

.modal_pay .modal_pay_container .payment_list_item li a .pic img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
}

.modal_pay .modal_pay_container .payment_list_item li a span{
    display: inline-block;
}

.modal_pay .modal_pay_container .payment_list_item li a span + span{
    margin-left: 10px;
}

.modal_pay .modal_pay_container .payment_list_item li a > img{
    display: inline-block;
    margin-left: 10px;
}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable{
    cursor: not-allowed;
    color: #C1B6C4;
}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable span{

}

.modal_pay .modal_pay_container .payment_list_item li a.pay_disable p{

}

.back_pay{
    color: #E1B576;
    font-size: 18px;
    display: inline-block;
    margin: 12px 0 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.back_pay:hover{
    color: #ad7c35;
}

.modal_pay_container{
    font-size: 15px;
}

.modal_pay_container h2{
    color: #6b3d8a;
    font-size: 21px;
}

.modal_pay_container ul{
    list-style-type: none;
}

.modal_pay .modal_pay_container .level_select .level_list_item label .iradio_minimal-aero {
    float: left;
    margin-right: 20px;
    margin-top: 2px;
}

.modal_pay .modal_pay_container .pay_level_info{
    padding: 0px 15px 0px 25px;
    margin-bottom: 25px;
    margin-top: -10px;
}

.modal_pay .modal_pay_container .pay_level_info label {
    margin: 0 5px 0 0;
    float: left;
    cursor: pointer;
}

.modal_pay .modal_pay_container .pay_level_info a {
    font-size: 15px;
    color: #6F5996;
    text-decoration: underline;
}

.modal-dialog .modal-content .modal-body label.inline_label{
    margin-left: 10px;
}

.modal{
    z-index: 104000;
}

.modal-dialog.full{
    max-width: 800px;
}

.modal-header .close{
    margin-top: 3px;
}

.kabinet_wrap .kabinet_item .kabinet_item_inner label div, .inline_label div{
    margin: 4px 4px 0 0;
}

.modal-content .icheckbox_minimal-aero, .modal-content .iradio_minimal-aero{
    float: left;
    display: block;
}

.modal_error{
    width: 400px;
    margin-top: 160px;
}

.modal_error .modal-body{
    padding: 30px;
    font-size: 15px;
}

.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10001;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000000;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px;
}
.modal-header .close {
    margin-top: -2px;
    display: inline-block;
    height: 23px;
}
.modal-header .close span{
    display: inline-block;
    height: 23px;
}
.modal-title {
    margin: 0;
    line-height: 1.42857143;
}
.modal-body {
    position: relative;
    padding: 15px;
}
.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
    margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
    margin-left: 0;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 500px;
        margin: 30px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 1064px) {
    .modal-lg {
        width: 900px;
    }
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.modal-footer:after {
    clear: both;
}

.video_link{
    background: #fff 15px center url(../img/youtube_link.png) no-repeat;
    line-height: 33px;
    padding: 0 8px 0 50px;
}

.text-transform-normal{
    text-transform: none;
    font-weight: normal;
}

.header-user__btn.logged {
    margin: 0;
}

.captcha-block img{
    height: 35px;
    width: 49%;
    margin-top: -4px;
}

.captcha-block input{
    width: 49%;
}

.fileinput-exists .btn.red{
    color: #B54E51;
    border: 2px solid #B54E51;
}

.header-user__inner.logged .header-user__text{
    margin-right: 15px;
}

@media (min-width: 1064px) {
    .header-user__inner.logged .header-user__text{
        margin-left: 15px;
    }
}

.alert_text{
    font-size: 13px;
    color: #FF0000;
}

.lp_alert_text{
    font-size: 13px;
    color: #FF0000;
    visibility: hidden;
}

.field-select-js.dark-select .field-select-js__head,
.field-select-js.dark-select .field-select-js__body{
    border: 1px solid #ccc;
}

.main__sidebar {
    position: absolute;
    top: 69px;
    left: 0;
    overflow: auto;
    height: calc(100vh - 99px);
    box-shadow: 0px 11px 20px 0px;
    z-index: 9999;
    border-top: 1px solid #E5DDD2;
    border-right: 1px solid #E5DDD2;
}

.main__sidebar::-webkit-scrollbar {
    width: 8px;
}

.main__sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.main__sidebar::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.level-activated{
    cursor: default;
    background-color: #EDEBE9;
    border-color: #EDEBE9;
    color: #4E5258;
}

.level-activated:hover{
    background-color: #EDEBE9;
    border-color: #EDEBE9;
    color: #4E5258;
}

.block--light .block-buy
{
    background-color: #e5ddd2;
}

.email_save{
    position: absolute;
    display: inline-block;
    right: 0;
    top: 19px;
    width: 40px;
    height: 35px;
    color: #8ad669;
}

.email_save .icon{
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-left: 5px;
    margin-top: 4px;
}

.position-relative {
    position: relative;
}

.dropup,
.dropdown {
    position: relative;
}
.dropdown-toggle:focus {
    outline: 0;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 8px 0 0 -6px;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.open > .dropdown-menu {
    display: block;
}
.open > a {
    outline: 0;
}
.dropdown-menu-right {
    left: auto;
    right: 0;
}
.dropdown-menu-left {
    left: 0;
    right: auto;
}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}
.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}
.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0;
    }
    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto;
    }
}

.date-pic-wrapper{
    display: inline-block;
    text-align: center;
    margin-top: 10px;
}

.date_pic{
    width: 16px;
    height: 16px;
    background: url(../img/calendar_pic.png) 0 0 no-repeat;
    display: inline-block;
    cursor: pointer;
}

.datepicker>div{
    padding: 5px;
}

.cabinet-clean{
    font-size: 15px;
    margin-right: 15px;
    margin-top: 7px;
    display: inline-block;
}

.align-right{
    text-align: right;
}

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

.cabinet-avatar{
    border-radius: 100%;
}

.avatar-block{
    cursor: pointer;
}

.avatar-block img{
    height: 60px;
    width: 60px;
    border-radius: 100%;
}

.failure{
    color: #C20E0D;
}

.tab--light .tab__item.is-active .typical{
    color: #4E5258
}

.typical{
    color: white;
}

.success {
    color: #12A620;
}

.zod_1{
    background-image: url(../img/signs/zod_1.png);
}

.zod_2{
    background-image: url(../img/signs/zod_2.png);
}

.zod_3{
    background-image: url(../img/signs/zod_3.png);
}

.zod_4{
    background-image: url(../img/signs/zod_4.png);
}

.zod_5{
    background-image: url(../img/signs/zod_5.png);
}

.zod_6{
    background-image: url(../img/signs/zod_6.png);
}

.zod_7{
    background-image: url(../img/signs/zod_7.png);
}

.zod_8{
    background-image: url(../img/signs/zod_8.png);
}

.zod_9{
    background-image: url(../img/signs/zod_9.png);
}

.zod_10{
    background-image: url(../img/signs/zod_10.png);
}

.zod_11{
    background-image: url(../img/signs/zod_11.png);
}

.zod_12{
    background-image: url(../img/signs/zod_12.png);
}

.icon_planet_0{
    background-image: url(../img/signs/icon_planet_0.png);
}

.icon_planet_1{
    background-image: url(../img/signs/icon_planet_1.png);
}

.icon_planet_2{
    background-image: url(../img/signs/icon_planet_2.png);
}

.icon_planet_3{
    background-image: url(../img/signs/icon_planet_3.png);
}

.icon_planet_4{
    background-image: url(../img/signs/icon_planet_4.png);
}

.icon_planet_5{
    background-image: url(../img/signs/icon_planet_5.png);
}

.icon_planet_6{
    background-image: url(../img/signs/icon_planet_6.png);
}

.icon_planet_7{
    background-image: url(../img/signs/icon_planet_7.png);
}

.icon_planet_8{
    background-image: url(../img/signs/icon_planet_8.png);
}

.icon_planet_9{
    background-image: url(../img/signs/icon_planet_9.png);
}

.icon_planet_10{
    background-image: url(../img/signs/icon_planet_10.png);
}

.icon_planet_11{
    background-image: url(../img/signs/icon_planet_11.png);
}

.icon_planet_12{
    background-image: url(../img/signs/icon_planet_12.png);
}

.icon_planet_13{
    background-image: url(../img/signs/icon_planet_13.png);
}

.icon_planet_14{
    background-image: url(../img/signs/icon_planet_14.png);
}

.icon_planet_15{
    background-image: url(../img/signs/icon_planet_15.png);
}

.icon_planet_16{
    background-image: url(../img/signs/icon_planet_16.png);
}

.page-forecast__body .page,
.page-forecast__body .section {
    padding: 0;
}

.page-forecast__body .text p{
    margin-bottom: 1em;
}

.page-forecast{
    margin-top: 25px;
    border-top: 1px solid #edebe9;
    padding-top: 20px;
}

.page-forecast:first-child{
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

.shop_month{
    text-align: center;
    color: #6F5996;
    font-size: 18px;
    padding: 20px;
}

.shop_calendar_block .shop_calendar_table{
    margin: 0;
    width: 100%;
    border: 0 !important;
}

.shop_calendar_block .shop_calendar_table tr{

}

.shop_calendar_block .shop_calendar_table tr th, .shop_calendar_block .shop_calendar_table tr td{
    border: 1px solid #fdfaf7;
    padding: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    font-weight: 300;
}

.shop_calendar_table tr th{
    background-color: #EDEBE9;
}

.shop_calendar_block .shop_calendar_table tr td{

}

.shop_calendar_block .shop_calendar_table tr td a{
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.shop_calendar_block .shop_calendar_table tr td.pos a{
    background-color: #DBF2D1;
    color: #0EA520;
}

.shop_calendar_block .shop_calendar_table tr td.pos a:hover{
    box-shadow: inset 0px 0px 0px 2px #0b9240;
    -webkit-box-shadow: inset 0px 0px 0px 2px #0b9240;
    -moz-box-shadow: inset 0px 0px 0px 2px #0b9240;
    -o-box-shadow: inset 0px 0px 0px 2px #0b9240;
}

.shop_calendar_block .shop_calendar_table tr td.neg a{
    background-color: #FCDEDB;
    color: #C20E0D;
}

.shop_calendar_block .shop_calendar_table tr td.neg a:hover{
    box-shadow: inset 0px 0px 0px 2px #FF7472;
    -webkit-box-shadow: inset 0px 0px 0px 2px #FF7472;
    -moz-box-shadow: inset 0px 0px 0px 2px #FF7472;
    -o-box-shadow: inset 0px 0px 0px 2px #FF7472;
}

.shop_calendar_block .shop_calendar_table tr td.nor a{
    background-color: #FFF;
}

.shop_calendar_block .shop_calendar_table tr td.nor a:hover{
    box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -webkit-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -moz-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -o-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
}

.shop_calendar_block .shop_calendar_table tr td.m-prev-day span, .shop_calendar_block .shop_calendar_table tr td.m-next-day span{
    border: 1px solid #FBEEDE;
    display: block;
    width: 100%;
    height: 100%;
}

.shop_calendar_desc{
    overflow: hidden;
    padding-top: 10px;
}

.shop_calendar_desc .shop_calendar_desc_item{
    margin-bottom: 10px;
    padding: 15px;
    font-size: 15px;
}

.shop_calendar_desc .shop_calendar_desc_item .date{
    margin-bottom: 6px;
    font-size: 14px;
}

.shop_calendar_desc .shop_calendar_desc_item .desc{
    line-height: 18px;
    color: #4e4e4e !important;
}

.shop_calendar_desc .shop_calendar_desc_item.pos{
    background: #DBF2D1;
}

.shop_calendar_desc .shop_calendar_desc_item.pos .date{
    color: #0EA520;
}

.shop_calendar_desc .shop_calendar_desc_item.neg {
    background: #fdece9;
}

.shop_calendar_desc .shop_calendar_desc_item.neg .date{
    color: #C20E0D;
}

.shop_calendar_desc .shop_calendar_desc_item.nor {
    background: #f7f4f2;
}

.shop_calendar_desc .shop_calendar_desc_item.nor .date{
    color: #333;
}

.shop_calendar_desc .shop_calendar_desc_item .date span{
    color: #999;
}

.shop_month a,
.conceiving_month a
{
    font-size: 13px;
    text-decoration: none;
    color: #6F5996;
}

.shop_month .m-prev,
.conceiving_month .m-prev{
    margin-right: 15px;
}

.shop_month .m-next,
.conceiving_month .m-next{
    margin-left: 15px;
}

.shop_calendar_block .shop_calendar_table tr td a{
    border: 1px solid #FBEEDE;
}

.shop_calendar_block .shop_calendar_table tr td.nor a{
    border: 1px solid #FFF;
}

.shop_calendar_block .shop_calendar_table tr td.pos a{
    border: 1px solid #DBF2D1;
}

.shop_calendar_block .shop_calendar_table tr td.neg a{
    border: 1px solid #FCDEDB;
}

.shop_calendar_block .shop_calendar_table tr td.today a{
    box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -webkit-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -moz-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
    -o-box-shadow: inset 0px 0px 0px 2px #D7D4D4;
}

.shop_calendar_block .shop_calendar_table tr td.today.pos a{
    box-shadow: inset 0px 0px 0px 2px #0b9240;
    -webkit-box-shadow: inset 0px 0px 0px 2px #0b9240;
    -moz-box-shadow: inset 0px 0px 0px 2px #0b9240;
    -o-box-shadow: inset 0px 0px 0px 2px #0b9240;
}

.shop_calendar_block .shop_calendar_table tr td.today.neg a{
    box-shadow: inset 0px 0px 0px 2px #FF7472;
    -webkit-box-shadow: inset 0px 0px 0px 2px #FF7472;
    -moz-box-shadow: inset 0px 0px 0px 2px #FF7472;
    -o-box-shadow: inset 0px 0px 0px 2px #FF7472;
}

.horoscope-link:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px;

}

.horoscope-link .panel__btn{
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.horoscope-link:hover .panel__btn{
    opacity: 1;
    right: 30px;
}

.rotate90{
    transform: rotate(90deg);
}

.full_modal_container_text{
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.results {
    display: none;
    position: absolute;
    min-width:222px;
    max-height:310px;
    z-index:2;
    overflow: hidden;
    padding:0px 0px;
    font-size: 14px;
    font-family: helveticaneuecyrroman;
    line-height: 30px;
    color: #7a778b;
    margin-top: -2px;
    /*-moz-box-shadow: 0 0 13px #b1dfee, inset 0px 1px 2px #b0b0b0;*/
    /*-webkit-box-shadow: 0 0 13px #b1dfee, inset 0px 1px 2px #b0b0b0;*/
    /*-o-box-shadow: 0 0 13px #b1dfee, inset 0px 1px 2px #b0b0b0;*/
    /*box-shadow: 0 0 13px #b1dfee, inset 0px 1px 2px #b0b0b0;*/
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    border: 2px solid #6A507B;
    background: #FFF;
}

.results ul {
    margin: 0;
    padding:0;
    list-style-type: none;
}

.results ul li {
    height:30px;
    cursor: pointer;
    padding:0px 10px;
    border-bottom:#ccc solid 1px;
}

.results ul li:last-child {
    border-bottom:0;
}

.results ul li:hover {
    background: #efefef;
}

.margin-auto{
    margin: 0 auto;
}

.form_tooltip_link{
    display: inline-block;
    margin-bottom: 7px;
    color: #6F5996;
    font-size: 15px;
    border-bottom: 1px dashed #6F5996;
    cursor: help;
}

    .form_tooltip_link:hover{
        border-bottom: 1px dashed transparent;
    }

.qtip{
    font-size: 12.5px;
    line-height: 15px;
}

.qtip-default {
    border: 1px solid #e4e4e4;
    background-color: white;
    color: #555;
}

.chosen-choices{
    border: 2px solid transparent;
}



.chosen-container-multi .chosen-choices li.search-choice{
    padding: 6px 20px 5px 5px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
    margin-top: 2px;
}

.chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{
    background-image: url("../img/chosen-sprite.png");
}

.chosen-container-multi .chosen-choices{
    height: 35px;
    background-image: none;
    background-color: #EDEBE9;
    border: 2px solid transparent;
    padding-left: 20px;
}

.chosen-container-active .chosen-choices{
    border: 2px solid #6A507B;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.chosen-container .chosen-drop{
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 2px solid #6A507B;
    border-top: none;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text]{
    margin: 0;
    height: 33px;
}

.range_inputs .btn{
    min-width: 160px !important;
}

.chosen-select{
    height: 35px;
    border: 2px solid transparent;
    background-color: #EDEBE9;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
}

.add_employee, .add_partner{
    height: 55px;
    line-height: 55px;
    background-color: #6a507b;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    text-align: center;
}

.add_employee:hover, .add_partner:hover{
    background-color: #c7a378;
}

.add_employee span, .add_partner span{
    color: white;
    font-size: 17px;
    display: inline-block;
    line-height: 27px;
    height: 27px;
    padding-left: 40px;
    background: url(../img/add.png) left center no-repeat;
    font-weight: bold;
}

.minus-emp, .minus-partner {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 30px;
    border: 1px solid #edebe9;
    display: inline-block;
    height: 18px;
    opacity: 0.8;
    color: #6a507b;
}

.minus-emp:hover, .minus-partner:hover {
    opacity: 1;
}

.background-white{
    background: #ffffff;
}

.padding-top20{
    padding-top: 20px;
}

.padding-30{
    padding: 30px;
}

.padding-bottom20{
    padding-bottom: 20px;
}

.padding-top5-first{
    padding-top: 5px;
}

.padding-top5-first:first-child{
    padding-top: 0;
}

.padding-top-bottom10{
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin-top--20{
    margin: -20px 0 0 0px !important;
}

.margin-top-5{
    margin-top: 5px !important;
}

.margin-top-10{
    margin-top: 10px !important;
}

.margin-top-15{
    margin-top: 15px !important;
}

.margin-top-30{
    margin-top: 30px !important;
}


.margin-top-7{
    margin-top: 7px !important;
}

.margin-top-8{
    margin-top: 8px !important;
}


.padding-top15{
    padding-top: 15px;
}

.green-underline{
    border-bottom: 2px solid #3DBC07;
    display: inline-block;
}

.yellow-underline{
    border-bottom: 2px solid #F8DC8C;
    display: inline-block;
}

.red-underline{
    border-bottom: 2px solid #C07989;
    display: inline-block;
}

.black-underline{
    border-bottom: 2px solid #4E5258;
    display: inline-block;
}

.period__item.period__item_title:after {
    width: 0;
}

@media (min-width: 1366px) {

    .period__item.period__item_title {
        width: calc(25% - 40px);
        margin: 0 20px;
    }

    .period__item.period__item_title:before {
        text-align: center;
        margin: 0 auto;
        right: 0;
    }
}

.conflict-panel__body.conflict-panel__body-title{
    margin: 0;

}

/*.modal-body{*/
    /*max-height: calc(100vh - 120px);*/
    /*overflow-x: auto;*/
    /*border-bottom: 1px solid #ddb887;*/
/*}*/

/*.modal-body::-webkit-scrollbar {*/
    /*width: 8px;*/
/*}*/

/*.modal-body::-webkit-scrollbar-track {*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
/*}*/

/*.modal-body::-webkit-scrollbar-thumb {*/
    /*background-color: #795c8c;*/
    /*outline: 1px solid slategrey;*/
/*}*/

.vacancy{
    background: white;
    margin: 20px;
    padding: 20px;
}

@media (max-width: 680px) {
     iframe{
        width:100%
    }
}

@media (max-width: 680px) {
     .gallery img{
        width:100%;
        height:auto !important
    }
}
.vacancy .about__desc{
    margin: 0;
}

.panel__question{
    border-top: 1px solid #E5DDD2;
    margin-top: 20px;
    padding-top: 20px;
    font-style: italic;
}

.width100{
    display: block;
    width: 100%;
}

.width100percent{
    width: 100%;
}

.webinar-head__title{
    text-transform: uppercase;
    font-size: 25px;
    line-height: 1.1em;
    font-weight: 900;
    width: 80%;
    margin-bottom: 15px;
}

.webinar-head__subtitle{
    font-size: 17px;
    line-height: 1.1em;
    width: 80%;
    margin-bottom: 15px;
}

.webinar-head__date{
    font-size: 15px;
    font-style: italic;
    line-height: 1.1em;
    width: 80%;
    margin-bottom: 15px;
}

.info_table_block{
    border-top: 1px solid #EDEBE9;
    padding-top: 20px;
}

.info_table{
    width: 100%;
}
.info_block_web {
    width: 100%;
    display: flex;
    flex-direction: row;
    line-height: normal;
}

.row_item {
    display: flex;
    flex-direction: column;
}

.title_item {
    font-size: 12px;
    font-weight: 300;
    background: #EDEBE9;
    border-right: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 10px;
    height: 35px;
}

.main_item {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 10px 10px;
    height: 60px;
}
@media (max-width: 400px) {
    .info_block_web{
        flex-direction: column;
    }
    .row_item{
        width: 100%;
    }
    .title_item, .main_item{
        justify-content: start;
    }
}

.info_table td, .info_table th{
    border: 0;
    padding: 10px 10px;
    line-height: 100%;
    text-align: center;
    vertical-align: middle;
}

.info_table th{
    font-size: 12px;
    font-weight: 300;
    background: #EDEBE9;
    border-right: 1px solid white;
}

.form__title.was-gone{
    margin: 0;
}

.notice {
    border: 2px solid red !important;
}

.notice-tiny {
    border: 1px solid red !important;
}

.natal-planet__items table{
    width: 100%;
}

.natal-planet__items table th, .natal-planet__items table td{
    font-size: 14px;
    text-align: left;
    padding: 0 5px 0 0;
}

.natal-planet__items table th, .natal-planet__items table td:last-child{
    padding: 0;
}

.name_second{
    color: #8d7f75;
    font-size: 13px;
    display: inline;
    padding-left: 14px;
    margin-left: 0px;
    background: url(../img/heart_min.png) 2px center no-repeat;
}

.profile-panel-list__items {
    overflow: auto;
    max-height: 350px;
}

.profile-panel-list__items::-webkit-scrollbar {
    width: 8px;
}

.profile-panel-list__items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.profile-panel-list__items::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.profile-panel-list__item:hover{
    background-color: #B0A1AD;
}

.unpaid{
    color: #c7a378;
    font-style: italic;
}

.profile-panel-list__item:hover .profile-panel-item__title,
.profile-panel-list__item:hover .profile-panel-item__subtitle,
.profile-panel-list__item:hover .name_second,
.profile-panel-list__item:hover .unpaid{
    color: white;
}

.profile-panel-list__item:hover:not(:last-child):after{
    background-color: #B0A1AD;
}

.profile-panel-list__tabs{
    display: flex;
    margin-top: 15px;
    margin-bottom: 1px;
}

.profile-panel-list__tabs .profile-panel-list__tab{
    width: 50%;
    color: black;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 15px;
    font-weight: 900;
    line-height: 23px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid #E5DDD2;
}

.profile-panel-list__tabs .profile-panel-list__tab.active{
    background-color: #6a507b;
    color: white;
    border-bottom: 1px solid #6a507b;
}

.profile-panel-list__items{
    display: none;
}

.profile-panel-list__items.active{
    display: block;
}

.profile-show-more {
    padding: 16px 20px 12px 20px;
    font-size: 12px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: .08em;
    text-align: center;
    background-color: #6a507b;
    color: #FFF;
    width: 100%;
    display: block;
    margin-top: 1px;
    border-top: 1px solid #E5DDD2;
}

.group-field__items{
    margin-top: 5px;
}

.access_header{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
}

.access_item{
    margin-bottom: 15px;
}

.access_btn{
    text-align: center;
}

.access_btn .btn{
    border: 2px solid rgb(106, 80, 123);
    color: #fff;
    margin-right: 20px;
}

.access_btn .btn:last-child{
    margin-right: 0;
}

.access_btn .btn:hover{
    color: #fff;
    border: 2px solid rgb(106, 80, 123);
    background-color: #6c517b;
}

.access-balance{
    font-weight: bold;
    font-size: 15px;
}

.important_block{
    font-size: 14px;
}

.level-item{
    margin-right: 10px;
}

.point{
    font-size: 14px;
    font-weight: bold;
}

.house_num{
    display: inline-block;
    font-size: 40px;
    margin-top: 19px;
    font-weight: bold;
}

.city-birth{
    font-style: italic;
}

.chosen-container{
    width: 100%;
}

.block-head__form .chosen-container-multi .chosen-choices{
    background-color: white;
}

.z-index-0{
    z-index: 0;
}

.planet_item_both{
    display: flex;
}

.planet_left_both{
    display: flex;
    width: 110px;
}

.planet_both{
    display: flex;
    align-items: center;
    flex-direction: row;
    width: 110px;
}

.planet .planet__icon span{
    margin-top: 4px;
}

.planet__icon_both{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background-color: white;
    color: #4E5258;
    border-radius: 100%;
}

.planet__icon_both:last-child{
    margin-left: -9px;
    background-color: #6A507B;
    color: #FFF;
    opacity: .8;
}

.planet__icon.planet__icon_both .icon{
    width: 25px;
    height: 25px;
    margin: 0;
}

.planet__icon_both{
    margin-top: 5px;
    margin-bottom: 5px;
}

.planet__icon_both:last-child span{
    margin-top: 5px;
    margin-left: 1px;
    font-size: 20px;
    opacity: 1;
}

.planet__icon_both:last-child .icon{
    background-color: #6A507B;
    opacity: 1;
}

.planet__icon_both:last-child .icon .svg-icon{
    color: white;
    opacity: 1;
}

.planet_both:before{
    content: '';
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    height: 1px;
    background-color: #E5DDD2;
    transition: width .2s;
    width: calc(100% - 20px);
}

.panel__content p{
    margin-bottom: 10px;
}

.panel__content p:last-child{
    margin-bottom: 0;
}

.selectize-dropdown-content::-webkit-scrollbar {
    width: 8px;
}

.selectize-dropdown-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.selectize-dropdown-content::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.selectize-dropdown-content .option{
    cursor: pointer;
    border-bottom: 1px solid #ededed;
}

.selectize-dropdown-content .option:last-child{
    border: none;
}

.selectize-dropdown .option.active{
    background-color: #efefef;
}

.selectize-control.plugin-remove_button [data-value] .remove{
    font-size: 19px;
    top: 0px;
    padding: 4px 0 0 0;
}

.selectize-control.multi .selectize-input.has-items{
    padding: 6px 20px 3px;
}

.selectize-control .option{
    padding-right: 20px !important;
    padding-left: 20px !important;
}

.selectize-input, .selectize-dropdown{
    border: 2px solid transparent;
}

.selectize-input{
    padding: 7px 15px 6px;
}

.countries .selectize-input, .countries .selectize-dropdown{
    border: 1px solid #e6e6e6;
}

.field-select-js__body{

}

.field-select-js__body{
    overflow: auto;
    max-height: 210px;
}

.field-select-js__body::-webkit-scrollbar {
    width: 8px;
}

.field-select-js__body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.field-select-js__body::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.countries-paid{
    overflow: auto;
    max-height: 125px;
    padding: 0 5px;
    margin-top: 10px;
}

.countries-paid::-webkit-scrollbar {
    width: 8px;
}

.countries-paid::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.countries-paid::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.city-search__items{
    overflow: auto;
    max-height: 245px;
}

.city-search__items::-webkit-scrollbar {
    width: 8px;
}

.city-search__items::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.city-search__items::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.aviasales {
    text-align: center;
    margin-top: 15px;
    display: none;
}

.aviasales.aviasales-active {
    display: block;
}

.happy_string{
    background: #a1de87;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    opacity: 0;
    filter: alpha(opacity=0);
}
.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90);
}
.tooltip.top {
    margin-top: -1px;
    padding: 5px 0;
}
.tooltip.right {
    margin-left: 3px;
    padding: 0 5px;
}
.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0;
}
.tooltip.left {
    margin-left: -3px;
    padding: 0 5px;
}
.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background-color: #000000;
}
.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000000;
}

.glossary-results {
    display: none;
    position: absolute;
    width: inherit;
    max-height: 121px;
    z-index: 2;
    overflow: auto;
    padding: 0 0;
    font-size: 14px;
    line-height: 30px;
    margin-top: 0;
    border: 2px solid #6c6f74;
    background: #edebe9;
    top: 40px;
    left: 0;
    border-top: none;
}

.glossary-results::-webkit-scrollbar {
    width: 8px;
}

.glossary-results::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.glossary-results::-webkit-scrollbar-thumb {
    background-color: #6A507B;
    outline: 1px solid slategrey;
}

.glossary-results ul li {
    height:30px;
    cursor: pointer;
    border-bottom:#dedede solid 1px;
    padding: 0 20px;
}

.glossary-results ul li:last-child {
    border-bottom:0;
}

.glossary-results ul li:hover {
    background-color: #B0A1AD;
    color: white;
}

.m-now{
    padding: 10px 15px;
    background: #68516f;
    color: white;
    border-radius: 50px;
    z-index: 3;
    width: 100%;
    display: inline-block;
}

.m-prev, .m-next{
    padding: 2px 15px !important;
    background: #745b6f !important;
    color: white !important;
    border-radius: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    position: relative;
}

.m-prev:hover, .m-next:hover{
    opacity: 0.9;
}

.m-prev{
    padding-left: 30px !important;
    display: block;
    margin-bottom: 5px;
    width: auto;
}

.m-next{
    padding-right: 30px !important;
    display: block;
    margin-top: 5px;
    width: auto;
}

@media (min-width: 509px) {
    .m-prev{
        margin-bottom: 0;
        display: inline-block;
        width: 125px;
    }

    .m-next{
        margin-top: 0;
        display: inline-block;
        width: 125px;
    }

    .m-now{
        width: 170px;
    }
}

.rotate_-90{
    transform: rotate(-90deg);
}

.nice-month-icon{
    position: absolute;
    width: 19px;
    height: 25px;
    top: 1px;
}

.m-prev .nice-month-icon{
    left: 7px;
}

.m-next .nice-month-icon{
    right: 7px;
}

.m-next .nice-month-icon .svg-icon{
    left: 7px;
}

.nice-month-icon .svg-icon{
    position: absolute;
    width: 12px;
    height: 12px;
    top: 6px;
    right: 0;
    left: 0;
}

.request-btn{
    margin-right: 0;
    margin-bottom: 10px;
}

@media (min-width: 1368px) {
    .request-btn{
        margin-right: 20px;
        margin-bottom: 0;
    }
}

.course_desc table tr td{
    padding: 10px 20px;

}

.course_desc table tr td:first-child{
    padding: 10px 20px;
}

.lp-modal-desc{
    text-align: center;
    font-size: 15px;
}

.lp-modal-desc-title{
    font-weight: bold;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.lp-modal-desc-title a {
    color: #006fce;
}

.lp_alert_text {
    font-size: 13px;
    color: #FF0000;
    visibility: hidden;
}

.form__submit--center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.form__submit {
    display: block;
    margin-top: 20px;
}

.new-site{
    position: fixed;
    width: 100%;
    padding: 5px;
    height: 30px;
    z-index: 10001;
    top: 0;
    left: 0;
    right: 0;
    font-size: 11px;
    background-color: rgb(96, 158, 234);
    text-align: center;
    color: white;
    box-shadow: 0px 0px 5px 0px;
}

.new-site .new-site-desc{
    position: relative;
    font-size: 14px;
    display: none;
}

.new-site .new-site-desc_min{
    position: relative;
    display: block;
}

@media (min-width: 1200px) {
    .new-site .new-site-desc{
        display: block !important;
    }

    .new-site .new-site-desc_min{
        display: none !important;
    }
}

.new-site .new-site-desc .new-site-link{
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
}

.social_share{
    position: relative;
    display: block;
    padding: 4px 10px 1px 10px;
    font-size: 12px;
    font-weight: 900;
    line-height: 14px;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #4E5258;
    border-radius: 100px;
    background-color: transparent;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    transition: background-color .2s, color .2s;
    color: #4E5258;
    margin-bottom: 8px;
    width: 100%;
}

@media (min-width: 1280px) {
    .social_share {
        display: inline-block;
        min-width: 160px;
        width: auto;
    }
}

.social_share:hover{
    background-color: #4E5258;
    color: #FFF;
}

.social_share .svg-icon{
    display: inline-block;
    width: 28px;
    height: 28px;
}

.social_share .social_share_name{
    display: inline-block;
    vertical-align: top;
    margin-top: 9px;
    margin-left: 6px;
}

.social_share_title{
    display: block;
    padding: 0 5px 0 0;
    font-size: 17px;
    font-weight: bold;
    vertical-align: top;
    margin-top: 8px;
    margin-bottom: 8px;
}

@media (min-width: 1280px) {
    .social_share_title{
        display: inline-block;
        margin-bottom: 0;
    }
}

.social-hr{
    margin-bottom: 18px;
}

@media (min-width: 1280px) {
    .social-hr {
        margin-bottom: 38px;
    }
}

table.house-relations{
    margin-bottom: 15px;
}

table.house-relations tr td {
    padding: 5px;
    border: 1px solid #00000038;
    text-align: center;
}

.sidebar-natal__middle{
    display: none;
    margin-top: 40px;
}

.main__sidebar--lg .sidebar-natal__middle{
    display: block;
}

.main__sidebar--lg .sidebar-natal__middle .btn{
    display: block;
}

.size14{
    font-size: 14px !important;
}

.btn-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.btn-wrapper a{
    margin: 10px 5px 10px 5px;
}
.section-telegram-btn{
    margin: 0 0 30px 0;
    text-align: center;
    padding: 0 15px;
}
.telegram-margin-top{
    margin-top: 30px;
}
.section-telegram-btn .btn {
    width: 100%;
}
@media (min-width: 568px) {
    .section-telegram-btn .btn {
        width: auto;
    }
}
.btn-telegram{
    background: linear-gradient(to top right, #0088cc 0%, #0088cc 100%);
}
.btn-telegram:hover{
    background: linear-gradient(to bottom left, #0088cc 0%, #42afd0 100%);
}

.formula-panel {
    padding: 40px 20px;
}

@media (min-width: 1064px) {
    .formula-panel {
        padding: 40px;
    }
}

.formula-panel .formula-panel_title{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.formula-panel .formula-panel_name{
    font-size: 16px;
    font-weight: 600;
    background-color: #edebe9;
    padding: 10px 20px;
}

.formula-panel .formula-panel_name.exists{
    background-color: #F8DC8C;
}

.formula-panel .formula-panel_content{
    background-color: #f5f5f5;
    padding: 10px 20px;
}

.formula-panel .formula-panel_content .formula-panel_desc{
    margin-bottom: 20px;
}

.formula-panel .formula-panel_content .formula-panel_exists{
    font-weight: 600;
    margin-bottom: 10px;
}

.formula-icon{
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-left: 5px;
}

.formula-icon.formula-icon-exists{
    color: #8ad669;
}

.align-left{
    text-align: left !important;
}

.new-feature {
    font-size: 13px;
    font-style: italic;
    color: #a68679;
}

.sidebar-menu__link .new-feature {
    margin-left: 15px;
}

.sidebar-menu-item.is-active .new-feature{
    color: #FFF;
}

.new-feature:after {
    content: 'new';
}.banner__subtitle span{
    text-transform: initial;
}
.color-red{
    color:darkred;
}

.panel__wrapper{
    display: flex;
    flex-direction: column;
}

@media (min-width: 800px) {
    .panel__wrapper {
        flex-direction: row;
    }
}

.panel__wrapper img{
    align-self: center;
    max-width: 100%;
    object-fit: contain;
    object-position: 50%;
}

 @media (min-width: 568px) {
     .panel__wrapper img {
         max-width: 250px;
         height: auto;
         padding: 10px;
         background: #FFF;
     }
 }

.panel__right-text{
    font-size: 14px;
    line-height: 22px;
}

.sidebar-natal_elements {
    display: none;
    margin-top: 15px;
}

@media (min-width: 1064px) {
    .sidebar-natal_elements {
        margin-top: 40px;
    }
}

.main__sidebar--lg .sidebar-natal_elements {
    display: block;
}

.element-bg {
    width: auto;
    height: 395px;
    position: relative;
    border-radius: 16px;
    background: linear-gradient(rgba(97, 73, 141, 1), rgba(118, 90, 170, 1));
    margin: 0 auto;
}

.element-bg .element-bg-circle--outer {
    width: 298px;
    height: 298px;
    border: 2px solid #7656b0;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.element-bg .element-bg-circle--inner {
    width: 198px;
    height: 198px;
    border: 2px solid #7656b0;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.element-bg .element-bg-circle--inner > .icon {
    width: 261px;
    height: 309px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.element-bg .element-bg-circle--inner .elements-block .element-block  {
    position: absolute;
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background: white;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(1) {
    left: -20px;
    top: calc(50% - 64px/2 - 2px);
    box-shadow: #eb5757b3 0 0 50px;
    background: #eb5757;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(2) {
    top: -25px;
    left: calc(50% - 64px/2 - 2px);
    box-shadow: #56CCF2b3 0 0 50px;
    background: #56CCF2;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(3) {
    right: -20px;
    top: calc(50% - 64px/2 - 2px);
    box-shadow: #2F80EDb3 0 0 50px;
    background: #2F80ED;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(4) {
    bottom: -25px;
    left: calc(50% - 64px/2 - 2px);
    box-shadow: #B49084b3 0 0 50px;
    background: #B49084;
}

.element-bg .element-bg-circle--inner .elements-block .element-block .icon {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.element-bg .element-bg-circle--inner .elements-block .element-block .element-percent {
    position: absolute;
    top: -15px;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 38px;
    height: 19px;
    border: 1px solid #FFFFFF;
    border-radius: 16px;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(1) .element-percent {
    background: #EB5757;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(2) .element-percent {
    background: #56CCF2;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(3) .element-percent {
    background: #2F80ED;
}

.element-bg .element-bg-circle--inner .elements-block .element-block:nth-child(4) .element-percent {
    background: #B49084;
}

.element-bg .element-bg-circle--inner .elements-block .element-block .element-percent-value {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 14px;
    font-style: normal;
    font-weight: bold;
    font-size: 11px;
    color: #FFFFFF;
    text-align: center;
    line-height: 16px;
}

.element-percent-both span{
    font-size: 15px !important;
}

.element-diagram {
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 2px solid white;
}

.element-diagram--inner {
    position: absolute;
    top: 6px;
    left: 6px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    background: white;
}

.formula-country-block {
    padding: 40px;
    background: #6a507b;
}

.formula-country-block .formula-country-welcome{
    padding: 20px 5%;
    background: white;
    border: 2px solid #FED766;
    font-size: 21px;
    text-align: center;
    line-height: 28px;
}

@media (min-width: 1064px) {
    .formula-country-block .formula-country-welcome {
        padding: 40px 25%;
    }
}

.formula-country-block .formula-countries-title{
    color: white;
}

.formula-country-block .formula-country-welcome p{
    padding-bottom: 20px;
}

.formula-country-block .formula-country-welcome p:last-child{
    padding-bottom: 0;
}

.formula-country-block .formula-countries-choose{
    margin-top: 40px;
}

.formula-country-block .formula-countries-choose .abode-choice-access__body,
.formula-country-block .formula-countries-choose .abode-choice-access__block{
    background: none;
}

.formula-country-block .formula-countries-choose .abode-choice-access__block{
    padding: 0;
}

.formula-country-block .formula-countries-choose .formula-label{
    color: white;
}

.formula-country-block .abode-choice__access{
    margin: 40px 0 0;
}

.formula-country-block .abode-choice__access .abode-choice-access__head {
    background: black;
    color: white;
}

.country-formulas-results{
    background: white;
    padding: 20px;
    margin-top: 40px;
}

@media (min-width: 1064px) {
    .country-formulas-results {
        padding: 40px;
    }
}

.aviasales-frame{
    width: 100%;
    height: 490px;
}

@media (min-width: 1064px) {
    .aviasales-frame{
        width: 620px;
        height: 305px;
    }
}

.country-formulas-title{
    font-size: 26px;
}

.country-formulas-brief{
    margin: 25px 0;
    display: block;
}

@media (min-width: 1064px) {
    .country-formulas-brief{
        display: flex;
    }
}

.country-formulas-brief .country-formulas-brief-block{
    margin-bottom: 15px;
    width: 100%;
}

@media (min-width: 1064px) {
    .country-formulas-brief .country-formulas-brief-block {
        margin-right: 20px;
        margin-bottom: 0;
    }
}

.country-formulas-brief .country-formulas-brief-block p:first-child{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 600;
}

.country-formulas-brief .country-formulas-brief-block:last-child{
    margin-right: 0;
}

.brief-block--notify{
    font-style: italic;
}

.country-formulas-results .country-table--row-block{
    margin-top: 15px;
    max-height: 490px;
    overflow-y: auto;
}

@media (min-width: 1064px) {
    .country-formulas-results .country-table--row-block {
        margin-top: 0;
    }
}

.country-formulas-results .country-table--row-block::-webkit-scrollbar {
    width: 8px;
}

.country-formulas-results .country-table--row-block::-webkit-scrollbar-thumb {
    background-color: #f8dc8c;
}

.country-formulas-results .country-table--row-block .country-table__row:first-child {
    margin-top: 0;
}

.country-formulas-results .country-table__head{
    background-color: #f8dc8c;
}

.country-formulas-results .country-table__head-col,
.country-formulas-results .country-table__col{
    width: 100% !important;
    color: black !important;
    padding: 15px 20px !important;
}

@media (min-width: 1064px) {
    .country-formulas-results .country-table__head-col,
    .country-formulas-results .country-table__col {
        width: 50% !important;
    }
}

.country-formulas-results .country-table__col.formula-exists-col{
    background: #f8dc8c !important;
    color: #8ad669 !important;
    justify-content: center !important;
    padding: 0 20px !important;
}

.country-formulas-results .country-table__col.formula-not-exists-col{
    color: #707070 !important;
    justify-content: center !important;
    padding: 0 20px !important;
}

.country-formulas-results .country-table__col.formula-exists-col .icon,
.country-formulas-results .country-table__col.formula-not-exists-col .icon {
    width: 25px;
    height: 25px;
}

.country-formulas-results .country-table__title{
    font-size: 19px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.abode-choice-access__head.formulas-access{
    background: black;
    color: white;
}

.formula-countries-subtitle-link{
    display: inline-block;
    font-weight: 600;
    border-bottom: 1px solid white;
    line-height: 22px;
}

.formula-countries-subtitle-link:hover{
    border-bottom: 0;
}

.hide {
    display: none !important;
}
.show {
    display: block !important;
}


.page-payment_wrap {
    margin: 40px 10px 40px 10px;
    width: 100%;
}

@media (min-width: 768px) {
    .page-payment_wrap {
        width: 50%;
        margin: 40px 20px 40px 20px;
    }
}
.page-payment_title {
    font-size: 20px;
    line-height: 2.3em;
    font-weight: 600;
}

.payment__link {
    font-weight: 600;
}

.payment-block-btn{
    margin-top: 30px;
    text-align: center;
}

.profile-middle-title{
    font-family: "MinionPro", sans-serif;
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    font-style: italic;
    border-bottom: 1px solid black;
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
    text-align: left;
    width: 100%;
}

.profile-middle-title.border-none{
    border: none;
    padding: 0;
    margin-bottom: 5px;
}

.profile-card__block--mt-20{
    margin-top: 20px;
}

.payment-rules-notify {
    margin-top: 10px;
    border-top: 1px solid #ded7cf;
    padding-top: 20px;
}

.loading-img {
    width: 28px;
    height: 28px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.header-notify {
    padding: 15px 40px 3px 40px;
    background-color: #7f5a7e;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10000;
    border-bottom: 1px solid #ccc;
    text-align: center;
    color: #ffffff;
    font-weight: 600;
}

.header-notify .header-notify-link {
    margin-top: 5px;
}

.header-notify .header-notify-close {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}

.more-link {
    font-size: 19px;
    font-weight: 600;
    color: #6a507b;
}

.profile-panel-item__avatar-pair{
    margin-right: 10px;
}

.profile-panel-list__item.partner-list-item{
    border-left: 10px solid #ded7cf;
}

.profile-panel-list__item.partner-list-item:not(:last-child):after{
    left: 105px;
    width: calc(100% - 105px);
}

.ea-top {
    padding: 50px 30px 15px;
    color: #FFF;
    background: url(../img/express/express_header.png) no-repeat;
    background-size: cover;
    text-align: center;
}

@media (min-width: 1064px) {
    .ea-top {
        padding: 130px 75px;
        text-align: left;
    }

    .ea-top.user-top {
        padding: 100px 75px 60px 75px;
        text-align: center;
    }
}

.ea-btn {
    background: linear-gradient(167deg, #C7A378 28.36%, rgba(132, 111, 145, 0.92) 81.69%);
    border: 1px solid rgba(255, 255, 255, 0.82);
    border-radius: 32px;
    color: white;
    min-width: 200px;
    padding: 12px 30px 10px 30px;
}

.ea-btn:hover {
    background: linear-gradient(352deg, #C7A378 28.36%, rgba(132, 111, 145, 0.92) 81.69%);
}

.ea-top-title{
    margin-bottom: 30px;
}

.ea-top-title h1{
    font-size: 20px;
    letter-spacing: 0.015em;
    font-weight: bold;
    text-transform: uppercase;
}

@media (min-width: 1064px) {
    .ea-top-title h1 {
        font-size: 42px;
    }

    .ea-top-title{
        margin-bottom: 50px;
    }
}

.ea-form-price {
    font-size: 14px;
    text-align: center;
}

.ea-top-avatar{
    text-align: center;
    margin-bottom: 25px;
}

.ea-top-avatar .ea-avatar{
    border: 1px solid #ccc;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    display: inline-block;
}

.ea-top-name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 22px;
}

.ea-top-info {
    padding: 25px 0 30px 0;
    font-size: 19px;
}

.ea-top-payment {
    padding: 25px 0;
}

.ea-top-payment .ea-top-payment-text{
    background: white;
    color: black;
    padding: 15px;
    font-weight: 600;
    font-size: 17px;
}

.header-notify.header-register {
    padding: 15px;
}

.header-notify.header-register a{
    color: #caa980;
    font-weight: 600;
    font-size: 18px;
}

.ea-top-form-info{
    color: white;
    margin-bottom: 30px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    width: auto;
}

@media (min-width: 1064px) {
    .ea-top-form {
        width: 45%;
        margin: auto;
    }

    .ea-top-form-info{
        width: 500px;
        margin-bottom: 50px;
    }
}

.ea-top-form-block{
    background: rgba(240, 230, 219, 0.37);
    display: none;
}

.ea-top-form{
    padding: 50px 0;
}

.ea-top-form .form {
    color: #45494e;
}

.ea-top-form .form.form--bg {
    padding: 30px;
    background: url(../img/express/express_form.png) 31% repeat;
    background-size: contain;
    border: 5px solid #FFFFFF;
    border-radius: 24px;
    position: relative;
}

.ea-top-form .field-select:disabled, .ea-top-form .field-text__input:disabled {
    background: #dcdcdc;
    opacity: 1;
}

.ea-bottom {
    background: #ffffff;
    position: relative;
    color: white;
}

.ea-bottom .ea-item-icon-line{
    border-right: 1px solid white;
    height: calc(100% - 80px);
    position: absolute;
    left: 40px;
}

@media (min-width: 1064px) {
    .ea-bottom .ea-item-icon-line {
        left: 170px;
    }
}

.ea-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 10px 0 10px;
}

.ea-items-vert {
    display: flex;
    flex-direction: column;
    padding: 0 10px 10px 10px;
}

@media (min-width: 1064px) {
    .ea-items-vert {
        flex-direction: row;
        padding: 75px;
        align-items: center;
    }

    .ea-items {
        padding: 75px 75px 0;
    }
}

@media (min-width: 1250px) {
    .ea-items-vert {
        align-items: flex-start;
    }
}

.ea-items:last-child {
    padding-bottom: 75px;
}

.ea-items-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: -1px;
}

.ea-items-block:first-child{
    margin-top: 0;
}

.ea-items-vert .ea-items-block{
    margin-top: 0;
    margin-left: 0;
}

@media (min-width: 1064px) {
    .ea-items-vert .ea-items-block{
        margin-left: -1px;
    }
}

.ea-items-vert .ea-items-block:first-child{
    margin-top: 0;
    margin-left: 0;
}

.ea-items-vert .ea-items-block .ea-item{
    margin-top: -1px;
    margin-left: 0;
}

.ea-items-vert .ea-items-block .ea-item:first-child{
    margin-top: 0;
    margin-left: 0;
}

@media (min-width: 1064px) {
    .ea-items-block{
        flex-direction: row;
    }
}

.ea-items-vert .ea-items-block{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-right: 0;
}

@media (min-width: 1064px) {
    .ea-items-vert .ea-items-block {
        width: calc(100% / 3);
    }
}

.ea-items-vert .ea-items-block:last-child{
    margin-right: 0;
}

.ea-item {
    background: white;
    padding: 0;
    color: #2a2c2f;
    border: 1px solid #846F91;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    margin-left: 0;
    margin-top: -1px;
    display: flex;
    flex-direction: column;
}

@media (min-width: 1064px) {
    .ea-item {
        width: calc(100% / 3);
        flex-direction: row;
        margin-left: -1px;
        margin-top: 0;
    }
}

.ea-item-top {
    display: flex;
    align-items: center;
    padding: 10px 60px 10px 10px;
    position: relative;
    width: 100%;
}

.ea-item-col-exp{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ea-item.active-block {
    background: white !important;
}

.ea-item:first-child{
    margin-left: 0;
}

.ea-items-vert .ea-items-block .ea-item {
    width: 100%;
}

.ea-item.main{
    background: rgba(202, 172, 137, 0.37);
}

.ea-item.money{
    background: #C7D3C4;
}

.ea-item.synastry{
    background: rgba(252, 185, 204, 0.2);
}

.ea-item.problem{
    background: rgba(194, 3, 3, 0.2);
}

.ea-item .ea-item-icon{
    color: white;
    position: relative;
    top: 0;
    border: 0;
    margin: auto 0;
    padding: 22px;
}

.ea-item .ea-item-icon .icon {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    margin: auto auto 10px;
}

@media (min-width: 1064px) {
    .ea-item .ea-item-icon .icon{
        margin: 0;
    }
}

.ea-item .ea-item-icon .icon .icon__inner {
    width: 30px;
    height: 30px;
}

.ea-item .ea-item-title {
    font-size: 14px;
}

.ea-item .ea-item-content-block {
    display: none;
    background: white;
    cursor: default;
    width: 100%;
    z-index: 1;
    top: 100%;
    border-top: 1px solid #846f914d;
}

@media (min-width: 1064px) {
    .ea-item .ea-item-content-block {
        border: 1px solid #846F91;
        width: calc(100% * 3 + 4px);
        position: absolute;
    }
}

.ea-item .ea-item-content-block .ea-item-text {
    position: relative;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.ea-item .ea-item-content-block .ea-item-text:before {
    content: "";
    border: 1px solid transparent;
    background: #edebe9;
    border-radius: 100%;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    left: -25px;
}

.ea-item .ea-item-text-block {
    padding: 10px 10px 10px 35px;
    max-height: 415px;
    overflow-y: auto;
}

.ea-item .ea-item-text-block.elements-text-block {
    padding-left: 10px;
}

@media (min-width: 1064px) {
    .ea-item .ea-item-text-block {
        padding: 30px 45px;
        max-height: 500px;
    }

    .ea-item .ea-item-text-block.elements-text-block {
        padding-left: 45px;
    }
}

.ea-item .ea-item-text-block::-webkit-scrollbar {
    width: 10px;
}

.ea-item .ea-item-text-block::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.ea-item .ea-item-text-block::-webkit-scrollbar-thumb {
    background: #888;
}

.ea-item .ea-item-text-block::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.ea-item .ea-item-text-block .ea-item-text a{
    color: #c7a378;
}

.ea-item .element-bg {
    margin: 0;
}

.ea-item .ea-item-content-block.active-block {
    display: block;
}

.ea-item .ea-item-toggle-block {
    margin-top: 5px;
}

.ea-item .ea-item-toggle-block .ea-item-toggle-btn{
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    color: #5d5d5d;
}

.ea-item-toggle-icon{
    position: absolute;
    right: 20px;
    cursor: pointer;
    bottom: 20px;
}

@media (min-width: 1064px) {
    .ea-item-toggle-icon {
        bottom: 10px;
    }
}

.ea-item-toggle-icon svg{
    width: 29px;
    height: 29px;
}

.ea-item .ea-item-toggle-icon-expand{
    display: block;
}

.ea-item .ea-item-toggle-icon-collapse{
    display: none;
}

.ea-item.active-block .ea-item-toggle-icon-expand{
    display: none;
}

.ea-item.active-block .ea-item-toggle-icon-collapse{
    display: block;
}

.ea-item .ea-item-content-block.active-block .ea-item-toggle-icon {
    transform: rotate(0deg);
}

.ea-item-title-block{
    cursor: pointer;
    font-size: 16px;
}

.ea-item-text-block .panel__header{
    width: 100%;
    padding-right: 0;
}

.ea-item-text-block .panel__head{
    padding: 10px;
}

.ea-item-text-block .panel__head--line:before {
    left: 10px;
}

@media (min-width: 1064px) {
    .ea-item-text-block .panel__header{
        width: 95%;
        padding-right: 60px;
    }

    .ea-item-text-block .panel__head{
        padding: 20px;
    }

    .ea-item-text-block .panel__head--line:before {
        left: 20px;
    }
}

.ea-item-link-block {
    border: 1px solid #d6d6d6;
    display: inline-flex;
    padding: 10px;
    margin-top: 20px;
    align-items: center;
    flex-direction: row;
    width: 100%;
    position: relative;
}

.ea-item-link-block:first-child {
    margin-top: 0;
}

@media (min-width: 1064px) {
    .ea-item-link-block {
        padding: 30px 50px;
    }
}

.ea-item-link-block .ea-item-link-icon {
    margin-right: 15px;
}

@media (min-width: 1064px) {
    .ea-item-link-block .ea-item-link-icon {
        margin-right: 30px;
        margin-bottom: 0;
    }
}

.ea-item-link-block .ea-item-link-icon .icon{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    color: white;
}

.ea-item-link-block .ea-item-link-icon .icon .icon__inner{
    width: 30px;
    height: 30px;
}

.ea-item-link-block .ea-item-link-title {
    font-size: 18px;
    font-weight: 600;
    color: #BA8A51;
    margin-right: 30px;
}

.ea-item-link-block .ea-item-link-arrow {
    position: absolute;
    right: 20px;
}

.ea-item-link-block .ea-item-link-arrow .icon {
    width: 100%;
    height: 50px;
}

@media (min-width: 1064px) {
    .ea-item-link-block .ea-item-link-arrow .icon {
        width: 70px;
        height: 70px;
        border-radius: 100%;
    }
}

.ea-item-link-block .ea-item-link-arrow .icon .icon__inner {
    width: 10px;
    height: 16px;
}

.ea-item-link-block:hover .ea-item-link-arrow .icon .icon__inner {
    margin-left: 7px;
}

.ea-footer{
    display: flex;
    margin: 15px;
    background: white;
    padding: 15px 10px;
    color: #4e5258;
    flex-direction: column;
}

@media (min-width: 1064px) {
    .ea-footer {
        margin: 45px;
        padding: 25px 40px;
    }
}

.ea-footer-title{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 20px;
}

.ea-footer-title:first-child{
    margin-top: 15px;
}

.ea-footer-text{
    margin: 10px 0;
}

.ea-footer-text a {
    color: #c7a378;
}

.ea-item-formula-exists-block{
    margin-bottom: 20px;
}

.ea-item-formula-exists{
    border: 1px solid #d6d6d6;
    padding: 7px 15px;
    background: #fcfbfb;
    display: block;
}

@media (min-width: 1064px) {
    .ea-item-formula-exists {
        display: inline-block;
    }
}

.ea-item-formula-exists-block .formula-icon{
    height: 11px;
}

.ea-item-text-title{
    font-weight: 600;
    display: inline-block;
    margin-bottom: 3px;
}

.ea-item-text-text{

}

.ea-links {
    background: url(../img/express/express_middle.png) no-repeat center;
    background-size: cover;
    display: flex;
    padding: 30px;
    flex-direction: column;
    text-align: center;
}

@media (min-width: 1064px) {
    .ea-links {
        padding: 50px 75px;
        flex-direction: row;
        text-align: left;
    }
}


.ea-links-block{
    display: flex;
    width: 100%;
    flex-direction: column;
}

.ea-links-group{
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 800px) {
    .ea-links-group {
        flex-direction: row;
        margin-right: -20px;
        justify-content: space-evenly;
    }
}

@media (min-width: 1064px) {
    .ea-links-group {
        flex-direction: row;
        justify-content: flex-end;
        margin-right: -20px;
    }
}

.ea-link {
    text-decoration: underline;
    font-weight: bold;
    font-size: 21px;
    line-height: 22px;
    margin-bottom: 10px;
}

@media (min-width: 1064px) {
    .ea-link {
        font-size: 38px;
        line-height: 49px;
        max-width: 580px;
        margin-bottom: 0;
    }
}

.ea-link-item{
    background: linear-gradient(206.36deg, #DDC8AE 5.74%, #FFFFFF 41.42%);
    border: 1px solid #FFFFFF;
    border-radius: 12px;
    box-shadow: -4px -4px 16px #FFFFFF, 4px 4px 16px #FFFFFF;
    width: 100%;
    height: 500px;
    padding: 25px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    margin-bottom: 10px;
    text-align: left;
}

@media (min-width: 400px) {
    .ea-link-item {
        max-width: 320px;
    }
}

@media (min-width: 1064px) {
    .ea-link-item {
        margin: 20px;
    }
}

.ea-link-item-text{
    color: #2a2c2f;
    font-size: 16px;
    line-height: 19px;
}

.ea-link-item .icon{
    padding: 25px;
}

.ea-link-item-notify{
    color: rgba(0, 0, 0, 0.57);
    font-size: 12px;
    line-height: 14px;
    margin-top: 20px;
    margin-right: 35px;
}

.ea-confidence {
    padding: 45px 0;
}

@media (min-width: 1064px) {
    .ea-confidence {
        padding: 100px 0 200px 0;
    }
}

.ea-confidence a {
    text-decoration: underline;
}

.ea-confidence-title {
    font-weight: bold;
    font-size: 28px;
    color: #12101bc4;
    text-align: center;
    margin-bottom: 0;
}

@media (min-width: 1064px) {
    .ea-confidence-title {
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 75px;
    }
}

.ea-confidence-circle {
    position: relative;
    width: 85%;
    margin: 0 auto;
    margin-top: 20px;
}

@media (min-width: 1064px) {
    .ea-confidence-circle {
        position: relative;
        width: auto;
        height: auto;
        margin: 0;
    }
}

.ea-confidence-text-left,
.ea-confidence-text-right,
.ea-confidence-text-bottom
{
    color: #12101bc4;
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;
    text-align: left;
}

.ea-confidence-text-left{
    margin-top: 20px;
}

.ea-confidence-text-bottom{
    margin-bottom: 0;
}

@media (min-width: 1064px) {
    .ea-confidence-text-left,
    .ea-confidence-text-right,
    .ea-confidence-text-bottom
    {
        text-align: center;
    }
}

@media (min-width: 1400px) {
    .ea-confidence-text-left {
        position: absolute;
        top: 0;
        bottom: 0;
        right: calc(50% + 300px);
        display: flex;
        align-items: center;
        width: 375px;
        margin-bottom: 0;
        margin-top: 0;
        text-align: left;
    }

    .ea-confidence-text-right {
        position: absolute;
        top: 0;
        left: calc(50% + 240px);
        width: 400px;
        text-align: right;
        margin-bottom: 0;
    }

    .ea-confidence-text-bottom {
        position: absolute;
        width: 390px;
        bottom: calc(50% - 355px);
        left: 50%;
        margin-bottom: 0;
        text-align: left;
    }
}

.ea-location{
    background: url(../img/express/express_bottom.png) repeat center;
    background-size: cover;
    padding: 45px 20px 20px 20px;
    position: relative;
}

@media (min-width: 1064px) {
    .ea-location{
        padding: 75px 0;
    }
}

.ea-location-pic{
    position: absolute;
    display: flex;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
}

.ea-location-title{
    font-weight: bold;
    font-size: 28px;
    color: #12101bc4;
    text-align: center;
    margin-bottom: 45px;
}

@media (min-width: 1064px) {
    .ea-location-title{
        font-size: 40px;
        line-height: 52px;
        margin-bottom: 75px;
    }
}

.ea-location-video{
    text-align: center;
}

.ea-location-video iframe{
    width: 100%;
    height: 300px;
}

@media (min-width: 1064px) {
    .ea-location-video iframe{
        width: 926px;
        height: 456px;
    }
}

.ea-location-text-block {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
}

@media (min-width: 1064px) {
    .ea-location-text-block {
        display: flex;
        margin-top: 50px;
        flex-direction: row;
        justify-content: space-evenly;
        align-items: stretch;
    }
}

.ea-location-text-inner-block {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

@media (min-width: 1064px) {
    .ea-location-text-inner-block {
        margin-bottom: 0;
    }
}

.ea-location-text {
    color: #12101bc4;
    font-size: 14px;
    line-height: 18px;
    width: 80%;
}

@media (min-width: 1064px) {
    .ea-location-text {
        width: 375px;
    }
}

.ea-location-icon-left {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #846F91;
    margin-right: 15px;
}

.ea-location-icon-right {
    border-radius: 100%;
    width: 40px;
    height: 40px;
    background: #C7A378;
    margin-right: 15px;
}

@media (min-width: 1064px) {
    .ea-location-icon-left {
        width: 44px;
        height: 44px;
    }

    .ea-location-icon-right {
        width: 44px;
        height: 44px;
    }
}

.ea-discount {
    display: none;
    font-weight: 600;
    font-size: 15px;
}

.ea-price-discount {
    text-decoration: line-through;
    text-decoration-color: red;
}

.active-discount {
    display: inline !important;
}

.field-text__input.ea-red:focus,
.ea-red {
    border-color: red;
}

.reviews_left-side{
    display: none;
}

.reviews_bottom-side{
    display: block;
}

@media (min-width: 1064px) {
    .reviews_left-side{
        display: block;
    }

    .reviews_bottom-side{
        display: none;
    }
}

.reviews_left_block{
    padding: 20px 15px;
}

@media (min-width: 1064px) {
    .reviews_left_block {
        float: left;
        width: 15%;
        padding: 40px 20px 40px 40px;
    }
}

.reviews_left_block .reviews_block_title {
    font-size: 22px;
    font-weight: 600;
}

.reviews_left_block .reviews_block_subtitle {
    font-family: "MinionPro", sans-serif;
    font-size: 15px;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 1px;
    font-weight: normal;
    margin-top: 5px;
}

.reviews_left_block .reviews_block_item {
    padding: 20px;
    background-color: #FFF;
    margin-bottom: 5px;
}

.reviews_left_block .reviews_block_items {
    margin: 15px 0;
}

@media (min-width: 1064px) {
    .reviews_left_block .reviews_block_items {
        margin: 20px 0;
    }
}

.reviews_left_block .reviews_block_item_name {
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 1px;
}

.reviews_left_block .reviews_block_item_name_date {
    font-family: "MinionPro", sans-serif;
    font-size: 14px;
    font-style: italic;
    line-height: 24px;
    letter-spacing: 1px;
}

.reviews_left_block .reviews_block_item_text {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 1px;
}

.reviews_left_block .reviews_block_more_btn .btn {
    width: 100%;
}

.size-15 {
    font-size: 15px !important;
}

.red-btn {
    background: linear-gradient(to top right, #cc5f5f 0%, #cc0606 50%, #5a0505 100%);
    color: #FFF;
}

.red-btn:hover {
    background: linear-gradient(to bottom left, #cc5f5f 0%, #cc0606 50%, #5a0505 100%);
}

.unregistered-map {
    position: relative;
}

.unregistered-map-msg {
    position: absolute;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 13px;
    margin-left: 50px;
    color: #4E5258;
}

@media (min-width: 1064px) {
    .unregistered-map-msg {
        font-size: 16px;
        padding: 30px;
        margin-left: 0;
        color: white;
    }
}

.unregistered-map-gray {
    position: absolute;
    background: #4e4e4e;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    opacity: 0.7;
}

@media (min-width: 1064px) {
    .unregistered-map-gray {
        width: 100%;
        height: 100%;
    }
}

.margin-none{
    margin: 0 !important;
}

.happy-location-brief {
    padding: 20px;
    background-color: #FFF;
    width: 100%;
}

.happy-location-brief-title {
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.happy-location-brief-desc {
    padding: 10px 0;
    font-size: 16px;
}

.happy-location-brief-desc:last-child {
    padding-bottom: 0;
}

.abode-choice-access__body.happy-location-brief-body {
    padding-top: 0;
}

.happy-location-brief-img {
    width: auto;
    height: auto;
    padding-bottom: 20px;
}

.panel.basic-brief-panel {
    padding: 40px 0;
}

.panel.basic-brief-panel .panel__head {
    padding: 20px
}

@media (min-width: 1064px) {
    .panel.basic-brief-panel .panel__head {
        padding: 40px
    }
}

.basic-brief {
    padding: 0;
    background-color: #FFF;
    width: 100%;
}

@media (min-width: 1064px) {
    .basic-brief {
        padding: 20px;
    }
}

.panel.basic-brief-panel .panel__header {
    width: auto;
    padding-right: 25px;
}

@media (min-width: 1064px) {
    .panel.basic-brief-panel .panel__header {
        width: 95%;
        padding-right: 60px;
    }
}

.basic-brief-title {
    text-transform: uppercase;
    padding: 5px 0;
    font-size: 18px;
    font-weight: 600;
}

.basic-brief-desc {
    padding: 10px 0;
    font-size: 16px;
}

.basic-brief-img {
    width: auto;
    height: auto;
    padding-bottom: 20px;
}

.dark-red-btn {
    background: linear-gradient(to top right, #cc5f5f 0%, #6a2a46 50%, #5a0505 100%);
    color: #FFF;
}

.dark-red-btn:hover {
    background: linear-gradient(to bottom left, #cc5f5f 0%, #6b2a47 50%, #5a0505 100%);
}

.banner-btn-text {
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 10px;
}

#karma_icon {
    background: center url(/template/img/karma/menu_item2.svg);
    background-size: 100%;
    background-color: #C7A378;
        width: 10px;
    height: 15px;
}

#karma_background {
background-color: #C7A378;
}