:root {
    --swiper-theme-color: #007aff
}

:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

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

.swiper-wrapper {
    box-sizing: initial;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    width: 100%;
    z-index: 1
}

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

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

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

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -webkit-scroll-snap-type: none;
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -webkit-order: 9999;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%
}

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .1490196078)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0))
}

.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid rgba(0, 0, 0, 0);
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

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

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.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;
    -moz-user-select: none;
    -ms-user-select: none;
    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 {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 1em
}

.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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all
}

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

.select2-dropdown {
    background-color: #fff;
    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;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    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;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px
}

.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 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #888 rgba(0, 0, 0, 0);
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

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

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.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__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 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: rgba(0, 0, 0, 0);
    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 .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--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.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, white 50%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, white 50%, #eeeeee 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;
    height: 26px;
    margin-right: 20px
}

.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, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 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 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    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: rgba(0, 0, 0, 0);
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #888 rgba(0, 0, 0, 0);
    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, white 0%, #eeeeee 50%);
    background-image: linear-gradient(to bottom, white 0%, #eeeeee 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, #eeeeee 50%, white 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0)
}

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

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

.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;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: rgba(0, 0, 0, 0);
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px
}

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

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

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.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 rgba(0, 0, 0, 0)
}

.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--group {
    padding: 0
}

.select2-container--classic .select2-results__option--disabled {
    color: gray
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    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
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-shadow: none;
    --f-button-transition: all .15s ease;
    --f-button-transform: none;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(0, 0, 0, .7);
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-opacity: 1;
    --f-button-svg-disabled-opacity: .5;
    --f-button-svg-transition: opacity .15s ease;
    --f-button-svg-transform: none
}

.f-button {
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    -webkit-transform: var(--f-button-transform);
    -ms-transform: var(--f-button-transform);
    transform: var(--f-button-transform);
    -webkit-transition: var(--f-button-transition);
    transition: var(--f-button-transition);
    -webkit-backdrop-filter: var(--f-button-backdrop-filter);
    backdrop-filter: var(--f-button-backdrop-filter);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    pointer-events: all;
    cursor: pointer;
    overflow: hidden
}

@media(hover: hover) {
    .f-button:hover:not([aria-disabled]) {
        color: var(--f-button-hover-color, var(--f-button-color));
        background-color: var(--f-button-hover-bg, var(--f-button-bg))
    }
}

.f-button:active:not([aria-disabled]) {
    color: var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));
    background-color: var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))
}

.f-button:focus {
    outline: none
}

.f-button:focus-visible {
    outline: var(--f-button-outline-width) solid var(--f-button-outline-color);
    outline-offset: var(--f-button-outline-offset)
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    -webkit-transform: var(--f-button-svg-transform);
    -ms-transform: var(--f-button-svg-transform);
    transform: var(--f-button-svg-transform);
    fill: var(--f-button-svg-fill);
    -webkit-filter: var(--f-button-svg-filter);
    filter: var(--f-button-svg-filter);
    opacity: var(--f-button-svg-opacity, 1);
    -webkit-transition: var(--f-button-svg-transition);
    transition: var(--f-button-svg-transition);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none
}

.f-button[aria-disabled] {
    cursor: default
}

.f-button[aria-disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

[data-panzoom-action=toggleFS] g:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-panzoom-action=toggleFS] g:last-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:first-child {
    display: none
}

.in-fullscreen [data-panzoom-action=toggleFS] g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-autoplay-action=toggle] svg g:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-autoplay-action=toggle] svg g:last-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:first-child {
    display: none
}

.has-autoplay [data-autoplay-action=toggle] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-moz-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:-moz-full-screen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

:root {
    --f-spinner-color-1: rgba(0, 0, 0, .1);
    --f-spinner-color-2: rgba(17, 24, 28, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px
}

.f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height);
    translate: -50% -50%;
    border: var(--f-spinner-border-width) solid var(--f-spinner-color-1);
    border-top-color: var(--f-spinner-color-2);
    border-radius: var(--f-spinner-border-radius);
    -webkit-animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both;
    animation: f-spinner .75s linear infinite, f-fadeIn .2s ease .2s both
}

@-webkit-keyframes f-spinner {
    to {
        rotate: 360deg
    }
}

@keyframes f-spinner {
    to {
        rotate: 360deg
    }
}

.f-panzoom,
.f-zoomable {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.f-panzoom:before,
.f-panzoom:after,
.f-zoomable:before,
.f-zoomable:after {
    display: block;
    content: ""
}

.f-panzoom:not(.has-controls):before,
.f-zoomable:not(.has-controls):before {
    margin-bottom: auto
}

.f-panzoom:after,
.f-zoomable:after {
    margin-top: auto
}

.f-panzoom.in-fullscreen,
.f-zoomable.in-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    margin: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: unset !important;
    z-index: 9999
}

