@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

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

.swiper {
    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;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    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;
    width: 100%;
    z-index: 1
}

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

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

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

.swiper-slide {
    -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;
    -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-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.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,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.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, .15)
}

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

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

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

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

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

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

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

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

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

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

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-left: var(--swiper-centered-offset-before)
}

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

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-top: var(--swiper-centered-offset-before)
}

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

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-pagination {
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet {
    background: #000;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    opacity: .2;
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
    width: 8px;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px))
}

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

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

.swiper-pagination-bullet:only-child {
    display: none !important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    opacity: 1;
    opacity: var(--swiper-pagination-bullet-opacity, 1)
}

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

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0;
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0
}

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

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

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

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

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

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

.swiper-pagination-lock {
    display: none
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    height: var(--swiper-navigation-size);
    justify-content: center;
    margin-top: -22px;
    margin-top: calc(0px - var(--swiper-navigation-size)/2);
    top: 50%;
    width: 27px;
    width: -webkit-calc(var(--swiper-navigation-size)/44*27);
    width: calc(var(--swiper-navigation-size)/44*27);
    z-index: 10
}

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

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 44px;
    font-size: 2.75rem;
    font-size: var(--swiper-navigation-size);
    font-variant: normal;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    left: auto;
    right: 10px
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

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

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

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

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

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 1px transparent;
        box-shadow: 0 0 0 1px transparent
    }

    50% {
        -webkit-box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
        box-shadow: 0 0 0 8px rgba(0, 0, 0, .1)
    }

    to {
        -webkit-box-shadow: 0 0 0 8px transparent;
        box-shadow: 0 0 0 8px transparent
    }
}

@font-face {
    font-display: swap;
    font-family: Zilla Slab;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/ZillaSlab-Bold.ttf)
}

@font-face {
    font-display: swap;
    font-family: Zilla Slab;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/ZillaSlab-SemiBold.ttf)
}

@font-face {
    font-display: swap;
    font-family: Zilla Slab;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/ZillaSlab-Medium.ttf)
}

@font-face {
    font-display: swap;
    font-family: Zilla Slab;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/ZillaSlab-Regular.ttf)
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/Manrope-Bold.ttf)
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/Manrope-SemiBold.ttf)
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Manrope-Medium.ttf)
}

@font-face {
    font-display: swap;
    font-family: Manrope;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Manrope-Regular.ttf)
}

@font-face {
    font-display: swap;
    font-family: Gotham Bold;
    font-style: normal;
    font-weight: 600;
    src: url(fonts/Gotham-bold.woff)
}

@font-face {
    font-display: swap;
    font-family: Gotham Book;
    font-style: normal;
    font-weight: 500;
    src: url(fonts/Gotham-book.woff)
}

@font-face {
    font-family: moholbold;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/mohol-bold-webfont.woff2) format("woff2"), url(fonts/mohol-bold-webfont.woff) format("woff")
}

@font-face {
    font-family: Graphik-Regular;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Graphik-Regular.woff2) format("woff2"), url(fonts/Graphik-Regular.woff) format("woff")
}

@font-face {
    font-family: Graphik-Bold;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Graphik-Bold.woff2) format("woff2"), url(fonts/Graphik-Bold.woff) format("woff")
}

@font-face {
    font-family: Graphik-Medium;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/Graphik-Medium.woff2) format("woff2"), url(fonts/Graphik-Medium.woff) format("woff")
}

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

:focus {
    outline: none
}

body {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    color: #000;
    font-family: Gotham Book, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .005em;
    line-height: 1.35;
    margin: 0;
    min-width: 300px;
    padding: 0
}

body,
body.loading {
    position: relative
}

body.loading:before {
    -webkit-animation: loading 1.1s linear infinite;
    animation: loading 1.1s linear infinite;
    border: 4px solid hsla(0, 0%, 100%, .2);
    border-left-color: #fff;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 45px;
    left: 50%;
    margin-left: 10px;
    pointer-events: none;
    position: fixed;
    top: 10%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 45px;
    z-index: 999
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

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

body.loading:after {
    background-color: rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99
}

a {
    color: #000;
    -webkit-text-decoration: none;
    text-decoration: none
}

p {
    letter-spacing: .5px;
    letter-spacing: .03125rem;
    margin: 0 0 15px
}

p:last-child {
    margin: 0
}

p.-large {
    font-size: 16px;
    font-size: 1rem
}

p.-small {
    font-size: 12px;
    font-size: .75rem
}

p.-xsmall {
    font-size: 10px;
    font-size: .625rem
}

b,
strong {
    font-family: Gotham Bold, sans-serif
}

em {
    font-style: italic
}

picture {
    display: inline-block
}

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

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

hr {
    margin-left: auto;
    margin-right: auto
}

hr.-clear {
    border-color: transparent
}

hr.-large {
    margin-bottom: 25px;
    margin-top: 25px
}

.h1,
h1 {
    font-size: 25px;
    font-size: 1.5625rem;
    font-weight: 700;
    margin-bottom: 20px
}

.h2,
.h3,
h2,
h3 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400
}

.h4,
h4 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

.h5,
.h6,
h5,
h6 {
    font-size: 16px;
    font-size: 1rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: Zilla Slab, sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 0
}

button {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    line-height: normal;
    margin: 0;
    overflow: visible;
    padding: 0;
    width: auto
}

.lazy__img {
    display: inline-block;
    vertical-align: top
}

.lazy__img .lazy-js {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.lazy__img .lazy-js.error,
.lazy__img .lazy-js.initial,
.lazy__img .lazy-js.loaded {
    opacity: 1
}

.sr-only {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.container {
    padding-left: 16px;
    padding-right: 16px
}

.container-whole {
    padding-left: 0;
    padding-right: 0
}

.container,
.container-whole {
    margin: auto;
    position: relative;
    width: auto
}

.section {
    position: relative;
    text-align: center
}

.section,
.section.-stretch {
    padding: 40px 0
}

.section.-top {
    padding: 40px 0 0
}

.section.-bottom {
    padding: 0 0 40px
}

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

.section.-dark h1,
.section.-dark h2,
.section.-dark h3,
.section.-dark h4,
.section.-dark h5,
.section.-dark h6,
.section.-dark p {
    color: #fff
}

.section-container {
    margin: 0 auto;
    max-width: 1360px
}

body,
html {
    min-height: 100%
}

body:has(.popup--active) {
    overflow: hidden
}

.tabs__options {
    -webkit-tap-highlight-color: transparent;
    margin: 0 auto 10px
}

.tabs__options>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin: auto
}

.tabs__options .tab {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.tabs__content>div {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: opacity .2s ease-in-out, height .3s;
    transition: opacity .2s ease-in-out, height .3s
}

.tabs__content>div.active {
    height: auto;
    opacity: 1
}

.tabs__content>div .tabs__content-tab {
    padding-top: 20px
}

.header {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
    font-family: Gotham Book, sans-serif;
    height: 64px;
    position: -webkit-sticky;
    position: sticky;
    text-align: center;
    top: 0;
    z-index: 9
}

.header .container {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between
}

li.current-menu-item a {
    font-weight: 700
}

.header__logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 8px
}

.header__menu {
    height: 0;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    text-align: center;
    top: -100%;
    -webkit-transition: height .2s ease .2s, opacity .2s ease .2s, -webkit-transform .2s ease .2s;
    transition: height .2s ease .2s, opacity .2s ease .2s, -webkit-transform .2s ease .2s;
    transition: height .2s ease .2s, opacity .2s ease .2s, transform .2s ease .2s;
    transition: height .2s ease .2s, opacity .2s ease .2s, transform .2s ease .2s, -webkit-transform .2s ease .2s;
    width: 100%
}

.header__menu[_state=opened] {
    background-color: #fff;
    height: -webkit-calc(100% - 64px);
    height: calc(100% - 64px);
    opacity: 1;
    top: 64px
}

.header__menu .menu {
    height: 100%;
    margin: 0
}

.header__menu .menu li {
    border-bottom: 1px solid #a8a8a8;
    height: 56px
}

.header__menu .menu a {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    color: #222;
    font-size: 18px;
    font-size: 1.125rem;
    height: 100%;
    justify-content: space-between;
    padding: 0 24px
}

.header__menu .menu a,
.header__options {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__options {
    margin: 0
}

.header__options .icon-search {
    height: 100%;
    padding: 0 10px
}

.header__options .icon-menu {
    height: 100%
}

.header__options .input-select.--select {
    margin: 0
}

.header__options .select {
    border: 1px solid #bababa;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 12px;
    font-size: .75rem;
    height: 32px;
    margin: 0;
    min-width: 0;
    min-width: auto
}

.header__options .select .select__button {
    padding: 4px 30px 4px 10px
}

.header__options .select .select__button:before {
    display: none;
    left: 4px;
    line-height: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.header__options .select .select__button:after {
    right: 10px
}

.header__options .select .select__button p {
    color: inherit;
    font-size: 12px;
    font-size: .75rem;
    left: 0;
    overflow: hidden;
    pointer-events: inherit;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    top: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
    white-space: nowrap;
    width: 66px
}

.header__options .select .select__content {
    width: 100%
}

.header__searcher {
    opacity: 0;
    position: relative;
    visibility: hidden;
    width: 0
}

.header__searcher .input {
    margin: 0 auto;
    max-width: 595px;
    width: 95%
}

.header__searcher .input input {
    border: 0;
    border-bottom: 1px solid #a7d2ea;
    border-radius: 0;
    font-size: 16px;
    font-size: 1rem;
    height: 56px;
    max-width: 595px;
    width: 100%
}

.header__searcher .input input::-webkit-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.header__searcher .input input::-moz-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.header__searcher .input input:-ms-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.header__searcher .input input::-ms-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.header__searcher .input input::placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.header__searcher .input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjU0NyAxNy45NTRhMS4xMjcgMS4xMjcgMCAwIDEtMS41OTQgMS41OTRsLTUuOTUyLTUuOTU0LTUuOTU0IDUuOTUyYTEuMTI3IDEuMTI3IDAgMCAxLTEuNTk0LTEuNTk0TDEwLjQwNyAxMiA0LjQ1NSA2LjA0NmExLjEyNyAxLjEyNyAwIDEgMSAxLjU5NC0xLjU5NEwxMiAxMC40MDZsNS45NTQtNS45NTVhMS4xMjcgMS4xMjcgMCAxIDEgMS41OTQgMS41OTRMMTMuNTk1IDEybDUuOTUyIDUuOTU0WiIgZmlsbD0iIzRDNEM0QyIvPjwvc3ZnPg==) no-repeat 50% 50%;
    border-radius: 50em;
    height: 1em;
    opacity: 0;
    pointer-events: none;
    width: 1em
}

.header__searcher .input input[type=search]:focus::-webkit-search-cancel-button {
    opacity: 1;
    pointer-events: all
}

.header__searcher i {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    z-index: 3
}

.header__searcher i:after,
.header__searcher i:before {
    background-color: #66686c;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 20px
}

.header__searcher i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__searcher i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.header__box {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 70px;
    width: 100%;
    z-index: -1
}

.header__box.active {
    opacity: 1;
    z-index: 10
}

.header__box ul {
    margin-bottom: 0;
    padding: 12px 0
}

.header__box ul li {
    margin-bottom: 16px;
    padding: 2px 16px
}

.header__box ul li:hover {
    background-color: #d1f4ff
}

.header__box ul li:last-of-type {
    margin-bottom: 0
}

.header__searcher.js--open {
    left: 0;
    margin: inherit;
    opacity: 1;
    position: absolute;
    top: 0;
    visibility: visible;
    width: 100%
}

.header__searcher.js--open~.header__menu,
.header__searcher.js--open~.header__options {
    margin: 0;
    opacity: 0;
    visibility: hidden;
    width: 0
}

.m-headband {
    background-color: #8adedc;
    height: auto;
    padding: 8px 20px;
    width: 100%
}

.m-headband p {
    color: #0e0e0e;
    font-family: Gotham Book, sans-serif;
    font-size: 11px;
    font-size: .6875rem;
    text-align: center
}

.m-headband p strong {
    font-family: Gotham Bold, sans-serif
}

.footer {
    background-color: #000;
    color: #fff;
    padding: 30px 0 0;
    text-align: left
}

.footer h2 {
    color: #fff;
    font-family: Gotham Bold, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 8px
}

.footer p {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 300;
    margin-bottom: 8px
}

.footer ul {
    margin: 0
}

.footer .content__info div {
    border-top: 1px solid rgba(230, 229, 234, .3);
    margin-top: 12px;
    padding-top: 12px
}

.footer .content__info h2:nth-of-type(2) {
    margin-top: 24px
}

.footer .content__info p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    gap: 10px
}

.footer .content__menu {
    padding-top: 8px
}

.footer .content__menu a {
    color: #fff;
    display: inline-block;
    font-family: Gotham Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    padding: 4px 0
}

.footer .content__menu ul li:last-child a {
    margin: 0
}

.footer .content__pages {
    border-top: 1px solid rgba(230, 229, 234, .3);
    margin-top: 8px;
    padding-top: 8px
}

.footer .content__pages a {
    color: #fff;
    display: inline-block;
    font-family: Gotham Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    padding: 4px 0
}

.footer .content__pages ul li:last-child a {
    margin: 0
}

.footer .content__socials {
    left: 180px;
    position: absolute;
    top: 6px
}

.footer .content__socials a>* {
    pointer-events: none
}

.footer .footer__copy {
    border-top: 1px solid rgba(230, 229, 234, .3);
    margin-top: 8px;
    padding: 0 16px
}

.footer .footer__copy .container {
    padding: 18px 0
}

.footer .footer__copy p {
    font-size: 12px;
    font-size: .75rem
}

.modal-cookies {
    background-color: #e6f8f7;
    border: 1px solid #00a7a2;
    border-radius: 12px;
    bottom: 20px;
    left: 50%;
    padding: 14px 16px;
    position: fixed;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 295px;
    z-index: 9999
}

.modal-cookies h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px
}

.modal-cookies p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem
}

.modal-cookies__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.modal-cookies__text a {
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.modal-cookies__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-top: 10px
}

.modal-cookies__buttons .accept-cookies {
    background-color: #000;
    border-radius: 50px;
    color: #fff;
    padding: 12px 0
}

.modal-cookies__buttons .reject-cookies {
    font-weight: 700;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

button[type=submit] {
    margin-top: 40px
}

.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #222831;
    border-radius: 40px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Gotham Book, sans-serif;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    gap: 5px;
    height: 48px;
    justify-content: center;
    letter-spacing: 1px;
    letter-spacing: .0625rem;
    line-height: 38px;
    line-height: 2.375rem;
    margin: 0 auto;
    min-width: 170px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    text-align: center;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    vertical-align: top;
    width: auto
}

