/*body.customize-support {
    margin-top: 32px !important;
}*/

.customize-support .header.show {
    top: 79px;
}

@media screen and (max-width: 782px) {
    .customize-support .header.show {
        top: 89px;
    }
    .wrapper.pop {
        padding: 43px 0 0 !important;
    }
}
@media screen and (max-width: 600px) {
    .customize-support .head-popup.show {
        top: 46px;
    }
    .customize-support .header:not(.show ) {
        padding-top: 60px;
    }
} 

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
    /**
              This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
              calculation of the height of the owl-item that breaks page layouts
           */
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url("owl.video.play.png") no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

/* Slider */
.slick-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before,
.slick-track:after {
    display: table;

    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;

    height: auto;

    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*!Ion.RangeSlider, 2.3.1, © Denis Ineshin, 2010 - 2019, IonDen.com, Build date: 2019-12-19 16:51:02*/
.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min, .irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453
}

.irs--flat .irs-handle.state_hover > i:first-child, .irs--flat .irs-handle:hover > i:first-child {
    background-color: #a43540
}

.irs--flat .irs-min, .irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from, .irs--flat .irs-to, .irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px
}

.irs--flat .irs-from:before, .irs--flat .irs-to:before, .irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover, .irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-min, .irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from, .irs--big .irs-to, .irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle > i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle > i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover, .irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}

.irs--modern .irs-handle.state_hover > i:nth-child(1), .irs--modern .irs-handle:hover > i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover > i:nth-child(3), .irs--modern .irs-handle:hover > i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min, .irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from, .irs--modern .irs-to, .irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before, .irs--modern .irs-to:before, .irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle > i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover, .irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover > i:first-child, .irs--sharp .irs-handle:hover > i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min, .irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from, .irs--sharp .irs-to, .irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before, .irs--sharp .irs-to:before, .irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min, .irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover, .irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min, .irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from, .irs--square .irs-to, .irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}


/* classes attached to <body> */
/* TODO: make fc-event selector work when calender in shadow DOM */
.fc-not-allowed,
.fc-not-allowed .fc-event { /* override events' custom cursors */
    cursor: not-allowed;
}

/* TODO: not attached to body. attached to specific els. move */
.fc-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fc {
    /* layout of immediate children */
    display: flex;
    flex-direction: column;

    font-size: 1em
}

.fc,
.fc *,
.fc *:before,
.fc *:after {
    box-sizing: border-box;
}

.fc table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1em; /* normalize cross-browser */
}

.fc th {
    text-align: center;
}

.fc th,
.fc td {
    vertical-align: top;
    padding: 0;
}

.fc a[data-navlink] {
    cursor: pointer;
}

.fc a[data-navlink]:hover {
    text-decoration: underline;
}

.fc-direction-ltr {
    direction: ltr;
    text-align: left;
}

.fc-direction-rtl {
    direction: rtl;
    text-align: right;
}

.fc-theme-standard td,
.fc-theme-standard th {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

/* for FF, which doesn't expand a 100% div within a table cell. use absolute positioning */
/* inner-wrappers are responsible for being absolute */
/* TODO: best place for this? */
.fc-liquid-hack td,
.fc-liquid-hack th {
    position: relative;
}

@font-face {
    font-family: 'fcicons';
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format('truetype');
    font-weight: normal;
    font-style: normal;
}

.fc-icon {
    /* added for fc */
    display: inline-block;
    width: 1em;
    height: 1em;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fcicons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fc-icon-chevron-left:before {
    content: "\e900";
}

.fc-icon-chevron-right:before {
    content: "\e901";
}

.fc-icon-chevrons-left:before {
    content: "\e902";
}

.fc-icon-chevrons-right:before {
    content: "\e903";
}

.fc-icon-minus-square:before {
    content: "\e904";
}

.fc-icon-plus-square:before {
    content: "\e905";
}

.fc-icon-x:before {
    content: "\e906";
}

/*
Lots taken from Flatly (MIT): https://bootswatch.com/4/flatly/bootstrap.css

These styles only apply when the standard-theme is activated.
When it's NOT activated, the fc-button classes won't even be in the DOM.
*/
.fc {

    /* reset */

}

.fc .fc-button {
    border-radius: 0;
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.fc .fc-button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

.fc .fc-button {
    -webkit-appearance: button;
}

.fc .fc-button:not(:disabled) {
    cursor: pointer;
}

.fc .fc-button::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

.fc {

    /* theme */

}

.fc .fc-button {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.4em 0.65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: 0.25em;
}

.fc .fc-button:hover {
    text-decoration: none;
}

.fc .fc-button:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(44, 62, 80, 0.25);
}

.fc .fc-button:disabled {
    opacity: 0.65;
}

.fc {

    /* "primary" coloring */

}

.fc .fc-button-primary {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50);
}

.fc .fc-button-primary:hover {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1e2b37;
    background-color: var(--fc-button-hover-bg-color, #1e2b37);
    border-color: #1a252f;
    border-color: var(--fc-button-hover-border-color, #1a252f);
}

.fc .fc-button-primary:disabled { /* not DRY */
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #2C3E50;
    background-color: var(--fc-button-bg-color, #2C3E50);
    border-color: #2C3E50;
    border-color: var(--fc-button-border-color, #2C3E50); /* overrides :hover */
}

.fc .fc-button-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active {
    color: #fff;
    color: var(--fc-button-text-color, #fff);
    background-color: #1a252f;
    background-color: var(--fc-button-active-bg-color, #1a252f);
    border-color: #151e27;
    border-color: var(--fc-button-active-border-color, #151e27);
}

.fc .fc-button-primary:not(:disabled):active:focus,
.fc .fc-button-primary:not(:disabled).fc-button-active:focus {
    box-shadow: 0 0 0 0.2rem rgba(76, 91, 106, 0.5);
}

.fc {

    /* icons within buttons */

}

.fc .fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */
}

.fc .fc-button-group {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.fc .fc-button-group > .fc-button {
    position: relative;
    flex: 1 1 auto;
}

.fc .fc-button-group > .fc-button:hover {
    z-index: 1;
}

.fc .fc-button-group > .fc-button:focus,
.fc .fc-button-group > .fc-button:active,
.fc .fc-button-group > .fc-button.fc-button-active {
    z-index: 1;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:first-child) {
    margin-right: -1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-direction-rtl .fc-button-group > .fc-button:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.fc .fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 1.5em;
}

.fc .fc-toolbar.fc-footer-toolbar {
    margin-top: 1.5em;
}

.fc .fc-toolbar-title {
    font-size: 1.75em;
    margin: 0;
}

.fc-direction-ltr .fc-toolbar > * > :not(:first-child) {
    margin-left: .75em; /* space between */
}

.fc-direction-rtl .fc-toolbar > * > :not(:first-child) {
    margin-right: .75em; /* space between */
}

.fc-direction-rtl .fc-toolbar-ltr { /* when the toolbar-chunk positioning system is explicitly left-to-right */
    flex-direction: row-reverse;
}

.fc .fc-scroller {
    -webkit-overflow-scrolling: touch;
    position: relative; /* for abs-positioned elements within */
}

.fc .fc-scroller-liquid {
    height: 100%;
}

.fc .fc-scroller-liquid-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.fc .fc-scroller-harness {
    position: relative;
    overflow: hidden;
    direction: ltr;
    /* hack for chrome computing the scroller's right/left wrong for rtl. undone below... */
    /* TODO: demonstrate in codepen */
}

.fc .fc-scroller-harness-liquid {
    height: 100%;
}

.fc-direction-rtl .fc-scroller-harness > .fc-scroller { /* undo above hack */
    direction: rtl;
}

.fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd); /* bootstrap does this. match */
}

.fc .fc-scrollgrid,
.fc .fc-scrollgrid table { /* all tables (self included) */
    width: 100%; /* because tables don't normally do this */
    table-layout: fixed;
}

.fc .fc-scrollgrid table { /* inner tables */
    border-top-style: hidden;
    border-left-style: hidden;
    border-right-style: hidden;
}

.fc .fc-scrollgrid {

    border-collapse: separate;
    border-right-width: 0;
    border-bottom-width: 0;

}

.fc .fc-scrollgrid-liquid {
    height: 100%;
}

.fc .fc-scrollgrid-section { /* a <tr> */
    height: 1px /* better than 0, for firefox */

}

.fc .fc-scrollgrid-section > td {
    height: 1px; /* needs a height so inner div within grow. better than 0, for firefox */
}

.fc .fc-scrollgrid-section table {
    height: 1px;
    /* for most browsers, if a height isn't set on the table, can't do liquid-height within cells */
    /* serves as a min-height. harmless */
}

.fc .fc-scrollgrid-section-liquid > td {
    height: 100%; /* better than `auto`, for firefox */
}

.fc .fc-scrollgrid-section > * {
    border-top-width: 0;
    border-left-width: 0;
}

.fc .fc-scrollgrid-section-header > *,
.fc .fc-scrollgrid-section-footer > * {
    border-bottom-width: 0;
}

.fc .fc-scrollgrid-section-body table,
.fc .fc-scrollgrid-section-footer table {
    border-bottom-style: hidden; /* head keeps its bottom border tho */
}

.fc {

    /* stickiness */

}

.fc .fc-scrollgrid-section-sticky > * {
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
    position: sticky;
    z-index: 3; /* TODO: var */
    /* TODO: box-shadow when sticking */
}

.fc .fc-scrollgrid-section-header.fc-scrollgrid-section-sticky > * {
    top: 0; /* because border-sharing causes a gap at the top */
    /* TODO: give safari -1. has bug */
}

.fc .fc-scrollgrid-section-footer.fc-scrollgrid-section-sticky > * {
    bottom: 0; /* known bug: bottom-stickiness doesn't work in safari */
}

.fc .fc-scrollgrid-sticky-shim { /* for horizontal scrollbar */
    height: 1px; /* needs height to create scrollbars */
    margin-bottom: -1px;
}

.fc-sticky { /* no .fc wrap because used as child of body */
    position: sticky;
}

.fc .fc-view-harness {
    flex-grow: 1; /* because this harness is WITHIN the .fc's flexbox */
    position: relative;
}

.fc {

    /* when the harness controls the height, make the view liquid */

}

.fc .fc-view-harness-active > .fc-view {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc .fc-col-header-cell-cushion {
    display: inline-block; /* x-browser for when sticky (when multi-tier header) */
    padding: 2px 4px;
}

.fc .fc-bg-event,
.fc .fc-non-business,
.fc .fc-highlight {
    /* will always have a harness with position:relative/absolute, so absolutely expand */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc .fc-non-business {
    background: rgba(215, 215, 215, 0.3);
    background: var(--fc-non-business-color, rgba(215, 215, 215, 0.3));
}

.fc .fc-bg-event {
    background: rgb(143, 223, 130);
    background: var(--fc-bg-event-color, rgb(143, 223, 130));
    opacity: 0.3;
    opacity: var(--fc-bg-event-opacity, 0.3)
}

.fc .fc-bg-event .fc-event-title {
    margin: .5em;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    font-style: italic;
}

.fc .fc-highlight {
    background: rgba(188, 232, 241, 0.3);
    background: var(--fc-highlight-color, rgba(188, 232, 241, 0.3));
}

.fc .fc-cell-shaded,
.fc .fc-day-disabled {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

/* link resets */
/* ---------------------------------------------------------------------------------------------------- */
a.fc-event,
a.fc-event:hover {
    text-decoration: none;
}

/* cursor */
.fc-event[href],
.fc-event.fc-event-draggable {
    cursor: pointer;
}

/* event text content */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event .fc-event-main {
    position: relative;
    z-index: 2;
}

/* dragging */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-dragging:not(.fc-event-selected) { /* MOUSE */
    opacity: 0.75;
}

.fc-event-dragging.fc-event-selected { /* TOUCH */
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* resizing */
/* ---------------------------------------------------------------------------------------------------- */
/* (subclasses should hone positioning for touch and non-touch) */
.fc-event .fc-event-resizer {
    display: none;
    position: absolute;
    z-index: 4;
}

.fc-event:hover, /* MOUSE */
.fc-event-selected { /* TOUCH */

}

.fc-event:hover .fc-event-resizer, .fc-event-selected .fc-event-resizer {
    display: block;
}

.fc-event-selected .fc-event-resizer {
    border-radius: 4px;
    border-radius: calc(var(--fc-event-resizer-dot-total-width, 8px) / 2);
    border-width: 1px;
    border-width: var(--fc-event-resizer-dot-border-width, 1px);
    width: 8px;
    width: var(--fc-event-resizer-dot-total-width, 8px);
    height: 8px;
    height: var(--fc-event-resizer-dot-total-width, 8px);
    border-style: solid;
    border-color: inherit;
    background: #fff;
    background: var(--fc-page-bg-color, #fff)

    /* expand hit area */

}

.fc-event-selected .fc-event-resizer:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    right: -20px;
    bottom: -20px;
}

/* selecting (always TOUCH) */
/* OR, focused by tab-index */
/* (TODO: maybe not the best focus-styling for .fc-daygrid-dot-event) */
/* ---------------------------------------------------------------------------------------------------- */
.fc-event-selected,
.fc-event:focus {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)

    /* expand hit area (subclasses should expand) */

}

.fc-event-selected:before, .fc-event:focus:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.fc-event-selected,
.fc-event:focus {

    /* dimmer effect */

}

.fc-event-selected:after, .fc-event:focus:after {
    content: "";
    background: rgba(0, 0, 0, 0.25);
    background: var(--fc-event-selected-overlay-color, rgba(0, 0, 0, 0.25));
    position: absolute;
    z-index: 1;

    /* assume there's a border on all sides. overcome it. */
    /* sometimes there's NOT a border, in which case the dimmer will go over */
    /* an adjacent border, which looks fine. */
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
}

/*
A HORIZONTAL event
*/
.fc-h-event { /* allowed to be top-level */
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-h-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
}

.fc-h-event .fc-event-main-frame {
    display: flex; /* for make fc-event-title-container expand */
}

.fc-h-event .fc-event-time {
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
}

.fc-h-event .fc-event-title-container { /* serves as a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
}

.fc-h-event .fc-event-title {
    display: inline-block; /* need this to be sticky cross-browser */
    vertical-align: top; /* for not messing up line-height */
    left: 0; /* for sticky */
    right: 0; /* for sticky */
    max-width: 100%; /* clip overflow on this element */
    overflow: hidden;
}

.fc-h-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
}

/* adjust border and border-radius (if there is any) for non-start/end */
.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-start),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-end) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-width: 0;
}

.fc-direction-ltr .fc-daygrid-block-event:not(.fc-event-end),
.fc-direction-rtl .fc-daygrid-block-event:not(.fc-event-start) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right-width: 0;
}

/* resizers */
.fc-h-event:not(.fc-event-selected) .fc-event-resizer {
    top: 0;
    bottom: 0;
    width: 8px;
    width: var(--fc-event-resizer-thickness, 8px);
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end {
    cursor: w-resize;
    left: -4px;
    left: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}

.fc-direction-ltr .fc-h-event:not(.fc-event-selected) .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event:not(.fc-event-selected) .fc-event-resizer-start {
    cursor: e-resize;
    right: -4px;
    right: calc(-0.5 * var(--fc-event-resizer-thickness, 8px));
}

/* resizers for TOUCH */
.fc-h-event.fc-event-selected .fc-event-resizer {
    top: 50%;
    margin-top: -4px;
    margin-top: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-start,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-end {
    left: -4px;
    left: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc-direction-ltr .fc-h-event.fc-event-selected .fc-event-resizer-end,
.fc-direction-rtl .fc-h-event.fc-event-selected .fc-event-resizer-start {
    right: -4px;
    right: calc(-0.5 * var(--fc-event-resizer-dot-total-width, 8px));
}

.fc .fc-popover {
    position: absolute;
    z-index: 9999;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
}

.fc .fc-popover-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 3px 4px;
}

.fc .fc-popover-title {
    margin: 0 2px;
}

.fc .fc-popover-close {
    cursor: pointer;
    opacity: 0.65;
    font-size: 1.1em;
}

.fc-theme-standard .fc-popover {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
    background: #fff;
    background: var(--fc-page-bg-color, #fff);
}

.fc-theme-standard .fc-popover-header {
    background: rgba(208, 208, 208, 0.3);
    background: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}


:root {
    --fc-daygrid-event-dot-width: 8px;
}

/* help things clear margins of inner content */
.fc-daygrid-day-frame,
.fc-daygrid-day-events,
.fc-daygrid-event-harness { /* for event top/bottom margins */
}

.fc-daygrid-day-frame:before, .fc-daygrid-day-events:before, .fc-daygrid-event-harness:before {
    content: "";
    clear: both;
    display: table;
}

.fc-daygrid-day-frame:after, .fc-daygrid-day-events:after, .fc-daygrid-event-harness:after {
    content: "";
    clear: both;
    display: table;
}

.fc .fc-daygrid-body { /* a <div> that wraps the table */
    position: relative;
    z-index: 1; /* container inner z-index's because <tr>s can't do it */
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-daygrid-day-frame {
    position: relative;
    min-height: 100%; /* seems to work better than `height` because sets height after rows/cells naturally do it */
}

.fc {

    /* cell top */

}

.fc .fc-daygrid-day-top {
    display: flex;
    flex-direction: row-reverse;
}

.fc .fc-day-other .fc-daygrid-day-top {
    opacity: 0.3;
}

.fc {

    /* day number (within cell top) */

}

.fc .fc-daygrid-day-number {
    position: relative;
    z-index: 4;
    padding: 4px;
}

.fc {

    /* event container */

}

.fc .fc-daygrid-day-events {
    margin-top: 1px; /* needs to be margin, not padding, so that available cell height can be computed */
}

.fc {

    /* positioning for balanced vs natural */

}

.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    position: absolute;
    left: 0;
    right: 0;
}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
    position: relative; /* for containing abs positioned event harnesses */
    min-height: 2em; /* in addition to being a min-height during natural height, equalizes the heights a little bit */
}

.fc .fc-daygrid-body-natural { /* can coexist with -unbalanced */
}

.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
    margin-bottom: 1em;
}

.fc {

    /* event harness */

}

.fc .fc-daygrid-event-harness {
    position: relative;
}

.fc .fc-daygrid-event-harness-abs {
    position: absolute;
    top: 0; /* fallback coords for when cannot yet be computed */
    left: 0; /* */
    right: 0; /* */
}

.fc .fc-daygrid-bg-harness {
    position: absolute;
    top: 0;
    bottom: 0;
}

.fc {

    /* bg content */

}

.fc .fc-daygrid-day-bg .fc-non-business {
    z-index: 1
}

.fc .fc-daygrid-day-bg .fc-bg-event {
    z-index: 2
}

.fc .fc-daygrid-day-bg .fc-highlight {
    z-index: 3
}

.fc {

    /* events */

}

.fc .fc-daygrid-event {
    z-index: 6;
    margin-top: 1px;
}

.fc .fc-daygrid-event.fc-event-mirror {
    z-index: 7;
}

.fc {

    /* cell bottom (within day-events) */

}

.fc .fc-daygrid-day-bottom {
    font-size: .85em;
    padding: 2px 3px 0
}

.fc .fc-daygrid-day-bottom:before {
    content: "";
    clear: both;
    display: table;
}

.fc .fc-daygrid-more-link {
    position: relative;
    z-index: 4;
    cursor: pointer;
}

.fc {

    /* week number (within frame) */

}

.fc .fc-daygrid-week-number {
    position: absolute;
    z-index: 5;
    top: 0;
    padding: 2px;
    min-width: 1.5em;
    text-align: center;
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    color: #808080;
    color: var(--fc-neutral-text-color, #808080);
}

.fc {

    /* popover */

}

.fc .fc-more-popover .fc-popover-body {
    min-width: 220px;
    padding: 10px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
    margin-left: 2px;
}

.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 2px;
}

.fc-direction-ltr .fc-daygrid-week-number {
    left: 0;
    border-radius: 0 0 3px 0;
}

.fc-direction-rtl .fc-daygrid-week-number {
    right: 0;
    border-radius: 0 0 0 3px;
}

.fc-liquid-hack .fc-daygrid-day-frame {
    position: static; /* will cause inner absolute stuff to expand to <td> */
}

.fc-daygrid-event { /* make root-level, because will be dragged-and-dropped outside of a component root */
    position: relative; /* for z-indexes assigned later */
    white-space: nowrap;
    border-radius: 3px; /* dot event needs this to when selected */
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
}

/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
    font-weight: bold;
}

.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
    padding: 1px;
}

/* --- the dot style of event --- */
.fc-daygrid-dot-event {
    display: flex;
    align-items: center;
    padding: 2px 0

}

.fc-daygrid-dot-event .fc-event-title {
    flex-grow: 1;
    flex-shrink: 1;
    min-width: 0; /* important for allowing to shrink all the way */
    overflow: hidden;
    font-weight: bold;
}

.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
    background: rgba(0, 0, 0, 0.1);
}

.fc-daygrid-dot-event.fc-event-selected:before {
    /* expand hit area */
    top: -10px;
    bottom: -10px;
}

.fc-daygrid-event-dot { /* the actual dot */
    margin: 0 4px;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 4px solid #3788d8;
    border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 4px;
    border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2);
}

/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 3px;
}

.fc-direction-rtl .fc-daygrid-event .fc-event-time {
    margin-left: 3px;
}


/*
A VERTICAL event
*/

.fc-v-event { /* allowed to be top-level */
    display: block;
    border: 1px solid #3788d8;
    border: 1px solid var(--fc-event-border-color, #3788d8);
    background-color: #3788d8;
    background-color: var(--fc-event-bg-color, #3788d8)

}

.fc-v-event .fc-event-main {
    color: #fff;
    color: var(--fc-event-text-color, #fff);
    height: 100%;
}

.fc-v-event .fc-event-main-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.fc-v-event .fc-event-time {
    flex-grow: 0;
    flex-shrink: 0;
    max-height: 100%;
    overflow: hidden;
}

.fc-v-event .fc-event-title-container { /* a container for the sticky cushion */
    flex-grow: 1;
    flex-shrink: 1;
    min-height: 0; /* important for allowing to shrink all the way */
}

.fc-v-event .fc-event-title { /* will have fc-sticky on it */
    top: 0;
    bottom: 0;
    max-height: 100%; /* clip overflow */
    overflow: hidden;
}

.fc-v-event:not(.fc-event-start) {
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.fc-v-event:not(.fc-event-end) {
    border-bottom-width: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.fc-v-event.fc-event-selected:before {
    /* expand hit area */
    left: -10px;
    right: -10px;
}

.fc-v-event {

    /* resizer (mouse AND touch) */

}

.fc-v-event .fc-event-resizer-start {
    cursor: n-resize;
}

.fc-v-event .fc-event-resizer-end {
    cursor: s-resize;
}

.fc-v-event {

    /* resizer for MOUSE */

}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
    height: 8px;
    height: var(--fc-event-resizer-thickness, 8px);
    left: 0;
    right: 0;
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
    top: -4px;
    top: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
    bottom: -4px;
    bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2);
}

.fc-v-event {

    /* resizer for TOUCH (when event is "selected") */

}

.fc-v-event.fc-event-selected .fc-event-resizer {
    left: 50%;
    margin-left: -4px;
    margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-start {
    top: -4px;
    top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc-v-event.fc-event-selected .fc-event-resizer-end {
    bottom: -4px;
    bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2);
}

.fc .fc-timegrid .fc-daygrid-body { /* the all-day daygrid within the timegrid view */
    z-index: 2; /* put above the timegrid-body so that more-popover is above everything. TODO: better solution */
}

.fc .fc-timegrid-divider {
    padding: 0 0 2px; /* browsers get confused when you set height. use padding instead */
}

.fc .fc-timegrid-body {
    position: relative;
    z-index: 1; /* scope the z-indexes of slots and cols */
    min-height: 100%; /* fill height always, even when slat table doesn't grow */
}

.fc .fc-timegrid-axis-chunk { /* for advanced ScrollGrid */
    position: relative /* offset parent for now-indicator-container */

}

.fc .fc-timegrid-axis-chunk > table {
    position: relative;
    z-index: 1; /* above the now-indicator-container */
}

.fc .fc-timegrid-slots {
    position: relative;
    z-index: 1;
}

.fc .fc-timegrid-slot { /* a <td> */
    height: 1.5em;
    border-bottom: 0 /* each cell owns its top border */
}

.fc .fc-timegrid-slot:empty:before {
    content: '\00a0'; /* make sure there's at least an empty space to create height for height syncing */
}

.fc .fc-timegrid-slot-minor {
    border-top-style: dotted;
}

.fc .fc-timegrid-slot-label-cushion {
    display: inline-block;
    white-space: nowrap;
}

.fc .fc-timegrid-slot-label {
    vertical-align: middle; /* vertical align the slots */
}

.fc {


    /* slots AND axis cells (top-left corner of view including the "all-day" text) */

}

.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
    padding: 0 4px;
}

.fc {


    /* axis cells (top-left corner of view including the "all-day" text) */
    /* vertical align is more complicated, uses flexbox */

}

.fc .fc-timegrid-axis-frame-liquid {
    height: 100%; /* will need liquid-hack in FF */
}

.fc .fc-timegrid-axis-frame {
    overflow: hidden;
    display: flex;
    align-items: center; /* vertical align */
    justify-content: flex-end; /* horizontal align. matches text-align below */
}

.fc .fc-timegrid-axis-cushion {
    max-width: 60px; /* limits the width of the "all-day" text */
    flex-shrink: 0; /* allows text to expand how it normally would, regardless of constrained width */
}

.fc-direction-ltr .fc-timegrid-slot-label-frame {
    text-align: right;
}

.fc-direction-rtl .fc-timegrid-slot-label-frame {
    text-align: left;
}

.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc .fc-timegrid-col.fc-day-today {
    background-color: rgba(255, 220, 40, 0.15);
    background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15));
}

.fc .fc-timegrid-col-frame {
    min-height: 100%; /* liquid-hack is below */
    position: relative;
}

.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fc-media-screen .fc-timegrid-cols {
    position: absolute; /* no z-index. children will decide and go above slots */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-media-screen .fc-timegrid-cols > table {
    height: 100%;
}

.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.fc {

    /* bg */

}

.fc .fc-timegrid-col-bg {
    z-index: 2; /* TODO: kill */
}

.fc .fc-timegrid-col-bg .fc-non-business {
    z-index: 1
}

.fc .fc-timegrid-col-bg .fc-bg-event {
    z-index: 2
}

.fc .fc-timegrid-col-bg .fc-highlight {
    z-index: 3
}

.fc .fc-timegrid-bg-harness {
    position: absolute; /* top/bottom will be set by JS */
    left: 0;
    right: 0;
}

.fc {

    /* fg events */
    /* (the mirror segs are put into a separate container with same classname, */
    /* and they must be after the normal seg container to appear at a higher z-index) */

}

.fc .fc-timegrid-col-events {
    z-index: 3;
    /* child event segs have z-indexes that are scoped within this div */
}

.fc {

    /* now indicator */

}

.fc .fc-timegrid-now-indicator-container {
    bottom: 0;
    overflow: hidden; /* don't let overflow of lines/arrows cause unnecessary scrolling */
    /* z-index is set on the individual elements */
}

.fc-direction-ltr .fc-timegrid-col-events {
    margin: 0 2.5% 0 2px;
}

.fc-direction-rtl .fc-timegrid-col-events {
    margin: 0 2px 0 2.5%;
}

.fc-timegrid-event-harness {
    position: absolute /* top/left/right/bottom will all be set by JS */
}

.fc-timegrid-event-harness > .fc-timegrid-event {
    position: absolute; /* absolute WITHIN the harness */
    top: 0; /* for when not yet positioned */
    bottom: 0; /* " */
    left: 0;
    right: 0;
}

.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
    box-shadow: 0px 0px 0px 1px #fff;
    box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff);
}