.f-panzoom__wrapper {
    position: relative;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__wrapper.will-zoom-out {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.f-panzoom__wrapper.can-drag {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.f-panzoom__wrapper.will-zoom-in {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.f-panzoom__wrapper.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.f-panzoom__wrapper.has-error {
    display: none
}

.f-panzoom__content {
    display: block;
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    max-height: 100%
}

.f-panzoom__content.is-lazyloading,
.f-panzoom__content.has-lazyerror {
    visibility: hidden
}

img.f-panzoom__content {
    width: auto;
    height: auto;
    vertical-align: top;
    object-fit: contain;
    -webkit-transition: none;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-panzoom__wrapper>.f-panzoom__content {
    visibility: hidden
}

.f-panzoom__viewport {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.f-panzoom__viewport>.f-panzoom__content {
    width: 100%;
    height: 100%;
    object-fit: fill
}

picture.f-panzoom__content img {
    vertical-align: top;
    width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
    -webkit-transition: none;
    transition: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-panzoom__protected {
    position: absolute;
    inset: 0;
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

html.with-panzoom-in-fullscreen {
    overflow: hidden
}

.f-fadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    -webkit-animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    animation: var(--f-transition-duration, 0.2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;
    z-index: 1
}

@-webkit-keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-fadeOut {
    to {
        opacity: 0
    }
}

.f-crossfadeIn {
    -webkit-animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
    animation: var(--f-transition-duration, 0.2s) ease both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    -webkit-animation: calc(var(--f-transition-duration, 0.2s)*.2) ease calc(var(--f-transition-duration, 0.2s)*.8) both f-crossfadeOut;
    animation: calc(var(--f-transition-duration, 0.2s)*.2) ease calc(var(--f-transition-duration, 0.2s)*.8) both f-crossfadeOut;
    z-index: 1
}

@-webkit-keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

@keyframes f-crossfadeOut {
    to {
        opacity: 0
    }
}

.is-horizontal .f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextX
}

.is-horizontal .f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevX
}

.is-horizontal .f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextX
}

.is-horizontal .f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevX
}

@-webkit-keyframes f-slideInPrevX {
    0% {
        -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInPrevX {
    0% {
        -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideInNextX {
    0% {
        -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextX {
    0% {
        -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideOutNextX {
    to {
        -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutNextX {
    to {
        -webkit-transform: translate(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translate(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@-webkit-keyframes f-slideOutPrevX {
    to {
        -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevX {
    to {
        -webkit-transform: translate(calc(100% + var(--f-carousel-gap, 0)));
        transform: translate(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.is-vertical .f-slideIn.from-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNextY
}

.is-vertical .f-slideIn.from-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrevY
}

.is-vertical .f-slideOut.to-next {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNextY
}

.is-vertical .f-slideOut.to-prev {
    -webkit-animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY;
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrevY
}

@-webkit-keyframes f-slideInPrevY {
    0% {
        -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInPrevY {
    0% {
        -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideInNextY {
    0% {
        -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes f-slideInNextY {
    0% {
        -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@-webkit-keyframes f-slideOutNextY {
    to {
        -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutNextY {
    to {
        -webkit-transform: translateY(calc(-100% - var(--f-carousel-gap, 0)));
        transform: translateY(calc(-100% - var(--f-carousel-gap, 0)))
    }
}

@-webkit-keyframes f-slideOutPrevY {
    to {
        -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }
}

@keyframes f-slideOutPrevY {
    to {
        -webkit-transform: translateY(calc(100% + var(--f-carousel-gap, 0)));
        transform: translateY(calc(100% + var(--f-carousel-gap, 0)))
    }
}

.f-zoomInUp {
    -webkit-animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp;
    animation: var(--f-transition-duration, 0.3s) ease both f-zoomInUp
}

.f-zoomOutDown {
    -webkit-animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown;
    animation: var(--f-transition-duration, 0.3s) ease both f-zoomOutDown
}

@-webkit-keyframes f-zoomInUp {
    0% {
        -webkit-transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        opacity: var(--f-zoomInUp-opacity, 0)
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@keyframes f-zoomInUp {
    0% {
        -webkit-transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        transform: scale(var(--f-zoomInUp-scale, 0.975)) translate3d(var(--f-zoomInUp-x, 0), var(--f-zoomInUp-y, 16px), 0);
        opacity: var(--f-zoomInUp-opacity, 0)
    }

    to {
        -webkit-transform: scale(1) translateZ(0);
        transform: scale(1) translateZ(0);
        opacity: 1
    }
}

@-webkit-keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        opacity: 0
    }
}

@keyframes f-zoomOutDown {
    to {
        -webkit-transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        transform: scale(var(--f-zoomOutDown-scale, 0.975)) translate3d(var(--f-zoomOutDown-x, 0), var(--f-zoomOutDown-y, 16px), 0);
        opacity: 0
    }
}

.f-throwOutUp {
    -webkit-animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp;
    animation: var(--f-throwOutUp-duration, 0.2s) ease-out both f-throwOutUp
}

.f-throwOutDown {
    -webkit-animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown;
    animation: var(--f-throwOutDown-duration, 0.2s) ease-out both f-throwOutDown
}

@-webkit-keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        opacity: 0
    }
}

@keyframes f-throwOutUp {
    to {
        -webkit-transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        transform: translate3d(0, calc(var(--f-throwOutUp-y, 150px) * -1), 0);
        opacity: 0
    }
}

@-webkit-keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        -webkit-transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        transform: translate3d(0, var(--f-throwOutDown-y, 150px), 0);
        opacity: 0
    }
}

.has-iframe .f-html,
.has-pdf .f-html,
.has-gmap .f-html {
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible
}

.has-pdf .f-html,
.has-gmap .f-html {
    padding: 0
}

.f-html {
    position: relative;
    box-sizing: border-box;
    margin: var(--f-html-margin, 0);
    padding: var(--f-html-padding, 2rem);
    color: var(--f-html-color, currentColor);
    background: var(--f-html-bg)
}

.f-html.is-error {
    text-align: center
}

.f-iframe {
    display: block;
    margin: 0;
    border: 0;
    height: 100%;
    width: 100%
}

.f-caption {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: var(--f-caption-margin);
    padding: var(--f-caption-padding, 16px 8px);
    max-width: 100%;
    max-height: calc(80vh - 100px);
    overflow: auto;
    overflow-wrap: anywhere;
    line-height: var(--f-caption-line-height);
    color: var(--f-caption-color);
    background: var(--f-caption-bg);
    font: var(--f-caption-font)
}

.has-html5video .f-html,
.has-youtube .f-html,
.has-vimeo .f-html {
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 1px;
    overflow: visible;
    max-width: var(--f-video-width, 960px);
    max-height: var(--f-video-height, 540px);
    aspect-ratio: var(--f-video-aspect-ratio);
    background: var(--f-video-bg, rgba(0, 0, 0, 0.9))
}

.f-html5video {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

.f-button.is-arrow {
    --f-button-width: var(--f-arrow-width, 46px);
    --f-button-height: var(--f-arrow-height, 46px);
    --f-button-svg-width: var(--f-arrow-svg-width, 24px);
    --f-button-svg-height: var(--f-arrow-svg-height, 24px);
    --f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);
    --f-button-border-radius: var(--f-arrow-border-radius, unset);
    --f-button-bg: var(--f-arrow-bg, transparent);
    --f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));
    --f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));
    --f-button-shadow: var(--f-arrow-shadow);
    --f-button-color: var(--f-arrow-color);
    --f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));
    --f-button-active-color: var(--f-arrow-active-color, var(--f-arrow-hover-color));
    overflow: visible
}

.f-button.is-arrow.is-prev,
.f-button.is-arrow.is-next {
    position: absolute;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    z-index: 20
}

.is-horizontal .f-button.is-arrow.is-prev,
.is-horizontal .f-button.is-arrow.is-next {
    inset: 50% auto auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-prev {
    left: var(--f-arrow-pos, 0)
}

.is-horizontal.is-ltr .f-button.is-arrow.is-next {
    right: var(--f-arrow-pos, 0)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-prev {
    right: var(--f-arrow-pos, 0);
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg)
}

.is-horizontal.is-rtl .f-button.is-arrow.is-next {
    left: var(--f-arrow-pos, 0);
    -webkit-transform: translateY(-50%) rotateY(180deg);
    transform: translateY(-50%) rotateY(180deg)
}

.is-vertical.is-ltr .f-button.is-arrow.is-prev,
.is-vertical.is-rtl .f-button.is-arrow.is-prev {
    top: var(--f-arrow-pos, 0);
    right: auto;
    bottom: auto;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.is-vertical.is-ltr .f-button.is-arrow.is-next,
.is-vertical.is-rtl .f-button.is-arrow.is-next {
    top: auto;
    right: auto;
    bottom: var(--f-arrow-pos, 0);
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%)
}

.is-vertical .f-button.is-arrow.is-prev svg,
.is-vertical .f-button.is-arrow.is-next svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.f-carousel__toolbar {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto 1fr;
    grid-template-columns: 1fr auto 1fr;
    margin: var(--f-toolbar-margin, 0);
    padding: var(--f-toolbar-padding, 8px);
    line-height: var(--f-toolbar-line-height);
    background: var(--f-toolbar-bg, none);
    box-shadow: var(--f-toolbar-shadow, none);
    -webkit-backdrop-filter: var(--f-toolbar-backdrop-filter);
    backdrop-filter: var(--f-toolbar-backdrop-filter);
    position: relative;
    z-index: 20;
    color: var(--f-toolbar-color, currentColor);
    font-size: var(--f-toolbar-font-size, 17px);
    font-weight: var(--f-toolbar-font-weight, inherit);
    font-family: var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);
    text-shadow: var(--f-toolbar-text-shadow);
    text-align: center;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    white-space: nowrap;
    pointer-events: none
}

.f-carousel__toolbar.is-absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.f-carousel__toolbar .f-button:focus-visible {
    position: relative;
    z-index: 1
}

.f-carousel__toolbar__column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    gap: var(--f-toolbar-gap, 0)
}

.f-carousel__toolbar__column.is-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.f-carousel__toolbar__column.is-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.f-carousel__toolbar__column.is-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-self: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-flow: nowrap;
    -ms-flex-flow: nowrap;
    flex-flow: nowrap
}

.f-carousel__toolbar__column {
    pointer-events: none
}

.f-carousel__toolbar__column>* {
    pointer-events: all
}

.f-counter {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: var(--f-counter-margin, 0);
    padding: var(--f-counter-padding, 4px);
    line-height: var(--f-counter-line-height);
    background: var(--f-counter-bg);
    border-radius: var(--f-counter-border-radius)
}

.f-counter span {
    padding: 0 var(--f-counter-gap, 4px)
}

:root {
    --f-thumbs-gap: 8px;
    --f-thumbs-margin: 0;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: transparent;
    --f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;
    --f-thumbs-z-index: 1;
    --f-thumbs-viewport-padding-x: 0px;
    --f-thumbs-viewport-padding-y: 0px;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-clip-width: 46px;
    --f-thumb-extra-gap: 16px;
    --f-thumb-opacity: 1;
    --f-thumb-transition: opacity .3s ease, transform .15s ease;
    --f-thumb-border: none;
    --f-thumb-border-radius: 4px;
    --f-thumb-shadow: none;
    --f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));
    --f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;
    --f-thumb-border-transition: all .1s ease;
    --f-thumb-img-width: 100%;
    --f-thumb-img-height: 100%;
    --f-thumb-img-fit: cover;
    --f-thumb-img-position: 50% 20%
}

.f-thumbs {
    --f-carousel-slide-width: var(--f-thumb-width);
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: var(--f-thumbs-gap);
    position: relative;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: var(--f-thumbs-margin);
    padding: var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);
    overflow: hidden;
    background: var(--f-thumbs-bg);
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: var(--f-thumbs-transition);
    transition: var(--f-thumbs-transition);
    z-index: var(--f-thumbs-z-index)
}

.f-thumbs.is-horizontal {
    max-height: calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y)*2)
}

.f-thumbs.is-horizontal.is-hidden {
    max-height: 0;
    --f-thumbs-padding-y: 0
}

.f-thumbs.is-vertical {
    max-width: calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)*2)
}

.f-thumbs.is-vertical.is-hidden {
    max-width: 0;
    --f-thumbs-padding-x: 0
}

.f-thumbs.is-scrollable.is-hidden {
    max-height: 0;
    --f-thumbs-padding-y: 0
}

.f-thumbs.is-ltr {
    direction: ltr
}

.f-thumbs.is-rtl {
    direction: rtl
}

.f-thumbs img {
    display: block;
    width: var(--f-thumb-img-width);
    height: var(--f-thumb-img-height);
    object-fit: var(--f-thumb-img-fit);
    object-position: var(--f-thumb-img-position);
    pointer-events: none;
    border-radius: inherit;
    color: rgba(0, 0, 0, 0)
}

.f-thumbs img[data-lazy-src] {
    visibility: hidden
}

.f-thumbs img.has-lazyerror {
    display: none
}

.f-thumbs__viewport {
    box-sizing: border-box;
    height: 100%;
    padding: var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);
    overflow: visible;
    display: -ms-grid;
    display: grid
}

.f-thumbs__slide {
    position: relative;
    box-sizing: border-box;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    overflow: visible
}

.f-thumbs__slide:hover button {
    opacity: var(--f-thumb-hover-opacity, 1);
    -webkit-transform: var(--f-thumb-hover-transform, none);
    -ms-transform: var(--f-thumb-hover-transform, none);
    transform: var(--f-thumb-hover-transform, none)
}

.f-thumbs__slide:hover button:after {
    border: var(--f-thumb-hover-border, none);
    box-shadow: var(--f-thumb-hover-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide button {
    all: unset;
    display: block;
    margin: auto;
    padding: 0;
    position: relative;
    overflow: visible;
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-transition: var(--f-thumb-transition);
    transition: var(--f-thumb-transition);
    border-radius: var(--f-thumb-border-radius);
    opacity: var(--f-thumb-opacity);
    -webkit-transform: var(--f-thumb-transform);
    -ms-transform: var(--f-thumb-transform);
    transform: var(--f-thumb-transform);
    background: var(--f-thumb-bg)
}

.f-thumbs__slide button:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    -webkit-transition: var(--f-thumb-border-transition);
    transition: var(--f-thumb-border-transition);
    border-radius: inherit;
    border: var(--f-thumb-border);
    box-shadow: var(--f-thumb-shadow)
}

.f-thumbs__slide button:focus-within {
    opacity: var(--f-thumb-focus-opacity, 1);
    -webkit-transform: var(--f-thumb-focus-transform, none);
    -ms-transform: var(--f-thumb-focus-transform, none);
    transform: var(--f-thumb-focus-transform, none)
}

.f-thumbs__slide button:focus-within:after {
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide:active {
    opacity: var(--f-thumb-active-opacity, 1);
    -webkit-transform: var(--f-thumb-active-transform, none);
    -ms-transform: var(--f-thumb-active-transform, none);
    transform: var(--f-thumb-active-transform, none)
}

.f-thumbs__slide:active:after {
    border: var(--f-thumb-active-border, none);
    box-shadow: var(--f-thumb-active-shadow, var(--f-thumb-shadow))
}

.f-thumbs__slide.is-selected {
    z-index: 2
}

.f-thumbs__slide.is-selected button {
    opacity: var(--f-thumb-selected-opacity, 1);
    -webkit-transform: var(--f-thumb-selected-transform, none);
    -ms-transform: var(--f-thumb-selected-transform, none);
    transform: var(--f-thumb-selected-transform, none)
}

.f-thumbs__slide.is-selected button:after {
    border: var(--f-thumb-selected-border, none);
    box-shadow: var(--f-thumb-selected-shadow, var(--f-thumb-shadow))
}

.f-thumbs.is-modern {
    --f-carousel-slide-width: calc(var(--f-thumb-clip-width) + var(--f-thumbs-gap));
    --f-carousel-slide-height: var(--f-thumb-height);
    --f-carousel-gap: 0;
    --width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))
}

.f-thumbs.is-modern .f-thumbs__viewport {
    width: calc(100% + var(--f-carousel-slide-width)*2 + var(--f-thumbs-padding-x));
    margin-inline: calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x))*-1)
}

.f-thumbs.is-modern .f-thumbs__slide {
    --clip-shift: calc((var(--width-diff) * .5) * var(--progress));
    --clip-path: inset(0 var(--clip-shift) round var(--f-thumb-border-radius, 0));
    padding: 0;
    overflow: visible;
    left: var(--shift, 0);
    will-change: left;
    -webkit-transition: left var(--f-transition-duration) var(--f-transition-easing);
    transition: left var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button {
    display: block;
    margin-inline: 50%;
    width: var(--f-thumb-width);
    -webkit-clip-path: var(--clip-path);
    clip-path: var(--clip-path);
    border: none;
    box-shadow: none;
    -webkit-transition: opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease), -webkit-clip-path var(--f-transition-duration) var(--f-transition-easing);
    transition: opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease), -webkit-clip-path var(--f-transition-duration) var(--f-transition-easing);
    transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease);
    transition: clip-path var(--f-transition-duration) var(--f-transition-easing), opacity var(--f-thumb-transition-duration, 0.2s) var(--f-thumb-transition-easing, ease), -webkit-clip-path var(--f-transition-duration) var(--f-transition-easing)
}

.f-thumbs.is-modern .f-thumbs__slide button:after {
    display: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: var(--clip-shift);
    bottom: 0;
    right: var(--clip-shift);
    -webkit-transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
    transition: border var(--f-transition-duration) var(--f-transition-easing), box-shadow var(--f-transition-duration) var(--f-transition-easing);
    border-radius: inherit;
    border: var(--f-thumb-focus-border, none);
    box-shadow: var(--f-thumb-focus-shadow, none)
}

.f-thumbs.is-modern {
    --f-transition-duration: .25s;
    --f-transition-easing: ease-out
}

.f-thumbs.is-modern.is-syncing {
    --f-transition-duration: 0s
}

.f-thumbs.is-scrollable .f-thumbs__viewport {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--f-thumb-width), 1fr));
    grid-auto-rows: var(--f-thumb-height);
    gap: var(--f-thumbs-gap);
    overflow: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide {
    grid-area: auto;
    display: block;
    position: relative;
    max-width: 100%;
    width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    cursor: pointer;
    outline: none
}

:root {
    --f-progressbar-height: 3px;
    --f-progressbar-color: var(--f-carousel-theme-color, #575ad6);
    --f-progressbar-opacity: 1;
    --f-progressbar-z-index: 30
}

.f-progressbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: var(--f-progressbar-z-index);
    height: var(--f-progressbar-height);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    opacity: var(--f-progressbar-opacity);
    background: var(--f-progressbar-color);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-animation-name: f-progressbar;
    animation-name: f-progressbar;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.f-progressbar:empty {
    display: block
}

button>.f-progressbar {
    --f-progressbar-height: 100%;
    --f-progressbar-opacity: .2
}

@-webkit-keyframes f-progressbar {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes f-progressbar {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

[data-fullscreen-action=toggle] svg g:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

[data-fullscreen-action=toggle] svg g:last-child {
    display: none
}

:-webkit-full-screen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-moz-full-screen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:fullscreen [data-fullscreen-action=toggle] svg g:first-child {
    display: none
}

:-webkit-full-screen [data-fullscreen-action=toggle] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

:-moz-full-screen [data-fullscreen-action=toggle] svg g:last-child {
    display: flex
}

:-ms-fullscreen [data-fullscreen-action=toggle] svg g:last-child {
    display: -ms-flexbox;
    display: flex
}

:fullscreen [data-fullscreen-action=toggle] svg g:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.in-fullscreen-mode>.f-carousel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0 !important;
    min-height: 0 !important
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__dialog {
    position: fixed;
    inset: 0;
    z-index: 1050;
    width: 100%;
    height: 100vh;
    max-height: unset;
    max-width: unset;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    -ms-touch-action: none;
    touch-action: none;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.fancybox__dialog:focus {
    outline: none
}

.fancybox__dialog::-webkit-backdrop {
    opacity: 0
}

.fancybox__dialog::backdrop {
    opacity: 0
}

@supports(height: 100dvh) {
    .fancybox__dialog {
        height: 100dvh
    }
}

.fancybox__dialog *:empty {
    display: block
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-backdrop-bg: rgba(24, 24, 27, .95);
    --f-toolbar-margin: 0;
    --f-toolbar-padding: 8px;
    --f-toolbar-gap: 0;
    --f-toolbar-color: #ddd;
    --f-toolbar-font-size: 16px;
    --f-toolbar-font-weight: 500;
    --f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    --f-toolbar-line-height: var(--f-button-height);
    --f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);
    --f-toolbar-shadow: none;
    --f-toolbar-bg: none;
    --f-counter-margin: 0;
    --f-counter-padding: 0px 10px;
    --f-counter-gap: 4px;
    --f-counter-line-height: var(--f-button-height);
    --f-carousel-gap: 17px;
    --f-carousel-slide-width: 100%;
    --f-carousel-slide-height: 100%;
    --f-carousel-slide-padding: 0;
    --f-carousel-slide-bg: unset;
    --f-html-color: #222;
    --f-html-bg: #fff;
    --f-error-color: #fff;
    --f-error-bg: #333;
    --f-caption-margin: 0;
    --f-caption-padding: 16px 8px;
    --f-caption-color: var(--fancybox-color, #dbdbdb);
    --f-caption-bg: transparent;
    --f-caption-font: inherit;
    --f-caption-line-height: 1.375;
    --f-spinner-color-1: rgba(255, 255, 255, .2);
    --f-spinner-color-2: rgba(255, 255, 255, .8);
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-border-radius: 50%;
    --f-spinner-border-width: 4px;
    --f-progressbar-color: rgba(255, 255, 255);
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: #ddd;
    --f-button-hover-color: #fff;
    --f-button-outline-width: 1px;
    --f-button-outline-color: rgba(255, 255, 255, .75);
    --f-button-outline-offset: 0px;
    --f-button-bg: rgba(54, 54, 54, .75);
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-shadow: none;
    --f-button-transition: all .2s ease;
    --f-button-transform: none;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.75;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: .5;
    --f-arrow-pos: 32px;
    --f-arrow-width: 50px;
    --f-arrow-height: 50px;
    --f-arrow-svg-width: 24px;
    --f-arrow-svg-height: 24px;
    --f-arrow-svg-stroke-width: 2.5;
    --f-arrow-border-radius: 50%;
    --f-arrow-bg: rgba(54, 54, 54, .65);
    --f-arrow-color: #ddd;
    --f-arrow-hover-color: #fff;
    --f-close-button-width: 30px;
    --f-close-button-height: 30px;
    --f-close-button-svg-width: 24px;
    --f-close-button-svg-height: 24px;
    --f-close-button-svg-stroke-width: 1.75;
    --f-close-border-radius: 4px;
    --f-close-button-color: #fff;
    --f-close-button-hover-color: #fff;
    --f-close-button-bg: transparent;
    --f-close-button-hover-bg: transparent;
    --f-close-button-active-bg: transparent;
    --f-thumbs-margin: 0px;
    --f-thumbs-padding-x: 8px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-bg: none;
    --f-thumb-transition: all .2s ease;
    --f-thumb-width: 94px;
    --f-thumb-height: 76px;
    --f-thumb-opacity: 1;
    --f-thumb-border: none;
    --f-thumb-shadow: none;
    --f-thumb-transform: none;
    --f-thumb-focus-opacity: 1;
    --f-thumb-focus-border: none;
    --f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);
    --f-thumb-focus-transform: none;
    --f-thumb-hover-opacity: 1;
    --f-thumb-hover-border: none;
    --f-thumb-hover-transform: none;
    --f-thumb-active-opacity: var(--f-thumb-hover-opacity);
    --f-thumb-active-border: var(--f-thumb-hover-border);
    --f-thumb-active-transform: var(--f-thumb-hover-transform);
    --f-thumb-selected-opacity: 1;
    --f-thumb-selected-border: none;
    --f-thumb-selected-shadow: inset 0 0 0 2px #fff;
    --f-thumb-selected-transform: none;
    --f-scrollbar-width: 7px;
    --f-scrollbar-track-bg: #444;
    --f-scrollbar-track-border-radius: 10px;
    --f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    --f-scrollbar-thumb-bg: #ddd;
    --f-scrollbar-thumb-border-radius: 10px
}

.fancybox__container[theme=light] {
    --fancybox-color: #222;
    --fancybox-backdrop-bg: rgba(255, 255, 255, .97);
    --f-toolbar-color: var(--fancybox-color, #222);
    --f-toolbar-text-shadow: none;
    --f-toolbar-font-weight: 400;
    --f-html-color: var(--fancybox-color, #222);
    --f-html-bg: #fff;
    --f-error-color: #555;
    --f-error-bg: #fff;
    --f-video-bg: #fff;
    --f-caption-color: #333;
    --f-spinner-color-1: rgba(0, 0, 0, .2);
    --f-spinner-color-2: rgba(0, 0, 0, .8);
    --f-spinner-border-width: 3.5px;
    --f-progressbar-color: rgba(111, 111, 116);
    --f-button-color: #333;
    --f-button-hover-color: #000;
    --f-button-outline-color: rgba(0, 0, 0, .85);
    --f-button-bg: rgba(255, 255, 255, .85);
    --f-button-svg-stroke-width: 1.3;
    --f-button-svg-filter: none;
    --f-arrow-bg: rgba(255, 255, 255, .85);
    --f-arrow-color: #333;
    --f-arrow-hover-color: #000;
    --f-arrow-svg-stroke-width: 1.3;
    --f-close-button-color: #555;
    --f-close-button-hover-color: #000;
    --f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);
    --f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;
    --f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;
    --f-scrollbar-track-bg: #ddd;
    --f-scrollbar-thumb-bg: #444
}

.fancybox__container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fancybox__container:focus {
    outline: none
}

.fancybox__container.has-vertical-thumbs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport {
    overflow-x: clip;
    overflow-y: visible
}

.fancybox__container>*:not(.fancybox__carousel),
.fancybox__container .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
    opacity: var(--f-drag-opacity, 1)
}

.fancybox__container:not(.is-ready, .is-hiding) {
    visibility: hidden
}

.fancybox__container.is-revealing>*:not(.fancybox__carousel),
.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide:not(.is-selected),
.fancybox__container.is-revealing .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper, .f-spinner) {
    -webkit-animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn;
    animation: var(--f-interface-enter-duration, 0.35s) ease none f-fadeIn
}

.fancybox__container.is-hiding>*:not(.fancybox__carousel),
.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__viewport),
.fancybox__container.is-hiding .fancybox__carousel>.fancybox__viewport>.fancybox__slide.is-selected>*:not(.f-html, .f-panzoom__wrapper) {
    -webkit-animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut;
    animation: var(--f-interface-exit-duration, 0.35s) ease forwards f-fadeOut
}

.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected) {
    opacity: 0
}

.fancybox__container.is-hiding {
    pointer-events: none
}

.fancybox__container.is-idle .f-carousel__toolbar {
    pointer-events: none;
    opacity: 0
}

.fancybox__container.is-idle .f-button.is-arrow {
    opacity: 0
}

.fancybox__container.is-idle.is-ready .f-carousel__toolbar {
    pointer-events: none;
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__container.is-idle.is-ready .f-button.is-arrow {
    -webkit-animation: .15s ease-out both f-fadeOut;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__backdrop {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: var(--fancybox-backdrop-bg)
}

.fancybox__carousel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    position: relative;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__carousel.is-vertical {
    --f-carousel-slide-height: 100%
}

.fancybox__carousel.is-ltr {
    direction: ltr
}

.fancybox__carousel.is-rtl {
    direction: rtl
}

.fancybox__carousel>.f-button.is-arrow:before {
    position: absolute;
    content: "";
    inset: -30px;
    z-index: 1
}

.fancybox__viewport {
    display: -ms-grid;
    display: grid;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    position: relative;
    overflow: visible;
    -webkit-transform: translate3d(0, var(--f-drag-offset, 0), 0);
    transform: translate3d(0, var(--f-drag-offset, 0), 0)
}

.fancybox__viewport.is-draggable {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox__viewport.is-dragging {
    cursor: move;
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox__viewport [data-selectable],
.fancybox__viewport [contenteditable] {
    cursor: auto
}

.fancybox__slide {
    box-sizing: border-box;
    position: relative;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 1/1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: var(--f-carousel-slide-width);
    height: var(--f-carousel-slide-height);
    min-width: 0;
    min-height: 0;
    max-width: 100%;
    margin: 0;
    padding: var(--f-carousel-slide-padding);
    background: var(--f-carousel-slide-bg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.fancybox__slide:before,
.fancybox__slide:after {
    display: block;
    content: ""
}

.fancybox__slide:before {
    margin-bottom: auto
}

.fancybox__slide:after {
    margin-top: auto
}

.fancybox__slide.is-selected {
    z-index: 1
}

.fancybox__slide.f-zoomable {
    overflow: visible
}

.fancybox__slide.has-error {
    --f-html-color: var(--f-error-color, --f-html-color);
    --f-html-bg: var(--f-error-bg, --f-html-bg)
}

.fancybox__slide.has-html {
    overflow: auto;
    padding: 8px
}

.fancybox__slide.has-close-btn {
    padding-top: 34px
}

.fancybox__slide.has-controls:before {
    margin: 0
}

.fancybox__slide .f-spinner {
    cursor: pointer
}

.fancybox__container.is-closing .f-caption,
.fancybox__slide.is-loading .f-caption {
    visibility: hidden
}

.fancybox__container.is-closing .fancybox__carousel {
    overflow: visible
}

.f-button.is-close-button {
    --f-button-width: var(--f-close-button-width);
    --f-button-height: var(--f-close-button-height);
    --f-button-border-radius: var(--f-close-border-radius);
    --f-button-color: var(--f-close-button-color);
    --f-button-hover-color: var(--f-close-button-hover-color);
    --f-button-bg: var(--f-close-button-bg);
    --f-button-hover-bg: var(--f-close-button-hover-bg);
    --f-button-active-bg: var(--f-close-button-active-bg);
    --f-button-svg-width: var(--f-close-button-svg-width);
    --f-button-svg-height: var(--f-close-button-svg-height);
    --f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);
    position: absolute;
    top: calc((var(--f-button-height) + 2px)*-1);
    right: 0;
    z-index: 10
}

.fancybox__thumbs {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.fancybox__thumbs.is-scrollable {
    --f-thumbs-cols: 1;
    --f-thumbs-gap: 8px;
    --f-thumbs-transition: none;
    --f-thumbs-padding-x: 4px;
    --f-thumbs-padding-y: 8px;
    --f-thumbs-viewport-padding-x: 4px;
    --f-thumbs-viewport-padding-y: 0px;
    max-width: calc(var(--f-thumb-width)*var(--f-thumbs-cols) + var(--f-thumbs-gap)*(var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x)*2 + var(--f-thumbs-viewport-padding-x)*2)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar {
    width: var(--f-scrollbar-width)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track {
    background: var(--f-scrollbar-track-bg);
    border-radius: var(--f-scrollbar-track-border-radius);
    box-shadow: var(--f-scrollbar-track-shadow)
}

.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb {
    background: var(--f-scrollbar-thumb-bg);
    border-radius: var(--f-scrollbar-thumb-border-radius)
}

.fancybox__thumbs.is-scrollable.is-hidden {
    max-width: 0;
    --f-thumbs-padding-x: 0;
    max-height: unset;
    --f-thumbs-padding-y: unset
}

.fancybox__thumbs.is-scrollable .f-thumbs__viewport {
    overflow-x: hidden !important;
    grid-template-columns: repeat(auto-fill, calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols))) !important
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
    --animate-duration: 1s;
    --animate-delay: 1s;
    --animate-repeat: 1
}

.animate__animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animate__animated.animate__infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animate__animated.animate__repeat-1 {
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: var(--animate-repeat);
    animation-iteration-count: var(--animate-repeat)
}

.animate__animated.animate__repeat-2 {
    -webkit-animation-iteration-count: 2;
    animation-iteration-count: 2;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*2);
    animation-iteration-count: calc(var(--animate-repeat)*2)
}

.animate__animated.animate__repeat-3 {
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-iteration-count: calc(var(--animate-repeat)*3);
    animation-iteration-count: calc(var(--animate-repeat)*3)
}

.animate__animated.animate__delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__animated.animate__delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-delay: calc(var(--animate-delay)*2);
    animation-delay: calc(var(--animate-delay)*2)
}

.animate__animated.animate__delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-delay: calc(var(--animate-delay)*3);
    animation-delay: calc(var(--animate-delay)*3)
}

.animate__animated.animate__delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
    -webkit-animation-delay: calc(var(--animate-delay)*4);
    animation-delay: calc(var(--animate-delay)*4)
}

.animate__animated.animate__delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s;
    -webkit-animation-delay: calc(var(--animate-delay)*5);
    animation-delay: calc(var(--animate-delay)*5)
}

.animate__animated.animate__faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-duration: calc(var(--animate-duration)/2);
    animation-duration: calc(var(--animate-duration)/2)
}

.animate__animated.animate__fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-duration: calc(var(--animate-duration)*.8);
    animation-duration: calc(var(--animate-duration)*.8)
}

.animate__animated.animate__slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2)
}

.animate__animated.animate__slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-duration: calc(var(--animate-duration)*3);
    animation-duration: calc(var(--animate-duration)*3)
}

@media(prefers-reduced-motion: reduce), print {
    .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-transition-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }

    .animate__animated[class*=Out] {
        opacity: 0
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

.animate__bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

.animate__flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1)
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1)
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1)
    }

    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1)
    }

    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes shakeX {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

.animate__shakeX {
    -webkit-animation-name: shakeX;
    animation-name: shakeX
}

@-webkit-keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

@keyframes shakeY {

    0%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }

    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0)
    }
}

.animate__shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.animate__headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.animate__swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

@keyframes jello {

    0%,
    11.1%,
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg)
    }
}