.button:after {
    background: -webkit-gradient(linear, left top, right top, from(#0090e2), color-stop(20%, #0090e2), color-stop(20%, #f73f96), color-stop(25%, #f73f96), color-stop(25%, #ecee00), color-stop(30%, #ecee00), color-stop(30%, #16bf41), color-stop(33%, #16bf41), color-stop(33%, #ffab00), color-stop(53%, #ffab00), color-stop(53%, #00c0ff), color-stop(60%, #00c0ff), color-stop(60%, #98d62a), color-stop(73%, #98d62a), color-stop(73%, #00b7b2), color-stop(86%, #00b7b2), color-stop(86%, #a54baa), to(#a54baa));
    background: -webkit-linear-gradient(left, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    background: linear-gradient(90deg, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    width: 100%
}

.button:hover {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.button:hover:after {
    bottom: 0
}

.button:active {
    -webkit-transform: translateY(1px);
    -ms-transform: translateY(1px);
    transform: translateY(1px)
}

.button.disabled,
.button[disabled] {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.button.loading {
    background-position: 0;
    pointer-events: none;
    position: relative
}

.button.loading:before {
    -webkit-animation: loading 1.1s linear infinite;
    animation: loading 1.1s linear infinite;
    border: 2px solid hsla(0, 0%, 100%, .4);
    border-left-color: #fff;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 15px;
    margin-left: 10px;
    pointer-events: none;
    right: 10px;
    top: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 15px
}

.button.--line {
    background-color: #fff;
    border: 1px solid #222831;
    color: #222831
}

.button.--transparent {
    background-color: transparent;
    border: 1px solid #1f1f1f;
    color: #1f1f1f
}

.button.--without-border-radius {
    border-radius: 0 !important
}

.button.--icon svg path {
    stroke: #fff
}

.swiper-component .swiper {
    padding: 8px 16px
}

.swiper-component.features {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-component.features .swiper-button-next,
.swiper-component.features .swiper-button-prev {
    display: none
}

.swiper-component.features .swiper-button-prev {
    left: -22px
}

.swiper-component.features .swiper-button-next {
    right: -22px
}

.swiper-component.features .swiper-pagination {
    bottom: -60px !important
}

.swiper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper .swiper-slide {
    height: auto
}

.swiper--container {
    padding: 8px 16px
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    position: absolute;
    top: auto;
    width: auto;
    z-index: 2
}

.swiper-button-next,
.swiper-button-next:after,
.swiper-button-prev,
.swiper-button-prev:after {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0
}

.swiper-button-next:after,
.swiper-button-prev:after {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #222831;
    border: 1px solid #fff;
    border-radius: 4px;
    content: url(img/icon-arrow-slider-active.svg);
    height: 40px;
    justify-content: center;
    line-height: 0;
    top: 0;
    width: 40px
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .8
}

.swiper-button-prev {
    left: 51px
}

.swiper-button-next {
    right: 51px
}

.swiper-button-next:after {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.swiper-pagination {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    bottom: 0 !important;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Manrope, sans-serif;
    justify-content: center;
    line-height: 1;
    margin-bottom: 24px;
    margin-top: 30px;
    position: absolute;
    z-index: 1
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    line-height: 24px;
    line-height: 1.5rem;
    opacity: 1;
    position: relative;
    width: auto
}

.swiper-pagination .swiper-pagination-bullet i {
    border: 1px solid transparent;
    border-radius: 50%;
    display: block;
    height: 24px;
    position: relative;
    -webkit-transition: border .6s;
    transition: border .6s;
    width: 24px
}

.swiper-pagination .swiper-pagination-bullet i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #fff;
    content: "";
    display: block;
    height: 1px;
    left: 10px;
    position: absolute;
    top: 50%;
    -webkit-transition: width .6s;
    transition: width .6s;
    width: 0
}

.swiper-pagination .swiper-pagination-bullet em {
    font-size: 0;
    font-weight: 700;
    margin-left: 0
}

.swiper-pagination .swiper-pagination-bullet-active {
    background-color: transparent
}

.swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #fff
}

.swiper-pagination .swiper-pagination-bullet-active i:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 6px;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px
}

.swiper-pagination .swiper-pagination-bullet-active i:before {
    width: 40px
}

.swiper-pagination .swiper-pagination-bullet-active em {
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    margin-left: 35px
}

.swiper-pagination.--black {
    color: #000
}

.swiper-pagination.--black .swiper-pagination-bullet i:after {
    background-color: #000
}

.swiper-pagination.--black .swiper-pagination-bullet-active i {
    border-color: #000
}

.swiper-pagination.--black .swiper-pagination-bullet-active i:after,
.swiper-pagination.--black .swiper-pagination-bullet-active i:before {
    background-color: #000
}

.swiper-lazy {
    opacity: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.swiper-lazy.swiper-lazy-loaded {
    opacity: 1
}

.swiper-lazy-preloader {
    border-color: rgba(0, 0, 0, .2) rgba(0, 0, 0, .2) rgba(0, 0, 0, .2) rgba(0, 0, 0, .5);
    border-width: 3px
}

body.js--modal {
    overflow: hidden
}

.modal {
    background-color: rgba(0, 0, 0, .6);
    height: 100%;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.modal.js--open {
    opacity: 1;
    visibility: visible;
    z-index: 1000
}

.modal.js--open .modal__overlay {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.modal.js--open .modal__close {
    visibility: visible
}

.modal__overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    opacity: 0;
    padding: 20px;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .5s ease-in-out .2s;
    transition: all .5s ease-in-out .2s
}

.modal__close {
    background-color: transparent;
    cursor: pointer;
    display: block;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all .3s linear .2s;
    transition: all .3s linear .2s;
    visibility: hidden;
    width: 30px;
    z-index: 1
}

.modal__close:after,
.modal__close:before {
    background-color: #00b7b2;
    border-radius: 1px;
    content: "";
    display: block;
    height: 1.6px;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 20px
}

.modal__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal__container,
.modal__content {
    border-radius: 8px;
    position: relative
}

.modal__content {
    background-color: #fff;
    -webkit-box-shadow: 0 0 16px 2px rgba(0, 0, 0, .09);
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, .09);
    max-height: 500px;
    padding: 50px 20px
}

.modal__content .scroll {
    max-height: 500px;
    overflow-y: auto
}

.scene {
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0 8px;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    visibility: hidden
}

.scene.js--active {
    height: auto;
    opacity: 1;
    visibility: visible
}

.m-card-event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid #54cfcb;
    border-radius: 8px;
    cursor: default;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    max-width: 100%;
    text-align: left;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    width: 100%
}

.m-card-event,
.m-card-event__picture {
    position: relative
}

.m-card-event__picture picture {
    min-height: 200px;
    overflow: hidden;
    width: 100%
}

.m-card-event__picture picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.m-card-event__content {
    padding: 16px
}

.m-card-event__content ul {
    gap: 12px;
    margin: 0
}

.m-card-event__content ul,
.m-card-event__content ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-card-event__content ul li {
    gap: 8px
}

.m-card-event__content ul li span {
    color: #999;
    font-family: Gotham Bold, sans-serif;
    font-size: 12px;
    font-size: .75rem
}

.m-card-event__content h3 {
    color: #222831;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 16px 0
}

.m-card-event .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.m-card-event .button:last-child {
    margin-top: 10px
}

.m-card-promotion {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border: 1px solid #bababa;
    border-radius: 8px;
    cursor: default;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    transition: -webkit-box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    width: 100%
}

.m-card-promotion:hover {
    -webkit-box-shadow: 0 14px 28px 0 rgba(0, 0, 0, .24), 0 0 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 14px 28px 0 rgba(0, 0, 0, .24), 0 0 8px 0 rgba(0, 0, 0, .2)
}

.m-card-promotion__picture {
    border-bottom: 1px solid #bababa;
    position: relative
}

.m-card-promotion__picture picture {
    height: 190px;
    overflow: hidden;
    width: 100%
}

.m-card-promotion__picture picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.m-card-promotion__content {
    margin: 16px 16px 0;
    position: relative
}

.m-card-promotion__content ul {
    gap: 12px;
    margin: 0
}

.m-card-promotion__content ul,
.m-card-promotion__content ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-card-promotion__content ul li {
    gap: 8px
}

.m-card-promotion__content ul li span {
    color: #999;
    font-family: Gotham Bold, sans-serif;
    font-size: 12px;
    font-size: .75rem
}

.m-card-promotion__content h3 {
    color: #222831;
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 16px 0
}

.m-card-promotion__content .m-content__category {
    background-color: #e9e9e9;
    border: 1px solid #999;
    border-radius: 4px;
    color: #222831;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 3px 15px
}

.m-card-promotion__content .m-content__brand {
    color: #222831;
    display: block;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 900;
    margin-top: 10px
}

.m-card-promotion__content .m-content__subtitle {
    color: #222831;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 8px
}

.m-card-promotion__content .m-content__price-box.price-percentage {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 5px;
    line-height: 100%;
    margin-bottom: 12px
}

.m-card-promotion__content .m-content__price-box.price-percentage b {
    color: #222831;
    font-family: Zilla Slab, serif;
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 2.5rem
}

.m-card-promotion__content .m-content__price-box.price-percentage .dscto-percent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.m-card-promotion__content .m-content__price-box.price-promo-price {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 0;
    line-height: 100%;
    margin-bottom: 12px
}

.m-card-promotion__content .m-content__price-box.price-promo-price>b {
    color: #222831;
    font-family: Zilla Slab, serif;
    font-size: 56px;
    font-size: 3.5rem;
    line-height: 40px;
    line-height: 2.5rem
}

.m-card-promotion__content .m-content__price-box.price-promo-price b.x {
    color: #222831;
    font-family: Zilla Slab, serif;
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 25px;
    line-height: 1.5625rem
}

.m-card-promotion__content .m-content__price-box.price-promo-price .promo-price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 2px
}

.m-card-promotion__content .m-content__price-box.price-promo-price .promo-price b {
    color: #222831;
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 22px;
    line-height: 1.375rem
}

.m-card-promotion__content .m-content__price-box.price-simple {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    gap: 5px;
    line-height: 100%;
    margin-bottom: 20px;
    margin-top: 5px
}

.m-card-promotion__content .m-content__price-box.price-simple b {
    color: #222831;
    font-family: Zilla Slab, serif;
    font-size: 44px;
    font-size: 2.75rem;
    line-height: 25px;
    line-height: 1.5625rem
}

.m-card-promotion__content .m-content__price-box.price-promo {
    margin-bottom: 15px;
    margin-top: 5px
}

.m-card-promotion__content .m-content__price-box.price-promo b {
    color: #222831;
    font-family: Zilla Slab, serif;
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 25px;
    line-height: 1.5625rem
}

.m-card-promotion__content .m-content__description {
    color: #222831;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 70px
}

.m-card-promotion .button {
    height: 36px;
    min-width: 100%;
    width: 100%
}

.m-card-promotion .button:last-child {
    bottom: 20px;
    margin-top: 10px;
    max-width: 100%;
    position: absolute;
    width: 100%
}

.m-card-service {
    background: #fffefe;
    border: 1px solid #999;
    border-radius: 8px;
    overflow: hidden
}

.m-card-service picture {
    display: block;
    height: 300px;
    position: relative;
    width: 100%
}

.m-card-service picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.m-card-service__content {
    padding: 26px
}

.m-card-service h3 {
    color: #222831;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 45px
}

.m-card-store {
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .14), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .14), 0 0 2px 0 rgba(0, 0, 0, .12);
    display: block;
    margin: 0 auto;
    max-width: 304px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    width: 100%
}

.m-card-store>span {
    background-color: #8adedc;
    font-family: Gotham Bold, serif;
    font-size: 14px;
    font-size: .875rem;
    height: 28px;
    line-height: 20px;
    line-height: 1.25rem
}

.m-card-store>span,
.m-card-store__picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.m-card-store__picture {
    padding: 22px 0
}

.m-card-store__picture img {
    max-height: 96px
}

.m-card-store__content {
    background-color: #f9f9f9;
    padding: 10px 24px 16px
}

.m-card-store__content h3 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 11px
}

.m-card-store__content ul {
    margin-bottom: 15px;
    text-align: left
}

.m-card-store__content ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #66686c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    gap: 8px;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px
}

.m-card-store__content .button {
    height: 44px
}

.m-card-store.js--closed>span {
    background: #e9e9e9
}

.icon-menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    justify-content: center;
    padding: 16px 10px;
    position: relative;
    z-index: 2
}

.icon-menu span {
    background-color: #000;
    border-radius: 10px;
    display: inline-block;
    height: 3.3px;
    position: relative;
    -webkit-transition: background .2s, -webkit-transform .3s;
    transition: background .2s, -webkit-transform .3s;
    transition: background .2s, transform .3s;
    transition: background .2s, transform .3s, -webkit-transform .3s;
    width: 24px
}

.icon-menu span:nth-child(2) {
    width: 18px
}

.icon-menu[_action=close] {
    gap: 5px
}

.icon-menu[_action=close] span:first-child {
    -webkit-transform: translateY(8px) translateX(1px) rotate(45deg);
    -ms-transform: translateY(8px) translateX(1px) rotate(45deg);
    transform: translateY(8px) translateX(1px) rotate(45deg)
}

.icon-menu[_action=close] span:nth-child(2) {
    background-color: transparent
}

.icon-menu[_action=close] span:nth-child(3) {
    -webkit-transform: translateY(-8px) translateX(1px) rotate(-45deg);
    -ms-transform: translateY(-8px) translateX(1px) rotate(-45deg);
    transform: translateY(-8px) translateX(1px) rotate(-45deg)
}

.input input {
    height: 48px
}

.input input,
.textarea textarea {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    color: #000;
    display: block;
    font-family: Gotham Book, serif;
    font-size: .875rem;
    font-weight: 300;
    margin-bottom: 0;
    overflow: hidden;
    padding: 16px 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}

.input input::-webkit-input-placeholder,
.textarea textarea::-webkit-input-placeholder {
    color: #b3b3b3
}

.input input::-moz-placeholder,
.textarea textarea::-moz-placeholder {
    color: #b3b3b3
}

.input input:-ms-input-placeholder,
.textarea textarea:-ms-input-placeholder {
    color: #b3b3b3
}

.input input::-ms-input-placeholder,
.textarea textarea::-ms-input-placeholder {
    color: #b3b3b3
}

.input input::placeholder,
.textarea textarea::placeholder {
    color: #b3b3b3
}

.input input.error,
.textarea textarea.error {
    background-position: -webkit-calc(100% - 12px) 50%;
    background-position: calc(100% - 12px);
    background-repeat: no-repeat;
    border-color: #ff1033 !important
}

.input input.error~label,
.input input.error~span,
.textarea textarea.error~label,
.textarea textarea.error~span {
    color: #ff1033 !important
}

.input input.icon,
.textarea textarea.icon {
    background-position: 3%;
    background-repeat: no-repeat;
    padding: 0 12px 0 42px
}

.inputs {
    gap: 16px;
    margin: auto;
    max-width: 1196px
}

.inputs:not(:last-child) {
    margin-bottom: 16px
}

.inputs:last-child {
    margin-bottom: 24px
}

.inputs>* {
    width: 100%
}

.inputs-radios,
.inputs-simple {
    margin: auto;
    max-width: 1196px
}

.input {
    margin-bottom: 16px;
    position: relative
}

.input[state=active] label,
.input[state=active] span,
.input[state=focus] label,
.input[state=focus] span {
    background: #fff;
    left: 16px;
    padding: 0 4px;
    top: 0
}

.input.js--active label,
.input.js--active span,
.input.js--focus label,
.input.js--focus span,
.input.m--active label,
.input.m--active span {
    background: #fff;
    left: 17px;
    padding: 0 4px;
    top: -9px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 2
}

.input.error {
    margin-bottom: 30px
}

.input.error input {
    border-color: #ff1033
}

.input label,
.input span {
    color: #b3b3b3;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 300;
    left: 20px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s, -webkit-transform .3s
}

.input-select.error .select,
.input-select.error input,
.input-select.error textarea,
.input.error .select,
.input.error input,
.input.error textarea,
.textarea.error .select,
.textarea.error input,
.textarea.error textarea {
    border-color: #ff1033
}

.input .help,
.input-select .help,
.textarea .help {
    color: #ff1033;
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    margin-top: 4px;
    position: absolute;
    text-align: left;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

textarea {
    min-height: 180px;
    resize: vertical
}

.select {
    border: 1px solid #000;
    border-radius: 4px;
    height: 48px;
    min-width: 140px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.select[state=open] .select__content {
    opacity: 1;
    visibility: visible
}

.select[state=open] .select__button:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select.readonly {
    cursor: default;
    pointer-events: none
}

.select.readonly .wrap {
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.select__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0 20px
}

.select__button label,
.select__button p {
    color: #b3b3b3;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 300;
    left: 20px;
    opacity: 1;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, padding .3s, -webkit-transform .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s;
    transition: top .3s, left .3s, transform .3s, padding .3s, -webkit-transform .3s
}

.select__button input {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select__button input:disabled {
    opacity: .3;
    pointer-events: none
}

.select__button:after {
    content: url(img/icon-select.svg);
    line-height: 0;
    pointer-events: none;
    position: absolute;
    right: 16px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.select__content {
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
    color: #333;
    max-height: 242px;
    opacity: 0;
    overflow-y: auto;
    position: absolute;
    right: -1px;
    top: 102%;
    -webkit-transition: opacity .3s, visibility .2s;
    transition: opacity .3s, visibility .2s;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.select__content::-webkit-scrollbar {
    height: 6px;
    width: 6px
}

.select__content::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
    border-top-right-radius: 0
}

.select__content::-webkit-scrollbar-track {
    background: #e1e1e1;
    border-radius: 4px;
    border-top-right-radius: 0
}

.select__item {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #333;
    cursor: pointer;
    font-weight: 400;
    height: 40px;
    padding: 0 10px;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s
}

.select__item:hover,
.select__item[state=selected] {
    background: #f3f9fd;
    color: #1f80ff;
    text-shadow: 0 0 0 #1f80ff
}

.select__item[state=selected] {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden
}

.select__item:after {
    background-color: #828282;
    content: "";
    height: 1px;
    left: 8px;
    position: absolute;
    right: 8px;
    top: 0
}

.select__item:first-child:after,
.select__item:first-child[state=selected]+div:after {
    content: none
}

.select__item>* {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.select__item span {
    all: unset !important
}

.input-select {
    position: relative
}

.input-select.error .input input,
.input-select.error .select {
    border-color: #ff1033 !important
}

.input-select .help {
    bottom: 8px
}

.input-select.--input-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.input-select.--input-select .input,
.input-select.--input-select .select {
    border: none
}

.input-select.--input-select .input {
    width: 70%
}

.input-select.--input-select .input input {
    border-bottom-left-radius: 0;
    border-left: 0;
    border-color: #000;
    border-top-left-radius: 0;
    width: 100%
}

.input-select.--input-select .input input:disabled {
    background-color: transparent;
    opacity: .3
}

.input-select.--input-select .select {
    background-color: #fff;
    border: 1px solid;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    top: 0;
    width: 30%
}

.input-select.--input-select .select__button {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    height: 100%;
    padding: 0 18px;
    width: 100%
}

.input-select.--input-select .select__button picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6px;
    width: 25px
}

.input-select.--input-select .select__button>* {
    pointer-events: none
}

.input-select.--input-select .select__button:after {
    right: 5px
}

.input-select.--input-select .select__button p strong {
    font-weight: 500
}

.input-select.--input-select .select__button p span {
    display: none
}

.input-select.--input-select .select__item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 14px;
    font-size: .875rem;
    justify-content: flex-start;
    padding: 0 16px;
    text-align: left
}

.input-select.--input-select .select__item>* {
    pointer-events: none
}

.input-select.--input-select .select__item picture {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 6px
}

.input-select.--input-select .select__item[state=selected] {
    height: 0;
    opacity: 0;
    visibility: hidden
}

.input-select.--input-select .select__item p {
    color: #424852;
    text-align: left
}

.input-select.--input-select .select__item p strong {
    color: #5e9cea
}

.input-select.--input-select.disabled .select__button {
    pointer-events: none
}

.input-select.--input-select.disabled .select__button:after {
    display: none
}

.input-select.--input-select.error span {
    color: #000;
    color: initial
}

.input-select.--input-select.error>input {
    color: #ff1033 !important
}

.checkbox,
.radio {
    display: inline-block;
    vertical-align: top
}

.checkbox input,
.radio input {
    clip: rect(0 0 0 0);
    border: 0;
    color: transparent;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.checkbox input:checked+div+label:before,
.radio input:checked+div+label:before {
    -webkit-animation: ripple .3s linear forwards;
    animation: ripple .3s linear forwards;
    background-color: #000;
    border-color: #000
}

.checkbox input:checked+div+label:after,
.radio input:checked+div+label:after {
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important
}

.checkbox label:not(.error),
.radio label:not(.error) {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 0;
    padding-left: 29px;
    position: relative;
    text-align: left
}

.checkbox label:not(.error):after,
.checkbox label:not(.error):before,
.radio label:not(.error):after,
.radio label:not(.error):before {
    border-radius: 4px;
    content: "";
    position: absolute;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-property: border-color, -webkit-transform;
    transition-property: border-color, -webkit-transform;
    transition-property: transform, border-color;
    transition-property: transform, border-color, -webkit-transform
}

.checkbox label:not(.error):before,
.radio label:not(.error):before {
    background-color: #fff;
    border: 2px solid #000;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px
}

.checkbox label:not(.error) a,
.checkbox label:not(.error) span,
.radio label:not(.error) a,
.radio label:not(.error) span {
    font-weight: 700;
    left: 0;
    padding: 0;
    position: relative;
    -webkit-text-decoration: underline;
    text-decoration: underline;
    top: 0
}

.checkbox.error label:before,
.radio.error label:before {
    border-color: #ff1033
}

.checkbox.error .help,
.radio.error .help {
    display: none
}

.radio input~label:not(.error):after,
.radio input~label:not(.error):before {
    border-radius: 50%
}

.radio input~label:not(.error):after {
    background: transparent;
    height: 14px;
    left: 3px;
    top: 3px;
    width: 14px
}

.radio input:checked+div+label:before {
    -webkit-animation: ripple .3s linear forwards;
    animation: ripple .3s linear forwards;
    background-color: #000;
    border-color: #000
}

.radio input:checked+div+label:after {
    background-color: #000;
    height: 10px;
    left: 5px;
    top: 5px;
    -webkit-transform: scale(1) !important;
    -ms-transform: scale(1) !important;
    transform: scale(1) !important;
    width: 10px
}

.checkbox input~label:not(.error):after {
    background-image: url(img/icon-check.png);
    background-repeat: no-repeat;
    height: 10px;
    left: 4px;
    top: 5px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    width: 13px
}

.checkbox input.error~label:before {
    border-color: #000
}

.accordion-box:last-child {
    border-bottom: 0
}

.accordion-box.js--open .accordion-box__button {
    font-weight: 700
}

.accordion-box.js--open .accordion-box__button:before {
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion-box.js--open .accordion-box__button:after {
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.accordion-box.js--open .accordion-box__content {
    height: auto
}

.accordion-box .label {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 600
}

.accordion-box__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background-color: transparent;
    border: 0;
    color: #0c0c0c;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    gap: 8px;
    letter-spacing: .0025em;
    line-height: 28px;
    line-height: 1.75rem;
    padding: 15px 30px 15px 16px;
    position: relative;
    text-align: left;
    width: 100%
}

.accordion-box__button p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    line-height: 1.625rem;
    margin-top: 8px
}

.accordion-box__button:after,
.accordion-box__button:before {
    background-color: #000;
    border-radius: 2px;
    content: "";
    height: 2px;
    position: absolute;
    top: 30px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 9px
}

.accordion-box__button:before {
    right: 6px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.accordion-box__button:after {
    right: 1px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    -ms-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg)
}

.accordion-box__content {
    height: 0;
    overflow: hidden;
    text-align: left;
    -webkit-transition: height .3s;
    transition: height .3s
}

.accordion-box__content>div {
    padding: 5px 5px 24px
}

.accordion-box__content ul {
    list-style: none;
    margin-bottom: 0;
    padding: 0
}

.accordion-box__content p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 20px;
    line-height: 1.25rem;
    margin: 0 0 20px
}

.accordion-box__content p:last-child {
    margin: 0
}

.banner-headline {
    height: 200px;
    overflow: hidden;
    position: relative
}

.banner-headline,
.banner-headline .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.banner-headline .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    text-align: center
}

.banner-headline picture {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.banner-headline picture:after {
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.banner-headline picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.banner-headline h1 {
    color: #fff;
    font-size: 36px;
    font-size: 2.25rem;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative
}

.banner-headline p {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem
}

.m-title-description {
    text-align: center
}

.m-title-description p {
    font-size: 16px;
    font-size: 1rem
}

.card-info {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    height: 100%;
    margin: 0 auto;
    max-width: 286px;
    text-align: left;
    width: 100%
}

.card-info:hover {
    position: relative
}

.card-info__content {
    padding: 10px 14px 20px
}

.card-info__content h3 {
    font-family: Gotham Book, serif, sans-serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 5px;
    min-height: 63px
}

.card-info__content p {
    display: none;
    font-family: Gotham Book, serif
}

.card-info__content .data {
    border-top: 1px solid #dbdbdb;
    color: #66686c;
    margin: 8px 0 10px;
    padding-top: 14px
}

.card-info__content .data h4 {
    color: #66686c;
    display: none;
    font-family: Gotham Book, serif;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 14px
}

.card-info__content .data>div {
    display: grid;
    grid-template-columns: 90px 1fr
}

.card-info__content .data>div p {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Gotham Book, serif;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    gap: 4px;
    margin: 0 0 10px
}

.card-info__content .button {
    background-color: #fff;
    border: 1px solid #000;
    color: #000
}

.paginator ul {
    gap: 4px;
    margin: 30px 0 0
}

.paginator ul,
.paginator ul a,
.paginator ul span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.paginator ul a,
.paginator ul span {
    color: #232323;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    height: 32px;
    line-height: 100%;
    width: 32px
}

.paginator ul a.active,
.paginator ul span.active {
    background: #252525;
    border: 1px solid #252525;
    border-radius: 4px;
    color: #fff
}

.paginator ul .paginator__next,
.paginator ul .paginator__prev {
    background-image: url(img/icon-arrow-paginator.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 50%;
    display: block;
    font-size: 0
}

.paginator ul .paginator__prev {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.paginator li span.current {
    background: #252525;
    border-radius: 6px;
    color: #fff
}

.card-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    width: 222px
}

.card-link:hover {
    cursor: pointer
}

.card-link:hover a,
.card-link:hover button {
    background-color: #fff;
    z-index: 2
}

.card-link:hover a svg path,
.card-link:hover button svg path {
    stroke: #a7d2ea
}

.card-link:hover:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, .5)));
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .5));
    background: linear-gradient(transparent, rgba(0, 0, 0, .5));
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.card-link picture {
    display: inline-block
}