.fc-timegrid-event,
.fc-timegrid-more-link { /* events need to be root */
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    border-radius: 3px;
}

.fc-timegrid-event { /* events need to be root */
    margin-bottom: 1px /* give some space from bottom */
}

.fc-timegrid-event .fc-event-main {
    padding: 1px 1px 0;
}

.fc-timegrid-event .fc-event-time {
    white-space: nowrap;
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em);
    margin-bottom: 1px;
}

.fc-timegrid-event-short .fc-event-main-frame {
    flex-direction: row;
    overflow: hidden;
}

.fc-timegrid-event-short .fc-event-time:after {
    content: '\00a0-\00a0'; /* dash surrounded by non-breaking spaces */
}

.fc-timegrid-event-short .fc-event-title {
    font-size: .85em;
    font-size: var(--fc-small-font-size, .85em)
}

.fc-timegrid-more-link { /* does NOT inherit from fc-timegrid-event */
    position: absolute;
    z-index: 9999; /* hack */
    color: inherit;
    color: var(--fc-more-link-text-color, inherit);
    background: #d0d0d0;
    background: var(--fc-more-link-bg-color, #d0d0d0);
    cursor: pointer;
    margin-bottom: 1px; /* match space below fc-timegrid-event */
}

.fc-timegrid-more-link-inner { /* has fc-sticky */
    padding: 3px 2px;
    top: 0;
}

.fc-direction-ltr .fc-timegrid-more-link {
    right: 0;
}

.fc-direction-rtl .fc-timegrid-more-link {
    left: 0;
}

.fc {

    /* line */

}

.fc .fc-timegrid-now-indicator-line {
    position: absolute;
    z-index: 4;
    left: 0;
    right: 0;
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
    border-width: 1px 0 0;
}

.fc {

    /* arrow */

}

.fc .fc-timegrid-now-indicator-arrow {
    position: absolute;
    z-index: 4;
    margin-top: -5px; /* vertically center on top coordinate */
    border-style: solid;
    border-color: red;
    border-color: var(--fc-now-indicator-color, red);
}

.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    left: 0;

    /* triangle pointing right. TODO: mixin */
    border-width: 5px 0 5px 6px;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    right: 0;

    /* triangle pointing left. TODO: mixin */
    border-width: 5px 6px 5px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
}


:root {
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
}

.fc-theme-standard .fc-list {
    border: 1px solid #ddd;
    border: 1px solid var(--fc-border-color, #ddd);
}

.fc {

    /* message when no events */

}

.fc .fc-list-empty {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; /* vertically aligns fc-list-empty-inner */
}

.fc .fc-list-empty-cushion {
    margin: 5em 0;
}

.fc {

    /* table within the scroller */
    /* ---------------------------------------------------------------------------------------------------- */

}

.fc .fc-list-table {
    width: 100%;
    border-style: hidden; /* kill outer border on theme */
}

.fc .fc-list-table tr > * {
    border-left: 0;
    border-right: 0;
}

.fc .fc-list-sticky .fc-list-day > * { /* the cells */
    position: sticky;
    top: 0;
    background: #fff;
    background: var(--fc-page-bg-color, #fff); /* for when headers are styled to be transparent and sticky */
}

.fc {

    /* only exists for aria reasons, hide for non-screen-readers */

}

.fc .fc-list-table thead {
    position: absolute;
    left: -10000px;
}

.fc {

    /* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */

}

.fc .fc-list-table tbody > tr:first-child th {
    border-top: 0;
}

.fc .fc-list-table th {
    padding: 0; /* uses an inner-wrapper instead... */
}

.fc .fc-list-table td,
.fc .fc-list-day-cushion {
    padding: 8px 14px;
}

.fc {


    /* date heading rows */
    /* ---------------------------------------------------------------------------------------------------- */

}

.fc .fc-list-day-cushion:after {
    content: "";
    clear: both;
    display: table; /* clear floating */
}

.fc-theme-standard .fc-list-day-cushion {
    background-color: rgba(208, 208, 208, 0.3);
    background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
}

.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
    float: left;
}

.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
    float: right;
}

/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
    padding-right: 0
}

.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
    padding-left: 0
}

.fc .fc-list-event.fc-event-forced-url {
    cursor: pointer; /* whole row will seem clickable */
}

.fc .fc-list-event:hover td {
    background-color: #f5f5f5;
    background-color: var(--fc-list-event-hover-bg-color, #f5f5f5);
}

.fc {

    /* shrink certain cols */

}

.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
    white-space: nowrap;
    width: 1px;
}

.fc .fc-list-event-dot {
    display: inline-block;
    box-sizing: content-box;
    width: 0;
    height: 0;
    border: 5px solid #3788d8;
    border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
    border-radius: 5px;
    border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2);
}

.fc {

    /* reset <a> styling */

}

.fc .fc-list-event-title a {
    color: inherit;
    text-decoration: none;
}

.fc {

    /* underline link when hovering over any part of row */

}

.fc .fc-list-event.fc-event-forced-url:hover a {
    text-decoration: underline;
}


.fc-theme-bootstrap a:not([href]) {
    color: inherit; /* natural color for navlinks */
}


.fc-theme-bootstrap5 a:not([href]) {
    color: inherit;
    text-decoration: inherit;
}

.fc-theme-bootstrap5 .fc-list,
.fc-theme-bootstrap5 .fc-scrollgrid,
.fc-theme-bootstrap5 td,
.fc-theme-bootstrap5 th {
    border: 1px solid var(--bs-gray-400);
}

.fc-theme-bootstrap5 {

    /* HACK: reapply core styles after highe-precedence border statement above */
}

.fc-theme-bootstrap5 .fc-scrollgrid {
    border-right-width: 0;
    border-bottom-width: 0;
}

.fc-theme-bootstrap5-shaded {
    background-color: var(--bs-gray-200);
}


@charset "UTF-8";
.mfp-bg {
    z-index: 1042;
    overflow: hidden;
    background: #0b0b0b;
    opacity: .8
}

.mfp-bg, .mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed
}

.mfp-wrap {
    z-index: 1043;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
    display: none
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    top: 50%;
    margin: -55px 0 0;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-height: 300px), screen and (max-width: 800px) and (orientation: landscape) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    margin: 0;
    padding: 0;
    background-color: #fff;
    overflow-x: hidden;
    position: relative;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 500;
    color: #fff
}

body.ohidden {
    overflow: hidden
}

* {
    box-sizing: border-box
}

a {
    text-decoration: none;
    transition: color .15s linear, background-color .15s linear
}

img {
    display: block
}

img.lazyload {
    opacity: 0;
    transition: opacity .2s linear
}

img.lazyload.load {
    opacity: 1
}

::-webkit-scrollbar {
    width: 7px
}

::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: #c09f6f;
    border-radius: 5px
}

::-webkit-scrollbar-thumb:hover {
    background: #d6ad72;
    border-radius: 5px
}

.calendar-block {
    color: #000;
    margin: 60px 0 0
}

.calendar-block colgroup col {
    width: 120px !important
}

.fc-timegrid-slots td {
    height: 135px !important
}

.fc-timegrid-slot-label {
    width: 120px;
    background-color: #f6f6f6;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding-top: 20px !important
}

.fc-scrollgrid-sync-table, .fc-timegrid-divider.fc-cell-shaded, .fc-toolbar-title {
    display: none
}

.select2-container {
    width: 100% !important
}

.select2-container .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container .select2-selection--multiple {
    height: 56px;
    border: 1px solid #dcdcdc;
    padding: 0 25px;
    border-radius: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    height: 56px;
    display: flex;
    align-items: center;
    left: 27px;
    position: absolute;
    justify-content: flex-start;
    width: auto;
    max-width: 85%
}

.select2-dropdown {
    background-color: #131313
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #131313 !important;
    color: #c09f6f
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #c09f6f;
    border-radius: 0
}

.select2-container--default .select2-results__option {
    display: flex;
    align-items: center;
    position: relative
}

.select2-container--default .select2-results__option:before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border: 2px solid #c09f6f;
    margin-right: 20px
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #131313 !important
}

.select2-container--default .select2-results__option[aria-selected=true]:after {
    content: "";
    width: 4px;
    height: 9px;
    border-right: 2px solid #c09f6f;
    border-bottom: 2px solid #c09f6f;
    position: absolute;
    top: 10px;
    left: 12px;
    transform: rotate(37deg)
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    position: relative;
    margin-right: 2px !important;
    padding-left: 0 !important;
    float: none
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:after {
    content: ",";
    display: inline-block
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-search:after, .select2-container--default .select2-selection--multiple .select2-selection__rendered li:nth-last-child(2):after {
    display: none
}

.select2-container--default .select2-results > .select2-results__options {
    padding: 9px 0 12px 28px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 18px;
    color: #191919;
    background-color: transparent;
    border: none
}

.select2-container--default .select2-selection--multiple .select2-selection__choice span, .ymaps-2-1-79-search {
    display: none
}

.map-block {
    position: relative;
    height: 0;
    padding-bottom: 28%;
    margin: 60px 0 52px
}

.map-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: none
}

.map-block__taxi {
    position: absolute;
    left: 10%;
    bottom: 20px;
    z-index: 2;
    cursor: pointer
}

.map-block__taxi img {
    transition: transform .2s linear
}

.map-block__taxi:hover img {
    transform: scale(.9)
}

@media (max-width: 1024px) {
    .map-block {
        margin: 124px 0 60px
    }
}

@media (max-width: 640px) {
    .map-block {
        margin: 50px 0;
        padding-bottom: 65%
    }
}

@media (max-width: 575px) {
    .map-block {
        margin: 50px 0 15px;
        padding-bottom: 113%
    }
}

.map-block__map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.inner-cart {
    margin: 15px 0 0
}

.inner-cart__right {
    width: 100%
}

@media (max-width: 1024px) {
    .inner-cart__right {
        margin: 40px auto 0
    }
}

.inner-cart__top {
    display: flex
}

@media (max-width: 1024px) {
    .inner-cart__top {
        flex-direction: column
    }
}

.inner-cart__textb {
    font-size: 14px;
    color: #000
}

.inner-cart__textb span {
    font-weight: 700;
    color: #c09f6f
}

.inner-cart__buy {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

.inner-cart__buy .button {
    width: 100%
}

.inner-cart__img {
    width: 100%;
    max-width: 600px;
    margin: 0 45px 0 0
}

@media (max-width: 1280px) {
    .inner-cart__img {
        max-width: 448px
    }
}

.inner-cart__img .slider-for img {
    width: 100%;
    height: 450px;
    object-fit: contain
}

@media (max-width: 640px) {
    .inner-cart__img .slider-for img {
        height: 360px
    }
}

.inner-cart__img .slider-nav img {
    width: 100%;
    object-fit: contain
}

.inner-cart__name {
    font-size: 38px;
    color: #33485d;
    font-weight: 500;
    margin: 3px 0 10px;
    max-width: 100%
}

@media (max-width: 1366px) {
    .inner-cart__name {
        font-size: 32px
    }
}

@media (max-width: 480px) {
    .inner-cart__name {
        font-size: 21px
    }
}

.inner-cart__art {
    display: flex;
    font-size: 14px;
    color: #33485d;
    font-weight: 500;
    margin: 0 0 20px
}

.inner-cart__art span {
    display: block;
    margin-right: 5px;
    font-weight: 600;
    font-size: 14px;
    color: #5c6d7d
}

.inner-cart__price-block {
    display: flex
}

.inner-cart__buy-block {
    display: flex;
    align-items: center;
    margin: 0 0 42px
}

.inner-cart__old-price {
    display: flex;
    align-items: flex-end;
    color: #404040;
    font-size: 16px;
    font-weight: 400;
    margin: 0 12px 0 0
}

.inner-cart__old-price span {
    display: block;
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
    margin-right: 5px;
    text-decoration: line-through
}

.inner-cart__middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px
}

@media (max-width: 600px) {
    .inner-cart__middle {
        flex-direction: column;
        align-items: flex-start
    }
}

.inner-cart__bonuses {
    display: flex;
    align-items: center;
    color: #c09f6f;
    margin: 17px 0 0
}

.inner-cart__bonuses span {
    display: flex;
    margin-left: 8px
}

.inner-cart__bonuses span span {
    font-weight: 700
}

.inner-cart__form {
    display: flex;
    justify-content: space-between;
    margin: 0 0 34px
}

.inner-cart__select {
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
    .inner-cart__select {
        flex-direction: column
    }
}

.inner-cart__select span {
    display: block;
    margin-right: 10px;
    color: #000
}

@media (max-width: 640px) {
    .inner-cart__select span {
        margin-right: 0;
        margin-bottom: 8px
    }
}

.inner-cart__select select {
    width: 90px;
    height: 44px
}

.inner-cart__text {
    color: #000
}

.inner-cart__size-pic img {
    width: 100%;
    height: auto
}

.inner-cart__count {
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
/*    .inner-cart__count {
        flex-direction: column
    }*/
}

.inner-cart__count span {
    display: block;
    margin-right: 10px;
    color: #000
}

@media (max-width: 640px) {
    .inner-cart__count span {
        margin-right: 0;
       /* margin-bottom: 8px*/
    }
}

.inner-cart__size {
    display: flex;
    color: #000;
    margin: 42px 0 34px
}

.inner-cart__size-body {
    font-size: 14px;
    margin-left: 10px
}

.inner-cart__size-body span {
    display: block;
    font-weight: 700;
    font-size: 16px
}

.inner-cart__price {
    display: flex;
    align-items: flex-end;
    color: red;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 -4px
}

.inner-cart__price span {
    display: block;
    font-size: 42px;
    line-height: 1;
    font-weight: 700;
    margin-right: 5px
}

.inner-cart__text {
    line-height: 1.6
}

@media (max-width: 768px) {
    .inner-cart__text {
        font-size: 14px
    }
}

.inner-cart__description {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .inner-cart__description {
        flex-direction: column
    }
}

.inner-cart__description .button--more {
    margin: 60px 0 0 auto
}

.inner-cart__bottom {
    margin: 30px 0 0
}

.slider-nav .slick-slide {
    border: 2px solid transparent;
    border-radius: 20px;
    height: 108px;
    cursor: pointer
}

@media (max-width: 480px) {
    .slider-nav .slick-slide {
        height: 85px
    }
}

.slider-nav .slick-slide > div {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%
}

.slider-nav .slick-slide.slick-current {
    border-color: #c09f6f
}

.slider-nav .slick-slide img {
    width: 80% !important;
    height: 80% !important
}

.tab-inner__top {
    display: flex;
    width: 100%;
    border-bottom: 2px solid #dde8f0;
    margin-bottom: 23px
}

@media (max-width: 480px) {
    .tab-inner__top {
        flex-wrap: wrap;
        border: none;
        margin-bottom: 0
    }
}

.tab-inner__button {
    color: #b6b6b6;
    font-size: 18px;
    font-weight: 400;
    padding: 0 35px 16px;
    cursor: pointer;
    position: relative
}

@media (max-width: 640px) {
    .tab-inner__button {
        font-size: 12px;
        padding: 0 10px 16px
    }
}

@media (max-width: 480px) {
    .tab-inner__button {
        width: 100%;
        text-align: center;
        margin: 0 0 15px
    }
}

.tab-inner__button:after {
    content: "";
    position: absolute;
    z-index: 1;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #c09f6f;
    opacity: 0
}

.tab-inner__button.active {
    color: #404040;
    font-weight: 700
}

.tab-inner__button.active:after, .tab-inner__button:hover:after {
    opacity: 1
}

.tab-inner__block:not(.active) {
    display: none
}

.slick-arrow {
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 42px;
    background-color: #c09f6f;
    border-radius: 50px;
    font-size: 0;
    color: #fff;
    border: none;
    cursor: pointer;
    text-indent: -9999px
}

@media (max-width: 480px) {
    .slick-arrow {
        width: 37px;
        height: 37px
    }
}

.slick-arrow.disabled {
    background-color: #6f6f74;
    pointer-events: none
}

.slick-arrow:first-child {
    margin-right: 13px
}

.slick-arrow:hover {
    background-color: red
}

.slick-arrow:before {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    font-size: 20px;
    color: #fff;
    text-indent: 0;
    top: 46%;
    height: 11px;
    left: 53%;
    transform: translate(-50%, -50%)
}

.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.slick-next:before {
    content: "›"
}

.slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.slick-prev:before {
    content: "‹"
}

.star-choose {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    vertical-align: top;
    user-select: none;
    font-size: 0;
    position: relative;
    margin: 0 0 40px
}

.star-choose__body {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end
}

.star-choose__text {
    font-size: 16px;
    color: #2f3541;
    width: 100%;
    margin: 0 0 10px
}

.star-choose__input {
    width: 19px;
    height: 19px;
    opacity: 0;
    position: relative;
    z-index: 10;
    float: right;
    cursor: pointer;
    padding-left: 5px
}

.star-choose__input.has-error ~ label.has-error {
    visibility: visible
}

.star-choose__svg-holder {
    float: right;
    width: 27px;
    height: 27px;
    position: relative;
    margin-right: -24px
}

.star-choose__svg-holder svg {
    width: 27px;
    height: 27px;
    fill: #d7d7d7
}

.star-choose:not(:hover) .star-choose__input:checked ~ .star-choose__svg-holder .star-choose__svg, .star-choose__input:hover ~ .star-choose__svg-holder .star-choose__svg, .star-choose__svg-holder.active svg {
    fill: #c09f6f
}

.star-choose__svg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    fill: #ffe6ab;
    transition: fill .2s ease
}

.star-choose[data-rate="1"] .star-choose__svg-holder:nth-last-of-type(-n+1) .star-choose__svg, .star-choose[data-rate="2"] .star-choose__svg-holder:nth-last-of-type(-n+2) .star-choose__svg, .star-choose[data-rate="3"] .star-choose__svg-holder:nth-last-of-type(-n+3) .star-choose__svg, .star-choose[data-rate="4"] .star-choose__svg-holder:nth-last-of-type(-n+4) .star-choose__svg, .star-choose[data-rate="5"] .star-choose__svg-holder:nth-last-of-type(-n+5) .star-choose__svg {
    fill: #08c42a
}

.bottom-text {
    font-size: 21px;
    text-align: center;
    color: #333;
    margin: 30px 0 0
}

@media (max-width: 1024px) {
    .bottom-text {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .bottom-text {
        font-size: 14px
    }
}

.bottom-text span {
    color: red
}

.pay-bl__card, .pay-bl__card-img {
    display: flex;
    align-items: center
}

.pay-bl__card-img {
    justify-content: center;
    width: 100px;
    height: 60px;
    border: 1px solid #ccc;
    border-radius: 4px
}

.pay-bl__card-img img {
    width: 60px;
    height: 30px
}

@media (max-width: 1024px) {
    .pay-bl__card-img {
        width: 80px;
        height: 40px
    }
}

.pay-bl span {
    display: block;
    margin: 0 20px;
    font-size: 24px;
    color: #333;
    letter-spacing: .02em
}

@media (max-width: 1024px) {
    .pay-bl span {
        font-size: 20px
    }
}

.pay-bl__card-del {
    font-size: 20px;
    color: red;
    cursor: pointer
}

.pay-bl__card-del:hover {
    color: #333
}

.pay-bl__add {
    display: inline-flex;
    align-items: center;
    color: #333;
    border: 1px solid #c09f6f;
    padding: 15px;
    margin: 20px 0 0;
    cursor: pointer
}

.pay-bl__add span {
    font-size: 20px
}

@media (max-width: 1024px) {
    .pay-bl__add span {
        font-size: 16px
    }
}

.pay-bl__add:hover {
    background-color: rgba(192, 159, 111, .2)
}

@media (max-width: 1024px) {
    .pay-bl__add img {
        width: 40px;
        height: 40px
    }
}

.profile-block {
    display: flex;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .profile-block {
        flex-direction: column-reverse
    }
}

.profile-block__top-form {
    margin: 0 0 40px
}

.profile-block__abon {
    border: 1px solid #c09f6f;
    padding: 15px;
    color: #333;
    font-size: 18px;
    margin-bottom: 10px
}

.profile-block__abon span {
    display: block;
    font-size: 14px;
    margin: 10px 0 0;
    color: #c09f6f
}

.profile-block__title {
    font-size: 24px;
    color: #333;
    margin: 0 0 20px
}

.profile-block__left {
    width: 60%
}

@media (max-width: 1024px) {
    .profile-block__left {
        width: 100%
    }
}

.profile-block__right {
    width: 35%;
    position: sticky;
    top: 0
}

@media (max-width: 1024px) {
    .profile-block__right {
        width: 100%;
        margin-bottom: 20px;
        position: relative
    }
}

.profile-block__item {
    display: flex;
    align-items: flex-end;
    width: 100%;
    margin-bottom: 15px
}

@media (max-width: 1024px) {
    .profile-block__item {
        display: block
    }
}

.profile-block__save {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: 1px solid #c09f6f;
    font-size: 18px;
    color: #333;
    cursor: pointer;
    padding: 0 20px;
    text-align: center
}

.profile-block__save:hover {
    background-color: #c09f6f;
    color: #fff
}

.profile-block__input {
    width: 100%;
    max-width: 500px
}

.profile-block__input label {
    display: block;
    font-size: 16px;
    color: #c09f6f;
    margin: 0 0 10px
}

.profile-block__input input {
    width: 100%;
    height: 50px;
    border: 1px solid #333;
    font-size: 16px;
    padding-left: 10px
}

@media (max-width: 1024px) {
    .profile-block__input input {
        height: 40px
    }
}

.profile-block__input input:focus {
    border-color: #c09f6f;
    outline: none
}

.profile-block__change {
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #c09f6f;
    padding-bottom: 5px;
    color: #333;
    margin: 0 0 5px 15px;
    cursor: pointer;
    flex-shrink: 0;
    width: 150px;
    text-align: center
}

.profile-block__change:hover {
    border-color: transparent
}

@media (max-width: 1024px) {
    .profile-block__change {
        margin: 20px 0 0
    }
}

.container {
    width: 100%;
    max-width: 1190px;
    padding: 0 15px;
    margin: 0 auto
}

.black-section {
    background-color: #000
}

.help-wrap__top {
    color: #333;
    font-size: 20px;
    margin: 0 0 20px;
    border: 1px solid #c09f6f;
    padding: 24px
}

@media (max-width: 1024px) {
    .help-wrap__top {
        font-size: 16px
    }
}

.help-wrap__top a {
    display: inline-flex;
    color: #c09f6f;
    text-decoration: underline
}

.help-wrap__top a:hover {
    color: #333;
    text-decoration: none
}

.help-wrap__top--bottom {
    margin: 20px 0 0
}

.help-wrap__number {
    display: flex;
    align-items: center;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    color: #333;
    margin-right: 15px
}

@media (max-width: 1150px) {
    .help-wrap__number {
        font-size: 14px
    }
}

.help-wrap__number:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    flex-shrink: 0;
    display: block;
    margin-right: 12px;
    background-color: #c09f6f
}

@media (max-width: 480px) {
    .help-wrap__number:before {
        display: none
    }
}

.help-wrap__number:hover {
    color: #c09f6f
}

.help-wrap__text {
    display: inline-flex;
    color: #333;
    font-size: 21px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c09f6f;
    padding: 0 0 5px
}