.animate__jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration)*1.3);
    animation-duration: calc(var(--animate-duration)*1.3);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInDown {
    0% {
        -webkit-transform: translateY(-1200px) scale(0.7);
        transform: translateY(-1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInDown {
    -webkit-animation-name: backInDown;
    animation-name: backInDown
}

@-webkit-keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInLeft {
    0% {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInLeft {
    -webkit-animation-name: backInLeft;
    animation-name: backInLeft
}

@-webkit-keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInRight {
    0% {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInRight {
    -webkit-animation-name: backInRight;
    animation-name: backInRight
}

@-webkit-keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes backInUp {
    0% {
        -webkit-transform: translateY(1200px) scale(0.7);
        transform: translateY(1200px) scale(0.7);
        opacity: .7
    }

    80% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.animate__backInUp {
    -webkit-animation-name: backInUp;
    animation-name: backInUp
}

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutDown {
    -webkit-animation-name: backOutDown;
    animation-name: backOutDown
}

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutLeft {
    -webkit-animation-name: backOutLeft;
    animation-name: backOutLeft
}

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutRight {
    -webkit-animation-name: backOutRight;
    animation-name: backOutRight
}

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: .7
    }

    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: .7
    }
}

.animate__backOutUp {
    -webkit-animation-name: backOutUp;
    animation-name: backOutUp
}

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.animate__bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1)
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98)
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {

    0%,
    60%,
    75%,
    90%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95)
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9)
    }

    50%,
    55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }
}

.animate__bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3)
    }
}

.animate__bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0) scaleX(0.9);
        transform: translate3d(20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
        transform: translate3d(-2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0) scaleX(0.9);
        transform: translate3d(-20px, 0, 0) scaleX(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
        transform: translate3d(2000px, 0, 0) scaleX(2)
    }
}

.animate__bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985)
    }

    40%,
    45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3)
    }
}

.animate__bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.animate__fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopLeft {
    -webkit-animation-name: fadeInTopLeft;
    animation-name: fadeInTopLeft
}

@-webkit-keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInTopRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInTopRight {
    -webkit-animation-name: fadeInTopRight;
    animation-name: fadeInTopRight
}

@-webkit-keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomLeft {
    -webkit-animation-name: fadeInBottomLeft;
    animation-name: fadeInBottomLeft
}

@-webkit-keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInBottomRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__fadeInBottomRight {
    -webkit-animation-name: fadeInBottomRight;
    animation-name: fadeInBottomRight
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.animate__fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}

.animate__fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}

.animate__fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}

.animate__fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}

.animate__fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

@keyframes fadeOutTopLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, -100%, 0);
        transform: translate3d(-100%, -100%, 0)
    }
}

.animate__fadeOutTopLeft {
    -webkit-animation-name: fadeOutTopLeft;
    animation-name: fadeOutTopLeft
}

@-webkit-keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

@keyframes fadeOutTopRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, -100%, 0);
        transform: translate3d(100%, -100%, 0)
    }
}

.animate__fadeOutTopRight {
    -webkit-animation-name: fadeOutTopRight;
    animation-name: fadeOutTopRight
}

@-webkit-keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

@keyframes fadeOutBottomRight {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 100%, 0);
        transform: translate3d(100%, 100%, 0)
    }
}

.animate__fadeOutBottomRight {
    -webkit-animation-name: fadeOutBottomRight;
    animation-name: fadeOutBottomRight
}

@-webkit-keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

@keyframes fadeOutBottomLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 100%, 0);
        transform: translate3d(-100%, 100%, 0)
    }
}

.animate__fadeOutBottomLeft {
    -webkit-animation-name: fadeOutBottomLeft;
    animation-name: fadeOutBottomLeft
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animate__animated.animate__flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.animate__flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.animate__flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.animate__flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-duration: calc(var(--animate-duration)*.75);
    animation-duration: calc(var(--animate-duration)*.75);
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInRight {
    -webkit-animation-name: lightSpeedInRight;
    animation-name: lightSpeedInRight;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__lightSpeedInLeft {
    -webkit-animation-name: lightSpeedInLeft;
    animation-name: lightSpeedInLeft;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutRight {
    -webkit-animation-name: lightSpeedOutRight;
    animation-name: lightSpeedOutRight;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOutLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
        transform: translate3d(-100%, 0, 0) skewX(-30deg);
        opacity: 0
    }
}

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,
    80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration)*2);
    animation-duration: calc(var(--animate-duration)*2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg)
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity: 1
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3)
    }

    to {
        opacity: 0
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0)
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0)
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.tick {
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    position: relative;
    z-index: 1;
    line-height: 1.4
}

.tick * {
    box-sizing: inherit
}

.tick [data-view] {
    max-width: 100%
}

.tick span[data-view] {
    display: inline-block
}

.tick .tick-credits {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: .4;
    text-decoration: none;
    font-size: 11px;
    color: inherit
}

.tick [data-layout~=pad] {
    margin: -0.25em
}

.tick [data-layout~=pad]>* {
    margin: .25em
}

.tick [data-layout~=horizontal] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tick [data-layout~=horizontal][data-layout~=baseline] {
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.tick [data-layout~=horizontal][data-layout~=center] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tick [data-layout~=horizontal][data-layout~=right] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tick [data-layout~=horizontal][data-layout~=left] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tick [data-layout~=horizontal][data-layout~=stretch],
.tick [data-layout~=horizontal][data-layout~=fill] {
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.tick [data-layout~=horizontal][data-layout~=stretch]>*,
.tick [data-layout~=horizontal][data-layout~=fill]>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.tick [data-layout~=horizontal][data-layout~=stretch]>*,
.tick [data-layout~=horizontal][data-layout~=fill]>* {
    width: 100%
}

.tick [data-layout~=horizontal][data-layout~=multi-line] {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tick [data-layout~=horizontal][data-layout~=fit] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    white-space: nowrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tick [data-layout~=vertical] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tick [data-layout~=vertical][data-layout~=top] {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.tick [data-layout~=vertical][data-layout~=bottom] {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=middle] {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=left] {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tick [data-layout~=vertical][data-layout~=right] {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tick [data-layout~=vertical][data-layout~=center] {
    text-align: center
}

.tick [data-layout~=vertical][data-layout~=stretch],
.tick [data-layout~=vertical][data-layout~=fill] {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 100%
}

.tick [data-layout~=vertical][data-layout~=stretch]>*,
.tick [data-layout~=vertical][data-layout~=fill]>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

.tick [data-layout~=vertical]>*+* {
    margin-top: .5em
}

.tick [data-layout~=overlay] {
    position: relative
}

.tick [data-layout~=overlay]>* {
    margin: 0
}

.tick [data-layout~=overlay][data-layout~=center] {
    text-align: center
}

.tick [data-layout~=overlay][data-layout~=left] {
    text-align: left
}

.tick [data-layout~=overlay][data-layout~=right] {
    text-align: right
}

.tick [data-layout~=overlay]>[data-overlay=stretch],
.tick [data-layout~=overlay]>[data-overlay=fill] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tick [data-layout~=overlay]>[data-overlay=center] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tick-flip {
    position: relative;
    text-align: center
}

.tick-flip * {
    border-radius: inherit;
    white-space: pre
}

.tick-flip * {
    letter-spacing: inherit;
    text-indent: inherit
}

.tick-flip-front {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.tick-flip-back {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.tick-flip-spacer {
    display: block;
    visibility: hidden
}

.tick-flip-shadow {
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    color: rgba(0, 0, 0, 0) !important;
    background: rgba(0, 0, 0, 0) !important
}

.tick-flip-shadow-top {
    bottom: calc(50% - 1px)
}

.tick-flip-shadow-bottom {
    top: calc(50% + 1px)
}

.tick-flip-card-shadow {
    position: absolute;
    left: .15em;
    right: .15em;
    bottom: .125em;
    height: .5em;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    opacity: 0;
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%;
    box-shadow: 0 .125em .25em rgba(0, 0, 0, .5), 0 .125em .5em rgba(0, 0, 0, .75);
    z-index: 0
}

.tick-flip-card {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-perspective: 4em;
    perspective: 4em
}

.tick-flip-panel-front,
.tick-flip-panel-back {
    position: absolute;
    left: 0;
    width: 100%;
    height: 51%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.tick-flip-panel-front-text,
.tick-flip-panel-back-text {
    position: absolute;
    left: -1px;
    top: 0;
    right: -1px;
    height: 100%;
    overflow: hidden
}

.tick-flip-panel-text-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 100%
}

.tick-flip-panel-back-text .tick-flip-panel-text-wrapper {
    height: 200%;
    top: -100%
}

.tick-flip-panel-front {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    top: 0;
    z-index: 2;
    box-shadow: inset 0 1px rgba(255, 255, 255, .05)
}

.tick-flip-panel-back {
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    top: 50%;
    z-index: 1;
    box-shadow: inset 0 -1px rgba(0, 0, 0, .1)
}

.tick-flip-panel-back::after {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.15) 1px, rgba(0, 0, 0, 0) 30%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.15) 1px, rgba(0, 0, 0, 0) 30%)
}

.tick-flip-panel-back-shadow {
    z-index: 2
}

.tick-flip-panel-back-highlight {
    z-index: 3
}

.tick-flip-panel-back-shadow,
.tick-flip-panel-back-highlight {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.tick-flip-panel-front-shadow,
.tick-flip-panel-back-shadow,
.tick-flip-panel-back-highlight {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0
}

.tick-flip-panel-front-shadow {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3))
}

.tick-flip-panel-back-shadow {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5))
}

.tick-flip-panel-back-highlight {
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3))
}

.tick [data-style*="shadow:inner"],
.tick [data-style*="shadow:inner"] .tick-flip-card-shadow {
    box-shadow: none
}

.tick [data-style*="shadow:none"] .tick-flip-panel-front,
.tick [data-style*="shadow:none"] .tick-flip-panel-back,
.tick [data-style*="shadow:none"] .tick-flip-shadow,
.tick [data-style*="shadow:none"] .tick-flip-card-shadow {
    box-shadow: none
}

.tick [data-style*="shadow:none"] .tick-flip-back::after,
.tick [data-style*="shadow:none"] .tick-flip-panel-front-shadow,
.tick [data-style*="shadow:none"] .tick-flip-panel-back-shadow,
.tick [data-style*="shadow:none"] .tick-flip-panel-back-text::after {
    background-image: none
}

.tick [data-style*="rounded:none"] {
    border-radius: 0
}