.card-link h4 {
    color: #fff;
    margin-bottom: 12px;
    position: relative;
    text-align: center;
    z-index: 1
}

.card-link>div {
    position: absolute
}

.card-link>div div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    justify-content: center
}

.card-link>div div svg path {
    fill: #fff
}

.card-link a,
.card-link button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #252525;
    bottom: 21px;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 21px;
    width: 40px;
    z-index: 1
}

.back-to,
.card-link a,
.card-link button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.back-to {
    color: #66686c;
    font-family: Zilla Slab, serif;
    font-size: 16px;
    font-size: 1rem
}

.similar {
    background-color: #e6f9ff;
    padding: 32px 0 42px;
    text-align: center
}

.similar h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.similar .card-link:before {
    z-index: 2
}

.similar .card-link>div {
    z-index: 3
}

.similar .container-whole>.button {
    margin-top: 30px
}

.similar .container-whole>.button svg path {
    stroke: #fff
}

.tooltip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    position: relative;
    width: auto
}

.tooltip.hidden .tooltip__card {
    opacity: 0;
    z-index: -1
}

.tooltip.active,
.tooltip:hover {
    overflow: visible;
    overflow: initial
}

.tooltip.active .tooltip__card,
.tooltip:hover .tooltip__card {
    opacity: 1;
    z-index: 2
}

.tooltip__label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px
}

.tooltip__label p {
    color: #64666a !important;
    font-size: 14px !important;
    font-size: .875rem !important;
    margin: 0 !important
}

.tooltip__icon {
    background-image: url(img/icon-tooltip-icon.svg);
    background-size: 100% 100%;
    height: 15px;
    width: 15px
}

.tooltip__close,
.tooltip__icon {
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block
}

.tooltip__close {
    background-color: transparent;
    background-image: url(img/icon-tooltip-close.svg);
    background-size: cover;
    border: none;
    height: 16px;
    position: absolute;
    right: 16px;
    width: 16px
}

.tooltip__card {
    background-color: #fff;
    border-radius: 4px;
    bottom: 44px;
    -webkit-box-shadow: 0 2px 10.5px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 10.5px rgba(0, 0, 0, .25);
    color: #000;
    left: -90px;
    opacity: 0;
    padding: 16px 40px 12px 16px;
    position: absolute;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 200px;
    z-index: -1
}

.tooltip__card:after {
    background-image: url(img/icon-tooltip-triangle.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: -14px;
    content: "";
    height: 17px;
    margin: 0 auto;
    position: absolute;
    right: 94px;
    width: 20px
}

.tooltip__card p {
    font-size: 12px;
    font-size: .75rem;
    line-height: 14px;
    line-height: .875rem;
    margin: 0
}

.modal-complaints .modal__content {
    text-align: center
}

.modal-complaints .modal__content h3 {
    font-weight: 600;
    margin-bottom: 4px
}

.modal-complaints .modal__content .button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 56px
}

.modal-complaints .modal__content button {
    margin-top: 24px;
    text-transform: uppercase
}

.page-faqs__banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 263px;
    justify-content: center;
    position: relative;
    text-align: center
}

.page-faqs__banner h1,
.page-faqs__banner p {
    color: #fff;
    margin: 0;
    position: relative
}

.page-faqs__banner picture {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-faqs__banner picture img {
    height: 100%
}

.page-faqs__content {
    font-weight: 300;
    padding: 21px 0 540px
}

.page-faqs__content h1 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center
}

.page-faqs__content h6,
.page-faqs__content p,
.page-faqs__content ul {
    font-size: 12px;
    font-size: .75rem
}

.page-faqs__content h6 b,
.page-faqs__content p b,
.page-faqs__content ul b {
    display: block;
    margin-bottom: 7px
}

.page-faqs__content h6 a,
.page-faqs__content p a,
.page-faqs__content ul a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-faqs__content h6 {
    font-size: 12px;
    font-size: .75rem
}

.page-faqs__content h6~p {
    font-size: 24px;
    font-size: 1.5rem
}

.page-faqs__content .tabs__options {
    margin: 24px auto 10px;
    max-width: 800px;
    min-width: 260px
}

.page-faqs__content .tabs__options>div {
    border-bottom: 1px solid #dbdbdb;
    gap: 16px;
    position: relative
}

.page-faqs__content .tabs__options>div:after,
.page-faqs__content .tabs__options>div:before {
    background-color: #dbdbdb;
    bottom: -1px;
    content: "";
    height: 1px;
    position: absolute;
    width: 20px
}

.page-faqs__content .tabs__options>div:before {
    left: -20px
}

.page-faqs__content .tabs__options>div:after {
    right: -20px
}

.page-faqs__content .tabs__options>div>button {
    color: grey;
    font-family: Zilla Slab, serif;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 32px;
    line-height: 2rem;
    padding: 7px 0 0;
    position: relative
}

.page-faqs__content .tabs__options>div>button.active {
    border-bottom: 1px solid #a7d2ea;
    color: #000;
    font-weight: 600
}

.page-faqs__content .tabs__options>div>button.active:after {
    opacity: 1
}

.page-faqs__content .tabs__options>div>button:hover {
    color: #000
}

.page-faqs__content .tabs__content {
    padding: 0 24px
}

.page-faqs__content .accordion-box {
    border-bottom: 1px solid #efefef
}

.page-faqs__content .accordion-box__button {
    border-bottom: 1px solid #a8a8a8
}

.page-faqs__content .accordion-box__content li:last-child {
    padding: 0
}

.page-faqs .accordion-box__content ul {
    list-style: disc;
    padding-left: 14px
}

.page-faqs .accordion-box__content p,
.page-faqs .accordion-box__content ul li {
    font-size: 14px;
    font-size: .875rem;
    line-height: 24px;
    line-height: 1.5rem
}

.page-faqs .accordion-box__content p b {
    margin-bottom: 0
}

.page-faqs .accordion-box__content ul li {
    padding-bottom: 22px
}

.page-faqs .accordion-box__button:after,
.page-faqs .accordion-box__button:before {
    background-color: #00b9f2
}

.m-directory-home {
    padding: 32px 0;
    scroll-margin-top: 64px
}

.m-directory-home__introduction h4 {
    color: #00c0ff;
    font-family: Zilla Slab, sans-serif;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 36px;
    line-height: 2.25rem;
    margin-bottom: 12px
}

.m-directory-home__introduction h4 span {
    display: block
}

.m-directory-home__introduction p {
    color: #4e4e4e;
    font-family: Gotham Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem
}

.m-directory-home__stores h3 {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 24px 0 15px;
    text-align: center
}

.m-directory-home__stores ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0
}

.m-directory-home__stores ul>a,
.m-directory-home__stores ul>li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #e9e9e9;
    border: 1px solid #999;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    justify-content: center;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    width: 25%
}

.m-directory-home__stores ul>a:nth-child(3),
.m-directory-home__stores ul>a:nth-child(4),
.m-directory-home__stores ul>li:nth-child(3),
.m-directory-home__stores ul>li:nth-child(4) {
    display: none
}

.m-directory-home__stores ul>a picture,
.m-directory-home__stores ul>li picture {
    display: inline-block
}

.m-directory-home__stores ul>a picture:last-child,
.m-directory-home__stores ul>li picture:last-child {
    display: none
}

.m-directory-home__stores ul>a picture img,
.m-directory-home__stores ul>li picture img {
    max-width: 80%
}

.m-directory-home__stores ul>a:hover,
.m-directory-home__stores ul>li:hover {
    background-color: #222
}

.m-directory-home__stores ul>a:hover picture:first-child,
.m-directory-home__stores ul>li:hover picture:first-child {
    display: none
}

.m-directory-home__stores ul>a:hover picture:last-child,
.m-directory-home__stores ul>li:hover picture:last-child {
    display: block
}

.m-directory-home__stores ul>a:last-child,
.m-directory-home__stores ul>li:last-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-directory-home__stores ul>a:last-child svg,
.m-directory-home__stores ul>li:last-child svg {
    width: 24px
}

.m-directory-home__stores ul>a:last-child span,
.m-directory-home__stores ul>li:last-child span {
    display: block;
    font-family: Gotham Bold, sans-serif;
    font-size: 10px;
    font-size: .625rem;
    text-align: center;
    width: 66px
}

.m-directory-home__stores ul>a:last-child:hover span,
.m-directory-home__stores ul>li:last-child:hover span {
    color: #fff
}

.m-directory-home__stores ul>a:last-child:hover svg path,
.m-directory-home__stores ul>li:last-child:hover svg path {
    stroke: #fff
}

.m-experiences-home {
    padding: 20px 0
}

.m-experiences-home h3 {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 24px 0 15px;
    text-align: center
}

.m-experiences-home__content {
    overflow-x: auto
}

.m-experiences-home__content>div {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-image: url(img/home-hero-end-rambla-desk@2x.jpg);
    background-position: 50%;
    background-size: cover;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 816px;
    overflow: hidden;
    width: 100%
}

.m-experiences-home__content>div article {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 1;
    padding: 127px 16px 16px;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 25%
}

.m-experiences-home__content>div article h4 {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 32px;
    line-height: 2rem;
    margin: 12px 0 5px
}

.m-experiences-home__content>div article p {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-grow: 1;
    font-family: Gotham Book, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    line-height: 16px;
    line-height: 1rem
}

.m-experiences-home__content>div article .button {
    margin-left: 0
}

.m-experiences-home__content>div article:first-child {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 104, 175, .35)), color-stop(70%, #ff68af), to(#ff68af));
    background: -webkit-linear-gradient(top, rgba(255, 104, 175, .35), #ff68af 70%, #ff68af);
    background: linear-gradient(180deg, rgba(255, 104, 175, .35), #ff68af 70%, #ff68af)
}

.m-experiences-home__content>div article:nth-child(2) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 189, 251, .35)), color-stop(70%, #00bdfb), to(#00bdfb));
    background: -webkit-linear-gradient(top, rgba(0, 189, 251, .35), #00bdfb 70%, #00bdfb);
    background: linear-gradient(180deg, rgba(0, 189, 251, .35), #00bdfb 70%, #00bdfb)
}

.m-experiences-home__content>div article:nth-child(3) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(211, 134, 200, .35)), color-stop(70%, #d386c8), to(#d386c8));
    background: -webkit-linear-gradient(top, rgba(211, 134, 200, .35), #d386c8 70%, #d386c8);
    background: linear-gradient(180deg, rgba(211, 134, 200, .35), #d386c8 70%, #d386c8)
}

.m-experiences-home__content>div article:nth-child(4) {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 205, 201, .35)), color-stop(70%, #00cdc9), to(#00cdc9));
    background: -webkit-linear-gradient(top, rgba(0, 205, 201, .35), #00cdc9 70%, #00cdc9);
    background: linear-gradient(180deg, rgba(0, 205, 201, .35), #00cdc9 70%, #00cdc9)
}

#gallery-instagram {
    grid-gap: 16px;
    display: grid;
    grid-template: 250px 250px 196px/1fr 1fr;
    grid-template-areas: "pic1 pic1" "pic2 pic3" "pic4 pic5";
    margin: 24px 0
}

#gallery-instagram>* {
    border-radius: 8px;
    max-width: 100%;
    overflow: hidden;
    position: relative
}

#gallery-instagram>:first-child {
    grid-area: pic1
}

#gallery-instagram>:nth-child(2) {
    grid-area: pic2
}

#gallery-instagram>:nth-child(3) {
    grid-area: pic3
}

#gallery-instagram>:nth-child(4) {
    grid-area: pic4
}

#gallery-instagram>:nth-child(5) {
    grid-area: pic5
}

#gallery-instagram>*>* {
    height: auto;
    max-width: 100%;
    position: relative
}

#gallery-instagram>* video {
    height: auto;
    left: 50%;
    max-width: 100%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

#gallery-instagram>* img,
#gallery-instagram>* video {
    position: absolute;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

#gallery-instagram>* img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    width: 100%
}

#gallery-instagram>:hover video {
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -ms-transform: translate(-50%, -50%) scale(1.2);
    transform: translate(-50%, -50%) scale(1.2)
}

#gallery-instagram>:hover picture {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.page-home .hero .swiper-button-next,
.page-home .hero .swiper-button-prev {
    display: none
}

.page-home .hero .swiper.swiper-initialized.swiper-horizontal {
    height: auto
}

.page-home .hero-slide {
    overflow: hidden;
    position: relative;
    width: 100%
}

.page-home .hero-slide .bg-banner {
    height: 400px;
    position: relative;
    width: 508px
}

.page-home .hero-slide .bg-banner img {
    left: -109px;
    position: absolute
}

.page-home .hero-slide__content {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    padding: 10px 24px 40px;
    position: absolute;
    right: 0;
    top: 0
}

.page-home .hero-slide__content div {
    color: #fff;
    max-width: 320px
}

.page-home .hero-slide__content h2 {
    color: #1f1f1f;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px
}

.page-home .hero-slide__content h3 {
    color: #fe3f95;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 200px
}

.page-home .hero-slide__logo img,
.page-home .hero-slide__logo picture {
    max-width: 103px;
    min-width: 103px
}

.page-home .m-hero-slide__arrow {
    display: none
}

@-webkit-keyframes scrolly {
    0% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

    to {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

.page-home .m-hero-video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #4e4e4e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 400px;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.page-home .m-hero-video p {
    color: #999;
    font-family: Zilla Slab, sans-serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600
}

.page-home .m-hero-video video {
    border: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.page-home .m-hero-video video#video-desktop {
    display: none
}

.page-home .m-hero-video video#video-mobile {
    display: block
}

.page-home .m-hero-video__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100%;
    bottom: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 48px
}

.page-home .m-hero-video__arrow svg {
    -webkit-animation: scrolly 1s infinite forwards;
    animation: scrolly 1s infinite forwards
}

.page-home .m-events-home {
    background-color: #e6f8f7;
    overflow: hidden;
    padding: 42px 0 55px
}

.page-home .m-events-home .container>.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    width: 300px
}

.page-home .m-events-home__featured {
    margin-bottom: 24px
}

.page-home .m-events-home__slider .swiper {
    padding: 0 0 60px
}

.page-home .m-events-home .swiper-pagination {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px)
}

.page-home .m-events-home .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #000
}

.page-home .m-events-home .swiper-pagination .swiper-pagination-bullet i:after,
.page-home .m-events-home .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #000
}

.page-home .m-events-home .swiper-pagination .swiper-pagination-bullet-active em {
    color: #000
}

.page-home .services {
    background-color: #f4f8fe;
    padding: 24px 0
}

.page-home .services__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: center;
    margin-top: 32px
}

.page-home .services__card {
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 22px;
    overflow: hidden;
    padding: 12px
}

.page-home .services__img {
    border-radius: 4px;
    height: 140px;
    overflow: hidden;
    width: 104px
}

.page-home .services__img>picture {
    height: 100%;
    width: 100%
}

.page-home .services__img>picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-home .services__description {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    justify-content: space-between
}

.page-home .services__description h2 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0;
    max-width: 115px
}

.page-home .services__description a.button,
.page-home .services__description button {
    background-color: #fff;
    border: 1px solid #222831;
    color: #222831;
    font-size: 14px;
    font-size: .875rem;
    padding: 8px 11px;
    text-transform: inherit
}

.page-home .services__card.--another {
    position: relative
}

.page-home .services__card.--another .services__img {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-home .services__card.--another .services__description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-flow: row;
    flex-flow: row;
    position: relative
}

.page-home .services__card.--another .services__description h2 {
    color: #fff;
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 0
}

.page-home .services__card.--another .services__description a.button,
.page-home .services__card.--another .services__description button {
    text-transform: none
}

.page-home .questions {
    padding: 40px 0
}

.page-home .questions__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px
}

.page-home .questions__card {
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    margin-bottom: 22px;
    max-width: 329px;
    overflow: hidden
}

.page-home .questions__img {
    height: 206px
}

.page-home .questions__img>picture {
    height: 100%
}

.page-home .questions__img>picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-home .questions__description {
    padding: 16px 20px 36px
}

.page-home .questions__description h2 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 18px
}

.page-home .questions__description p {
    font-size: 14px;
    font-size: .875rem
}

.page-home .questions__description a {
    display: block;
    margin-top: 8px;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-home .questions__description a.button,
.page-home .questions__description button {
    font-size: 14px;
    font-size: .875rem;
    margin-left: 0;
    margin-top: 16px;
    -webkit-text-decoration: none;
    text-decoration: none;
    width: 200px
}

.page-home .questions__description a:not(.button) {
    font-family: Gotham Bold, sans-serif;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-home .questions__cards {
    padding: 0 16px
}

.page-home .questions__cards>div {
    padding: 16px
}

.page-home .questions__cards>div:last-child a {
    font-family: Gotham Bold, sans-serif;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-home .questions__cards>div h2 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 18px
}

.page-home .questions__cards>div p {
    font-size: 14px;
    font-size: .875rem
}

.page-home .questions__cards>hr {
    margin: 0
}

.page-home .questions>div a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-size: 1rem;
    gap: 8px;
    margin-top: 8px
}

.page-home .ads {
    padding: 42px 0 30px
}

.page-home .ads .swiper-component {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-home .ads .swiper-component .swiper {
    padding: 0 0 60px
}

.page-home .ads .swiper-slide {
    cursor: pointer
}

.page-home .ads .swiper picture {
    border-radius: 8px;
    overflow: hidden;
    width: 100%
}

.page-home .ads .swiper picture img {
    width: 100%
}

.page-home .ads .swiper-pagination .swiper-pagination-bullet-active i {
    border-color: #000
}

.page-home .ads .swiper-pagination .swiper-pagination-bullet i:after,
.page-home .ads .swiper-pagination .swiper-pagination-bullet i:before {
    background-color: #000
}

.page-home .ads .swiper-pagination .swiper-pagination-bullet-active em {
    color: #000
}

.page-home .community {
    background-color: #e6f9ff;
    padding: 40px 0;
    text-align: center
}

.page-home .community .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    width: 300px
}

.page-home .newsletter {
    background-color: #54cfcb;
    padding: 24px 0
}

.page-home .newsletter picture {
    position: absolute;
    right: 16px
}

.page-home .newsletter picture img {
    max-height: 400px
}

.page-home .newsletter h2 {
    font-family: Zilla Slab, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 8px
}

.page-home .newsletter h2 span {
    display: block
}

.page-home .newsletter p {
    font-size: 12px;
    font-size: .75rem;
    margin-bottom: 28px
}

.page-home .newsletter .newsletter__content>div {
    max-width: 191px;
    min-height: 140px
}

.page-home .newsletter form {
    text-align: left
}

.page-home .newsletter form .input input {
    background-color: #54cfcb;
    border: 1px solid #000
}

.page-home .newsletter form .input input::-webkit-input-placeholder {
    color: #222
}

.page-home .newsletter form .input input::-ms-input-placeholder {
    color: #222
}

.page-home .newsletter form .input input::placeholder {
    color: #222
}

.page-home .newsletter form .input input::-moz-placeholder {
    color: #222
}

.page-home .newsletter form .input input:-ms-input-placeholder {
    color: #222
}

.page-home .newsletter form .input label {
    background-color: #54cfcb;
    color: #222
}

.page-home .newsletter form .checkboxes {
    text-align: left
}

.page-home .newsletter form .checkboxes .checkbox {
    display: block;
    margin-bottom: 8px
}

.page-home .newsletter form .checkboxes .checkbox a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-home .newsletter form .checkboxes label {
    font-size: 12px;
    font-size: .75rem
}

.page-home .newsletter form .button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    width: 300px
}