@media (max-width: 1024px) {
    .help-wrap__text {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .help-wrap__text {
        font-size: 14px
    }
}

.help-wrap__connect {
    display: flex;
    align-items: center;
    margin-right: 15px
}

@media (max-width: 992px) {
    .help-wrap__connect {
        margin-left: auto
    }
}

.help-wrap__soc {
    display: block;
    margin-right: 7px;
    transition: transform .2s linear
}

.help-wrap__soc:hover {
    transform: scale(.85)
}

.short-header {
    position: fixed;
    padding: 35px 0;
    z-index: 10;
    width: 100%;
    transition: background-color .3s linear
}

@media (max-width: 1024px) {
    .short-header {
        padding: 14px 0
    }
}

.short-header.scroll {
    background-color: #000
}

.short-header__left {
    flex-shrink: 0
}

@media (max-width: 480px) {
    .short-header__left .header__number {
        font-size: 12px
    }
}

.short-header__body {
    display: flex;
    justify-content: space-between
}

.short-header__center {
    font-size: 19px;
    text-align: center;
    margin: 0 auto;
    max-width: 588px;
    padding: 0 15px
}

@media (max-width: 1200px) {
    .short-header__center {
        font-size: 16px
    }
}

@media (max-width: 768px) {
    .short-header__center {
        display: none
    }
}

.short-header__right-soc {
    display: flex;
    justify-content: center;
    margin: 0 0 10px
}

.short-header__right-soc__left {
    flex-shrink: 0
}

.short-header__soc {
    display: flex;
    align-items: center
}

.short-header__soc:first-child {
    margin: 0 30px 0 0
}

@media (max-width: 1024px) {
    .short-header__soc:first-child {
        margin: 0 15px 0 0
    }
}

.short-header__soc span {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    margin: 0 0 0 10px
}

.short-header__btn {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #c09f6f;
    text-decoration: underline;
    background-color: transparent;
    border: none;
    cursor: pointer
}

@media (max-width: 480px) {
    .short-header__btn {
        white-space: nowrap;
        margin: 9px 0 0 -62%
    }
}

.short-header__btn:hover {
    text-decoration: none
}

.header {
    position: fixed;
    padding-top: 12px;
    z-index: 10;
    width: 100%;
    transition: top .3s linear
}

.header__body {
    display: flex
}

.header .logo {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 52px
}

.header .logo img:last-child {
    display: none
}

@media (max-width: 480px) {
    .header .logo {
        width: 90px
    }

    .header .logo img {
        width: 100%;
        height: auto
    }
}

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

@media (max-width: 992px) {
    .header__top .link {
        display: none
    }
}

.header__top .burger {
    display: none
}

.header__menu {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-right: 7%
}

@media (max-width: 1150px) {
    .header__menu {
        margin-right: 20%
    }
}

.header__menu > .link--menu {
    margin: 0 0 -2px
}

@media (max-width: 1150px) {
    .header__menu > .link--menu:last-child, .header__menu > .link--menu:nth-last-child(2) {
        display: none
    }
}

.header__bottom {
    display: flex;
    align-items: center;
    position: relative;
    /*border-bottom: 2px solid #505050;*/
    margin-top: 30px
}
.header__bottom:before {
    display: block;
    content: "";
    height: 2px;
    background: #505050;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    z-index: -1;
}

.header__content {
    width: 100%;
    padding: 8px 0 0
}

.header__connect {
    display: flex;
    align-items: center;
    margin-right: 15px
}

@media (max-width: 992px) {
    .header__connect {
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .header__connect {
        display: none
    }
}

.header__soc {
    display: block;
    margin-right: 7px;
    transition: transform .2s linear
}

.header__soc:hover {
    transform: scale(.85)
}

.header__soc--mob-fix {
    display: none
}

.header__full {
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
    margin: -20px 0 0
}

.header__full > span {
    display: block;
    margin-right: 30px;
    color: hsla(0, 0%, 100%, .2);
    transition: color .15s linear
}

@media (max-width: 1150px) {
    .header__full > span {
        display: none
    }
}

.header__full:hover > span {
    color: #fff
}

.header__full:hover .burger span:after, .header__full:hover .burger span:before {
    width: 100%
}

.header__text {
    margin-right: 52px
}

@media (max-width: 1150px) {
    .header__text {
        display: none
    }
}

.header__number {
    display: flex;
    align-items: center;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    color: #fff;
    margin-right: 15px
}

@media (max-width: 960px) {
    .header__number {
        font-size: 14px
    }
}

.header__number:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    flex-shrink: 0;
    display: block;
    margin-right: 12px;
    background-color: #c09f6f
}

.header__number:hover {
    color: #c09f6f
}

.header__log {
    display: flex;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: color .15s linear;
    margin-left: 30px;
    color: #fff
}

.header__log:hover {
    color: #c09f6f
}

.header__log span {
    display: block;
    margin-left: 6px;
    font-weight: 500
}

.header__log-count {
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #0b0b0a;
    font-size: 13px;
    background-color: #c09f6f;
    padding: 4px 3px;
    line-height: 1
}

.container.my_about {
    position: relative;
    max-width: 100%;
}
.my_about > h1 {
    display: none;
}

@media (max-width: 992px) {
    .header__log--basket {
        margin-right: 20px
    }
}

@media (max-width: 960px) {
    .header {
        height: 180px
    }

    .header .header__bottom, 
    .header .link--line {
        display: none
    }

    .header .header__content {
        padding: 0
    }

    .header .header__connect, .header .header__text {
        display: none
    }

    .header .header__connect--mobile {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 8px 0 0
    }

    .header .header__connect--mobile .header__number {
        margin: 0 0 10px;
        width: 100%;
        font-size: 10px;
        justify-content: center
    }

    .header .header__connect--mobile .header__soc {
        margin-right: 15px
    }

    .header .header__top {
        align-items: flex-start;
        justify-content: space-between
    }

    .header .header__top .header__log--login {
        order: 0;
        margin: 0
    }

    .header .header__top .header__log--login span {
        display: none
    }

    .header .header__top .header__log--basket {
        order: 1;
        margin: 0 0 0 10px
    }

    .header .header__top .header__log--basket span:last-child {
        display: none
    }

    .header .burger {
        display: flex;
        order: 3;
        margin-left: 0 !important
    }

    .header .logo {
        flex-shrink: 0;
        margin-right: 30px;
        display: none
    }
}

.header.mini {
    top: -10%
}

@media (min-width: 960px) {
    .header.mini {
        background-color: #000;
        height: 75px;
        padding-top: 23px
    }

    .header.mini .header__bottom {
        display: none
    }

    .header.mini .header__content {
        padding: 0
    }

    .header.mini .header__text {
        display: none
    }

    .header.mini .header__top .header__log:nth-child(3) {
        margin-left: 8%
    }

    .header.mini .burger {
        display: flex
    }

    .header.mini .logo {
        flex-shrink: 0;
        margin-right: 64px
    }

    .header.mini .logo img:first-child {
        display: none
    }

    .header.mini .logo img:last-child {
        display: block
    }

    .header.mini .header__log--login img {
        display: none
    }
}

@media (max-width: 960px) {
    .header.mini {
        background-color: #000;
        height: 50px
    }
    .header.show {
        top: 43px !important;
    }

    .header.mini .center-mobile {
        display: none
    }

    .header.mini .header__content .header__connect {
        display: flex;
        order: 1;
        margin: 0
    }

    .header.mini .header__content .header__connect .header__number {
        font-size: 9px
    }

    .header.mini .header__content .header__connect .header__number:before {
        display: none
    }
}

.header.show {
    top: 0px
}

.center-mobile {
    display: none;
    order: 2;
    margin: auto;
    transform: translateX(-11px)
}

@media (max-width: 960px) {
    .center-mobile {
        display: block
    }
}

.logo-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    color: #fff;
    width: 200px
}

.subscribe {
    width: 100%;
    height: 200px;
    position: relative;
    padding: 0 18px;
    cursor: pointer
}

.subscribe img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.subscribe__body {
    position: relative;
    z-index: 2
}

.subscribe__text {
    font-size: 13px;
    padding: 11px 0 4px
}

.footer-pay {
    display: flex
}

.footer-pay__item {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    width: 50px;
    height: 30px;
    border: 1px solid #cdcdcd;
    margin: 0 1px 0 0
}

@media (max-width: 1100px) {
    .footer-pay__item {
        width: 40px;
        height: 24px
    }
}

@media (max-width: 575px) {
    .footer-pay__item {
        width: 50px;
        height: 30px
    }
}

.footer__mini-text {
    font-size: 10px;
    color: #000;
    margin-bottom: 7px
}

.footer__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #e1e1e1;
    padding: 22px 0;
    margin: 10px 0 0
}