.tick [data-style*="rounded:panels"] .tick-flip-shadow-bottom,
.tick [data-style*="rounded:panels"] .tick-flip-front {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.tick [data-style*="rounded:panels"] .tick-flip-shadow-top,
.tick [data-style*="rounded:panels"] .tick-flip-panel-back::after,
.tick [data-style*="rounded:panels"] .tick-flip-back {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.tick-flip {
    margin-left: .0625em;
    margin-right: .0625em;
    min-width: 1.125em;
    border-radius: .125em;
    letter-spacing: .25em;
    text-indent: .25em
}

.tick-flip-panel {
    color: #edebeb;
    background-color: #333232
}

.tick-flip-shadow {
    box-shadow: 0 .125em .3125em rgba(0, 0, 0, .25), 0 .02125em .06125em rgba(0, 0, 0, .25)
}

@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";

:root {
    --ff-accent: "Unbounded", sans-serif;
    --ff-text: "Montserrat", sans-serif;
    --container-size: 1280px;
    --container-padding: 15px;
    --color-accent: #F30100;
    --color-brown: #360000;
    --color-gray: #767A85;
    --time: 300ms;
    --transition-fn: linear;
    --transition: var(--time) var(--transition-fn)
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-BlackItalic.woff2") format("woff2"), url("../fonts/Montserrat-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.woff2") format("woff2"), url("../fonts/Montserrat-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Black.woff2") format("woff2"), url("../fonts/Montserrat-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-BoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraLight.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraBold.woff2") format("woff2"), url("../fonts/Montserrat-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraLightItalic.woff2") format("woff2"), url("../fonts/Montserrat-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Italic.woff2") format("woff2"), url("../fonts/Montserrat-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Light.woff2") format("woff2"), url("../fonts/Montserrat-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-MediumItalic.woff2") format("woff2"), url("../fonts/Montserrat-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.woff2") format("woff2"), url("../fonts/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-LightItalic.woff2") format("woff2"), url("../fonts/Montserrat-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../fonts/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.woff2") format("woff2"), url("../fonts/Montserrat-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-SemiBoldItalic.woff2") format("woff2"), url("../fonts/Montserrat-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ThinItalic.woff2") format("woff2"), url("../fonts/Montserrat-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Thin.woff2") format("woff2"), url("../fonts/Montserrat-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-ExtraLight.woff2") format("woff2"), url("../fonts/Unbounded-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Black.woff2") format("woff2"), url("../fonts/Unbounded-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Medium.woff2") format("woff2"), url("../fonts/Unbounded-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Light.woff2") format("woff2"), url("../fonts/Unbounded-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-ExtraBold.woff2") format("woff2"), url("../fonts/Unbounded-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Bold.woff2") format("woff2"), url("../fonts/Unbounded-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-SemiBold.woff2") format("woff2"), url("../fonts/Unbounded-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Unbounded";
    src: url("../fonts/Unbounded-Regular.woff2") format("woff2"), url("../fonts/Unbounded-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Bebas Neue Pro";
    src: local("Bebas Neue Pro Bold"), local("Bebas-Neue-Pro-Bold"), url("../fonts/BebasNeuePro-Bold.woff2") format("woff2"), url("../fonts/BebasNeuePro-Bold.woff") format("woff"), url("../fonts/BebasNeuePro-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal
}

html {
    box-sizing: border-box;
    scroll-padding: 100px;
    scroll-behavior: smooth;
}

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

ul,
ol {
    padding: 0
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0
}

ul[class] {
    list-style: none
}

img {
    max-width: 100%;
    display: block
}

input,
button,
textarea,
select {
    font: inherit
}

a {
    text-decoration: none
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: rgba(0, 0, 0, 0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

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

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

html,
body {
    height: 100%
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth;
    scroll-padding: 50;
    font-size: 10px
}

button {
    outline: none;
    border: none;
    background: none;
    padding: 0
}

a,
button,
.swiper-pagination-bullet {
    cursor: pointer
}

body.is-hidden {
    overflow: hidden
}

.main {
    margin-top: var(--top-px)
}

.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

.main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.container {
    max-width: calc(var(--container-size) + var(--container-padding)*2);
    width: 100%;
    margin: 0 auto;
    padding: 0 var(--container-padding)
}

.container_left {
    padding-left: calc((100% - var(--container-size))/2)
}

.btn {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff;
    -webkit-transition: color var(--transition), background-color var(--transition);
    transition: color var(--transition), background-color var(--transition);
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    border-radius: 5px;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.btn.is-disabled {
    background-color: #babcc6;
    color: #fff;
    cursor: auto;
    pointer-events: none
}

.btn_red {
    background-color: var(--color-accent);
    position: relative
}

.btn_gray {
    background-color: #4a4545;
    position: relative
}

.btn span {
    display: block;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg)
}

.accordion {
    position: relative
}

.accordion:hover .accordion__body {
    opacity: 1;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    pointer-events: all
}

.accordion__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.accordion__icon {
    will-change: transform;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition)
}

.accordion__icon svg path {
    -webkit-transition: stroke var(--time) var(--transition-fn);
    transition: stroke var(--time) var(--transition-fn)
}

.accordion__body {
    width: 24.5rem;
    position: absolute;
    left: -20%;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    pointer-events: none
}

.accordion__body-list {
    background-color: #ebebf1;
    padding: .5rem;
    border-radius: 1rem
}

.accordion__body-item {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: 2%;
    color: var(--color-brown);
    padding: 1.1rem 2rem;
    text-align: center;
    border-radius: 1rem;
    background-color: #fff
}

.accordion__body-item:not(:last-child) {
    margin-bottom: .3rem
}

.accordion__body-item-link {
    color: currentColor;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.bg-gray {
    background-color: #f0f3f9;
    position: relative;
    overflow: hidden
}

.bg-gray_pb {
    padding-bottom: 12rem
}

.bg-gray_br-radius {
    border-radius: 5rem
}

.bg-white {
    background-color: #fff;
    position: relative;
    overflow: hidden
}

.bg-white_pb {
    padding-bottom: 12rem
}

.bg-white_br-radius {
    border-radius: 5rem
}

.bg-white-border {
    background-color: #fff;
    position: relative;
    z-index: 2
}

.bg-white-border_br-top {
    border-top-left-radius: 5rem;
    border-top-right-radius: 5rem
}

.bg-white-border_br-bottom {
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem
}

.bg-white-border_pb {
    padding-bottom: 4rem
}

.bg-white-border_mb {
    margin-bottom: 8rem
}

.accordion-block-body {
    overflow: hidden;
    height: 0;
    opacity: 0;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: opacity var(--time) var(--transition-fn), -webkit-transform var(--time) var(--transition-fn);
    transition: opacity var(--time) var(--transition-fn), -webkit-transform var(--time) var(--transition-fn);
    transition: transform var(--time) var(--transition-fn), opacity var(--time) var(--transition-fn);
    transition: transform var(--time) var(--transition-fn), opacity var(--time) var(--transition-fn), -webkit-transform var(--time) var(--transition-fn)
}

.accordion-block-body.is-open {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    opacity: 1
}

.block-blur {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-family: var(--ff-text);
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    padding: .8rem 2.5rem;
    background: rgba(220, 220, 220, .2);
    -webkit-backdrop-filter: blur(22.5px);
    backdrop-filter: blur(22.5px);
    border-radius: 1rem
}

.block-blur_mb {
    margin-bottom: 3rem
}

.title-page {
    margin: 0;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.breadcrumbs_pt {
    padding-top: 2.5rem
}

.breadcrumbs_pb {
    padding-bottom: .9rem
}

.breadcrumbs__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.breadcrumbs__item {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #babcc6
}

.breadcrumbs__item:not(:last-child) {
    position: relative;
    padding-right: 2rem
}

.breadcrumbs__item:not(:last-child)::before {
    content: "\\";
    position: absolute;
    right: .7rem;
    top: -0.1rem;
    font-size: 1.6rem;
    color: var(--color-accent)
}

.breadcrumbs__item:last-child {
    color: var(--color-accent)
}

.breadcrumbs__link {
    color: currentColor;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

@media(hover: hover) {
    .btn_red:hover {
        background-color: #a30000
    }

    .btn_gray:hover {
        background-color: rgba(74, 69, 69, .8)
    }

    .header__btn-burger:hover .header__btn-burger-line {
        background-color: var(--color-accent)
    }

    .header__social-link:hover svg path {
        fill: rgba(243, 1, 0, .7)
    }

    .header__item-link:hover,
    .header__nav-link:hover,
    .services__item-link:hover,
    .photo-gallery__link:hover,
    .form__label-checkbox-text a:hover,
    .footer__item-link:hover,
    .footer__nav-link:hover,
    .footer__bottom-item-lnik:hover,
    .modal-stock__content a:hover,
    .breadcrumbs__link:hover {
        color: var(--color-accent)
    }

    .footer__bottom-item_work .footer__bottom-item-lnik:hover .footer__bottom-item-lnik_icon svg path {
        fill: var(--color-accent)
    }

    .map__btn:hover,
    .licenses-parent__btn:hover {
        background-color: rgba(235, 235, 241, .4)
    }

    .info-slider__pagination .swiper-pagination-bullet:hover,
    .stock-slider__pagination .swiper-pagination-bullet:hover {
        background-color: #fff
    }

    .info-slider__btn:hover,
    .stock-slider__btn:hover {
        background-color: #cb0a0a;
        border: 1px solid #cb0a0a
    }

    .profecional__slider-btn:hover {
        background-color: var(--color-accent)
    }

    .profecional__slider-btn:hover svg path {
        stroke: #fff
    }

    .photo-gallery__slider-pagination .swiper-pagination-bullet:hover,
    .licenses-parent__pagintaion .swiper-pagination-bullet:hover {
        background-color: var(--color-accent);
        opacity: 1
    }

    .photo-gallery__slider-btn:hover,
    .licenses-parent__slider-btn:hover {
        background-color: rgba(243, 1, 0, .4)
    }

    .footer__social-link:hover svg path {
        fill: var(--color-accent)
    }

    .advantages__slide:hover .advantages__slide-parent-info {
        opacity: 1;
        pointer-events: all
    }

    .azs__item:hover .azs__item-box::before {
        -webkit-transform: translateX(500px);
        -ms-transform: translateX(500px);
        transform: translateX(500px);
        opacity: 1
    }

    .balloon-phone a:hover {
        color: var(--color-accent)
    }

    .services__item:hover {
        border: 1px solid rgba(0, 0, 0, 0);
        box-shadow: 0px 68px 27px rgba(68, 67, 71, .01), 0px 38px 23px rgba(68, 67, 71, .03), 0px 17px 17px rgba(68, 67, 71, .04), 0px 4px 9px rgba(68, 67, 71, .05)
    }

    .services__item:hover .services__item-title {
        color: var(--color-accent)
    }

    .map-container-parent-map-info__close:hover {
        background: rgba(255, 255, 255, .3764705882)
    }

    .header-mobile-menu__link:hover {
        color: var(--color-accent)
    }

    .header-mobile-menu__btn-close:hover svg path {
        stroke: var(--color-accent)
    }

    .accordion__body-item-link:hover {
        color: var(--color-accent)
    }

    .accordion:hover .header__nav-link {
        color: var(--color-accent)
    }

    .accordion:hover svg path {
        stroke: var(--color-accent)
    }

    .accordion:hover .accordion__icon {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .steps__item:hover .steps__item-title {
        color: var(--color-accent)
    }

    .steps__item:hover .steps__item-decor {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
        opacity: 1;
        -webkit-transition-duration: .5s;
        transition-duration: .5s
    }

    .question__accordion-top:hover .question__accordion-title {
        color: var(--color-accent)
    }

    .calculator__item-btn:hover {
        background-color: #a30000;
        color: #fff
    }

    .calculator__liters-btn:hover svg path {
        stroke: #a30000
    }

    .advantages-g__btn:hover,
    .vacancy-parent-slider__btn:hover {
        background: #cb0a0a;
        border: 1px solid #cb0a0a
    }

    .card__phone:hover {
        color: var(--color-accent)
    }

    .card__phone:hover .card__phone-icon svg path {
        stroke: var(--color-accent)
    }

    .vacancy-slider__slide-read-more:hover {
        color: #a30000
    }

    .gas-station__filter-btn:hover {
        background-color: #f3f3f3
    }

    .city-selection__btn:hover {
        background-color: #f3f3f3;
        border: 1px solid #f3f3f3
    }

    .card-slider-row__btn-icon:hover,
    .section-block__btn:hover {
        background: #a30000
    }

    .contact-form-content__item-title:hover a {
        color: var(--color-accent)
    }

    .vacancy-accordion__btn:hover {
        background: #eaebf2
    }

    .card:hover {
        box-shadow: 0px 20px 13px rgba(50, 52, 57, .01), 0px 7px 19px rgba(50, 52, 57, 0), 0px 20px 44px rgba(50, 52, 57, .04), 0px 20px 24px rgba(50, 52, 57, .05)
    }

    .modal__btn-close:hover svg path {
        stroke: var(--color-accent)
    }

    .modal-calculate .calculator__item-btn:hover {
        background: #a30000
    }

    .form__input-file-parent:hover svg path {
        stroke: var(--color-accent)
    }

    .suppliers__item:hover {
        box-shadow: 0px 1px 1px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05)
    }

    .about-advantages__item:hover .about-advantages__item-bg::after {
        height: 100%
    }

    .about-advantages__item:hover .about-advantages__item-decor {
        background: #545c6c
    }

    .about-advantages__item:hover::after {
        opacity: 1;
        -webkit-transform: translateY(0rem);
        -ms-transform: translateY(0rem);
        transform: translateY(0rem)
    }

    .about-advantages__item:hover .about-advantages__item-all-content {
        opacity: 1;
        -webkit-transform: skew(3deg) rotate(3deg) translateY(0rem);
        -ms-transform: skew(3deg) rotate(3deg) translateY(0rem);
        transform: skew(3deg) rotate(3deg) translateY(0rem)
    }

    .stock__item:hover .stock__item-name {
        color: var(--color-accent)
    }

    .stock-slide__btn:hover {
        color: #fff;
        background: var(--color-accent)
    }

    .modal-stock .modal__btn-close:hover {
        background-color: var(--color-accent);
        border: 1px solid var(--color-accent)
    }

    .modal-stock .modal__btn-close:hover svg path {
        stroke: #fff
    }
}

@media(hover: none) {
    .btn.btn_red:active {
        background-color: #a30000
    }

    .btn.btn_gray:active {
        background-color: rgba(74, 69, 69, .8)
    }

    .header__btn-burger:active .header__btn-burger-line {
        background-color: var(--color-accent)
    }

    .header__social-link:active svg path {
        fill: rgba(243, 1, 0, .7)
    }

    .header__item-link:active,
    .header__nav-link:active,
    .services__item-link:active,
    .photo-gallery__link:active,
    .form__label-checkbox-text a:active,
    .footer__item-link:active,
    .footer__nav-link:active,
    .footer__bottom-item-lnik:active,
    .breadcrumbs__link:active {
        color: var(--color-accent)
    }

    .map__btn:active,
    .licenses-parent__btn:active {
        background-color: rgba(235, 235, 241, .4)
    }

    .stock-slider__pagination .swiper-pagination-bullet:hover,
    .info-slider__pagination .swiper-pagination-bullet:active {
        background-color: #fff
    }

    .info-slider__btn:active,
    .stock-slider__btn:active {
        background-color: rgba(255, 255, 255, .4)
    }

    .profecional__slider-btn:active {
        background-color: var(--color-accent)
    }

    .profecional__slider-btn:active svg path {
        stroke: #fff
    }

    .photo-gallery__slider-pagination .swiper-pagination-bullet:active,
    .licenses-parent__pagintaion .swiper-pagination-bullet:active {
        background-color: var(--color-accent);
        opacity: 1
    }

    .photo-gallery__slider-btn:active,
    .licenses-parent__slider-btn:active {
        background-color: rgba(243, 1, 0, .4)
    }

    .footer__social-link:active svg path {
        fill: var(--color-accent)
    }

    .accordion__top:active .accordion__icon svg path {
        stroke: var(--color-accent)
    }

    .accordion__body-item-link:active {
        color: var(--color-accent)
    }

    .calculator__item-btn:active {
        background-color: #a30000;
        color: #fff
    }

    .calculator__liters-btn:active svg path {
        stroke: #a30000
    }

    .advantages-g__btn:active,
    .vacancy-parent-slider__btn:active {
        background: #cb0a0a;
        border: 1px solid #cb0a0a
    }

    .vacancy-slider__slide-read-more:active {
        color: #a30000
    }

    .gas-station__filter-btn:active {
        background-color: #f3f3f3
    }

    .city-selection__btn:active {
        background-color: #f3f3f3;
        border: 1px solid #f3f3f3
    }

    .card-slider-row__btn-icon:active,
    .section-block__btn:active {
        background: #a30000
    }

    .contact-form-content__item-title:active a {
        color: var(--color-accent)
    }

    .vacancy-accordion__btn:active {
        background: #eaebf2
    }

    .card__phone:active {
        color: var(--color-accent)
    }

    .card__phone:active .card__phone-icon svg path {
        stroke: var(--color-accent)
    }

    .modal__btn-close:active svg path {
        stroke: var(--color-accent)
    }

    .stock__item:active .stock__item-name {
        color: var(--color-accent)
    }

    .modal-stock .modal__btn-close:active {
        background-color: var(--color-accent);
        border: 1px solid var(--color-accent)
    }

    .modal-stock .modal__btn-close:active svg path {
        stroke: #fff
    }
}

[class*=-map-copyrights-promo],
[class*=-copyright] {
    display: none !important
}

[class*=-inner-panes] {
    border-radius: 3rem
}

[class*=-map-bg] {
    background: rgba(0, 0, 0, 0) !important
}

[class*=-balloon] {
    border-radius: 2rem !important
}

[class*=-balloon__content] {
    padding: .6rem .69rem 1.9rem !important;
    border: none !important;
    margin-right: unset !important
}

.balloon-body {
    max-width: 25rem;
    width: 100%
}

.balloon-body__picture {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 18rem;
    border-radius: 1.3rem;
    margin-bottom: 1.6rem
}

.balloon-body__picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 1.3rem
}

.balloon-address {
    font-family: var(--ff-accent);
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-accent);
    margin-bottom: .6rem
}

.balloon-text {
    font-family: var(--ff-text);
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #000;
    margin-bottom: 1.4rem
}

.balloon-phone a {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.balloon-content {
    padding-inline: 1.4rem
}

[class*=-balloon__close-button] {
    width: 3.1rem !important;
    height: 3.1rem !important;
    background: url(../image/decor/baloon-close.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    opacity: 1 !important;
    border-radius: 0px !important;
    margin-top: 1.7rem !important;
    margin-right: 1.5rem !important;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

[class*=-balloon__close-button]:hover {
    opacity: .7
}

[class*=-balloon__tail] {
    display: none !important
}

[class*=-places-pane]:has([class*=-balloon]) {
    background-color: red !important
}

[class*=-balloon] {
    display: none !important
}

.header {
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    -webkit-transition: border-radius var(--transition), -webkit-transform var(--transition);
    transition: border-radius var(--transition), -webkit-transform var(--transition);
    transition: border-radius var(--transition), transform var(--transition);
    transition: border-radius var(--transition), transform var(--transition), -webkit-transform var(--transition);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 5.8rem;
    padding: 2rem 2.5rem 1.5rem
}

.header.is-fixed {
    -webkit-transform: translateY(-200px);
    -ms-transform: translateY(-200px);
    transform: translateY(-200px);
    position: fixed
}

.header.is-top {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    border-bottom-left-radius: 2rem;
    border-bottom-right-radius: 2rem
}

.header.is-scroll {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
    padding-left: 1.5rem;
    padding-right: 2.5rem
}

.header.is-scroll .header__list,
.header.is-scroll .header__social {
    display: none
}

.header.is-scroll .header__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.header.is-scroll .header__row {
    margin-bottom: 0
}

.header.is-scroll .header__row:nth-child(1) {
    max-width: 37rem;
    width: 100%
}

.header.is-scroll .header__row .header__btn-order {
    margin-left: 2rem
}

.header.is-scroll .header__row:nth-child(2) {
    padding-right: 0
}

.header.is-scroll .header__btn-order,
.header.is-scroll .header__btn-login {
    top: 0
}

.header.is-scroll .header__nav-list {
    gap: 2.4rem
}

.header.is-scroll .header__logo {
    max-width: 23.6rem
}

.header__logo {
    display: block;
    max-width: 38rem;
    width: 100%
}

.header__inner {
    max-width: 100%;
    width: 100%
}

.header__row {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.header__row:nth-child(1) {
    margin-bottom: .6rem
}

.header__row:nth-child(2) {
    padding-right: 5.5rem
}

.header__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 3rem
}

.header__item:has(.header__item-icon) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.8rem
}

.header__item-link {
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.header__item-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .6rem
}

.header__item-name {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #000;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.header__item-text {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: 0em;
    color: var(--color-gray)
}

.header__item-link-title {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--color-gray)
}

.header__item-link {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #000;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.header__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.8rem;
    margin-left: 3rem;
    position: relative;
    top: .4rem
}

.header__social-link svg path {
    -webkit-transition: fill 300ms linear;
    transition: fill 300ms linear
}

.header__btn-order {
    margin-left: 3.3rem;
    padding: 1.35rem 1.9rem;
    position: relative;
    top: -0.4rem
}

.header__btn-login {
    margin-left: 0px;
    padding: 1.35rem 2.1rem;
    margin-left: 1.7rem;
    position: relative;
    top: -0.4rem
}

.header__btn-burger {
    max-width: 2.9rem;
    width: 100%;
    margin-left: 1.9rem;
    margin-right: .3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .7rem;
    margin-top: .7rem
}

.header__btn-burger-line {
    display: block;
    width: 100%;
    height: .2rem;
    background-color: #000;
    border-radius: 20px;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.header__btn-burger-line:last-child {
    max-width: 70%;
    margin-left: auto
}

.header__nav {
    padding-left: .9rem
}

.header__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 4.85rem
}

.header__nav-item {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #000
}

.header__nav-item .accordion__top {
    gap: .4rem
}

.header__nav-link {
    color: currentColor;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.footer {
    -webkit-transition: all var(--transition);
    transition: all var(--transition);
    border-top: 1px solid #b59495;
    background: -webkit-radial-gradient(18.78% 22.74%, 108.98% 347.77%, #191111 10.55%, #F30100 100%);
    background: radial-gradient(108.98% 347.77% at 18.78% 22.74%, #191111 10.55%, #F30100 100%);
    padding: 6rem 4rem 3.3rem
}

.footer__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-inline: .8rem
}

.footer__row:nth-child(1) {
    margin-bottom: 5.5rem
}

.footer__row:nth-child(2) {
    padding-bottom: 5.5rem;
    border-bottom: 1px solid #fff;
    margin-bottom: 3rem
}

.footer__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 3.5rem;
    margin-left: 4.6rem;
    padding-top: .2rem
}

.footer__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .7rem
}

.footer__item-name {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff
}

.footer__item-text {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: 0em;
    color: #fff
}

.footer__item-link-title {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.1rem;
    line-height: 100%;
    letter-spacing: 0em;
    color: #fff
}

.footer__item-link {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.footer__soc-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.8rem;
    margin-left: 4.6rem
}

.footer__social-link svg path {
    -webkit-transition: fill 300ms linear;
    transition: fill 300ms linear
}

.footer__btn {
    margin-left: auto;
    padding: 1.3rem 2.3rem
}

.footer__nav {
    max-width: 100%;
    width: 100%
}

.footer__nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem
}

.footer__nav-item {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff
}

.footer__nav-link {
    color: currentColor;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.footer__bottom {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2rem
}

.footer__bottom-item {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 130%;
    letter-spacing: .02em;
    color: #fff
}

.footer__bottom-item-lnik {
    color: currentColor;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.footer__bottom-item_work {
    margin-left: auto;
    position: relative;
    right: -9px;
    top: -3px
}

.footer__bottom-item_work .footer__bottom-item-lnik {
    font-family: var(--ff-text);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.2rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: .7rem;
    letter-spacing: 0
}

.footer__bottom-item-lnik_icon svg path {
    -webkit-transition: fill 300ms linear;
    transition: fill 300ms linear
}

.top {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* border-radius: 5rem; */
    border-radius: 0px;
    position: relative;
    z-index: 2
}

.top__video {
    position: absolute;
    max-width: 100%;
    width: 100%;
    height: 100%;
    /* border-radius: 5rem; */
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    object-fit: cover;
    object-position: center
}

.top__info {
    padding-top: 19rem;
    padding-bottom: 19rem;
    min-height: 100svh;
    position: relative;
    z-index: 2;
    padding-left: 12.9rem
}

.top__info-description {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: calc(1.6rem + .1vw);
    line-height: 100%;
    letter-spacing: .08em;
    color: #fff;
    margin-bottom: 1.8rem
}

.top__info-title {
    max-width: 100%;
    width: 100%;
    font-family: var(--ff-accent);
    font-weight: 700;
    font-style: Bold;
    font-size: calc(3rem + .25vw);
    line-height: 130%;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 3.2rem
}

.top__list {
    margin-bottom: 3.2rem
}

.top__item {
    font-family: var(--ff-text);
    font-weight: 600;
    /* font-size: calc(1.8rem + .05vw); */
    font-size: 1.8rem;
    line-height: 100%;
    letter-spacing: .06em;
    color: #fff;
    padding: .8rem 3rem .8rem 3rem;
    position: relative
}

.top__item:not(:last-child) {
    margin-bottom: 1.6rem
}

.top__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 46%;
    transform: translateY(-50%);
    background-color: #fff;
    height: 3.8rem;
    width: 1.7rem;
    -webkit-clip-path: polygon(57% 0%, 100% 0%, 43% 100%, 0% 99%);
    clip-path: polygon(57% 0%, 100% 0%, 43% 100%, 0% 99%)
}

.top__btn {
    font-size: calc(1.3rem + .1vw);
    padding: 1.37rem 3rem
}

.top.top_style_two {
    color: #fff;
    background-image: var(--bg-desctop);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 20rem;
    min-height: 106rem;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.top.top_style_two .top__title {
    max-width: 50rem;
    width: 100%;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #fff;
    padding-left: .5rem;
    margin-bottom: 1.2rem
}

.top.top_style_two .top__text {
    max-width: 50rem;
    width: 100%;
    font-family: var(--ff-text);
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .08em;
    padding-left: .5rem;
    font-weight: 600;
    margin-bottom: 3rem
}

.top.top_style_two .top__btn {
    margin-left: 1rem;
    padding: 1.37rem 4rem
}

.top.top_style_gradient {
    position: relative
}

.top.top_style_gradient::before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 20rem;
    background-image: url(../image/decor/azs-bg-decor.svg);
    background-size: cover;
    background-position: bottom
}

.top.top_height-min {
    background-position: top;
    min-height: 72.9rem
}

.top__list-item {
    color: #fff;
    position: relative;
    padding-left: 4.5rem
}

.top__list-item:not(:last-child) {
    margin-bottom: 2rem
}

.top__list-item::before {
    content: "";
    position: absolute;
    left: 0;
    width: 3.5rem;
    height: 3rem;
    background-image: url(../image/decor/accordion-title-decor.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.top:has(.top__title+.top__list) .top__title {
    margin-bottom: 4.5rem
}

.top .top__title+.top__list {
    margin-bottom: 0
}

.top__list-item-title {
    display: block;
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    margin-bottom: .5rem
}

.top__list-item-text {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em
}

.azs {
    margin-top: -4.7rem;
    background-image: var(--bg-image);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    position: relative
}

.azs::before {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    left: 0;
    max-width: 100%;
    width: 100%;
    height: 20rem;
    background-image: url("../image/decor/azs-bg-decor.svg");
    background-size: cover;
    background-position: bottom
}

.azs__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 1000px;
    padding-bottom: 70px;
    position: relative;
    z-index: 2
}

.azs__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: #fff;
    margin-bottom: 3rem
}

.azs__title br.br-mob {
    display: none
}

.azs__list {
    max-width: 1063px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    left: 4px;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1rem
}

.azs__item {
    max-width: 100%;
    width: 100%;
    cursor: pointer;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg)
}

.azs__item-box {
    color: #fff;
    background: var(--color-accent);
    background-position: center;
    padding: 1.1rem 1rem 1.7rem 3rem;
    border-radius: 5px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.azs__item-box::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0;
    background: -webkit-linear-gradient(352.23deg, #F30100 7.88%, #FF504F 46.16%, #FF504F 58.22%, #F30100 99.41%);
    background: linear-gradient(97.77deg, #F30100 7.88%, #FF504F 46.16%, #FF504F 58.22%, #F30100 99.41%);
    z-index: 1;
    border-radius: .5rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    will-change: transform;
    -webkit-transition: -webkit-transform 1000ms linear;
    transition: -webkit-transform 1000ms linear;
    transition: transform 1000ms linear;
    transition: transform 1000ms linear, -webkit-transform 1000ms linear;
    opacity: 0
}

.azs__item-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3.1rem;
    line-height: 140%;
    letter-spacing: .03em;
    margin-bottom: .3rem;
    position: relative;
    z-index: 3
}

.azs__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 110%;
    letter-spacing: .02em;
    position: relative;
    z-index: 3;
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg)
}

.map-parent {
    position: relative
}

.map-parent_mb {
    margin-bottom: 8.4rem
}

.map-container {
    height: 54rem
}

.map-container-parent {
    height: 58rem;
    padding: 2rem;
    border-radius: 4rem;
    background-color: #fff
}

.map-container-parent-scroll {
    overflow-y: scroll;
    height: 54rem;
    border-radius: 3rem
}

.map-container-parent-scroll::-webkit-scrollbar {
    display: none
}

.map__buttons {
    position: absolute;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .4rem;
    background-color: #fff;
    padding: 2.5rem 1.4rem .8rem;
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem
}

.map__buttons::before {
    content: "";
    position: absolute;
    top: 2rem;
    right: -2.79rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(../image/decor/decor-map-button.svg)
}

.map__buttons::after {
    content: "";
    position: absolute;
    top: 2rem;
    left: -2.79rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(../image/decor/decor-map-button.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.map__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .8rem;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #000;
    padding: .8rem 3.8rem;
    border-radius: 1rem;
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.map__btn.is-active {
    background-color: #ebebf1
}

.map__btn-icon {
    height: 2rem
}

.services_mb {
    margin-bottom: 2.6rem
}

.services__inner {
    background-color: #fff;
    border-radius: 5rem;
    padding: 10rem 0rem 10.7rem 0rem
}

.services__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    margin-bottom: 1.8rem
}

.services__description {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 160%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    margin-bottom: 8rem
}

.services__list {
    max-width: 106rem;
    width: 100%;
    margin: 0 auto
}

.services__item-parent:not(:last-child) {
    padding-bottom: 2.5rem
}

.services__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50rem;
    grid-template-columns: 1fr 50rem;
    background-color: #fff;
    border: 1px solid #d5d7e6;
    border-radius: 4rem;
    padding: 2rem 0rem 1.8rem 4rem;
    box-shadow: 0px 68px 27px rgba(68, 67, 71, 0), 0px 38px 23px rgba(68, 67, 71, 0), 0px 17px 17px rgba(68, 67, 71, 0), 0px 4px 9px rgba(68, 67, 71, 0);
    -webkit-transition: border var(--transition), box-shadow var(--transition);
    transition: border var(--transition), box-shadow var(--transition)
}

.services__item-box {
    max-width: 48rem;
    width: 100%;
    color: var(--color-brown);
    padding: 4.5rem 0rem 0rem .8rem
}

.services__item-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 700;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    margin-bottom: 1.5rem;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.services__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: 0em;
    margin-bottom: 1.7rem
}

.services__item-video,
.services__item-picture {
    max-width: 49.3rem;
    height: 34.8rem
}

.services__achievements-list {
    margin-bottom: 2rem
}

.services__achievements-item {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .6rem;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .08em;
    padding: .5rem 1.2rem;
    background-color: #fef7e9;
    position: relative;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
    border-radius: 5px
}

.services__achievements-item:not(:last-child) {
    margin-bottom: .7rem
}

.services__achievements-item span {
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg)
}

.services__achievements-item-icon {
    height: 1.6rem;
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg)
}

.services__item-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.5rem
}

.services__item-btn {
    padding: 1.35rem 2.5rem
}

.services__item-link {
    font-family: var(--ff-accent);
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #423737;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.info-slider {
    width: 100%
}

.info-slider-parent {
    overflow: hidden
}

.info-slider-parent__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 45.5rem;
    position: relative;
    overflow: hidden
}