.page-home .modal-newsletter-thanks .modal__container .modal__content div h4 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 2px;
    text-align: center
}

.page-home .modal-newsletter-thanks .modal__container .modal__content div p {
    font-family: Gotham Book, serif;
    font-size: 20px;
    font-size: 1.25rem;
    margin-bottom: 0;
    text-align: center
}

.page-home div.modal-contact-thanks .modal__container .modal__content {
    text-align: center
}

.page-home div.modal-contact-thanks .modal__container .modal__content h3 {
    font-family: Zilla Slab, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 800;
    margin-bottom: 22px
}

.page-home div.modal-contact-thanks .modal__container .modal__content svg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-self: center;
    margin-bottom: 20px
}

.page-home div.modal-contact-thanks .modal__container .modal__content p {
    font-size: 16px;
    font-size: 1rem
}

.page-home .headline {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 36px;
    line-height: 2.25rem;
    margin-bottom: 14px;
    text-align: center
}

.page-home .headline p {
    font-family: Gotham Book, sans-serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 300;
    line-height: 24px;
    line-height: 1.5rem;
    margin-top: 8px
}

.page-about__banner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 263px;
    justify-content: center;
    position: relative;
    text-align: center
}

.page-about__banner h1 {
    color: #fff;
    margin-top: auto;
    position: relative
}

.page-about__banner picture {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-about__banner picture img {
    height: 100%
}

.page-about__locals {
    margin-bottom: 26px;
    margin-top: 26px;
    text-align: center
}

.page-about__locals h3 {
    font-weight: 600
}

.page-about__schedule {
    background-color: rgba(167, 210, 234, .149);
    margin-bottom: 26px;
    margin-top: 26px;
    padding: 16px;
    text-align: center
}

.page-about__schedule h4 {
    font-weight: 600;
    margin: 0
}

.page-about__content {
    padding-bottom: 21px;
    padding-top: 21px
}

.page-about__flex {
    margin-top: 22px
}

.page-about__flex>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 21px auto;
    position: relative
}

.page-about__flex>div>div {
    bottom: 33px;
    position: absolute;
    width: 100%
}

.page-about__flex>div>div p {
    color: #fff;
    font-size: 20px;
    font-size: 1.25rem;
    text-align: center
}

.page-about__flex h6 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 600
}

.page-about__flex.--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page-policies__content {
    font-weight: 300;
    padding-bottom: 42px;
    padding-top: 30px
}

.page-policies__content h1 {
    font-size: 32px;
    font-size: 2rem;
    font-weight: 600;
    text-align: center
}

.page-policies__content h6,
.page-policies__content p,
.page-policies__content ul {
    font-size: 12px;
    font-size: .75rem
}

.page-policies__content h6 b,
.page-policies__content p b,
.page-policies__content ul b {
    display: block;
    margin-bottom: 7px
}

.page-policies__content h6 a,
.page-policies__content p a,
.page-policies__content ul a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-policies__content p {
    text-align: justify
}

.page-policies__content h4 {
    font-size: 14px;
    font-size: .875rem;
    margin: 20px 0 14px
}

.page-policies__crono {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.page-policies .wp-editor table {
    border-collapse: collapse;
    margin: 20px auto;
    table-layout: fixed;
    text-align: center;
    width: 100%
}

.page-policies .wp-editor table td,
.page-policies .wp-editor table th {
    border: 1px solid #d7d7d7;
    font-size: 12px;
    font-size: .75rem;
    word-break: break-word
}

.page-policies .wp-editor table th {
    background-color: #a7d2ea;
    color: #fff;
    font-weight: 700;
    padding: 14px 12px
}

.page-policies .wp-editor table td {
    padding: 10px 12px
}

.page-dogfriendly__banner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 263px;
    justify-content: center;
    position: relative;
    text-align: center
}

.page-dogfriendly__banner div>h1,
.page-dogfriendly__banner p {
    color: #fff;
    margin: 0;
    position: relative
}

.page-dogfriendly__banner picture {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-dogfriendly__banner picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-dogfriendly__locals {
    margin-bottom: 26px;
    margin-top: 26px;
    text-align: center
}

.page-dogfriendly__locals h3 {
    font-weight: 600
}

.page-dogfriendly__schedule {
    background-color: rgba(167, 210, 234, .149);
    margin-bottom: 26px;
    margin-top: 26px;
    padding: 16px;
    text-align: center
}

.page-dogfriendly__schedule h4 {
    font-weight: 600;
    margin: 0
}

.page-dogfriendly>section:first-child>picture:first-of-type {
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-dogfriendly__title {
    margin-bottom: 44px
}

.page-dogfriendly__title p {
    margin-bottom: 0;
    text-align: center
}

.page-dogfriendly__content {
    padding-bottom: 21px;
    padding-top: 21px;
    position: relative
}

.page-dogfriendly__content p {
    font-family: Zilla Slab, serif;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 0;
    text-align: center
}

.page-dogfriendly__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 22px
}

.page-dogfriendly__flex>div:last-child {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.page-dogfriendly__flex>div:last-child img {
    max-width: 100%
}

.page-dogfriendly__flex h6 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700
}

.page-dogfriendly__flex ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 12px;
    list-style: disc;
    padding-left: 24px
}

.page-dogfriendly__flex ul li {
    font-size: 16px;
    font-size: 1rem
}

.m-events-tabs {
    padding: 24px 16px;
    text-align: center
}

.m-events-tabs h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.m-events-tabs h1 span {
    display: block
}

.m-events-tabs ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 1px solid #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    justify-content: center;
    margin: 0
}

.m-events-tabs ul li {
    border-bottom: 2px solid transparent;
    width: 33.3%
}

.m-events-tabs ul a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    color: #6b6b6b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    gap: 4px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 12px 6px;
    text-align: center;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.m-events-tabs ul a svg {
    height: 32px;
    width: 32px
}

.m-events-tabs ul a svg path {
    -webkit-transition: stroke .3s ease-in-out;
    transition: stroke .3s ease-in-out
}

.m-events-tabs ul a:hover {
    color: #222
}

.m-events-tabs ul a:hover svg path {
    stroke: #222
}

.m-events-tabs ul li.m--active {
    border-color: #222
}

.m-events-tabs ul li.m--active a {
    color: #222;
    font-family: Gotham Bold, sans-serif
}

.m-events-tabs ul li.m--active a svg path {
    stroke: #222
}

.m-events-grid {
    padding: 24px 0
}

.m-events-grid .container {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr)
}

.m-promotions-searcher {
    padding-top: 32px;
    text-align: center
}

.m-promotions-searcher h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.m-promotions-searcher h1 span {
    display: block
}

.m-promotions-searcher nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 52px;
    justify-content: space-between
}

.m-promotions-searcher nav .box-filter {
    overflow: hidden;
    width: 100%
}

.m-promotions-searcher nav .selector-filter {
    max-width: 100%;
    padding: 0 24px;
    text-align: left;
    width: 100%
}

.m-promotions-searcher nav .selector-filter p {
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 5px
}

.m-promotions-searcher nav .selector-filter .select {
    border: 1px solid #bababa;
    border-radius: 8px;
    max-height: 48px
}

.m-promotions-searcher nav .selector-filter .select .select__button {
    background-color: #fff;
    border: none;
    border-radius: 8px
}

.m-promotions-searcher nav .selector-filter .select .select__button p {
    color: #999
}

.m-promotions-searcher ul {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    gap: 16px;
    justify-content: start;
    margin: 0 0 0 16px;
    overflow-x: scroll;
    width: 100%
}

.m-promotions-searcher ul,
.m-promotions-searcher ul a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-promotions-searcher ul a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #e9e9e9;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    gap: 5px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 5px 12px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.m-promotions-searcher ul a svg {
    height: 20px;
    width: 20px
}

.m-promotions-searcher ul li:first-child a path,
.m-promotions-searcher ul li:nth-child(2) a path {
    fill: #00b7b2
}

.m-promotions-searcher ul li:nth-child(3) a path,
.m-promotions-searcher ul li:nth-child(4) a path {
    stroke: #00b7b2
}

.m-promotions-searcher ul li.m--active a {
    background-color: #222;
    color: #fff;
    font-weight: 700
}

.m-promotions-searcher ul li.m--active:first-child a path,
.m-promotions-searcher ul li.m--active:nth-child(2) a path {
    fill: #fff
}

.m-promotions-searcher ul li.m--active:nth-child(3) a path,
.m-promotions-searcher ul li.m--active:nth-child(4) a path {
    stroke: #fff
}

.m-promotions-grid {
    padding: 52px 0 32px
}

.m-promotions-grid .container {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr)
}

.m-promotions-popup {
    display: none;
    width: 100%
}

.m-promotions-popup .container-popup {
    bottom: 0;
    left: 50%;
    max-width: 1124px;
    position: fixed;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    z-index: 9990
}

.m-promotions-popup .container-popup .promotion-popup {
    background-color: #f9f9f9;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: auto;
    max-width: 1124px;
    overflow: hidden;
    padding: 32px 16px;
    position: relative;
    width: 100%
}

.m-promotions-popup .container-popup .promotion-popup__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px
}

.m-promotions-popup .container-popup .promotion-popup__content-img {
    border-radius: 20px;
    display: none;
    overflow: hidden
}

.m-promotions-popup .container-popup .promotion-popup__content-img img {
    height: 445px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 508px
}

.m-promotions-popup .container-popup .promotion-popup__content .category {
    background-color: #e9e9e9;
    border: 1px solid #999;
    border-radius: 4px;
    color: #222;
    display: inline-block;
    font-size: 12px;
    font-size: .75rem;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 10px;
    padding: 4px 20px
}

.m-promotions-popup .container-popup .promotion-popup__content .brand {
    color: #222;
    display: block;
    font-family: Zilla Slab, sans-serif;
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 100%;
    margin-bottom: 10px
}

.m-promotions-popup .container-popup .promotion-popup__content .subtitle {
    color: #222;
    display: block;
    font-size: 22px;
    font-size: 1.375rem;
    margin-bottom: 0
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-percent {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 20px
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-percent b {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 60px;
    line-height: 3.75rem
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-percent .dscto-percent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 100%
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-simple {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 36px;
    font-size: 2.25rem;
    gap: 8px;
    margin-bottom: 35px;
    margin-top: 8px
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-simple span {
    font-size: 14px;
    font-size: .875rem;
    line-height: 100%
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-simple b {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 35px;
    line-height: 2.1875rem
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-price {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 36px;
    font-size: 2.25rem;
    gap: 8px;
    margin-bottom: 35px;
    margin-top: 8px
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-price .value {
    font-size: 26px;
    font-size: 1.625rem;
    line-height: 100%
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-price .number {
    color: #222;
    font-family: Zilla Slab, sans-serif;
    font-size: 84px;
    font-size: 5.25rem;
    line-height: 35px;
    line-height: 2.1875rem
}

.m-promotions-popup .container-popup .promotion-popup__content .price.promo-price .x {
    font-family: Zilla Slab, sans-serif
}

.m-promotions-popup .container-popup .promotion-popup__content .description {
    color: #222;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 20px;
    margin-top: 8px
}

.m-promotions-popup .container-popup .promotion-popup__content ul {
    margin-bottom: 20px
}

.m-promotions-popup .container-popup .promotion-popup__content ul>li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #222;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    gap: 8px;
    margin-bottom: 10px
}

.m-promotions-popup .container-popup .promotion-popup__content ul>li .tag {
    background-color: #e6f8f7;
    border: 1px solid #00b7b2;
    border-radius: 4px;
    font-size: 12px;
    font-size: .75rem;
    padding: 4px 12px
}

.m-promotions-popup .container-popup .promotion-popup__content ul>li a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-promotions-popup .container-popup .promotion-popup__close {
    position: absolute;
    right: 16px;
    top: 32px
}

.m-promotions-popup .container-popup .promotion-tyc {
    border: 1px solid #bababa;
    border-radius: 8px;
    margin-top: 20px
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box {
    background-color: #fffefe;
    border-radius: 8px
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__button {
    background-color: #fffefe;
    border-radius: 8px;
    font-family: Zilla Slab, sans-serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__button:after {
    right: 14px
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__button:before {
    right: 20px
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__content {
    height: 0;
    max-height: 100px;
    overflow-y: scroll
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__content>div {
    padding: 10px 15px 20px
}

.m-promotions-popup .container-popup .promotion-tyc .accordion-box__content p {
    color: #222;
    font-size: 16px;
    font-size: 1rem;
    line-height: 120%;
    margin-bottom: 0
}

.page-promotions {
    background-color: #f9f9f9
}

.page-promotions .banner-image {
    padding-top: 16px
}

.page-promotions .banner-image__content {
    width: 100%
}

.page-promotions .banner-image picture:after {
    display: none
}

.page-promotions.popup--active .m-promotions-popup {
    display: block !important;
    padding: 0
}

.page-promotions.popup--active .m-promotions-popup .container {
    padding-left: 0;
    padding-right: 0
}

.page-promotions.popup--active .bg-popup {
    background-color: rgba(53, 53, 53, .945);
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040
}

.m-services-searcher {
    padding: 24px 16px;
    text-align: center
}

.m-services-searcher h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.m-services-searcher h1 span {
    display: block
}

.m-services-searcher nav {
    overflow-x: auto;
    padding: 20px 0 10px
}

.m-services-searcher ul {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    gap: 16px;
    justify-content: normal;
    margin: 0;
    min-width: 400px
}

.m-services-searcher ul,
.m-services-searcher ul button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-services-searcher ul button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #e9e9e9;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    gap: 5px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 5px 12px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    white-space: nowrap
}

.m-services-searcher ul button:hover {
    background-color: #fff
}

.m-services-searcher ul button svg {
    height: 20px;
    width: 20px
}

.m-services-searcher ul li:first-child button path,
.m-services-searcher ul li:nth-child(2) button path {
    fill: #00b7b2
}

.m-services-searcher ul li:nth-child(3) button path,
.m-services-searcher ul li:nth-child(4) button path {
    stroke: #00b7b2
}

.m-services-searcher ul li.m--active button {
    background-color: #222;
    color: #fff;
    font-weight: 700
}

.m-services-searcher ul li.m--active:first-child button path,
.m-services-searcher ul li.m--active:nth-child(2) button path {
    fill: #fff
}

.m-services-searcher ul li.m--active:nth-child(3) button path,
.m-services-searcher ul li.m--active:nth-child(4) button path {
    stroke: #fff
}

.m-services-grid {
    padding: 24px 0
}

.m-services-grid .container {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr)
}

.page-services__banner div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 263px;
    justify-content: center;
    position: relative;
    text-align: center
}

.page-services__banner div>h1 {
    font-size: 36px;
    font-size: 2.25rem
}

.page-services__banner div>h1,
.page-services__banner p {
    color: #fff;
    margin: 0;
    position: relative
}

.page-services__banner picture {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.page-services__banner picture img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.page-services__locals {
    margin-bottom: 26px;
    margin-top: 26px;
    text-align: center
}

.page-services__locals h3 {
    font-weight: 600
}

.page-services__schedule {
    background-color: rgba(167, 210, 234, .149);
    margin-bottom: 26px;
    margin-top: 26px;
    padding: 16px;
    text-align: center
}

.page-services__schedule h4 {
    font-weight: 600;
    margin: 0
}

.page-services>section:first-child>picture:first-of-type {
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-services__content {
    padding-bottom: 21px;
    padding-top: 21px;
    position: relative
}

.page-services__flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-top: 22px
}

.page-services__flex,
.page-services__flex ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.page-services__flex ul {
    gap: 42px;
    list-style: disc
}

.page-services__flex ul li {
    font-size: 20px;
    font-size: 1.25rem
}

.page-services__flex.--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page-services__card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    width: 250px
}

.page-services__card:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 192, 255, .4)));
    background: -webkit-linear-gradient(transparent, rgba(0, 192, 255, .4));
    background: linear-gradient(transparent, rgba(0, 192, 255, .4));
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    width: 100%;
    z-index: 1
}

.page-services__card:after {
    background: -webkit-gradient(linear, left top, right top, from(#0090e2), color-stop(20%, #0090e2), color-stop(20%, #f73f96), color-stop(25%, #f73f96), color-stop(25%, #ecee00), color-stop(30%, #ecee00), color-stop(30%, #16bf41), color-stop(33%, #16bf41), color-stop(33%, #ffab00), color-stop(53%, #ffab00), color-stop(53%, #00c0ff), color-stop(60%, #00c0ff), color-stop(60%, #98d62a), color-stop(73%, #98d62a), color-stop(73%, #00b7b2), color-stop(86%, #00b7b2), color-stop(86%, #a54baa), to(#a54baa));
    background: -webkit-linear-gradient(left, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    background: linear-gradient(90deg, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    width: 100%;
    z-index: 3
}

.page-services__card:hover {
    cursor: pointer
}

.page-services__card:hover>div button {
    background-color: #fff;
    z-index: 2
}

.page-services__card:hover>div button svg path {
    stroke: #a7d2ea
}

.page-services__card:hover:before {
    opacity: 1
}

.page-services__card:hover:after {
    bottom: 0
}

.page-services__card picture {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-services__card picture:before {
    background: rgba(0, 0, 0, .4);
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

.page-services__card h6 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-align: center;
    width: 80%;
    z-index: 1
}

.page-services__card div button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #252525;
    bottom: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 21px;
    width: 40px
}

.page-services .modal__container {
    padding: 0
}

.page-services .modal__container .modalService__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #fff;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: hidden;
    padding: 0
}

.page-services .modal__container .modalService__content>picture {
    height: 200px;
    width: 100%
}

.page-services .modal__container .modalService__content>picture img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-services .modal__container .modalService__content>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 40px
}

.page-services .modal__container .modalService__content>div .tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #e9e9e9;
    border: 1px solid #999;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 700;
    gap: 5px;
    justify-content: center;
    padding: 4px 12px
}

.page-services .modal__container .modalService__content>div .title {
    font-family: Zilla Slab, serif;
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1;
    margin-top: 24px
}

.page-services .modal__container .modalService__content>div .subtitle {
    font-size: 14px;
    font-size: .875rem
}

.page-services .modal__container .modalService__content>div .description {
    font-family: Gotham Book, serif;
    font-size: 14px;
    font-size: .875rem;
    padding-right: 7px
}

.page-services .modal__container .modalService__content>div .description small {
    display: block;
    font-size: 11px;
    font-size: .6875rem;
    margin: 20px 0 0
}

.m-directory-searcher {
    padding: 24px 16px;
    text-align: center
}

.m-directory-searcher h1 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.m-directory-searcher h1 span {
    display: block
}

.m-directory-searcher .page-directory__input form {
    width: 100%
}

.m-directory-searcher input.icon {
    background-position: -webkit-calc(100% - 20px) 50%;
    background-position: calc(100% - 20px);
    border: 1px solid #bababa;
    border-radius: 8px;
    height: 48px;
    margin: 0 auto;
    max-width: 856px;
    padding: 12px;
    width: 100%
}

.m-directory-searcher nav {
    overflow-x: auto;
    padding: 20px 0 10px
}

.m-directory-searcher nav ul {
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    gap: 16px;
    justify-content: normal;
    margin: 0;
    min-width: 400px
}

.m-directory-searcher nav ul,
.m-directory-searcher nav ul a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-directory-searcher nav ul a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #e9e9e9;
    border: 1px solid #4e4e4e;
    border-radius: 4px;
    color: #222;
    font-size: 14px;
    font-size: .875rem;
    gap: 5px;
    justify-content: center;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 5px 12px;
    -webkit-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out
}

.m-directory-searcher nav ul a:hover {
    background-color: #fff
}

.m-directory-searcher nav ul a svg {
    height: 20px;
    width: 20px
}

.m-directory-searcher nav ul li:first-child a path,
.m-directory-searcher nav ul li:nth-child(2) a path {
    fill: #00b7b2
}

.m-directory-searcher nav ul li:nth-child(3) a path,
.m-directory-searcher nav ul li:nth-child(4) a path {
    stroke: #00b7b2
}

.m-directory-searcher nav ul li.m--active a {
    background-color: #222;
    color: #fff;
    font-weight: 700
}

.m-directory-searcher nav ul li.m--active:first-child a path,
.m-directory-searcher nav ul li.m--active:nth-child(2) a path {
    fill: #fff
}

.m-directory-searcher nav ul li.m--active:nth-child(3) a path,
.m-directory-searcher nav ul li.m--active:nth-child(4) a path {
    stroke: #fff
}

.m-directory-searcher nav ul li.m--active:nth-child(5) a path {
    fill: #fff;
    stroke: #fff
}

.m-directory-grid {
    padding: 24px 0
}

.m-directory-grid .container {
    grid-gap: 10px;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(1, 1fr)
}

.m-detail-store .modal__content h4 {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 28px;
    line-height: 1.75rem;
    margin-bottom: 5px
}

.m-detail-store .modal__content .card-content>picture {
    display: block;
    width: 100%
}

.m-detail-store .modal__content .card-content>picture img {
    width: 100%
}

.m-detail-store__content {
    background-color: #f9f9f9;
    border-radius: 8px;
    padding: 10px 12px
}

.m-detail-store__content>picture {
    display: block
}

.m-detail-store__content>picture img {
    max-height: 100px
}

.m-detail-store__content>span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #e9e9e9;
    border: 1px solid #999;
    border-radius: 4px;
    color: #222;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Gotham Bold, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    justify-content: center;
    line-height: 16px;
    line-height: 1rem;
    margin: 12px 0;
    padding: 4px 15px
}

.m-detail-store__content ul {
    margin-bottom: 15px;
    text-align: left
}

.m-detail-store__content ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #66686c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    gap: 8px;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 12px
}

.m-detail-store__content ul li svg {
    min-width: 24px
}

.m-detail-store__content ul li em {
    background: #e6f8f7;
    border: 1px solid #00b7b2;
    border-radius: 4px;
    color: #222;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Gotham Bold, sans-serif;
    font-size: 12px;
    font-size: .75rem;
    font-style: normal;
    line-height: 16px;
    line-height: 1rem;
    margin-left: 10px;
    padding: 4px 8px
}

.m-detail-store__content ul li em.js--closed {
    background-color: #ffebed;
    border-color: #fd3647
}

.m-detail-store__content ul li a {
    color: #4e4e4e;
    font-family: Gotham Bold, sans-serif;
    line-height: 16px;
    line-height: 1rem;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.m-detail-store__content ul li a#web {
    word-break: break-word
}

.m-detail-store__content p {
    color: #4e4e4e;
    font-size: 14px;
    font-size: .875rem;
    line-height: 16px;
    line-height: 1rem;
    margin-bottom: 10px
}

.m-detail-store__content>p {
    font-family: Gotham Bold, sans-serif;
    margin-bottom: 0
}

.page-directory {
    position: relative
}

.page-directory__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 16px;
    justify-content: center;
    margin-top: 22px
}

.page-directory__flex.--filter {
    background-color: #fff;
    display: block;
    height: 486px;
    margin-top: 0;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: right .6s ease-out, opacity .6s ease-out;
    transition: right .6s ease-out, opacity .6s ease-out;
    width: 90%;
    z-index: 5
}

.page-directory__flex.--filter[_state=open] {
    right: 0
}

.page-directory__flex.--filter[_state=open]:after {
    display: block;
    opacity: .8
}

.page-directory__flex.--filter[_state=close] {
    right: -100%
}

.page-directory__flex.--filter[_state=close]:after {
    display: none;
    opacity: 0
}

.page-directory__flex.--filter .button {
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #a8a8a8;
    border-radius: 0;
    color: #000;
    display: block;
    height: 56px;
    line-height: 56px;
    line-height: 3.5rem;
    text-align: left;
    width: 100%
}

.page-directory__flex.--filter .button.active,
.page-directory__flex.--filter .button:hover {
    background-color: #d1f4ff;
    border-bottom: 1px solid #a8a8a8;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.page-directory__flex.--filter .page-directory__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 64px;
    justify-content: center;
    width: 100%
}

.page-directory__flex.--filter .page-directory__title h2 {
    color: #fff;
    margin: 0
}

.page-directory__flex.--filter .page-directory__title button {
    cursor: pointer;
    left: 70px;
    position: relative
}

.page-directory__flex.--filter .page-directory__title button svg path {
    fill: #fff
}

.page-directory__flex.--filter .page-directory__button-filter-clear {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding-bottom: 42px;
    padding-top: 116px
}

.page-directory__flex.--filter .page-directory__button-filter-clear button {
    border: 2px solid #000;
    font-size: 14px;
    font-size: .875rem;
    padding: 8px 25px
}

.page-directory__flex.--filter:after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.page-directory__content {
    padding-top: 17px
}

.page-directory__content p {
    margin: 24px auto;
    max-width: 840px;
    text-align: center
}

.page-directory__content .paginator {
    margin-bottom: 61px
}

.page-directory__button-open {
    border: 1px solid #c2c3c9;
    border-radius: 4px;
    padding: 14px
}

.page-directory__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin: 0 auto;
    max-width: 840px;
    position: relative;
    text-align: center
}

.page-directory__input input {
    font-size: 16px;
    font-size: 1rem;
    height: 56px;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 100%
}

.page-directory__input input:focus {
    border-color: #a7d2ea
}

.page-directory__input input::-webkit-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.page-directory__input input::-moz-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.page-directory__input input:-ms-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.page-directory__input input::-ms-input-placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.page-directory__input input::placeholder {
    font-family: Graphik-Regular, serif;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400
}

.page-directory__input input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjU0NyAxNy45NTRhMS4xMjcgMS4xMjcgMCAwIDEtMS41OTQgMS41OTRsLTUuOTUyLTUuOTU0LTUuOTU0IDUuOTUyYTEuMTI3IDEuMTI3IDAgMCAxLTEuNTk0LTEuNTk0TDEwLjQwNyAxMiA0LjQ1NSA2LjA0NmExLjEyNyAxLjEyNyAwIDEgMSAxLjU5NC0xLjU5NEwxMiAxMC40MDZsNS45NTQtNS45NTVhMS4xMjcgMS4xMjcgMCAxIDEgMS41OTQgMS41OTRMMTMuNTk1IDEybDUuOTUyIDUuOTU0WiIgZmlsbD0iIzRDNEM0QyIvPjwvc3ZnPg==) no-repeat 50% 50%;
    border-radius: 50em;
    height: 1em;
    opacity: 0;
    pointer-events: none;
    width: 1em
}