@media (max-width: 1023px) {
    .footer__bottom {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .footer__bottom {
        justify-content: space-between;
        align-items: flex-start
    }
}

.footer__bottom .footer__left {
    width: 130px
}

.footer__bottom .footer__column:nth-child(4) {
    margin: 0 10px
}

@media (max-width: 1023px) {
    .footer__bottom .footer__column:nth-child(4) {
        margin: 20px 20px 0 0
    }
}

@media (max-width: 575px) {
    .footer__bottom .footer__column:nth-child(4) {
        margin: 10px 0 0
    }
}

@media (max-width: 1023px) {
    .footer__bottom .footer__column:nth-child(5) {
        margin: 20px 0 0
    }
}

@media (max-width: 575px) {
    .footer__bottom .footer__column:nth-child(5) {
        margin: 16px auto 0
    }
}

@media (max-width: 1023px) {
    .footer__bottom > div:first-child, .footer__bottom > div:nth-child(2), .footer__bottom > div:nth-child(3) {
        width: 33%;
        text-align: center
    }

    .footer__bottom > div:first-child .footer-pay, .footer__bottom > div:nth-child(2) .footer-pay, .footer__bottom > div:nth-child(3) .footer-pay {
        width: 100%;
        justify-content: center;
        margin: 20px 0 0
    }
}

@media (max-width: 767px) {
    .footer__bottom > div {
        display: flex
    }

    .footer__bottom > div:first-child, .footer__bottom > div:nth-child(2) {
        width: 48%;
        text-align: left
    }

    .footer__bottom > div:nth-child(4), .footer__bottom > div:nth-child(5) {
        width: 48%;
        margin: 20px 0 0 !important
    }

    .footer__bottom > div:nth-child(3) {
        order: 5;
        width: 100%;
        margin: 15px 0 0;
        justify-content: center
    }

    .footer__bottom > div:nth-child(4) {
        order: 4
    }

    .footer__bottom > div:nth-child(5) {
        order: 3;
        display: flex;
        align-items: center
    }

    .footer__bottom > div:nth-child(5) .footer__mini-text {
        margin-right: 7px
    }
}

@media (max-width: 575px) {
    .footer__bottom > div {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .footer__bottom > div:first-child, .footer__bottom > div:nth-child(2) {
        width: 48%;
        text-align: left
    }

    .footer__bottom > div:nth-child(4), .footer__bottom > div:nth-child(5) {
        width: 100%;
        justify-content: center
    }

    .footer__bottom > div:nth-child(4) .footer-pay, .footer__bottom > div:nth-child(5) .footer-pay {
        justify-content: center
    }

    .footer__bottom > div:nth-child(3) {
        order: 4
    }

    .footer__bottom > div:nth-child(4) {
        order: 5
    }

    .footer__bottom > div:nth-child(5) {
        order: 3
    }
}

.footer__text {
    font-size: 12px;
    max-width: 240px;
    color: #000
}

@media (max-width: 1100px) {
    .footer__text {
        font-size: 10px
    }
}

@media (max-width: 1023px) {
    .footer__text {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .footer__text {
        max-width: 100%
    }
}

@media (max-width: 575px) {
    .footer__text {
        font-size: 10px
    }
}

.footer__text a {
    display: inline-block;
    color: #000
}

.footer__text a:hover {
    color: #c09f6f
}

.footer .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0 0 14px
}

.footer .logo span {
    display: block;
    max-width: 125px;
    margin: 4px auto -3px
}

.footer__top {
    display: flex;
    justify-content: space-between
}

.footer__top .footer__left {
    width: 200px
}

@media (max-width: 1200px) {
    .footer__top .footer__left {
        width: 170px;
        margin-right: 20px
    }
}

@media (max-width: 1023px) {
    .footer__top .footer__left {
        width: 200px
    }
}

@media (max-width: 575px) {
    .footer__top .footer__left {
        width: 100%;
        display: flex;
        align-items: center
    }

    .footer__top .footer__left .subscribe {
        max-width: 200px
    }
}

@media (max-width: 960px) {
    .footer__top {
        flex-wrap: wrap
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .footer__top .footer__left {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 0 33px
    }

    .footer__top .footer__left .subscribe {
        width: 255px;
        margin: 0 0 0 52px;
        height: 157px
    }

    .footer__top .footer__left .subscribe img {
        object-fit: cover
    }
}

@media (max-width: 767px) {
    .footer__top .footer__column {
        width: 48%
    }

    .footer__top .footer__column:last-child {
        width: 100%;
        margin-top: 20px
    }

    .footer__top .footer__column:nth-child(3) {
        margin-top: 20px
    }
}

@media (max-width: 575px) {
    .footer__top .footer__column {
        width: 100%
    }

    .footer__top .footer__left {
        margin: 0
    }

    .footer__top .footer__left .subscribe {
        margin: 0 0 0 10px;
        border-radius: 10px;
        height: 192px
    }

    .footer__top .footer__left .subscribe img {
        border-radius: 10px
    }
}

@media (max-width: 575px) {
    .footer__top .footer__column:nth-child(2) {
        display: none
    }
}

.footer__top .footer__column:nth-child(3) {
    width: 265px;
    padding-left: 17px
}

@media (max-width: 575px) {
    .footer__top .footer__column:nth-child(3) {
        padding-left: 0;
        margin-top: 20px
    }
}

@media (max-width: 992px) {
    .footer__top .footer__column:nth-child(3) {
        width: 32%
    }
}

@media (max-width: 768px) {
    .footer__top .footer__column:nth-child(3) {
        width: 48%
    }
}

@media (max-width: 575px) {
    .footer__top .footer__column:nth-child(3) {
        display: none
    }
}

.footer__top .footer__column:nth-child(3) .footer__link {
    margin-top: 24px
}

.footer__top .footer__column:last-child {
    width: 271px
}

@media (max-width: 1023px) {
    .footer__top .footer__column:last-child {
        width: 23%
    }

    .footer__top .footer__column:last-child .footer__soc {
        order: 5
    }
}

@media (max-width: 768px) {
    .footer__top .footer__column:last-child {
        width: 48%
    }
}

@media (max-width: 575px) {
    .footer__top .footer__column:last-child {
        width: 100%
    }
}

.footer__top .footer__column:last-child .footer__link {
    margin-bottom: 25px
}

@media (max-width: 767px) {
    .footer__top .footer__column:last-child .footer__link {
        margin-bottom: 16px
    }
}

.footer__connect {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 13px 0 25px
}

@media (max-width: 1024px) {
    .footer__connect {
        margin: 13px 0 12px
    }
}

.footer__connect a:last-child {
    width: 100%;
    font-size: 14px;
    color: #000
}

.footer__connect a:last-child:hover {
    color: #c09f6f
}

@media (max-width: 1023px) {
    .footer__connect a:last-child {
        margin: 0 0 9px
    }
}

.footer__address {
    width: 100%;
    font-size: 14px;
    color: #000;
    margin: 0 0 17px
}

.footer__address span {
    display: block
}

.footer__address span:first-child {
    font-weight: 700
}

.footer__social {
    font-size: 13px;
    color: #191919;
    display: flex;
    align-items: center;
    border: 1px solid #c09f6f;
    padding: 7px 14px;
    max-width: 220px;
    margin-bottom: 10px
}

.footer__social img {
    margin-right: 10px
}

.footer__social:hover {
    background-color: rgba(192, 159, 111, .1)
}

.footer__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 7px
}

@media (max-width: 1200px) {
    .footer__title {
        font-size: 18px
    }
}

.footer__link {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #c4a562;
    text-decoration: underline
}

.footer__link:hover {
    text-decoration: none
}

.footer__number {
    display: flex;
    align-items: center;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    color: #0f0f0f;
    margin-right: 15px
}

.footer__number:hover {
    color: #c09f6f
}

@media (max-width: 1024px) {
    .footer__number {
        font-size: 14px
    }
}

.footer__soc {
    display: block;
    margin-right: 7px;
    transition: transform .2s linear
}

.footer__soc:hover {
    transform: scale(.85)
}

.link--line {
    color: #c09f6f;
    padding: 0 0 4px;
    border-bottom: 3px solid #c09f6f;
    transition: border-color .15s linear;
    cursor: pointer
}

.link--line:hover {
    border-color: transparent
}

.link--small {
    color: #c09f6f;
    font-size: 14px;
    display: flex;
    align-items: center
}

.link--small span {
    display: block;
    font-weight: 600;
    border-bottom: 2px solid #c09f6f
}

.link--small:hover span {
    border-color: transparent
}

.link--small .link__arrow {
    width: 12px
}

.link--small .link__arrow:after, .link--small .link__arrow:before {
    width: 8px
}

.link--menu {
    color: #fff;
    font-weight: 500;
    padding-bottom: 18px;
    transition: border-color .15s linear;
    border-bottom: 3px solid transparent;
}

.link--menu.is-current, .link--menu:hover {
    border-bottom: 3px solid #c09f6f
}

.link--footer {
    display: block;
    font-size: 14px;
    color: #000;
    margin: 11px 0 0;
    line-height: 1.2
}

.link--footer.active, .link--footer:hover {
    color: #c09f6f;
    text-decoration: underline;
    font-weight: 700
}

@media (max-width: 1200px) {
    .link--footer {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .link--footer {
        font-size: 14px;
        margin: 11px 0 0
    }
}

@media (max-width: 575px) {
    .link--footer {
        font-size: 12px
    }
}

.link--dropdown {
    position: relative
}

.link--dropdown:after {
    content: "";
    display: block;
    position: absolute;
    right: -13px;
    top: 10px;
    width: 5px;
    height: 4px;
    margin-left: 10px;
    background-image: url(../img/m-arr.png);
    background-repeat: no-repeat
}

.link--watch {
    color: #c09f6f;
    font-size: 20px;
    display: flex;
    align-items: center
}

.link--watch span {
    display: block;
    font-weight: 600;
    border-bottom: 2px solid transparent
}

@media (max-width: 768px) {
    .link--watch {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .link--watch {
        font-size: 12px
    }
}

.link--watch:hover span {
    border-color: #c09f6f
}

.link--md-show {
    display: none
}

@media (max-width: 1024px) {
    .link--md-show {
        display: flex
    }
}

@media (max-width: 1024px) {
    .link--md-hide {
        display: none
    }
}

.link__arrow {
    width: 15px;
    height: 1px;
    background-color: #c09f6f;
    position: relative;
    margin-left: 5px
}

@media (max-width: 1024px) {
    .link__arrow {
        width: 11px
    }
}

.link__arrow:after, .link__arrow:before {
    content: "";
    width: 10px;
    height: 2px;
    position: absolute;
    right: 0;
    transform-origin: right;
    background-color: #c09f6f
}

@media (max-width: 1024px) {
    .link__arrow:after, .link__arrow:before {
        width: 7px
    }
}

.link__arrow:after {
    transform: rotate(40deg)
}

.link__arrow:before {
    transform: rotate(-40deg)
}

.recomend-block {
    margin: 30px 0 0
}

.services-block {
    background-color: #000;
    padding: 5% 0 229px
}

.services-block--gallery {
    padding: 5% 0 21px
}

.services-block--inner {
    padding: 5% 0 0
}

.services-block__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 53px
}

.services-block__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px
}

.recomend-block .services-block__list {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 8px
}

@media (max-width: 767px) {
    .services-block__list {
        grid-template-columns: repeat(3, 1fr)
    }

    .recomend-block .services-block__list {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width: 480px) {
    .recomend-block .services-block__list, .services-block__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.services-block__bottom {
    display: flex;
    flex-direction: column;
    margin-bottom: 90px
}

@media (max-width: 1024px) {
    .services-block__bottom {
        margin-bottom: 40px
    }
}

.services-block__bottom-title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 28px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center
}

@media (max-width: 1024px) {
    .services-block__bottom-title {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .services-block__bottom-title {
        font-size: 17px
    }
}

.services-block__bottom .button {
    width: 100%;
    min-width: 240px;
    margin: 12px auto 0
}

@media (min-width: 1367px) {
    .services-block__bottom .button {
        max-width: 360px
    }
}

.dop-block {
    margin: -10% 0 53px
}

@media (max-width: 1200px) {
    .dop-block {
        margin: 50px 0 53px
    }
}

.dop-block__body {
    display: flex;
    justify-content: space-between;
    margin: 39px 0 0;
    flex-wrap: wrap
}

.dop-block .button {
    margin: 35px auto 0;
    max-width: 356px
}

.dop-block--inner {
    margin: -15% 0 126px
}

@media (max-width: 1024px) {
    .dop-block--inner {
        margin: -15% 0 50px
    }
}

.dop-item {
    position: relative;
    width: 49.5%;
    cursor: pointer
}

@media (max-width: 480px) {
    .dop-item {
        width: 100%;
        margin-bottom: 10px
    }
}

.dop-item__img {
    position: relative;
    height: 0;
    padding-bottom: 51%
}

.dop-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.dop-item__text {
    display: block;
    font-size: 24px;
    color: #fff;
    position: absolute;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    left: 44px;
    max-width: 154px
}

@media (max-width: 1024px) {
    .dop-item__text {
        font-size: 18px;
        left: 22px
    }
}

.owl-carousel .owl-item img {
    object-fit: cover;
    height: auto
}

.products-block__sliders.hide {
    opacity: 0
}

.error-page {
    position: relative;
    height: 100vh;
    margin: 0 0 50px
}

.error-page img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.error-page__thank {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 180px;
    z-index: 2;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff
}

@media (max-width: 1024px) {
    .error-page__thank {
        font-size: 120px
    }
}

@media (max-width: 640px) {
    .error-page__thank {
        font-size: 80px
    }
}

@media (max-width: 480px) {
    .error-page__thank {
        font-size: 60px
    }
}

.error-page__title {
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 180px;
    z-index: 2;
    font-weight: 900;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

@media (max-width: 1024px) {
    .error-page__title {
        font-size: 120px
    }
}

@media (max-width: 480px) {
    .error-page__title {
        font-size: 100px
    }
}

.error-page__body {
    position: absolute;
    bottom: 12%;
    padding: 0 16px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 930px;
    margin: 0 auto;
    z-index: 2;
    text-align: center;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
}

.error-page__text {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0 0 33px
}

@media (max-width: 1024px) {
    .error-page__text {
        font-size: 18px
    }
}

.slider-block {
    position: relative;
    margin-bottom: 65px
}

.slider-block .block-anchor {
    top: -50px
}

.slider-block.js-slider-block {
    display: none
}

.slider-block.js-slider-block.active {
    display: block
}

.slider-block--prod {
    height: 534px;
    margin-bottom: 0
}

@media (max-width: 1200px) {
    .slider-block--prod {
        height: auto
    }
}

.slider-block .title {
    margin-bottom: 30px
}

.slider-block .title[href] {
    display: block
}

.slider-block .title[href]:hover {
    color: #fff
}

.slider-block__item {
    position: relative
}

/*.slider-block__item:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, .5);*/
/*    transition: filter .3s linear, opacity .15s linear*/
/*}*/

.slider-block__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: calc(100% - 4px);
    border: 2px solid #c4a562;
    height: calc(100% - 4px);
    opacity: 0
}

.slider-block__item span {
    display: block;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    max-width: 160px;
    color: #fff;
    position: absolute;
    bottom: 30px;
    left: 24px;
    z-index: 1
}

.recomend-block .slider-block__item span {
    left: 10px;
    font-size: 12px;
    padding: 4px;
    background-color: rgba(0, 0, 0, .5);
    color: #fff !important;
    bottom: 20px
}

@media (max-width: 640px) {
    .slider-block__item span {
        left: 10px;
        font-size: 11px
    }
}

.slider-block__item img {
    filter: grayscale(100%);
    width: 100%;
    height: auto
}

.services-block .slider-block__item img {
    height: 100%
}

.recomend-block .slider-block__item img {
    filter: grayscale(0)
}

.slider-block__item:hover > img {
    background-color: #c4a562;
    filter: grayscale(0)
}

.slider-block__item:hover span {
    color: #c09f6f
}

.slider-block__item:hover:after {
    opacity: 0
}

.slider-block__item:hover:before {
    opacity: 1
}

.slider-block__item--pic {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.slider-block__item--pic img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(0)
}

.slider-block__item--pic:after {
    opacity: 0
}

.slider-block__item--pic:before {
    opacity: 0 !important
}

.slider-block__item--pic > span {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slider-block__item--pic > span img {
    width: 100%;
    height: 100%
}

.slider-block__item--gal {
    display: block;
    position: relative;
    height: 0;
    padding-bottom: 100%
}

.slider-block__item--gal img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(0);
    object-fit: cover
}

.slider-block__item--gal:before {
    opacity: 0 !important
}

.slider-block__item--gal .slider-block__item-zoom {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slider-block__item--gal .slider-block__item-zoom img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1)
}

.slider-block .owl-next, .slider-block .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.coach-block .slider-block .owl-next, .coach-block .slider-block .owl-prev {
    top: 32%
}

.products-block .slider-block .owl-next, .products-block .slider-block .owl-prev {
    top: 180px
}

@media (max-width: 1300px) {
    .products-block .slider-block .owl-next, .products-block .slider-block .owl-prev {
        top: -130px
    }
}

.slider-block .owl-next.disabled, .slider-block .owl-prev.disabled {
    opacity: .4;
    cursor: default
}

.slider-block .owl-next:after, .slider-block .owl-prev:after {
    content: "";
    position: absolute;
    height: 40px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.slider-block .owl-next:hover > div, .slider-block .owl-next:hover > div:after, .slider-block .owl-next:hover > div:before, .slider-block .owl-prev:hover > div, .slider-block .owl-prev:hover > div:after, .slider-block .owl-prev:hover > div:before {
    background-color: #d6ad72
}

.slider-block .nav-next, .slider-block .nav-prev {
    width: 40px;
    height: 4px;
    background-color: #c09f6f;
    border-radius: 50px
}

@media (max-width: 575px) {
    .slider-block .nav-next, .slider-block .nav-prev {
        width: 30px;
        height: 2px
    }
}

.slider-block .nav-next:after, .slider-block .nav-next:before, .slider-block .nav-prev:after, .slider-block .nav-prev:before {
    content: "";
    width: 15px;
    height: 4px;
    background-color: #c09f6f;
    position: absolute;
    right: 1px;
    transform-origin: right;
    border-radius: 50px
}

@media (max-width: 575px) {
    .slider-block .nav-next:after, .slider-block .nav-next:before, .slider-block .nav-prev:after, .slider-block .nav-prev:before {
        width: 10px;
        height: 2px
    }
}

.slider-block .nav-next:after, .slider-block .nav-prev:after {
    transform: rotate(45deg)
}

.slider-block .nav-next:before, .slider-block .nav-prev:before {
    transform: rotate(-45deg)
}

.slider-block .owl-prev {
    left: -62px
}

@media (max-width: 1300px) {
    .slider-block .owl-prev {
        left: auto;
        right: 70px;
        top: -40px
    }
}

@media (max-width: 599px) {
    .slider-block .owl-prev {
        right: 45px
    }

    .coach-block .slider-block .owl-prev, .products-block .slider-block .owl-prev {
        top: 100%;
        left: 36%
    }
}

.slider-block .owl-next {
    right: -62px
}

@media (max-width: 1300px) {
    .slider-block .owl-next {
        right: 0;
        top: -40px
    }

    .coach-block .slider-block .owl-next, .products-block .slider-block .owl-next {
        right: 15px
    }
}

@media (max-width: 599px) {
    .coach-block .slider-block .owl-next, .products-block .slider-block .owl-next {
        top: 100%;
        right: 36%
    }
}

.slider-block .nav-next:after, .slider-block .nav-next:before {
    right: auto;
    left: 1px;
    transform-origin: left
}

.slider-block .nav-next:after {
    transform: rotate(45deg)
}

.slider-block .nav-next:before {
    transform: rotate(-45deg)
}

.form-block {
    padding: 35px 42px 30px 45px;
    margin: -188px 0 108px;
    background-size: cover;
    background-image: url(../img/dragon.png);
    position: relative
}

@media (max-width: 1024px) {
    .form-block {
        margin: -158px 0 50px;
        padding: 20px
    }
}

@media (max-width: 640px) {
    .form-block {
        margin: -232px 0 50px;
        background-size: 100% 100%;
        background-image: url(../img/dragon-mob.png)
    }
}

.form-block--inner {
    margin: 0
}

@media (max-width: 1024px) {
    .form-block--inner {
        margin: 0
    }
}

@media (max-width: 640px) {
    .form-block--inner {
        margin: 0
    }
}

.form-block .button--big {
    width: 100%
}

.form-block__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    max-width: 670px;
    line-height: 1.2;
    margin-bottom: 40px
}

@media (max-width: 992px) {
    .form-block__title {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .form-block__title {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.form-block__title span {
    color: #c09f6f
}

.form-block__text {
    text-align: right;
    font-size: 12px;
    margin-top: 32px
}

@media (max-width: 1024px) {
    .form-block__text {
        text-align: center
    }
}

.form-block .form {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: flex-end;
    grid-gap: 25px;
    width: 100%;
    position: relative
}

.form-block .form:before {
    content: "Спасибо, Ваша форма отправлена, мы свяжемся с Вами в ближайшее время";
    border: 1px solid #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
    z-index: 1;
    background-color: #fff;
    color: #333;
    display: none
}

@media (max-width: 1024px) {
    .form-block .form:before {
        font-size: 16px
    }
}

.form-block .form.thank:before {
    display: flex
}

@media (max-width: 768px) {
    .form-block .form {
        grid-template-columns: 1fr 1fr
    }

    .form-block .form .form__item:last-child {
        grid-row: 2;
        grid-column: 1/3
    }
}

@media (max-width: 768px) and (max-width: 480px) {
    .form-block .form .form__item:last-child {
        grid-row: auto;
        grid-column: auto
    }
}

@media (max-width: 1024px) {
    .form-block .form {
        grid-template-columns: 1fr
    }
}

.total-block {
    width: 360px;
    margin-left: 30px;
    border: 1px solid #dcdcdc;
    flex-shrink: 0;
    padding: 20px 20px 10px;
}

@media (max-width: 1024px) {
    .total-block {
        width: 100%;
        margin-left: 0;
        margin-top: 15px
    }
}
.total-block__item {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 18px;
    color: #000;
    padding: 0 24px
}

.total-block__item span:nth-child(2) {
    font-weight: 700
}

.total-block__item:first-child {
    margin: 0 0 56px
}

.total-block__item:nth-child(2) {
    margin: 0 0 6px
}

.total-block__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #131313;
    padding: 15px 23px 32px;
    margin: 48px 0 0
}

.total-block__b-text > span {
    display: block
}

.total-block__b-text > span:first-child {
    font-size: 18px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

.total-block__b-text > span:nth-child(2) {
    font-size: 15px;
    font-family: Gilroy, Helvetica Neue, sans-serif;
    text-decoration: line-through;
    margin: 2px 0 10px
}

.total-block__b-text > span:nth-child(3) {
    font-size: 14px;
    font-family: Gilroy, Helvetica Neue, sans-serif
}

.total-block__b-text > span:nth-child(3) span {
    text-decoration: line-through
}

.total-block__total {
    font-size: 24px;
    font-weight: 700
}

.checkout-block {
    margin: 53px 0 0
}

.checkout-block__top {
    display: flex;
    align-items: flex-start;
    margin: 38px 0 0
}

@media (max-width: 1024px) {
    .checkout-block__top {
        display: block
    }
}

.checkout-block__pays {
    display: flex;
    justify-content: space-between;
    margin: 61px 0 0
}

@media (max-width: 640px) {
    .checkout-block__pays {
        display: block;
        margin: 25px 0 0
    }
}

.checkout-block__pay {
    width: 48%
}

@media (max-width: 640px) {
    .checkout-block__pay {
        width: 100%
    }
}

.checkout-block__pay .checkout-block__title {
    margin: 0 0 37px
}

.checkout-block__pay .form__block--check {
    margin-bottom: 30px
}

.checkout-block__title {
    font-size: 23px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    color: #000
}

.checkout-block__reg {
    margin: 48px 0 0
}

.checkout-block__reg-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 36px;
    margin: 24px 0 0
}

@media (max-width: 768px) {
    .checkout-block__reg-list {
        grid-gap: 10px
    }
}

@media (max-width: 640px) {
    .checkout-block__reg-list {
        grid-template-columns: 1fr
    }
}

@media (min-width: 641px) {
    .checkout-block__reg-list .form__input--area {
        grid-column: 1/4
    }
}

.checkout-block__prods {
    margin: 59px 0 0
}

.form--sort {
    display: flex
}

.form--rev {
    max-width: 525px
}

.form__input {
    position: relative
}

.form__input input {
    width: 100%;
    border: 1px solid #dcdcdc;
    height: 56px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 400;
    color: #272a34;
    padding: 0 0 0 23px
}

@media (max-width: 640px) {
    .form__input input {
        height: 40px
    }
}

.form__input input::placeholder {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 16px;
    color: #272a34;
    transition: opacity .15s linear
}

.form__input input:focus {
    outline: none;
    border-color: #c09f6f
}

.form__input input:focus::placeholder {
    opacity: 0
}

.form__input input:focus ~ label {
    display: none
}

.form__input-arr {
    position: absolute;
    top: 50px;
    right: 25px;
    z-index: 2
}

.red-item .form__input-arr {
    top: 22px
}

@media (max-width: 1279px) {
    .red-item .form__input-arr {
        top: 17px;
        right: 10px
    }
}

@media (max-width: 640px) {
    .form__input-arr {
        top: 46px;
        right: 10px
    }
}

.form__input--select[data-select2-id] .form__input-label {
    display: none
}

.form__input-label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23px;
    z-index: 1;
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 16px;
    color: rgba(39, 42, 52, .6)
}

.form__input-label span {
    color: red
}

.form__input--select .form__input-label {
    top: 66%
}

.red-item .form__input--select .form__input-label {
    top: 50%
}

.form__input-name {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 15px;
    color: rgba(39, 42, 52, .6);
    margin-bottom: 10px
}

.form__input--search input {
    padding: 0 0 0 50px
}

.form__input--search .form__input-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    z-index: 1
}

.form__input textarea {
    width: 100%;
    height: 210px;
    resize: none;
    border: 1px solid #dcdcdc
}

.form__input textarea ~ label {
    transform: none;
    top: 17px
}

.form__item {
    position: relative
}

.form__item input {
    width: 100%;
    border: none;
    border-bottom: 2px solid #fff;
    height: 46px;
    background-color: transparent;
    font-size: 16px;
    color: #fff;
    padding: 0 0 30px
}

.form__item input.error {
    border-color: red
}

@media (max-width: 1024px) {
    .form__item input {
        padding: 8px 0 15px
    }
}

.form__item input::placeholder {
    font-size: 16px;
    color: #fff;
    transition: opacity .15s linear
}

.form__item input:focus {
    outline: none
}

.form__item input:focus::placeholder {
    opacity: 0
}

.form__item--mask input {
    padding-left: 50px
}

.form--black {
    position: relative
}

.form--black:before {
    content: "Спасибо, Ваша форма отправлена, мы свяжемся с Вами в ближайшее время";
    border: 1px solid #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    text-align: center;
    z-index: 1;
    background-color: #fff;
    color: #333;
    display: none
}

@media (max-width: 1024px) {
    .form--black:before {
        font-size: 16px
    }
}

.form--black.thank:before {
    display: flex
}

.popup--abon .form--black {
    max-width: 420px;
    margin: 0 auto
}

.form--black .form__item {
    width: 100%;
    max-width: 525px;
    margin-bottom: 40px
}

@media (max-width: 767px) {
    .form--black .form__item {
        max-width: 100%
    }
}

.form--black .form__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 722px;
    margin: 58px 0 0
}

@media (max-width: 1024px) {
    .form--black .form__bottom {
        flex-direction: column
    }
}

@media (max-width: 640px) {
    .form--black .form__bottom {
        margin: 0
    }
}

.form--black .form__bottom > span {
    font-size: 12px;
    color: #191919;
    max-width: 350px;
    margin-left: 15px
}

@media (max-width: 1024px) {
    .form--black .form__bottom > span {
        margin-left: 0;
        margin-top: 10px
    }
}

.popup--abon .form--black .form__bottom {
    flex-direction: column
}

.popup--abon .form--black .form__bottom > span {
    margin-left: 0;
    margin-top: 15px
}

.form--black input {
    color: #a2a2a2;
    border-color: #a2a2a2
}

.form--black input::placeholder {
    color: #a2a2a2
}

.form--black textarea {
    width: 100%;
    height: 120px;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid #a2a2a2
}

.form--black textarea::placeholder {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 16px;
    color: #a2a2a2;
    transition: opacity .15s linear
}

.form--black textarea:focus {
    outline: none
}

.form--black textarea:focus::placeholder {
    opacity: 0
}

.form__item-pic {
    position: absolute;
    left: 0;
    top: -1px
}

@media (max-width: 1024px) {
    .form__item-pic {
        top: 7px
    }
}

.form__block--check {
    margin-bottom: 10px
}

.form__block--check input[type=checkbox] + label, .form__block--check input[type=radio] + label {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    color: #000;
    font-size: 15px;
    font-weight: 400;
    position: relative
}

.form__block--check input[type=checkbox] + label a, .form__block--check input[type=radio] + label a {
    color: #000;
    display: inline-block;
    margin-left: 5px;
    font-size: 15px;
    font-weight: 400
}

@media (max-width: 755px) {
    .form__block--check input[type=checkbox] + label a, .form__block--check input[type=radio] + label a {
        margin-left: 0
    }
}

.form__block--check input[type=checkbox], .form__block--check input[type=radio] {
    display: none
}

.form__block--check input[type=checkbox] + label:before, .form__block--check input[type=radio] + label:before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #c09f6f;
    border-radius: 3px;
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    font-size: 10px;
    margin-right: 15px;
    color: transparent;
    transition: .2s
}

.form__block--check input[type=checkbox] + label:after, .form__block--check input[type=radio] + label:after {
    background-color: #fff;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    content: "";
    width: 9px;
    height: 9px;
    position: absolute;
    background-image: url(../img/check.png);
    left: 4px;
    top: 5px;
    opacity: 0
}

.form__block--check input[type=checkbox] + label span, .form__block--check input[type=radio] + label span {
    display: inline-block;
    line-height: 1.3
}

.form__block--check input[type=checkbox] + label span span, .form__block--check input[type=radio] + label span span {
    font-weight: 700
}

.form__block--check input[type=checkbox] + label:active:before, .form__block--check input[type=radio] + label:active:before {
    transform: scale(0)
}

.form__block--check input[type=checkbox]:checked + label:before, .form__block--check input[type=radio]:checked + label:before {
    background-color: #fff;
    color: #000
}

.form__block--check input[type=checkbox]:checked + label:after, .form__block--check input[type=radio]:checked + label:after {
    opacity: 1
}

.form__block--input {
    margin-bottom: 15px
}

.filter-close {
    position: absolute;
    top: 15px;
    right: 15px;
    display: none
}

@media (max-width: 1024px) {
    .filter-close {
        display: block
    }
}

.filter-close img {
    width: 20px;
    height: 20px
}

.choose-service {
    padding: 90px 0 107px;
    margin: -8% 0 0
}

@media (max-width: 1024px) {
    .choose-service {
        padding: 45px 0 56px
    }
}

.choose-service__body {
    display: flex
}

.choose-service--inner .choose-service__body {
    box-shadow: 1px 0 70px rgba(0, 0, 0, .15)
}

@media (max-width: 640px) {
    .choose-service__body {
        flex-direction: column;
        text-align: center
    }

    .choose-service__body .button {
        margin: 0 auto;
        height: 40px;
        font-size: 9px
    }
}

.choose-service__block {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    padding: 0 40px;
    position: relative
}

@media (min-width: 640px) {
    .choose-service__block {
        max-width: 400px
    }
}

@media (max-width: 640px) {
    .choose-service__block {
        padding: 30px 20px;
        width: 100%
    }
}

@media (max-width: 599px) {
    .choose-service__block {
        padding: 11px 20px
    }
}

.choose-service__block .title--mini {
    margin: 0 0 19px
}

@media (max-width: 599px) {
    .choose-service__block .title--mini {
        font-size: 18px;
        margin: 0 0 10px
    }
}

.choose-service__block .title--sub {
    margin: 0 0 29px
}

@media (max-width: 599px) {
    .choose-service__block .title--sub {
        font-size: 10px;
        margin: 0 auto 13px;
        max-width: 200px
    }
}

.choose-service__logo {
    margin-top: 20px
}

@media (min-width: 768px) {
    .choose-service__logo {
        position: absolute;
        bottom: 21px;
        left: 44px;
        margin-top: 0
    }
}

@media (max-width: 640px) {
    .choose-service__logo {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 599px) {
    .choose-service__logo {
        margin-top: 8px;
        justify-content: flex-start
    }
}

.choose-service__img {
    position: relative;
    width: 94%;
    height: 0;
    padding-bottom: 44%
}

@media (max-width: 1024px) {
    .choose-service__img {
        width: 58%
    }
}

@media (max-width: 640px) {
    .choose-service__img {
        width: 100%;
        padding-bottom: 65%
    }
}

.choose-service__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.choose-service--inner {
    margin: 40px 0 30px;
    padding: 0
}

.owl-stage {
    display: flex
}

@media (max-width: 480px) {
    .coach-block .slider-block__slider {
        padding-bottom: 30px
    }
}

.coach-block__top, .products-block__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px
}

@media (max-width: 1024px) {
    .coach-block__top--mob, .products-block__top--mob {
        justify-content: flex-start
    }

    .coach-block__top--mob .link, .products-block__top--mob .link {
        margin-left: 12px
    }
}

@media (max-width: 575px) {
    .coach-block__top--mob, .products-block__top--mob {
        justify-content: space-between
    }
}

.coach-block .owl-stage-outer, .products-block .owl-stage-outer {
    overflow-x: hidden;
    padding-bottom: 17%
}

@media (max-width: 1200px) {
    .coach-block .owl-stage-outer, .products-block .owl-stage-outer {
        padding-bottom: 7%
    }
}

.products-block {
    padding-bottom: 134px;
    margin: 50px 0 0
}

@media (max-width: 768px) {
    .products-block__tabs-wrap {
        width: calc(100% + 15px)
    }
}

.products-block__tabs {
    display: flex
}

@media (max-width: 768px) {
    .products-block__tabs {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 10px;
    }
}

.products-block__tabs .tab-carousel {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #373737;
    font-size: 14px;
    height: 50px;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 50px;
    padding: 0 30px;
    margin-right: 10px;
    cursor: pointer
}

@media (max-width: 575px) {
    .products-block__tabs .tab-carousel {
        height: 30px;
        font-size: 9px;
        padding: 0 15px
    }
}

.products-block__tabs .tab-carousel.active, .products-block__tabs .tab-carousel:hover {
    background-color: #c09f6f
}

.products-block__top--tab {
    margin-top: 40px
}

@media (max-width: 480px) {
    .products-block__top--tab {
        margin-top: 0
    }
}

.products-block--catalog {
    padding-bottom: 0;
    margin: 50px 0 -112px
}

@media (max-width: 1200px) {
    .products-block--catalog {
        margin: 50px 0 0
    }
}

@media (max-width: 1200px) {
    .products-block {
        padding-bottom: 0
    }
}

.prod-item {
    position: relative;
    cursor: pointer
}

.prod-item__body {
    padding: 20px 11px 8px;
    transition: opacity .15s linear;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    border: 1px solid #d7d7d7;
    border-top: none;
    background-color: #fff;
    z-index: 5
}

@media (max-width: 1200px) {
    .prod-item__body {
        position: relative;
        top: 0;
        opacity: 1;
        visibility: visible;
        background-color: transparent;
        border: none
    }
}

.prod-item__body span {
    display: block;
    color: #191919;
    padding: 0 0 0 10px;
    line-height: 1.2
}

.prod-item__body span:first-child {
    font-size: 20px;
    font-weight: 700
}

@media (max-width: 1200px) {
    .prod-item__body span:first-child {
        font-size: 17px
    }
}

@media (max-width: 480px) {
    .prod-item__body span:first-child {
        font-size: 15px;
        min-height: 37px
    }
}

.prod-item__body .button--small {
    margin-top: 27px
}

@media (max-width: 1200px) {
    .prod-item__body .button--small {
        margin: 27px auto 0;
        width: 92%
    }
}

.prod-item:hover .prod-item__body {
    opacity: 1;
    visibility: visible
}

.prod-item--coach {
    display: block
}

@media (max-width: 1200px) {
    .prod-item--coach {
        border: 1px solid #d7d7d7;
        overflow: hidden
    }
}

.owl-item .prod-item--coach {
    height: 100%
}

.owl-item .prod-item--coach .prod-item__body {
    display: flex;
    flex-direction: column
}

.owl-item .prod-item--coach .prod-item__body span:first-child {
    min-height: 36px
}

.prod-item--coach img {
    width: 100%;
    height: auto
}

.prod-item--coach .prod-item__body span:nth-child(2) {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.prod-item--prod {
    height: 372px;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

@media (max-width: 1200px) {
    .prod-item--prod {
        height: auto
    }
}

.prod-item--prod .prod-item__img {
    height: 299px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative
}

@media (max-width: 1200px) {
    .prod-item--prod .prod-item__img {
        height: 204px
    }
}

@media (max-width: 480px) {
    .prod-item--prod .prod-item__img {
        height: 155px
    }
}

.prod-item--prod .prod-item__img img {
    margin: 0 auto;
    object-fit: contain;
    width: 77%;
    height: 100%
}

.prod-item--prod .prod-item__img span {
    position: absolute;
    bottom: -20px;
    left: 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #191919;
    padding: 21px 0 0 21px
}

@media (max-width: 1200px) {
    .prod-item--prod .prod-item__img span {
        display: none
    }
}

.prod-item--prod .prod-item__body {
    top: 275px;
    border: none
}

@media (max-width: 1200px) {
    .prod-item--prod .prod-item__body {
        top: 0
    }
}

.prod-item--prod .prod-item__body span:nth-child(2) {
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 6px 0 0 10px;
    font-size: 14px
}

@media (max-width: 1200px) {
    .prod-item--prod .prod-item__body span:nth-child(2) {
        font-size: 12px
    }
}

@media (max-width: 575px) {
    .prod-item--prod .prod-item__body span:nth-child(2) {
        -webkit-line-clamp: 5
    }
}

.prod-item--prod .prod-item__body a {
    margin-top: 14px
}

@media (min-width: 1201px) {
    .prod-item--prod:hover {
        height: 534px
    }

    .prod-item--prod:hover .prod-item__img {
        border-bottom-color: transparent
    }
}

.prod-item--list {
    height: 372px;
    border: 1px solid #d7d7d7;
    background-color: #fff
}

@media (max-width: 1200px) {
    .prod-item--list {
        height: auto
    }
}

.prod-item--list .prod-item__img {
    height: 299px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative
}

@media (max-width: 1200px) {
    .prod-item--list .prod-item__img {
        height: 204px
    }
}

@media (max-width: 480px) {
    .prod-item--list .prod-item__img {
        height: 155px
    }
}

.prod-item--list .prod-item__img img {
    margin: 0 auto;
    object-fit: contain;
    width: 77%;
    height: 100%
}

.prod-item--list .prod-item__img span {
    position: absolute;
    bottom: -20px;
    left: 0;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: #191919;
    padding: 21px 0 0 21px
}

@media (max-width: 1200px) {
    .prod-item--list .prod-item__img span {
        display: none
    }
}

.prod-item--list .prod-item__body {
    top: 250px;
    border: none;
    z-index: 5
}

@media (max-width: 1200px) {
    .prod-item--list .prod-item__body {
        top: 0
    }
}

.prod-item--list .prod-item__body span:nth-child(2) {
    -webkit-line-clamp: 7;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding: 6px 0 0 10px;
    font-size: 14px
}

@media (max-width: 1200px) {
    .prod-item--list .prod-item__body span:nth-child(2) {
        font-size: 12px
    }
}

.prod-item--list .prod-item__body a {
    margin-top: 14px
}

.prod-item--list:hover .prod-item__img {
    border-bottom-color: transparent
}

.infra-block {
    position: relative
}

.infra-block__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 36px;
    margin: 42px 0 0
}

@media (max-width: 1024px) {
    .infra-block__list {
        grid-gap: 20px
    }
}

@media (max-width: 640px) {
    .infra-block__list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 11px;
        margin: 20px 0 0
    }
}

.dis-item {
    height: 100%;
    background-color: #000;
    padding-bottom: 30px
}

@media (max-width: 480px) {
    .dis-item {
        padding-bottom: 15px
    }
}

.dis-item__img {
    height: 0;
    position: relative;
    padding-bottom: 92%
}

.dis-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.dis-item__name {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin: 0 0 24px
}

@media (max-width: 1024px) {
    .dis-item__name {
        font-size: 14px;
        margin: 0 0 12px
    }
}

@media (max-width: 480px) {
    .dis-item__name {
        font-size: 12px
    }
}

.dis-item__list span {
    display: flex;
    align-items: flex-start;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    font-family: Gilroy, Helvetica Neue, sans-serif;
    margin: 0 0 1px
}

@media (max-width: 480px) {
    .dis-item__list span {
        font-size: 12px
    }
}

.dis-item__list span:before {
    content: "";
    background-color: #c09f6f;
    width: 4px;
    height: 4px;
    border-radius: 50px;
    margin: 8px 7px 0 0
}

.dis-item__body {
    padding: 18px 25px
}

@media (max-width: 1024px) {
    .dis-item__body {
        padding: 18px 12px
    }
}

.dis-block {
    margin: 105px 0 0;
    position: relative
}

@media (max-width: 1024px) {
    .dis-block {
        margin: 60px 0 0;
        margin: 30px 0 0
    }
}

.dis-block__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 13px;
    margin: 30px 0 0
}

@media (max-width: 840px) {
    .dis-block__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 480px) {
    .dis-block__list {
        grid-gap: 5px
    }
}

.wrapper {
    transition: padding-top .3s linear
}

.wrapper.pop {
    padding: 0px 0 0
}

@media (max-width: 900px) {
    .wrapper.pop {
        padding: 60px 0 0
    }
}

.head-popup {
    color: #fff;
    display: none;
    width: 100%;
    position: fixed;
    z-index: 200;
    min-height: 47px;
    transform: translateY(-47px);
    transition: transform .3s linear
}

@media (max-width: 900px) {
    .head-popup {
        min-height: 43px;
        transform: translateY(-60px)
    }
}

.head-popup.show {
    transform: translateY(0)
}

.head-popup__left {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5a09fa;
    width: 33.3%;
    padding: 6px 0;
    text-align: center
}

@media (max-width: 900px) {
    .head-popup__left {
        display: none
    }
}

.head-popup__center {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #5a09fa;
    width: 33.3%;
    font-size: 29px;
    text-align: center;
    padding: 6px 0
}

@media (max-width: 1365px) {
    .head-popup__center {
        font-size: 24px
    }
}

@media (max-width: 1200px) {
    .head-popup__center {
        font-size: 20px
    }
}

@media (max-width: 900px) {
    .head-popup__center {
        width: 100%;
        text-align: left;
        padding: 0 12px
    }
}

.head-popup__center sup {
    display: none
}

@media (max-width: 900px) {
    .head-popup__center sup {
        display: inline-block;
        font-size: 12px;
        transform: translate(6px, 8px)
    }
}

.head-popup__link {
    display: flex;
    align-items: center;
    background-color: #3c00b3;
    width: 33.3%;
    padding: 6px 0
}

@media (max-width: 900px) {
    .head-popup__link {
        width: 120px;
        justify-content: center;
        flex-shrink: 0
    }
}

@media (max-width: 480px) {
    .head-popup__link {
        width: 100px
    }
}

.head-popup__link a {
    display: block;
    margin: 0 0 0 85px;
    color: #fff;
    font-size: 16px;
    text-decoration: underline
}

@media (max-width: 900px) {
    .head-popup__link a {
        margin: 0;
        font-size: 12px
    }
}

.head-popup__link a:hover {
    text-decoration: none
}

.days-block {
    margin: 42px 0 0;
    position: relative
}

.days-block .block-anchor {
    top: -130px
}

.days-block__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 50px 0 0
}

.days-block__sub {
    font-size: 37px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin: 40px 0 0
}

.days-block__sub a {
    color: #000;
    text-decoration: underline
}

.days-block__bottom {
    margin: 38px 0 0
}

.days-block__text {
    color: #000;
    font-size: 18px;
    margin: 0 0 8px
}

@media (max-width: 1024px) {
    .days-block__text {
        font-size: 16px
    }
}

.days-block__text a {
    font-weight: 700;
    color: #000
}

.days-block__text a:hover {
    color: #c09f6f
}

.days-block .button {
    margin: 29px auto 0
}

.days-block__board {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background-color: #171717;
    padding: 25px 30px;
    border-radius: 8px;
    margin: 33px auto 0;
    max-width: 960px;
    line-height: 1.4
}

@media (max-width: 1024px) {
    .days-block__board {
        font-size: 16px
    }
}

.days-block__board--ttu {
    font-weight: 700;
    text-transform: uppercase
}

.days-block__board a {
    display: block;
    color: #fff
}

.coach-page {
    color: #000;
    margin: 40px 0 0
}

.coach-page__title {
    font-size: 40px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

@media (max-width: 1366px) {
    .coach-page__title {
        font-size: 30px
    }
}

@media (max-width: 1024px) {
    .coach-page__title {
        font-size: 22px
    }
}

.coach-page__sub {
    font-size: 22px
}

@media (max-width: 1366px) {
    .coach-page__sub {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .coach-page__sub {
        font-size: 16px
    }
}

.coach-page__text {
    color: #000;
    width: 55%;
    background-color: #f2f2f2;
    padding: 20px
}

@media (max-width: 1024px) {
    .coach-page__text {
        width: 100%
    }
}

.coach-page__text p {
    font-size: 21px
}

.coach-page__text ul {
    padding-left: 0
}

.coach-page__text ul li {
    list-style-type: none;
    margin: 0 0 15px
}

.coach-page__text ul li:before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 1px;
    background-color: #c09f6f;
    margin: 0 11px 4px 0;
    flex-shrink: 0
}

.coach-page__text ul li ul {
    width: 100%;
    padding: 15px 0 0 30px
}

.coach-page__text ul li ul li {
    margin: 0 0 5px
}

.coach-page__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0
}

@media (max-width: 1024px) {
    .coach-page__body {
        flex-direction: column-reverse
    }
}

.coach-page__img {
    width: 43%;
    max-height: 600px
}

@media (max-width: 1024px) {
    .coach-page__img {
        width: 100%
    }
}

.coach-page__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.actikle-inner {
    color: #000;
    margin: 40px 0 0
}

.actikle-inner__title {
    font-size: 28px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    line-height: 1.1;
    margin: 0 0 20px
}

@media (max-width: 1366px) {
    .actikle-inner__title {
        font-size: 22px
    }
}

.actikle-inner__text {
    width: 40%
}

@media (max-width: 1024px) {
    .actikle-inner__text {
        text-align: center;
        width: 100%;
        margin: 0 0 30px
    }
}

.actikle-inner__author span {
    font-weight: 700
}