.info-slider-parent__inner::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    height: 88%;
    background: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    border-radius: 30px
}

.info-slider-parent__inner_mb {
    margin-bottom: 7.9rem
}

.info-slider__slide {
    font-family: var(--ff-accent);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8.7rem;
    min-height: 45.5rem;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content
}

.info-slider__slide-box {
    padding-left: 8.6rem;
    padding-top: 14.4rem
}

.info-slider__slide-title {
    max-width: 40rem;
    width: 100%;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    display: block;
    margin-bottom: 18px
}

.info-slider__slide-text {
    max-width: 40rem;
    width: 100%;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    margin-bottom: 2.9rem
}

.info-slider__slide-links {
    margin-left: .4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1.3rem
}

.info-slider__slide-link {
    display: block;
    padding: 1.3rem 2.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info-slider__slide-picture {
    display: block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    height: 100%;
    margin-bottom: 1px
}

.info-slider__slide-picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-position: bottom;
    object-fit: contain
}

.info-slider__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 1rem;
    padding: 7.3rem 2rem 2rem 0rem;
    position: relative;
    z-index: 2
}

.info-slider__btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    border-radius: 1rem;
    -webkit-transition: background-color var(--transition), border var(--transition);
    transition: background-color var(--transition), border var(--transition)
}

.info-slider__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.info-slider__pagination .swiper-pagination-bullet {
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5rem;
    position: relative;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.info-slider__pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0rem;
    height: 0rem;
    border-radius: 5rem;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: width var(--transition), height var(--transition);
    transition: width var(--transition), height var(--transition)
}

.info-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.info-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #fff
}

.btn .info-slider__slide-link-mob-text {
    display: none
}

.profecional {
    max-width: 100%;
    width: 100%;
    padding-inline: 3rem;
    font-family: var(--ff-accent);
    color: var(--color-brown)
}

.profecional_pt {
    padding-top: 10rem
}

.profecional_pb {
    padding-bottom: 10rem
}

.profecional_pb-55 {
    padding-bottom: 5.5rem
}

.profecional__title {
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    margin-bottom: 1.7rem
}

.profecional__decription {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 160%;
    letter-spacing: .023em;
    text-align: center;
    margin-bottom: 7rem
}

.profecional__slider-parent {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5rem
}

.profecional__slider-btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, .2509803922);
    border: 1px solid var(--color-accent);
    border-radius: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    flex-shrink: 0
}

.profecional__slider-btn svg path {
    -webkit-transition: stroke 300ms linear;
    transition: stroke 300ms linear
}

.profecional__slider-parent_mb {
    margin-bottom: 4.9rem
}

.profecional__slider {
    max-width: 116rem;
    margin-inline: auto;
    width: 100%;
    overflow: hidden;
    position: relative
}

.profecional__slider .swiper-wrapper {
    width: 100%
}

.profecional__slider::before {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.profecional__slider::after {
    content: "";
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #fff;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.profecional__slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-right: 1px solid #cacae0;
    height: auto
}

.profecional__slide-picture {
    display: block;
    width: 17rem;
    height: 17rem;
    margin-bottom: 2.5rem
}

.profecional__slide-picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 50rem
}

.profecional__slide-name {
    display: block;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    margin-bottom: 1rem
}

.profecional__slide-job {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .01em;
    text-align: center
}

.profecional__link {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 1.35rem 2.5rem
}

.photo-gallery_gray .photo-gallery__top {
    max-width: 100%;
    width: 100%
}

.photo-gallery_gray .photo-gallery__slider-cotrols_pb {
    padding-bottom: 9rem
}

.photo-gallery__top {
    max-width: 106.4rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 0;
    font-family: var(--ff-accent);
    padding-bottom: 3rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.photo-gallery__title {
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown)
}

.photo-gallery__link {
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #423737;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.photo-gallery__slider-parent {
    display: block;
    overflow: hidden
}

.photo-gallery__slide {
    width: 53.2rem;
    height: 33rem
}

.photo-gallery__slide-parent {
    display: block;
    height: 100%;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
    border-radius: 5px;
    border-radius: 5px
}

.photo-gallery__slide-bg {
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px
}

.photo-gallery__slider-cotrols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4rem;
    padding-top: 3rem
}

.photo-gallery__slider-btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    border: 1px solid var(--color-accent);
    background-color: var(--color-accent);
    -webkit-transition: background-color var(--time) var(--transition-fn);
    transition: background-color var(--time) var(--transition-fn)
}

.photo-gallery__slider-btn svg path {
    -webkit-transition: stroke var(--time) var(--transition-fn);
    transition: stroke var(--time) var(--transition-fn)
}

.photo-gallery__slider-pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.photo-gallery__slider-pagination .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10rem;
    border: 1px solid var(--color-accent);
    background-color: rgba(0, 0, 0, 0);
    opacity: .6;
    -webkit-transition: background-color var(--time) var(--transition-fn), opacity var(--time) var(--transition-fn);
    transition: background-color var(--time) var(--transition-fn), opacity var(--time) var(--transition-fn)
}

.photo-gallery__slider-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5rem;
    -webkit-transition: width var(--transition), height var(--transition), border var(--transition);
    transition: width var(--transition), height var(--transition), border var(--transition)
}

.photo-gallery__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-accent);
    opacity: 1
}

.photo-gallery__slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid var(--color-accent)
}

.photo-gallery__slider-cotrols_pb {
    padding-bottom: 10rem
}

.licenses__top {
    font-family: var(--ff-accent);
    color: var(--color-brown);
    margin-bottom: 5rem
}

.licenses__title {
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    margin-bottom: 1.5rem
}

.licenses__description {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 160%;
    letter-spacing: .02em;
    text-align: center
}

.licenses-parent {
    max-width: calc(100% - 8.4rem);
    width: 100%;
    border-radius: 3rem;
    background-color: #f0f3f9;
    margin: auto;
    padding: 9.2rem 3.2rem 4rem;
    position: relative;
    padding-bottom: 4rem
}

.licenses-parent__button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .4rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    padding: .7rem 1.7rem 1rem 1.7rem;
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem
}

.licenses-parent__button::before {
    content: "";
    position: absolute;
    top: 0rem;
    right: -2.79rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(../image/decor/decor-map-button.svg)
}

.licenses-parent__button::after {
    content: "";
    position: absolute;
    top: 0rem;
    left: -2.79rem;
    width: 2.8rem;
    height: 2.8rem;
    background-image: url(../image/decor/decor-map-button.svg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.licenses-parent__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .8rem;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    padding: .8rem 3.8rem;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 1rem;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.licenses-parent__btn.is-active {
    background-color: #ebebf1
}

.licenses-parent__btn-icon {
    height: 2rem
}

.licenses-parent__slider {
    overflow: hidden
}

.licenses-parent__slide img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.licenses-parent__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4rem;
    padding-top: 3rem
}

.licenses-parent__pagintaion {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.licenses-parent__pagintaion .swiper-pagination-bullet {
    position: relative;
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid var(--color-accent);
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.licenses-parent__pagintaion .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    opacity: 0;
    border-radius: 5rem;
    border: 1px solid var(--color-accent);
    -webkit-transition: width var(--transition), height var(--transition), opacity var(--transition);
    transition: width var(--transition), height var(--transition), opacity var(--transition)
}

.licenses-parent__pagintaion .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-accent)
}

.licenses-parent__pagintaion .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 2.2rem;
    height: 2.2rem;
    opacity: 1
}

.licenses-parent__slider-btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    background-color: var(--color-accent);
    border: 1px solid var(--color-accent);
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.conditions {
    border-radius: 5rem;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.conditions_minus-mt {
    margin-top: -2rem
}

.conditions_mt {
    margin-top: 14rem
}

.conditions_mb {
    margin-bottom: 8rem
}

.conditions__video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    border-radius: 3rem
}

.conditions__inner {
    position: relative;
    z-index: 2;
    min-height: 780px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 3rem 6.6rem 6.6rem
}

.conditions__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 4.4rem;
    line-height: 120%;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 3rem
}

.conditions__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.5rem;
    margin-left: .3rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.conditions__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .9rem 2.1rem .9rem 1.2rem;
    gap: 1rem;
    letter-spacing: .1em
}

.advantages {
    overflow: hidden
}

.advantages_mb {
    margin-bottom: 10rem
}

.advantages__slide {
    width: 35.2rem !important;
    height: 41rem;
    position: relative;
    cursor: pointer
}

.advantages__slide-parent {
    height: 100%;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
    border-radius: 5px
}

.advantages__slide-bg {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px
}

.advantages__slide-parent-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--color-accent);
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
    border-radius: 5px;
    font-family: var(--ff-accent);
    color: #fff;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear;
    pointer-events: none
}

.advantages__slide-parent-info-title {
    display: block;
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg);
    margin-bottom: 1.7rem
}

.advantages__slide-parent-info-text {
    font-family: var(--ff-text);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .05em;
    text-align: center;
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg);
    margin-bottom: 2.5rem
}

.advantages__slide-parent-info-link {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff;
    text-align: center;
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg)
}

.feedback {
    max-width: 106.4rem;
    width: 100%;
    margin-inline: auto;
    background: #fff;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05);
    border-radius: 3rem;
    padding: 1.6rem 2rem
}

.feedback_mb {
    margin-bottom: 10rem
}

.feedback__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.03fr;
    grid-template-columns: 1fr 1.03fr
}

.feedback__box {
    padding: 3rem 4.3rem 1rem 2.3rem
}

.feedback__picture {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%
}

.feedback__picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 2rem
}

.form__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    text-align: left;
    margin-bottom: 2rem
}

.form__col,
.form__col-2,
.form fieldset {
    padding: 0;
    border: none
}

.form__col legend,
.form__col-2 legend,
.form fieldset legend {
    display: none
}

.form__col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 1.3rem
}

.form__col-2 {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1.1rem
}

.form__label {
    max-width: 100%;
    width: 100%
}

.form__label:not(:last-child) {
    margin-bottom: 1rem
}

.form__input {
    max-width: 100%;
    width: 100%;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #000;
    border: none;
    outline: none;
    background-color: #f0f3f9;
    border-radius: .8rem;
    padding: 2rem 2rem 1.8rem 2rem
}

.form__input::-webkit-input-placeholder {
    color: #3f4042
}

.form__input::-moz-placeholder {
    color: #3f4042
}

.form__input:-ms-input-placeholder {
    color: #3f4042
}

.form__input::-ms-input-placeholder {
    color: #3f4042
}

.form__input::placeholder {
    color: #3f4042
}

.form__input.form__input_bg-white {
    background-color: #fff
}

.form__label-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 2.4rem;
    cursor: pointer
}

.form__label-checkbox input[type=checkbox] {
    display: none
}

.form__label-checkbox input[type=checkbox]:checked~.form__label-checkbox-decor::before {
    opacity: 1
}

.form__label-checkbox-decor {
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2rem;
    height: 2rem;
    border-radius: .7rem;
    border: 1px solid var(--color-accent);
    position: relative
}

.form__label-checkbox-decor::before {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--color-accent);
    border-radius: .5rem;
    opacity: 0;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear
}

.form__label-checkbox-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: .01em;
    color: var(--color-brown)
}

.form__label-checkbox-text a {
    color: currentColor;
    text-decoration: underline;
    text-underline-offset: 2px;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.form__btn {
    margin-left: .4rem;
    padding: 1.4rem 2.6rem
}

.form__textarea {
    resize: none
}

.gradient-bg {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(350.22deg, #191111 29.62%, #F30100 75.07%);
    background: linear-gradient(99.78deg, #191111 29.62%, #F30100 75.07%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-repeat: no-repeat;
    height: 70%
}

.gradient-bg::after {
    content: "";
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #F0F3F9 72.12%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0F3F9 72.12%);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 400px
}

.gradient-bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1200px;
    background: -webkit-linear-gradient(350.22deg, #191111 29.62%, #F30100 75.07%);
    background: linear-gradient(99.78deg, #191111 29.62%, #F30100 75.07%)
}

.gradient-bg.gradient-bg_white::after {
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%);
    bottom: -20px
}

.gradient-bg.gradient-bg_height-90 {
    height: 90%
}

.above-block {
    position: relative;
    z-index: 2
}

.cards__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1.8rem 2rem
}

.card {
    position: relative;
    -webkit-transition: box-shadow var(--transition);
    transition: box-shadow var(--transition);
    border: 1px solid #d5d7e6;
    background-color: #fff;
    border-radius: 2rem;
    padding: 1rem;
    min-height: 32.5rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-row-gap: .5rem;
    transition: box-shadow var(--transition)
}

.card__img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 15rem;
    border-radius: 1.3rem
}

.card__img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 1.3rem;
    object-position: center;
    object-fit: cover;
    border-radius: 1.3rem
}

.card__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 1rem
}

.card__name {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 1rem;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.card__address {
    font-family: var(--ff-text);
    font-style: normal;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .5rem;
    margin-bottom: .5rem
}

.card__address-icon {
    height: 1.4rem
}

.card__text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #000
}

.card__phone {
    font-family: var(--ff-accent);
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear;
    margin-top: auto;
    margin-bottom: 0
}

.card__phone-icon {
    height: 14px
}

.card__phone-icon svg path {
    -webkit-transition: stroke 300ms linear;
    transition: stroke 300ms linear
}

.card__peculiarities {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff;
    background-color: var(--color-accent);
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    border-radius: .5rem;
    position: absolute;
    top: 1.8rem;
    left: 2.3rem;
    padding: .7rem 1.4rem
}

.card__peculiarities-text {
    display: block;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg)
}

.accordion-block-body:has(.cards__list) {
    background-color: #ebebf1;
    border-radius: 3rem
}

.accordion-block-body:has(.cards__list).is-open {
    padding: 7.2rem 2.3rem 2.3rem 2.3rem
}

.map-container-parent-map-info {
    max-width: 28rem;
    width: 100%;
    pointer-events: none;
    background-color: #fff;
    padding: .9rem .7rem;
    position: absolute;
    top: 4rem;
    right: 6rem;
    border-radius: 2rem;
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: transform var(--transition), opacity var(--transition);
    transition: transform var(--transition), opacity var(--transition), -webkit-transform var(--transition)
}

.map-container-parent-map-info__close {
    position: absolute;
    z-index: 2;
    top: 1.75rem;
    right: 1.5rem;
    width: 3.1rem;
    height: 3.1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .2509803922);
    border: 1px solid #fff;
    border-radius: 1rem;
    -webkit-transition: background 300ms linear;
    transition: background 300ms linear
}

.map-container-parent-map-info__inner {
    position: relative
}

.map-container-parent-map-info.is-open {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
    z-index: 2
}

.map-container-parent-map-info .card__phone {
    margin-top: 4rem
}

.balloon-body__picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.swiper-slide.info-slider__slide {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1)
}

.animate__delay-08s {
    --animate-delay: 0.5s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.animate__delay-1s {
    --animate-delay: 0.8s;
    -webkit-animation-delay: var(--animate-delay);
    animation-delay: var(--animate-delay)
}

.loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear
}

.loading.is-hidden {
    opacity: 0
}

.loading__box {
    width: 8rem;
    height: 8rem;
    background-color: #530a0a;
    -webkit-mask-image: url(../image/decor/mask.png);
    mask-image: url(../image/decor/mask.png);
    background-repeat: no-repeat;
    position: relative
}

.loading__box::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0%;
    background-color: #f30100
}

.loading.is-animate .loading__box::before {
    -webkit-animation: height 600ms forwards;
    animation: height 600ms forwards
}

@-webkit-keyframes height {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

@keyframes height {
    0% {
        height: 0
    }

    100% {
        height: 100%
    }
}

.header-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 200;
    background: #fff url(../image/header-mobile-menu.png) no-repeat 100% 100%;
    max-width: 100vw;
    width: 100%;
    height: 100svh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 3rem;
    will-change: transform;
    -webkit-transform: translateX(200vw);
    -ms-transform: translateX(200vw);
    transform: translateX(200vw);
    -webkit-transition: -webkit-transform 600ms linear;
    transition: -webkit-transform 600ms linear;
    transition: transform 600ms linear;
    transition: transform 600ms linear, -webkit-transform 600ms linear;
    padding: 5vh var(--container-padding)
}