.page-directory__input input[type=search]:focus::-webkit-search-cancel-button {
    opacity: 1;
    pointer-events: all
}

.page-directory__input .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 0
}

.page-directory__input .input i {
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px;
    z-index: 3
}

.page-directory__input .input i:after,
.page-directory__input .input i:before {
    background-color: #66686c;
    border-radius: 1px;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -10px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    width: 20px
}

.page-directory__input .input i:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.page-directory__input .input i:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.page-directory__card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 8px;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 270px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%
}

.page-directory__card,
.page-directory__card div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-directory__card div {
    bottom: 35px;
    position: absolute
}

.page-directory__card p {
    font-size: 16px;
    font-size: 1rem;
    height: auto !important
}

.page-directory__card picture {
    max-width: 180px;
    -webkit-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    transform: translateY(-25px)
}

.page-directory__card:after {
    background: -webkit-gradient(linear, left top, right top, from(#0090e2), color-stop(20%, #0090e2), color-stop(20%, #f73f96), color-stop(25%, #f73f96), color-stop(25%, #ecee00), color-stop(30%, #ecee00), color-stop(30%, #16bf41), color-stop(33%, #16bf41), color-stop(33%, #ffab00), color-stop(53%, #ffab00), color-stop(53%, #00c0ff), color-stop(60%, #00c0ff), color-stop(60%, #98d62a), color-stop(73%, #98d62a), color-stop(73%, #00b7b2), color-stop(86%, #00b7b2), color-stop(86%, #a54baa), to(#a54baa));
    background: -webkit-linear-gradient(left, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    background: linear-gradient(90deg, #0090e2, #0090e2 20%, #f73f96 0, #f73f96 25%, #ecee00 0, #ecee00 30%, #16bf41 0, #16bf41 33%, #ffab00 0, #ffab00 53%, #00c0ff 0, #00c0ff 60%, #98d62a 0, #98d62a 73%, #00b7b2 0, #00b7b2 86%, #a54baa 0, #a54baa);
    bottom: -4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    -webkit-transition: bottom .3s ease-in-out;
    transition: bottom .3s ease-in-out;
    width: 100%
}

.page-directory__card:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    z-index: 1
}

.page-directory__card:hover:after {
    bottom: 0
}

.page-directory__box {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
    left: 50%;
    min-width: 300px;
    opacity: 0;
    position: absolute;
    text-align: left;
    top: 60px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 80%;
    z-index: -1
}

.page-directory__box.js--active {
    opacity: 1;
    z-index: 10
}

.page-directory__box ul {
    margin-bottom: 0;
    min-height: 70px;
    padding: 12px 0;
    position: relative
}

.page-directory__box ul:before {
    -webkit-animation: loading 1.1s linear infinite;
    animation: loading 1.1s linear infinite;
    border: 2px solid rgba(0, 144, 226, .4);
    border-left-color: #0090e2;
    border-radius: 100%;
    content: "";
    display: inline-block;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 30px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 20px;
    z-index: 2
}

.page-directory__box ul li {
    background-color: #fff;
    margin-bottom: 0;
    padding: 0 20px;
    position: relative;
    text-align: left;
    z-index: 3
}

.page-directory__box ul li:hover,
.page-directory__box ul li:hover a {
    background-color: #d1f4ff
}

.page-directory__box ul li:last-of-type {
    margin-bottom: 0
}

.page-directory__box ul li p {
    text-align: left
}

.page-directory__box ul li a {
    background-color: #fff;
    gap: 12px;
    padding: 6px 0;
    width: 100%
}

.page-directory__box ul li a,
.page-directory__box ul li a picture {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-directory__box ul li a picture {
    -ms-flex-negative: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    flex-shrink: 0;
    height: 35px;
    justify-content: center;
    width: 35px
}

.page-directory__box ul li a picture img {
    mix-blend-mode: multiply
}

.page-directory__box ul li a p {
    font-size: 16px;
    font-size: 1rem;
    margin: 0;
    width: 100%
}

.page-events .info {
    background-color: #fff;
    padding: 24px 0 42px;
    text-align: center
}

.page-events .info .info__content {
    padding-top: 24px;
    text-align: left
}

.page-events .info .info__content>picture {
    display: inline-block;
    margin: 0 -16px;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center
}

.page-events .info .info__content>div {
    padding-top: 32px
}

.page-events .info .info__content>div h2 {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    line-height: 2rem
}

.page-events .info .info__content>div ul {
    margin-bottom: 15px;
    text-align: left
}

.page-events .info .info__content>div ul li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #66686c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    font-size: .875rem;
    gap: 8px;
    line-height: 20px;
    line-height: 1.25rem;
    margin-bottom: 8px
}

.page-events .info .info__content>div .description h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin-bottom: 16px
}

.page-events .info .info__content>div .description p {
    font-size: 16px;
    font-size: 1rem
}

.page-events .info .info__content>div .button {
    margin-top: 24px
}

.page-events .info .info__content>div .button svg path {
    stroke: #fff
}

.page-events .modal__content h2 {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 0
}

.page-events .modal__content .inputs:not(:last-child) {
    margin-bottom: 0
}

.page-events .modal__content .title {
    margin-bottom: 20px
}

.page-events .modal__content .title p {
    font-size: 16px;
    font-size: 1rem
}

.page-events .modal__content form {
    text-align: center
}

.page-events .modal__content .button {
    margin-top: 24px
}

.page-events .modal__content .button svg path {
    stroke: #fff
}

.page-events .modal__content .checkboxes {
    text-align: left
}

.page-events .modal__content .checkbox:first-of-type {
    margin-bottom: 20px
}

.page-events .modal__content label[for=cbx-terms] a {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-events .modal__content .scene-two .button {
    margin-top: 0
}

.page-events div[_modal=modalEventRegister] .modal__content {
    max-width: 500px;
    padding: 0
}

.page-events div[_modal=modalEventRegister] .modal__close:after,
.page-events div[_modal=modalEventRegister] .modal__close:before {
    background-color: #000 !important
}

.page-events div[_scene=sceneRegisterOne].js--active {
    padding: 40px 30px 30px
}

.page-events div[_scene=sceneRegisterOne].js--active .title h2 {
    font-size: 32px !important;
    font-size: 2rem !important;
    text-align: center
}

.page-events div[_scene=sceneRegisterOne].js--active .title p {
    font-size: 20px !important;
    font-size: 1.25rem !important;
    text-align: center
}

.page-events div[_scene=sceneRegisterTwo] {
    text-align: center
}

.page-events div[_scene=sceneRegisterTwo] h2 {
    font-size: 26px !important;
    font-size: 1.625rem !important;
    margin-bottom: 20px
}

.page-events div[_scene=sceneRegisterTwo] .title {
    padding: 30px 20px 0
}

.page-events div[_scene=sceneRegisterTwo] .button {
    margin-bottom: 30px;
    max-width: 246px;
    width: 100%
}

.page-events div[_scene=sceneRegisterTwo] .m-schedule {
    background-color: #f4f8fe;
    padding: 30px 20px;
    position: relative
}

.page-events div[_scene=sceneRegisterTwo] .m-schedule h4 {
    font-size: 26px;
    font-size: 1.625rem;
    gap: 4px
}

.page-events div[_scene=sceneRegisterTwo] .m-schedule button,
.page-events div[_scene=sceneRegisterTwo] .m-schedule h4 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 10px
}

.page-events div[_scene=sceneRegisterTwo] .m-schedule button {
    border: 1px solid #252525;
    border-radius: 2px;
    gap: 6px;
    padding: 8px 32px;
    width: 100%
}

.page-events div[_scene=sceneRegisterTwo] .m-schedule button span {
    color: #252525;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    line-height: 24px;
    line-height: 1.5rem;
    text-transform: uppercase
}

.page-sustainability .ads {
    padding: 51px 0
}

.page-sustainability .ads .container h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 14px;
    text-align: center
}

.page-sustainability .ads .swiper-component {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-sustainability .ads .swiper-component .swiper {
    padding: 0
}

.page-sustainability .ads .swiper-component .swiper-button-next,
.page-sustainability .ads .swiper-component .swiper-button-prev {
    display: none
}

.page-sustainability .ads .swiper-component .swiper-button-prev {
    left: -22px
}

.page-sustainability .ads .swiper-component .swiper-button-next {
    right: -22px
}

.page-sustainability .ads .swiper-component .swiper-pagination {
    bottom: -35px !important
}

.page-sustainability .ads .swiper picture {
    text-align: center;
    width: 100%
}

.page-sustainability .ads .swiper-slide>div:first-child {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    background-color: #e6f8f7;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    font-family: Gotham Book, serif;
    gap: 12px;
    overflow: hidden;
    padding: 20px 32px
}

.page-sustainability .ads .swiper-slide>div:first-child>div:first-child {
    max-width: 600px;
    width: 100%
}

.page-sustainability .ads .swiper-slide>div:first-child>div:first-child h3 {
    display: none
}

.page-sustainability .ads .swiper-slide>div:first-child>div:last-child h3 {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 36px;
    line-height: 2.25rem;
    margin-bottom: 12px
}

.page-sustainability .ads .swiper-slide>div:first-child h3 {
    font-weight: 700;
    margin-bottom: 0
}

.page-sustainability .ads .swiper-slide>div:first-child p {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    font-size: 16px;
    font-size: 1rem;
    order: 2
}

.page-sustainability .ads .swiper-slide>div:first-child picture {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    border-radius: 20px;
    grid-row: 1/3;
    margin-bottom: 0;
    order: 1;
    overflow: hidden;
    width: 100%
}

.page-sustainability .ads .swiper-slide>div:first-child picture img {
    width: 100%
}

.page-sustainability .spaces {
    padding: 42px 0;
    text-align: center
}

.page-sustainability .spaces h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 14px;
    text-align: center
}

.page-sustainability .spaces__flex {
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 14.74px;
    margin-bottom: 32px;
    margin-top: 24px
}

.page-sustainability .spaces__block,
.page-sustainability .spaces__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-sustainability .spaces__block {
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.page-sustainability .spaces__block>div {
    border-radius: 16px;
    -webkit-box-shadow: 0 0 16px 2px rgba(0, 0, 0, .09);
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, .09);
    overflow: hidden;
    position: relative
}

.page-sustainability .spaces__block>div picture {
    height: 280px;
    position: relative;
    width: 100%
}

.page-sustainability .spaces__block>div picture:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, .7) 60%);
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .7) 60%);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.page-sustainability .spaces__block>div picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.page-sustainability .spaces__block.--one picture {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.page-sustainability .spaces__block.--two {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px
}

.page-sustainability .spaces__block.--two div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 332px;
    flex: 0 0 332px
}

.page-sustainability .spaces__block.--two div:first-child,
.page-sustainability .spaces__block.--two div:nth-child(3),
.page-sustainability .spaces__block.--two div:nth-child(4) {
    display: none
}

.page-sustainability .spaces__block.--two div img,
.page-sustainability .spaces__block.--two div picture {
    width: 100%
}

.page-sustainability .spaces__content {
    bottom: 40px;
    color: #fff;
    left: 25px;
    padding-right: 14px;
    position: absolute;
    text-align: left;
    z-index: 1
}

.page-sustainability .spaces__content h6 {
    color: #fff;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 8px
}

.page-sustainability .spaces__content p {
    font-family: Zilla Slab, serif;
    font-size: 18px;
    font-size: 1.125rem
}

.page-sustainability .spaces__cert {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #e6f9ff;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 12px;
    padding: 16px 32px
}

.page-sustainability .spaces__cert div {
    text-align: center
}

.page-sustainability .spaces__cert div picture {
    width: 140px
}

.page-sustainability .spaces__cert div:last-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.page-sustainability .spaces__cert div:last-of-type h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 14px;
    text-align: center
}

.page-sustainability .spaces__cert div:last-of-type h4 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 14px
}

.page-sustainability .spaces__cert div:last-of-type p {
    font-size: 14px;
    font-size: .875rem;
    line-height: 20px;
    line-height: 1.25rem;
    text-align: center
}