.actikle-inner__author a {
    color: #c09f6f
}

.actikle-inner__author a:hover {
    color: #000
}

.actikle-inner__tinka {
    color: #000;
    max-width: 700px;
    margin: 40px auto 0
}

.actikle-inner__tinka p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(0, 0, 0, .8)
}

@media (max-width: 640px) {
    .actikle-inner__tinka p {
        font-size: 14px
    }
}

.actikle-inner__tinka ul {
    padding-left: 0
}

.actikle-inner__tinka ul li {
    display: flex;
    list-style-type: none;
    margin: 0 0 15px
}

.actikle-inner__tinka ul li:before {
    display: block;
    content: "";
    width: 8px;
    height: 1px;
    background-color: #c09f6f;
    margin: 9px 11px 0 0
}

.actikle-inner__body {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 30px 0 0
}

@media (max-width: 1024px) {
    .actikle-inner__body {
        flex-direction: column
    }
}

.actikle-inner__button {
    text-align: center;
    margin: 40px 0 0
}

.actikle-inner__button > span {
    display: block;
    max-width: 300px;
    margin: 0 auto 15px;
    font-size: 14px;
    color: rgba(0, 0, 0, .8)
}

.actikle-inner__img {
    width: 54%;
    max-height: 600px
}

@media (max-width: 1024px) {
    .actikle-inner__img {
        width: 100%
    }
}

.actikle-inner__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.call-wrap {
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 830px) {
    .call-wrap {
        display: block;
        margin: 0 0 60px
    }
}

.call-wrap__block {
    padding: 10px 0 0 24px;
    box-shadow: 0 2px 59px rgba(0, 0, 0, .2);
    margin: -49px 0 0 62px;
    background-color: #fff;
    width: 311px
}

@media (max-width: 830px) {
    .call-wrap__block {
        width: 100%;
        max-width: 310px;
        margin: 0;
        padding: 10px 0 10px 24px
    }

    .call-wrap__block .footer__connect {
        margin: 0
    }
}

@media (max-width: 420px) {
    .call-wrap__block {
        max-width: 100%
    }
}

.call-wrap__block span {
    display: block;
    font-weight: 500;
    color: #191919
}

.call-wrap__block .footer__connect a:last-child {
    display: block;
    font-weight: 500;
    margin-top: 5px
}

.day-item {
    width: 48%;
    display: flex;
    box-shadow: 0 2px 59px rgba(0, 0, 0, .2);
    position: relative;
    justify-content: flex-end;
    padding: 40px 28px 37px
}

.day-item:nth-child(n+3) {
    margin: 40px 0 0
}

@media (max-width: 580px) {
    .day-item:nth-child(n+3) {
        margin: 0
    }
}

.day-item:nth-child(n+3) .day-item__title {
    top: -8%;
    left: -9%
}

@media (max-width: 580px) {
    .day-item {
        width: 100%;
        margin-bottom: 15px
    }
}

.day-item__body {
    width: 292px;
    flex-shrink: 0
}

.day-item__body .button {
    max-width: 260px;
    height: 76px
}

.day-item__body .day-item__date:nth-child(3) {
    margin: 24px 0
}

@media (max-width: 1023px) {
    .day-item__body {
        width: 100%
    }
}

.day-item__cart {
    display: flex;
    align-items: center;
    margin: 0 0 35px
}

.day-item__cart span {
    display: block;
    margin-left: 16px;
    font-size: 20px;
    color: #191919
}

@media (max-width: 1024px) {
    .day-item__cart span {
        font-size: 17px
    }
}

.day-item__title {
    font-size: 88px;
    font-weight: 900;
    color: rgba(0, 0, 0, .2);
    transform-origin: center;
    transform: rotate(-90deg) translate(-50%);
    position: absolute;
    top: -2%;
    left: -5%
}

@media (max-width: 1200px) {
    .day-item__title {
        font-size: 65px;
        top: -2%;
        left: -8%
    }
}

@media (max-width: 1023px) {
    .day-item__title {
        display: none
    }
}

.day-item__date {
    display: flex;
    font-size: 22px;
    color: #000
}

@media (max-width: 1024px) {
    .day-item__date {
        font-size: 18px
    }
}

.day-item__date span {
    font-weight: 700;
    margin-left: 4px
}

.day-item__date span span {
    font-size: 14px
}

.day-item__bron {
    font-size: 16px;
    color: red;
    margin: -12px 0 12px
}

.day-item__bottom {
    font-size: 18px;
    color: #191919;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 40px
}

@media (max-width: 1024px) {
    .day-item__bottom {
        font-size: 16px
    }
}

.day-item__bottom span {
    display: block
}

.vacancy-block {
    margin: 50px 0
}

.basket {
    margin: 43px 0 0
}

.basket__top {
    display: flex;
    align-items: center;
    background-color: #000;
    padding: 14px 0 15px 30px;
    justify-content: space-between;
    margin: 0 0 53px
}

@media (max-width: 1023px) {
    .basket__top {
        flex-wrap: wrap;
        padding: 14px 30px 15px
    }
}

@media (max-width: 600px) {
    .basket__top {
        margin: 0 0 20px
    }
}

.basket__text {
    padding: 16px 0 0;
    flex-shrink: 0;
    margin: 0 15px
}

@media (max-width: 1023px) {
    .basket__text {
        margin: 0
    }
}

@media (max-width: 780px) {
    .basket__text {
        padding: 0
    }
}

@media (max-width: 600px) {
    .basket__text {
        width: 100%;
        text-align: center
    }
}

.basket__text span {
    display: block;
    margin: 0 0 6px
}

.basket__text span:first-child {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 15px;
    font-weight: 500
}

.basket__text span:nth-child(2) {
    font-size: 15px;
    text-align: center;
    padding-left: 35px
}

.basket__text span:nth-child(3) {
    font-size: 16px
}

.basket__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 23px;
    color: #000;
    font-weight: 500
}

.basket__form {
    width: 100%
}

.basket__form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 7px;
    background-color: transparent;
    border: none;
    cursor: pointer
}

@media (max-width: 1023px) {
    .basket__form {
        max-width: 100%
    }
}

@media (max-width: 780px) {
    .basket__form {
        margin: 0 0 20px
    }
}

.basket__input {
    width: 100%;
    position: relative
}

.basket__input input {
    width: 100%;
    height: 50px;
    background-color: #fff;
    border: none;
    padding-left: 20px
}

.basket__input input:focus {
    outline: none
}

.basket__input input::placeholder {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    color: rgba(0, 0, 0, .5)
}

.basket__buttons {
    display: flex;
    width: 100%;
    max-width: 489px;
    flex-shrink: 0
}

@media (max-width: 1023px) {
    .basket__buttons {
        justify-content: flex-end
    }
}

@media (max-width: 780px) {
    .basket__buttons {
        flex-direction: column;
        align-items: center;
        width: 50%
    }
}

@media (max-width: 600px) {
    .basket__buttons {
        width: 100%;
        margin: 15px 0 0
    }
}

@media (max-width: 1023px) {
    .basket__buttons .button:first-child {
        width: 50%
    }
}

@media (max-width: 780px) {
    .basket__buttons .button:first-child {
        width: 100%;
        margin-bottom: 10px
    }
}

@media (max-width: 600px) {
    .basket__buttons .button:first-child {
        max-width: 260px
    }
}

@media (max-width: 1023px) {
    .basket__buttons .button:nth-child(2) {
        width: 170px;
        padding-left: 10px
    }
}

@media (max-width: 780px) {
    .basket__buttons .button:nth-child(2) {
        width: 100%
    }
}

@media (max-width: 600px) {
    .basket__buttons .button:nth-child(2) {
        max-width: 260px;
        padding-left: 0
    }
}

.basket__list {
    margin: 30px 0 0
}

.num-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 44px;
    border: 1px solid #dcdcdc
}

.num-in {
    display: flex;
    height: 100%
}

.num-in__button {
    background-color: transparent;
    color: #c09f6f;
    border: none;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    height: 100%
}

.num-in__input {
    width: 100%;
    border: none;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

/*.basket-item{display:grid;align-items:center;padding:12px 14px;grid-template-columns:39% 12.5% 13% 17% 14% 54px;border:1px solid #dcdcdc;margin:0 0 13px}@media (max-width:1024px){.basket-item{grid-template-columns:33% 11.5% 16% 16% 18% 54px}}@media (max-width:900px){.basket-item{grid-template-columns:27% 12.5% 19% 19% 16% 54px}}.basket-item--head{border:none;margin:0 0 20px;padding:0}@media (max-width:768px){.basket-item--head{display:none}}.basket-item__text{color:rgba(0,0,0,.5)}.basket-item__name{font-family:Druk Wide Cyr,Helvetica Neue,sans-serif;font-size:14px;color:#000;display:flex;align-items:center}@media (max-width:1024px){.basket-item__name{font-size:12px}}@media (max-width:900px){.basket-item__name{flex-direction:column;align-items:flex-start}}.basket-item__name a{color:#000}.basket-item__sale{font-family:Druk Wide Cyr,Helvetica Neue,sans-serif;font-size:14px;color:#000}@media (max-width:1024px){.basket-item__sale{font-size:12px}}.basket-item__img{width:90px;height:90px;border:1px solid #e0e0e0;margin-right:40px}@media (max-width:1024px){.basket-item__img{width:75px;height:75px;margin-right:20px}}@media (max-width:900px){.basket-item__img{margin-right:0;margin-bottom:10px}}.basket-item__img img{width:100%;height:100%}.basket-item__price{font-family:Druk Wide Cyr,Helvetica Neue,sans-serif;font-size:14px;color:#000}@media (max-width:1024px){.basket-item__price{font-size:12px}}.basket-item__delete{background-color:transparent;border:none}*/
.basket-item {
    display: grid;
    align-items: center;
    padding: 12px 14px;
    grid-template-columns: 39% 12.5% 13% 17% 14% 54px;
    border: 1px solid #dcdcdc;
    margin: 0 0 13px;
    position: relative
}

@media (max-width: 1024px) {
    .basket-item {
        grid-template-columns: 33% 11.5% 16% 16% 18% 54px
    }
}

@media (max-width: 900px) {
    .basket-item {
        grid-template-columns: 27% 12.5% 19% 19% 16% 54px
    }
}

@media (max-width: 768px) {
    .basket-item {
        grid-template-columns: repeat(3, 1fr)
    }

    .basket-item .num-block {
        margin: 0 auto
    }
}

@media (max-width: 480px) {
    .basket-item {
        grid-template-columns: repeat(2, 1fr);
        align-items: flex-start
    }

    .basket-item .basket-item__name {
        grid-column: 1/3
    }

    .basket-item .num-block {
        margin: 0
    }
}

.basket-item--head {
    border: none;
    margin: 0 0 20px;
    padding: 0
}

@media (max-width: 768px) {
    .basket-item--head {
        display: none
    }
}

.basket-item__text {
    color: rgba(0, 0, 0, .5);
    font-weight: 500;
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 16px
}

@media (max-width: 768px) {
    .basket-item__text {
        font-size: 12px;
        margin: 0 0 6px
    }
}

@media (max-width: 768px) {
    .basket-item__count {
        text-align: center
    }
}

@media (max-width: 480px) {
    .basket-item__count {
        text-align: left
    }
}

.basket-item__name {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center
}

@media (max-width: 1024px) {
    .basket-item__name {
        font-size: 12px
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .basket-item__name {
        flex-direction: column;
        align-items: flex-start
    }
}

@media (max-width: 768px) {
    .basket-item__name {
        margin: 0 0 30px
    }
}

.basket-item__name a {
    color: #000
}

.basket-item__sale {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 14px;
    color: #000
}

@media (max-width: 1024px) {
    .basket-item__sale {
        font-size: 12px
    }
}

@media (max-width: 768px) {
    .basket-item__sale {
        text-align: center
    }
}

@media (max-width: 480px) {
    .basket-item__sale {
        text-align: left
    }
}

.basket-item__img {
    width: 90px;
    height: 90px;
    border: 1px solid #e0e0e0;
    margin-right: 40px
}

@media (max-width: 1024px) {
    .basket-item__img {
        width: 75px;
        height: 75px;
        margin-right: 20px
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .basket-item__img {
        margin-right: 0;
        margin-bottom: 10px
    }
}

.basket-item__img img {
    width: 100%;
    height: 100%
}

.basket-item__price {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 14px;
    color: #000
}

@media (max-width: 1024px) {
    .basket-item__price {
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .basket-item__price {
        margin: 8px 0 0
    }
}

@media (max-width: 768px) {
    .basket-item__price:nth-child(5) {
        text-align: center
    }
}

@media (max-width: 480px) {
    .basket-item__price:nth-child(5) {
        text-align: left
    }
}

.basket-item__delete {
    background-color: transparent;
    border: none
}

@media (max-width: 768px) {
    .basket-item__delete {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 480px) {
    .basket-item__delete {
        position: absolute;
        top: 10px;
        right: 10px
    }
}

.vacancy-item {
    color: #000;
    margin: 0 0 15px
}

.vacancy-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 10px 15px;
    cursor: pointer
}

.vacancy-item__head.active .vacancy-item__arrow {
    background-color: #c09f6f;
    border-color: #fff;
    transition: background-color .3s linear;
    transform: rotate(180deg)
}

@media (max-width: 640px) {
    .vacancy-item__logo {
        width: 60px;
        height: 15px
    }

    .vacancy-item__logo img {
        width: 100%;
        height: 100%
    }
}

@media (max-width: 640px) {
    .vacancy-item__name {
        font-size: 13px
    }
}

.vacancy-item__price {
    display: flex;
    align-items: center
}

@media (max-width: 640px) {
    .vacancy-item__price {
        font-size: 14px
    }
}

.vacancy-item__arrow {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, .3);
    position: relative;
    margin-left: 25px
}

@media (max-width: 1024px) {
    .vacancy-item__arrow {
        width: 30px;
        height: 30px
    }
}

.vacancy-item__arrow:after, .vacancy-item__arrow:before {
    display: flex;
    content: "";
    position: absolute;
    top: 36%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 10px;
    background-color: #000;
    transform-origin: bottom
}

@media (max-width: 1024px) {
    .vacancy-item__arrow:after, .vacancy-item__arrow:before {
        height: 8px
    }
}

.vacancy-item__arrow:after {
    transform: rotate(45deg)
}

.vacancy-item__arrow:before {
    transform: rotate(-45deg)
}

.vacancy-item__body {
    padding: 10px 15px;
    display: none
}

.vacancy-item__body.active {
    display: block
}

.vacancy-item__bottom {
    display: flex;
    justify-content: space-between;
    margin: 30px 0 0
}

.vacancy-item__des span {
    display: block;
    font-size: 15px
}

@media (max-width: 640px) {
    .vacancy-item__des span {
        font-size: 12px
    }
}

.vacancy-item__des span:first-child {
    color: rgba(0, 0, 0, .5)
}

.vacancy-item__des span:nth-child(2) {
    font-weight: 700
}

.vacancy-item__text {
    font-size: 14px;
    line-height: 1.3
}

@media (max-width: 640px) {
    .vacancy-item__text {
        font-size: 12px
    }
}

.vacancy-item:hover .vacancy-item__arrow {
    background-color: #c09f6f;
    border-color: #fff;
    transition: background-color .3s linear
}

.vacancy-item:hover .vacancy-item__arrow:after, .vacancy-item:hover .vacancy-item__arrow:before {
    background-color: #fff
}

.pic-block {
    padding: 77px 0 135px;
    margin: 120px 0 0;
    background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width: 1024px) {
    .pic-block {
        padding: 50px 0;
        margin: 60px 0 0
    }
}

.pic-block__mini {
    display: flex;
    align-items: center
}

@media (max-width: 480px) {
    .pic-block__mini {
        flex-direction: column;
        align-items: flex-start
    }
}

.pic-block__mini > span {
    display: block;
    margin-right: 8px;
    font-size: 18px;
    color: #000;
    font-weight: 700
}

@media (max-width: 1024px) {
    .pic-block__mini > span {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .pic-block__mini > span {
        font-size: 14px
    }
}

.pic-block__mini .button {
    max-width: 270px;
    color: #c09f6f;
    height: 77px;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .pic-block__mini .button {
        margin-top: 10px
    }
}

.pic-block__text {
    background-color: #fff;
    max-width: 660px;
    padding: 34px 34px 12px;
    margin: 21.2% 0 0
}

.pic-block--sec .pic-block__text {
    max-width: 614px;
    padding: 34px 34px 30px
}

@media (max-width: 1024px) {
    .pic-block__text {
        margin: 50px 0 0
    }
}

@media (max-width: 480px) {
    .pic-block__text {
        margin: 50px 0 0
    }
}

.pic-block__text p {
    font-size: 18px;
    color: #000;
    margin: 0 0 23px
}

@media (max-width: 1024px) {
    .pic-block__text p {
        font-size: 16px
    }
}

@media (max-width: 480px) {
    .pic-block__text p {
        font-size: 14px
    }
}

.pic-block__text p span {
    font-weight: 700
}

.small-item {
    height: 100%
}

.small-item__img {
    height: 0;
    position: relative;
    padding-bottom: 80%
}

.small-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.small-item__text {
    font-size: 20px;
    padding: 18px 22px;
    font-weight: 500;
    color: #000;
    border: 1px solid #d7d7d7;
    border-top: none
}

@media (max-width: 1024px) {
    .small-item__text {
        font-size: 16px;
        padding: 12px 10px
    }
}

@media (max-width: 480px) {
    .small-item__text {
        font-size: 12px
    }
}

.advantage-block {
    margin: 0 0 10%;
    position: relative
}

.advantage-block .title--big {
    margin: 0 0 37px
}

@media (max-width: 640px) {
    .advantage-block .title--big {
        margin: 0 0 20px
    }
}

.advantage-block .title--small {
    margin: 0 0 59px
}

@media (max-width: 640px) {
    .advantage-block .title--small {
        margin: 0 0 40px
    }
}

.advantage-block__list {
    padding-left: 0
}

@media (min-width: 640px) {
    .advantage-block__list {
        column-count: 2
    }
}

.advantage-block__item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px
}

.advantage-block__item-body {
    color: #000;
    margin: -2px 0 0 26px
}

@media (max-width: 1024px) {
    .advantage-block__item-body {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .advantage-block__item-body {
        font-size: 12px
    }
}

.advantage-block__item-body span {
    display: block;
    font-weight: 700;
    font-size: 20px
}

@media (max-width: 1024px) {
    .advantage-block__item-body span {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .advantage-block__item-body span {
        font-size: 14px
    }
}

.uslovia-block {
    margin: 84px 0 39px;
    position: relative
}

@media (max-width: 1024px) {
    .uslovia-block {
        margin: 30px 0
    }
}

.uslovia-block__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 66px 0 0
}

@media (max-width: 480px) {
    .uslovia-block__list {
        margin: 44px 0 0
    }
}

.uslovia-block__list ul li {
    font-size: 22px;
    color: #6d6767
}

.uslovia-block__list ul li + li {
    margin: 8px 0 0
}

@media (max-width: 640px) {
    .uslovia-block__list ul li {
        font-size: 16px
    }
}

.uslovia-block__item {
    width: 30%;
    display: flex;
    align-items: center;
    flex-direction: column;
    color: #000;
    text-align: center;
    margin-bottom: 42px
}

@media (max-width: 480px) {
    .uslovia-block__item {
        margin-bottom: 22px
    }
}

@media (max-width: 700px) {
    .uslovia-block__item {
        width: 48%
    }
}

.uslovia-block__item span {
    display: block;
    font-weight: 700;
    font-size: 19px
}

@media (max-width: 1024px) {
    .uslovia-block__item span {
        font-size: 16px
    }
}

@media (max-width: 1024px) {
    .uslovia-block__item-name {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .uslovia-block__item-name {
        font-size: 12px
    }
}

.uslovia-block__item-img {
    width: 52px;
    height: 52px;
    margin-bottom: 24px
}

@media (max-width: 480px) {
    .uslovia-block__item-img {
        width: 44px;
        height: 44px;
        margin-bottom: 15px
    }
}

.uslovia-block__item-img img {
    width: 100%;
    height: 100%
}

.callback-block .title--small {
    margin: 10px 0 65px
}

.callback-block--inner {
    margin: 79px 0 109px
}

@media (max-width: 1024px) {
    .callback-block--inner {
        margin: 79px 0 60px
    }
}

.title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

.title--big {
    font-size: 43px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1
}

@media (max-width: 1366px) {
    .title--big {
        font-size: 40px
    }
}

@media (max-width: 1150px) {
    .title--big {
        font-size: 30px
    }
}

@media (max-width: 480px) {
    .title--big {
        font-size: 20px
    }
}

.title--white {
    color: #fff
}

.title--black {
    color: #191919
}

.title--mid {
    font-size: 28px;
    color: #c09f6f;
    text-transform: uppercase;
    font-weight: 700
}

@media (max-width: 1024px) {
    .title--mid {
        font-size: 22px
    }
}

@media (max-width: 480px) {
    .title--mid {
        font-size: 17px
    }
}

.title--mini {
    font-size: 30px;
    font-weight: 500
}

.title--mini, .title--small {
    font-family: Gilroy, Helvetica Neue, sans-serif
}

.title--small {
    font-size: 20px;
    font-weight: 600
}

@media (max-width: 768px) {
    .title--small {
        font-size: 17px
    }
}

.title--sub {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-weight: 400
}

.advantage-abon {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 48%;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 16px;
    color: #fff;
    padding: 26px 30px 26px 0;
    height: 75px;
    border-radius: 20px;
    background-size: 100% 100%;
    background-position: 0;
    background-repeat: no-repeat;
    cursor: pointer
}

@media (max-width: 1024px) {
    .advantage-abon {
        padding: 26px 10px 26px 0
    }
}

@media (max-width: 768px) {
    .advantage-abon {
        font-size: 14px
    }
}

@media (max-width: 760px) {
    .advantage-abon {
        width: 100%;
        font-size: 12px;
        text-align: right
    }

    .advantage-abon:first-child {
        margin-bottom: 15px
    }
}

.advantage-abon span {
    display: block;
    max-width: 305px
}

@media (max-width: 1150px) {
    .advantage-abon span {
        max-width: 200px
    }
}

.block-anchor {
    position: absolute;
    top: -150px;
    left: 0
}

.abon-block {
    margin: 10% 0 40px;
    position: relative
}

@media (max-width: 1024px) {
    .abon-block {
        margin: 90px 0 40px
    }
}

.abon-block--uniq {
    margin: 0
}

.abon-block__big {
    display: none
}

.abon-block__big.active {
    display: block
}

.abon-block__all {
    display: none
}

.abon-block__all.active {
    display: block
}

.abon-block__advantages {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 40px 0 0
}

.abon-block__description {
    font-size: 18px;
    line-height: 1.8;
    margin: 40px 0 0
}

.abon-block__buttons {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
    flex-wrap: wrap
}

.abon-block__buttons .button {
    margin: 0 0 15px 15px
}

@media (max-width: 1024px) {
    .abon-block__buttons .button--tab-uniq {
        margin: 0
    }
}

@media (max-width: 480px) {
    .abon-block__buttons {
        justify-content: space-between
    }

    .abon-block__buttons .button {
        max-width: 48%;
        margin: 0 0 15px
    }

    .abon-block__buttons .button--tab-uniq {
        width: 32%;
        margin: 0
    }
}

.abon-block__text {
    font-size: 20px;
    font-weight: 700;
    max-width: 525px;
    text-align: center;
    margin: 0 auto 49px
}

@media (max-width: 1024px) {
    .abon-block__text {
        font-size: 16px
    }
}

.abon-block__list {
    width: 100%;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 20px
}

.abon-block__list.active {
    display: flex
}

@media (max-width: 1366px) {
    .black-section {
        padding-top: 5%
    }
}

@media (max-width: 1024px) {
    .black-section {
        padding-top: 0
    }
}

.type-block {
    max-width: 1160px;
    padding: 24px 0 30px;
    margin: -5% auto -25px;
    background-color: #fff;
    position: relative;
    z-index: 5
}

@media (max-width: 1366px) {
    .type-block {
        margin: 0 auto -25px
    }
}

.type-block__list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 9%
}

.type-block__title {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #000;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    letter-spacing: .02em;
    margin: 0 0 20px
}

.type-item {
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 27%;
    cursor: pointer
}

@media (max-width: 1024px) {
    .type-item {
        width: 48%;
        margin-bottom: 15px
    }
}

@media (max-width: 640px) {
    .type-item {
        width: 100%
    }
}

.type-item__title {
    font-size: 17px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 13px
}

.type-item__list {
    margin: 0 0 15px
}

.type-item__list span {
    display: block;
    margin: 0 0 5px;
    font-size: 14px
}

.type-item__button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    width: 100%;
    height: 47px;
    background-color: #c09f6f;
    border: 1px solid transparent;
    margin: auto 0 0
}

.type-item__button:hover {
    background-color: transparent;
    color: #c09f6f;
    border-color: #c09f6f
}

.abon-item {
    background-color: #fff;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .35);
    color: #000;
    width: 25%;
    padding: 12px 16px 29px;
    margin: 0 0 12px;
    display: flex;
    flex-direction: column
}

@media (max-width: 1023px) {
    .abon-item {
        width: 50%
    }
}

@media (max-width: 480px) {
    .abon-item {
        width: 100%;
        margin: 0
    }
}

@media (max-width: 640px) {
    .abon-item {
        padding: 12px 8px 29px
    }
}

.abon-item__title {
    font-size: 24px;
    color: #000;
    font-weight: 500;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    text-align: center;
    margin: 0 0 58px;
    height: auto;
    min-height: 57px
}

.abon-item__title--sec {
    margin: 0
}

.abon-item__title span {
    display: block;
    font-size: 14px;
    color: red;
    font-weight: 500
}

@media (max-width: 640px) {
    .abon-item__title {
        font-size: 18px;
        margin: 0 0 20px;
        min-height: 48px
    }
}

.abon-item__char {
    text-align: center;
    margin: 0 0 8px
}

@media (max-width: 480px) {
    .abon-item__char {
        display: flex;
        justify-content: center
    }

    .abon-item__char span {
        display: block;
        margin: 0 0 0 6px
    }
}

.abon-item__char--old span {
    position: relative;
    color: rgba(0, 0, 0, .3)
}

.abon-item__char--old span:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    background-color: red
}

@media (max-width: 480px) {
    .abon-item__char {
        font-size: 14px
    }
}

.abon-item__char span {
    font-weight: 700
}

@media (max-width: 640px) {
    .abon-item__char span {
        display: block
    }
}

.abon-item__char:nth-last-child(2) {
    margin: 0 0 39px
}

.abon-item .button {
    margin: auto 0 0;
    padding: 0
}

@media (max-width: 1024px) {
    .abon-item .button {
        max-width: 300px;
        width: 100%;
        margin: auto auto 0
    }
}

.sports-block__body {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    grid-gap: 16px
}

@media (max-width: 1024px) {
    .sports-block__body {
        grid-gap: 8px
    }
}

.sports-block .title {
    margin: 0 0 34px
}

.sports-block__img {
    overflow: hidden
}

.sports-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s linear
}

.sports-block__img:hover img {
    transform: scale(1.1)
}

.sports-block__img:first-child {
    width: 100%;
    grid-column: 1/5;
    max-height: 600px
}

.about-block {
    position: relative;
    padding: 0 20px;
    margin: 26px 0 90px
}

@media (max-width: 1024px) {
    .about-block {
        padding: 0;
        margin: 26px 0
    }
}

.about-block--black {
    background-color: #000;
    padding: 91px 0 46px;
    margin: 0 0 78px
}

@media (max-width: 1024px) {
    .about-block--black {
        padding: 40px 0 46px
    }
}

@media (max-width: 480px) {
    .about-block--black {
        margin: 0 0 90px
    }

    .about-block--black.about-block--coach {
        padding-bottom: 0
    }
}

.about-block--black .text-block p {
    color: #fff
}

.about-block--black .about-block__slider {
    width: 45.3vw;
    top: 120px;
    right: 10px
}

@media (max-width: 1200px) {
    .about-block--black .about-block__slider {
        top: 52px
    }
}

@media (max-width: 992px) {
    .about-block--black .about-block__slider {
        width: 100%;
        right: 0
    }
}

.about-block--black .about-block__slider img {
    width: 100%;
    height: auto
}

.about-block--black .about-block__text {
    margin: 36px 0 0
}

@media (min-width: 993px) {
    .about-block--black .about-block__text {
        max-width: 616px
    }
}

.about-block--black .about-block__text ul li {
    margin-bottom: 10px
}

.about-block__title {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    margin-bottom: 30px
}

.about-block__title--center {
    text-align: center
}

@media (max-width: 1366px) {
    .about-block__title {
        font-size: 32px
    }
}

@media (max-width: 1024px) {
    .about-block__title {
        font-size: 26px
    }
}

@media (max-width: 480px) {
    .about-block__title {
        font-size: 20px
    }
}

@media (max-width: 480px) {
    .about-block {
        margin: 26px 0 40px
    }
}

.about-block .slider-for-about .slick-list {
    height: 100% !important
}

.about-block__big {
    height: 0;
    position: relative;
    padding-bottom: 64.7%
}

.about-block__big img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.about-block__list {
    margin: 80px 0 0;
    width: 100%;
    overflow: hidden
}

.about-block__list .slick-slide {
    margin: 0 15px
}

.about-block__list .slick-list {
    margin: 0 -15px
}

@media (max-width: 1366px) {
    .about-block__list {
        margin: 80px 0 0
    }

    .about-block__list .slick-slide {
        margin: 0 8px
    }

    .about-block__list .slick-list {
        margin: 0 -8px
    }
}

@media (max-width: 1024px) {
    .about-block__list {
        margin: 20px 0 0;
        padding: 0 15px
    }

    .about-block__list .slick-slide {
        margin: 0 4px
    }

    .about-block__list .slick-list {
        margin: 0 -4px
    }
}

@media (max-width: 480px) {
    .about-block--coach .abon-block__list {
        width: calc(100% + 32px);
        margin: 0 0 0 -16px
    }
}

.about-block__more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 42px
}