.header-mobile-menu.is-open {
    -webkit-transform: translateX(0vw);
    -ms-transform: translateX(0vw);
    transform: translateX(0vw)
}

.header-mobile-menu__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20rem;
    overflow-y: scroll
}

.header-mobile-menu__inner::-webkit-scrollbar {
    display: none
}

.header-mobile-menu__item {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 100%;
    letter-spacing: 2%;
    color: #000
}

.header-mobile-menu__item:not(:last-child) {
    margin-bottom: 3.2rem
}

.header-mobile-menu__link {
    color: currentColor;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.header-mobile-menu .header__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3rem;
    margin-bottom: 3rem
}

.header-mobile-menu .header__social {
    margin-left: 0;
    gap: 3rem
}

.header-mobile-menu .header__social-item svg {
    width: 4rem;
    height: 4rem
}

.header-mobile-menu__btn-close {
    position: absolute;
    top: 2rem;
    right: 2.5rem
}

.header-mobile-menu__btn-close svg path {
    -webkit-transition: stroke var(--transition);
    transition: stroke var(--transition)
}

.header__row-scrolling {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.coockie-modal {
    max-width: 39rem;
    width: 100%;
    background-color: #fff;
    position: fixed;
    z-index: 100;
    bottom: 6%;
    -webkit-animation: 1.8s linear 0s forwards alternate leftPos;
    animation: 1.8s linear 0s forwards alternate leftPos;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top-left-radius: .6rem;
    border-bottom-left-radius: .6rem;
    border-top-right-radius: .6rem;
    border-bottom-right-radius: .6rem;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05)
}

.coockie-modal__text {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 100%;
    letter-spacing: 2%;
    color: var(--color-brown);
    padding: 1.1rem 2.4rem
}

.coockie-modal__text a {
    color: currentColor;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.coockie-modal__btn {
    padding: 1.2rem 2rem;
    position: relative;
    right: -4px
}

.coockie-modal.is-hidden {
    display: none !important
}

@-webkit-keyframes leftPos {
    0% {
        right: -100%;
        opacity: 0
    }

    100% {
        right: 4%;
        opacity: 1
    }
}

@keyframes leftPos {
    0% {
        right: -100%;
        opacity: 0
    }

    100% {
        right: 4%;
        opacity: 1
    }
}

.bg-white-border:has(.steps) {
    margin-top: -332px;
    position: relative;
    z-index: 2;
    padding-bottom: 4rem
}

.steps {
    padding-top: 10rem
}

.steps__inner {
    max-width: 1025px;
    width: 100%;
    margin-inline: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 69.5rem;
    grid-template-columns: 1fr 69.5rem
}

.steps__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: left;
    color: var(--color-brown);
    -ms-grid-column: 2;
    grid-column: 2;
    padding-left: 1rem;
    margin-bottom: 5.5rem
}

.steps__list {
    -ms-grid-column-span: 2;
    grid-column: span 2
}

.steps__item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 69.5rem;
    grid-template-columns: 1fr 69.5rem;
    cursor: pointer;
    overflow: hidden
}

.steps__item:not(:hover) .steps__item-decor {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.steps__item:not(:last-child) .steps__item-content {
    padding-bottom: 8rem;
    position: relative
}

.steps__item:not(:last-child) .steps__item-content::before {
    content: "";
    position: absolute;
    left: 31px;
    width: 2px;
    height: 100%;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23DCDFE5FF' stroke-width='8' stroke-dasharray='6%2c 14' stroke-dashoffset='13' stroke-linecap='butt'/%3e%3c/svg%3e")
}

.steps__item:nth-child(6) .steps__item-content {
    padding-bottom: 6rem
}

.steps__item-decor {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: transform var(--transition), opacity var(--transition);
    transition: transform var(--transition), opacity var(--transition), -webkit-transform var(--transition);
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.steps__item-decor::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: var(--color-accent);
    -webkit-transform: skew(-4deg);
    -ms-transform: skew(-4deg);
    transform: skew(-4deg)
}

.steps__item-bg {
    position: relative;
    z-index: 2;
    bottom: 1rem;
    right: .5rem;
    -webkit-transform: skew(-2deg);
    -ms-transform: skew(-2deg);
    transform: skew(-2deg)
}

.steps__item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 3.5rem;
    padding-left: .8rem;
    -ms-grid-column: 2;
    grid-column: 2
}

.steps__item-num {
    position: relative;
    z-index: 2;
    width: 5rem;
    height: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 5rem;
    font-family: var(--ff-accent);
    font-weight: 700;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    -webkit-column-rule: var(--color-brown);
    -moz-column-rule: var(--color-brown);
    column-rule: var(--color-brown);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.steps__item-num svg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.steps__item-title {
    font-family: var(--ff-accent);
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    padding-top: .8rem;
    margin-bottom: .8rem;
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.steps__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 150%;
    letter-spacing: .02em
}

.steps_mb {
    margin-bottom: 11.3rem
}

.calculator {
    max-width: calc(100% - 8.8rem);
    width: 100%;
    background-color: #f0f3f9;
    border-radius: 30px;
    margin-inline: auto;
    padding: 5.6rem 6rem 3rem 6rem
}

.calculator__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1.1fr 1fr;
    grid-template-columns: 1.1fr 1fr;
    gap: 6rem
}

.calculator__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 4.5rem
}

.calculator__item {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #5f6063
}

.calculator__item:not(:last-child) {
    margin-bottom: 5rem
}

.calculator__item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: var(--ff-accent);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #2d2d2d;
    margin-bottom: 1rem
}

.calculator__item-range-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calculator__item-range-num {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 16px;
    line-height: 140%;
    letter-spacing: .02em;
    color: #8c8f95
}

.calculator__item-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.calculator__liters-btn svg path {
    -webkit-transition: stroke var(--transition);
    transition: stroke var(--transition)
}

.calculator__liters-input {
    width: 11rem;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-accent);
    border: none;
    background: none;
    outline: none
}

.calculator__liters-input::-webkit-input-placeholder {
    color: var(--color-accent)
}

.calculator__liters-input::-moz-placeholder {
    color: var(--color-accent)
}

.calculator__liters-input:-ms-input-placeholder {
    color: var(--color-accent)
}

.calculator__liters-input::-ms-input-placeholder {
    color: var(--color-accent)
}

.calculator__liters-input::placeholder {
    color: var(--color-accent)
}

.calculator__item-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .8rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.4rem
}

.calculator__item-btn {
    min-width: 9.8rem;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .03em;
    color: #656565;
    padding: 1rem 1.3rem;
    background: #fff;
    border-radius: .6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: color var(--transition), background var(--transition);
    transition: color var(--transition), background var(--transition)
}

.calculator__item-btn.is-active {
    background: var(--color-accent);
    color: #fff
}

.calculator__item-range:has(.calculator__item-range-row) .custom-range {
    margin-bottom: 1.5rem
}

.calculator__list {
    padding-top: 22px;
    margin-bottom: 2rem
}

.calculator__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calculator__list-item:not(:last-child) {
    margin-bottom: .6rem
}

.calculator__item-value {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #2d2d2d;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    border-radius: .8rem;
    font-family: var(--ff-accent);
    padding: 1.4rem 2rem;
    margin-bottom: 2rem
}

.calculator__result-text {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #2d2d2d
}

.calculator__result-value {
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-accent);
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.calculator__row-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2.8rem
}

.calculator .form__col {
    margin-bottom: 1.8rem
}

.calculator .form__btn {
    min-width: 17rem;
    margin-left: 0;
    padding: 1.4rem 2.6rem
}

.calculator .form__label-checkbox {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.calculator .form__label-checkbox-text {
    letter-spacing: .06rem
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.custom-range {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 3px;
    border-radius: 4px;
    background: #d3d3e8;
    outline: none;
    margin: 0px 0;
    position: relative
}

.custom-range::before {
    content: "";
    width: var(--width);
    background-color: var(--color-accent);
    position: absolute;
    height: 3px
}

.custom-range::-webkit-slider-track {
    -webkit-appearance: none;
    height: 3px;
    border-radius: 0px;
    background: #d3d3e8
}

.custom-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid var(--color-accent);
    cursor: pointer;
    position: relative;
    z-index: 20
}

.custom-range::-moz-range-track {
    width: 100%;
    height: 3px;
    border-radius: 0px;
    background: #d3d3e8;
    border: none
}

.custom-range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid var(--color-accent);
    cursor: pointer
}

.custom-range::-webkit-slider-thumb:hover {
    background: #f1f1f1
}

.custom-range::-moz-range-thumb:hover {
    background: #f1f1f1
}

.advantages-g {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 158rem;
    background: var(--bg-desktop);
    background-size: cover;
    background-repeat: no-repeat;
    background-size: top center;
    margin-top: -31rem;
    border-bottom-left-radius: 5rem;
    border-bottom-right-radius: 5rem;
    overflow: hidden
}

.advantages-g_mb {
    margin-bottom: 11rem
}

.advantages-g__inner {
    margin-top: auto;
    margin-bottom: 12rem
}

.advantages-g__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: row;
    -ms-flex-wrap: row;
    flex-wrap: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advantages-g__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 4.4rem;
    line-height: 120%;
    letter-spacing: .02em;
    color: #fff
}

.advantages-g__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 1.5rem
}

.advantages-g__btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    border-radius: 1rem;
    -webkit-transition: opacity var(--transition), background var(--transition), border var(--transition);
    transition: opacity var(--transition), background var(--transition), border var(--transition)
}

.advantages-g__btn.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

.advantages-g__parent-slider .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.advantages-g__slider {
    padding-top: 9.6rem
}

.advantages-g__slide {
    width: 305px !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1.2rem;
    background-color: #fff;
    border-radius: 3rem;
    height: auto;
    min-height: 27.6rem;
    padding: 3rem 2rem 2rem 2rem;
    position: relative
}

.advantages-g__slide:last-child {
    margin-right: 15px
}

.advantages-g__slide-icon {
    position: absolute;
    top: -60px
}

.advantages-g__slide-title {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown)
}

.advantages-g__slide-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: #000
}

.question_mb {
    margin-bottom: 10rem
}

.question__inner {
    max-width: 85rem;
    width: 100%;
    margin: 0 auto
}

.question__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    margin-bottom: 4rem;
    text-align: center
}

.question__accordion {
    width: 100%;
    max-width: 100%;
    padding: 2rem 2rem 2rem 2.5rem;
    border-radius: 2rem;
    -webkit-transition: background 600ms linear;
    transition: background 600ms linear;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    contain: layout style
}

.question__accordion:has(.accordion-block-body.is-open) {
    background: #f0f3f9
}

.question__accordion:has(.accordion-block-body.is-open) .question__accordion-top {
    margin-bottom: .6rem
}

.question__accordion:has(.accordion-block-body.is-open) .question__accordion-body {
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    opacity: 1
}

.question__accordion:has(.accordion-block-body.is-open) .question__accordion-btn {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.question__accordion-top {
    width: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}

.question__accordion-title {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.question__accordion-btn {
    -webkit-transition: -webkit-transform var(--transition);
    transition: -webkit-transform var(--transition);
    transition: transform var(--transition);
    transition: transform var(--transition), -webkit-transform var(--transition)
}

.question__accordion-body {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #000;
    max-height: 0;
    -webkit-transition: opacity 600ms linear, max-height var(--transition);
    transition: opacity 600ms linear, max-height var(--transition);
    opacity: 0;
    will-change: max-height
}

.question__accordion-body.is-open {
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    opacity: 1
}

.block-decor-gradient {
    position: relative
}

.block-decor-gradient::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 2;
    height: 52rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%)
}

.block-decor-gradient::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 50px;
    z-index: 1;
    height: 34rem;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.92%);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.contact-page {
    padding-top: 3rem;
    padding-inline: 3rem
}

.contact-page__map {
    position: relative;
    background-color: #fff;
    border-radius: 4rem;
    padding: 2rem;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05)
}

.contact-page__map .map-container-parent-map-info {
    right: 4rem
}

.contact-page__map_mb {
    margin-bottom: 10em
}

.bg-gray:has(.contact-form-inner) {
    padding: 3rem
}

.contact-form-inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 44.6rem;
    grid-template-columns: 1fr 44.6rem;
    grid-column-gap: 3rem
}

.contact-form-content {
    background: url(../image/contact-form-bg.png) 100% 100% no-repeat #fff;
    border-radius: 3rem;
    padding: 4rem 5rem
}

.contact-form-content__title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 4.3rem
}

.contact-form-content__item:not(:last-child) {
    margin-bottom: 2.8rem
}

.contact-form-content__item-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem;
    font-family: var(--ff-accent);
    font-style: normal;
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.contact-form-content__item-title a {
    color: currentColor;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.contact-form-content__text {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #a3a5b4
}

.contact-form-content__item-title-small {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em
}

.contact-form_mb {
    margin-bottom: 8rem
}

.contact-form__form {
    padding-top: 2rem
}

.contact-form__form .form__title {
    font-size: 2.6rem;
    margin-bottom: 1.5rem
}

.contact-form__form .form__textarea {
    min-height: 12rem
}

.contact-form__form .form__btn {
    padding: 1.4rem 4rem
}

.contact-form__form .form__label-checkbox {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.contact-form__form .form__label-checkbox-text {
    letter-spacing: 0em
}

.contact-form__form .form__label:not(:last-child) {
    margin-bottom: .9rem
}

.contact-form__form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 2.6rem
}

.form__label_comment {
    position: relative
}

.form__input-file-parent {
    position: absolute;
    font-size: 0;
    border: none;
    background: none;
    height: 2rem;
    top: 2rem;
    right: 2rem
}

.form__input-file-parent svg path {
    -webkit-transition: stroke var(--transition);
    transition: stroke var(--transition)
}

.form__input-file {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer
}

.vacancy {
    background-image: -webkit-linear-gradient(top, #ffffff, #fcfcfd, #f8f9fc, #f4f6fa, #f0f3f9);
    background-image: linear-gradient(to bottom, #ffffff, #fcfcfd, #f8f9fc, #f4f6fa, #f0f3f9)
}

.vacancy-top {
    background-image: var(--bg-desktop);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 113rem;
    position: relative;
    z-index: 2;
    /* border-top-left-radius: 5rem; */
    /* border-top-right-radius: 5rem */
}

.vacancy-top__inner {
    padding-top: 9.1em
}

.vacancy-top__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 4.4rem;
    line-height: 120%;
    letter-spacing: .02em;
    color: #fff;
    text-align: center;
    margin: 0;
    padding-bottom: 2.9rem
}

.vacancy-top__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem
}

.vacancy-top__item {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: #fff;
    background-color: #f30100;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    border-radius: .5rem;
    padding: .9rem 2rem
}

.vacancy-top__item-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: F flex-start;
    -webkit-justify-content: F flex-start;
    -ms-flex-pack: F flex-start;
    justify-content: F flex-start;
    gap: 1rem;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg)
}

.vacancy-parent-slider {
    background-color: #fff;
    padding: 4.2rem;
    border-radius: 5rem;
    position: relative;
    z-index: 2;
    margin-top: -40em
}

.vacancy-parent-slider_mb {
    margin-bottom: 8rem
}

.vacancy-parent-slider__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 3rem
}

.vacancy-parent-slider__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.vacancy-parent-slider__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1.5rem
}

.vacancy-parent-slider__btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1rem;
    border: 1px solid #f64040;
    background: var(--color-accent);
    -webkit-transition: background var(--transition), border var(--transition);
    transition: background var(--transition), border var(--transition)
}

.vacancy-parent-slider__btn.swiper-button-disabled {
    background: #f49393;
    border: 1px solid #f5adad;
    pointer-events: none;
    cursor: auto
}

.vacancy-slider {
    overflow: hidden
}

.vacancy-slider_mb {
    margin-bottom: 8rem
}

.vacancy-slider .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.vacancy-slider__slide {
    border: 1px solid #d5d7e6;
    background-color: #fff;
    border-radius: 2rem;
    padding: 2rem 2.6rem 2rem;
    height: auto
}

.vacancy-slider__slide-job-title {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #fff;
    padding: 1.2rem 1.8rem;
    margin-bottom: 1.8rem;
    background-color: var(--color-accent)
}

.vacancy-slider__slide-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 1rem
}

.vacancy-slider__slide-list {
    margin-bottom: 2rem
}

.vacancy-slider__slide-item:not(:last-child) {
    margin-bottom: .8rem
}

.vacancy-slider__slide-item-title {
    font-family: var(--ff-text);
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #000
}

.vacancy-slider__slide-item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #000
}

.vacancy-slider__slide-read-more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto auto 0;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-accent)
}

.block-decor-gray-gradient:has(.vacancy-accordion) {
    padding-bottom: 10rem
}

.block-decor-gray-gradient {
    position: relative;
    background-color: #f0f3f9
}

.block-decor-gray-gradient::before {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 50rem;
    background: -webkit-linear-gradient(top, rgba(240, 243, 249, 0) 0%, #F0F3F9 62.92%);
    background: linear-gradient(180deg, rgba(240, 243, 249, 0) 0%, #F0F3F9 62.92%)
}

.vacancy-accordion {
    background-color: #fff;
    border-radius: 5rem;
    padding: 4.1rem 4.1rem 4.4rem 4.1rem;
    position: relative
}

.vacancy-accordion__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 39.2rem 1fr;
    grid-template-columns: 39.2rem 1fr;
    grid-column-gap: 2rem
}

.vacancy-accordion__buttons {
    max-width: 100%;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

.vacancy-accordion__btn {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: var(--color-brown);
    border: 1px solid #d5d7e6;
    border-radius: 1rem;
    background: #fff;
    padding: 2.2rem;
    -webkit-transition: background var(--transition);
    transition: background var(--transition)
}

.vacancy-accordion__btn.is-active {
    background-color: #f0f3f9
}

.vacancy-accordion__content {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    border: 1px solid #d5d7e6;
    padding: 5rem 4rem
}

.vacancy-accordion__body {
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.vacancy-accordion__body::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 51rem;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-image: var(--bg);
    background-position: center;
    background-repeat: no-repeat
}

.vacancy-accordion__body.is-open {
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.vacancy-accordion__body-box {
    max-width: 33rem;
    width: 100%;
    padding-left: 4.6rem
}

.vacancy-accordion__body-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    padding-bottom: 2rem;
    position: relative
}

.vacancy-accordion__body-title::before {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: -4.6rem;
    width: 3.5rem;
    height: 2.7rem;
    background-image: url(../image/decor/accordion-title-decor.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.vacancy-accordion__body-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.3rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #050505
}

.banner-image {
    border-radius: 3rem
}

.banner-image__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url("../image/bannerAZS.png");
    gap: 50px;
}

.banner-image__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: left;
    color: #fff
}

.bg-gray:has(.banner-image) {
    overflow: unset
}

.bg-gray:has(.banner-image) .bg-white-border {
    margin-top: -33.2rem
}

.bg-white:has(.banner-image) {
    overflow: unset;
    margin-top: -33.2rem
}

.bg-white-border_style-two {
    padding: 3rem 4.2rem 4.2rem
}

.bg-white-border_style-two .map-container-parent {
    padding-inline: 0px
}

.bg-white-border_style-two .map-container-parent-map-info {
    right: 2rem;
    right: 2rem
}

.gas-station_pb {
    padding-bottom: 14.8rem
}

.gas-station__filter {
    border: 1px solid #d5d7e6;
    border-radius: 2rem;
    padding: 1rem
}

.gas-station__filter_mb {
    margin-bottom: 2rem
}

.gas-station__filter-slider {
    position: relative;
    overflow: hidden
}

.gas-station__filter-slider .swiper-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.gas-station__filter-control-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    z-index: 2;
    width: 7.6rem;
    padding-block: .2rem;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition);
    cursor: auto
}