.page-sustainability>section:first-child>picture:first-of-type {
    bottom: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-sustainability__content {
    padding-top: 19px;
    position: relative
}

.page-sustainability__content p {
    font-family: Zilla Slab, serif;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    line-height: 1.5rem;
    margin: auto;
    max-width: 1018px;
    text-align: center
}

.page-sustainability__flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-top: 22px
}

.page-sustainability__flex,
.page-sustainability__flex ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.page-sustainability__flex ul {
    gap: 42px;
    list-style: disc
}

.page-sustainability__flex ul li {
    font-size: 20px;
    font-size: 1.25rem
}

.page-sustainability__flex.--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.page-sustainability__card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 250px;
    justify-content: center;
    overflow: hidden;
    position: relative;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: all;
    transition-property: all;
    width: 250px
}

.page-sustainability__card:hover {
    cursor: pointer
}

.page-sustainability__card:hover>div button {
    background-color: #fff;
    z-index: 2
}

.page-sustainability__card:hover>div button svg path {
    stroke: #a7d2ea
}

.page-sustainability__card:hover:before {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#a7d2ea));
    background: -webkit-linear-gradient(transparent, #a7d2ea);
    background: linear-gradient(transparent, #a7d2ea);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.page-sustainability__card picture {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.page-sustainability__card h6 {
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 600;
    position: relative;
    text-align: center;
    width: 80%;
    z-index: 1
}

.page-sustainability__card div button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #252525;
    bottom: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 21px;
    width: 40px
}

.page-sustainability .community {
    background-color: #e6f8f7;
    padding: 42px 0 10px;
    text-align: center
}

.page-sustainability .community h2 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
    text-align: center
}

.page-sustainability .community .swiper-component .swiper-pagination {
    position: relative
}

.page-sustainability .community__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: none;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 12px;
    margin-bottom: 32px;
    margin-top: 24px
}

.page-sustainability .community__block.--one picture {
    height: 600px;
    position: relative;
    width: 100%
}

.page-sustainability .community__block.--two {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    width: 100%
}

.page-sustainability .community__block.--two div {
    -webkit-box-flex: 0;
    background-color: #eee;
    -ms-flex: 0 0 332px;
    flex: 0 0 332px
}

.page-sustainability .community__block.--two div:first-child,
.page-sustainability .community__block.--two div:nth-child(3),
.page-sustainability .community__block.--two div:nth-child(4) {
    display: none
}

.page-sustainability .community__block.--two div picture {
    border-radius: 10px;
    height: 291px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.page-sustainability .community .swiper-wrapper picture {
    border-radius: 10px;
    height: 312px;
    overflow: hidden;
    position: relative;
    width: 250px
}

.page-sustainability .community .swiper-wrapper picture img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.modal-contact-thanks .modal__content {
    text-align: center
}

.modal-contact-thanks .modal__content h3 {
    font-weight: 600;
    margin-bottom: 16px
}

.modal-contact-thanks .modal__content p {
    margin-bottom: 0
}

.modal-contact-thanks .modal__content .button {
    margin-top: 24px
}

.page-contact .contact-form {
    padding: 32px 0
}

.page-contact .contact-form__title {
    display: none;
    font-family: Zilla Slab, serif;
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 36px;
    line-height: 2.25rem;
    margin-bottom: 32px;
    text-align: center
}

.page-contact .contact-form .tabs__options {
    border-bottom: 1px solid #dbdbdb;
    margin: 14px -20px 32px;
    max-width: 800px
}

.page-contact .contact-form .tabs__options>div {
    gap: 0;
    position: relative
}

.page-contact .contact-form .tabs__options button {
    -webkit-box-flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #818181;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    gap: 4px;
    line-height: 20px;
    line-height: 1.25rem;
    padding: 12px 0;
    position: relative
}

.page-contact .contact-form .tabs__options button svg {
    max-width: 32px
}

.page-contact .contact-form .tabs__options button.active {
    color: #000;
    font-weight: 700
}

.page-contact .contact-form .tabs__options button.active svg path {
    stroke: #000
}

.page-contact .contact-form .tabs__options button.active:after {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0
}

.page-contact .contact-form .form__zone h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 500;
    margin-bottom: 16px
}

.page-contact .contact-form .checkbox.input-in {
    display: block;
    margin-bottom: 10px;
    margin-left: 0;
    max-width: 400px
}

.page-contact .contact-form button[type=submit] {
    margin-left: 0
}

.page-contact .banner-faq {
    padding-bottom: 52px
}

.page-contact .banner-faq .container picture {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.page-contact .banner-faq .container>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #e5f4fc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    justify-content: center
}

.page-contact .banner-faq .container>div h2 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 2px
}

.page-contact .banner-faq .container>div p {
    font-family: Zilla Slab, serif;
    font-size: 14px;
    font-size: .875rem;
    line-height: 18px;
    line-height: 1.125rem;
    margin-bottom: 10px
}

.page-contact .banner-faq .container>div div {
    max-width: 200px
}

.page-directory-inner .info {
    background-color: #fff;
    padding: 24px 0 42px;
    text-align: center
}

.page-directory-inner .info .back-to {
    margin-bottom: 20px
}

.page-directory-inner .info .info__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding-top: 24px;
    text-align: left
}

.page-directory-inner .info .info__content .card {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    display: inline-block;
    height: 320px;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    text-align: left;
    top: -70px;
    width: 90%
}

.page-directory-inner .info .info__content .card h2 {
    margin-bottom: 12px
}

.page-directory-inner .info .info__content .card picture {
    height: 90px;
    width: 90px
}

.page-directory-inner .info .info__content .card .data {
    margin: 0
}

.page-directory-inner .info .info__content .card .data li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #4c4c4c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-bottom: 15px
}

.page-directory-inner .info .info__content .card:after,
.page-directory-inner .info .info__content .card:before {
    background-color: #acda6f;
    content: "";
    height: 14px;
    position: absolute;
    width: 107px
}

.page-directory-inner .info .info__content .card:before {
    background-color: #a7d2ea;
    bottom: 0;
    left: 21px
}

.page-directory-inner .info .info__content .card:after {
    background-color: #acda6f;
    right: 21px;
    top: 0
}

.page-directory-inner .info .info__content .description .tag {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background-color: #a7d2ea;
    border-radius: 5px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 25px;
    font-size: 1.5625rem;
    gap: 7px;
    justify-content: center;
    line-height: 21px;
    line-height: 1.3125rem;
    padding: 5px 12px
}

.page-directory-inner .info .info__content .description h3 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600;
    margin: 16px 0
}

.page-directory-inner .info .info__content .description p {
    font-size: 16px;
    font-size: 1rem;
    max-width: 530px;
    text-align: justify
}

.page-directory-inner .similar .page-directory__card {
    background-color: #fff;
    height: auto
}

.page-congrats .congrats-form {
    background-color: #fff;
    padding: 24px 0 42px;
    text-align: left
}

.page-congrats .congrats-form .date {
    color: #66686c;
    display: none;
    font-family: Zilla Slab, serif;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 32px;
    max-width: 1196px
}

.page-congrats .congrats-form__title {
    font-family: Zilla Slab, serif;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 32px;
    line-height: 2rem;
    margin-bottom: 85px;
    text-align: center
}

.page-congrats .congrats-form h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 16px
}

.page-congrats .congrats-form .form__zone:nth-of-type(3) h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative
}

.page-congrats .congrats-form .radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-bottom: 24px
}

.page-congrats .congrats-form .textarea {
    margin-bottom: 32px
}

.page-congrats .congrats-form .checkbox {
    display: block;
    margin-bottom: 10px
}

.page-congrats .congrats-form .button {
    margin-top: 20px
}

.page-congrats .modal-congrats-thanks .modal__content {
    text-align: center
}

.page-congrats .modal-congrats-thanks .modal__content h3 {
    font-weight: 600;
    margin-bottom: 4px
}

.page-congrats .modal-congrats-thanks .modal__content p {
    margin-bottom: 0
}

.page-congrats .modal-congrats-thanks .modal__content button {
    margin-top: 24px
}

.page-complaints .congrats-form {
    background-color: #fff;
    padding: 24px 0 45px;
    text-align: left
}

.page-complaints .congrats-form .container>p {
    font-family: Zilla Slab, serif;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 24px;
    text-align: left
}

.page-complaints .congrats-form .swiper-component .swiper {
    padding-bottom: 24px
}

.page-complaints .congrats-form .card-location {
    border-radius: 4px;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    box-shadow: 0 0 6px rgba(0, 0, 0, .25);
    color: #66686c;
    font-family: Zilla Slab, serif;
    font-weight: 400;
    max-width: 394px;
    overflow: hidden;
    padding: 24px 32px
}

.page-complaints .congrats-form .card-location h6 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 800;
    margin: 10px 0
}

.page-complaints .congrats-form .card-location small,
.page-complaints .congrats-form .card-location span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 10px
}

.page-complaints .congrats-form .date {
    color: #66686c;
    font-family: Zilla Slab, serif;
    font-size: 16px;
    font-size: 1rem;
    margin: 0 auto 32px
}

.page-complaints .congrats-form h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 16px
}

.page-complaints .congrats-form .form__zone {
    margin-bottom: 40px
}

.page-complaints .congrats-form .form__zone:nth-of-type(3) h3 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    position: relative
}

.page-complaints .congrats-form .form__zone:nth-of-type(5) h3 {
    max-width: 400px
}

.page-complaints .congrats-form .form__zone.--place .radios {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-complaints .congrats-form .form__zone.--age {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    margin-bottom: 0
}

.page-complaints .congrats-form .form__zone.--date p {
    color: #b3b3b3;
    font-family: Zilla Slab, serif;
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    margin-top: 8px
}

.page-complaints .congrats-form .form__zone__textarea {
    -ms-flex-direction: column;
    flex-direction: column
}

.page-complaints .congrats-form .form__zone__flex,
.page-complaints .congrats-form .form__zone__textarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.page-complaints .congrats-form .form__zone__flex {
    -ms-flex-flow: column;
    flex-flow: column;
    margin: auto;
    max-width: 1196px
}

.page-complaints .congrats-form .form__zone.--under-age[_state=hide] {
    display: none;
    opacity: 0
}

.page-complaints .congrats-form .form__zone .radio label {
    color: #000;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300
}

.page-complaints .congrats-form .form__zone .inputs-simple {
    margin-bottom: 24px
}

.page-complaints .congrats-form .form__zone .inputs-simple p {
    font-size: 14px;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    line-height: 2rem
}

.page-complaints .congrats-form .radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    margin-bottom: 16px
}

.page-complaints .congrats-form .checkbox {
    display: block;
    margin: 10px 0
}

.page-complaints .congrats-form .inputs>*,
.page-complaints .congrats-form .textarea {
    width: 100%
}

.page-complaints .congrats-form .button {
    margin-top: 20px
}

.page-complaints .modal-congrats-thanks .modal__content {
    text-align: center
}

.page-complaints .modal-congrats-thanks .modal__content h3 {
    font-weight: 600;
    margin-bottom: 4px
}

.page-complaints .modal-congrats-thanks .modal__content p {
    margin-bottom: 0
}

.page-complaints .modal-congrats-thanks .modal__content>a {
    margin: 24px auto
}

.page-complaints .modal-congrats-thanks .modal__content div a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: center;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.page-complaints .modal-congrats-thanks .modal__content div a span {
    font-weight: 700
}

.radios-vertical {
    display: block !important;
    position: relative !important
}

.radios-vertical .radio {
    display: block
}

.radios-vertical .radio:last-child {
    margin-top: 10px
}

.radios-vertical .tooltip {
    -webkit-transform: translateY(3px);
    -ms-transform: translateY(3px);
    transform: translateY(3px)
}

@media only screen and (min-width:360px) {
    .page-events .info .info__content>picture {
        margin: 0
    }
}

@media only screen and (min-width:375px) {
    .page-home .services__card {
        max-width: 100%;
        width: 332px
    }
}

@media only screen and (min-width:390px) {
    .page-home .newsletter .newsletter__content>div {
        max-width: 220px
    }
}

@media only screen and (min-width:400px) {
    .page-home .hero-slide .bg-banner img {
        left: -60px
    }
}

@media only screen and (min-width:450px) {

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 30px
    }

    .container {
        padding-left: 24px;
        padding-right: 24px
    }

    .tabs__options {
        margin: 0 auto 10px
    }

    .header__logo {
        margin-right: 20px
    }

    .footer .footer__copy {
        padding: 0 24px
    }

    .modal__container {
        border-radius: 12px;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px
    }

    .modal__content {
        padding-left: 30px;
        padding-right: 30px
    }

    .page-home .hero-slide .bg-banner {
        width: 768px
    }

    .page-home .hero-slide .bg-banner img {
        left: -200px
    }

    .page-home .services__card.--another {
        width: 332px
    }

    .page-home .newsletter picture {
        right: 24px
    }

    .page-home .newsletter .newsletter__content>div {
        max-width: 260px
    }
}

@media only screen and (min-width:560px) {
    .page-home .hero-slide .bg-banner img {
        left: -160px
    }
}

@media only screen and (min-height:600px) {
    .modal__content {
        max-height: 560px
    }
}

@media only screen and (min-width:600px) {
    .page-home .hero-slide .bg-banner img {
        left: -107px
    }
}

@media only screen and (min-width:640px) {
    hr.-large {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .header__searcher .input input {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0 12px 0 70px !important
    }

    .header__searcher .input input::-webkit-input-placeholder {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 7px
    }

    .header__searcher .input input::-moz-placeholder {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 7px
    }

    .header__searcher .input input:-ms-input-placeholder {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 7px
    }

    .header__searcher .input input::-ms-input-placeholder {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 7px
    }

    .header__searcher .input input::placeholder {
        font-size: 20px;
        font-size: 1.25rem;
        padding-left: 7px
    }

    .header__box {
        top: 60px
    }

    .header__box ul {
        padding: 16px 0
    }

    .header__box ul li {
        padding: 2px 32px
    }

    .header__searcher.js--open {
        position: relative
    }

    .page-home .hero-slide__content h2 {
        font-size: 29px;
        font-size: 1.8125rem;
        margin-bottom: 15px;
        margin-top: 15px
    }

    .page-home .hero-slide__content h3 {
        margin-bottom: 15px;
        max-width: 100%
    }

    .page-home .hero-slide__logo img,
    .page-home .hero-slide__logo picture {
        max-width: 207px;
        min-width: 207px
    }

    .page-home .m-hero-slide__arrow {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        border: 2px solid #000;
        border-radius: 100%;
        bottom: 66px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 48px;
        justify-content: center;
        left: 50%;
        overflow: hidden;
        position: absolute;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 48px
    }

    .page-home .m-hero-slide__arrow svg {
        -webkit-animation: scrolly 1s infinite forwards;
        animation: scrolly 1s infinite forwards
    }

    .page-home .newsletter .newsletter__content>div {
        max-width: 400px
    }

    .m-events-grid .container,
    .m-promotions-grid .container,
    .m-services-grid .container {
        grid-template-columns: repeat(2, 1fr)
    }

    .page-services__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 42px
    }

    .page-services .modal__container {
        max-width: 700px
    }

    .page-services .modal__container .modalService__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        height: auto
    }

    .m-directory-grid .container {
        grid-template-columns: repeat(2, 1fr)
    }

    .page-directory__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 42px;
        margin-top: 16px
    }

    .page-directory__flex.--filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        margin-top: 16px;
        position: relative;
        width: auto
    }

    .page-directory__flex.--filter[_state=close] {
        right: 0
    }

    .page-directory__flex.--filter .button {
        border: 1px solid #000;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        margin: 0;
        text-align: center;
        width: auto
    }

    .page-directory__flex.--filter .button.active,
    .page-directory__flex.--filter .button:hover {
        background-color: #000;
        border-bottom: 1px solid #000;
        color: #fff
    }

    .page-directory__flex.--filter .page-directory__button-filter-clear,
    .page-directory__flex.--filter .page-directory__title,
    .page-directory__flex.--filter:after {
        display: none
    }

    .page-directory__content p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-directory__button-open {
        display: none
    }

    .page-directory__input {
        display: block;
        gap: initial
    }

    .page-directory__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 395px;
        flex: 0 0 395px
    }

    .page-directory__box {
        top: 60px
    }

    .page-directory__box ul {
        padding: 16px 0
    }

    .page-directory__box ul li {
        padding: 8px 32px
    }

    .page-sustainability .spaces__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .page-sustainability .spaces__block>div {
        width: 100%
    }

    .page-sustainability .spaces__block>div picture {
        height: 370px
    }

    .page-sustainability .spaces__content {
        bottom: auto;
        top: 40px
    }

    .page-sustainability__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-flow: row;
        flex-flow: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 42px
    }

    .page-complaints .congrats-form .form__zone:nth-of-type(5) h3 {
        max-width: none
    }
}

@media only screen and (min-width:660px) {
    .page-home .hero-slide .bg-banner img {
        left: -70px
    }
}

@media only screen and (min-width:698px) {
    .page-home .hero-slide .bg-banner img {
        left: 0
    }
}

@media only screen and (min-height:740px) {
    .modal__content {
        max-height: 680px
    }
}

@media only screen and (min-width:768px) {

    .h1,
    h1 {
        font-size: 30px;
        font-size: 1.875rem
    }

    .h2,
    h2 {
        font-size: 23px;
        font-size: 1.4375rem
    }

    .h3,
    h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .h4,
    h4 {
        font-size: 19px;
        font-size: 1.1875rem
    }

    .container,
    .container-whole {
        padding-left: 0;
        padding-right: 0;
        width: 730px
    }

    .modal-cookies {
        width: 715px
    }

    .modal-cookies__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-pack: distribute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-around
    }

    .modal-cookies__text {
        width: 60%
    }

    .modal-cookies__buttons {
        margin-top: 0;
        width: 25%
    }

    .button {
        border-radius: 50px;
        height: 50px;
        min-width: 180px;
        padding: 0 20px
    }

    .swiper--container,
    .swiper-component .swiper {
        padding: 8px
    }

    .modal__content {
        padding-left: 40px;
        padding-right: 40px
    }

    .m-card-event .button {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 40px;
        width: 185px
    }

    .m-card-event .button.reserve {
        display: none !important
    }

    .m-card-event.m--horizontal .button {
        margin: 0 !important
    }

    .m-card-event.m--horizontal .m-card-event__picture {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px
    }

    .m-card-promotion.m--horizontal .button {
        margin: 0 !important
    }

    .m-card-promotion.m--horizontal .m-card-promotion__picture {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 80px
    }

    .input input {
        height: 56px
    }

    .input input,
    .textarea textarea {
        border-radius: 4px;
        font-size: 14px;
        font-size: .875rem
    }

    .select {
        height: 56px
    }

    .select__item:after {
        left: 13px;
        right: 13px
    }

    .input-select.--input-select .select__button picture {
        width: 42px
    }

    .input-select.--input-select .select__button {
        font-size: 14px;
        font-size: .875rem
    }

    .input-select.--input-select .select__button:after {
        right: 8px
    }

    .checkbox label:not(.error),
    .radio label:not(.error) {
        font-size: 14px;
        font-size: .875rem
    }

    .banner-headline {
        height: 263px
    }

    .m-directory-home__introduction {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .m-directory-home__introduction h4 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 250px
    }

    .m-directory-home__introduction h4,
    .m-directory-home__stores h3 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    .m-directory-home__stores ul>a,
    .m-directory-home__stores ul>li {
        height: 120px
    }

    .m-experiences-home h3 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    #gallery-instagram {
        grid-template: 200px 200px/1fr 1fr 1fr;
        grid-template-areas: "pic1 pic2 pic3" "pic1 pic4 pic5"
    }

    .page-home .hero-slide .bg-banner,
    .page-home .hero-slide .bg-banner img {
        width: 100%
    }

    .page-home .hero-slide__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .page-home .m-hero-video video#video-desktop {
        display: block
    }

    .page-home .m-hero-video video#video-mobile {
        display: none
    }

    .page-home .m-events-home .container>div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }

    .page-home .m-events-home__featured {
        margin-bottom: 0;
        width: 100%
    }

    .page-home .m-events-home__featured .m-card-event__picture {
        height: 70%
    }

    .page-home .m-events-home__slider {
        width: 100%
    }

    .page-home .m-events-home__slider .swiper {
        height: 100%;
        overflow: visible;
        overflow: initial;
        padding: 0
    }

    .page-home .m-events-home__slider .swiper .swiper-wrapper {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 10px;
        justify-content: space-between;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important
    }

    .page-home .m-events-home__slider .swiper .swiper-slide {
        width: 100% !important
    }

    .page-home .m-events-home .swiper-pagination {
        display: none
    }

    .page-home .newsletter picture {
        right: 0
    }

    .m-events-tabs nav {
        margin: 0 auto;
        width: 500px
    }

    .m-promotions-searcher nav .selector-filter {
        padding: 0
    }

    .m-promotions-searcher ul {
        overflow-x: hidden
    }

    .m-promotions-popup .container-popup .promotion-popup {
        padding: 24px
    }

    .m-promotions-popup .container-popup .promotion-popup .scroll {
        max-height: 600px;
        overflow-y: auto;
        padding: 24px
    }

    .m-promotions-popup .container-popup .promotion-popup__close {
        right: 24px;
        top: 24px
    }

    .m-promotions-popup .container-popup .promotion-tyc .accordion-box__content {
        max-height: 120px
    }

    .page-sustainability .ads .swiper-slide>div:first-child>div:first-child h3 {
        display: block
    }

    .page-sustainability .ads .swiper-slide>div:first-child>div:last-child h3 {
        display: none
    }

    .page-sustainability .ads .swiper-slide>div:first-child {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 16px;
        justify-content: space-between
    }

    .page-sustainability .ads .swiper-slide>div:first-child h3 {
        margin-bottom: 16px
    }

    .page-sustainability .ads .swiper-slide>div:first-child p {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        max-width: 600px;
        order: 0
    }

    .page-sustainability .ads .swiper-slide>div:first-child picture {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        grid-column: 2;
        order: 0
    }
}