@media (max-width: 1024px) {
    .about-block__more {
        margin-top: 28px
    }
}

@media (max-width: 575px) {
    .about-block__more .button {
        width: calc(100% - 32px);
        margin: 0 auto
    }
}

@media (min-width: 993px) {
    .about-block__mid {
        display: flex;
        min-height: 537px
    }
}

@media (min-width: 993px) {
    .about-block__text {
        max-width: 550px
    }
}

@media (max-width: 992px) {
    .about-block__text {
        margin-bottom: 30px
    }
}

.about-block__text h3, .about-block__text h4, .about-block__text h5 {
    font-size: 20px !important;
    color: #fff
}

.about-block__text p {
    line-height: 1.8
}

.about-block__text a:not(.button) {
    color: #333;
    font-weight: 700;
    text-decoration: underline
}

.about-block__text a:not(.button):hover {
    text-decoration: none;
    color: #c09f6f
}

.about-block__item {
    position: relative;
    height: 0;
    padding-bottom: 67%;
    border: 3px solid transparent;
    cursor: pointer
}

.slick-current .about-block__item {
    border-color: #d6ad72
}

.about-block__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.about-block__item:hover {
    border-color: #d6ad72
}

.about-block__slider {
    width: 48.3vw;
    position: absolute;
    right: 20px;
    top: 0
}

@media (max-width: 1200px) {
    .about-block__slider {
        width: 55%;
        position: relative;
        right: 0;
        margin-left: 3%
    }
}

@media (max-width: 992px) {
    .about-block__slider {
        width: 100%;
        margin-left: 0
    }
}

.about-block__slider .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px;
    display: flex
}

@media (max-width: 1024px) {
    .about-block__slider .slick-dots {
        bottom: 10px
    }
}

.about-block__slider .slick-dots li {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #4f4f4f !important;
    margin-right: 15px;
    cursor: pointer;
    list-style: none;
    text-indent: -9999px
}

@media (max-width: 480px) {
    .about-block__slider .slick-dots li {
        width: 8px;
        height: 8px
    }
}

.about-block__slider .slick-dots li.slick-active {
    background-color: #fff !important
}

.open-lk {
    display: none;
    width: 200px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    text-transform: uppercase;
    border: 2px solid #c09f6f;
    color: #000;
    margin: 0 0 25px
}

@media (max-width: 1365px) {
    .open-lk {
        display: flex
    }
}

@media (max-width: 640px) {
    .open-lk {
        display: none
    }
}

.abons-wrap {
    display: flex;
    justify-content: space-between
}

@media (max-width: 930px) {
    .abons-wrap {
        display: block
    }
}

.abons-wrap__link {
    width: 17%;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c09f6f;
    text-align: center;
    color: #000;
    position: sticky;
    top: 0
}

@media (max-width: 930px) {
    .abons-wrap__link {
        width: 100%;
        margin: 30px 0 0
    }
}

.abons-wrap__link:hover {
    background-color: #c09f6f;
    color: #fff
}

.feedback-block {
    color: #333;
    width: 100%;
    max-width: 700px
}

.feedback-block__title {
    font-size: 20px;
    margin: 0 0 15px
}

.feedback-block__area {
    margin: 0 0 20px
}

.feedback-block__area textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #c09f6f;
    resize: vertical
}

.feedback-block__area textarea:focus {
    outline: none
}

.feedback-block__file-wrap {
    display: flex;
    align-items: center
}

.feedback-block__file-wrap .file-name {
    font-size: 18px;
    font-weight: 700;
    color: #c09f6f;
    margin-left: 10px
}

.feedback-block__file {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 160px;
    height: 40px;
    border: 1px solid #c09f6f
}

.feedback-block__file input {
    opacity: 0;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.feedback-block__file input:hover ~ span {
    color: #c09f6f
}

.feedback-block__submit {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 160px;
    height: 40px;
    border: 1px solid #c09f6f;
    text-transform: uppercase;
    margin: 20px 0 0
}

.feedback-block__submit:hover {
    background-color: #c09f6f
}

.my-bonuses__top-wrap {
    display: flex;
    justify-content: space-between
}

@media (max-width: 640px) {
    .my-bonuses__top-wrap {
        display: block
    }
}

.my-bonuses__info {
    width: 49%;
    border: 1px solid #c09f6f;
    padding: 15px 20px;
    color: #333;
    font-size: 18px
}

@media (max-width: 640px) {
    .my-bonuses__info {
        width: 100%;
        font-size: 14px
    }
}

.my-bonuses__info a {
    display: inline-block;
    color: #c09f6f;
    text-decoration: underline
}

.my-bonuses__info a:hover {
    text-decoration: none;
    color: #000
}

.my-bonuses__info span {
    display: block;
    font-size: 16px;
    font-weight: 700
}

@media (max-width: 640px) {
    .my-bonuses__info span {
        font-size: 14px
    }
}

.my-bonuses__top {
    display: inline-flex;
    align-items: center;
    border: 1px solid #c09f6f;
    padding: 15px 20px;
    width: 49%
}

@media (max-width: 640px) {
    .my-bonuses__top {
        width: 100%;
        margin: 0 0 20px
    }
}

.my-bonuses__title {
    font-size: 24px;
    text-transform: uppercase;
    color: #000;
    font-weight: 700
}

@media (max-width: 640px) {
    .my-bonuses__title {
        font-size: 18px
    }
}

.my-bonuses__bon {
    font-size: 18px;
    color: #c09f6f;
    margin-left: 20px
}

@media (max-width: 640px) {
    .my-bonuses__bon {
        font-size: 14px
    }
}

.my-bonuses__bon span {
    font-size: 24px;
    font-weight: 700
}

.my-bonuses__link {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0
}

@media (max-width: 480px) {
    .my-bonuses__link {
        display: block
    }
}

.my-bonuses__link a {
    display: flex;
    justify-content: center;
    padding: 15px;
    border: 1px solid #c09f6f;
    color: #000
}

@media (max-width: 480px) {
    .my-bonuses__link a {
        width: 100%;
        margin: 0 0 15px
    }
}

.my-bonuses__link a:hover {
    background-color: #c09f6f;
    color: #fff
}

.my-bonuses__copy {
    text-transform: uppercase;
    color: #c09f6f;
    font-size: 16px;
    border-left: 1px solid #000;
    padding-left: 10px;
    margin-left: 10px;
    cursor: pointer
}

.my-bonuses__copy:hover {
    color: #333
}

.my-bonuses__invite {
    width: 100%;
    margin: 30px 0 0;
    border: 1px solid #c09f6f;
    padding: 15px
}

.my-bonuses__invite span {
    display: block;
    font-size: 20px;
    color: #000;
    text-align: center
}

@media (max-width: 640px) {
    .my-bonuses__invite span {
        font-size: 14px
    }
}

.my-bonuses__invite span span {
    display: inline-block;
    color: #c09f6f
}

.my-bonuses__invite a {
    display: inline-flex;
    color: #c09f6f;
    text-decoration: underline
}

@media (max-width: 480px) {
    .my-bonuses__invite a {
        font-size: 14px
    }
}

.my-bonuses__invite a:hover {
    text-decoration: none;
    color: #000
}

.abons-list {
    width: 80%
}

@media (max-width: 930px) {
    .abons-list {
        width: 100%
    }
}

.abons-item {
    color: #000;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 15px
}

.abons-item + .abons-item {
    margin: 30px 0 0
}

.abons-item__body {
    border: 1px solid #c09f6f;
    padding: 15px;
    display: flex;
    align-items: center
}

@media (max-width: 480px) {
    .abons-item__body {
        display: block
    }
}

.abons-item__name {
    font-size: 20px;
    margin-right: auto
}

@media (max-width: 1024px) {
    .abons-item__name {
        font-size: 17px
    }
}

@media (max-width: 480px) {
    .abons-item__name {
        font-size: 15px
    }
}

.abons-item__cost {
    color: #c09f6f;
    font-size: 24px;
    margin-left: 15px;
    font-weight: 700;
    flex-shrink: 0
}

@media (max-width: 700px) {
    .abons-item__cost {
        font-size: 20px
    }
}

@media (max-width: 480px) {
    .abons-item__cost {
        margin: 15px 0 0
    }
}

.abons-item__cost span {
    font-size: 16px;
    font-weight: 400
}

.abons-item__span {
    font-size: 18px;
    margin: 0 10px 0 0
}

@media (max-width: 1024px) {
    .abons-item__span {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .abons-item__span {
        font-size: 12px
    }
}

.abons-item__span span {
    color: #c09f6f
}

.abons-item__bottom {
    display: flex;
    align-items: center;
    margin: 15px 0 0
}

.abons-item__repeat {
    display: flex;
    align-items: center;
    margin-left: auto
}

.abons-item__repeat span {
    display: block;
    margin: 0 0 0 10px;
    color: #000
}

@media (max-width: 480px) {
    .abons-item__repeat {
        font-size: 14px
    }

    .abons-item__repeat img {
        width: 24px;
        height: 24px
    }
}

.abons-item__repeat:hover span {
    color: #c09f6f
}

.reg-block {
    display: flex;
    height: 100vh
}

@media (max-width: 640px) {
    .reg-block {
        display: block
    }
}

.reg-block__drop {
    position: relative
}

@media (max-width: 640px) {
    .reg-block__list {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 2;
        background-color: #000;
        padding: 20px 15px
    }

    .reg-block__list.open {
        display: block
    }
}

.reg-block__mob {
    display: flex;
    align-items: center
}

.reg-block__menu {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    border: 1px solid #c09f6f;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    position: relative;
    margin: 15px 0;
    display: none
}

@media (max-width: 640px) {
    .reg-block__menu {
        display: flex
    }
}

.reg-block__menu img {
    display: block;
    position: absolute;
    top: 14px;
    right: 11px;
    z-index: 1
}

.reg-block__close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    display: none
}

@media (max-width: 1365px) {
    .reg-block__close {
        display: block
    }
}

.reg-block__close:after, .reg-block__close:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 100%;
    background-color: #fff;
    transform-origin: center
}

.reg-block__close:after {
    transform: rotate(45deg)
}

.reg-block__close:before {
    transform: rotate(-45deg)
}

@media (max-width: 640px) {
    .reg-block__close {
        display: none
    }
}

.reg-block__right {
    background-color: #f6f6f6;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 69px 48px 0 106px
}

@media (max-width: 1820px) {
    .reg-block__right {
        padding: 69px 48px 0
    }
}

@media (max-width: 1365px) {
    .reg-block__right {
        padding: 40px 20px 0
    }
}

.reg-block__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: .05em;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 30px
}

@media (max-width: 1024px) {
    .reg-block__title {
        font-size: 22px
    }
}

@media (max-width: 640px) {
    .reg-block__title {
        display: none
    }
}

.reg-block__b-title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: .05em;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 13px
}

.reg-block__m-title {
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-size: 15px;
    color: rgba(39, 42, 52, .6);
    margin-bottom: 10px
}

.reg-block__checks {
    display: flex;
    flex-wrap: wrap;
    margin: 29px 0 0
}

.reg-block__checks .form__block--check input[type=checkbox] + label, .reg-block__checks .form__block--check input[type=radio] + label {
    font-size: 18px
}

@media (max-width: 640px) {
    .reg-block__checks .form__block--check input[type=checkbox] + label, .reg-block__checks .form__block--check input[type=radio] + label {
        font-size: 14px
    }
}

.reg-block__checks .form__block--check {
    width: 39%
}

@media (max-width: 640px) {
    .reg-block__checks .form__block--check {
        width: 48%
    }
}

.reg-block__top {
    border: 1px solid #d5d5d5
}

.reg-block__top .form {
    display: flex
}

@media (max-width: 960px) {
    .reg-block__top .form {
        display: block
    }
}

.reg-block__top--inner {
    padding: 30px
}

@media (max-width: 1024px) {
    .reg-block__top--inner {
        padding: 15px
    }
}

.reg-block__top-left {
    padding: 40px 40px 31px;
    width: 57%
}

@media (max-width: 960px) {
    .reg-block__top-left {
        width: 100%;
        padding: 20px
    }
}

.reg-block__top-left .form__input {
    max-width: 494px;
    margin: 0 0 14px
}

.reg-block__top-right {
    padding: 40px;
    background-color: #fff;
    width: 45%
}

@media (max-width: 960px) {
    .reg-block__top-right {
        width: 100%;
        padding: 20px
    }
}

.reg-block__top-right .form__input {
    position: relative;
    margin: 0 0 14px
}

.reg-block__top-right .button {
    width: 100%;
    margin: 37px 0 0
}

.reg-block__top-right .form__input--select {
    width: 100%;
    max-width: 505px
}

.reg-block__left {
    width: 458px;
    background-color: #000;
    padding: 20px 30px;
    height: 100%;
    flex-shrink: 0
}

.reg-block__left .logo {
    width: 140px;
    display: block;
    margin: 0 auto 56px
}

@media (max-width: 640px) {
    .reg-block__left .logo {
        width: 85px;
        margin: 0 auto
    }

    .reg-block__left .logo img {
        width: 100%;
        height: 100%
    }
}

@media (max-width: 1820px) {
    .reg-block__left {
        width: 400px;
        padding: 20px 16px
    }
}

@media (max-width: 1560px) {
    .reg-block__left {
        width: 300px;
        padding: 20px 16px
    }
}

@media (max-width: 1365px) {
    .reg-block__left {
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 3;
        transition: left .3s linear
    }

    .reg-block__left.open {
        left: 0
    }
}

@media (max-width: 640px) {
    .reg-block__left {
        position: relative;
        left: 0;
        width: 100%;
        height: auto
    }
}

.reg-block__link {
    display: flex;
    font-size: 18px;
    color: #fff;
    margin: 0 0 9px 35px
}

@media (max-width: 1560px) {
    .reg-block__link {
        font-size: 14px;
        margin: 0 0 9px 6px
    }
}

.reg-block__link span {
    display: block;
    margin-left: 22px;
    padding-bottom: 16px;
    border-bottom: 2px solid transparent
}

.reg-block__link--help {
    margin-top: 60px
}

@media (max-width: 640px) {
    .reg-block__link--help {
        display: none
    }
}

.reg-block__link.active span, .reg-block__link:hover span {
    border-bottom: 2px solid #c09f6f
}

.reg-block__bottom {
    margin: 61px 0 0
}

.red-item {
    color: #191919;
    display: flex;
    align-items: center;
    margin: 0 0 12px
}

.red-item__numb {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #c09f6f;
    width: 50px
}

@media (max-width: 1279px) {
    .red-item__numb {
        font-size: 14px;
        width: 40px
    }
}

.red-item .form__input {
    width: 19.6%
}

@media (max-width: 1279px) {
    .red-item .form__input, .red-item .form__input .select2-container--default .select2-selection--multiple .select2-selection__rendered, .red-item .form__input .select2-container .select2-selection--multiple, .red-item .form__input input {
        height: 40px
    }

    .red-item .form__input .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 14px
    }
}

.red-item .form__input--text {
    color: rgba(25, 25, 25, .6);
    padding-left: 16px
}

.red-item .select2-container--default .select2-selection--multiple {
    background-color: transparent
}

.red-item--top {
    margin: 0 0 -4px
}

@media (max-width: 640px) {
    .select2-container--default .select2-selection--multiple .select2-selection__rendered, .select2-container .select2-selection--multiple {
        height: 40px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice {
        font-size: 14px
    }
}

.red-wrap {
    overflow: scroll;
    width: 100%
}

.red-list {
    min-width: 975px
}

.del-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56px;
    border: 1px solid #d5d5d5;
    width: 26%;
    padding: 0 20px
}

@media (max-width: 1279px) {
    .del-block {
        height: 40px
    }
}

.del-block--fake {
    border: transparent
}

.del-item {
    display: flex;
    align-items: center;
    color: #191919;
    font-size: 18px;
    cursor: pointer
}

.del-item:hover {
    color: red
}

.del-item span {
    display: block;
    margin-left: 5px
}

@media (max-width: 1279px) {
    .del-item {
        font-size: 14px
    }

    .del-item img {
        width: 18px;
        height: 18px
    }
}

.change-pass {
    display: inline-block;
    color: #191919;
    font-size: 18px;
    border-bottom: 1px solid #191919;
    cursor: pointer
}

@media (max-width: 1279px) {
    .change-pass {
        font-size: 14px
    }
}

.change-pass:hover {
    color: #c09f6f;
    border-color: transparent
}

.help-mini {
    display: flex;
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    display: none
}

.help-mini span {
    display: block;
    margin-left: 8px
}

@media (max-width: 640px) {
    .help-mini {
        display: flex
    }
}

.logout-mini {
    display: flex;
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    display: none
}

.logout-mini span {
    display: block;
    margin-right: 8px
}

@media (max-width: 640px) {
    .logout-mini {
        display: flex
    }
}

.logout {
    display: flex;
    align-items: center;
    color: #fff;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    background-color: #c09f6f;
    font-size: 14px;
    text-transform: uppercase;
    height: 66px;
    width: 230px;
    padding-left: 20px;
    margin: 0 0 0 35px
}

@media (max-width: 1560px) {
    .logout {
        margin: 0 0 0 7px
    }
}

@media (max-width: 640px) {
    .logout {
        display: none
    }
}

.logout span {
    display: block;
    margin-left: 40px
}

.logout:hover {
    background-color: #d6ad72
}

.burger {
    width: 30px;
    height: 20px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
    cursor: pointer
}

@media (max-width: 1150px) {
    .burger--desk {
        display: none !important
    }
}

.burger--mob {
    display: none !important
}

@media (max-width: 960px) {
    .burger--mob {
        display: flex !important
    }
}

.burger span {
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.burger span, .burger span:after, .burger span:before {
    display: block;
    height: 2px;
    background-color: #c09f6f;
    position: absolute
}

.burger span:after, .burger span:before {
    content: "";
    right: 0;
    transition: width .15s linear
}

.burger span:after {
    top: -8px;
    width: 20px
}

.burger span:before {
    width: 15px;
    top: 8px
}

.burger:hover span:after, .burger:hover span:before {
    width: 100%
}

.sales-block__body {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
    margin: 30px 0 0
}

@media (max-width: 1024px) {
    .sales-block__body {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 640px) {
    .sales-block__body {
        grid-template-columns: repeat(2, 1fr)
    }
}

.sales-block__text {
    margin: 40px 0 0
}

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

.breadcrumbs__link {
    display: block;
    color: #fff;
    line-height: 1
}

@media (max-width: 1024px) {
    .breadcrumbs__link {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .breadcrumbs__link {
        font-size: 12px
    }
}

.breadcrumbs__link[href]:hover {
    color: #c09f6f
}

.breadcrumbs__link:first-child {
    margin: 0 18px 0 0
}

.breadcrumbs__link:nth-child(n+2) {
    border-left: 1px solid #c09f6f;
    padding: 0 20px
}

.popup {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 20px
}

.popup--abon {
    max-width: 760px;
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    padding: 40px 20px;
    text-align: center
}

.popup--sales {
    max-width: 960px;
    padding: 0;
    border-radius: 12px
}

.popup--sales .popup__image {
    display: block;
    border-radius: 12px;
    width: 100%;
    max-height: 555px;
    cursor: pointer
}

.popup--sales .popup__image img {
    border-radius: 12px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.themes-block {
    text-align: center;
    color: #000;
    margin: 40px 0 0
}

.themes-block__title {
    font-size: 26px;
    margin: 0 0 10px
}

.themes-block__sub-title {
    margin: 0 0 50px
}

.themes-block__list {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(3, 1fr)
}

@media (max-width: 640px) {
    .themes-block__list {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 12px
    }
}

@media (max-width: 480px) {
    .themes-block__list {
        grid-template-columns: 1fr
    }
}

.themes-block__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px 15px 25px;
    color: #000;
    background-color: #f5f8fa;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    position: relative;
    overflow: hidden
}

.themes-block__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 6px;
    background-color: #9edad5;
    transition: left .2s linear
}

.themes-block__item:first-child:before {
    background-color: #ff7152
}

.themes-block__item:nth-child(2):before {
    background-color: #9edad5
}

.themes-block__item:nth-child(3):before {
    background-color: #6b7acf
}

.themes-block__item:nth-child(4):before {
    background-color: #f0565f
}

.themes-block__item:nth-child(5):before {
    background-color: #f4c172
}

.themes-block__item span:first-child {
    font-weight: 700;
    font-size: 18px;
    text-align: left
}

@media (max-width: 1024px) {
    .themes-block__item span:first-child {
        font-size: 15px
    }
}

.themes-block__item span:nth-child(2) {
    display: block;
    width: 12px;
    height: 12px;
    border-right: 2px solid #14a2bb;
    border-bottom: 2px solid #14a2bb;
    transform: rotate(-45deg)
}

.themes-block__item:hover {
    color: #c09f6f
}

.themes-block__item:hover:before {
    left: -10px
}

.sales-item {
    cursor: pointer;
    display: block
}

.sales-item:hover .sales-item__name {
    color: #c09f6f
}

.sales-item:hover .sales-item__img img {
    transform: scale(1.1)
}

.sales-item__img {
    display: block;
    height: 0;
    position: relative;
    padding-bottom: 80%;
    overflow: hidden
}

.sales-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .2s linear
}

.sales-item__body {
    padding: 15px 10px;
    border: 1px solid rgba(0, 0, 0, .2);
    border-top: none
}

.sales-item__name {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 10px
}

@media (max-width: 1024px) {
    .sales-item__name {
        font-size: 18px
    }
}

@media (max-width: 480px) {
    .sales-item__name {
        font-size: 16px
    }
}

.sales-item__text {
    font-size: 16px;
    color: #000;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (max-width: 1024px) {
    .sales-item__text {
        font-size: 14px
    }
}

@media (max-width: 480px) {
    .sales-item__text {
        font-size: 12px
    }
}

.sales-item .sale-popup {
    display: none
}

.coach-inner {
    width: 100%
}

.coach-inner__list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    margin: 40px 0 0
}