.gas-station__filter-control-btn-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: var(--color-accent);
    -webkit-transition: background var(--transition);
    transition: background var(--transition);
    cursor: pointer
}

.gas-station__filter-control-btn.gas-station__filter-control-btn_next {
    right: 0;
    top: 50%;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) -35.92%, #FFFFFF 47.72%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) -35.92%, #FFFFFF 47.72%)
}

.gas-station__filter-control-btn.gas-station__filter-control-btn_prev {
    left: 0;
    top: 50%;
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -ms-flex-pack: start;
    justify-content: start;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) -35.92%, #FFFFFF 47.72%);
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) -35.92%, #FFFFFF 47.72%)
}

.gas-station__filter-control-btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.gas-station__filter-btn {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: 2%;
    color: var(--color-brown);
    padding: .8rem;
    border-radius: 1rem;
    background: rgba(0, 0, 0, 0);
    -webkit-transition: background var(--transition), color var(--transition);
    transition: background var(--transition), color var(--transition)
}

.gas-station__filter-btn:has(.gas-station__filter-btn-icon) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .8rem;
    padding: .8rem 2rem
}

.gas-station__filter-btn.mixitup-control-active {
    background-color: #ebebf1
}

.gas-station__filter-slide {
    max-width: -webkit-max-content !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    width: 100% !important;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.gas-station__content_mb {
    margin-bottom: 4.8rem
}

.gas-station__all-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    padding: 1.3rem 2.3rem
}

.tick-credits {
    display: none
}

.tick-parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6rem
}

.tick-parent_pb {
    padding-bottom: 7.8rem
}

.tick-parent__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    position: relative
}

.tick__text {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.6rem;
    line-height: 140%;
    letter-spacing: 2%;
    text-align: center
}

.tick-flip {
    display: block;
    width: 5.412rem;
    height: 8rem;
    margin-right: .8rem;
    border-radius: .627rem
}

.tick-flip-card {
    overflow: hidden
}

.tick-flip-panel-back-text,
.tick-flip-panel-front {
    background-color: #f30100;
    box-shadow: unset
}

.tick-flip-panel-front-shadow {
    background-image: unset
}

.tick-flip-shadow {
    box-shadow: unset
}

.tick-flip-panel-back::after {
    box-shadow: 0px 14.1176px 5.4902px rgba(0, 0, 0, .04), 0px 7.84314px 4.70588px rgba(0, 0, 0, .12), 0px 3.13725px 3.13725px rgba(0, 0, 0, .2), 0px .784314px 1.56863px rgba(0, 0, 0, .24)
}

.tick-flip-panel-text-wrapper {
    font-family: "Bebas Neue Pro";
    font-weight: 700;
    font-size: 6.2rem;
    line-height: 120%;
    letter-spacing: 0%;
    color: #fff
}

.city-selection_mb {
    margin-bottom: 10rem
}

.city-selection__inner {
    padding: 2rem;
    border-radius: 5rem;
    position: relative
}

.city-selection__bg {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 5rem;
    opacity: 0;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.city-selection__bg.is-active {
    opacity: 1
}

.city-selection__box {
    max-width: 42rem;
    width: 100%;
    padding: 2rem;
    background-color: #fff;
    border-radius: 3rem;
    position: relative;
    z-index: 2
}

.city-selection__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 2rem
}

.city-selection__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.5rem
}

.city-selection__btn {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    padding: .8rem 2rem;
    border: 1px solid #ebebf1;
    background: rgba(0, 0, 0, 0);
    border-radius: 1rem;
    color: var(--color-brown);
    -webkit-transition: border var(--transition), background var(--transition);
    transition: border var(--transition), background var(--transition)
}

.city-selection__btn.is-active {
    background-color: #ebebf1;
    border: 1px solid #ebebf1
}

.city-selection__select {
    max-width: 100%;
    width: 100%;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: 2%;
    color: #4a4a4a;
    text-align: left;
    padding: 1.5rem 2rem;
    border: 1px solid #d5d7e6;
    border-radius: .8rem;
    margin-bottom: .7rem
}

.city-selection__description {
    display: block;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 120%;
    letter-spacing: .02em;
    color: #4a4a4a;
    margin-bottom: 2.1rem
}

.city-selection__list {
    margin-bottom: 1rem
}

.city-selection__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.city-selection__item:not(:last-child) {
    margin-bottom: .5rem
}

.city-selection__item-text {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #6c6c6c
}

.city-selection__item-value {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #2d2d2d
}

.city-selection__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #d5d7e6;
    border-radius: .8rem;
    padding: 1.4rem 2rem
}

.city-selection__price-text {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #2d2d2d
}

.city-selection__price-value {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-accent)
}

.custom-select {
    cursor: pointer;
    position: relative
}

.custom-select select {
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.custom-select::before {
    content: "";
    position: absolute;
    right: 1.5rem;
    top: 1.6rem;
    width: 1.8rem;
    height: 1.8rem;
    background-image: url(../image/decor/select-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2
}

.storage__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 47rem 1fr;
    grid-template-columns: 47rem 1fr;
    margin-bottom: 5rem
}

.storage__content {
    padding-left: 3.6rem;
    padding-top: 4.2rem
}

.storage__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    position: relative;
    padding-left: 5rem;
    margin-bottom: 1.4rem
}

.storage__title::before {
    content: "";
    position: absolute;
    top: .2rem;
    left: .1rem;
    width: 3.5rem;
    height: 2.7rem;
    background-image: url(../image/decor/accordion-title-decor.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.storage__text {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 2rem
}

.storage__list:not(:last-child) {
    margin-bottom: 2.1rem
}

.storage__item {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    position: relative;
    padding-left: 1rem;
    padding-left: 1.5rem
}

.storage__item:not(:last-child) {
    margin-bottom: 1rem
}

.storage__item::before {
    content: "";
    position: absolute;
    left: .3rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .7rem;
    height: .7rem;
    border-radius: 10rem;
    background-color: var(--color-accent)
}

.storage__image {
    position: relative;
    padding-top: 1rem;
    border-radius: 2rem
}

.storage__image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.storage__image-info {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    position: absolute;
    bottom: 2.5rem;
    right: .5rem;
    background-color: var(--color-accent);
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    border-radius: .5rem;
    color: #fff;
    padding: 1rem 2.8rem 1.4rem 2.8rem
}

.storage__image-info-title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3.1rem;
    line-height: 140%;
    letter-spacing: .02em
}

.storage__image-info-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: .02em
}

.storage__parent-form {
    background-color: #f0f3f9;
    border-radius: 3rem;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40rem;
    grid-template-columns: 1fr 40rem;
    gap: 2rem
}

.storage__parent-form .form {
    padding: 4.7rem 0rem 1rem 4rem
}

.storage__form-rom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    gap: 2.5rem;
    margin-top: 1.1rem
}

.storage .form__btn {
    padding: 1.4rem 3.9rem
}

.storage .form__label-checkbox-decor {
    top: 0rem;
    left: .3rem
}

.storage .form__label-checkbox {
    margin-bottom: 0
}

.storage__info {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.storage__form-image img {
    border-radius: 2rem
}

.bg-white-border_style-two:has(.card-slider-row) {
    padding: 3rem 0rem 4.2rem 0rem
}

.bg-white-border_style-two:has(.card-slider-row) .storage__inner {
    padding-inline: 4.2rem
}

.bg-white-border_style-two:has(.corporate-gas-station) {
    padding-top: 4.2rem
}

.bg-white-border_style-two:has(.corporate-gas-station) {
    padding-bottom: 3.2rem
}

.card-slider-row {
    overflow: hidden;
    padding-inline: 4.2rem;
    position: relative
}

.card-slider-row_mb {
    margin-bottom: 6.1rem
}

.card-slider-row__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    height: 100%;
    max-width: 14.2rem;
    width: 100%;
    cursor: auto;
    -webkit-transition: opacity var(--transition);
    transition: opacity var(--transition)
}

.card-slider-row__btn_prev {
    top: 0;
    background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.43%);
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.43%);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    left: 0
}

.card-slider-row__btn_prev .card-slider-row__btn-icon {
    margin-left: 4.2rem
}

.card-slider-row__btn_next {
    right: -1rem;
    top: 0;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.43%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 74.43%)
}

.card-slider-row__btn_next .card-slider-row__btn-icon {
    margin-right: 5rem
}

.card-slider-row__btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.card-slider-row__btn-icon {
    width: 3rem;
    height: 3rem;
    background: var(--color-accent);
    border-radius: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: background var(--transition);
    transition: background var(--transition)
}

.card-slider-row__slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1.5rem;
    border: 1px solid #d5d7e6;
    border-radius: 2rem;
    padding: 1rem
}

.card-slider-row__slide-picture {
    display: block;
    max-width: 22rem;
    width: 100%;
    height: 100%;
    border-radius: 2rem
}

.card-slider-row__slide-picture img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 2rem
}

.card-slider-row__slide-box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .8rem
}

.card-slider-row__slide-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 1rem
}

.card-slider-row__slide-address {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .5rem;
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: .02em;
    font-style: normal;
    margin-bottom: .5rem
}

.card-slider-row__slide-address-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content
}

.card-slider-row__slide-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: .02em
}

.card-slider-row__slide-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 1rem;
    font-family: var(--ff-accent);
    font-weight: 300;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    -webkit-transition: color var(--transition);
    transition: color var(--transition);
    margin-top: auto
}

.card-slider-row .swiper-slide {
    height: auto
}

.card-slider-row .swiper-wrapper {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.suppliers {
    padding-inline: 4.2rem
}

.suppliers__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 2rem
}

.suppliers__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 1rem;
    padding-inline: 2.5rem
}

.suppliers__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #d5d7e6;
    background-color: #fff;
    border-radius: .5rem;
    -webkit-transform: skew(-5deg);
    -ms-transform: skew(-5deg);
    transform: skew(-5deg);
    padding: 1.8rem;
    -webkit-transition: box-shadow var(--transition);
    transition: box-shadow var(--transition)
}

.suppliers__item-image {
    -webkit-transform: skew(5deg);
    -ms-transform: skew(5deg);
    transform: skew(5deg)
}

.corporate-gas-station__banner {
    background: url(../image/decor/drakon-banner.svg) no-repeat 100.5% 0% var(--color-accent);
    border-radius: 3rem;
    padding-bottom: 2.6rem
}

.corporate-gas-station__banner-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 3.5rem
}

.corporate-gas-station__banner_mb {
    margin-bottom: 3rem
}

.corporate-gas-station__box {
    max-width: 42rem;
    width: 100%;
    padding: 6rem 0rem 0rem 6rem
}

.corporate-gas-station__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 130%;
    letter-spacing: .02em;
    color: #fff;
    position: relative;
    padding-left: 5.2rem;
    margin-bottom: 1.5rem
}

.corporate-gas-station__title::before {
    content: "";
    position: absolute;
    top: 0rem;
    left: .1rem;
    width: 3.5rem;
    height: 2.7rem;
    background-image: url(../image/decor/title-decor-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.corporate-gas-station__text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 150%;
    letter-spacing: .02em;
    color: #fff
}

.corporate-gas-station__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: .8rem;
    gap: 1rem;
    position: relative;
    top: -6px;
    padding-inline: 3.8rem 3rem;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.corporate-gas-station__item {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: .02em;
    color: var(--color-brown);
    background-color: #fff;
    border-radius: .5rem;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    padding: .9rem 1.9rem
}

.corporate-gas-station__info-list {
    max-width: 101rem;
    width: 100%;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 1rem;
    position: relative;
    left: 15px
}

.corporate-gas-station__info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 3rem;
    border: 1px solid #d5d7e6;
    border-radius: 3rem;
    padding: 3rem 3rem 3rem 3.3rem
}

.corporate-gas-station__info-item-icon {
    display: block;
    width: 12.8rem;
    height: 12.8rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.corporate-gas-station__info-item-icon img {
    max-width: 100%;
    width: 100%;
    height: 100%
}

.corporate-gas-station__info-item-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.corporate-gas-station__info-item-text {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.bg-white-border_style-two:has(.section-block) {
    padding: 4rem 4.2rem 4.2rem
}

.section-block:not(:last-child) {
    margin-bottom: 8rem
}

.section-block__banner {
    border-radius: 3rem;
    background-image: var(--bg-desktop);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5.5rem 1rem 7rem 9.5rem
}

.section-block__banner-box {
    color: #fff;
    padding-left: 5.4rem
}

.section-block__banner-title {
    display: block;
    position: relative;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    padding-bottom: 1.5rem
}

.section-block__banner-title::before {
    content: "";
    position: absolute;
    top: .3rem;
    left: -4.8rem;
    width: 3.5rem;
    height: 2.7rem;
    background-image: url(../image/decor/title-decor-white.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.section-block__banner-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    padding-left: .5rem
}

.section-block__slider {
    padding-bottom: 3.8rem
}

.section-block__slider-parent {
    position: relative
}

.section-block__btn {
    width: 3rem;
    height: 3rem;
    position: absolute;
    z-index: 2;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--color-accent);
    border-radius: 1rem;
    -webkit-transition: background var(--transition), opacity var(--transition);
    transition: background var(--transition), opacity var(--transition)
}

.section-block__btn_prev {
    left: -2rem
}

.section-block__btn_next {
    right: -2rem
}

.section-block__btn.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.section-block__banner_mb {
    margin-bottom: 3rem
}

.section-block__content {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1.3fr;
    grid-template-columns: 1fr 1.3fr;
    grid-column-gap: 2.5rem;
    background-color: #f0f3f9;
    border-radius: 3rem;
    color: var(--color-brown);
    padding: 4.2rem 1rem 4rem 4.2rem
}

.section-block__content-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .5rem;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-accent)
}

.section-block__content-name:not(:last-child) {
    margin-bottom: 1rem
}

.section-block__content-main-title {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em
}

.section-block__content-main-title:not(:last-child) {
    margin-bottom: 1.5rem
}

.section-block__content-sub-title {
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em
}

.section-block__content-sub-title:not(:last-child) {
    margin-bottom: 2.2rem
}

.section-block__content-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: .8rem 1rem
}

.section-block__content-list:not(:last-child) {
    margin-bottom: 2rem
}

.section-block__content-item {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em;
    padding-left: 1.5rem;
    position: relative
}

.section-block__content-item::before {
    content: "";
    position: absolute;
    left: .1rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .7rem;
    height: .7rem;
    border-radius: 5rem;
    background-color: var(--color-accent)
}

.section-block__content-description {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 140%;
    letter-spacing: .02em
}

.section-block__content-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #000
}

.block-decor-gray-gradient:has(.section-block) {
    margin-top: -33rem
}

.bg-white-border_mb-14 {
    margin-bottom: 14rem
}

.about-products {
    max-width: 92.3rem;
    width: 100%;
    margin: 0 auto
}

.about-products_mb {
    margin-bottom: 8rem
}

.about-products__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: .4rem
}

.about-products__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    padding: 0rem 3rem 2.5rem 3rem
}

.about-products__item-img {
    display: block;
    margin-top: -5.8rem;
    margin-bottom: 2rem
}

.about-products__item-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.7rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    margin-bottom: 1.5rem
}

.about-products__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: #000
}

.modal {
    left: -200vw;
    max-width: 100%;
    width: 100%;
    height: 100svh;
    position: fixed;
    top: 0;
    background-color: rgba(24, 12, 12, .4);
    z-index: 2000;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal__inner {
    position: relative;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    will-change: transform;
    -webkit-transition: opacity 200ms ease-in-out, -webkit-transform var(--transition);
    transition: opacity 200ms ease-in-out, -webkit-transform var(--transition);
    transition: transform var(--transition), opacity 200ms ease-in-out;
    transition: transform var(--transition), opacity 200ms ease-in-out, -webkit-transform var(--transition)
}

.modal.is-open {
    left: 0
}

.modal.is-open .modal__inner {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px)
}

.modal.is-back-animate .modal__inner {
    opacity: 0;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px)
}

.modal__btn-close {
    top: 3rem;
    right: 3rem;
    position: absolute
}

.modal__btn-close svg path {
    -webkit-transition: stroke var(--transition);
    transition: stroke var(--transition)
}

.modal__title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2rem;
    line-height: 140%;
    letter-spacing: .02em;
    margin-bottom: 2rem
}

.modal-calculate .calculator {
    max-width: 119.6rem;
    width: 100%;
    background-color: #fff
}

.modal-calculate .calculator__inner {
    -ms-grid-columns: 1.2fr 1fr;
    grid-template-columns: 1.2fr 1fr
}

.modal-calculate .calculator__item-btn {
    background: #f0f3f9
}

.modal-calculate .calculator__item-btn.is-active {
    background: var(--color-accent)
}

.modal-calculate .calculator__result {
    background-color: #f0f3f9
}

.modal-back .modal__inner {
    max-width: 96rem;
    width: 100%;
    background: #fff;
    border: 1px solid #d5d7e6;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05);
    border-radius: 3rem;
    padding: 3rem
}

.modal-back .modal__inner .form__input-file::before {
    background: url(../image/icon-file-decor.svg) #f0f3f9
}

.modal-back .modal__inner .form__col-2 {
    margin-left: 0;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 2rem
}

.modal-back .modal__inner .form__label_comment {
    -ms-grid-row-span: 3;
    grid-row: span 3;
    margin-bottom: 0
}

.modal-back .modal__inner .form__textarea {
    height: 100%
}

.modal-back .modal__inner .modal__form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 2.5rem
}

.modal-back .modal__inner .form__label-checkbox {
    margin-bottom: 0
}

.modal-back-min .modal__inner {
    max-width: 47rem;
    width: 100%;
    padding: 3rem;
    background: #fff;
    border: 1px solid #d5d7e6;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05);
    border-radius: 3rem
}

.modal-back-min .modal__title {
    margin-bottom: 1.6rem
}

.modal-back-min .form__col {
    margin-left: 0;
    margin-bottom: 2rem
}

.modal-back-min .form__label-checkbox {
    margin-bottom: 2rem
}

.modal-succes {
    max-width: 26rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 178px 71px rgba(50, 52, 57, .01), 0px 100px 60px rgba(50, 52, 57, .03), 0px 44px 44px rgba(50, 52, 57, .04), 0px 11px 24px rgba(50, 52, 57, .05);
    border-radius: 3rem;
    background-color: #fff;
    padding: 2rem
}

.modal-succes__img {
    margin-top: -4rem;
    margin-bottom: .5rem;
    position: relative;
    right: -1.5rem
}

.modal-succes__title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    margin-bottom: 1.3rem;
    text-align: center
}

.modal-succes__btn {
    max-width: 100%;
    width: 100%;
    padding: 1.1rem;
    position: static
}

.form__label.is-error .form__input {
    border: 1px solid var(--color-accent)
}

.modal-succes {
    opacity: 1;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), transform var(--transition);
    transition: opacity var(--transition), transform var(--transition), -webkit-transform var(--transition)
}

.modal-succes.is-hidden {
    height: 0;
    opacity: 0;
    -webkit-transform: translateY(4rem);
    -ms-transform: translateY(4rem);
    transform: translateY(4rem)
}

.modal__inner.is-hidden {
    display: none !important
}

.gas-station__filter-mobile {
    display: none
}

.loading {
    display: none
}

video::-webkit-media-controls {
    display: none !important
}