@media only screen and (min-width:1024px) {
    body {
        font-size: 16px;
        font-size: 1rem;
        overflow-x: hidden
    }

    p.-large {
        font-size: 20px;
        font-size: 1.25rem
    }

    p.-small {
        font-size: 14px;
        font-size: .875rem
    }

    p.-xsmall {
        font-size: 12px;
        font-size: .75rem
    }

    .container,
    .container-whole {
        width: 940px !important
    }

    .section,
    .section.-stretch {
        padding: 90px 0
    }

    .section.-top {
        padding: 90px 0 0
    }

    .section.-bottom {
        padding: 0 0 90px
    }

    .tabs__options {
        margin: 0 0 10px;
        padding: initial
    }

    .tabs__options>div {
        gap: 42px
    }

    .header {
        height: 80px
    }

    .header__logo svg {
        height: 48px
    }

    .header__menu {
        display: inline-block;
        height: auto;
        margin: 0 0 0 auto;
        opacity: 1;
        overflow: visible;
        overflow: initial;
        position: static;
        text-align: left;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        -webkit-transform: initial;
        -ms-transform: initial;
        transform: none;
        vertical-align: top;
        width: auto
    }

    .header__menu[_state=opened] {
        padding: 0;
        top: 0
    }

    .header__menu .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__menu .menu li {
        border: none;
        height: 100%
    }

    .header__menu .menu a {
        font-size: 14px;
        font-size: .875rem;
        height: 100%;
        padding: 0 15px
    }

    .header__menu .menu a svg {
        display: none
    }

    .header__options .icon-search {
        margin-left: 20px
    }

    .header__options .icon-search svg {
        height: 20px;
        width: 20px
    }

    .header__options .icon-menu {
        display: none
    }

    .header__options .input-select.--select {
        margin: 0 0 0 20px
    }

    .header__options .select {
        font-size: 14px;
        font-size: .875rem;
        height: 40px
    }

    .header__options .select .select__button {
        padding: 8px 40px
    }

    .header__options .select .select__button:before {
        left: 8px
    }

    .header__options .select .select__button:after {
        right: 8px
    }

    .header__options .select .select__button p {
        width: 77px
    }

    .m-headband p {
        font-size: 12px;
        font-size: .75rem
    }

    .footer {
        padding: 60px 0 0
    }

    .footer h2 {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 12px
    }

    .footer .content__info .logo svg {
        height: 60px;
        width: 194px
    }

    .footer .content__info div {
        border: none
    }

    .footer .content__menu {
        padding: 0
    }

    .footer .content__menu a {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 16px
    }

    .footer .content__pages {
        border: none;
        margin: 0;
        padding: 0
    }

    .footer .content__pages a {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 16px
    }

    .footer .content__socials {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px;
        left: auto;
        position: relative;
        top: auto
    }

    .footer .content__socials svg {
        height: 24px;
        width: 24px
    }

    .footer .footer__content {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .footer .footer__copy {
        border: none;
        margin-top: 40px
    }

    .footer .footer__copy .container {
        border-top: 1px solid rgba(230, 229, 234, .3);
        padding: 22px 0;
        text-align: center
    }

    .button {
        height: 50px;
        line-height: 110%
    }

    .swiper-component.features .swiper-button-next,
    .swiper-component.features .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .modal__close {
        height: 50px;
        width: 50px
    }

    .modal__close:after,
    .modal__close:before {
        width: 30px
    }

    .m-card-event.m--horizontal .m-card-event__picture,
    .m-card-promotion.m--horizontal .m-card-promotion__picture {
        width: 200px
    }

    .inputs.group-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .input-select.--input-select .select__button {
        padding: 0 20px
    }

    .input-select.--input-select .select__item {
        font-size: 14px;
        font-size: .875rem;
        height: 56px;
        padding: 0 20px
    }

    .banner-headline h1 {
        font-size: 44px;
        font-size: 2.75rem
    }

    .banner-headline p {
        font-size: 24px;
        font-size: 1.5rem
    }

    .m-title-description p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 24px
    }

    .card-info:hover {
        -webkit-box-shadow: 0 0 20px rgba(0, 144, 226, .25);
        box-shadow: 0 0 20px rgba(0, 144, 226, .25);
        z-index: 1
    }

    .card-info__content {
        padding: 14px 20px 30px
    }

    .card-info__content h3 {
        font-size: 22px;
        font-size: 1.375rem
    }

    .card-info__content .data>div {
        grid-template-columns: 100px 1fr
    }

    .card-info__content .data>div p {
        font-size: 14px;
        font-size: .875rem
    }

    .paginator ul {
        margin: 56px 0 0
    }

    .card-link {
        width: 400px
    }

    .card-link h4,
    .card-link>div div {
        font-size: 24px;
        font-size: 1.5rem
    }

    .card-link>div div svg {
        height: 30px;
        width: 30px
    }

    .back-to {
        font-size: 24px;
        font-size: 1.5rem;
        gap: 8px
    }

    .similar h2 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 52px;
        line-height: 3.25rem;
        margin-bottom: 24px
    }

    .similar .card-link {
        width: 300px
    }

    .tooltip__card {
        left: -148px;
        width: 300px
    }

    .tooltip__card:after {
        left: 0;
        right: 0
    }

    .modal-complaints .modal__container {
        max-width: 700px
    }

    .modal-complaints .modal__content h3 {
        font-size: 32px;
        font-size: 2rem
    }

    .modal-complaints .modal__content p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-faqs__banner h1 {
        font-size: 80px;
        font-size: 5rem
    }

    .page-faqs__banner p {
        font-size: 30px;
        font-size: 1.875rem
    }

    .page-faqs__content {
        padding: 42px 0 540px
    }

    .page-faqs__content h1 {
        font-size: 64px;
        font-size: 4rem
    }

    .page-faqs__content h6,
    .page-faqs__content p,
    .page-faqs__content ul {
        font-size: 18px;
        font-size: 1.125rem
    }

    .page-faqs__content h6 {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 7px
    }

    .page-faqs__content .tabs {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 30px;
        margin-top: 34px
    }

    .page-faqs__content .tabs__options {
        margin: 0
    }

    .page-faqs__content .tabs__options>div {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        border: none;
        -ms-flex-flow: column;
        flex-flow: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0
    }

    .page-faqs__content .tabs__options>div:after,
    .page-faqs__content .tabs__options>div:before {
        content: none
    }

    .page-faqs__content .tabs__options>div>button.active {
        border-bottom: 0
    }

    .page-faqs__content .tabs__options>div>button {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem;
        padding: 12px
    }

    .page-faqs__content .tabs__options>div>button:hover:after {
        opacity: 1
    }

    .page-faqs__content .tabs__options>div>button:before {
        background-color: #dbdbdb;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 2px
    }

    .page-faqs__content .tabs__options>div>button:after {
        background-color: #a7d2ea;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: all;
        transition-property: all;
        width: 2px
    }

    .page-faqs__content .tabs__content .tabs__content-tab {
        padding: 0
    }

    .page-faqs__content .accordion-box__button {
        border-bottom: 0
    }

    .page-faqs .accordion-box {
        max-width: 100%;
        padding-right: 16px
    }

    .page-faqs .accordion-box__button {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-faqs .accordion-box__content ul {
        padding-left: 21px
    }

    .page-faqs .accordion-box__content p,
    .page-faqs .accordion-box__content ul li {
        font-size: 16px;
        font-size: 1rem;
        line-height: 22px;
        line-height: 1.375rem
    }

    .page-faqs .accordion-box__content ul li {
        padding-bottom: 45px
    }

    .page-faqs .accordion-box__content ul li:last-child {
        padding-bottom: 16px
    }

    .m-directory-home__introduction h4 {
        width: 350px
    }

    .m-directory-home__introduction h4 span {
        font-size: 44px;
        font-size: 2.75rem
    }

    .m-directory-home__stores h3 {
        font-size: 34px;
        font-size: 2.125rem;
        margin: 32px 0 25px
    }

    .m-experiences-home h3 {
        font-size: 36px;
        font-size: 2.25rem;
        margin: 22px 0 35px
    }

    #gallery-instagram {
        grid-template: 210px 210px/1fr 1fr 1fr 1fr;
        grid-template-areas: "pic1 pic1 pic2 pic3" "pic1 pic1 pic4 pic5";
        margin: 35px 0 30px
    }

    .page-home .hero .swiper-button-next,
    .page-home .hero .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page-home .hero-slide__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 151px
    }

    .page-home .hero-slide__content div {
        margin: 0;
        max-width: 500px
    }

    .page-home .hero-slide__content h2 {
        font-size: 42px;
        font-size: 2.625rem
    }

    .page-home .hero-slide__content h3 {
        font-size: 36px;
        font-size: 2.25rem
    }

    .page-home .m-events-home {
        padding: 44px 0 65px
    }

    .page-home .m-events-home .container>.button {
        margin-top: 32px;
        width: 200px
    }

    .page-home .m-events-home__featured {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 400px
    }

    .page-home .services {
        padding: 48px 0
    }

    .page-home .services__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 24px;
        justify-content: center;
        margin-top: 30px
    }

    .page-home .services__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        background-color: #f4f8fe;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 0;
        width: 282px
    }

    .page-home .services__card:hover {
        background-color: #fff;
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .25);
        box-shadow: 0 0 20px rgba(0, 0, 0, .25);
        z-index: 1
    }

    .page-home .services__img {
        height: 166px;
        overflow: visible;
        overflow: initial;
        width: 100%
    }

    .page-home .services__description {
        gap: 10px;
        height: 100%;
        padding-bottom: 15px
    }

    .page-home .services__description h2 {
        font-size: 25px;
        font-size: 1.5625rem;
        max-width: none
    }

    .page-home .services__description a.button,
    .page-home .services__description button {
        font-size: 11px;
        font-size: .6875rem;
        margin: 0;
        text-transform: none
    }

    .page-home .services__card.--another {
        margin-bottom: 0;
        width: 282px
    }

    .page-home .services__card.--another:hover {
        background-color: none;
        -webkit-box-shadow: none;
        -webkit-box-shadow: initial;
        box-shadow: none;
        z-index: 1
    }

    .page-home .services__card.--another .services__description {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -ms-flex-flow: column;
        flex-flow: column
    }

    .page-home .services__card.--another .services__description h2 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-home .services__card.--another .services__description a.button,
    .page-home .services__card.--another .services__description button {
        margin: 0;
        text-transform: uppercase
    }

    .page-home .questions {
        padding: 70px 0
    }

    .page-home .questions__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 48px;
        justify-content: center;
        margin-top: 42px
    }

    .page-home .questions__card {
        margin-bottom: 0;
        max-width: 495px
    }

    .page-home .questions__description {
        padding: 16px 40px 40px
    }

    .page-home .questions__description h2 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .page-home .questions__description p {
        font-size: 16px;
        font-size: 1rem;
        max-width: 324px
    }

    .page-home .questions__cards>div {
        padding: 32px 40px
    }

    .page-home .questions__cards>div h2 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .page-home .questions__cards>div p {
        font-size: 16px;
        font-size: 1rem
    }

    .page-home .ads {
        padding: 44px 0 40px
    }

    .page-home .community {
        padding: 50px 0
    }

    .page-home .community h2 p {
        width: auto
    }

    .page-home .community .button {
        width: 200px
    }

    .page-home .newsletter {
        background-color: #fff;
        padding: 40px 0
    }

    .page-home .newsletter .container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #54cfcb;
        border-radius: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 57px;
        overflow: hidden
    }

    .page-home .newsletter picture {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative
    }

    .page-home .newsletter h2 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-home .newsletter h2 span {
        display: inline
    }

    .page-home .newsletter p {
        font-size: 16px;
        font-size: 1rem
    }

    .page-home .newsletter .newsletter__content {
        padding-right: 24px
    }

    .page-home .newsletter .newsletter__content>div {
        max-width: none;
        min-height: 0;
        min-height: auto
    }

    .page-home .newsletter form .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 32px
    }

    .page-home .newsletter form .input {
        width: 100%
    }

    .page-home .newsletter form .checkboxes .checkbox {
        margin-bottom: 16px
    }

    .page-home .newsletter form .checkboxes label {
        font-size: 14px;
        font-size: .875rem
    }

    .page-home .newsletter form .button {
        margin-left: 0;
        width: 200px
    }

    .page-home .modal-newsletter-thanks .modal__container {
        max-width: 702px !important;
        min-width: 702px
    }

    .page-home .modal-newsletter-thanks .modal__container .modal__content {
        max-width: 702px
    }

    .page-home .modal-newsletter-thanks .modal__container .modal__content div h4 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-home div.modal-contact-thanks .modal__container {
        width: 550px
    }

    .page-home div.modal-contact-thanks .modal__container .modal__content h3 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 30px
    }

    .page-home div.modal-contact-thanks .modal__container .modal__content svg {
        margin-bottom: 30px
    }

    .page-home div.modal-contact-thanks .modal__container .modal__content p {
        margin: 0 auto;
        width: 340px
    }

    .page-home .headline {
        font-size: 40px;
        font-size: 2.5rem;
        line-height: 50px;
        line-height: 3.125rem;
        margin-bottom: 20px
    }

    .page-home .headline p {
        margin-top: 10px
    }

    .page-about__banner h1 {
        font-size: 80px;
        font-size: 5rem
    }

    .page-about__locals {
        margin-bottom: 52px;
        margin-top: 52px
    }

    .page-about__locals h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-about__schedule {
        margin-top: 52px
    }

    .page-about__schedule h4 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-about__schedule p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-about__content {
        padding-bottom: 42px;
        padding-top: 42px
    }

    .page-about__content p {
        font-size: 24px;
        font-size: 1.5rem
    }

    .page-about__flex {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 80px;
        justify-content: center;
        margin-top: 42px
    }

    .page-about__flex h6 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-about__flex span {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-policies__content h1 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-policies__content h6,
    .page-policies__content p,
    .page-policies__content ul {
        font-size: 18px;
        font-size: 1.125rem
    }

    .page-policies__content h4 {
        font-size: 24px;
        font-size: 1.5rem;
        margin: 45px 0 15px
    }

    .page-dogfriendly__locals {
        margin-bottom: 52px;
        margin-top: 52px
    }

    .page-dogfriendly__locals h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-dogfriendly__schedule {
        margin-top: 52px
    }

    .page-dogfriendly__schedule h4 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-dogfriendly__schedule p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-dogfriendly__content {
        padding-bottom: 48px;
        padding-top: 48px
    }

    .page-dogfriendly__content p {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px;
        line-height: 2.25rem
    }

    .page-dogfriendly__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 64px;
        justify-content: center;
        margin-top: 104px
    }

    .page-dogfriendly__flex h6 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-dogfriendly__flex picture img {
        min-width: 450px
    }

    .page-dogfriendly__flex ul {
        gap: 42px
    }

    .page-dogfriendly__flex span {
        font-size: 18px;
        font-size: 1.125rem
    }

    .page-dogfriendly__flex.--reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }

    .m-events-tabs {
        padding: 35px 0
    }

    .m-events-tabs h1 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 52px;
        line-height: 3.25rem;
        margin-bottom: 20px
    }

    .m-events-tabs h1 span {
        display: inline
    }

    .m-events-tabs nav {
        width: 900px
    }

    .m-events-tabs ul a {
        font-size: 16px;
        font-size: 1rem
    }

    .m-events-grid .container {
        gap: 24px;
        grid-template-columns: repeat(3, 1fr)
    }

    .m-events-grid .paginator {
        margin-bottom: 30px
    }

    .m-promotions-searcher h1 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 35px;
        line-height: 2.1875rem;
        margin-bottom: 20px
    }

    .m-promotions-searcher h1 span {
        display: inline
    }

    .m-promotions-searcher nav {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 0
    }

    .m-promotions-searcher nav .selector-filter {
        max-width: 320px
    }

    .m-promotions-searcher ul {
        width: 100%
    }

    .m-promotions-grid .container {
        gap: 24px;
        grid-template-columns: repeat(3, 1fr)
    }

    .m-promotions-grid .paginator {
        margin-bottom: 30px
    }

    .m-promotions-popup .container-popup .promotion-popup__content-img {
        display: block
    }

    .m-promotions-popup .container-popup .promotion-popup__content .brand,
    .m-promotions-popup .container-popup .promotion-popup__content .category {
        margin-bottom: 20px
    }

    .m-promotions-popup .container-popup .promotion-popup__content .button {
        padding: 0 32px
    }

    .m-promotions-popup .container-popup .promotion-tyc .accordion-box__content {
        max-height: 150px
    }

    .m-services-searcher {
        padding: 35px 0
    }

    .m-services-searcher h1 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 35px;
        line-height: 2.1875rem;
        margin-bottom: 20px
    }

    .m-services-searcher h1 span {
        display: inline
    }

    .m-services-searcher ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-services-grid .container {
        gap: 15px;
        grid-template-columns: repeat(3, 1fr)
    }

    .m-services-grid .paginator {
        margin-bottom: 30px
    }

    .page-services__banner div>h1 {
        font-size: 56px;
        font-size: 3.5rem
    }

    .page-services__locals {
        margin-bottom: 52px;
        margin-top: 52px
    }

    .page-services__locals h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-services__schedule {
        margin-top: 52px
    }

    .page-services__schedule h4 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-services__schedule p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-services__content {
        padding-bottom: 42px;
        padding-top: 42px
    }

    .page-services__content p {
        font-size: 24px;
        font-size: 1.5rem
    }

    .page-services__flex span {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-services__card {
        height: 382px;
        width: 382px
    }

    .page-services__card h6 {
        font-size: 24px;
        font-size: 1.5rem;
        width: 180px
    }

    .page-services .modal__container .modalService__content>picture {
        height: auto;
        width: 320px
    }

    .page-services .modal__container .modalService__content>div {
        padding-left: 30px;
        padding-top: 60px
    }

    .page-services .modal__container .modalService__content>div .title {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 24px
    }

    .page-services .modal__container .modalService__content>div .subtitle {
        border-bottom: 1px solid #d9d9d9;
        font-size: 16px;
        font-size: 1rem;
        padding-bottom: 24px
    }

    .page-services .modal__container .modalService__content>div .description {
        font-size: 16px;
        font-size: 1rem
    }

    .m-directory-searcher {
        padding: 35px 0
    }

    .m-directory-searcher h1 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 52px;
        line-height: 3.25rem;
        margin-bottom: 20px
    }

    .m-directory-searcher h1 span {
        display: inline
    }

    .m-directory-searcher nav ul {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .m-directory-grid .container {
        gap: 15px;
        grid-template-columns: repeat(3, 1fr)
    }

    .m-directory-grid .paginator {
        margin-bottom: 30px
    }

    .m-detail-store .modal__container {
        max-width: 680px
    }

    .m-detail-store .modal__content {
        padding: 24px
    }

    .m-detail-store .modal__content h4 {
        font-size: 32px;
        font-size: 2rem;
        line-height: 40px;
        line-height: 2.5rem
    }

    .m-detail-store .modal__content .card-content {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: stretch;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center
    }

    .m-detail-store .modal__content .card-content>picture {
        -ms-flex-negative: 0;
        border-radius: 8px 0 0 8px;
        flex-shrink: 0;
        max-width: 310px;
        overflow: hidden;
        position: relative
    }

    .m-detail-store .modal__content .card-content>picture img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .m-detail-store__content {
        padding: 12px 24px
    }

    .m-detail-store__content>span {
        margin: 16px 0
    }

    .page-directory__box {
        max-width: 595px
    }

    .page-events .info {
        padding: 44px 0 66px
    }

    .page-events .info .info__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        gap: 60px;
        margin-top: 30px;
        padding-top: 0
    }

    .page-events .info .info__content>picture {
        -ms-flex-negative: 0;
        -ms-flex-item-align: start;
        align-self: flex-start;
        flex-shrink: 0;
        min-width: 0;
        min-width: auto;
        width: 450px
    }

    .page-events .info .info__content>div {
        padding: 0
    }

    .page-events .info .info__content>div h2 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 52px;
        line-height: 3.25rem;
        margin-bottom: 25px
    }

    .page-events .info .info__content>div ul li {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 20px
    }

    .page-events .info .info__content>div .description h3 {
        font-size: 32px;
        font-size: 2rem;
        margin-top: 20px
    }

    .page-events .info .info__content>div .description p {
        line-height: 24px;
        line-height: 1.5rem;
        text-align: justify
    }

    .page-events .info .info__content>div .button {
        margin-top: 40px
    }

    .page-events .modal__container {
        max-width: 700px
    }

    .page-events .modal__content h2 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 12px
    }

    .page-events .modal__content .title p {
        margin-bottom: 24px
    }

    .page-events .modal__content .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 18px
    }

    .page-events .modal__content .inputs>* {
        width: 100%
    }

    .page-events div[_scene=sceneRegisterOne].js--active {
        padding: 50px 50px 30px
    }

    .page-events div[_scene=sceneRegisterTwo] .m-schedule {
        display: none
    }

    .page-sustainability .ads {
        padding: 44px 0
    }

    .page-sustainability .ads .container h2 {
        font-size: 44px;
        font-size: 2.75rem;
        font-weight: 700;
        margin-bottom: 32px
    }

    .page-sustainability .ads .swiper-component .swiper {
        padding: 0
    }

    .page-sustainability .ads .swiper-component .swiper-button-next,
    .page-sustainability .ads .swiper-component .swiper-button-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .page-sustainability .ads .swiper-component .swiper-pagination {
        bottom: -60px !important
    }

    .page-sustainability .ads .swiper-slide>div:first-child picture {
        margin-bottom: 0
    }

    .page-sustainability .spaces {
        padding: 48px 0
    }

    .page-sustainability .spaces h2 {
        font-size: 44px;
        font-size: 2.75rem;
        font-weight: 700;
        margin-bottom: 32px
    }

    .page-sustainability .spaces__block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -ms-flex-direction: row;
        flex-direction: row;
        justify-content: space-between
    }

    .page-sustainability .spaces__block.--one {
        overflow: hidden
    }

    .page-sustainability .spaces__block.--one picture img {
        height: 100%;
        width: 100%
    }

    .page-sustainability .spaces__block.--two div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%
    }

    .page-sustainability .spaces__block.--two div:first-child,
    .page-sustainability .spaces__block.--two div:nth-child(3),
    .page-sustainability .spaces__block.--two div:nth-child(4) {
        display: block
    }

    .page-sustainability .spaces__content {
        bottom: 40px;
        padding-right: 25px;
        top: auto
    }

    .page-sustainability .spaces__content p {
        min-height: 170px
    }

    .page-sustainability .spaces__cert {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 24px
    }

    .page-sustainability .spaces__cert div {
        text-align: left
    }

    .page-sustainability .spaces__cert div:last-of-type h2 {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        line-height: 44px;
        line-height: 2.75rem;
        text-align: left
    }

    .page-sustainability .spaces__cert div:last-of-type h4 {
        font-size: 36px;
        font-size: 2.25rem;
        text-align: left
    }

    .page-sustainability .spaces__cert div:last-of-type p {
        font-size: 16px;
        font-size: 1rem;
        line-height: 24px;
        line-height: 1.5rem;
        text-align: left
    }

    .page-sustainability__content {
        padding-top: 50px
    }

    .page-sustainability__content p {
        font-size: 22px;
        font-size: 1.375rem;
        line-height: 28px;
        line-height: 1.75rem
    }

    .page-sustainability__flex span {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-sustainability__card {
        height: 382px;
        width: 382px
    }

    .page-sustainability__card h6 {
        font-size: 24px;
        font-size: 1.5rem;
        width: 180px
    }

    .page-sustainability .community {
        padding: 48px 0
    }

    .page-sustainability .community h2 {
        font-size: 36px;
        font-size: 2.25rem;
        font-weight: 700;
        margin: 0 auto 32px;
        max-width: 80%
    }

    .page-sustainability .community__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row;
        flex-flow: row;
        height: 600px
    }

    .page-sustainability .community__block {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .page-sustainability .community__block.--one {
        -webkit-box-flex: 0;
        border-radius: 10px;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        overflow: hidden
    }

    .page-sustainability .community__block.--one picture img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .page-sustainability .community__block.--two div {
        -webkit-box-flex: 0;
        border-radius: 10px;
        -ms-flex: 0 0 48%;
        flex: 0 0 48%;
        overflow: hidden
    }

    .page-sustainability .community__block.--two div:first-child,
    .page-sustainability .community__block.--two div:nth-child(3),
    .page-sustainability .community__block.--two div:nth-child(4) {
        display: block
    }

    .page-sustainability .community__block.--two div picture img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }

    .page-sustainability .community .swiper {
        display: none !important
    }

    .modal-contact-thanks .modal__container {
        max-width: 700px
    }

    .modal-contact-thanks .modal__content h3 {
        font-size: 32px;
        font-size: 2rem
    }

    .modal-contact-thanks .modal__content p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-contact .contact-form {
        padding: 44px 0
    }

    .page-contact .contact-form__title {
        display: block;
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px;
        line-height: 2.25rem
    }

    .page-contact .contact-form .back-to {
        display: none
    }

    .page-contact .contact-form .tabs__options>div {
        gap: 30px
    }

    .page-contact .contact-form .tabs__options button {
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        gap: 12px;
        padding: 12px 24px
    }

    .page-contact .contact-form .tabs__options button br {
        display: none
    }

    .page-contact .contact-form .tabs__options button svg {
        max-width: none
    }

    .page-contact .contact-form .form__zone h3 {
        font-size: 24px;
        font-size: 1.5rem;
        margin-bottom: 24px
    }

    .page-contact .contact-form .checkbox.input-in,
    .page-contact .contact-form button[type=submit] {
        margin-left: 35px
    }

    .page-contact .banner-faq {
        padding-bottom: 72px
    }

    .page-contact .banner-faq .container>div {
        gap: 50px
    }

    .page-contact .banner-faq .container>div h2 {
        font-size: 40px;
        font-size: 2.5rem;
        margin-bottom: 12px
    }

    .page-contact .banner-faq .container>div p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 26px;
        line-height: 1.625rem;
        margin-bottom: 24px
    }

    .page-contact .banner-faq .container>div div {
        max-width: none
    }

    .page-directory-inner .info {
        padding: 44px 0 66px
    }

    .page-directory-inner .info .back-to {
        margin-bottom: 40px
    }

    .page-directory-inner .info .info__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 60px;
        margin-top: 30px;
        padding-top: 0;
        position: relative
    }

    .page-directory-inner .info .info__content .card {
        -ms-flex-negative: 0;
        -ms-flex-item-align: start;
        align-self: flex-start;
        flex-shrink: 0;
        height: auto;
        min-width: 0;
        min-width: auto;
        padding: 50px;
        right: 0;
        top: -100px;
        width: 493px
    }

    .page-directory-inner .info .info__content .card h2 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-directory-inner .info .info__content .card .data li {
        font-size: 18px;
        font-size: 1.125rem
    }

    .page-directory-inner .info .info__content .card:after,
    .page-directory-inner .info .info__content .card:before {
        height: 18px;
        width: 250px
    }

    .page-directory-inner .info .info__content .card:before {
        left: 50px
    }

    .page-directory-inner .info .info__content .card:after {
        right: 50px
    }

    .page-directory-inner .info .info__content .description h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .page-directory-inner .info .info__content .description p {
        font-size: 18px;
        font-size: 1.125rem
    }

    .page-directory-inner .similar .page-directory__card {
        height: 250px
    }

    .page-congrats .congrats-form {
        padding: 44px 0 66px
    }

    .page-congrats .congrats-form .date {
        display: block;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem
    }

    .page-congrats .congrats-form__title {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px;
        line-height: 2.25rem;
        margin-bottom: 54px
    }

    .page-congrats .congrats-form h3 {
        font-size: 20px;
        font-size: 1.25rem
    }

    .page-congrats .congrats-form .button {
        margin-top: 32px
    }

    .page-congrats .modal-congrats-thanks .modal__container {
        max-width: 700px
    }

    .page-congrats .modal-congrats-thanks .modal__content h3 {
        font-size: 32px;
        font-size: 2rem
    }

    .page-complaints .congrats-form {
        padding: 30px 0 24px
    }

    .page-complaints .congrats-form .container>p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem;
        margin-bottom: 32px;
        text-align: center
    }

    .page-complaints .congrats-form .date {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 32px;
        line-height: 2rem
    }

    .page-complaints .congrats-form h3 {
        font-size: 24px;
        font-size: 1.5rem
    }

    .page-complaints .congrats-form .form__zone.--place .radios {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .page-complaints .congrats-form .form__zone.--identity .inputs .input:first-child {
        width: 384px
    }

    .page-complaints .congrats-form .form__zone.--date .input {
        max-width: 322px
    }

    .page-complaints .congrats-form .form__zone__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row;
        gap: 24px
    }

    .page-complaints .congrats-form .form__zone__flex>div {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2
    }

    .page-complaints .congrats-form .form__zone__flex>div:last-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .page-complaints .congrats-form .radios {
        gap: 40px;
        margin-bottom: 24px
    }

    .page-complaints .congrats-form .checkbox {
        display: block;
        margin-top: 32px 0 10px
    }

    .page-complaints .congrats-form .inputs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 16px
    }

    .page-complaints .congrats-form .button {
        margin-top: 32px
    }

    .page-complaints .modal-congrats-thanks .modal__container {
        max-width: 700px
    }

    .page-complaints .modal-congrats-thanks .modal__content h3 {
        font-size: 32px;
        font-size: 2rem
    }
}