@media (max-width: 1024px) {
    .coach-inner__list {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 640px) {
    .coach-inner__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

.sale-popup {
    display: flex
}

@media (max-width: 640px) {
    .sale-popup {
        display: block
    }
}

.sale-popup__img {
    width: 35%;
    height: 0;
    padding-bottom: 30%;
    position: relative
}

@media (max-width: 640px) {
    .sale-popup__img {
        width: 100%;
        padding-bottom: 91%
    }
}

.sale-popup__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sale-popup__body {
    color: #000;
    width: 65%;
    padding-left: 20px
}

@media (max-width: 640px) {
    .sale-popup__body {
        padding-left: 0;
        width: 100%
    }
}

.sale-popup__title {
    font-size: 30px;
    margin-bottom: 10px
}

@media (max-width: 1024px) {
    .sale-popup__title {
        font-size: 22px
    }
}

@media (max-width: 640px) {
    .sale-popup__title {
        margin: 20px 0 0
    }
}

@media (max-width: 1024px) {
    .sale-popup__text {
        font-size: 14px
    }
}

.sale-popup__text a {
    color: #c09f6f
}

.top-block {
    padding: 12.5% 0 60px;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative;
    background-position: 50%;
    min-height: 828px
}

.top-block__back {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1
}

.top-block__back img, .top-block__back picture {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width: 768px) {
    .top-block {
        min-height: 660px;
        background-position: 39% 2%
    }

    .top-block--for-child {
        background-size: cover
    }
}

@media (min-width: 1025px) {
    .top-block {
        height: 100vh
    }
}

@media (min-width: 1025px) and (max-height: 875px) {
    .top-block--video {
        height: 900px
    }
}

@media (min-width: 1025px) and (max-height: 650px) {
    .top-block {
        height: 110vh
    }
}

.top-block__adv-item {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 19px;
    margin-bottom: 15px
}

.top-block__adv-item:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 100%;
    flex-shrink: 0;
    display: block;
    margin-right: 12px;
    background-color: #c09f6f
}

.top-block__video, .top-block__video:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.top-block__video:after {
    content: "";
    background-color: rgba(0, 0, 0, .7);
}

.top-block__video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-block__video--no-over:after {
    display: none
}

@media (max-width: 1150px) {
    .top-block {
        padding: 29vh 0 20px
    }
}

.top-block--short {
    height: 400px;
    padding: 12.4% 0 60px
}

@media (max-width: 800px) {
    .top-block--short {
        height: 310px;
        padding: 203px 0 60px
    }
}

.top-block--middle {
    height: 620px;
    padding: 12.4% 0 60px
}

@media (max-width: 800px) {
    .top-block--middle {
        padding: 120px 0 60px;
        height: 340px
    }
}

.top-block--shorter {
    height: 250px;
    padding: 12.4% 0 60px
}

@media (max-width: 800px) {
    .top-block--shorter {
        height: 310px;
        padding: 203px 0 60px
    }
}

.top-block--bread {
    padding: 237px 0 60px
}

.top-block--bread .breadcrumbs {
    margin: 0 0 96px
}

@media (max-width: 1024px) {
    .top-block--bread .breadcrumbs {
        margin: 0 0 30px
    }
}

@media (max-width: 1150px) {
    .top-block--bread {
        padding: 29vh 0 60px
    }
}

.top-block--sbor {
    padding: 160px 0 60px
}

@media (min-width: 1000px) {
    .top-block--sbor {
        min-height: 787px
    }
}

.top-block--sbor .breadcrumbs {
    margin: 0 0 96px
}

@media (max-width: 1024px) {
    .top-block--sbor .breadcrumbs {
        margin: 0 0 30px
    }
}

@media (max-width: 1150px) {
    .top-block--sbor {
        padding: 16vh 0 60px
    }
}

@media (max-width: 480px) {
    .top-block--sbor .button--big {
        width: 100% !important
    }
}

.top-block--for-child {
    padding: 237px 0 60px
}

.top-block--for-child .breadcrumbs {
    margin: 0 0 96px
}

@media (max-width: 1024px) {
    .top-block--for-child .breadcrumbs {
        margin: 0 0 30px
    }
}

@media (max-width: 1150px) {
    .top-block--for-child {
        padding: 37vh 0 60px
    }
}

.top-block__body {
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative
}

.top-block__bottom {
    margin-top: auto
}

.top-block__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.35
}

@media (max-width: 1440px) {
    .top-block__title {
        font-size: 36px
    }
}

@media (max-width: 820px) {
    .top-block__title {
        font-size: 28px
    }
}

@media (max-width: 480px) {
    .top-block__title {
        font-size: 22px;
        margin-bottom: 15px
    }
}

@media (min-width: 1366px) {
    .top-block__title {
        max-width: 100%
    }
}

.top-block__title sup {
    font-size: 28px
}

@media (max-width: 1024px) {
    .top-block__title sup {
        font-size: 20px
    }
}

@media (max-width: 640px) {
    .top-block__title sup {
        font-size: 10px
    }
}

.top-block__date {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 30px 0
}

@media (max-width: 1024px) {
    .top-block__date {
        font-size: 16px
    }
}

.top-block__ul {
    margin: 0 0 0 26px
}

.top-block__ul ul {
    padding: 0
}

.top-block__ul ul li {
    font-size: 26px
}

@media (max-width: 1024px) {
    .top-block__ul ul li {
        font-size: 22px
    }
}

.top-block__ul ul li + li {
    margin: 8px 0 0
}

.top-block__sub-title {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 50px;
    max-width: 754px
}

@media (max-width: 820px) {
    .top-block__sub-title {
        font-size: 17px
    }
}

@media (max-width: 480px) {
    .top-block__sub-title {
        font-size: 15px;
        margin-bottom: 20px
    }
}

.top-block__buttons {
    display: flex;
    align-items: center
}

@media (max-width: 1440px) {
    .top-block__buttons {
        margin-bottom: 60px
    }
}

@media (max-width: 480px) {
    .top-block__buttons {
        margin-bottom: 20px
    }
}

@media (max-width: 1366px) {
    .top-block__buttons .button {
        min-width: auto
    }
}

@media (max-width: 480px) {
    .top-block__buttons .button {
        width: 48%;
        font-size: 9px
    }

    .top-block--for-child .top-block__buttons .button {
        width: 100%;
        padding: 0
    }
}

.top-block__buttons .button:first-child {
    margin-right: 20px
}

@media (max-width: 1366px) {
    .top-block__buttons .button:first-child {
        margin-right: 10px
    }
}

.top-block__text {
    display: block;
    max-width: 260px;
    border-bottom: 1px solid #c09f6f;
    font-size: 18px;
    padding-bottom: 8px;
    margin-bottom: 46px;
    color: #fff
}

.top-block__text:hover {
    border-color: transparent
}

@media (max-width: 1024px) {
    .top-block__text {
        font-size: 15px
    }
}

@media (max-width: 480px) {
    .top-block__text {
        max-width: 100%;
        margin-bottom: 20px
    }
}

.top-block__address {
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .top-block__address {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media (max-width: 768px) {
    .top-block__address .address-block {
        width: 100%;
        margin-top: 10px
    }
}

.top-block__address .address-block + .address-block {
    margin: 0 0 0 50px
}

@media (max-width: 768px) {
    .top-block__address .address-block + .address-block {
        margin: 30px 0 0
    }
}

.top-block__address .chanel-block {
    margin-right: 10px
}

.top-block__address .chanel-block:nth-child(2) {
    margin-right: 20px
}

@media (max-width: 640px) {
    .top-block__address .chanel-block:nth-child(2) {
        margin-right: 0
    }
}

@media (max-width: 768px) {
    .top-block__address .chanel-block {
        width: 49%;
        margin-right: 0
    }
}

@media (max-width: 480px) {
    .top-block__address .chanel-block {
        margin-top: 15px;
        font-size: 9px;
        height: 36px
    }

    .top-block__address .chanel-block img {
        width: 20px;
        height: 20px
    }
}

.top-block--coach {
    background-color: #000;
    height: 695px;
    min-height: auto;
    padding: 200px 0 0;
    overflow: hidden
}

@media (max-width: 1024px) {
    .top-block--coach {
        height: auto
    }
}

.top-block__middle {
    margin: 0 0 10px
}

.coach-inner {
    position: relative
}

.top-block--coach .coach-inner {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 1024px) {
    .top-block--coach .coach-inner {
        grid-template-columns: 1fr
    }
}

.coach-inner__left {
    margin: 56px 0 0
}

@media (max-width: 1024px) {
    .coach-inner__left {
        text-align: center
    }
}

@media (max-width: 599px) {
    .coach-inner__left {
        margin: 27px 0 10px
    }
}

.coach-inner__logo {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-46%);
    width: 100%;
    max-width: 715px
}

@media (max-width: 1200px) {
    .coach-inner__logo {
        max-width: 589px
    }
}

@media (max-width: 1024px) {
    .coach-inner__logo {
        position: relative;
        top: 0;
        transform: none;
        max-width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: -140px 0 0
    }
}

.coach-inner__logo img {
    width: 130%;
    object-fit: cover;
    height: 130%
}

.coach-inner__top-text {
    font-size: 24px;
    color: #fff;
    margin: 0 0 24px
}

@media (max-width: 599px) {
    .coach-inner__top-text {
        font-size: 16px;
        margin: 0 0 12px
    }
}

.coach-inner__name {
    font-size: 50px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 700;
    color: #c4a562;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0 0 78px
}

@media (max-width: 1024px) {
    .coach-inner__name {
        margin: 0 0 18px
    }
}

@media (max-width: 599px) {
    .coach-inner__name {
        font-size: 24px;
        margin: 0 0 12px
    }
}

.coach-inner__img {
    width: 100%;
    max-width: 460px;
    height: 505px;
    position: relative
}

@media (max-width: 1024px) {
    .coach-inner__img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0
    }
}

@media (max-width: 599px) {
    .coach-inner__img {
        width: 68%;
        height: auto
    }
}

.coach-inner__img img {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    bottom: 0
}

@media (max-width: 1200px) {
    .coach-inner__img img {
        transform: translateX(-35%);
        width: 87%;
        transform: translateX(-50%);
        width: 100%
    }
}

.coach-inner__bottom {
    font-size: 18px
}

@media (max-width: 599px) {
    .coach-inner__bottom {
        font-size: 14px
    }
}

.about-coach {
    color: #000;
    margin: 0 0 50px
}

.about-coach__top {
    margin: 0 0 34px
}

@media (max-width: 1024px) {
    .about-coach__top {
        margin: 0 0 20px
    }
}

.about-coach__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 36px;
    color: #000;
    text-align: center
}

@media (max-width: 480px) {
    .about-coach__title {
        font-size: 20px;
        text-align: left
    }
}

.about-coach__mtitle {
    font-size: 24px;
    color: #000;
    font-weight: 700
}

@media (max-width: 480px) {
    .about-coach__mtitle {
        font-size: 17px;
        text-align: left
    }
}

.about-coach__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

@media (max-width: 480px) {
    .about-coach__list {
        grid-template-columns: 1fr
    }
}

.about-coach ul {
    padding: 0 0 0 20px;
    font-size: 18px
}

@media (max-width: 480px) {
    .about-coach ul {
        font-size: 14px
    }
}

.prog-block {
    padding: 49px 0 60px
}

.prog-block__top {
    margin: 0 0 34px
}

@media (max-width: 1024px) {
    .prog-block__top {
        margin: 0 0 20px
    }
}

@media (max-width: 640px) {
    .prog-block__list {
        width: calc(100% + 16px)
    }

    .prog-block__list .owl-item.active ~ .owl-item {
        transform: translateX(-21%);
        transition: transform .3s linear
    }
}

.prog-block .owl-prev {
    position: relative;
    transform: scale(-1)
}

.prog-block .owl-next {
    position: relative
}

.prog-block .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto 0;
    width: 97px
}

@media (max-width: 640px) {
    .prog-block .owl-nav {
        width: 77px
    }
}

.prog-block .nav-next, .prog-block .nav-prev {
    display: flex;
    width: 40px;
    height: 4px;
    background-color: #c09f6f;
    border-radius: 50px
}

@media (max-width: 575px) {
    .prog-block .nav-next, .prog-block .nav-prev {
        width: 30px;
        height: 2px
    }
}

.prog-block .nav-next:after, .prog-block .nav-next:before, .prog-block .nav-prev:after, .prog-block .nav-prev:before {
    content: "";
    width: 15px;
    height: 4px;
    background-color: #c09f6f;
    position: absolute;
    right: 1px;
    transform-origin: right;
    border-radius: 50px
}

@media (max-width: 575px) {
    .prog-block .nav-next:after, .prog-block .nav-next:before, .prog-block .nav-prev:after, .prog-block .nav-prev:before {
        width: 10px;
        height: 2px
    }
}

.prog-block .nav-next:after, .prog-block .nav-prev:after {
    transform: rotate(45deg)
}

.prog-block .nav-next:before, .prog-block .nav-prev:before {
    transform: rotate(-45deg)
}

.prog-block__title {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 36px;
    color: #000;
    text-align: center
}

@media (max-width: 480px) {
    .prog-block__title {
        font-size: 20px;
        text-align: left
    }
}

.prog-item {
    display: flex;
    flex-direction: column;
    height: 100%
}

@media (max-width: 640px) {
    .prog-item {
        width: 80%
    }
}

.prog-item__img {
    width: 100%;
    height: 0;
    position: relative;
    border-radius: 12px;
    margin: 0 0 12px;
    padding: 0 0 93%
}

.prog-item__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px
}

.prog-item__name {
    font-size: 16px;
    color: #141414;
    font-weight: 700;
    margin: 0 0 22px
}

.prog-item__price {
    display: flex;
    margin: auto 0 21px
}

.prog-item__price-old {
    font-size: 14px;
    color: #141414;
    text-decoration: line-through;
    margin: 3px 5px 0 0
}

.prog-item__price-cur {
    font-size: 24px;
    color: #141414;
    font-weight: 700
}

.prog-item .button {
    height: 50px;
    width: 100%;
    color: #c09f6f;
    font-weight: 500;
    font-size: 18px;
    padding: 0 15px
}

.address-block {
    display: flex;
    align-items: center
}

.address-block__body {
    margin-left: 20px
}

.address-block__body span {
    display: block;
    font-weight: 700;
    color: #fff
}

@media (max-width: 1024px) {
    .address-block__body span {
        font-size: 14px
    }
}

.address-block__body span:first-child {
    color: hsla(0, 0%, 100%, .25);
    margin-bottom: 5px
}

.ymaps-2-1-79-map-copyrights-promo {
    display: none !important
}

.text-block {
    color: #333;
    line-height: 1.5
}

.text-block table {
    width: 100%
}

.text-block table tr td:last-child {
    text-align: right
}

.text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
    color: #191919;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 40px;
    margin: 0 0 48px
}

@media (max-width: 1024px) {
    .text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
        font-size: 30px;
        margin: 0 0 30px
    }
}

@media (max-width: 480px) {
    .text-block h1, .text-block h2, .text-block h3, .text-block h4, .text-block h5, .text-block h6 {
        font-size: 20px;
        margin: 0 0 15px
    }
}

.text-block h2 {
    font-size: 36px
}

.text-block h3 {
    font-size: 32px
}

.text-block h4 {
    font-size: 28px
}

.text-block h5 {
    font-size: 24px
}

.text-block h6 {
    font-size: 18px
}

.text-block p {
    font-weight: 500;
    color: #3c3c3c
}

@media (max-width: 1366px) {
    .text-block p {
        font-size: 14px
    }
}

.text-block button {
    margin: 34px 0 0
}

@media (max-width: 1024px) {
    .text-block button {
        display: none
    }
}

.text-block a {
    color: #c09f6f;
    text-decoration: underline
}

.text-block a:hover {
    text-decoration: none
}

.text-block--inner {
    margin: 40px 0 80px
}

@media (max-width: 1024px) {
    .text-block--inner {
        margin: 40px 0
    }
}

.text-block--inner p {
    line-height: 1.8
}

.text-block--inner a {
    color: #c09f6f;
    text-decoration: underline
}

.text-block--inner a:hover {
    text-decoration: none
}

.text-block--child h1 {
    text-transform: uppercase;
    margin: 0 0 20px
}

.text-block--child p {
    line-height: 1.1
}

.child-vector {
    margin: 45px 0 19px
}

.child-vector h2 {
    font-size: 40px;
    margin: 0 0 30px;
    text-transform: uppercase;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

@media (max-width: 1024px) {
    .child-vector h2 {
        font-size: 28px;
        margin: 0 0 15px
    }

    .child-vector h2 br {
        display: none
    }
}

@media (max-width: 480px) {
    .child-vector h2 {
        font-size: 22px
    }
}

.child-vector p {
    font-size: 16px;
    line-height: 1.3;
    margin: 0 0 36px
}

@media (max-width: 1024px) {
    .child-vector p {
        margin: 0 0 80px
    }
}

.child-vector .button {
    max-width: 840px;
    margin: 0 auto;
    text-align: center
}

.child-advantages {
    margin: 0 0 75px
}

.child-advantages__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 55px;
    margin: 38px 0
}

@media (max-width: 1024px) {
    .child-advantages__list {
        grid-gap: 25px
    }
}

@media (max-width: 860px) {
    .child-advantages__list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 560px) {
    .child-advantages__list {
        grid-template-columns: 1fr
    }
}

.child-advantages p {
    font-size: 16px;
    color: #3c3c3c
}

@media (max-width: 1024px) {
    .child-advantages p {
        font-size: 14px
    }
}

.child-advantages__bottom {
    max-width: 762px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px auto
}

.child-advantages__bottom .button {
    margin: 0 auto 20px
}

.child-advantages a {
    color: #3c3c3c
}

.child-advantages a:hover {
    color: #d6ad72
}

.child-adv-item, .child-adv-item__img {
    display: flex;
    align-items: center
}

.child-adv-item__img {
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #f0f0f0;
    border-radius: 12px;
    margin-right: 20px;
    flex-shrink: 0
}

.child-adv-item__text {
    font-size: 16px;
    color: #3c3c3c
}

.safe-block {
    display: flex;
    align-items: center;
    margin: 25px 0 0
}

@media (max-width: 768px) {
    .safe-block {
        display: block
    }
}

.safe-block__body {
    width: 100%;
    max-width: 690px;
    margin-right: 24px
}

@media (max-width: 768px) {
    .safe-block__body {
        max-width: 100%;
        margin: 0 0 20px
    }
}

.safe-block__body h2 {
    font-size: 40px;
    margin: 0 0 35px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

@media (max-width: 1024px) {
    .safe-block__body h2 {
        font-size: 28px
    }
}

@media (max-width: 480px) {
    .safe-block__body h2 {
        font-size: 22px
    }
}

.safe-block__body p {
    font-size: 16px;
    line-height: 1.3
}

.safe-block__img {
    width: 434px;
    height: 320px;
    border-radius: 10px;
    flex-shrink: 0
}

@media (max-width: 768px) {
    .safe-block__img {
        width: 100%
    }
}

.safe-block__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px
}

.footer-seo-text {
    margin: 0 0 60px
}

.chanel-block {
    background-color: #fff;
    padding: 0 31px 0 13px;
    height: 55px;
    display: flex;
    align-items: center;
    color: #191919;
    font-size: 15px
}

.chanel-block span {
    display: block;
    margin-left: 14px
}

.chanel-block:hover {
    background-color: hsla(0, 0%, 100%, .85)
}

._ml-auto {
    margin-left: auto
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: .15s linear;
    transition-property: background-color, border-color
}

.button--big {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #c09f6f;
    letter-spacing: .04em;
    height: 80px
}

@media (max-width: 1440px) {
    .button--big {
        font-size: 12px;
        height: 60px
    }
}

@media (max-width: 1366px) {
    .button--big {
        min-width: 200px
    }
}

@media (min-width: 1367px) {
    .button--big {
        min-width: 341px
    }
}

@media (max-width: 1024px) {
    .button--big {
        font-size: 10px
    }
}

.button--middle {
    width: 100%;
    height: 50px;
    font-size: 12px;
    font-weight: 500;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif
}

.button--white {
    color: #fff
}

.button--tab {
    font-size: 20px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    max-width: 275px;
    height: 75px;
    position: relative
}

@media (max-width: 1024px) {
    .button--tab {
        font-size: 18px;
        height: 60px
    }
}

.button--tab.active {
    background-color: #c09f6f
}

.abon-block__big .button--tab {
    font-size: 18px;
    font-weight: 700;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    color: #c09f6f;
    height: 55px;
    max-width: 200px;
    padding: 0;
    line-height: 1
}

@media (max-width: 1024px) {
    .abon-block__big .button--tab {
        font-size: 18px;
        height: 55px
    }
}

@media (max-width: 480px) {
    .abon-block__big .button--tab {
        max-width: 48%;
        margin: 0 0 15px;
        font-size: 14px
    }
}

.abon-block__big .button--tab.active, .abon-block__big .button--tab:hover {
    color: #191919
}

.button--tab-uniq {
    font-size: 22px;
    color: #c09f6f;
    font-weight: 500;
    width: auto;
    max-width: 275px;
    height: 50px;
    position: relative;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px
}

@media (max-width: 1024px) {
    .button--tab-uniq {
        font-size: 18px
    }
}

.button--tab-uniq.active {
    background-color: #c09f6f;
    color: #fff
}

.button--buy {
    height: 50px;
    font-size: 18px;
    font-weight: 500;
    color: #c09f6f;
    line-height: 1
}

@media (max-width: 640px) {
    .button--buy {
        font-size: 15px
    }
}

@media (max-width: 400px) {
    .button--buy {
        font-size: 13px
    }
}

.button--bottom {
    padding-bottom: 4px;
    height: auto
}

.button--bottom span {
    border-bottom: 2px solid transparent
}

.button--bottom:hover span {
    border-color: #c09f6f
}

.button--border {
    border: 2px solid #c09f6f;
    padding: 0 42px
}

.button--border:hover, .button--full {
    background-color: #c09f6f;
    color: #fff
}

.button--full:hover {
    background-color: #d6ad72
}

.button--small {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 14px;
    height: 65px;
    font-weight: 500;
    width: 100%
}

@media (max-width: 1200px) {
    .button--small {
        font-size: 10px;
        height: 45px
    }
}

.button--mini {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    height: 59px;
    width: 219px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase
}

.filter-block {
    margin: 58px 0
}

.filter-block__filter-btn {
    width: 46%;
    display: none
}

@media (max-width: 460px) {
    .filter-block__filter-btn {
        width: 100%;
        margin-bottom: 15px
    }
}

@media (max-width: 1024px) {
    .filter-block__filter-btn {
        display: block
    }
}

.filter-block__top {
    display: flex;
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 22px
}

@media (max-width: 1024px) {
    .filter-block__top {
        display: none
    }
}

.filter-block__form {
    width: 226px;
    margin-right: 22px;
    flex-shrink: 0
}

@media (max-width: 1024px) {
    .filter-block__form {
        width: 100%;
        position: fixed;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        padding: 35px 15px 15px;
        background-color: #fff;
        z-index: 200;
        top: 0;
        left: -150%;
        transition: left .15s linear;
        height: 100vh;
        overflow: hidden
    }

    .filter-block__form.show {
        left: 0;
        transition: left .15s linear
    }
}

.filter-block__select {
    max-width: 201px;
    margin-left: auto;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 10px
}

.filter-block__select select {
    font-size: 14px;
    color: #23282f;
    font-weight: 400;
    min-width: 180px;
    background-color: transparent;
    border: none;
    border-radius: 3px
}

.filter-block__select-arrows {
    display: flex;
    align-items: center;
    margin-right: 7px
}

.filter-block__grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    z-index: 5;
    border-right: 1px solid #d7d7d7
}

@media (max-width: 1280px) {
    .filter-block__grid {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 720px) {
    .filter-block__grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

.filter-block__grid:after {
    top: 0;
    width: 1px;
    height: 100%
}

.filter-block__grid:after, .filter-block__grid:before {
    content: "";
    position: absolute;
    right: 0;
    z-index: 3;
    background-color: #fff
}

.filter-block__grid:before {
    bottom: 0;
    width: 100%;
    height: 1px
}

.filter-block__grid .cart-block {
    border-right: 1px solid hsla(0, 0%, 76.9%, .35);
    position: relative;
    margin: 13px 0
}

.filter-block__grid .cart-block:after {
    content: "";
    position: absolute;
    bottom: -13px;
    right: 0;
    width: 100%;
    height: 1px;
    z-index: 2;
    background-color: hsla(0, 0%, 76.9%, .35)
}

.filter-block__body {
    display: flex
}

.filter {
    width: 100%;
    position: relative;
    padding-bottom: 40px
}

.filter__shower {
    display: inline-flex;
    justify-content: flex-end;
    position: sticky;
    z-index: 4;
    left: 100%;
    top: 100px;
    transform: translateX(calc(100% + 30px));
    opacity: 0;
    visibility: hidden;
    height: 27px
}

@media (max-width: 1024px) {
    .filter__shower {
        display: none;
        height: 50px;
        top: 93%;
        width: 100%;
        max-width: 100%;
        transform: none
    }
}

.filter__shower.show {
    opacity: 1;
    visibility: visible
}

.filter__shower:after {
    content: "";
    position: absolute;
    background: #c09f6f;
    left: -10px;
    top: 4px;
    width: 19px;
    height: 19px;
    transform: rotate(45deg)
}

@media (max-width: 1024px) {
    .filter__shower:after {
        display: none
    }
}

.filter__shower:hover .filter__shower-body, .filter__shower:hover:after {
    background-color: red
}

.filter__shower:hover span {
    text-decoration: underline
}

.filter__shower-body {
    display: inline-flex;
    position: relative;
    z-index: 2;
    align-items: center;
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    background: #c09f6f;
    border-radius: 0 25px 25px 0;
    padding: 3px 14px 3px 0
}

@media (max-width: 1024px) {
    .filter__shower-body {
        width: 100%;
        border-radius: 0;
        font-size: 18px;
        justify-content: center
    }
}

.filter__shower-body a {
    font-size: 13px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase
}

.filter__shower-count {
    border-right: 1px solid #ececec;
    padding: 3px 10px;
    margin-right: 11px
}

.filter__checkers {
    max-height: 197px;
    overflow: auto;
    margin-bottom: 16px
}

.filter__price-inputs {
    justify-content: space-between
}

.filter__price-input, .filter__price-inputs {
    display: flex;
    align-items: center
}

.filter__price-input span {
    display: block;
    margin-right: 8px;
    font-size: 15px;
    font-weight: 400;
    color: #000
}

.filter__price-input input {
    width: 84px;
    height: 31px;
    border: 1px solid rgba(85, 85, 85, .5);
    border-radius: 25px;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    pointer-events: none
}

.irs-line {
    height: 7px !important;
    background: #f7f7f7 !important;
    border-radius: 4px !important
}

.irs-bar {
    display: none
}

.irs-handle {
    cursor: pointer;
    width: 24px !important;
    height: 24px !important;
    background: #f7f7f7 !important;
    border: 7px solid #c09f6f !important
}

.irs-handle, .irs-handle:hover {
    transition: background .2s linear
}

.irs-handle:hover {
    background: #c09f6f !important
}

.accordion-block {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 29px;
    padding-bottom: 10px
}

.accordion-block__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 22px;
    cursor: pointer;
    color: #23282f;
    font-size: 17px;
    font-weight: 700
}

.accordion-block__title img {
    transform: scaleY(-1)
}

.open .accordion-block__title img {
    transform: none
}

.accordion-block__title:hover {
    color: #c09f6f
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-top: 1px solid #e6e6e6;
    padding: 42px 0 36px;
    margin-top: 54px
}

.pagination--sec {
    border: none;
    padding-top: 0
}

@media (max-width: 640px) {
    .pagination {
        margin-top: 20px;
        padding: 29px 0 31px
    }
}

.pagination > * {
    margin-right: 17px
}

.pagination > * :last-child {
    margin-right: 0
}

.pagination__link {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 18px;
    border: 1px solid #dcdcdc;
    border-radius: 50px;
    background-color: transparent;
    font-weight: 400;
    color: #5c6d7d;
    line-height: 1
}

.pagination__link span {
    display: block
}

@media (max-width: 480px) {
    .pagination__link {
        width: 26px;
        height: 25px;
        font-size: 11px
    }
}

.pagination__link.is-current, .pagination__link:hover {
    background-color: #c09f6f;
    color: #fff
}

.pagination__link.is-current {
    font-weight: 700
}

.pagination__nav {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: 42px;
    height: 42px;
    background-color: #c09f6f;
    border-radius: 50px;
    color: #fff;
    font-size: 20px;
    cursor: pointer
}

@media (max-width: 480px) {
    .pagination__nav {
        display: none
    }
}

.pagination__nav.slick-disabled {
    background-color: #6f6f74;
    pointer-events: none
}

.pagination__nav:hover {
    background-color: red !important
}

@media (max-width: 768px) {
    .pagination__nav {
        width: 37px;
        height: 37px
    }
}

.pagination__dots {
    color: #7a7a7a;
    font-size: 15px
}

.sale-banner {
    background-color: #c09f6f;
    color: #fff;
    height: 420px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center
}

@media (max-width: 640px) {
    .sale-banner--bottom {
        margin: 30px 0 0
    }
}

@media (max-width: 1024px) {
    .sale-banner {
        height: auto;
        padding: 30px 15px
    }
}

.sale-banner__title {
    font-size: 45px;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .sale-banner__title {
        font-size: 30px;
        margin-bottom: 10px
    }
}

@media (max-width: 480px) {
    .sale-banner__title {
        font-size: 24px;
        margin-bottom: 10px
    }
}

.sale-banner__sub-title {
    font-size: 25px;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .sale-banner__sub-title {
        font-size: 17px
    }
}

.big-slider {
    margin: 40px 0 0
}

.big-slider .owl-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 35px
}