video::-webkit-media-controls-panel {
    display: none !important
}

video::-webkit-media-controls-play-button {
    display: none !important
}

video::-webkit-media-controls-start-playback-button {
    display: none !important
}

.steps__btn-more {
    display: none
}

.select2-selection__rendered {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 150%;
    letter-spacing: .02em;
    text-align: left;
    padding-block: 10px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px
}

.select2-selection__arrow b {
    display: none
}

.select2 {
    max-width: 100% !important;
    width: 100% !important
}

.select2-container .select2-selection--single {
    height: auto !important
}

.custom-select {
    margin-bottom: 1rem
}

.select2-results__option {
    font-family: var(--ff-text) !important;
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 150%;
    letter-spacing: .02em;
    text-align: left;
    padding-block: 10px;
    padding-inline: 20px
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: var(--color-accent)
}

.bg-white-border_style-two:has(.section-block__slider) {
    overflow: hidden
}

.section-block__slider-parent {
    position: relative
}

.section-block__slider-parent::before {
    content: "";
    position: absolute;
    width: 4.2rem;
    height: 100%;
    background-color: #fff;
    left: -5.2rem;
    top: 0;
    z-index: 2;
    bottom: 0
}

.section-block__slider-parent::after {
    content: "";
    position: absolute;
    width: 4.2rem;
    height: 100%;
    background-color: #fff;
    right: -5.2rem;
    top: 0;
    z-index: 2;
    bottom: 0
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d5d7e6;
    border-radius: 8px
}

.about-numbers {
    max-width: calc(100% - 8rem);
    width: 100%;
    margin-inline: auto;
    padding: 5rem 6rem 5rem 7rem;
    margin-bottom: 7rem;
    background-color: #f0f3f9;
    border-radius: 3rem
}

.about-numbers__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: 2rem
}

.about-numbers__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0rem 5.5rem
}

.about-numbers__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.about-numbers__item:last-child {
    gap: 2.4rem
}

.about-numbers__item:last-child .about-numbers__item-num {
    letter-spacing: -0.02em
}

.about-numbers__item:nth-child(3) .about-numbers__item-box {
    position: relative;
    left: -15px
}

.about-numbers__item-num {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 9rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown)
}

.about-numbers__item-title {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.2rem;
    line-height: 110%;
    letter-spacing: .02em;
    color: #fff;
    background-color: var(--color-accent);
    -webkit-transform: skew(-17deg);
    -ms-transform: skew(-17deg);
    transform: skew(-17deg);
    border-radius: .4rem;
    padding: .4rem 1.5rem;
    margin-left: .5rem;
    margin-bottom: .4rem
}

.about-numbers__item-title span {
    display: block;
    -webkit-transform: skew(17deg);
    -ms-transform: skew(17deg);
    transform: skew(17deg)
}

.about-numbers__item-description {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.37rem;
    line-height: 120%;
    letter-spacing: .01em;
    color: #fff;
    padding: .4rem .6rem;
    background-color: #697489
}

.block-decor-gray-gradient:has(.about-numbers) {
    margin-top: -36rem;
    padding-bottom: 10rem
}

.bg-white-border_style-two:has(.about-numbers) {
    padding: 4rem .2rem 4.2rem
}

.about-advantages_mb {
    margin-bottom: 14rem
}

.about-advantages__title {
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 3rem;
    line-height: 140%;
    letter-spacing: .02em;
    text-align: center;
    color: var(--color-brown);
    text-align: center;
    margin-bottom: 8.3rem
}

.about-advantages__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    padding-inline: 6.8rem
}

.about-advantages__item {
    position: relative
}

.about-advantages__item:nth-child(1) {
    margin-top: 6rem
}

.about-advantages__item:nth-child(1) .about-advantages__item-default {
    padding-bottom: 3rem
}

.about-advantages__item:nth-child(2) .about-advantages__item-default {
    padding-bottom: 3.5rem
}

.about-advantages__item:nth-child(3) {
    margin-top: 2rem
}

.about-advantages__item:nth-child(3) .about-advantages__item-default {
    padding-bottom: 3rem
}

.about-advantages__item::after {
    content: "";
    position: absolute;
    left: 3rem;
    top: -3rem;
    width: 11rem;
    height: 11rem;
    background-image: var(--icon);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50px;
    -webkit-transform: translateY(2rem);
    -ms-transform: translateY(2rem);
    transform: translateY(2rem);
    opacity: 0;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), transform var(--transition);
    transition: opacity var(--transition), transform var(--transition), -webkit-transform var(--transition)
}

.about-advantages__item:not(:hover)::after {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.about-advantages__item:not(:hover) .about-advantages__item-all-content {
    -webkit-transition: 0s;
    transition: 0s
}

.about-advantages__item-bg {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.about-advantages__item-bg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, rgba(243, 1, 0, 0) 51.93%, #F30100 84.1%);
    background: linear-gradient(180deg, rgba(243, 1, 0, 0) 51.93%, #F30100 84.1%);
    -webkit-transition: background var(--transition);
    transition: background var(--transition);
    z-index: 2
}

.about-advantages__item-bg::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 0;
    background: -webkit-linear-gradient(292.49deg, #F30100 61.85%, #8D0100 103.76%);
    background: linear-gradient(157.51deg, #F30100 61.85%, #8D0100 103.76%);
    -webkit-transition: height var(--transition);
    transition: height var(--transition);
    z-index: 3
}

.about-advantages__item-body {
    height: 440px;
    -webkit-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    position: relative
}

.about-advantages__item-title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 120%;
    letter-spacing: .02em;
    color: #fff;
    margin-bottom: 1.2rem
}

.about-advantages__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #fff
}

.about-advantages__item-decor {
    width: 100%;
    height: 2rem;
    -webkit-transform: skewY(-4deg);
    -ms-transform: skewY(-4deg);
    transform: skewY(-4deg);
    margin-top: .6rem;
    background: var(--color-accent);
    -webkit-transition: background var(--transition);
    transition: background var(--transition)
}

.about-advantages__item-default {
    position: absolute;
    bottom: 0;
    -webkit-transform: skew(3deg) rotate(3deg);
    -ms-transform: skew(3deg) rotate(3deg);
    transform: skew(3deg) rotate(3deg);
    z-index: 2;
    padding: 0rem 3rem 0rem 3rem
}

.about-advantages__item-all-content {
    -webkit-transform: skew(3deg) rotate(3deg) translateY(2rem);
    -ms-transform: skew(3deg) rotate(3deg) translateY(2rem);
    transform: skew(3deg) rotate(3deg) translateY(2rem);
    padding-inline: 3rem;
    position: relative;
    z-index: 4;
    padding-top: 9rem;
    opacity: 0;
    -webkit-transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), -webkit-transform var(--transition);
    transition: opacity var(--transition), transform var(--transition);
    transition: opacity var(--transition), transform var(--transition), -webkit-transform var(--transition);
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.card-map .card__box {
    padding: 1rem 1rem 1rem 1rem
}

.card-map .card__img {
    margin-bottom: 1rem
}

.card-map .card__name {
    font-size: 1.5rem;
    margin-bottom: .8rem
}

.card-map .card__address {
    font-family: var(--ff-text);
    margin-bottom: .2rem;
    font-size: 1.2em
}

.card-map .card__text {
    font-size: 1.3rem
}

.vacancy-slider__slide-box:not(:nth-child(2)) {
    display: none
}

.modal-vacancy .modal__inner {
    max-width: 56rem;
    max-height: calc(100svh - var(--container-padding)*2);
    width: 100%;
    background-color: #fff;
    border: 1px solid #d5d7e6;
    border-radius: 2rem;
    padding: 2rem 2.6rem;
    overflow-y: scroll
}

.modal-vacancy .modal__inner::-webkit-scrollbar {
    display: none
}

.modal-vacancy .vacancy-slider__slide-job-title {
    font-size: 1.8rem;
    padding: 1.2rem 1.8rem;
    margin-bottom: 2rem
}

.modal-vacancy .vacancy-slider__slide-title {
    font-size: 1.7rem;
    line-height: 100%;
    margin-bottom: 1rem
}

.modal-vacancy .vacancy-slider__slide-item-title,
.modal-vacancy .vacancy-slider__slide-item-text {
    font-size: 1.4em
}

.modal-vacancy .vacancy-slider__slide-box:not(:nth-child(2)) {
    display: block
}

.modal-vacancy .vacancy-slider__slide-box:not(:last-child) {
    margin-bottom: 2rem
}

.modal-vacancy .vacancy-slider__slide-read-more {
    display: none
}

.modal-vacancy .vacancy-slider__slide-link {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    display: block;
    font-size: 1.4rem;
    padding: 1.15rem 2.4rem
}

.modal-vacancy .vacancy-slider__slide-item-title {
    font-weight: 600
}

button,
a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    -webkit-appearance: none
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
}

.modal-succes-message .modal-succes,
.modal-development .modal-succes,
.modal-error .modal-succes {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.modal-succes-message.is-open .modal-succes,
.modal-development.is-open .modal-succes,
.modal-error.is-open .modal-succes {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.modal-succes-message.is-back-animate .modal-succes,
.modal-development.is-back-animate .modal-succes,
.modal-error.is-back-animate .modal-succes {
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0
}

.error-page {
    padding-bottom: 2.8rem
}

.error-page__inner {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.error-page__image {
    display: block;
    max-width: 100%;
    width: 100%;
    position: relative;
    right: -4.5rem
}

.error-page__image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: contain
}

.error-page__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -5rem;
    padding-left: 1rem;
    position: relative
}

.error-page__info {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.8rem;
    line-height: 140%;
    text-transform: uppercase;
    color: var(--color-brown);
    padding: .8rem 2rem;
    background-color: rgba(220, 220, 220, .3019607843);
    border-radius: 1rem;
    margin-bottom: 2.7rem
}

.error-page__title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 140%;
    letter-spacing: 0;
    color: #000;
    margin-bottom: 1.2rem
}

.error-page__text {
    font-family: var(--ff-text);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 140%;
    letter-spacing: .02em;
    margin-bottom: 3rem
}

.error-page__link {
    display: block;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    padding: 1.35rem 3.5rem
}

.stock {
    padding-bottom: 10rem
}

.stock-title {
    margin-bottom: 4.5rem
}

.stock__list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem
}

.stock__item {
    max-width: 100%;
    width: 100%;
    border: 1px solid #d5d7e6;
    border-radius: 2rem;
    padding: 1rem;
    cursor: pointer
}

.stock__item-image {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 20rem;
    margin-bottom: .5rem
}

.stock__item-image img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 1.3rem
}

.stock__item-box {
    padding: 1rem
}

.stock__item-time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .4rem;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 140%;
    color: var(--color-brown);
    margin-bottom: 1rem
}

.stock__item-name {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: var(--color-brown);
    margin-bottom: .8rem;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.stock__item-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: .02em;
    color: #000
}

.modal-stock .modal__inner-html {
    max-width: 56rem;
    width: 100%;
    border-radius: 2rem;
    background: #fff;
    padding: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border: 1px solid #d5d7e6;
    max-height: calc(100svh - var(--container-padding)*2);
    overflow-y: scroll
}

.modal-stock .modal__inner-html::-webkit-scrollbar {
    display: none
}

.modal-stock .modal__btn-close {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 3.1rem;
    height: 3.1rem;
    border: 1px solid #fff;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .2509803922);
    -webkit-transition: background var(--transition), border var(--transition);
    transition: background var(--transition), border var(--transition)
}

.modal-stock__box {
    padding: 0rem 1.5rem 1.5rem 1.5rem
}

.modal-stock__img {
    max-width: 100%;
    width: 100%;
    height: 27.5rem;
    border-radius: 1.5rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    object-position: center;
    object-fit: cover;
    margin-bottom: 2rem
}

.modal-stock .modal__btn-close {
    top: 2rem;
    right: 2rem
}

.modal-stock__time {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: .5rem;
    margin-bottom: 1rem
}

.modal-stock__time-text {
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 140%;
    letter-spacing: 2%;
    color: var(--color-brown)
}

.modal-stock__title {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 140%;
    letter-spacing: 2%;
    color: var(--color-brown);
    margin-bottom: 1.8rem
}

.modal-stock__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.8rem;
    font-family: var(--ff-text);
    font-weight: 500;
    font-size: 1.4rem;
    line-height: 140%;
    letter-spacing: 2%;
    color: #000
}

.modal-stock__content a {
    color: currentColor;
    -webkit-transition: color var(--transition);
    transition: color var(--transition)
}

.modal-stock__content ul {
    list-style-type: none
}

.modal-stock__content ul li {
    padding-left: 2rem;
    position: relative
}

.modal-stock__content ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: .7rem;
    height: .7rem;
    background-color: var(--color-accent);
    border-radius: 5rem
}

.modal-stock__content ul li:not(:last-child) {
    margin-bottom: .6rem
}

.stock-slider-parent {
    position: relative
}

.stock-slider-parent_mb {
    margin-bottom: 7rem
}

.services_mb-80 {
    margin-bottom: 8rem
}

.stock-slider {
    height: 40rem;
    overflow: hidden;
    border-radius: 30px
}

.stock-slider__controlls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding-block: 20px;
    padding-right: 35px
}

.stock-slider__btn {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background-color: rgba(255, 255, 255, .25);
    border: 1px solid #fff;
    border-radius: 1rem;
    -webkit-transition: background-color var(--transition), border var(--transition);
    transition: background-color var(--transition), border var(--transition)
}

.stock-slider__pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2rem
}

.stock-slider__pagination .swiper-pagination-bullet {
    display: block;
    width: 1rem;
    height: 1rem;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 5rem;
    position: relative;
    -webkit-transition: background-color 300ms linear;
    transition: background-color 300ms linear
}

.stock-slider__pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0rem;
    height: 0rem;
    border-radius: 5rem;
    border: 1px solid rgba(0, 0, 0, 0);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    will-change: transform;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transition: width var(--transition), height var(--transition);
    transition: width var(--transition), height var(--transition)
}

.stock-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.stock-slider__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    width: 2.2rem;
    height: 2.2rem;
    border: 1px solid #fff
}

.stock-slide {
    border-radius: 3rem;
    min-height: 40rem;
    font-family: var(--ff-accent);
    color: #fff;
    background: var(--bg-image-descktop);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3rem
}

.stock-slide__content {
    padding: 10rem 0rem 0rem 8.5rem
}

.stock-slide__btn {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 100%;
    letter-spacing: 2%;
    color: var(--color-brown);
    background: #fff;
    -webkit-transform: skew(-10deg);
    -ms-transform: skew(-10deg);
    transform: skew(-10deg);
    border-radius: 5px;
    padding: 1.15rem 2.4rem;
    -webkit-transition: background var(--transition), color var(--transition);
    transition: background var(--transition), color var(--transition)
}

.stock-slide__btn span {
    display: block;
    -webkit-transform: skew(10deg);
    -ms-transform: skew(10deg);
    transform: skew(10deg)
}

.stock-slide {
    opacity: 0;
    -webkit-transition: opacity 1000ms linear;
    transition: opacity 1000ms linear
}

.stock-slide.swiper-slide-active {
    opacity: 1
}

.stock-slider-parent {
    max-width: 128rem;
    width: 100%;
    position: relative;
    z-index: 1;
    padding-inline: 0;
    border: 1px solid rgba(0, 0, 0, 0)
}

.stock-slider-parent::before {
    content: "";
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
    position: absolute;
    z-index: -1;
    background: -webkit-linear-gradient(351.19deg, #FFFFFF 14.86%, rgba(255, 255, 255, 0) 49.59%, #FFFFFF 95.76%);
    background: linear-gradient(98.81deg, #FFFFFF 14.86%, rgba(255, 255, 255, 0) 49.59%, #FFFFFF 95.76%);
    border-radius: 30px
}

.modal.modal-parent .modal-succes {
    position: absolute
}

.modal__inner {
    overflow-y: scroll
}

.modal__inner::-webkit-scrollbar {
    display: none
}

body:has(.stock-slider-parent) .services.services_mb {
    margin-bottom: 7rem;
}

.animate__animated,
.animated {
    --animate-duration: 0.5s;
    --animate-delay: 0.5s;
}

.profecional__decription {
    margin-bottom: 5rem;
}

.profecional__slider {
    padding-top: 2rem;
}

.profecional__slide .profecional__slide-picture {
    transform: scale(1);
    will-change: transform;
    transform-origin: center center;
    transition: transform 300ms linear;
}

@media(hover: hover) {
    .profecional__slide:hover .profecional__slide-picture {
        transform: scale(1.05);
    }
}

.bg-white-border:has(.gazgolder-phone) {
    padding-top: 30px;
}
.bg-white-border:has(.gazgolder-phone) .steps{
    padding-top: 8rem;
}

.gazgolder-phone {
    max-width: 1196px;
    width: 100%;

    margin: 0 auto;
    border-radius: 30px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-left: 44px;
    padding-right: 50px;
}

.gazgolder-phone::before {
    content: "";
    width: 100%;
    height: calc(100% - 18px);
    top: 12px;
    left: 0;
    right: 0;
    position: absolute;
    border-radius: 30px;
    background-color: #F0F3F9;
}

.gazgolder-phone img {
    border-radius: 60px;
    position: relative;
    z-index: 2;
    padding-right: 41px;
}

.gazgolder-phone__link {
    display: block;
    font-family: var(--ff-accent);
    font-weight: 600;
    font-size: 30px;
    line-height: 140%;
    letter-spacing: 2%;
    color: #000;
    transition: color 300ms linear;
    position: relative;
    z-index: 2;
    margin-right: 16px;
}

.gazgolder-phone__text {
    font-family: var(--ff-accent);
    font-weight: 400;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 2%;
    position: relative;
    z-index: 2;
}

.gazgolder-phone__btn {
    padding: 13px 24px;
    margin-left: auto;
margin-right: 0;
}

.calculator_parent{
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    padding: 0 0 42px 0;
}
.photo-gallery__slide-bg video {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    border-radius: 5px;
}
.photo-gallery__slide-bg:has(.video-play-slider){
    position: relative;
}
.video-play-slider{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
    transform: skew(5deg);
    transition: opacity 300ms ease;
}
@media (hover: hover ) {
    .video-play-slider:hover {
        opacity: 0.7;
    }
}

/* Полное скрытие стандартных элементов управления */
.photo-gallery__slide-bg video::-webkit-media-controls {
    display: none !important;
}

.photo-gallery__slide-bg video::-webkit-media-controls-panel {
    display: none !important;
}

.photo-gallery__slide-bg video::-webkit-media-controls-play-button,
.photo-gallery__slide-bg video::-webkit-media-controls-volume-slider,
.photo-gallery__slide-bg video::-webkit-media-controls-mute-button,
.photo-gallery__slide-bg video::-webkit-media-controls-timeline,
.photo-gallery__slide-bg video::-webkit-media-controls-current-time-display,
.photo-gallery__slide-bg video::-webkit-media-controls-time-remaining-display,
.photo-gallery__slide-bg video::-webkit-media-controls-fullscreen-button,
.photo-gallery__slide-bg video::-webkit-media-controls-overlay-play-button,
.photo-gallery__slide-bg video::-webkit-media-controls-rewind-button,
.photo-gallery__slide-bg video::-webkit-media-controls-return-to-realtime-button {
    display: none !important;
}
.photo-gallery__slide-parent:has(.photo-gallery__slide-bg){
    transform: skew(-3deg);

    overflow: hidden;
}
/* .photo-gallery__slide-bg video{
    transform: skew(5deg);
}
.photo-gallery__slide{
    transform: skew(5deg);
} */

.above-block .cards__list .card{
    cursor: pointer;
}