@media only screen and (min-width:1228px) {
    .page-home .hero-slide .bg-banner {
        height: 600px;
        width: 1360px
    }

    .page-home .m-hero-video {
        height: 600px
    }
}

@media only screen and (min-width:1280px) {

    .h1,
    h1 {
        font-size: 72px;
        font-size: 4.5rem
    }

    .h2,
    h2 {
        font-size: 54px;
        font-size: 3.375rem
    }

    .h3,
    h3 {
        font-size: 40px;
        font-size: 2.5rem
    }

    .h4,
    h4 {
        font-size: 30px;
        font-size: 1.875rem
    }

    .h5,
    .h6,
    h5,
    h6 {
        font-size: 18px;
        font-size: 1.125rem
    }

    .container,
    .container-whole {
        width: 1074px !important
    }

    .header__menu .menu a {
        padding: 0 20px
    }

    .header__menu .menu a,
    .header__options .select {
        font-size: 16px;
        font-size: 1rem
    }

    .header__options .select .select__button:before {
        content: url(img/icon-point.svg);
        display: block
    }

    .header__options .select .select__button p {
        font-size: 16px;
        font-size: 1rem;
        width: 86px
    }

    .m-card-event.m--horizontal .m-card-event__picture,
    .m-card-promotion.m--horizontal .m-card-promotion__picture {
        width: 328px
    }

    .accordion-box__content p {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 38px;
        line-height: 2.375rem
    }

    .card-info {
        max-width: 360px
    }

    .similar {
        padding: 50px 0 80px
    }

    .similar .card-link {
        width: 340px
    }

    .page-faqs__content .tabs {
        gap: 90px
    }

    .page-faqs__content .tabs__options>div>button {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px;
        line-height: 2rem
    }

    .m-directory-home {
        padding: 46px 0
    }

    .m-directory-home__introduction p {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 640px
    }

    .m-directory-home__stores h3 {
        font-size: 36px;
        font-size: 2.25rem
    }

    .m-directory-home__stores ul>a,
    .m-directory-home__stores ul>li {
        height: 155px;
        width: 17%
    }

    .m-directory-home__stores ul>a:nth-child(3),
    .m-directory-home__stores ul>a:nth-child(4),
    .m-directory-home__stores ul>li:nth-child(3),
    .m-directory-home__stores ul>li:nth-child(4) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .m-experiences-home {
        padding: 30px 0
    }

    .m-experiences-home h3 {
        font-size: 44px;
        font-size: 2.75rem;
        line-height: 52px;
        line-height: 3.25rem
    }

    .m-experiences-home__content>div article {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 260px 35px 35px
    }

    .m-experiences-home__content>div article h4,
    .m-experiences-home__content>div article picture {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .m-experiences-home__content>div article h4 {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 35px;
        line-height: 2.1875rem
    }

    .m-experiences-home__content>div article p {
        font-size: 14px;
        font-size: .875rem;
        line-height: 20px;
        line-height: 1.25rem;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .3s ease-in-out;
        transition: -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out;
        transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
    }

    .m-experiences-home__content>div article .button {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
    }

    .m-experiences-home__content>div article:hover .button,
    .m-experiences-home__content>div article:hover h4,
    .m-experiences-home__content>div article:hover p,
    .m-experiences-home__content>div article:hover picture {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    .page-home .hero-slide__content div {
        max-width: 574px
    }

    .page-home .hero-slide__content h2 {
        font-size: 50px;
        font-size: 3.125rem
    }

    .page-home .m-events-home .container>div {
        gap: 24px
    }

    .page-home .m-events-home__featured {
        width: 420px
    }

    .page-home .m-events-home__slider .swiper .swiper-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .page-home .services__description {
        padding-bottom: 15px
    }

    .page-home .services__description a.button,
    .page-home .services__description button {
        font-size: 14px;
        font-size: .875rem;
        max-width: 180px
    }

    .page-home .services__card.--another .services__description h2 {
        font-size: 35px;
        font-size: 2.1875rem
    }

    .page-home .services__card.--another .services__description a.button,
    .page-home .services__card.--another .services__description button {
        max-width: 222px
    }

    .page-home .community .container {
        width: 1241px !important
    }

    .page-home .newsletter {
        padding: 64px 0
    }

    .page-home .newsletter .newsletter__content {
        padding-right: 44px
    }

    .page-home .newsletter form .button {
        margin-top: 30px
    }

    .page-home .headline {
        font-size: 44px;
        font-size: 2.75rem
    }

    .page-policies__content {
        padding-bottom: 50px
    }

    .page-policies .wp-editor table {
        margin: 40px auto;
        max-width: 800px
    }

    .page-policies .wp-editor table td,
    .page-policies .wp-editor table th {
        font-size: 14px;
        font-size: .875rem
    }

    .page-policies .wp-editor table th {
        font-size: 16px;
        font-size: 1rem
    }

    .m-promotions-popup .container-popup .promotion-popup {
        height: 100%;
        max-height: none;
        padding: 24px;
        width: 1124px
    }

    .m-services-grid .container {
        gap: 24px
    }

    .page-events .info .info__content>picture {
        width: auto
    }

    .page-sustainability .ads .swiper-slide>div:first-child {
        gap: 28px
    }

    .page-sustainability .ads .swiper-slide>div:first-child h3 {
        font-size: 32px;
        font-size: 2rem;
        margin-bottom: 16px
    }

    .page-sustainability .ads .swiper-slide>div:first-child p {
        font-size: 16px;
        font-size: 1rem
    }

    .page-sustainability .spaces .container {
        width: 1241px !important
    }

    .page-sustainability .spaces__block>div picture {
        height: 600px
    }

    .page-sustainability .spaces__block.--two div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%
    }

    .page-sustainability .spaces__content p {
        min-height: 122px
    }

    .page-sustainability .spaces__cert div picture {
        width: 200px
    }

    .page-sustainability .community .container {
        width: 1299px !important
    }

    .page-sustainability .community .swiper-component {
        display: none
    }

    .page-sustainability .community__flex {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row;
        flex-flow: row
    }

    .page-sustainability .community__block.--two div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
        flex: 0 0 49%
    }

    .page-contact .contact-form .tabs__options {
        margin: 0 auto 32px;
        max-width: 100%
    }

    .page-directory-inner .info .info__content .card .data li {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:1440px) {

    .container,
    .container-whole {
        width: 1230px !important
    }

    .section {
        padding: 100px 0
    }

    .m-card-event.m--horizontal .m-card-event__content {
        padding: 25px
    }

    .m-card-promotion {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .m-card-promotion__picture {
        border-bottom: none;
        border-right: 1px solid #bababa
    }

    .m-card-promotion__picture picture {
        height: 286px;
        width: 214px
    }

    .m-card-promotion__content {
        margin: 32px 20px 0
    }

    .m-card-promotion .button {
        max-width: 138px;
        min-width: 138px
    }

    .m-card-promotion.m--horizontal .m-card-promotion__content {
        padding: 25px
    }

    .m-title-description p {
        font-size: 20px;
        font-size: 1.25rem
    }

    .similar .card-link {
        width: 394px
    }

    #gallery-instagram {
        grid-template: 240px 240px/1fr 1fr 1fr 1fr;
        grid-template-areas: "pic1 pic1 pic2 pic3" "pic1 pic1 pic4 pic5"
    }

    .page-home .services__description h2 {
        font-size: 28px;
        font-size: 1.75rem
    }

    .page-home .newsletter .newsletter__content {
        padding-right: 94px
    }

    .m-events-tabs h1 {
        margin-bottom: 32px
    }

    .m-events-tabs nav {
        width: 1230px
    }

    .m-promotions-popup .container-popup .promotion-tyc .accordion-box__content {
        max-height: 150px
    }

    .page-services__flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .m-directory-grid .container {
        gap: 24px;
        grid-template-columns: repeat(4, 1fr);
        width: 1288px !important
    }

    .m-detail-store .modal__container {
        max-width: 720px
    }

    .m-detail-store__content {
        padding: 12px 30px
    }

    .page-events .info .info__content {
        gap: 100px
    }

    .page-events .container,
    .page-events .container-whole {
        width: 1230px !important
    }

    .page-sustainability__flex {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }

    .page-complaints .container,
    .page-complaints .container-whole,
    .page-congrats .container,
    .page-congrats .container-whole,
    .page-contact .container,
    .page-contact .container-whole,
    .page-directory-inner .container,
    .page-directory-inner .container-whole {
        width: 1230px !important
    }
}

@media only screen and (max-width:1024px) {
    .inputs-simple .button {
        width: 100%
    }
}