.big-slider .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: #4f4f4f !important;
    margin-right: 15px;
    cursor: pointer
}

@media (max-width: 480px) {
    .big-slider .owl-dot {
        width: 8px;
        height: 8px
    }
}

.big-slider .owl-dot.active {
    background-color: #fff !important
}

.big-slider__item {
    position: relative
}

.big-slider__item-img {
    height: 0;
    position: relative;
    padding-bottom: 41%
}

@media (max-width: 420px) {
    .big-slider__item-img {
        padding-bottom: 82%
    }
}

.big-slider__item-img:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5)
}

.big-slider__item-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100% !important;
    object-fit: cover
}

.big-slider__item-body {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50px;
    z-index: 2
}

@media (max-width: 768px) {
    .big-slider__item-body {
        left: 20px
    }
}

.big-slider__item-body span {
    display: block;
    color: #fff
}

.big-slider__item-body span:first-child {
    font-size: 45px;
    margin-bottom: 15px
}

@media (max-width: 768px) {
    .big-slider__item-body span:first-child {
        font-size: 30px;
        margin-bottom: 10px
    }
}

.big-slider__item-body span:nth-child(2) {
    font-size: 26px
}

@media (max-width: 768px) {
    .big-slider__item-body span:nth-child(2) {
        font-size: 17px
    }
}

.gallery-block {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 16px;
    margin: 60px 0 0
}

@media (max-width: 1024px) {
    .gallery-block {
        grid-template-columns: repeat(3, 1fr);
        grid-gap: 10px;
        margin: 40px 0 0
    }
}

@media (max-width: 480px) {
    .gallery-block {
        grid-template-columns: repeat(2, 1fr)
    }
}

.mobile-menu {
    position: fixed;
    width: 100%;
    top: 0;
    left: -200%;
    z-index: 200;
    height: 0;
    opacity: 0;
    transition: height .25s ease, opacity .25s ease;
    display: flex
}

.mobile-menu__top-links {
    display: flex
}

@media (max-width: 500px) {
    .mobile-menu__top-links {
        flex-direction: column;
        align-items: flex-end;
        margin-left: auto
    }
}

@media (max-width: 500px) {
    .mobile-menu .address-block__body {
        margin-left: 10px
    }
}

@media (max-width: 500px) {
    .mobile-menu .address-block__body span {
        font-size: 11px
    }
}

.mobile-menu .address-block {
    margin-top: 40px;
    color: #000
}

.mobile-menu .address-block__body span:first-child {
    color: #5d5a59;
    font-weight: 300
}

.mobile-menu .address-block__body span:nth-child(2) {
    color: #000
}

.mobile-menu__top {
    display: flex;
    align-items: flex-start
}

.mobile-menu__log {
    display: flex;
    align-items: center;
    font-weight: 700;
    cursor: pointer;
    transition: color .15s linear;
    margin-left: 30px;
    color: #000
}

@media (max-width: 500px) {
    .mobile-menu__log {
        margin: 0 0 15px;
        font-size: 14px
    }
}

.mobile-menu__log:hover {
    color: #c09f6f
}

.mobile-menu__log span {
    display: block;
    margin-left: 6px;
    font-weight: 500
}

.mobile-menu__log-count {
    min-width: 20px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background-color: #c09f6f;
    padding: 4px 3px;
    line-height: 1
}

.mobile-menu__log--basket img {
    filter: brightness(0)
}

.mobile-menu__connect {
    display: flex;
    align-items: center;
    margin-top: auto
}

.mobile-menu__number {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    color: #000;
    margin-right: 15px
}

@media (max-width: 500px) {
    .mobile-menu__number {
        font-size: 13px
    }
}

.mobile-menu__number:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    flex-shrink: 0;
    display: block;
    margin-right: 12px;
    background-color: #c09f6f
}

.mobile-menu__number:hover {
    color: #c09f6f
}

.mobile-menu__soc {
    display: block;
    margin-right: 10px
}

.mobile-menu__social {
    display: flex;
    margin-top: 40px
}

.mobile-menu__social .chanel-block {
    padding: 0
}

.mobile-menu__social .chanel-block:first-child {
    margin-right: 20px
}

@media (max-width: 500px) {
    .mobile-menu__social .chanel-block {
        width: 24px;
        height: 24px
    }

    .mobile-menu__social .chanel-block img {
        width: 100%;
        height: 100%
    }
}

.mobile-menu .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0 0 14px
}

@media (max-width: 500px) {
    .mobile-menu .logo {
        font-size: 10px
    }
}

.mobile-menu .logo span {
    display: block;
    max-width: 125px;
    margin: 14px auto -3px
}

@media (max-width: 500px) {
    .mobile-menu .logo span {
        max-width: 93px;
        margin: 6px auto 0
    }
}

@media (max-width: 500px) {
    .mobile-menu .logo img {
        width: 75px;
        height: 75px
    }
}

.mobile-menu__body {
    background-color: #fff;
    overflow-y: auto;
    width: calc(100% - 80px);
    height: 100%;
    padding: 28px 14px;
    display: flex;
    flex-direction: column
}

@media (max-width: 1024px) {
    .mobile-menu__body {
        padding: 15px 8px
    }
}

.mobile-menu__close {
    background-color: rgba(0, 0, 0, .85);
    width: 80px
}

.mobile-menu.show {
    height: 100vh;
    opacity: 1;
    transition: height .25s ease, opacity .25s ease
}

.mobile-menu__items {
    padding: 25px 0;
    border-bottom: 1px solid #fff
}

.mobile-menu__items--non-border {
    border-bottom: none
}

.mobile-menu__link-ar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 29px;
    height: 29px;
    background-color: #fff;
    border-radius: 50px;
    margin-left: 8px
}

.mobile-menu__back .mobile-menu__link-ar {
    margin: 0 19px 0 0
}

.mobile-menu__back .mobile-menu__link-ar img {
    transform: scaleX(-1);
    filter: brightness(0);
    margin: 0 0 0 -2px
}

.mobile-menu__main, .mobile-menu__main.hide {
    transition: transform .25s ease
}

.mobile-menu__main.hide {
    transform: translateX(-120%)
}

.mobile-menu .lang {
    display: flex !important;
    padding: 0 40px 70px
}

@media (max-width: 1100px) {
    .mobile-menu {
        display: flex
    }
}

.mobile-menu__title {
    font-size: 28px;
    font-weight: 700;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
    color: #fff
}

.mobile-menu__title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 52px);
    height: 1px;
    background-color: #2994d8
}

.mobile-menu .link {
    justify-content: flex-start !important;
    background-color: #eee;
    color: #262c32;
    border-color: #c2c2c2;
    width: calc(100% + 52px);
    margin: 0 0 0 -25px;
    padding: 18px 24px
}

.mobile-menu .link svg {
    margin: 0 0 0 auto
}

.mobile-menu__main {
    display: flex;
    flex-direction: column
}

.mobile-menu .mmenu-hide-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 50px
}

.mobile-menu .js-mmenu-hide img {
    width: 50%;
    height: 50%
}

.mobile-menu.show {
    left: 0;
    transition: left .25s ease
}

.mobile-menu__back {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    padding-bottom: 24px;
    margin-bottom: 27px;
    border-bottom: 1px solid #000
}

.mobile-menu__inner {
    position: absolute;
    top: 0;
    left: -100%;
    width: 80%;
    height: 100%;
    background-color: #fff;
    padding: 28px 14px;
    transition: left .25s ease
}

.mobile-menu__inner.show {
    left: 0;
    transition: left .25s ease
}

.mobile-menu__inner-menu {
    display: none;
    padding: 0 0 80px;
    height: 100%
}

.mobile-menu__inner-menu.show {
    display: block
}

.mobile-menu__links {
    overflow: auto;
    height: calc(100% + 16px)
}

.mobile-menu__link {
    display: flex;
    align-items: center;
    color: #000;
    font-weight: 700;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 13px;
    padding: 0 0 0 6px
}

@media (max-width: 500px) {
    .mobile-menu__link {
        font-size: 14px
    }
}

.mobile-menu__link svg {
    width: 10px;
    height: 13px;
    fill: #fff;
    margin-left: 25px;
    margin-top: -2px
}

.mobile-menu__top .mobile-menu__link {
    font-weight: 400
}

.mobile-menu__top .mobile-menu__link:last-child {
    margin-bottom: 0
}

.mobile-menu__item {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 15px;
    margin-left: 27px
}

.mobile-menu__item:before {
    content: "";
    width: 12px;
    height: 12px;
    background-color: #313130;
    margin-right: 10px;
    margin-top: -3px
}

.contact-block {
    display: flex;
    justify-content: space-between;
    border: 2px solid #c09f6f;
    padding: 25px;
    color: #000;
    margin: 60px 0 0
}

@media (max-width: 1024px) {
    .contact-block {
        margin: 40px 0 0;
        display: block
    }
}

.contact-block__left {
    width: 48%
}

@media (max-width: 1024px) {
    .contact-block__left {
        width: 100%
    }
}

.contact-block__right {
    width: 48%
}

@media (max-width: 1024px) {
    .contact-block__right {
        width: 100%
    }
}

.contact-block__btns {
    display: flex;
    margin: 0 0 15px;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .contact-block__btns {
        display: block
    }
}

.contact-block__btns .chanel-block {
    border: 1px solid #c09f6f
}

@media (max-width: 1024px) {
    .contact-block__btns .chanel-block {
        max-width: 300px;
        margin-bottom: 10px
    }
}

.contact-block__item {
    font-size: 19px;
    margin: 0 0 15px
}

@media (max-width: 400px) {
    .contact-block__item {
        font-size: 15px
    }
}

.contact-block__item a {
    color: #c09f6f
}

.contact-block__item a:hover {
    text-decoration: underline;
    color: #000
}

.contact-block__item-small div {
    margin: 0 0 5px
}

.subscribe-big {
    width: 300px;
    height: 101%;
    position: relative;
    padding: 0 18px;
    flex-shrink: 0;
    display: flex;
    align-items: flex-end;
    margin: 0 39px 19px 30px
}

.subscribe-big img {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.subscribe-big__body {
    position: absolute;
    z-index: 2;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px
}

.subscribe-big__text {
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.1;
    margin: 0 0 14px
}

.big-menu {
    background-color: #fff;
    position: fixed;
    z-index: 50;
    width: 100%;
    height: 100vh;
    overflow: auto;
    padding: 115px 0 0;
    display: none
}

@media (max-width: 1150px) {
    .big-menu {
        display: none
    }
}

.big-menu__subscribe {
    position: relative
}

.big-menu__reg {
    display: block;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    color: #000;
    padding: 0 0 8px;
    border-bottom: 3px solid #c09f6f
}

.big-menu__reg:hover {
    color: #c09f6f
}

.big-menu__close {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #000;
    position: absolute;
    top: -90px;
    right: 18px;
    cursor: pointer
}

.big-menu__close span {
    display: block;
    margin-right: 15px
}

.big-menu__close:hover {
    color: #c09f6f
}

.big-menu__body {
    position: relative
}

.big-menu__right {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: -7px 0 0
}

.big-menu__right .big-menu__column {
    width: 45%
}

.big-menu__right .big-menu__column:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 32px 0 0
}

.big-menu__right .big-menu__column:last-child .link {
    width: 45%;
    padding-right: 20px
}

.big-menu__right .big-menu__column:last-child .big-menu__title {
    width: 100%
}

.big-menu__bottom {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #e1e1e1;
    padding: 22px 0;
    margin: 105px 0 0
}

@media (max-width: 1023px) {
    .big-menu__bottom > div:last-child {
        width: 100%
    }

    .big-menu__bottom > div:last-child .footer-pay {
        width: 100%;
        justify-content: center;
        margin: 20px 0 0
    }
}

@media (max-width: 767px) {
    .big-menu__bottom > div:last-child .footer-pay {
        justify-content: flex-end;
        margin: 0;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .big-menu__bottom .footer__column, .big-menu__bottom .footer__left {
        width: 48% !important;
        padding-left: 0 !important;
        margin-bottom: 15px
    }

    .big-menu__bottom .footer__column:nth-child(2n), .big-menu__bottom .footer__left:nth-child(2n) {
        text-align: right
    }

    .big-menu__bottom .footer__column:nth-child(2n) .footer__text, .big-menu__bottom .footer__left:nth-child(2n) .footer__text {
        max-width: 100%
    }
}

@media (max-width: 560px) {
    .big-menu__bottom .footer__column, .big-menu__bottom .footer__left {
        width: 100% !important;
        text-align: center
    }

    .big-menu__bottom .footer__column .footer__text, .big-menu__bottom .footer__left .footer__text {
        max-width: 100%;
        text-align: center
    }
}

.big-menu__text {
    font-size: 12px;
    max-width: 240px;
    color: #000
}

.big-menu__text a {
    display: block;
    color: #000
}

.big-menu .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    color: #000;
    margin: 0 0 14px
}

.big-menu .logo span {
    display: block;
    max-width: 125px;
    margin: 14px auto -3px
}

.big-menu__top {
    display: flex;
    justify-content: space-between
}

.big-menu__connect {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -8px 0 30px
}

.big-menu__connect a:last-child {
    width: 100%;
    font-size: 14px;
    color: #000
}

.big-menu__connect a:last-child:hover {
    color: #c09f6f
}

.big-menu__address {
    width: 100%;
    font-size: 14px;
    color: #000;
    margin: 0 0 30px
}

.big-menu__address span {
    display: block
}

.big-menu__address span:first-child {
    font-weight: 700
}

.big-menu__title {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 7px;
    letter-spacing: .16em
}

@media (max-width: 1200px) {
    .big-menu__title {
        font-size: 18px
    }
}

.big-menu__link {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    font-weight: 600;
    color: #c4a562;
    text-decoration: underline
}

.big-menu__link:hover {
    text-decoration: none
}

.big-menu__number {
    display: flex;
    align-items: center;
    font-family: Druk Wide Cyr, Helvetica Neue, sans-serif;
    font-weight: 500;
    font-size: 13px;
    color: #0f0f0f;
    margin: 15px 0 10px
}

.big-menu__number:hover {
    color: #c09f6f
}

@media (max-width: 1024px) {
    .big-menu__number {
        font-size: 14px
    }
}

.mfp-with-zoom.mfp-bg, .mfp-with-zoom .mfp-container {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.mfp-with-zoom .mfp-container {
    transform: scale(.7)
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
    transform: scale(1)
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

.mfp-with-zoom.mfp-removing.mfp-bg, .mfp-with-zoom.mfp-removing .mfp-container, .whatsap {
    opacity: 0
}

.whatsap {
    position: fixed;
    bottom: 44px;
    right: 30px;
    z-index: 10;
    cursor: pointer;
    visibility: hidden
}

.whatsap.show {
    opacity: 1;
    visibility: visible
}

@media (max-width: 1024px) {
    .whatsap {
        bottom: 10px;
        right: 10px
    }
}

.whatsap__close {
    position: absolute;
    left: -32px;
    top: 0;
    width: 16px;
    height: 16px
}

.whatsap__close img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1)
}

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

.whatsap__body:hover .whatsap__img {
    transform: scale(.9)
}

.whatsap__text {
    font-size: 16px;
    color: #141414;
    background-color: #fff;
    padding: 5px 35px 5px 15px;
    border-radius: 10px;
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    font-weight: 500;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

@media (max-width: 1024px) {
    .whatsap__text {
        width: 169px;
        font-size: 12px
    }
}

.whatsap__img {
    width: 66px;
    height: 66px;
    margin: 0 0 0 -30px;
    flex-shrink: 0;
    transition: transform .3s linear
}

@media (max-width: 1024px) {
    .whatsap__img {
        width: 50px;
        height: 50px
    }
}

.whatsap__img img {
    width: 100%;
    height: 100%
}

.whatsap__bottom {
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-shadow: 2px 1px 0 rgba(0, 0, 0, .5), 2px 1px 0 rgba(0, 0, 0, .5), 2px 1px 0 rgba(0, 0, 0, .5)
}

@media (max-width: 1024px) {
    .whatsap__bottom {
        font-size: 11px
    }
}

.cookie {
    position: fixed;
    z-index: 6;
    right: 34px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 80px;
    padding: 6px 6px 6px 25px;
    transition: bottom .5s linear;
    bottom: -75px;
    border: 1px solid #ccc
}

@media (max-width: 1024px) {
    .cookie {
        right: 50%;
        transform: translateX(50%);
        width: 95%;
        justify-content: space-between
    }
}

@media (max-width: 640px) {
    .cookie {
        padding: 6px 6px 6px 18px
    }
    .head-popup__center {
        font-size: 14px;
    }

}

.cookie.show {
    bottom: 90px
}

@media (max-width: 1024px) {
    .cookie.show {
        bottom: 60px
    }
}

.cookie__text {
    color: #141414;
    font-weight: 300;
    margin-right: 25px;
    font-size: 18px
}

@media (max-width: 640px) {
    .cookie__text {
        font-size: 11px;
        margin-right: 4px
    }
}

.cookie__text a {
    display: inline-flex;
    font-weight: 500;
    margin-left: 5px;
    color: #141414;
    border-bottom: 1px solid #141414
}

@media (max-width: 640px) {
    .cookie__text a {
        margin-left: 0
    }
}

.cookie__text a:hover {
    border-bottom: transparent
}

.cookie .button {
    border-radius: 80px;
    font-family: Gilroy, Helvetica Neue, sans-serif;
    font-weight: 400;
    font-size: 18px;
    text-transform: capitalize
}

@media (max-width: 640px) {
    .cookie .button {
        font-size: 13px;
        height: 40px
    }
}

.drop-wrap {
    position: relative
}

.drop-wrap .drop-menu {
    position: absolute;
    z-index: 1;
    top: calc(100% + 14px);
    left: 0;
    width: 148px;
    background-color: #fff;
    border-radius: 10px;
    padding: 16px 0 20px 18px;
    opacity: 0;
    visibility: hidden;
    transition: .2s linear;
    transition-property: visibility, opacity
}

.drop-wrap .drop-menu:after {
    content: "";
    position: absolute;
    top: -14px;
    width: 100%;
    z-index: 1;
    left: 0;
    height: 14px
}

.drop-wrap .drop-menu.open {
    opacity: 1;
    visibility: visible
}

.drop-wrap .drop-menu a {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    color: #0a0a09;
    font-weight: 700
}

.drop-wrap .drop-menu a span {
    border-bottom: 1px solid transparent;
    transition: border-color .2s linear
}

.drop-wrap .drop-menu a:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 6px;
    background-color: #83724c;
    margin: 0 9px 0 0
}

.drop-wrap .drop-menu a:hover span {
    border-color: #0a0a09
}

.drop-wrap .drop-menu a + a {
    margin: 14px 0 0
}

.drop-wrap--tablet {
    display: none
}

@media (max-width: 1150px) {
    .drop-wrap--tablet {
        display: flex
    }
}

.button-sale {
    position: absolute;
    top: 0;
    left: 0;
    background-color: red;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 9px;
    padding: 3px
}

@media (max-width: 640px) {
    .tab-desk {
        display: none !important
    }
}

.tab-mob {
    display: none;
    position: relative;
    margin: 0 0 30px
}

.tab-mob__triger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 50px;
    border: 1px solid #bb9b6c;
    background-color: transparent;
    color: #fff;
    padding: 0 14px;
    font-size: 14px
}

.tab-mob__triger img {
    display: block;
    top: 14px;
    right: 11px;
    z-index: 1
}

.tab-mob__list {
    position: absolute;
    top: 100%;
    width: 100%;
    background-color: #000;
    border: 1px solid #bb9b6c;
    border-top: none;
    padding: 0 14px;
    z-index: 1;
    display: none
}

.tab-mob__list.show {
    display: block
}

.tab-mob__btn {
    color: #fff;
    font-size: 14px;
    padding: 14px 0
}

.tab-mob__btn.active {
    color: #c09f6f
}

@media (max-width: 640px) {
    .tab-mob {
        display: flex
    }
}

.build-route {
    display: flex;
    position: fixed;
    z-index: 10;
    right: -120px;
    top: 44%;
    padding: 10px 12px 4px;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
    transform: rotate(-90deg) translateZ(0);
    transition: right .3s linear
}

@media (max-width: 1024px) {
    .build-route {
        top: 26%
    }
}

.build-route.show {
    right: -68px
}

.build-route span {
    display: block
}

.build-route__img {
    width: 22px;
    height: 22px
}

.build-route__img img {
    width: 100%;
    height: 100%
}

.build-route__text {
    margin: 2px 10px 0 0;
    backface-visibility: hidden;
    transform: scale(.99);
    font-size: 12px;
    color: #141414;
    font-weight: 700
}

.yandex-maps {
    display: flex;
    position: fixed;
    z-index: 10;
    right: -50px;
    top: calc(44% + 150px);
    width: 47px;
    height: 46px;
    transition: right .3s linear
}

@media (max-width: 1024px) {
    .yandex-maps {
        top: calc(26% + 150px)
    }
}

.yandex-maps.show {
    right: 0
}

.yandex-maps img {
    width: 100%;
    height: 100%
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Medium.woff2) format("woff2"), url(../fonts/Gilroy-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Regular.woff2) format("woff2"), url(../fonts/Gilroy-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gilroy;
    src: url(../fonts/Gilroy-Extrabold.woff2) format("woff2"), url(../fonts/Gilroy-Extrabold.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-Bold.woff2) format("woff2"), url(../fonts/DrukWideCyr-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-HeavyItalic.woff2) format("woff2"), url(../fonts/DrukWideCyr-HeavyItalic.woff) format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-BoldItalic.woff2) format("woff2"), url(../fonts/DrukWideCyr-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-Heavy.woff2) format("woff2"), url(../fonts/DrukWideCyr-Heavy.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-MediumItalic.woff2) format("woff2"), url(../fonts/DrukWideCyr-MediumItalic.woff) format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-SuperItalic.woff2) format("woff2"), url(../fonts/DrukWideCyr-SuperItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-Medium.woff2) format("woff2"), url(../fonts/DrukWideCyr-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-Super.woff2) format("woff2"), url(../fonts/DrukWideCyr-Super.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

.pic-block__mini .button--small span {
    color: #c09f6f;
}

.wp-block-column .wp-block-woocommerce-attribute-filter {
    display: none;
}

.wp-block-columns {
    margin: 0 0 22px !important;
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    width: 84px;
    height: 31px;
    max-width: 100%;
    text-align: center;
    border: 1px solid rgba(85, 85, 85, .5);
    border-radius: 25px !important;
}

.wc-block-components-price-slider__range-input-progress {
    top: 5px;
}

.wc-block-components-price-slider {
    display: flex;
    flex-direction: column-reverse;
}

input[type="range"]::-webkit-slider-thumb {
    background: #fff;
    border: 6px solid #c09f6f;
    width: 14px !important;
    height: 14px !important;
}

input[type="range"]::-webkit-slider-thumb:hover {
    background: #fff !important;
    border-color: #c09f6f !important;
}

/******** Firefox ********/
input[type="range"]::-moz-range-thumb {
    background: #fff;
    border: 6px solid #c09f6f;
    width: 14px !important;
    height: 14px !important;
}

/*# sourceMappingURL=style.bundle.css.map*/
.top-block--shorter {
    height: 375px !important;
    /*padding: 12.4% 0 60px !important;*/
    padding: 10% 0 60px !important;
    min-height: 375px !important;
}

@media (max-width: 800px) {
    .top-block--shorter {
        height: 310px !important;
        padding: 203px 0 60px !important;
        min-height: 310px !important;
    }
}


@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    .num-block {
        width: 95px;
    }
}


@supports (-webkit-touch-callout: none) {
    .num-in__input {
        color: black !important;
    }

    .num-block {
        width: 100px;
    }

    .num-in__button {
        width: 10px !important;
    }

    .inner-cart__select #size {
        background: white;
        border-radius: 0px;
        border: 1px solid #c09f6f;
        color: #333a41;

    }
}

.button--border {
    border: 2px solid #c09f6f;
    padding: 4px 42px
}

.button--tab-uniq {
    font-size: 22px;
    color: #c09f6f;
    font-weight: 500;
    width: auto;
    max-width: 275px;
    height: auto;
    min-height: 50px;
    position: relative;
    padding: 4px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px
}

.pic-block--sec .pic-block__text {
    max-width: 614px !important;
    padding: 32px 32px 30px !important;
}

.pic-block--sec .pic-block__text {
    margin: 20.8% 0 0 !important;
}

.text-block--inner p {
    line-height: 0.9;
}

.pic-block__mini .button:hover span {
    color: #fff !important;
}

.mobile-menu__connect {
    margin-top: 0 !important;
}

.inner-cart-page {
    padding: 3px 0 80px !important;
}

.footer__column .footer__connect .footer__number {
    color: #000 !important;
}
.text-pole-uslugi {
    background: #ffffff; /* Белый фон */
    color: #000000; /* Чёрный текст */
    padding: 0px;
    margin: 10px 0;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.text-pole-uslugi p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.text-pole-uslugi h2, 
.text-pole-uslugi h3 {
    color: #000000; /* Чёрные заголовки */
    margin: 10px 0;
}