.tippy-touch {
    cursor: pointer!important
}
.tippy-popper {
    visibility: hidden;
    max-width: 400px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    z-index: 9999
}
.tippy-popper.html-template {
    max-width: 95%;
    max-width: calc(100% - 2rem)
}
.tippy-popper[x-placement=top] [x-arrow] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: -5px
}
.tippy-popper[x-placement=top] [x-circle] {
    -webkit-transform-origin: 0 33%;
    transform-origin: 0 33%
}
.tippy-popper[x-placement=top] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=top] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%)
}
.tippy-popper[x-placement=top] [data-animation=none].enter,
.tippy-popper[x-placement=top] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=perspective] {
    -webkit-transform-origin: bottom;
    transform-origin: bottom
}
.tippy-popper[x-placement=top] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) rotateX(0);
    transform: translateY(-10px) rotateX(0)
}
.tippy-popper[x-placement=top] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(90deg);
    transform: translateY(0) rotateX(90deg)
}
.tippy-popper[x-placement=top] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}
.tippy-popper[x-placement=top] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tippy-popper[x-placement=top] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(-10px) scale(1);
    transform: translateY(-10px) scale(1)
}
.tippy-popper[x-placement=top] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}
.tippy-popper[x-placement=bottom] [x-arrow] {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -5px
}
.tippy-popper[x-placement=bottom] [x-circle] {
    -webkit-transform-origin: 0 -33%;
    transform-origin: 0 -33%
}
.tippy-popper[x-placement=bottom] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=bottom] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%)
}
.tippy-popper[x-placement=bottom] [data-animation=none].enter,
.tippy-popper[x-placement=bottom] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=perspective] {
    -webkit-transform-origin: top;
    transform-origin: top
}
.tippy-popper[x-placement=bottom] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) rotateX(0);
    transform: translateY(10px) rotateX(0)
}
.tippy-popper[x-placement=bottom] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateY(0) rotateX(-90deg);
    transform: translateY(0) rotateX(-90deg)
}
.tippy-popper[x-placement=bottom] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.tippy-popper[x-placement=bottom] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tippy-popper[x-placement=bottom] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateY(10px) scale(1);
    transform: translateY(10px) scale(1)
}
.tippy-popper[x-placement=bottom] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateY(0) scale(0);
    transform: translateY(0) scale(0)
}
.tippy-popper[x-placement=left] [x-arrow] {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -5px;
    top: 50%
}
.tippy-popper[x-placement=left] [x-circle] {
    -webkit-transform-origin: 50% 5%;
    transform-origin: 50% 5%
}
.tippy-popper[x-placement=left] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=left] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -33%);
    transform: scale(0) translate(-50%, -33%)
}
.tippy-popper[x-placement=left] [data-animation=none].enter,
.tippy-popper[x-placement=left] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=perspective] {
    -webkit-transform-origin: right;
    transform-origin: right
}
.tippy-popper[x-placement=left] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotateY(0);
    transform: translateX(-10px) rotateY(0)
}
.tippy-popper[x-placement=left] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(-90deg);
    transform: translateX(0) rotateY(-90deg)
}
.tippy-popper[x-placement=left] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}
.tippy-popper[x-placement=left] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.tippy-popper[x-placement=left] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(-10px) scale(1);
    transform: translateX(-10px) scale(1)
}
.tippy-popper[x-placement=left] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}
.tippy-popper[x-placement=right] [x-arrow] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -5px;
    top: 50%
}
.tippy-popper[x-placement=right] [x-circle] {
    -webkit-transform-origin: -50% 5%;
    transform-origin: -50% 5%
}
.tippy-popper[x-placement=right] [x-circle].enter {
    opacity: 1;
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%)
}
.tippy-popper[x-placement=right] [x-circle].leave {
    opacity: 0;
    -webkit-transform: scale(0) translate(-50%, -33%);
    transform: scale(0) translate(-50%, -33%)
}
.tippy-popper[x-placement=right] [data-animation=none].enter,
.tippy-popper[x-placement=right] [data-animation=none].leave {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=perspective] {
    -webkit-transform-origin: left;
    transform-origin: left
}
.tippy-popper[x-placement=right] [data-animation=perspective].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) rotateY(0);
    transform: translateX(10px) rotateY(0)
}
.tippy-popper[x-placement=right] [data-animation=perspective].leave {
    opacity: 0;
    -webkit-transform: translateX(0) rotateY(90deg);
    transform: translateX(0) rotateY(90deg)
}
.tippy-popper[x-placement=right] [data-animation=fade].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=fade].leave {
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=shift].enter {
    opacity: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}
.tippy-popper[x-placement=right] [data-animation=shift].leave {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.tippy-popper[x-placement=right] [data-animation=scale].enter {
    opacity: 1;
    -webkit-transform: translateX(10px) scale(1);
    transform: translateX(10px) scale(1)
}
.tippy-popper[x-placement=right] [data-animation=scale].leave {
    opacity: 0;
    -webkit-transform: translateX(0) scale(0);
    transform: translateX(0) scale(0)
}
.tippy-tooltip {
    position: relative;
    color: #fff;
    border-radius: 4px;
    padding: .5rem 1rem;
    text-align: center;
    will-change: transform;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #333
}
.tippy-tooltip [x-arrow] {
    z-index: -1;
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: #333;
    border: 1px solid;
    border-color: transparent transparent #333 #333
}
.tippy-tooltip[data-animatefill] {
    overflow: hidden;
    background-color: transparent
}
.tippy-tooltip[data-inertia] {
    -webkit-transition-timing-function: cubic-bezier(.53, 1, .36, .85);
    transition-timing-function: cubic-bezier(.53, 2, .36, .85)
}
.tippy-tooltip [x-circle] {
    position: absolute;
    will-change: transform;
    background-color: #333;
    border-radius: 50%;
    width: 130%;
    width: calc(125% + 2rem);
    height: 0;
    padding-bottom: 130%;
    padding-bottom: calc(125% + 2rem);
    left: 50%;
    -webkit-transition: all ease-out;
    transition: all ease-out;
    z-index: -1;
    opacity: 0
}
.tippy-tooltip.light-theme {
    color: #203d5d;
    box-shadow: 0 0 16px -4px rgba(0, 20, 40, .2), 0 0 80px -10px rgba(0, 20, 40, .3);
    background-color: #f3f6f9;
    border: 1px solid #ced2e2
}
.tippy-tooltip.light-theme [x-circle] {
    background-color: #f3f6f9
}
.tippy-tooltip.light-theme [x-arrow] {
    background-color: #f3f6f9;
    border-color: transparent transparent #ced2e2 #ced2e2
}
.tippy-tooltip.light-theme[data-animatefill] {
    background-color: transparent
}
@media (max-width:500px) {
    .tippy-popper {
        max-width: 95%;
        max-width: calc(100% - 2rem)
    }
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow > .swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33);
    position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s top, .2s -webkit-transform;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s left, .2s -webkit-transform;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s right, .2s -webkit-transform;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube {
    overflow: visible
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}
.swiper-container-flip {
    overflow: visible
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}
* {
    box-sizing: border-box;
    position: relative;
    outline: none;
    outline-color: transparent
}
img {
    width: 100%
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}
body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    outline: none;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent
}
ol,
ul {
    list-style: none
}
blockquote,
q {
    quotes: none
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}
em {
    font-style: italic
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a {
    text-decoration: none;
    outline: none;
    cursor: pointer
}
main {
    display: block;
    position: relative;
    transition: all .4s ease-out;
    transform-origin: center center;
    z-index: 3
}
input,
input:after,
input:before {
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: auto;
    -webkit-appearance: none;
    border-radius: 0
}
button {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    outline: none
}
input[type=number] {
    -moz-appearance: textfield;
    -webkit-appearance: none;
    appearance: none
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}
input::-ms-clear,
input::-ms-reveal {
    display: none
}
@font-face {
    font-family: speedeeBold;
    src: url("css/fonts/speedee_w_bd-webfont.woff2") format("woff2"), url("css/fonts/speedee_w_bd-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: speedeeLight;
    src: url("css/fonts/speedee_w_lt-webfont.woff2") format("woff2"), url("css/fonts/speedee_w_lt-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: speedeeRegular;
    src: url("css/fonts/speedee_w_rg-webfont.woff2") format("woff2"), url("css/fonts/speedee_w_rg-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal
}
[data-theme=m-01] {
    background-color: #ffbc0d
}
[data-theme=m-01] h2,
[data-theme=m-01] h3 {
    color: #fff!important
}
[data-theme=m-01] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=m-01] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-01] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=m-01] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=m-01] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-01] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=m-01] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=m-01] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=m-01] .alt-01 p,
[data-theme=m-01] .back-btn p,
[data-theme=m-01] .back-btn span:after,
[data-theme=m-01] .textFormat .quote:before {
    color: #fff
}
[data-theme=m-03] {
    background-color: #b69a81
}
[data-theme=m-03] h2,
[data-theme=m-03] h3 {
    color: #fff!important
}
[data-theme=m-03] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=m-03] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-03] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=m-03] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=m-03] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-03] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=m-03] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=m-03] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=m-03] .alt-01 p,
[data-theme=m-03] .back-btn p,
[data-theme=m-03] .back-btn span:after,
[data-theme=m-03] .textFormat .quote:before {
    color: #fff
}
[data-theme=neu-01] {
    background-color: #fff
}
[data-theme=neu-02] {
    background-color: #f7f7f7
}
[data-theme=neu-06] {
    background-color: #a5a5a5
}
[data-theme=add-05] {
    background-color: #264f36
}
[data-theme=add-05] h2,
[data-theme=add-05] h3 {
    color: #fff!important
}
[data-theme=add-05] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=add-05] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-05] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=add-05] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=add-05] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-05] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=add-05] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=add-05] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=add-05] .alt-01 p,
[data-theme=add-05] .back-btn p,
[data-theme=add-05] .back-btn span:after,
[data-theme=add-05] .textFormat .quote:before,
[data-theme=add-05] .textFormat p > * {
    color: #fff
}
[data-theme=add-05] .textFormat .quote:before {
    color: #ffbc0d
}
[data-theme=m-03--light-01] {
    background-color: #daccc0
}
[data-theme=m-03--light-01] h2,
[data-theme=m-03--light-01] h3 {
    color: #fff!important
}
[data-theme=m-03--light-01] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=m-03--light-01] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-03--light-01] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=m-03--light-01] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=m-03--light-01] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-03--light-01] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=m-03--light-01] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=m-03--light-01] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=m-03--light-01] .alt-01 p,
[data-theme=m-03--light-01] .back-btn p,
[data-theme=m-03--light-01] .back-btn span:after,
[data-theme=m-03--light-01] .textFormat .quote:before {
    color: #fff
}
[data-theme=m-01-light-03] {
    background-color: #fff8e6
}
[data-theme=m-01-light-03] h2,
[data-theme=m-01-light-03] h3 {
    color: #fff!important
}
[data-theme=m-01-light-03] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=m-01-light-03] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-01-light-03] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=m-01-light-03] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=m-01-light-03] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=m-01-light-03] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=m-01-light-03] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=m-01-light-03] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=m-01-light-03] .alt-01 p,
[data-theme=m-01-light-03] .back-btn p,
[data-theme=m-01-light-03] .back-btn span:after,
[data-theme=m-01-light-03] .textFormat .quote:before {
    color: #fff
}
[data-theme=add-05--light-02] {
    background-color: #b8cbbf
}
[data-theme=add-05--light-02] h2,
[data-theme=add-05--light-02] h3 {
    color: #fff!important
}
[data-theme=add-05--light-02] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=add-05--light-02] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-05--light-02] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=add-05--light-02] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=add-05--light-02] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-05--light-02] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=add-05--light-02] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=add-05--light-02] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=add-05--light-02] .alt-01 p,
[data-theme=add-05--light-02] .back-btn p,
[data-theme=add-05--light-02] .back-btn span:after,
[data-theme=add-05--light-02] .textFormat .quote:before {
    color: #fff
}
[data-theme=add-01--light-01] {
    background-color: #f3fdea
}
[data-theme=add-03--light-01] {
    background-color: #eef3ff
}
[data-theme=add-06--light-01] {
    background-color: #b9d98f
}
[data-theme=add-06--light-01] h2,
[data-theme=add-06--light-01] h3 {
    color: #fff!important
}
[data-theme=add-06--light-01] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=add-06--light-01] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-06--light-01] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=add-06--light-01] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=add-06--light-01] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=add-06--light-01] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=add-06--light-01] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=add-06--light-01] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=add-06--light-01] .alt-01 p,
[data-theme=add-06--light-01] .back-btn p,
[data-theme=add-06--light-01] .back-btn span:after,
[data-theme=add-06--light-01] .textFormat .quote:before {
    color: #fff
}
[data-theme=g-01] {
    background: linear-gradient(#ffa420, #ffbc0d 100%)
}
[data-theme=g-01] h2,
[data-theme=g-01] h3 {
    color: #fff!important
}
[data-theme=g-01] .cta-01 {
    background-color: #fff;
    color: #fff
}
[data-theme=g-01] .cta-01 p {
    color: #ffbc0d
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=g-01] .cta-01:hover {
        background-color: #fff
    }
}
[data-theme=g-01] .cta-01:hover svg path {
    fill: #fff!important
}
[data-theme=g-01] .cta-02 {
    background-color: transparent;
    color: #fff
}
@media (min-width:0) and (max-width:1024px) {
    [data-theme=g-01] .cta-02 {
        border: 1px solid #fff
    }
}
[data-theme=g-01] .cta-02:hover svg path {
    stroke: #fff!important
}
[data-theme=g-01] .cta-02 p {
    color: #fff;
    z-index: 2
}
[data-theme=g-01] .alt-01 p,
[data-theme=g-01] .back-btn p,
[data-theme=g-01] .back-btn span:after,
[data-theme=g-01] .textFormat .quote:before {
    color: #fff
}
.color-m-01 {
    color: #ffbc0d!important
}
.color-m-02 {
    color: #db0007!important
}
.color-m-03 {
    color: #b69a81!important
}
.color-neu-03 {
    color: #e9e9e9!important
}
.color-neu-06 {
    color: #a5a5a5!important
}
.color-neu-11 {
    color: #2d2d2d!important
}
body,
html {
    height: 100%;
    display: block;
    background-color: #fff
}
body.hidden,
html.hidden {
    overflow: hidden
}
main {
    min-height: 100%
}
strong {
    font-family: speedeeBold
}
mark {
    color: #ffbc0d;
    background-color: transparent
}
.tabbedContent__controls,
.wrapper {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 64px
}
@media (min-width:0) and (max-width:1440px) {
    .tabbedContent__controls,
    .wrapper {
        padding: 0 4%
    }
}
.container {
    padding: 0 8.5%
}
@media (min-width:0) and (max-width:768px) {
    .container {
        padding: 0
    }
}
.media {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    font-size: 0
}
.media .tabbedContent__controls,
.media .wrapper {
    z-index: 2
}
.media:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .3);
    z-index: 1
}
.media.video:before {
    background-color: rgba(0, 0, 0, .1)
}
.tippy-tooltip {
    background-color: #fff;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
    border-radius: 30px;
    min-width: 90px;
    padding: 15px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
.tippy-tooltip .tippy-roundarrow svg {
    fill: #fff
}
.wall {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
.sliderHeading__next,
.sliderHeading__prev,
.swiper-button-next,
.swiper-button-prev {
    background-image: none;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    outline-color: transparent
}
.sliderHeading__next i,
.sliderHeading__prev i,
.swiper-button-next i,
.swiper-button-prev i {
    transition: transform .1s ease-out
}
.sliderHeading__next,
.swiper-button-next {
    right: 4.5%
}
.sliderHeading__next i,
.swiper-button-next i {
    color: #fff
}
.sliderHeading__next:hover i,
.swiper-button-next:hover i {
    transform: translateX(10px)
}
@media (min-width:0) and (max-width:1024px) {
    .sliderHeading__next:hover i,
    .swiper-button-next:hover i {
        transform: translateX(0)
    }
}
.sliderHeading__prev,
.swiper-button-prev {
    left: 4.5%
}
.sliderHeading__prev:hover i,
.swiper-button-prev:hover i {
    transform: translateX(-10px)
}
@media (min-width:0) and (max-width:1024px) {
    .sliderHeading__prev:hover i,
    .swiper-button-prev:hover i {
        transform: translateX(0)
    }
}
a:visited {
    color: #2d2d2d
}
.grecaptcha-badge {
    z-index: 9999
}
@font-face {
    font-family: mcdonalds-base-icons;
    src: url("css/fonts/icons/mcdonalds-base-icons.eot");
    src: url("css/fonts/icons/mcdonalds-base-icons.eot#iefix") format("embedded-opentype"), 
        url("css/fonts/icons/mcdonalds-base-icons.ttf") format("truetype"), 
        url("css/fonts/icons/mcdonalds-base-icons.woff") format("woff"), 
        url("css/fonts/icons/mcdonalds-base-icons.svg#mcdonalds-icons") format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" icon-bas-"],
[class^=icon-bas-] {
    font-family: mcdonalds-base-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-bas-001 {
    font-size: 48px
}
.icon-bas-001:before {
    content: "";
    color: #ffd772
}
.icon-bas-001:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-002 {
    font-size: 48px
}
.icon-bas-002:before {
    content: "";
    color: #ffd772
}
.icon-bas-002:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-003 {
    font-size: 48px
}
.icon-bas-003:before {
    content: "";
    color: #ffd772
}
.icon-bas-003:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-004 {
    font-size: 48px
}
.icon-bas-004:before {
    content: "";
    color: #ffd772
}
.icon-bas-004:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-005 {
    font-size: 48px
}
.icon-bas-005:before {
    content: "";
    color: #ffd772
}
.icon-bas-005:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-006 {
    font-size: 48px
}
.icon-bas-006:before {
    content: "";
    color: #ffd772
}
.icon-bas-006:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-007 {
    font-size: 48px
}
.icon-bas-007:before {
    content: "";
    color: #ffd772
}
.icon-bas-007:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-008 {
    font-size: 48px
}
.icon-bas-008:before {
    content: "";
    color: #ffd772
}
.icon-bas-008:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-009 {
    font-size: 48px
}
.icon-bas-009:before {
    content: "";
    color: #ffd772
}
.icon-bas-009:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-010 {
    font-size: 48px
}
.icon-bas-010:before {
    content: "";
    color: #ffd772
}
.icon-bas-010:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-011 {
    font-size: 48px
}
.icon-bas-011:before {
    content: "";
    color: #ffd772
}
.icon-bas-011:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-012 {
    font-size: 48px
}
.icon-bas-012:before {
    content: "";
    color: #ffd772
}
.icon-bas-012:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-013 {
    font-size: 48px
}
.icon-bas-013:before {
    content: "";
    color: #ffd772
}
.icon-bas-013:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-014 {
    font-size: 48px
}
.icon-bas-014:before {
    content: "";
    color: #ffd772
}
.icon-bas-014:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-015 {
    font-size: 48px
}
.icon-bas-015:before {
    content: "";
    color: #ffd772
}
.icon-bas-015:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-016 {
    font-size: 48px
}
.icon-bas-016:before {
    content: "";
    color: #ffd772
}
.icon-bas-016:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-017 {
    font-size: 48px
}
.icon-bas-017:before {
    content: "";
    color: #ffd772
}
.icon-bas-017:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-018 {
    font-size: 48px
}
.icon-bas-018:before {
    content: "";
    color: #ffd772
}
.icon-bas-018:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-019 {
    font-size: 48px
}
.icon-bas-019:before {
    content: "";
    color: #ffd772
}
.icon-bas-019:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-020 {
    font-size: 48px
}
.icon-bas-020:before {
    content: "";
    color: #ffd772
}
.icon-bas-020:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-021 {
    font-size: 48px
}
.icon-bas-021:before {
    content: "";
    color: #ffd772
}
.icon-bas-021:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-022 {
    font-size: 48px
}
.icon-bas-022:before {
    content: "";
    color: #ffd772
}
.icon-bas-022:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-023 {
    font-size: 48px
}
.icon-bas-023:before {
    content: "";
    color: #ffd772
}
.icon-bas-023:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-024 {
    font-size: 48px
}
.icon-bas-024:before {
    content: "";
    color: #ffd772
}
.icon-bas-024:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-025 {
    font-size: 48px
}
.icon-bas-025:before {
    content: "";
    color: #ffd772
}
.icon-bas-025:after {
    content: "";
    margin-left: -1em;
    color: #2d2d2d
}
.icon-bas-023:after {
    margin-left: 0
}
@font-face {
    font-family: mcdonalds-solid-icons;
    src: url("css/fonts/icons/mcdonalds-solid-icons.eot");
    src: url("css/fonts/icons/mcdonalds-solid-icons.eot#iefix") format("embedded-opentype"), 
        url("css/fonts/icons/mcdonalds-solid-icons.ttf") format("truetype"), 
        url("css/fonts/icons/mcdonalds-solid-icons.woff") format("woff"), 
        url("css/fonts/icons/mcdonalds-solid-icons.svg#mcdonalds-solid-icons") format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" icon-sol-"],
[class^=icon-sol-] {
    font-family: mcdonalds-solid-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-sol-001:before {
    content: ""
}
.icon-sol-002:before {
    content: ""
}
.icon-sol-003:before {
    content: ""
}
.icon-sol-004:before {
    content: ""
}
.icon-sol-005:before {
    content: ""
}
.icon-sol-006:before {
    content: ""
}
.icon-sol-007:before {
    content: ""
}
.icon-sol-008:before {
    content: ""
}
.icon-sol-009:before {
    content: ""
}
.icon-sol-010:before {
    content: ""
}
.icon-sol-011:before {
    content: ""
}
.icon-sol-012:before {
    content: ""
}
.icon-sol-013:before {
    content: ""
}
.icon-sol-014:before {
    content: ""
}
.icon-sol-015:before {
    content: ""
}
.icon-sol-016:before {
    content: ""
}
.icon-sol-017:before {
    content: ""
}
.icon-sol-018:before {
    content: ""
}
.icon-sol-019:before {
    content: ""
}
.icon-sol-020:before {
    content: ""
}
.icon-sol-021:before {
    content: ""
}
.icon-sol-022:before {
    content: ""
}
.icon-sol-023:before {
    content: ""
}
.icon-sol-024:before {
    content: ""
}
.icon-sol-025:before {
    content: ""
}
.icon-sol-026:before {
    content: ""
}
.icon-sol-027:before {
    content: ""
}
.icon-sol-028:before {
    content: ""
}
.icon-sol-029:before {
    content: ""
}
.icon-sol-030:before {
    content: ""
}
.icon-sol-031:before {
    content: ""
}
.icon-sol-032:before {
    content: ""
}
.icon-sol-033:before {
    content: ""
}
.icon-sol-034:before {
    content: ""
}
.icon-sol-035:before {
    content: ""
}
@font-face {
    font-family: mcdonalds-line-icons;
    src: url("css/fonts/icons/mcdonalds-line-icons.eot");
    src: url("css/fonts/icons/mcdonalds-line-icons.eot#iefix") format("embedded-opentype"), 
        url("css/fonts/icons/mcdonalds-line-icons.ttf") format("truetype"), 
        url("css/fonts/icons/mcdonalds-line-icons.woff") format("woff"), 
        url("css/fonts/icons/mcdonalds-line-icons.svg#mcdonalds-line-icons") format("svg");
    font-weight: 400;
    font-style: normal
}
[class*=" icon-lin-"],
[class^=icon-lin-] {
    font-family: mcdonalds-line-icons!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-lin-001:before {
    content: ""
}
.icon-lin-002:before {
    content: ""
}
.icon-lin-003:before {
    content: ""
}
.icon-lin-004:before {
    content: ""
}
.icon-lin-005:before {
    content: ""
}
.icon-lin-006:before {
    content: ""
}
.icon-lin-007:before {
    content: ""
}
.icon-lin-008:before {
    content: ""
}
.icon-lin-009:before {
    content: ""
}
.icon-lin-010:before {
    content: ""
}
.icon-lin-011:before {
    content: ""
}
.icon-lin-012:before {
    content: ""
}
.icon-lin-013:before {
    content: ""
}
.icon-lin-014:before {
    content: ""
}
.icon-lin-015:before {
    content: ""
}
[data-margin-top=none] {
    padding-top: 0
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-top=none] {
        padding-top: 0
    }
}
[data-margin-top=small] {
    padding-top: 32px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-top=small] {
        padding-top: 16px
    }
}
[data-margin-top=medium] {
    padding-top: 64px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-top=medium] {
        padding-top: 32px
    }
}
[data-margin-top=large] {
    padding-top: 104px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-top=large] {
        padding-top: 56px
    }
}
[data-margin-bottom=none] {
    padding-bottom: 0
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-bottom=none] {
        padding-bottom: 0
    }
}
[data-margin-bottom=small] {
    padding-bottom: 32px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-bottom=small] {
        padding-bottom: 16px
    }
}
[data-margin-bottom=medium] {
    padding-bottom: 64px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-bottom=medium] {
        padding-bottom: 32px
    }
}
[data-margin-bottom=large] {
    padding-bottom: 104px
}
@media (min-width:0) and (max-width:768px) {
    [data-margin-bottom=large] {
        padding-bottom: 56px
    }
}
@keyframes a {
    0% {
        transform: translateX(0);
        opacity: 1
    }
    25% {
        transform: translateX(-30px);
        opacity: 0
    }
    50% {
        opacity: 0;
        transform: translateX(30px)
    }
    75% {
        opacity: .8;
        transform: translateX(-10px)
    }
    to {
        opacity: .8
    }
}
@keyframes b {
    0% {
        transform: translate3d(-50%, 40px, 0);
        opacity: 0
    }
    40%,
    45% {
        transform: translate3d(-50%, -32px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(-50%, -24px, 0)
    }
}
@keyframes c {
    0% {
        transform: translate3d(-50%, -24px, 0)
    }
    40%,
    45% {
        transform: translate3d(-50%, -32px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(-50%, 40px, 0);
        opacity: 0
    }
}
@keyframes d {
    0% {
        transform: translate3d(-50%, 20px, 0);
        opacity: 0
    }
    40%,
    45% {
        transform: translate3d(-50%, -12px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(-50%, -4px, 0)
    }
}
@keyframes e {
    0% {
        transform: translate3d(-50%, -4px, 0)
    }
    40%,
    45% {
        transform: translate3d(-50%, -12px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(-50%, 20px, 0);
        opacity: 0
    }
}
@keyframes f {
    0% {
        transform: translate3d(0, 160px, 0);
        opacity: 0
    }
    40%,
    45% {
        transform: translate3d(0, 12px, 0);
        opacity: 0
    }
    to {
        transform: translate3d(0, 4px, 0);
        opacity: 1
    }
}
@keyframes g {
    0% {
        transform: translate3d(0, -4px, 0);
        opacity: 1
    }
    40%,
    45% {
        transform: translate3d(0, -12px, 0);
        opacity: 1
    }
    to {
        transform: translate3d(0, 160px, 0);
        opacity: 0
    }
}
.allergenicInfo {
    max-width: 944px;
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding-top: 24px
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo {
        padding-top: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__container {
        width: 100%;
        max-width: calc(8% + 768px);
        padding: 0 4%;
        display: flex;
        flex-direction: column
    }
}
.allergenicInfo__listCells {
    position: relative;
    margin-bottom: 40px;
    max-width: 624px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 0
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__listCells {
        max-width: 576px;
        margin: 0 auto 40px
    }
}
.allergenicInfo__listCells li {
    padding: 16px;
    display: inline-block
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__listCells li {
        padding: 10px 20px;
        max-width: 96px
    }
}
.allergenicInfo__image {
    position: relative;
    width: 72px;
    height: 72px;
    border-radius: 29px;
    z-index: 1;
    transition: all .1s ease-out
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__image {
        width: 56px;
        height: 56px;
        border-radius: 22px
    }
}
.allergenicInfo__image:after {
    content: "";
    position: absolute;
    display: block;
    width: 72px;
    height: 72px;
    border-radius: 29px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    top: 0;
    transform: translateZ(0);
    will-change: transform;
    transform-origin: center;
    z-index: 0;
    transition: all .1s ease-out
}
@media (min-width:0) and (max-width:1024px) {
    .allergenicInfo__image:after {
        box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1)
    }
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__image:after {
        width: 56px;
        height: 56px;
        border-radius: 22px
    }
}
.allergenicInfo__image i {
    font-size: 44px;
    align-self: center;
    justify-self: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff
}
.allergenicInfo__image:hover {
    transform: translate3d(0, 2px, 0)
}
.allergenicInfo__image:hover:after {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
.allergenicInfo__name {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: silver;
    margin-top: 18px
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__name {
        margin-top: 12px
    }
}
.allergenicInfo__info {
    display: flex;
    margin-bottom: 24px;
    align-items: center;
    flex-wrap: wrap
}
@media (min-width:0) and (max-width:768px) {
    .allergenicInfo__info {
        margin-bottom: 16px
    }
}
.allergenicInfo__info li {
    margin-right: 40px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-direction: row
}
.allergenicInfo__infoTypeCircle {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 8px
}
.allergenicInfo__infoType {
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    line-height: normal
}
.allergenicInfo__infoType,
.allergenicInfo__productsDescription {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    color: #434343
}
.allergenicInfo__productsDescription {
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    line-height: 17px;
    text-align: left
}
.allergenicInfo [data-allergenicType=contains] {
    background-color: #264f36
}
.allergenicInfo [data-allergenicType=probably] {
    background-color: #ffbc0d
}
.btn-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    z-index: 2;
    position: relative;
    overflow: visible;
    margin-top: 55px;
    justify-content: flex-start
}
@media (min-width:0) and (max-width:768px) {
    .btn-container .row {
        align-items: center;
        display: flex;
        margin: 32px auto 0;
        justify-content: center;
        flex-direction: column
    }
}
.btn-container a {
    margin: 0 8px;
    width: auto
}
.btn-container a:first-of-type {
    margin-left: 0
}
@media (min-width:0) and (max-width:768px) {
    .btn-container {
        flex-direction: column;
        flex-wrap: wrap
    }
    .btn-container a {
        margin: 8px 0
    }
}
.cta-01,
.cta-02,
.ctaBase,
.social-01,
.store-01 {
    min-width: 185px;
    height: 50px;
    padding: 9px 32px;
    border-radius: 30px;
    text-align: center;
    position: relative;
    display: inline-block;
    transform-style: preserve-3d;
    cursor: pointer;
    transition: all .15s ease 0s
}
.ctaBase.disabled,
.disabled.cta-01,
.disabled.cta-02,
.disabled.social-01,
.disabled.store-01 {
    opacity: .2;
    pointer-events: none
}
.cta-01 svg,
.cta-02 svg,
.ctaBase svg,
.social-01 svg,
.store-01 svg {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    pointer-events: none
}
.cta-01 svg path,
.cta-02 svg path,
.ctaBase svg path,
.social-01 svg path,
.store-01 svg path {
    transition: stroke .15s ease, fill .15s ease
}
.cta-01 p,
.cta-02 p,
.ctaBase p,
.social-01 p,
.store-01 p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #000;
    font-family: speedeeBold;
    margin: 0;
    z-index: 1;
    position: relative;
    pointer-events: none;
    transform: scale(1);
    line-height: 32px;
    transition: all .15s ease 0s
}
.cta-01 p i,
.cta-02 p i,
.ctaBase p i,
.social-01 p i,
.store-01 p i {
    position: relative;
    vertical-align: middle;
    margin-top: -8px;
    font-size: 32px;
    width: 26px;
    display: inline-block
}
.cta-01 p i:after,
.cta-01 p i:before,
.cta-02 p i:after,
.cta-02 p i:before,
.ctaBase p i:after,
.ctaBase p i:before,
.social-01 p i:after,
.social-01 p i:before,
.store-01 p i:after,
.store-01 p i:before {
    color: inherit
}
.cta-01:hover,
.cta-02:hover,
.ctaBase:hover,
.social-01:hover,
.store-01:hover {
    transform: scale(1.02);
    transition-timing-function: ease-in-out;
    transform-origin: 50.01%
}
@media (min-width:0) and (max-width:1024px) {
    .cta-01:hover,
    .cta-02:hover,
    .ctaBase:hover,
    .social-01:hover,
    .store-01:hover {
        transform: scale(1)
    }
}
.cta-01:hover p,
.cta-02:hover p,
.ctaBase:hover p,
.social-01:hover p,
.store-01:hover p {
    transform: scale(.98039)
}
@media (min-width:0) and (max-width:1024px) {
    .cta-01:hover p,
    .cta-02:hover p,
    .ctaBase:hover p,
    .social-01:hover p,
    .store-01:hover p {
        transform: scale(1)
    }
}
.cta-01 {
    background-color: #ffbc0d;
    color: #ffbc0d
}
.cta-01:hover {
    background-color: transparent
}
@media (min-width:0) and (max-width:1024px) {
    .cta-01:hover {
        background-color: #ffbc0d
    }
}
.cta-01:hover svg path {
    fill: #ffbc0d!important
}
.cta-02 {
    background-color: transparent;
    color: #e9e9e9
}
@media (min-width:0) and (max-width:1024px) {
    .cta-02 {
        border: 1px solid #e9e9e9
    }
}
.cta-02:hover svg path {
    stroke: #ffbc0d!important
}
.cta-02 p {
    color: #ffbc0d;
    z-index: 2
}
.alt-01,
.alt-01-m-01,
.alt-02,
.altBase {
    transition: all .15s ease;
    display: inline-flex;
    flex-direction: row;
    width: auto;
    white-space: nowrap;
    cursor: pointer
}
.altBase.disabled,
.disabled.alt-01,
.disabled.alt-01-m-01,
.disabled.alt-02 {
    opacity: .2;
    pointer-events: none
}
.altBase.icon i,
.icon.alt-01 i,
.icon.alt-01-m-01 i,
.icon.alt-02 i {
    margin: 0
}
.alt-01 p,
.alt-01-m-01 p,
.alt-02 p,
.altBase p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    font-family: speedeeBold!important;
    position: relative;
    pointer-events: none;
    line-height: 32px!important
}
.alt-01 p i,
.alt-01-m-01 p i,
.alt-02 p i,
.altBase p i {
    font-family: mcdonalds-solid-icons!important;
    position: relative;
    vertical-align: middle;
    top: -4px;
    margin-left: 15px;
    font-size: 24px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    transform: scale(1);
    transform-origin: center center;
    transition: all .15s ease 0s
}
.alt-01 p i:before,
.alt-01-m-01 p i:before,
.alt-02 p i:before,
.altBase p i:before {
    color: inherit;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.alt-01-m-01:hover i,
.alt-01:hover i,
.alt-02:hover i,
.altBase:hover i {
    transform: scale(.95)
}
.alt-01 i {
    background-color: #2d2d2d;
    color: #fff
}
.alt-01:hover {
    opacity: .5
}
.alt-01:hover i {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}
.alt-01-m-01 p {
    color: #ffbc0d
}
.alt-01-m-01 i {
    background-color: #2d2d2d;
    color: #fff
}
.alt-01-m-01:hover {
    opacity: .5
}
.alt-01-m-01:hover i {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}
.alt-02 p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .alt-02 p {
        font-size: 16px;
        line-height: 22px
    }
}
.alt-02 p:after,
.alt-02 p:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 6px;
    left: 0;
    z-index: -1;
    transition: all .1s ease;
    opacity: 1;
    z-index: 0
}
.alt-02 p:after {
    background-color: #ffbc0d;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}
.alt-02 i {
    position: relative;
    font-family: mcdonalds-line-icons!important;
    font-size: 24px;
    color: #2d2d2d;
    top: 4px
}
.alt-02:hover p:before {
    opacity: 0
}
.alt-02:hover p:after {
    height: 68%;
    background-color: #ffbc0d;
    padding: 0 2px
}
.mod-info {
    background: #ffbc0d;
    border-radius: 9px;
    padding: 3px;
    display: inline-block;
    text-align: left;
    font-size: 0;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    transition: all .15s ease 0s
}
.mod-info:hover {
    background: rgba(255, 188, 13, .8);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .1)
}
@media (min-width:0) and (max-width:768px) {
    .mod-info {
        padding: 5px;
        border-radius: 11px
    }
}
.mod-info i {
    font-size: 18px;
    color: #fff
}
.mod-info p {
    margin: 0 5px 0 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #fff;
    font-family: speedeeBold;
    letter-spacing: .05em;
    display: inline-block;
    top: 2px;
    vertical-align: top;
    position: relative
}
.back-btn {
    position: absolute;
    left: 0;
    top: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10
}
@media (min-width:0) and (max-width:1024px) {
    .back-btn {
        left: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .back-btn {
        top: 0
    }
}
.back-btn p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    opacity: 1;
    margin: 0;
    transition: .1s ease;
    position: relative;
    top: 1px
}
@media (min-width:0) and (max-width:768px) {
    .back-btn p {
        display: none
    }
}
.back-btn span {
    position: relative;
    font-size: 48px;
    transform: translateX(0);
    opacity: 1
}
.back-btn:hover p {
    opacity: .8
}
.back-btn:hover span {
    animation-name: a;
    animation-duration: .4s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards
}
.icon-btn {
    transition: opacity .1s ease;
    opacity: 1
}
.icon-btn:hover {
    opacity: .5
}
.store-01 {
    background: #2d2d2d
}
.store-01:hover {
    transform: none
}
.store-01 img {
    width: auto;
    max-width: 100%
}
.social-01 {
    background: #3b5998
}
.social-01:hover {
    transform: none
}
.card,
.cardBase {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 30px 40px;
    text-align: center
}
.card .btn-container,
.cardBase .btn-container {
    margin-top: 36px;
    flex-direction: column
}
.card .btn-container a,
.cardBase .btn-container a {
    margin: 0
}
.card .btn-container a + a,
.cardBase .btn-container a + a {
    margin-top: 16px
}
.card .btn-container .icon-sol-029,
.cardBase .btn-container .icon-sol-029 {
    transform: rotate(180deg);
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .2)
}
@media (min-width:0) and (max-width:768px) {
    .card .btn-container,
    .cardBase .btn-container {
        margin-top: 24px
    }
}
.cardBaseSmall {
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 30px 40px;
    text-align: center;
    margin: 3.1% auto
}
.cardBaseSmall .btn-container {
    margin-top: 36px;
    flex-direction: column
}
.cardBaseSmall .btn-container a {
    margin: 0
}
.cardBaseSmall .btn-container a + a {
    margin-top: 16px
}
.cardBaseSmall .btn-container .icon-sol-029 {
    transform: rotate(180deg)
}
@media (min-width:0) and (max-width:768px) {
    .cardBaseSmall .btn-container {
        margin-top: 24px
    }
}
.card[data-card=content],
.card[data-card=expanded],
.card[data-card=generic],
.card[data-card=menu],
.cardFormat {
    overflow: hidden;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    border-radius: 18px;
    transform: translateZ(0);
    will-change: transform;
    transform-origin: center;
    transition: all .1s ease-out
}
.card:hover[data-card=content],
.card:hover[data-card=expanded],
.card:hover[data-card=generic],
.card:hover[data-card=menu],
.cardFormat:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=content],
    .card[data-card=expanded],
    .card[data-card=generic],
    .card[data-card=menu],
    .cardFormat {
        border-radius: 14px;
        box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
        transition: all .2s ease-out
    }
    .card:hover[data-card=content],
    .card:hover[data-card=expanded],
    .card:hover[data-card=generic],
    .card:hover[data-card=menu],
    .cardFormat:hover {
        box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .1)
    }
    .card:active[data-card=content],
    .card:active[data-card=expanded],
    .card:active[data-card=generic],
    .card:active[data-card=menu],
    .cardFormat:active {
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .1);
        transform: scale(.97)
    }
}
.card__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .card__title {
        font-size: 16px;
        line-height: 22px
    }
}
.card__subtitle {
    color: silver
}
.card__description,
.card__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px
}
.card__description {
    color: #2d2d2d
}
.card__smallText {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: silver
}
.card__seal {
    position: absolute;
    top: 24px;
    left: 35px;
    width: 48px
}
.card__label {
    margin: 8px auto
}
.card__tag {
    position: absolute;
    top: 34px;
    right: 45px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    font-family: speedeeBold;
    text-transform: uppercase;
    padding: 5px 8px 3px;
    border-radius: 10px;
    z-index: 1
}
.card__tag:after {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0
}
.card__tag[data-label=novo] {
    background-color: #fff8e6;
    color: #ffbc0d
}
.card__tag[data-label=novo]:after {
    border-color: #fff8e6 transparent transparent
}
.card__tag[data-label=vegetariano] {
    background-color: #f3fdea;
    color: #85e72f
}
.card__tag[data-label=vegetariano]:after {
    border-color: #f3fdea transparent transparent
}
.card[data-card=content] .card__description,
.card[data-card=menu] .card__description,
.card[data-card=product] .card__description {
    margin-top: 16px;
    height: 40px
}
.card[data-card=content] .card__image,
.card[data-card=menu] .card__image,
.card[data-card=product] .card__image {
    width: 210px;
    height: 210px
}
.card[data-card=content] .card__image:after,
.card[data-card=menu] .card__image:after,
.card[data-card=product] .card__image:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 47px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .2) 0, hsla(0, 0%, 56%, .17) 28%, hsla(0, 0%, 85%, .16) 40%, hsla(0, 0%, 96%, .14) 52%, hsla(0, 0%, 100%, .14) 55%);
    bottom: 0;
    opacity: .6;
    top: 78%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    max-width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=content] .card__image:after,
    .card[data-card=menu] .card__image:after,
    .card[data-card=product] .card__image:after {
        top: 70%
    }
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=content] .card__image,
    .card[data-card=menu] .card__image,
    .card[data-card=product] .card__image {
        width: 140px;
        height: 140px
    }
}
.card[data-card=person] .card__image {
    width: 112px;
    height: 112px;
    border-radius: 48px;
    overflow: hidden;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    transition: all .1s ease-out
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=person] .card__image {
        width: 97px;
        height: 97px;
        border-radius: 42px
    }
}
.card[data-card=person] .card__image:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
.card[data-card=person] .card__title {
    margin-top: 24px
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=person] .card__title {
        margin-top: 16px
    }
}
.card[data-card=person] .card__subtitle {
    margin-top: 8px
}
.card[data-card=person] .card__description {
    margin-top: 16px
}
.card[data-card=generic] {
    padding-top: 0;
    height: 304px
}
.card[data-card=generic] .card__image {
    width: calc(100% + 60px);
    top: -20px;
    height: 80px;
    margin: 20px 0 16px
}
.card[data-card=generic] .card__image img {
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.card[data-card=generic] .card__smallText {
    margin-top: 16px
}
.card[data-card=generic] .card__smallText ~ .card__smallText {
    margin-top: 0
}
.card[data-card=generic] .btn-container {
    position: absolute;
    bottom: 32px
}
.card[data-card=expanded] {
    padding: 56px 30px;
    position: static;
    max-width: 336px
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=expanded] {
        padding: 40px 30px
    }
}
.card[data-card=expanded] .card__image {
    width: 72px;
    height: 72px;
    border-radius: 30px;
    background-color: #fff8e6;
    color: #ffbc0d;
    display: flex;
    align-items: center;
    justify-content: center
}
.card[data-card=expanded] .card__image i {
    font-size: 56px
}
.card[data-card=expanded] .card__title {
    margin: 16px 0
}
.card[data-card=expanded] .card__description {
    display: none;
    margin-top: 48px
}
.card[data-card=expanded] .card__description span {
    opacity: 0
}
.card[data-card=expanded] .openExpandedCard {
    display: block
}
.card[data-card=expanded] .btn-container:first-of-type {
    position: absolute;
    opacity: 0
}
.card[data-card=expanded] .btn-container:first-of-type > * {
    opacity: 0
}
.card[data-card=expanded] .btn-container:last-of-type {
    margin-top: 8px
}
.card[data-card=expanded] .closeExpandedCard {
    display: none
}
.card[data-card=expanded].backing {
    position: fixed;
    z-index: 10;
    transition: all .4s ease-out
}
.card[data-card=expanded].opened {
    position: fixed;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    z-index: 16;
    padding: 48px 56px;
    transition: all .4s ease-in-out
}
.card[data-card=expanded].opened .card__title {
    margin: 0
}
.card[data-card=expanded].opened .btn-container:first-of-type {
    position: relative;
    opacity: 1
}
.card[data-card=info] {
    padding: 28px 16px
}
.card[data-card=info] .card__image {
    width: 120px;
    height: 120px
}
.card[data-card=info] .card__title {
    margin-top: 16px
}
.card[data-card=info] .card__title span {
    font-family: speedeeRegular
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=info] .card__title {
        margin-top: 8px
    }
}
.card[data-card=info] .card__smallText {
    margin-top: 16px
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=info] .card__smallText {
        margin-top: 8px
    }
}
.card[data-card=content] .card__image,
.card[data-card=menu] .card__image {
    height: 168px;
    top: -10px
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=content] .card__image,
    .card[data-card=menu] .card__image {
        height: 120px
    }
}
.card[data-card=content] .card__image img,
.card[data-card=menu] .card__image img {
    width: auto;
    max-height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}
.card[data-card=product] {
    height: 340px
}
.card[data-card=product] .btn-container {
    position: absolute;
    bottom: 0
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=product] {
        height: auto
    }
    .card[data-card=product] .btn-container {
        position: relative;
        bottom: auto
    }
}
.card[data-card=menu] {
    height: 390px
}
.card[data-card=menu] .btn-container {
    position: absolute;
    bottom: 40px
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=menu] {
        height: auto
    }
    .card[data-card=menu] .btn-container {
        position: relative;
        bottom: auto
    }
}
.card[data-card=countries] {
    width: 304px;
    height: 96px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    transition: all .1s ease-out;
    border-radius: 33px;
    padding: 20px
}
.card[data-card=countries]:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=countries] {
        border-radius: 31px;
        width: auto;
        height: 88px;
        padding: 20px 27px
    }
}
.card[data-card=countries] figure {
    width: 56px;
    height: 56px;
    margin-right: 13px;
    border-radius: 50%;
    overflow: hidden;
    display: block
}
@media (min-width:0) and (max-width:768px) {
    .card[data-card=countries] figure {
        width: 48px;
        height: 48px
    }
}
.card[data-card=countries] figure img {
    width: 100%
}
.card[data-card=countries] .card__title span {
    font-family: speedeeRegular
}
.chart .tabbedContent__controls,
.chart .wrapper {
    max-width: 896px
}
.chart__body {
    width: 100%;
    height: 200px;
    margin: 0 auto 80px;
    padding: 0 2%
}
.chart__lines {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    pointer-events: none
}
.chart__line {
    width: 100%;
    left: -40px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.chart__line span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: silver;
    width: 30px;
    text-align: right;
    margin-right: 24px
}
.chart__line:after {
    content: "";
    height: 1px;
    animation: h 1s forwards;
    left: 40px;
    background-color: #e9e9e9
}
.chart__line:first-of-type {
    top: -6px
}
.chart__line:nth-of-type(2):after {
    top: 6px
}
.chart__line:nth-of-type(3) {
    bottom: -6px
}
.chart__columns {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-around
}
.chart__column,
.chart__column--large,
.chart__column--small {
    text-align: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    height: 0
}
.chart__column--large:first-of-type,
.chart__column--small:first-of-type,
.chart__column:first-of-type {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .38s
}
.chart__column--large:nth-of-type(2),
.chart__column--small:nth-of-type(2),
.chart__column:nth-of-type(2) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .46s
}
.chart__column--large:nth-of-type(3),
.chart__column--small:nth-of-type(3),
.chart__column:nth-of-type(3) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .54s
}
.chart__column--large:nth-of-type(4),
.chart__column--small:nth-of-type(4),
.chart__column:nth-of-type(4) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .62s
}
.chart__column--large:nth-of-type(5),
.chart__column--small:nth-of-type(5),
.chart__column:nth-of-type(5) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .7s
}
.chart__column--large:nth-of-type(6),
.chart__column--small:nth-of-type(6),
.chart__column:nth-of-type(6) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .78s
}
.chart__column--large:nth-of-type(7),
.chart__column--small:nth-of-type(7),
.chart__column:nth-of-type(7) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .86s
}
.chart__column--large:nth-of-type(8),
.chart__column--small:nth-of-type(8),
.chart__column:nth-of-type(8) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) .94s
}
.chart__column--large:nth-of-type(9),
.chart__column--small:nth-of-type(9),
.chart__column:nth-of-type(9) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) 1.02s
}
.chart__column--large:nth-of-type(10),
.chart__column--small:nth-of-type(10),
.chart__column:nth-of-type(10) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) 1.1s
}
.chart__column--large:nth-of-type(11),
.chart__column--small:nth-of-type(11),
.chart__column:nth-of-type(11) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) 1.18s
}
.chart__column--large:nth-of-type(12),
.chart__column--small:nth-of-type(12),
.chart__column:nth-of-type(12) {
    transition: height 1s cubic-bezier(.62, .07, .02, 1) 1.26s
}
.chart__column--small .chart__value {
    top: -40px
}
.chart__column--small .chart__percentage {
    color: #ffbc0d;
    top: -16px
}
.chart__column--large .chart__bar {
    background-color: #264f36;
    width: 120px
}
.chart__column--large .chart__value {
    top: -48px
}
.chart__label,
.chart__percentage,
.chart__value {
    opacity: 0;
    transition: opacity .2s ease-out
}
.chart__value {
    color: #434343;
    position: absolute;
    top: -24px;
    left: 50%;
    transform: translateX(-50%)
}
.chart__value p {
    white-space: nowrap
}
.chart__bar {
    background-color: #ffbc0d;
    border-radius: 10px 10px 0 0;
    width: 40px;
    height: 100%
}
.chart__percentage {
    color: #fff;
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%)
}
.chart__label {
    color: #2d2d2d;
    color: silver;
    position: absolute;
    bottom: -40px;
    height: 10px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}
.chart__info,
.chart__label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0
}
.chart__info {
    color: #434343;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.chart__info small {
    color: silver
}
.chart__info span {
    display: inline-block;
    margin-left: 8px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #ffbc0d;
    font-family: speedeeBold;
    background-color: rgba(255, 188, 13, .1);
    border-radius: 12px;
    padding: 2px 7px
}
@media (min-width:0) and (max-width:1440px) {
    .chart .tabbedContent__controls,
    .chart .wrapper {
        max-width: calc(8% + 768px)
    }
}
@media (min-width:0) and (max-width:1024px) {
    .chart__info {
        flex-direction: column;
        align-items: flex-start
    }
    .chart__info p + p {
        margin-top: 16px
    }
}
@media (min-width:0) and (max-width:768px) {
    .chart__body {
        margin: 0 auto 64px
    }
    .chart__columns {
        justify-content: space-between
    }
    .chart__label {
        white-space: normal;
        bottom: -24px
    }
    .chart__line {
        left: -10px
    }
    .chart__line span {
        display: none
    }
    .chart__line:first-of-type {
        top: 0
    }
    .chart__line:nth-of-type(3) {
        bottom: 0
    }
}
@media (min-width:0) and (max-width:512px) {
    .chart__body {
        height: 180px
    }
    .chart__column--large .chart__bar {
        width: 40px
    }
}
@keyframes h {
    0% {
        width: 0
    }
    to {
        width: 100%
    }
}
.fixedCTA {
    width: 300px;
    margin: 0 auto;
    opacity: 0;
    bottom: -100%;
    border-radius: 14px;
    background-color: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    text-align: center;
    padding: 32px 16px;
    position: fixed;
    bottom: 40px;
    right: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 10
}
.fixedCTA > * + * {
    margin-top: 16px
}
.fixedCTA__closeButton {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    font-size: 24px
}
.fixedCTA__text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    width: 70%;
    margin: 0 auto
}
.fixedCTA.show {
    animation: f .5s forwards 8s
}
.fixedCTA.hide {
    animation: g .5s forwards
}
@media (min-width:0) and (max-width:512px) {
    .fixedCTA {
        padding: 32px 16px;
        bottom: 24px;
        width: 90%;
        right: 0;
        left: 0
    }
}
.formFields .formWrapper {
    margin: 0 auto;
    max-width: 620px;
    text-align: left;
    font-size: 0
}
@media (min-width:0) and (max-width:768px) {
    .formFields .formWrapper {
        padding: 0 10px
    }
}
.formFields .formTitle {
    text-align: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    margin-bottom: 32px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .formTitle {
        font-size: 26px;
        line-height: 34px
    }
}
.formFields .formSubtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin-bottom: 24px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .formSubtitle {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .formSectionTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d;
    font-family: speedeeBold;
    margin: 80px 0 40px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .formSectionTitle {
        font-size: 22px;
        line-height: 28px;
        margin: 40px 0 16px
    }
}
.formFields .formSectionSubtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    color: #434343;
    margin: 24px 0
}
.formFields .formSectionSubtitle ul {
    list-style-type: disc;
    padding-left: 20px
}
.formFields .formSectionSubtitleSmall {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #a5a5a5;
    margin: 24px 0
}
.formFields .half + .half,
.formFields .half + .oneQuarter,
.formFields .oneQuarter + .oneQuarter,
.formFields .oneThird + .oneThird,
.formFields .oneThird + .twoThirds,
.formFields .twoThirds + .oneThird,
.formFields .twoThirds + .twoThirds {
    margin-left: 10px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .half + .half,
    .formFields .half + .oneQuarter,
    .formFields .oneQuarter + .oneQuarter,
    .formFields .oneThird + .oneThird,
    .formFields .oneThird + .twoThirds,
    .formFields .twoThirds + .oneThird,
    .formFields .twoThirds + .twoThirds {
        margin-left: 0
    }
}
.formFields .textField {
    width: calc(100% - 20px);
    display: inline-block;
    position: relative;
    vertical-align: top
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField {
        width: 100%;
        padding: 10px 0;
        margin: 0
    }
}
.formFields .textField.date input:first-of-type,
.formFields .textField.postalCode input:first-of-type {
    max-width: 28px;
    margin-right: 10px
}
.formFields .textField.date input:nth-of-type(2),
.formFields .textField.postalCode input:nth-of-type(2) {
    max-width: 36px;
    margin-right: 10px
}
.formFields .textField.date input:nth-of-type(3),
.formFields .textField.postalCode input:nth-of-type(3) {
    max-width: 50px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField.postalCode {
        margin-right: 23px;
        width: auto;
        max-width: 100%
    }
}
.formFields .textField.postalCode input:first-child {
    max-width: 42px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField.date {
        width: 100%;
        max-width: 100%
    }
}
.formFields .textField label {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField label {
        left: 0;
        top: 0;
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5
    }
}
.formFields .textField span {
    display: none;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    position: absolute;
    left: 0;
    bottom: -20px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField span {
        bottom: -8px
    }
}
.formFields .textField input,
.formFields .textField textarea {
    width: 100%;
    resize: none;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #e9e9e9;
    outline-color: transparent;
    outline: none;
    padding: 35px 0 10px;
    transition: all .2s
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField input,
    .formFields .textField textarea {
        font-size: 16px;
        line-height: 22px;
        padding: 22px 0 8px
    }
}
.formFields .textField input:focus,
.formFields .textField textarea:focus {
    border-bottom: 1px solid #ffbc0d
}
.formFields .textField input:focus::-webkit-input-placeholder,
.formFields .textField textarea:focus::-webkit-input-placeholder {
    color: transparent
}
.formFields .textField input:focus::-moz-placeholder,
.formFields .textField textarea:focus::-moz-placeholder {
    color: transparent
}
.formFields .textField input:focus:-ms-input-placeholder,
.formFields .textField input:focus::-ms-input-placeholder,
.formFields .textField textarea:focus:-ms-input-placeholder,
.formFields .textField textarea:focus::-ms-input-placeholder {
    color: transparent
}
.formFields .textField input:focus::placeholder,
.formFields .textField textarea:focus::placeholder {
    color: transparent
}
.formFields .textField::-webkit-input-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .textField::-moz-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .textField:-ms-input-placeholder,
.formFields .textField::-ms-input-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .textField::placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .textField::-moz-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .textField:-ms-input-placeholder,
    .formFields .textField::-ms-input-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .textField::placeholder {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .textField textarea {
    height: 120px;
    resize: none;
    padding-top: 30px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField textarea {
        padding-top: 20px
    }
}
.formFields .textField:hover input,
.formFields .textField:hover textarea {
    border-bottom: 1px solid #ffbc0d
}
.formFields .textField.filled input {
    color: #ffbc0d;
    border-bottom: 1px solid #e9e9e9
}
.formFields .textField.active input,
.formFields .textField.filled textarea {
    border-bottom: 1px solid #ffbc0d
}
.formFields .textField.error input,
.formFields .textField.error textarea {
    color: #f41313;
    border-bottom: 1px solid #f41313
}
.formFields .textField.error span {
    color: #f41313;
    display: block
}
.formFields .textField.error::-webkit-input-placeholder {
    color: #f41313
}
.formFields .textField.error::-moz-placeholder {
    color: #f41313
}
.formFields .textField.error:-ms-input-placeholder,
.formFields .textField.error::-ms-input-placeholder {
    color: #f41313
}
.formFields .textField.error::placeholder {
    color: #f41313
}
.formFields .textField {
    margin-bottom: 24px
}
.formFields .textField label {
    z-index: 1;
    background-color: #fff
}
.formFields .textField.disabled {
    pointer-events: none
}
.formFields .textField.disabled input::-webkit-input-placeholder {
    color: #e9e9e9
}
.formFields .textField.disabled input::-moz-placeholder {
    color: #e9e9e9
}
.formFields .textField.disabled input:-ms-input-placeholder,
.formFields .textField.disabled input::-ms-input-placeholder {
    color: #e9e9e9
}
.formFields .textField.disabled input,
.formFields .textField.disabled input::placeholder,
.formFields .textField.disabled label {
    color: #e9e9e9
}
@media (min-width:0) and (max-width:768px) {
    .formFields .textField {
        margin-bottom: 12px
    }
}
.formFields .dateAdjust {
    width: calc(100% - 20px);
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 24px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .dateAdjust {
        width: 100%;
        padding: 10px 0;
        margin-bottom: 12px
    }
}
.formFields .dateAdjust.error span {
    display: block
}
.formFields .dateAdjust label {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .dateAdjust label {
        left: 0;
        top: 12px;
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5
    }
}
.formFields .dateAdjust span {
    display: none;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    position: absolute;
    left: 0;
    bottom: -20px;
    color: #f41313
}
@media (min-width:0) and (max-width:768px) {
    .formFields .dateAdjust span {
        bottom: -8px
    }
}
.formFields .dateAdjust .textField span {
    opacity: 0
}
.formFields .dateAdjust .textField:first-of-type {
    max-width: 28px;
    margin-right: 10px
}
.formFields .dateAdjust .textField:first-of-type input {
    max-width: 28px
}
.formFields .dateAdjust .textField:nth-of-type(2) {
    margin-right: 10px;
    max-width: 36px
}
.formFields .dateAdjust .textField:nth-of-type(2) input {
    max-width: 36px
}
.formFields .dateAdjust .textField:nth-of-type(3),
.formFields .dateAdjust .textField:nth-of-type(3) input {
    max-width: 50px
}
.formFields .checkContainer,
.formFields .radioContainer {
    width: 100%;
    padding: 16px 0 24px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .checkContainer,
    .formFields .radioContainer {
        margin: 12px 0
    }
}
.formFields .checkContainer.error label,
.formFields .radioContainer.error label {
    color: #f41313
}
.formFields .checkContainer.disabled,
.formFields .radioContainer.disabled {
    pointer-events: none;
    background-color: #f7f7f7;
    border-radius: 8px;
    margin: 0 -10px 15px;
    padding: 0 10px
}
.formFields .checkContainer.disabled::-webkit-input-placeholder,
.formFields .radioContainer.disabled::-webkit-input-placeholder {
    color: #a5a5a5
}
.formFields .checkContainer.disabled::-moz-placeholder,
.formFields .radioContainer.disabled::-moz-placeholder {
    color: #a5a5a5
}
.formFields .checkContainer.disabled:-ms-input-placeholder,
.formFields .checkContainer.disabled::-ms-input-placeholder,
.formFields .radioContainer.disabled:-ms-input-placeholder,
.formFields .radioContainer.disabled::-ms-input-placeholder {
    color: #a5a5a5
}
.formFields .checkContainer.disabled::placeholder,
.formFields .checkContainer.disabled label,
.formFields .radioContainer.disabled::placeholder,
.formFields .radioContainer.disabled label {
    color: #a5a5a5
}
.formFields .checkContainer.gender > label,
.formFields .radioContainer.gender > label {
    z-index: 1;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .checkContainer.gender > label,
    .formFields .radioContainer.gender > label {
        left: 0;
        top: 12px;
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5
    }
}
.formFields .checkContainer.gender .radioField,
.formFields .radioContainer.gender .radioField {
    padding: 24px 0 0
}
.formFields .checkContainer .checkContainerLabel,
.formFields .checkContainer .radioContainerLabel,
.formFields .radioContainer .checkContainerLabel,
.formFields .radioContainer .radioContainerLabel {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: silver;
    white-space: nowrap
}
.formFields .checkField,
.formFields .radioField {
    padding: 10px 0;
    vertical-align: top
}
.formFields .checkField input,
.formFields .radioField input {
    display: none
}
.formFields .checkField label,
.formFields .radioField label {
    position: relative;
    display: block;
    cursor: pointer;
    transform: none;
    padding-left: 43px;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #434343
}
@media (min-width:0) and (max-width:768px) {
    .formFields .checkField label,
    .formFields .radioField label {
        font-size: 16px;
        line-height: 22px;
        padding-top: 3px
    }
}
.formFields .checkField label:before,
.formFields .radioField label:before {
    content: "";
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    border: 1px solid #e9e9e9;
    transition: all .25s ease;
    box-sizing: border-box
}
.formFields .checkField label:after,
.formFields .radioField label:after {
    display: block;
    position: absolute;
    transform: scale(0);
    transform-origin: center
}
.formFields .checkField label:hover:before,
.formFields .radioField label:hover:before {
    border: 1px solid #ffbc0d
}
.formFields .checkField input:checked + label:after,
.formFields .radioField input:checked + label:after {
    transform: scale(1)
}
.formFields .checkField input:checked + label:before,
.formFields .radioField input:checked + label:before {
    border-color: #ffbc0d;
    background-color: #ffbc0d
}
@media (min-width:0) and (max-width:768px) {
    .formFields .checkField,
    .formFields .radioField {
        margin: 0
    }
}
.formFields .checkField label:after {
    content: "\e944";
    font-family: mcdonalds-solid-icons;
    font-size: 20px;
    color: #fff;
    left: 4px;
    top: 1px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .checkField label:after {
        top: 3px
    }
}
.formFields .checkField.disclaimer {
    margin-bottom: 15px
}
.formFields .checkField.disclaimer label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #a5a5a5;
    padding: 4px 0 0 42px
}
.formFields .checkField.disclaimer label:after {
    top: 7px
}
.formFields .checkField.disclaimer a {
    color: inherit;
    z-index: 0;
    margin: 0
}
.formFields .checkField.disclaimer a.disabled {
    pointer-events: none
}
.formFields .checkField.disclaimer a:after,
.formFields .checkField.disclaimer a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: -1;
    transition: all .1s ease;
    opacity: 1;
    z-index: 0
}
.formFields .checkField.disclaimer a:after {
    background-color: #ffbc0d;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}
.formFields .checkField.disclaimer a:hover {
    color: #2d2d2d
}
.formFields .checkField.disclaimer a:hover:before {
    opacity: 0
}
.formFields .checkField.disclaimer a:hover:after {
    height: 100%;
    background-color: #ffbc0d;
    padding: 0 2px
}
.formFields .radioField label:before {
    border-radius: 50%
}
.formFields .radioField label:after {
    content: "";
    width: 8px;
    height: 8px;
    top: 10px;
    left: 10px;
    background-color: #fff;
    border-radius: 50%
}
.formFields .autocompleteField,
.formFields .dropdownField {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    height: 72px;
    border-bottom: 1px solid #e9e9e9;
    transition: all .2s ease;
    cursor: pointer;
    margin-bottom: 24px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField,
    .formFields .dropdownField {
        margin: 15px 0;
        height: 64px
    }
}
.formFields .autocompleteField i,
.formFields .dropdownField i {
    position: absolute;
    font-size: 48px;
    top: 18px;
    right: 25px;
    pointer-events: none;
    transition: all .25s ease 0s
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField i,
    .formFields .dropdownField i {
        font-size: 40px;
        top: 20px;
        right: 0
    }
}
.formFields .autocompleteField i:only-of-type,
.formFields .dropdownField i:only-of-type {
    right: 0
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField i:only-of-type,
    .formFields .dropdownField i:only-of-type {
        right: 0
    }
}
.formFields .autocompleteField i + i,
.formFields .dropdownField i + i {
    right: 0
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField i + i,
    .formFields .dropdownField i + i {
        right: 0
    }
}
.formFields .autocompleteField .dropdownLabel,
.formFields .dropdownField .dropdownLabel {
    position: absolute;
    left: 0;
    transform: translateY(-10px);
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField .dropdownLabel,
    .formFields .dropdownField .dropdownLabel {
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5;
        top: -1px
    }
}
.formFields .autocompleteField .dropdownPlaceholder,
.formFields .dropdownField .dropdownPlaceholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin-top: 22px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField .dropdownPlaceholder,
    .formFields .dropdownField .dropdownPlaceholder {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .autocompleteField .dropdownTitle,
.formFields .dropdownField .dropdownTitle {
    width: 100%;
    position: absolute;
    top: 30px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #ffbc0d;
    cursor: pointer;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField .dropdownTitle,
    .formFields .dropdownField .dropdownTitle {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .autocompleteField .listBox,
.formFields .dropdownField .listBox {
    display: none;
    width: 100%;
    position: absolute;
    top: 52px;
    left: 0;
    max-height: 300px;
    background-color: #fff;
    margin: 0 auto;
    padding: 20px 10px 30px 20px;
    overflow-y: auto;
    z-index: 100;
    cursor: pointer;
    border-bottom: 1px solid #fff
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField .listBox,
    .formFields .dropdownField .listBox {
        padding: 20px 0 25px
    }
}
.formFields .autocompleteField .listBox li,
.formFields .dropdownField .listBox li {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #ffbc0d;
    font-family: speedeeBold;
    outline: none
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField .listBox li,
    .formFields .dropdownField .listBox li {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .autocompleteField .listBox li:hover,
.formFields .dropdownField .listBox li:hover {
    color: #2d2d2d;
    transition: all .25s ease
}
.formFields .autocompleteField .listBox li em,
.formFields .dropdownField .listBox li em {
    font-style: normal
}
.formFields .autocompleteField .listBox li + li,
.formFields .dropdownField .listBox li + li {
    margin-top: 10px
}
.formFields .autocompleteField span,
.formFields .dropdownField span {
    display: none;
    position: relative;
    top: 7px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #f41313;
    text-align: right
}
.formFields .autocompleteField.listOpened .listBox,
.formFields .autocompleteField:hover,
.formFields .dropdownField.listOpened .listBox,
.formFields .dropdownField:hover {
    border-bottom: 1px solid #ffbc0d
}
.formFields .autocompleteField.listOpened i,
.formFields .dropdownField.listOpened i {
    transform: rotate(180deg)
}
.formFields .autocompleteField.filled,
.formFields .dropdownField.filled {
    border-bottom: 1px solid #ffbc0d
}
.formFields .autocompleteField.filled .dropdownPlaceholder,
.formFields .dropdownField.filled .dropdownPlaceholder {
    display: none
}
.formFields .autocompleteField.filled .dropdownTitle,
.formFields .dropdownField.filled .dropdownTitle {
    color: #ffbc0d
}
.formFields .autocompleteField.active:not(.filled),
.formFields .dropdownField.active:not(.filled) {
    border-bottom: 1px solid #ffbc0d
}
.formFields .autocompleteField.active:not(.filled) .dropdownPlaceholder,
.formFields .dropdownField.active:not(.filled) .dropdownPlaceholder {
    display: none
}
.formFields .autocompleteField.active:not(.filled) .dropdownTitle,
.formFields .dropdownField.active:not(.filled) .dropdownTitle {
    color: #2d2d2d
}
.formFields .autocompleteField.error .dropdownTitle,
.formFields .dropdownField.error .dropdownTitle {
    border-color: #f41313
}
.formFields .autocompleteField.error .dropdownPlaceholder,
.formFields .dropdownField.error .dropdownPlaceholder {
    color: #f41313
}
.formFields .autocompleteField.error span,
.formFields .dropdownField.error span {
    display: block
}
.formFields .autocompleteField label {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField label {
        left: 0;
        top: 12px;
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5
    }
}
.formFields .autocompleteField input {
    width: 100%;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    background-color: transparent;
    border: none;
    outline-color: transparent;
    outline: none;
    padding: 20px 0 10px;
    transition: all .2s
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField input {
        font-size: 16px;
        line-height: 22px;
        padding: 22px 0 8px
    }
}
.formFields .autocompleteField input:focus::-webkit-input-placeholder {
    color: transparent
}
.formFields .autocompleteField input:focus::-moz-placeholder {
    color: transparent
}
.formFields .autocompleteField input:focus:-ms-input-placeholder,
.formFields .autocompleteField input:focus::-ms-input-placeholder {
    color: transparent
}
.formFields .autocompleteField input:focus::placeholder {
    color: transparent
}
.formFields .autocompleteField::-webkit-input-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .autocompleteField::-moz-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .autocompleteField:-ms-input-placeholder,
.formFields .autocompleteField::-ms-input-placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
.formFields .autocompleteField::placeholder {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField::-webkit-input-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .autocompleteField::-moz-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .autocompleteField:-ms-input-placeholder,
    .formFields .autocompleteField::-ms-input-placeholder {
        font-size: 16px;
        line-height: 22px
    }
    .formFields .autocompleteField::placeholder {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .autocompleteField.filled input {
    width: 100%;
    position: absolute;
    top: 10px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #ffbc0d;
    cursor: pointer;
    font-family: speedeeBold;
    border: none
}
@media (min-width:0) and (max-width:768px) {
    .formFields .autocompleteField.filled input {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .autocompleteField.listOpened::-webkit-input-placeholder {
    color: transparent
}
.formFields .autocompleteField.listOpened::-moz-placeholder {
    color: transparent
}
.formFields .autocompleteField.listOpened:-ms-input-placeholder,
.formFields .autocompleteField.listOpened::-ms-input-placeholder {
    color: transparent
}
.formFields .autocompleteField.listOpened::placeholder {
    color: transparent
}
.formFields .uploadField {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 24px 10px 64px
}
.formFields .uploadField.error button p {
    color: #f41313
}
.formFields .uploadField.error button p i {
    background-color: #f41313
}
.formFields .uploadField.photo figure {
    width: 112px;
    height: 112px;
    background-color: #e9e9e9;
    border-radius: 48px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    margin-bottom: 28px;
    overflow: hidden
}
@media (min-width:0) and (max-width:768px) {
    .formFields .uploadField.photo figure {
        width: 97px;
        height: 97px;
        border-radius: 42px
    }
}
.formFields .uploadField.photo figure img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.formFields .uploadField.photo .filesList {
    display: none
}
.formFields .uploadField.error span {
    display: block
}
.formFields .uploadField input {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    cursor: pointer
}
.formFields .uploadField small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #a5a5a5;
    margin-top: 10px
}
.formFields .uploadField .filesList {
    display: flex;
    flex-direction: column;
    margin: 10px 0 0;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .uploadField .filesList li {
        text-align: center
    }
}
.formFields .uploadField .filesList:empty {
    display: none
}
.formFields .uploadField .filesList p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    margin-top: 5px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .uploadField .filesList p {
        display: inline-block
    }
}
.formFields .uploadField .filesList p i {
    font-size: 24px;
    vertical-align: middle;
    margin-left: 5px;
    cursor: pointer;
    top: -2px;
    position: relative
}
.formFields .uploadField .filesList p i:hover {
    color: #a5a5a5
}
.formFields .uploadField span {
    display: none;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #f41313;
    margin-top: 15px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .uploadField {
        margin: 12px 0 32px
    }
}
.formFields .accordionField {
    margin-bottom: 35px;
    position: relative
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionField {
        margin: 0 -10px 35px
    }
}
.formFields .accordionField[data-dropDown=true] {
    margin-left: 0
}
.formFields .accordionField[data-dropDown=true] .label {
    position: absolute;
    left: 0;
    top: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #a5a5a5;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionField[data-dropDown=true] .label {
        left: 0;
        top: 12px;
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 13px;
        line-height: 15px;
        letter-spacing: 0;
        color: #a5a5a5
    }
}
.formFields .accordionField[data-dropDown=true] .accordionTitle {
    padding: 35px 0 10px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionField[data-dropDown=true] .accordionTitle {
        font-size: 16px;
        line-height: 22px
    }
}
.formFields .accordionField[data-dropDown=true] .accordionTitle i {
    top: 17px;
    right: 0;
    transition: all .25s ease 0s
}
.formFields .accordionField[data-dropDown=true] .accordionBox {
    padding: 0;
    position: absolute;
    z-index: 10;
    background-color: #fff;
    overflow-y: auto;
    width: 100%;
    overflow-x: hidden;
    max-height: 272px;
    border-bottom: 1px solid transparent;
    transition: all .3s ease .1s
}
.formFields .accordionField[data-dropDown=true] .accordionContainer.opened .accordionBox {
    border-color: #ffbc0d;
    transition: all .3s ease
}
.formFields .accordionField[data-dropDown=true] .accordionContainer.opened .accordionBox:after,
.formFields .accordionField[data-dropDown=true] .accordionContainer.opened:after {
    opacity: 1
}
.formFields .accordionField[data-dropDown=true] .accordionContainer.opened i {
    transform: rotate(180deg)
}
.formFields .accordionField[data-dropDown=true] .accordionContainer.opened i:after {
    transform: rotate(0deg)
}
.formFields .accordionField[data-dropDown=true] .checkField {
    padding: 10px 10px 10px 20px
}
.formFields .accordionContainer {
    position: relative;
    border-bottom: 1px solid #e9e9e9;
    transition: all .25s ease
}
.formFields .accordionContainer.opened {
    border-bottom: 1px solid #ffbc0d
}
.formFields .accordionContainer.opened i:after {
    transform-origin: center center;
    transform: rotate(90deg) translate(-1px, 1px)
}
.formFields .accordionContainer:hover .accordionTitle {
    color: #ffbc0d
}
.formFields .accordionTitle {
    padding: 36px 33px;
    cursor: pointer;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    transition: all .25s ease
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionTitle {
        font-size: 19px;
        line-height: 26px;
        padding: 20px 130px 20px 24px
    }
}
.formFields .accordionTitle.opened {
    color: #ffbc0d
}
.formFields .accordionTitle i {
    position: absolute;
    display: block;
    font-size: 48px;
    top: 25px;
    right: 25px;
    pointer-events: none;
    width: 48px;
    height: 48px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionTitle i {
        font-size: 40px;
        right: 15px;
        width: 40px;
        height: 40px;
        top: 10px
    }
}
.formFields .accordionTitle i:after {
    position: relative;
    transition: all .25s ease;
    display: inline-block
}
.formFields .accordionBox {
    display: none;
    font-size: 0;
    padding: 0 35px 33px
}
@media (min-width:0) and (max-width:768px) {
    .formFields .accordionBox {
        padding: 0 24px 33px
    }
}
.formFields .accordionBox > p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    line-height: 28px
}
.formFields .addField .btn-container {
    margin: 25px 0
}
.formFields .addField .rowField:first-of-type {
    border-top: 0
}
.formFields .addField .rowField:first-of-type .closeRowButton {
    display: none
}
.formFields .rowField {
    font-size: 0;
    border-top: 1px solid hsla(0, 0%, 91%, .3);
    padding-top: 20px
}
.formFields .closeRowButton {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    right: 0;
    top: 10px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    transition: all .1s ease-in-out;
    transform: scale(1);
    will-change: transform;
    z-index: 1
}
.formFields .closeRowButton:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15);
    transform: scale(.95)
}
.formFields .half,
.formFields .oneQuarter,
.formFields .oneThird,
.formFields .tenPercent,
.formFields .threeQuarters,
.formFields .twoThirds {
    display: inline-block
}
.formFields .tenPercent {
    width: 10%
}
@media (min-width:0) and (max-width:768px) {
    .formFields .tenPercent {
        width: 100%
    }
}
.formFields .half {
    width: calc(50% - 20px)
}
@media (min-width:0) and (max-width:768px) {
    .formFields .half {
        width: 100%
    }
}
.formFields .oneQuarter {
    width: calc(25% - 20px)
}
@media (min-width:0) and (max-width:768px) {
    .formFields .oneQuarter {
        width: 100%
    }
}
.formFields .threeQuarters {
    width: calc(75% - 20px)
}
@media (min-width:0) and (max-width:768px) {
    .formFields .threeQuarters {
        width: 100%
    }
}
.formFields .oneThird {
    width: calc(33.333% - 20px)
}
@media (min-width:0) and (max-width:768px) {
    .formFields .oneThird {
        width: 100%
    }
}
.formFields .twoThirds {
    width: calc(66.666% - 20px)
}
@media (min-width:0) and (max-width:768px) {
    .formFields .twoThirds {
        width: 100%
    }
}
.formFields .hiddenField,
.formFields.resetPassword {
    display: none
}
.formFields .formSectionSubtitle a,
.formFields .formSectionSubtitleSmall a,
.formFields .formSubtitle a {
    color: inherit;
    z-index: 0;
    margin: 0
}
.formFields .formSectionSubtitle a:after,
.formFields .formSectionSubtitle a:before,
.formFields .formSectionSubtitleSmall a:after,
.formFields .formSectionSubtitleSmall a:before,
.formFields .formSubtitle a:after,
.formFields .formSubtitle a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: -1;
    transition: all .1s ease;
    opacity: 1;
    z-index: 0
}
.formFields .formSectionSubtitle a:after,
.formFields .formSectionSubtitleSmall a:after,
.formFields .formSubtitle a:after {
    background-color: #ffbc0d;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}
.formFields .formSectionSubtitle a:hover:before,
.formFields .formSectionSubtitleSmall a:hover:before,
.formFields .formSubtitle a:hover:before {
    opacity: 0
}
.formFields .formSectionSubtitle a:hover:after,
.formFields .formSectionSubtitleSmall a:hover:after,
.formFields .formSubtitle a:hover:after {
    height: 100%;
    background-color: #ffbc0d;
    padding: 0 2px
}
.curtain {
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    z-index: 1;
    transform: translateY(0);
    transition: transform .75s cubic-bezier(.48, .01, 0, 1) .15s;
    pointer-events: none
}
.curtain,
.listedItem {
    width: 100%;
    background-color: #fff
}
.listedItem {
    max-height: 96px;
    padding: 24px 40px;
    height: 100%;
    border-radius: 33px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: start;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    transform: translateZ(0);
    will-change: transform;
    transform-origin: center;
    transition: all .1s ease-out
}
@media (min-width:0) and (max-width:512px) {
    .listedItem {
        max-height: 146px;
        padding: 24px 20px
    }
}
.listedItem figure {
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center
}
.listedItem:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
.listedItem__right {
    margin-left: 16px
}
.listedItem__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    font-family: speedeeBold;
    color: #2d2d2d;
    margin-right: 40px
}
@media (min-width:0) and (max-width:768px) {
    .listedItem__description {
        font-size: 16px;
        line-height: 22px
    }
}
@media (min-width:0) and (max-width:512px) {
    .listedItem__description {
        margin-right: 0
    }
}
.listedItem__small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    display: block;
    color: silver
}
.listedItem + .listedItem {
    margin-top: 16px
}
.listedItem[data-item=prize] figure,
.listedItem[data-item=restaurant] figure {
    margin-right: 8px
}
.listedItem[data-item=offers] .listedItem__right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}
.listedItem[data-item=offers] .listedItem__points {
    display: flex;
    align-items: center;
    justify-content: center
}
@media (min-width:0) and (max-width:512px) {
    .listedItem[data-item=offers] .listedItem__points {
        left: -10px
    }
}
@media (min-width:0) and (max-width:350px) {
    .listedItem[data-item=offers] .listedItem__points {
        left: 0
    }
}
.listedItem[data-item=offers] .listedItem__descriptionPoints {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    color: #ffbc0d;
    font-family: speedeeBold;
    display: flex
}
@media (min-width:0) and (max-width:768px) {
    .listedItem[data-item=offers] .listedItem__descriptionPoints {
        font-size: 16px;
        line-height: 22px
    }
}
.listedItem[data-item=offers] .listedItem__smallPoints {
    font-family: speedeeRegular;
    color: #2d2d2d;
    margin-left: 5px
}
.listedItem[data-item=news] {
    padding: 24px 30px 24px 50px;
    justify-content: space-between;
    max-height: 160px;
    height: auto
}
@media (min-width:0) and (max-width:512px) {
    .listedItem[data-item=news] {
        display: block;
        padding: 24px 20px;
        max-height: none
    }
}
.listedItem[data-item=news] .listedItem__description {
    display: flex;
    align-items: center
}
.listedItem[data-item=news] .listedItem__description .img {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}
@media (min-width:0) and (max-width:512px) {
    .listedItem[data-item=news] .listedItem__description .img {
        width: 95px;
        height: 47px;
        margin-right: 16px
    }
}
.listedItem[data-item=news] .listedItem__description .listedItem__small {
    margin-left: 3px
}
@media (min-width:0) and (max-width:512px) {
    .listedItem[data-item=news] .listedItem__description .listedItem__small {
        max-width: 100%
    }
}
.listedItem[data-item=news] .btn-container {
    margin-top: 0
}
.listedItem[data-item=news] .btn-container .knowMore p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    color: #ffbc0d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .listedItem[data-item=news] .btn-container .knowMore p {
        font-size: 16px;
        line-height: 22px
    }
}
@media (min-width:0) and (max-width:512px) {
    .listedItem[data-item=news] .btn-container {
        align-items: center
    }
}
@media (min-width:0) and (max-width:350px) {
    i.listedItem__seal {
        display: none
    }
}
.listedItemsContainer .btn-container {
    justify-content: center
}
.modal {
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 15;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    min-height: 100%;
    height: 100%;
    display: block;
    transform: translateZ(0) scale(1);
    align-items: center;
    padding: 70px 0;
    opacity: 0;
    visibility: hidden;
    grid-template-rows: repeat(1, 1fr);
    transition: transform .2s ease
}
.modal.scaled {
    transform: translateZ(0) scale(.9)
}
.modal .tabbedContent__controls,
.modal .wrapper {
    text-align: center;
    height: 100%
}
.modal .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(718px + 8%);
    margin: 0 auto
}
@media (min-width:0) and (max-width:768px) {
    .modal .container {
        padding: 0
    }
}
.modal__closeBtn {
    position: fixed;
    font-size: 48px;
    top: 32px;
    right: 52px;
    z-index: 12
}
@media (min-width:0) and (max-width:768px) {
    .modal__closeBtn {
        font-size: 40px;
        top: 24px;
        right: 20px
    }
}
.modal__image {
    max-width: 200px;
    height: 200px;
    margin: 0 auto 30px;
    pointer-events: none
}
@media (min-width:0) and (max-width:768px) {
    .modal__image {
        max-width: 100px;
        height: 100px
    }
}
.modal__image img {
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media (min-width:0) and (max-width:768px) {
    .modal__image img {
        width: 100%
    }
}
.modal__slider {
    margin: 0 auto
}
@media (min-width:0) and (max-width:768px) {
    .modal__slider {
        padding: 0
    }
}
.modal__slide {
    padding-bottom: 40px
}
.modal .title p {
    margin-top: 30px;
    line-height: 28px
}
@media (min-width:0) and (max-width:768px) {
    .modal .title p {
        margin-top: 15px;
        line-height: 22px
    }
}
.modal .btn-container {
    justify-content: center
}
.modal[data-type=informative] .modal__closeBtn:after {
    color: #fff
}
.modal[data-type=onBoarding] .tabbedContent__controls,
.modal[data-type=onBoarding] .wrapper {
    min-height: 530px
}
@media (min-width:0) and (max-width:768px) {
    .modal[data-type=onBoarding] .title {
        max-width: 90%
    }
}
.modal[data-type=onBoarding] .title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin-top: 5px
}
@media (min-width:0) and (max-width:768px) {
    .modal[data-type=onBoarding] .title p {
        font-size: 16px;
        line-height: 22px
    }
}
.modal[data-type=onBoarding] .swiper-slide {
    width: 100%
}
.modal[data-type=onBoarding] .swiper-pagination {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 0 auto 40px
}
.modal[data-type=onBoarding] .swiper-pagination-bullet {
    background-color: #e9e9e9;
    margin: 0 10px;
    cursor: pointer;
    opacity: 1
}
.modal[data-type=onBoarding] .swiper-pagination-bullet-active {
    background-color: #2d2d2d
}
.modal[data-type=onBoarding] .sliderHeading__next,
.modal[data-type=onBoarding] .sliderHeading__prev,
.modal[data-type=onBoarding] .swiper-button-next,
.modal[data-type=onBoarding] .swiper-button-prev {
    background-image: none;
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    outline-color: transparent
}
.modal[data-type=onBoarding] .sliderHeading__next i,
.modal[data-type=onBoarding] .sliderHeading__prev i,
.modal[data-type=onBoarding] .swiper-button-next i,
.modal[data-type=onBoarding] .swiper-button-prev i {
    transition: transform .1s ease-out
}
@media (min-width:0) and (max-width:768px) {
    .modal[data-type=onBoarding] .sliderHeading__next,
    .modal[data-type=onBoarding] .sliderHeading__prev,
    .modal[data-type=onBoarding] .swiper-button-next,
    .modal[data-type=onBoarding] .swiper-button-prev {
        display: none
    }
}
.modal[data-type=onBoarding] .sliderHeading__next,
.modal[data-type=onBoarding] .swiper-button-next {
    right: 4.5%
}
.modal[data-type=onBoarding] .sliderHeading__next i,
.modal[data-type=onBoarding] .swiper-button-next i {
    color: #fff
}
.modal[data-type=onBoarding] .sliderHeading__next:hover i,
.modal[data-type=onBoarding] .swiper-button-next:hover i {
    transform: translateX(10px)
}
@media (min-width:0) and (max-width:1024px) {
    .modal[data-type=onBoarding] .sliderHeading__next:hover i,
    .modal[data-type=onBoarding] .swiper-button-next:hover i {
        transform: translateX(0)
    }
}
.modal[data-type=onBoarding] .sliderHeading__prev,
.modal[data-type=onBoarding] .swiper-button-prev {
    left: 4.5%
}
.modal[data-type=onBoarding] .sliderHeading__prev:hover i,
.modal[data-type=onBoarding] .swiper-button-prev:hover i {
    transform: translateX(-10px)
}
@media (min-width:0) and (max-width:1024px) {
    .modal[data-type=onBoarding] .sliderHeading__prev:hover i,
    .modal[data-type=onBoarding] .swiper-button-prev:hover i {
        transform: translateX(0)
    }
}
.modal[data-type=formField] .btn-container {
    justify-content: flex-start
}
.modal[data-modal=modalDistance] {
    z-index: 20
}
.sectionNav {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .sectionNav {
        display: block
    }
}
.sectionNav__container {
    position: relative
}
@media (min-width:0) and (max-width:768px) {
    .sectionNav__container {
        padding-top: 155px
    }
}
.sectionNav__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3% 4.5%
}
.sectionNav__nav i {
    font-size: 48px
}
.sectionNav__sticky,
.sectionNav__sticky--open {
    margin: 20px 0;
    border-bottom: 1px solid #e9e9e9
}
.sectionNav__sticky--open .sectionNav__item:last-of-type {
    border-bottom: 1px solid #ffbc0d
}
.sectionNav__sticky--open .arrowIcon,
.sectionNav__sticky .arrowIcon {
    transition-duration: .4s;
    transition-property: transform
}
.sectionNav__title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    font-family: speedeeBold;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .sectionNav__title {
        font-size: 16px;
        line-height: 22px
    }
}
.sectionNav__title i {
    margin-right: 16px
}
.sectionNav__navigation.fixed .sectionNav__sticky,
.sectionNav__navigation.fixed .sectionNav__sticky--open {
    position: fixed;
    top: 63px;
    left: 0;
    width: 100%;
    margin: 0 auto;
    z-index: 3;
    background: #fff
}
.sectionNav__navContent {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    z-index: 3
}
.sectionNav__item {
    display: flex;
    align-items: center;
    padding: 3% 4.5%;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    font-family: speedeeBold;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .sectionNav__item {
        font-size: 16px;
        line-height: 22px
    }
}
.sectionNav__item:last-of-type {
    padding-bottom: 4%
}
.sectionNav__item i {
    font-size: 48px;
    margin-right: 16px
}
.sectionNav__sticky--open .arrowIcon {
    transform: rotate(180deg)
}
.separator {
    height: 50px;
    overflow: hidden;
    margin: 40px 0 0
}
.separator svg {
    min-width: 2500px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}
@media (min-width:0) and (max-width:1024px) {
    .separator svg {
        min-width: 1000px
    }
}
@media (min-width:0) and (max-width:768px) {
    .separator svg {
        min-width: 800px
    }
}
.steps__show--active[data-stepShow="1"][data-stepShow],
.steps__show[data-stepShow="1"] {
    display: block
}
.steps .tabbedContent__controls,
.steps .wrapper {
    max-width: 768px;
    padding: 0
}
@media (min-width:0) and (max-width:1024px) {
    .steps .tabbedContent__controls,
    .steps .wrapper {
        padding: 0 4.5%
    }
}
.steps__title {
    text-align: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    margin-bottom: 48px;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .steps__title {
        font-size: 26px;
        line-height: 34px
    }
}
.steps .container {
    padding: 0
}
.steps__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 104px;
    margin-top: 60px
}
@media (min-width:0) and (max-width:768px) {
    .steps__nav {
        margin-bottom: 64px
    }
}
.steps__bullets {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 4px;
    background-image: url("images/steps/gray.svg");
    width: calc(100% - 40px);
    z-index: 0
}
.steps__completed {
    background-image: url("images/steps/yellow.svg");
    width: 0;
    z-index: 2;
    height: 4px;
    transition: all .7s ease-in-out
}
.steps__item,
.steps__item--active {
    text-align: center;
    height: 44px
}
@media (min-width:0) and (max-width:512px) {
    .steps__item,
    .steps__item--active {
        height: 36px
    }
}
.steps__item--active div,
.steps__item div {
    display: inline-block;
    width: 44px;
    height: 44px;
    border-radius: 19px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d;
    color: #e9e9e9;
    line-height: 40px;
    transition: .35s ease-in
}
@media (min-width:0) and (max-width:768px) {
    .steps__item--active div,
    .steps__item div {
        font-size: 22px;
        line-height: 28px;
        line-height: 40px
    }
}
@media (min-width:0) and (max-width:512px) {
    .steps__item--active div,
    .steps__item div {
        width: 36px;
        height: 36px;
        border-radius: 15px
    }
}
.steps__item--active div p,
.steps__item div p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.steps__item--active span,
.steps__item span {
    display: block;
    margin-top: 20px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #e9e9e9
}
@media (min-width:0) and (max-width:768px) {
    .steps__item--active span,
    .steps__item span {
        display: none
    }
}
.steps__item--active div {
    transition: .35s ease-in .5s;
    background-color: #ffbc0d;
    color: #fff;
    font-family: speedeeBold
}
.steps__item--active div p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}
.steps__item--active span {
    transition: .35s ease-in .5s;
    color: #2d2d2d
}
.steps__show,
.steps__show--active[data-stepShow] {
    margin-top: 70px;
    position: absolute;
    font-size: 0;
    opacity: 0;
    height: 0;
    overflow: hidden
}
.steps__show--active[data-stepShow] .btn-container,
.steps__show .btn-container {
    overflow: visible
}
@media (min-width:0) and (max-width:768px) {
    .steps__show--active[data-stepShow] .btn-container,
    .steps__show .btn-container {
        display: flex;
        margin-right: 0;
        margin-top: 24px
    }
}
.steps__show--active[data-stepShow] .btn-container:only-child,
.steps__show .btn-container:only-child {
    margin-left: auto
}
@media (min-width:0) and (max-width:512px) {
    .steps__show,
    .steps__show--active[data-stepShow] {
        display: block
    }
}
.steps__show--active[data-stepShow] {
    display: block;
    opacity: 1;
    height: auto;
    position: relative;
    overflow: visible
}
.systemNotifications {
    width: 60.5%;
    max-width: 866px;
    position: fixed;
    left: 50%;
    bottom: 0;
    text-align: left;
    border-radius: 22px;
    z-index: 100;
    will-change: transform;
    transform-origin: center;
    transition: all .5s cubic-bezier(.62, .07, .02, 1.14);
    padding: 10px 0
}
.systemNotifications a {
    color: currentColor
}
.systemNotifications.show {
    animation: b .5s forwards
}
.systemNotifications.hide {
    animation: c .4s forwards
}
.systemNotifications.success {
    color: #85e72f
}
.systemNotifications.error {
    color: #f41313
}
.systemNotifications.info {
    color: #5a89ff
}
.systemNotifications.warning {
    color: #f8d200
}
@media (min-width:0) and (max-width:1024px) {
    .systemNotifications.show {
        animation: d .5s forwards
    }
    .systemNotifications.hide {
        animation: e .4s forwards
    }
}
.systemNotifications .tabbedContent__controls,
.systemNotifications .wrapper {
    display: flex;
    background: #fff;
    align-items: center;
    padding: 20px 32px;
    border-radius: 22px;
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .1);
    transition: all .3s ease
}
.systemNotifications__icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 24px;
    overflow: hidden
}
.systemNotifications__icon:after {
    content: "";
    background-color: currentColor;
    opacity: .2;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
@media (min-width:0) and (max-width:768px) {
    .systemNotifications__icon {
        display: none
    }
}
.systemNotifications__text {
    flex: 2;
    padding-right: 20px;
    color: #2d2d2d;
    color: #000
}
.systemNotifications__close,
.systemNotifications__text {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px
}
.systemNotifications__close {
    color: #2d2d2d;
    font-family: speedeeBold;
    text-transform: uppercase;
    color: currentColor;
    cursor: pointer
}
@media (min-width:0) and (max-width:768px) {
    .systemNotifications__text {
        font-size: 13px;
        line-height: 15px
    }
}
@media (min-width:0) and (max-width:512px) {
    .systemNotifications {
        width: 92%;
        min-width: 280px
    }
}
.notificationButton {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    border-radius: 5px;
    margin: 20px 10px;
    transition: all .15s ease 0s;
    cursor: pointer
}
.notificationButton[data-type=success] {
    color: #85e72f
}
.notificationButton[data-type=error] {
    color: #f41313
}
.notificationButton[data-type=info] {
    color: #5a89ff
}
.notificationButton[data-type=warning] {
    color: #f8d200
}
.textFormat {
    max-width: 640px;
    text-align: left
}
.textFormat p > * {
    display: inline-block;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    line-height: 28px;
    margin: 16px 0 24px
}
@media (min-width:0) and (max-width:768px) {
    .textFormat p > * {
        margin: 8px 0 24px
    }
}
.textFormat p:last-child > * {
    margin-bottom: 0
}
.textFormat i {
    font-style: italic;
    margin: 0
}
.textFormat a {
    color: inherit;
    z-index: 0;
    margin: 0
}
.textFormat a:after,
.textFormat a:before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #2d2d2d;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: -1;
    transition: all .1s ease;
    opacity: 1;
    z-index: 0
}
.textFormat a:after {
    background-color: #ffbc0d;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%)
}
.textFormat a:hover:before {
    opacity: 0
}
.textFormat a:hover:after {
    height: 100%;
    background-color: #ffbc0d;
    padding: 0 2px
}
.textFormat .giant {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    margin: 32px 0
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .giant {
        font-size: 26px;
        line-height: 34px;
        margin: 24px 0
    }
}
.textFormat .quote,
.textFormat .XXL {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .quote,
    .textFormat .XXL {
        font-size: 22px;
        line-height: 28px
    }
}
.textFormat .XL {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    margin: 16px 0 32px
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .XL {
        font-size: 19px;
        line-height: 26px;
        margin: 8px 0 24px
    }
}
.textFormat .L {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .L {
        font-size: 16px;
        line-height: 22px
    }
}
.textFormat .M,
.textFormat p {
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
.textFormat .M,
.textFormat .S,
.textFormat p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular
}
.textFormat .S {
    display: inline-block;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #a5a5a5;
    margin: 16px 0
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .S {
        margin: 8px 0
    }
}
.textFormat .color-m-01 {
    color: #ffbc0d!important
}
.textFormat .color-m-02 {
    color: #db0007!important
}
.textFormat .color-m-03 {
    color: #b69a81!important
}
.textFormat .color-neu-03 {
    color: #e9e9e9!important
}
.textFormat .color-neu-06 {
    color: #a5a5a5!important
}
.textFormat .color-neu-11 {
    color: #2d2d2d!important
}
.textFormat img {
    max-width: 100%;
    margin: 32px 0 48px
}
@media (min-width:0) and (max-width:768px) {
    .textFormat img {
        margin: 24px 0
    }
}
.textFormat .quote {
    font-family: speedeeLight;
    text-align: center;
    display: inline-block;
    margin: 94px 0 32px
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .quote {
        margin: 79px 0 24px
    }
}
.textFormat .quote:before {
    content: "\e900";
    font-family: mcdonalds-solid-icons!important;
    font-size: 100px;
    color: #ffbc0d;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%)
}
@media (min-width:0) and (max-width:768px) {
    .textFormat .quote:before {
        top: -55px;
        font-size: 80px
    }
}
.textFormat .quote strong,
.textFormat ul {
    font-family: speedeeRegular
}
.textFormat ul {
    margin: 32px 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .textFormat ul {
        margin: 24px 0
    }
}
.textFormat ul li {
    padding-left: 20px;
    margin-bottom: 3px
}
.textFormat ul li:last-child {
    margin-bottom: 0
}
.textFormat ul li:before {
    content: "\2022";
    position: absolute;
    font-size: 36px;
    left: 0;
    top: -2px
}
.textFormat .btn-container a {
    margin: 0 8px
}
.textFormat .btn-container a:hover {
    opacity: 1
}
[data-body-text=true] .textFormat p > .M {
    line-height: 32px
}
.title {
    text-align: center;
    margin: 0 auto
}
.title h1 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 80px;
    line-height: 90px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .title h1 {
        font-size: 34px;
        line-height: 43px
    }
}
.title h2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .title h2 {
        font-size: 26px;
        line-height: 34px
    }
}
.title h3 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .title h3 {
        font-size: 26px;
        line-height: 34px
    }
}
.title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .title p {
        max-width: 90%;
        margin: 16px auto 35px
    }
}
.title[data-fontSize=giant] h2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .title[data-fontSize=giant] h2 {
        font-size: 26px;
        line-height: 34px
    }
}
.gridComponent {
    position: absolute;
    top: 0;
    left: 0
}
.gridComponent.closed .column {
    opacity: 0
}
.gridComponent button {
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: #ffbc0d;
    padding: 10px 20px;
    color: #fff;
    cursor: pointer;
    z-index: 100;
    transition: opacity .1s ease-out
}
.gridComponent button:hover {
    opacity: .8
}
.gridComponent .tabbedContent__controls,
.gridComponent .wrapper {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 100;
    pointer-events: none;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2%;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .1s ease-out
}
.gridComponent .column {
    background-color: #ffbc0d;
    opacity: .2;
    height: 100%
}
.gridComponent .column:first-of-type {
    transition: opacity .3s ease-out .02s
}
.gridComponent .column:nth-of-type(2) {
    transition: opacity .3s ease-out .04s
}
.gridComponent .column:nth-of-type(3) {
    transition: opacity .3s ease-out .06s
}
.gridComponent .column:nth-of-type(4) {
    transition: opacity .3s ease-out .08s
}
.gridComponent .column:nth-of-type(5) {
    transition: opacity .3s ease-out .1s
}
.gridComponent .column:nth-of-type(6) {
    transition: opacity .3s ease-out .12s
}
.gridComponent .column:nth-of-type(7) {
    transition: opacity .3s ease-out .14s
}
.gridComponent .column:nth-of-type(8) {
    transition: opacity .3s ease-out .16s
}
.gridComponent .column:nth-of-type(9) {
    transition: opacity .3s ease-out .18s
}
.gridComponent .column:nth-of-type(10) {
    transition: opacity .3s ease-out .2s
}
.gridComponent .column:nth-of-type(11) {
    transition: opacity .3s ease-out .22s
}
.gridComponent .column:nth-of-type(12) {
    transition: opacity .3s ease-out .24s
}
@media (min-width:0) and (max-width:768px) {
    .gridComponent .tabbedContent__controls,
    .gridComponent .wrapper {
        grid-template-columns: repeat(6, 1fr)
    }
}
.errorPage {
    height: 100vh;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .errorPage {
        margin-top: 40px
    }
}
.errorPage .tabbedContent__controls,
.errorPage .wrapper {
    display: flex;
    justify-content: space-evenly;
    align-items: center
}
@media (min-width:0) and (max-width:768px) {
    .errorPage .tabbedContent__controls,
    .errorPage .wrapper {
        flex-flow: column
    }
}
.errorPage .tabbedContent__controls .btn-container,
.errorPage .wrapper .btn-container {
    margin: 10px 0
}
@media (min-width:0) and (max-width:768px) {
    .errorPage .tabbedContent__controls .btn-container,
    .errorPage .wrapper .btn-container {
        position: fixed;
        bottom: 10px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%
    }
}
.errorPage__text {
    max-width: 360px
}
@media (min-width:0) and (max-width:768px) {
    .errorPage__desktop {
        display: none
    }
}
.errorPage__mobile {
    display: none
}
@media (min-width:0) and (max-width:768px) {
    .errorPage__mobile {
        display: block
    }
}
.errorPage__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    font-family: speedeeBold;
    margin-bottom: 8px
}
@media (min-width:0) and (max-width:768px) {
    .errorPage__title {
        font-size: 19px;
        line-height: 26px;
        display: none
    }
}
.errorPage__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .errorPage__description {
        display: none
    }
}
.errorPage img {
    max-width: 430px
}
.accountProfile .container {
    display: grid;
    grid-template: 1fr/2fr 3fr
}
.accountProfile .container > :only-child {
    grid-column: 1/5;
    justify-self: center
}
.accountProfile__personContainer {
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.accountProfile__image {
    border-radius: 40px;
    width: 96px;
    height: 96px;
    overflow: hidden;
    margin-right: 24px
}
.accountProfile__image img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
.accountProfile__upload {
    width: 30px;
    height: 30px;
    background-color: #fff;
    position: absolute;
    bottom: -6%;
    left: 35%;
    border-radius: 50%;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15)
}
.accountProfile__upload input {
    display: none
}
.accountProfile__upload i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px
}
.accountProfile__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .accountProfile__title {
        font-size: 19px;
        line-height: 26px
    }
}
.accountProfile__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #ffbc0d
}
.accountProfile__infoContainer {
    display: flex;
    align-items: center;
    justify-content: flex-end
}
.accountProfile__infoContainer article + article {
    margin-left: 80px
}
.accountProfile__infoItem {
    display: flex;
    align-items: center;
    justify-content: center
}
.accountProfile__infoItem div {
    margin-left: 8px
}
.accountProfile__infoTitle {
    letter-spacing: normal;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0
}
.accountProfile__infoSubtitle,
.accountProfile__infoTitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    font-family: speedeeRegular;
    color: #2d2d2d
}
.accountProfile__infoSubtitle {
    letter-spacing: normal;
    font-size: 26px;
    line-height: 34px
}
@media (min-width:0) and (max-width:768px) {
    .accountProfile__infoSubtitle {
        font-size: 22px;
        line-height: 28px
    }
}
.accountProfile__infoSubtitle mark {
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:1440px) {
    .accountProfile .container {
        grid-template: 1fr 1fr/1fr;
        grid-row-gap: 48px;
        justify-items: center
    }
    .accountProfile .container > :only-child {
        grid-column: 1/1;
        justify-self: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .accountProfile__personContainer {
        flex-direction: column;
        justify-content: center
    }
    .accountProfile__image {
        margin-right: 0;
        margin-bottom: 16px
    }
    .accountProfile__upload {
        bottom: 30%;
        left: 80%
    }
    .accountProfile__subtitle,
    .accountProfile__title {
        text-align: center;
        display: block
    }
    .accountProfile__infoContainer {
        flex-direction: column;
        align-items: start
    }
    .accountProfile__infoContainer article + article {
        margin-top: 24px;
        margin-left: 0
    }
    .accountProfile__infoItem {
        width: 100%
    }
    .accountProfile__infoItem div {
        flex: 1
    }
}
.actionBlock__card {
    padding: 56px 80px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 16px;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .05);
    border-radius: 18px;
    transform: translateZ(0);
    will-change: transform;
    transform-origin: center;
    transition: all .1s ease-out
}
.actionBlock__card:first-of-type {
    margin-top: 0
}
.actionBlock__card:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08)
}
.actionBlock__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .actionBlock__title {
        font-size: 26px;
        line-height: 34px
    }
}
.actionBlock__content {
    display: flex;
    align-items: center;
    justify-items: flex-end
}
.actionBlock__content article + article {
    margin-top: 0;
    margin-left: 24px
}
.actionBlock__option {
    text-align: center;
    max-width: 168px
}
.actionBlock__label {
    height: 52px;
    margin-bottom: 16px
}
.actionBlock__label span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .actionBlock__label span {
        font-size: 16px;
        line-height: 22px
    }
}
.actionBlock__label .btn {
    vertical-align: top;
    margin-left: 8px
}
.actionBlock .btn-container {
    margin-top: 0
}
@media (min-width:0) and (max-width:1440px) {
    .actionBlock__card {
        padding: 40px 56px;
        flex-wrap: wrap;
        justify-content: flex-start
    }
    .actionBlock__title {
        width: 100%;
        margin-bottom: 24px
    }
    .actionBlock__content {
        width: 100%;
        justify-content: center
    }
}
@media (min-width:0) and (max-width:1024px) {
    .actionBlock__card {
        justify-content: center;
        text-align: center;
        border-radius: 14px;
        box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
        transition: all .2s ease-out
    }
    .actionBlock__card:hover {
        box-shadow: 0 10px 18px 0 rgba(0, 0, 0, .1)
    }
    .actionBlock__card:active {
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .1);
        transform: scale(.97)
    }
    .actionBlock__content {
        justify-content: center;
        flex-wrap: wrap
    }
    .actionBlock__content article + article {
        margin-left: 0;
        margin-top: 32px
    }
    .actionBlock__label {
        height: auto;
        margin-bottom: 8px
    }
    .actionBlock__label .btn {
        vertical-align: middle
    }
    .actionBlock__option {
        width: 100%;
        max-width: none
    }
    .actionBlock .btn-container {
        flex-direction: column;
        flex-wrap: wrap
    }
    .actionBlock .btn-container a {
        margin: 8px 0
    }
}
@media (min-width:0) and (max-width:512px) {
    .actionBlock__card {
        padding: 40px 16px
    }
}
.collapsibleInfo__item {
    border-bottom: 1px solid #e9e9e9
}
.collapsibleInfo__item.opened {
    border-color: #ffbc0d
}
.collapsibleInfo__item.opened .collapsibleInfo__title {
    color: #ffbc0d
}
.collapsibleInfo__item.opened .collapsibleInfo__toggleIcon:after {
    transform-origin: center center;
    transform: rotate(90deg);
    top: -1px;
    left: -1px
}
.collapsibleInfo__titleContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 32px
}
.collapsibleInfo__titleContainer:hover .title {
    color: #ffbc0d
}
.collapsibleInfo__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    margin: 0;
    text-align: left;
    padding-right: 8px;
    transition: color .1s ease-out
}
@media (min-width:0) and (max-width:768px) {
    .collapsibleInfo__title {
        font-size: 19px;
        line-height: 26px
    }
}
.collapsibleInfo__toggleIcon {
    transform: rotate(0);
    transform-origin: center;
    transition: transform .2s ease-out
}
.collapsibleInfo__toggleIcon:after {
    position: relative;
    transition: all .25s ease;
    display: inline-block
}
.collapsibleInfo__textContainer {
    display: none;
    max-width: 650px;
    padding: 0 32px 32px
}
.collapsibleInfo__textContainer p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #434343;
    opacity: 0
}
.collapsibleInfo__textContainer a {
    text-decoration: underline;
    color: inherit
}
@media (min-width:0) and (max-width:768px) {
    .collapsibleInfo .tabbedContent__controls,
    .collapsibleInfo .wrapper {
        padding: 0
    }
    .collapsibleInfo__titleContainer {
        padding: 24px 56px
    }
    .collapsibleInfo__textContainer {
        padding: 0 56px 24px
    }
    .collapsibleInfo__toggleIcon {
        font-size: 40px
    }
}
@media (min-width:0) and (max-width:512px) {
    .collapsibleInfo__titleContainer {
        padding: 24px
    }
    .collapsibleInfo__textContainer {
        padding: 0 24px 24px
    }
}
.contentGrid .title {
    padding-top: 64px
}
.contentGrid .title:first-child {
    padding-top: 0
}
.contentGrid .title h2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid .title h2 {
        font-size: 22px;
        line-height: 28px
    }
}
.contentGrid .title p {
    font-size: 16px;
    line-height: 22px;
    color: #434343
}
.contentGrid .title[data-fontSize=giant] h2,
.contentGrid .title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular
}
.contentGrid .title[data-fontSize=giant] h2 {
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid .title[data-fontSize=giant] h2 {
        font-size: 26px;
        line-height: 34px
    }
}
.contentGrid .btn-container {
    justify-content: center
}
.contentGrid__container {
    max-width: 1128px;
    margin: 48px auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid__container {
        max-width: 732px
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid__container {
        max-width: 360px
    }
}
.contentGrid[data-columns="3"] .contentGrid__item {
    width: calc(33.333% - 40px);
    max-width: calc(33.333% - 40px);
    min-height: 312px;
    margin: 20px
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid[data-columns="3"] .contentGrid__item {
        width: calc(50% - 32px);
        max-width: calc(50% - 32px);
        margin: 1.57% 16px
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid[data-columns="3"] .contentGrid__item {
        width: 93.4%;
        max-width: 336px;
        margin: 3.1% 3.3%
    }
}
.contentGrid[data-columns="4"] .contentGrid__item {
    width: calc(25% - 32px);
    max-width: calc(25% - 32px);
    min-height: 312px;
    margin-bottom: 48px;
    flex-grow: 1;
    margin: 16px
}
@media (min-width:0) and (max-width:1280px) {
    .contentGrid[data-columns="4"] .contentGrid__item {
        width: 30.473%;
        max-width: 30.473%;
        margin: 1.95% 1.43%
    }
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid[data-columns="4"] .contentGrid__item {
        width: 45.9%;
        max-width: 45.9%;
        margin: 1.57% 2.05%
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid[data-columns="4"] .contentGrid__item {
        width: 93.4%;
        max-width: 336px;
        margin: 3.1% 3.3%
    }
}
.contentGrid__container_small {
    max-width: 1128px;
    margin: 48px auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid__container_small {
        max-width: 732px
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid__container_small {
        max-width: 360px
    }
}
.contentGrid[data-columns="3"] .contentGrid__item_small {
    width: 30.473%;
    max-width: 30.473%;
    margin-bottom: 48px;
    flex-grow: 1;
    margin: 24px 1.43%
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid[data-columns="3"] .contentGrid__item_small {
        width: 45.9%;
        max-width: 45.9%;
        margin: 1.57% 2.05%
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid[data-columns="3"] .contentGrid__item_small {
        width: 93.4%;
        max-width: 336px;
        margin: 3.1% 3.3%
    }
}
.contentGrid[data-columns="4"] .contentGrid__container {
    max-width: 1500px
}
@media (min-width:0) and (max-width:1280px) {
    .contentGrid[data-columns="4"] .contentGrid__container {
        max-width: 1104px
    }
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid[data-columns="4"] .contentGrid__container {
        max-width: 732px
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid[data-columns="4"] .contentGrid__container {
        max-width: 360px
    }
}
.contentGrid[data-columns="4"] .contentGrid__item_small {
    width: 22.56%;
    max-width: 22.56%;
    margin-bottom: 48px;
    flex-grow: 1;
    margin: 24px 1.22%
}
@media (min-width:0) and (max-width:1280px) {
    .contentGrid[data-columns="4"] .contentGrid__item_small {
        width: 30.473%;
        max-width: 30.473%;
        margin: 1.95% 1.43%
    }
}
@media (min-width:0) and (max-width:1024px) {
    .contentGrid[data-columns="4"] .contentGrid__item_small {
        width: 45.9%;
        max-width: 45.9%;
        margin: 1.57% 2.05%
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentGrid[data-columns="4"] .contentGrid__item_small {
        width: 93.4%;
        max-width: 336px;
        margin: 3.1% 3.3%
    }
}
.contentGrid[data-center=true] .contentGrid__container {
    justify-content: center
}
.contentList .tabbedContent__controls .title h2,
.contentList .wrapper .title h2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .contentList .tabbedContent__controls .title h2,
    .contentList .wrapper .title h2 {
        font-size: 22px;
        line-height: 28px
    }
}
.contentList .tabbedContent__controls .title p,
.contentList .wrapper .title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #434343;
    margin: 16px 0 35px
}
.contentList__container {
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2%;
    margin-top: 48px
}
@media (min-width:0) and (max-width:768px) {
    .contentList__container {
        grid-template-columns: repeat(6, 1fr)
    }
}
.contentList__container .contentList__item + .contentList__item {
    margin-top: 16px
}
@media (min-width:0) and (max-width:768px) {
    .contentList__container .contentList__item + .contentList__item {
        margin-top: 8px
    }
}
.contentList__item {
    width: 100%;
    border-radius: 33px;
    grid-column: 2/12
}
@media (min-width:0) and (max-width:768px) {
    .contentList__item {
        grid-column: 1/7
    }
}
.contentList__moreContainer {
    display: flex;
    justify-content: center
}
.contentList .tabbedContent__controls > .btn-container,
.contentList .wrapper > .btn-container {
    margin: 48px auto;
    display: block;
    text-align: center
}
@media (min-width:0) and (max-width:768px) {
    .contentList .tabbedContent__controls > .btn-container,
    .contentList .wrapper > .btn-container {
        margin: 32px auto
    }
}
.contentMedia[data-media-position=left] .btn-container,
.contentMedia[data-media-position=left] .textFormat,
.contentMedia[data-media-position=left] .title {
    grid-column: 7/12
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia[data-media-position=left] .btn-container,
    .contentMedia[data-media-position=left] .textFormat,
    .contentMedia[data-media-position=left] .title {
        grid-column: 1/13
    }
}
.contentMedia[data-media-position=left] .contentMedia__image {
    grid-column: 2/6;
    grid-row: 1/4
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia[data-media-position=left] .contentMedia__image {
        grid-column: 1/13;
        grid-row: 2/3
    }
}
.contentMedia .title {
    text-align: left;
    margin: 0
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia .title {
        margin: 0
    }
}
.contentMedia .title h2 {
    font-family: speedeeBold;
    margin-bottom: 55px
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia .title h2 {
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-stretch: normal;
        letter-spacing: normal;
        font-family: speedeeRegular;
        font-size: 34px;
        line-height: 43px;
        color: #2d2d2d;
        font-family: speedeeBold
    }
}
@media (min-width:0) and (max-width:1024px) and (min-width:0) and (max-width:768px) {
    .contentMedia .title h2 {
        font-size: 26px;
        line-height: 34px
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentMedia .title h2 {
        margin-bottom: 30px
    }
}
.contentMedia .title h3 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin-bottom: 30px
}
@media (min-width:0) and (max-width:768px) {
    .contentMedia .title h3 {
        font-size: 16px;
        line-height: 22px
    }
}
.contentMedia .tabbedContent__controls,
.contentMedia .wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2%
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia .tabbedContent__controls,
    .contentMedia .wrapper {
        max-width: 640px
    }
}
.contentMedia .btn-container,
.contentMedia .textFormat,
.contentMedia .title {
    grid-column: 2/7
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia .btn-container,
    .contentMedia .textFormat,
    .contentMedia .title {
        grid-column: 1/13
    }
}
.contentMedia__image {
    grid-column: 8/12;
    grid-row: 1/4
}
@media (min-width:0) and (max-width:1024px) {
    .contentMedia__image {
        margin: 54px 0;
        grid-column: 1/13;
        grid-row: 2/3
    }
}
@media (min-width:0) and (max-width:768px) {
    .contentMedia__image {
        margin-bottom: 32px
    }
}
.contentMedia__image img {
    min-width: 305px
}
@media (min-width:0) and (max-width:1024px) {
    .title + .contentMedia__image {
        margin: 0 0 54px
    }
}
.ctaBlock .container[data-size=dual] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 2%
}
.ctaBlock .container[data-size=dual] .btn-container {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start
}
.ctaBlock .container[data-size=dual] .ctaBlock__description {
    max-width: 300px
}
.ctaBlock__card {
    border-radius: 18px;
    padding: 48px 56px;
    text-align: left;
    background-size: cover;
    background-position: center 40%;
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
    transform: translateZ(0);
    will-change: transform;
    transform-origin: center;
    transition: all .15s ease-in-out
}
.ctaBlock__card:hover {
    transform: translate3d(0, 2px, 0);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .15)
}
.ctaBlock__card[data-mask=false] .ctaBlock__mask {
    background: rgba(0, 0, 0, .1)
}
.ctaBlock__mask {
    pointer-events: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(270deg, transparent, #000)
}
.ctaBlock__label {
    position: absolute;
    top: 24px;
    right: 32px;
    width: 100px
}
.ctaBlock__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #f7f7f7;
    font-family: speedeeBold;
    text-align: left;
    margin: 0;
    max-width: 488px
}
@media (min-width:0) and (max-width:768px) {
    .ctaBlock__title {
        font-size: 26px;
        line-height: 34px
    }
}
.ctaBlock__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    margin-top: 8px;
    max-width: 488px
}
.ctaBlock .btn-container {
    margin-top: 32px
}
@media (min-width:0) and (max-width:1024px) {
    .ctaBlock .container[data-size=dual] .ctaBlock__card {
        padding: 48px 32px
    }
    .ctaBlock .container[data-size=dual] .btn-container {
        align-items: center;
        margin-top: 24px
    }
    .ctaBlock__card {
        border-radius: 14px;
        text-align: center;
        padding: 48px 128px
    }
    .ctaBlock__card[data-mask=false] .ctaBlock__mask,
    .ctaBlock__mask {
        background: rgba(0, 0, 0, .3)
    }
    .ctaBlock__title {
        text-align: center;
        max-width: none
    }
    .ctaBlock__description {
        max-width: none;
        height: auto
    }
    .ctaBlock .btn-container {
        justify-content: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .ctaBlock__card {
        padding: 32px
    }
    .ctaBlock .btn-container {
        margin-top: 24px
    }
}
@media (min-width:0) and (max-width:768px) {
    .ctaBlock .container[data-size=dual] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr 1fr;
        grid-row-gap: 32px
    }
    .ctaBlock .container[data-size=dual] .ctaBlock__card {
        padding: 32px;
        padding-top: 40px
    }
    .ctaBlock .container[data-size=dual] .ctaBlock__description {
        max-width: none
    }
    .ctaBlock__card {
        padding-top: 40px
    }
    .ctaBlock__description {
        margin: 8px auto 0
    }
    .ctaBlock__label {
        top: 16px;
        right: 24px
    }
}
.error404__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 80px;
    line-height: 90px;
    color: #2d2d2d;
    text-align: center
}
@media (min-width:0) and (max-width:768px) {
    .error404__title {
        font-size: 34px;
        line-height: 43px
    }
}
.error404__container {
    width: 100%;
    height: 800px
}
.error404__front {
    position: absolute;
    width: 200px;
    z-index: 1;
    top: 0;
    left: 0;
    will-change: transform;
    transform: translateZ(0)
}
.filterBar {
    padding: 80px 0 72px
}
@media (min-width:0) and (max-width:768px) {
    .filterBar {
        padding: 50px 0 56px
    }
}
.filterBar .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    justify-items: flex-start
}
@media (min-width:0) and (max-width:768px) {
    .filterBar .container {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center
    }
}
.filterBar .formFields {
    max-width: 400px;
    width: 100%;
    margin: 0;
    padding: 0
}
.filterBar__info {
    justify-self: flex-end
}
@media (min-width:0) and (max-width:768px) {
    .filterBar__info {
        justify-self: center
    }
}
.filterBar__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    text-transform: uppercase
}
@media (min-width:0) and (max-width:768px) {
    .filterBar__description {
        margin-top: 40px
    }
}
.filterBar__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #ffbc0d;
    text-transform: lowercase;
    font-family: speedeeBold;
    padding: 5px 10px;
    border-radius: 12px;
    background-color: #fff8e6;
    margin-left: 4px
}
.footer {
    border-top: 1px solid #e9e9e9
}
.footer__top {
    padding: 64px 0 48px;
    background-color: #fff
}
.footer__top .tabbedContent__controls,
.footer__top .wrapper {
    max-width: 1312px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
@media (min-width:0) and (max-width:1024px) {
    .footer__top .tabbedContent__controls,
    .footer__top .wrapper {
        text-align: center
    }
}
@media (min-width:0) and (max-width:512px) {
    .footer__top .tabbedContent__controls,
    .footer__top .wrapper {
        display: block
    }
}
.footer__list {
    padding: 2% 0
}
@media (min-width:0) and (max-width:1024px) {
    .footer__list {
        width: 50%
    }
}
@media (min-width:0) and (max-width:512px) {
    .footer__list {
        width: 100%
    }
}
.footer__list li a {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    color: silver;
    line-height: 35px
}
@media (min-width:0) and (max-width:768px) {
    .footer__list li {
        text-align: center
    }
}
.footer__title a {
    font-family: speedeeBold!important;
    color: #2d2d2d!important
}
.footer__bottom {
    background-color: #ffbc0d
}
.footer__bottom .tabbedContent__controls,
.footer__bottom .wrapper {
    max-width: 1312px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2% 64px
}
@media (min-width:0) and (max-width:1440px) {
    .footer__bottom .tabbedContent__controls,
    .footer__bottom .wrapper {
        padding: 2% 4.5%
    }
}
@media (min-width:0) and (max-width:768px) {
    .footer__bottom .tabbedContent__controls,
    .footer__bottom .wrapper {
        display: block;
        text-align: center;
        padding: 4.2% 64px
    }
}
@media (min-width:0) and (max-width:512px) {
    .footer__bottom .tabbedContent__controls,
    .footer__bottom .wrapper {
        padding: 11.2% 64px
    }
}
.footer__copyright {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    line-height: 17px
}
.footer__copyright span {
    display: block;
    color: #fff
}
.footer__sm {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    display: flex;
    align-items: center;
    color: #fff
}
@media (min-width:0) and (max-width:768px) {
    .footer__sm {
        display: inline-block;
        margin-top: 20px
    }
}
.footer__sm a {
    color: #fff
}
.footer__sm i {
    font-size: 48px
}
@media (min-width:0) and (max-width:768px) {
    .footer__sm i {
        vertical-align: middle
    }
}
.footer a {
    transition: all .15s ease 0s
}
.footer a:hover {
    opacity: .6
}
.footer__reclamacao {
    display: flex;
    align-items: center;
    margin: 20px auto;
    flex-wrap: wrap;
    justify-content: center
}
.footer__reclamacao img {
    max-width: 130px;
    width: 100%;
    margin-right: 38px
}
@media (min-width:0) and (max-width:1024px) {
    .footer__reclamacao img {
        margin-bottom: 24px;
        margin-right: 0
    }
}
.footer__reclamacao p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:512px) {
    .footer__reclamacao p {
        max-width: 320px
    }
}
.footer__reclamacao p a {
    text-decoration: underline;
    color: inherit
}
.inviteFriends .tabbedContent__controls,
.inviteFriends .wrapper {
    max-width: 740px
}
.inviteFriends .title {
    text-align: center
}
.inviteFriends .title h3 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #2d2d2d;
    margin-bottom: 60px
}
@media (min-width:0) and (max-width:768px) {
    .inviteFriends .title h3 {
        font-size: 26px;
        line-height: 34px
    }
}
.inviteFriends p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
.inviteFriends .copy__wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 24px
}
.inviteFriends .copy__text {
    margin-top: 50px;
    border: none;
    overflow: auto;
    outline: none;
    box-shadow: none;
    resize: none;
    padding: 0;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #ffbc0d;
    font-weight: 600
}
@media (min-width:0) and (max-width:768px) {
    .inviteFriends .copy__text {
        font-size: 19px;
        line-height: 26px
    }
}
.inviteFriends .copy__small-text p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .tabbedContent__controls,
    .itemSlider .wrapper {
        padding: 0
    }
}
.itemSlider .title {
    margin-bottom: 50px;
    max-width: 640px
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .title {
        max-width: 90%;
        margin-bottom: 30px
    }
}
.itemSlider .container:after,
.itemSlider .container:before {
    content: "";
    position: absolute;
    top: 0;
    width: 33px;
    height: 100%;
    background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    z-index: 2
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .container:after,
    .itemSlider .container:before {
        display: none
    }
}
.itemSlider .container:after {
    right: 8.5%;
    background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .container {
        padding: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .swiper-container {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start
    }
}
.itemSlider .swiper-slide {
    text-align: center;
    margin: 0 2.85%;
    max-width: 14.3%;
    min-width: 107px
}
@media (min-width:0) and (max-width:1024px) {
    .itemSlider .swiper-slide {
        max-width: 19.4%
    }
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .swiper-slide {
        max-width: 13.2%;
        min-width: 0;
        margin: 0 2.35%
    }
}
@media (min-width:0) and (max-width:512px) {
    .itemSlider .swiper-slide {
        max-width: 23.2%
    }
}
@media (min-width:0) and (max-width:320px) {
    .itemSlider .swiper-slide {
        max-width: 109px;
        margin: 0 2.8%
    }
}
.itemSlider .swiper-slide:hover figure {
    transform: scale(.92)
}
.itemSlider .sliderHeading__next,
.itemSlider .sliderHeading__prev,
.itemSlider .swiper-button-next,
.itemSlider .swiper-button-prev {
    outline: none;
    background-image: none;
    width: 48px;
    height: 48px;
    display: block;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
    transition: all .1s
}
@media (min-width:0) and (max-width:768px) {
    .itemSlider .sliderHeading__next,
    .itemSlider .sliderHeading__prev,
    .itemSlider .swiper-button-next,
    .itemSlider .swiper-button-prev {
        display: none
    }
}
.itemSlider .sliderHeading__prev,
.itemSlider .swiper-button-prev {
    left: .5%
}
.itemSlider .sliderHeading__prev:hover,
.itemSlider .swiper-button-prev:hover {
    left: -.5%
}
.itemSlider .sliderHeading__next,
.itemSlider .swiper-button-next {
    right: .5%
}
.itemSlider .sliderHeading__next:hover,
.itemSlider .swiper-button-next:hover {
    right: -.5%
}
.itemSlider .mod-info {
    position: absolute;
    right: 5%;
    z-index: 10;
    top: 10%
}
.itemSlider__image {
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
    margin-bottom: 24px;
    transition: all .4s ease 0s
}
.itemSlider__image:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    max-width: 192px;
    height: 100%;
    opacity: .3;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .65) 0, rgba(73, 73, 73, .46) 21%, hsla(0, 0%, 51%, .3) 37%, hsla(0, 0%, 74%, .1) 54%, hsla(0, 0%, 99%, 0) 72%, hsla(0, 0%, 100%, 0) 73%);
    top: 25%;
    left: 50%;
    transform: translate(-50%)
}
@media (min-width:0) and (max-width:1024px) {
    .itemSlider__image:after {
        max-width: 128px
    }
}
.itemSlider__image img {
    position: relative;
    pointer-events: none;
    width: 100%;
    z-index: 1
}
.itemSlider p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
.mainHeading {
    padding: 105px 0 0;
    overflow: hidden
}
@media (min-width:0) and (max-width:1024px) {
    .mainHeading {
        padding: 80px 0 0
    }
}
.mainHeading.open .curtain {
    transform: translateY(100%)
}
.mainHeading.open .title {
    transform: translateY(0)
}
.mainHeading .tabbedContent__controls,
.mainHeading .wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading .tabbedContent__controls,
    .mainHeading .wrapper {
        min-height: 100px
    }
}
.mainHeading .container {
    padding: 0 8.5%;
    width: 100%;
    padding: 70px 0 80px
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading .container {
        padding: 0;
        padding: 50px 0
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainHeading .container {
        padding: 66px 0
    }
}
.mainHeading[data-small=True] .title h1 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #fff
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading[data-small=True] .title h1 {
        font-size: 26px;
        line-height: 34px
    }
}
.mainHeading__textContainer {
    text-align: center;
    transform: translateY(-15px);
    max-width: 640px;
    transition: transform .38s linear .3s
}
.mainHeading__textContainer h1 {
    color: #fff
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading__textContainer {
        max-width: 90%
    }
}
.mainHeading .title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin: 24px auto 0
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading .title p {
        font-size: 16px;
        line-height: 22px
    }
}
.mainHeading .title a {
    color: currentColor;
    text-decoration: underline
}
.mainHeading .btn-container {
    margin: 32px auto 0;
    justify-content: center;
    flex-direction: column
}
.mainHeading .btn-container .mod-info {
    margin-bottom: 32px
}
.mainHeading__bgDrop {
    display: none
}
.mainHeading[data-Bgdrop=true] {
    padding: 105px 0 103px
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading[data-Bgdrop=true] {
        padding: 80px 0 12px
    }
}
.mainHeading[data-Bgdrop=true] .mainHeading__bgDrop {
    position: absolute;
    bottom: -110px;
    left: 5%;
    display: block;
    max-width: 1024px;
    min-width: 300px
}
@media (min-width:0) and (max-width:768px) {
    .mainHeading[data-Bgdrop=true] .mainHeading__bgDrop {
        bottom: -20px
    }
}
.mainHeading[data-Bgdrop=true] .mainHeading__bgDrop .mainHeading__afterDrop,
.mainHeading[data-Bgdrop=true] .mainHeading__bgDrop .mainHeading__beforeDrop {
    position: absolute;
    height: 100%;
    left: 0;
    width: 100vw;
    bottom: 0
}
.mainHeading[data-Bgdrop=true] .mainHeading__bgDrop .mainHeading__beforeDrop {
    left: -99vw
}
.mainHeading[data-Bgdrop=true] .mainHeading__bgDrop .mainHeading__afterDrop {
    left: 99%
}
.mainHeading[data-theme=g-01] .backBtn span:before {
    color: #fff
}
.mainHeading[data-theme=neu-01] .mainHeading__textContainer h1 {
    color: #2d2d2d
}
.mainHeading.media .back-btn p,
.mainHeading.media .back-btn span:after,
.mainHeading.media .title p {
    color: #fff
}
.mainHeading__video {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%
}
.mainNav {
    width: 100%;
    z-index: 15;
    top: 0
}
.mainNav .tabbedContent__controls,
.mainNav .wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2%;
    align-items: center
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .tabbedContent__controls,
    .mainNav .wrapper {
        grid-template-columns: repeat(6, 1fr)
    }
}
.mainNav.collapsed .topNav {
    height: 64px;
    border-bottom: 1px solid #e9e9e9
}
.mainNav.collapsed .topNav__profileImage {
    width: 44px;
    height: 44px;
    border-radius: 19px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .1)
}
.mainNav.collapsed .topNav__logo {
    max-width: 48px;
    max-height: 48px
}
.mainNav.collapsed .topNav__logoMlovers {
    max-width: 61px
}
.mainNav.collapsed .menuNav {
    min-height: 64px
}
.mainNav.collapsed .menuNav__subLevel.visible .back-btn {
    top: 13px
}
.mainNav.open .menuNav {
    opacity: 1;
    visibility: visible;
    transition: all .5s ease .75s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav.open .menuNav {
        transition: all .5s ease .65s
    }
}
.mainNav.open .menuNav__mainLevel {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: transform .6s ease .7s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav.open .menuNav__mainLevel {
        transition: transform .6s ease .5s
    }
}
.mainNav.open .menuNav__subLevel {
    transform: translateY(0);
    transition: transform .6s ease .7s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li {
    transform: translateY(0);
    opacity: 1;
    transition: transform 1s ease, opacity .9s ease
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:first-child {
    transition-delay: .135s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:nth-child(2) {
    transition-delay: .27s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:nth-child(3) {
    transition-delay: .405s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:nth-child(4) {
    transition-delay: .54s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:nth-child(5) {
    transition-delay: .675s
}
.mainNav.open .menuNav__mainLevel .menuNav__mainList li:nth-child(6) {
    transition-delay: .81s
}
.mainNav.open .mainNav__dropContainer.one,
.mainNav.open .mainNav__dropContainer.two {
    top: 0
}
.mainNav.open .topNav {
    background-color: transparent;
    border-bottom: transparent
}
.mainNav.hidden .topNav {
    top: -105px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav.hidden .topNav {
        top: -80px
    }
}
.mainNav.hidden .mainNav__smallShape i {
    opacity: 1;
    transition: opacity .4s ease .3s
}
.mainNav.mLoversOpen .mainNav__dropMlovers {
    top: 0
}
.mainNav.mLoversOpen .topNav {
    background-color: transparent;
    border-bottom: transparent
}
.mainNav__dropContainer,
.mainNav__dropMlovers {
    position: fixed;
    left: 0;
    width: 100vw;
    background-color: #ffbc0d;
    z-index: 13;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: top 1.1s cubic-bezier(.65, .01, .31, .99), opacity .6s ease
}
@media (min-width:0) and (max-width:768px) {
    .mainNav__dropContainer,
    .mainNav__dropMlovers {
        transition: top .9s cubic-bezier(.65, .01, .31, .99), opacity .35s ease
    }
}
.mainNav__dropContainer.opened,
.mainNav__dropMlovers.opened {
    opacity: 0;
    visibility: hidden
}
.mainNav__dropContainer svg,
.mainNav__dropMlovers svg {
    position: absolute;
    left: 0;
    pointer-events: none;
    top: 100%
}
.mainNav__dropContainer.two,
.mainNav__dropMlovers.two {
    background-color: #fff;
    z-index: 13;
    transition: top 1.3s cubic-bezier(.65, .01, .31, .99) .1s, opacity .7s ease
}
@media (min-width:0) and (max-width:768px) {
    .mainNav__dropContainer.two,
    .mainNav__dropMlovers.two {
        transition: top 1.1s cubic-bezier(.65, .01, .31, .99), opacity .6s ease
    }
}
.mainNav__dropMlovers {
    background-color: #fff8e6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.mainNav__dropMlovers.opened {
    opacity: 0;
    visibility: hidden
}
.mainNav__smallShape {
    position: absolute;
    height: 46px;
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer
}
@media (min-width:0) and (max-width:768px) {
    .mainNav__smallShape {
        height: 40px
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav__smallShape {
        height: 32px
    }
}
.mainNav__smallShape i,
.mainNav__smallShape svg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: auto;
    width: auto!important
}
.mainNav__smallShape i {
    z-index: 2;
    transform: translate(-50%, -35%);
    top: 35%;
    animation: m 2s ease-in-out infinite;
    opacity: 0;
    transition: opacity .2s ease 0s
}
.mainNav__back-btn {
    display: none;
    position: fixed;
    top: 40px;
    left: 4%;
    opacity: 0;
    visibility: hidden;
    z-index: 22;
    transition: all .15s ease 0s
}
.mainNav__back-btn p {
    display: none
}
@media (min-width:0) and (max-width:768px) {
    .mainNav__back-btn {
        display: block
    }
}
.mainNav__back-btn.show {
    opacity: 1;
    visibility: visible;
    top: 18px;
    transition: all .3s ease 0s
}
.mainNav .topNav {
    position: fixed;
    display: flex;
    height: 105px;
    top: 0;
    z-index: 20;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid transparent;
    transition: height .25s linear, top .5s cubic-bezier(.72, 0, .32, 1), background-color .3s ease
}
.mainNav .topNav.backWhite {
    background-color: #fff!important;
    border-bottom: 1px solid #e9e9e9!important
}
.mainNav .topNav.backWhite .topNav__profileInfo p {
    color: #2d2d2d
}
.mainNav .topNav.backWhite .topNav__profileInfo a {
    font-family: speedeeBold;
    color: #ffbc0d
}
.mainNav .topNav.backWhite svg g:first-of-type g:first-of-type g:nth-of-type(3) path {
    fill: #000
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav {
        height: 80px
    }
}
.mainNav .topNav__logo {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transition: all .4s ease 0s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__logo {
        width: 48px;
        height: 48px;
        top: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__logo.hide {
        top: -40px;
        opacity: 0;
        visibility: hidden;
        transition: all .25s ease 0s
    }
}
.mainNav .topNav__rightContent {
    grid-column: 9/13;
    max-height: 72px;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    justify-items: end;
    pointer-events: auto
}
.mainNav .topNav__logoMlovers {
    grid-column: 2/2;
    width: 72px;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease 0s;
    margin-right: 24px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__logoMlovers {
        max-width: 61px;
        max-height: 61px;
        margin-right: 16px
    }
}
.mainNav .topNav__logoMlovers:hover {
    opacity: .6;
    transition: opacity .15s ease 0s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__logoMlovers:hover {
        opacity: 1
    }
}
.mainNav .topNav__logoMlovers.hide {
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s
}
.mainNav .topNav__logoMlovers img {
    width: auto
}
.mainNav .topNav__login {
    grid-column: 2/2;
    margin-right: 40px;
    display: flex;
    align-items: center;
    opacity: 1;
    visibility: visible;
    transition: all .3s ease .5s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__login {
        margin-right: 8px
    }
}
.mainNav .topNav__login.hide {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease 0s
}
.mainNav .topNav__profileLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}
.mainNav .topNav__profileImage {
    width: 53px;
    height: 53px;
    border-radius: 23px;
    overflow: hidden;
    margin-right: 13px;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .1)
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__profileImage {
        width: 44px;
        height: 44px;
        border-radius: 19px
    }
}
.mainNav .topNav__profileImage img {
    position: relative;
    height: 100%;
    max-height: 53px
}
.mainNav .topNav__profileInfo {
    min-width: 90px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d
}
.mainNav .topNav__profileInfo a {
    font-family: speedeeBold;
    color: #ffbc0d;
    transition: all .15s ease 0s
}
.mainNav .topNav__profileInfo a.logoutMlovers {
    z-index: 5
}
.mainNav .topNav__profileInfo p {
    transition: all .15s ease 0s
}
.mainNav .topNav__menu {
    grid-column: 3/3;
    width: 48px;
    height: 48px;
    cursor: pointer
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .topNav__menu {
        width: 40px;
        height: 40px
    }
}
.mainNav .menuNav {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: 14;
    transition: all .6s ease .25s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav {
        text-align: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav .tabbedContent__controls,
    .mainNav .menuNav .wrapper {
        display: inline-block;
        max-width: 400px;
        text-align: left
    }
}
.mainNav .menuNav__mainLevel,
.mainNav .menuNav__subLevel {
    height: 100%;
    padding: 136px 0;
    overflow-y: auto
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__mainLevel,
    .mainNav .menuNav__subLevel {
        padding: 112px 0
    }
}
.mainNav .menuNav__mainLevel {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-40px);
    transition: all .6s ease 0s
}
.mainNav .menuNav__mainLevel .menuNav__mainList > li {
    transform: translateY(-20px);
    opacity: 0;
    transition: opacity .4s ease, transform 0s ease 1s
}
.mainNav .menuNav__mainLevel .menuNav__mainList.outLeft {
    opacity: 0;
    transition: opacity .1s ease .4s
}
.mainNav .menuNav__mainLevel .menuNav__mainList.outLeft > li {
    animation: i .4s ease-in forwards
}
.mainNav .menuNav__mainLevel .menuNav__mainList.inRight {
    opacity: 1;
    transition: opacity .1s ease 0s
}
.mainNav .menuNav__mainLevel .menuNav__mainList.inRight > li {
    animation: k .4s ease-out backwards
}
.mainNav .menuNav__mainList {
    grid-column: 4/13;
    grid-row: 1/2
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .menuNav__mainList {
        grid-column: 3/13
    }
}
.mainNav .menuNav__link {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #ffbc0d;
    display: inline-block;
    transition: all .15s ease 0s;
    padding-bottom: 20px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__link {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 12px;
        font-size: 22px
    }
}
.mainNav .menuNav__subLevel {
    padding-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    transform: translateY(-20px);
    overflow-x: hidden;
    padding-bottom: 56px;
    transition: transform .6s ease 0s
}
.mainNav .menuNav__subLevel .menuNav__mainList {
    opacity: 0;
    grid-column: 4/10;
    transition: all .6s ease 0s
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .menuNav__subLevel .menuNav__mainList {
        grid-column: 3/12
    }
}
.mainNav .menuNav__subLevel .menuNav__mainList > li.form {
    z-index: 10
}
.mainNav .menuNav__subLevel .menuNav__link {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #ffbc0d;
    font-family: speedeeBold;
    line-height: 60px;
    padding-bottom: 0
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subLevel .menuNav__link {
        font-size: 26px;
        line-height: 34px;
        padding-bottom: 12px;
        font-size: 22px
    }
}
.mainNav .menuNav__subLevel .menuNav__link.noLink {
    font-family: speedeeRegular
}
.mainNav .menuNav__subLevel .back-btn {
    top: 0;
    grid-column: 1/1;
    opacity: 0;
    visibility: hidden;
    transition: all .15s ease 0s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subLevel .back-btn {
        display: none
    }
}
.mainNav .menuNav__subLevel .formFields {
    display: grid;
    grid-template-columns: 50% repeat(1, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-row-gap: 32px;
    margin-bottom: 56px;
    padding-top: 24px;
    grid-column-gap: 5%
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subLevel .formFields {
        grid-template-columns: 100%;
        grid-row-gap: 0;
        padding-top: 0
    }
}
.mainNav .menuNav__subLevel .formFields .accordionField,
.mainNav .menuNav__subLevel .formFields .textField {
    margin-bottom: 0;
    max-width: 304px;
    width: 100%
}
.mainNav .menuNav__subLevel .btn-container {
    margin: 32px 0
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subLevel .btn-container {
        margin: 10px auto 20px
    }
}
.mainNav .menuNav__subLevel .btn-container .sep {
    position: relative;
    top: -3px;
    margin: 0 25px;
    color: silver;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subLevel .btn-container .sep {
        margin: 20px 0 10px
    }
}
.mainNav .menuNav__subLevel .menuNav__mainList.inLeft > li {
    opacity: 0;
    animation: j .35s ease-out forwards
}
.mainNav .menuNav__subLevel .menuNav__mainList.outRight > li {
    opacity: 0;
    animation: l .4s ease-in backwards
}
.mainNav .menuNav__subLevel.visible {
    visibility: visible
}
.mainNav .menuNav__subLevel.visible .back-btn,
.mainNav .menuNav__subLevel.visible .ctaMlovers {
    opacity: 1;
    visibility: visible
}
.mainNav .menuNav__subLevel.visible .menuNav__mainList {
    opacity: 1;
    transition: opacity .4s ease 0s
}
.mainNav .menuNav__subListContainer {
    width: 100%;
    display: grid;
    grid-template-columns: 100% repeat(1, 1fr);
    grid-column-gap: 2%
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subListContainer {
        grid-template-columns: 100%
    }
}
.mainNav .menuNav__subListContainer.dualColumn {
    grid-template-columns: 40% repeat(1, 1fr)
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subListContainer.dualColumn {
        grid-template-columns: 50% repeat(1, 1fr)
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subListContainer.dualColumn {
        grid-template-columns: 100%
    }
}
.mainNav .menuNav__subList {
    margin: 30px 0;
    overflow: hidden;
    display: grid;
    grid-gap: 0 8%;
    grid-template-columns: repeat(2, 1fr)
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subList {
        margin: 25px 0
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subList {
        width: 100%;
        margin: 0
    }
}
@media (min-width:0) and (max-width:350px) {
    .mainNav .menuNav__subList {
        display: block
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subList:first-of-type {
        margin-top: 18px
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subList:last-of-type {
        margin-bottom: 20px
    }
}
.mainNav .menuNav__subList a {
    display: inline-block;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    font-family: speedeeBold;
    transition: all .15s ease 0s;
    padding-bottom: 15px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav__subList a {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 10px
    }
}
@media (min-width:0) and (max-width:512px) {
    .mainNav .menuNav__subList a {
        padding-bottom: 16px
    }
}
.mainNav .menuNav__subList a:hover {
    color: #ffbc0d
}
.mainNav .menuNav .ctaMlovers {
    width: 100%;
    background-color: #fff8e6;
    padding: 0 0 72px;
    grid-column: 1/13;
    grid-row: 2/2;
    margin-top: 80px;
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease 0s
}
.mainNav .menuNav .ctaMlovers:after {
    content: "";
    position: absolute;
    top: 100%;
    width: 100%;
    height: 100%;
    background-color: inherit;
    left: 0
}
.mainNav .menuNav .ctaMlovers .CTADrop {
    height: 72px;
    left: 0;
    top: -72px
}
.mainNav .menuNav .ctaMlovers .CTADrop svg {
    position: absolute;
    min-width: 2500px;
    left: 0
}
.mainNav .menuNav .ctaMlovers .tabbedContent__controls,
.mainNav .menuNav .ctaMlovers .wrapper {
    padding: 0;
    top: -15px
}
.mainNav .menuNav .ctaMlovers__logo {
    width: 92px;
    height: 92px;
    grid-column: 4/4
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav .ctaMlovers__logo {
        margin: 0 auto 10px
    }
}
.mainNav .menuNav .ctaMlovers__info {
    grid-column: 5/8
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav .ctaMlovers__info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
.mainNav .menuNav .ctaMlovers__info h4 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    font-family: speedeeBold;
    margin-bottom: 3px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav .ctaMlovers__info h4 {
        font-size: 19px;
        line-height: 26px
    }
}
.mainNav .menuNav .ctaMlovers__info p {
    max-width: 250px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    margin-bottom: 15px
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .menuNav .ctaMlovers__info p {
        margin-bottom: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .menuNav .ctaMlovers__info p {
        text-align: center;
        margin-bottom: 30px
    }
}
.mainNav .mloversNav {
    width: 100vw;
    height: 100%;
    opacity: 1;
    visibility: visible;
    position: fixed;
    left: 0;
    z-index: 14;
    background-color: #fff8e6;
    overflow-y: auto;
    display: flex;
    transition: all .5s ease .6s
}
.mainNav .mloversNav .tabbedContent__controls,
.mainNav .mloversNav .wrapper {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    max-width: 900px;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition: transform .6s ease .6s
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav .tabbedContent__controls,
    .mainNav .mloversNav .wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center
    }
}
.mainNav .mloversNav.closed {
    opacity: 0;
    visibility: hidden;
    transition: all .6s ease .25s
}
.mainNav .mloversNav.closed .tabbedContent__controls,
.mainNav .mloversNav.closed .wrapper {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: all .6s ease 0s
}
.mainNav .mloversNav__container {
    display: flex;
    justify-content: center;
    align-items: start
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav__container {
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 50px
    }
}
.mainNav .mloversNav__logo {
    min-width: 92px;
    width: 92px;
    height: 92px;
    position: relative;
    pointer-events: none;
    margin-right: 20px
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .mloversNav__logo {
        margin: 0 15px 0 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav__logo {
        margin: 0 0 15px
    }
}
.mainNav .mloversNav__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.mainNav .mloversNav__info {
    max-width: 250px;
    width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav__info {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
}
.mainNav .mloversNav__info h4 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    font-family: speedeeBold;
    margin-bottom: 3px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav__info h4 {
        font-size: 19px;
        line-height: 26px
    }
}
.mainNav .mloversNav__info p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    margin-bottom: 15px
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .mloversNav__info p {
        margin-bottom: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .mloversNav__info p {
        text-align: center;
        margin-bottom: 30px
    }
}
.mainNav .mloversNav__info .btn p {
    margin-bottom: 0
}
.mainNav .mloversNav .btn-container {
    margin-top: 0
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .mloversNav .btn-container {
        justify-content: center;
        margin-top: 0;
        flex-shrink: 0
    }
}
.mainNav .formFields {
    grid-column: 4/13;
    grid-row: 2/2;
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding: 40px 0 0
}
@media (min-width:0) and (max-width:1024px) {
    .mainNav .formFields {
        grid-column: 3/12
    }
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .formFields {
        flex-direction: column
    }
}
.mainNav .formFields .textField {
    max-width: 288px;
    margin: 0 30px 0 0
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .formFields .textField {
        max-width: 100%;
        margin: 0 0 20px
    }
}
.mainNav .formFields .dropdownField {
    max-width: 215px;
    margin: 0 50px 0 0
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .formFields .dropdownField {
        max-width: 100%;
        margin: 0
    }
}
.mainNav .formFields .dropdownField .listBox li {
    margin-top: 0;
    padding-bottom: 10px
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .formFields .dropdownField .listBox li {
        padding-bottom: 5px
    }
}
.mainNav .formFields .btn-container {
    margin: 0
}
@media (min-width:0) and (max-width:768px) {
    .mainNav .formFields .btn-container {
        margin: 40px 0 0;
        width: 100%
    }
}
.mainNav .formFields .btn-container a {
    width: auto
}
.mainNav[data-theme=transparent] .topNav {
    background-color: transparent;
    border-bottom: 1px solid transparent
}
.mainNav[data-theme=transparent] .topNav__profileInfo p {
    color: #fff
}
.mainNav[data-theme=transparent] .topNav.opened {
    background-color: #fff;
    border-bottom: 1px solid #e9e9e9
}
@media (min-width:0) and (max-width:768px) {
    .mainNav[data-theme=transparent] .topNav.opened {
        border-bottom: 1px solid transparent
    }
}
@keyframes i {
    0% {
        opacity: 1;
        left: 0
    }
    40% {
        opacity: 0;
        left: -50px
    }
    to {
        opacity: 0;
        left: -50px
    }
}
@keyframes j {
    0% {
        opacity: 0;
        left: 50px
    }
    60% {
        opacity: 1;
        left: 0
    }
    to {
        opacity: 1;
        left: 0
    }
}
@keyframes k {
    0% {
        opacity: 0;
        left: -50px
    }
    60% {
        opacity: 1;
        left: 0
    }
    to {
        opacity: 1;
        left: 0
    }
}
@keyframes l {
    0% {
        opacity: 1;
        left: 0
    }
    40% {
        opacity: 0;
        left: 50px
    }
    to {
        opacity: 0;
        left: 50px
    }
}
@keyframes m {
    0% {
        transform: translate(-50%, -35%)
    }
    50% {
        transform: translate(-50%, -50%)
    }
    to {
        transform: translate(-50%, -35%)
    }
}
.mediaSlider__slider {
    margin: 0 auto
}
.mediaSlider__slide figure {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    position: relative
}
.mediaSlider__slide figure:after {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}
.mediaSlider__slide figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.mediaSlider .swiper-pagination {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 40px auto
}
.mediaSlider .swiper-pagination-bullet {
    background-color: #e9e9e9;
    margin: 0 10px;
    cursor: pointer;
    opacity: 1
}
.mediaSlider .swiper-pagination-bullet-active {
    background-color: #2d2d2d
}
.mediaSlider .sliderHeading__next,
.mediaSlider .sliderHeading__prev,
.mediaSlider .swiper-button-next,
.mediaSlider .swiper-button-prev {
    z-index: 3
}
@media (min-width:0) and (max-width:768px) {
    .mediaSlider .tabbedContent__controls,
    .mediaSlider .wrapper,
    .mediaSlider__slider {
        padding: 0
    }
    .mediaSlider .swiper-pagination {
        margin: 24px auto
    }
    .mediaSlider .sliderHeading__next,
    .mediaSlider .sliderHeading__prev,
    .mediaSlider .swiper-button-next,
    .mediaSlider .swiper-button-prev {
        display: none
    }
}
.notificationBar {
    padding: 32px 0;
    top: 0;
    width: 100%;
    position: fixed;
    z-index: 16;
    will-change: transform;
    transform: translate3d(0, -100%, 0);
    transition: transform .5s cubic-bezier(.62, .07, .02, 1.14)
}
.notificationBar .tabbedContent__controls,
.notificationBar .wrapper {
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}
.notificationBar__textContainer {
    grid-column: 2/11
}
.notificationBar__textContainer span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
.notificationBar__closeButton {
    grid-column: 12/13;
    font-size: 32px;
    text-align: right;
    color: #fff;
    cursor: pointer
}
@media (min-width:0) and (max-width:768px) {
    .notificationBar {
        padding: 16px 0
    }
    .notificationBar__textContainer {
        grid-column: 1/13
    }
    .notificationBar__textContainer span {
        display: block;
        padding-right: 48px;
        margin-bottom: 8px
    }
    .notificationBar__closeButton {
        position: absolute;
        right: 0;
        top: -8px
    }
}
.productHeading {
    padding: 105px 0 40px
}
@media (min-width:0) and (max-width:1024px) {
    .productHeading {
        padding: 80px 0 40px
    }
}
.productHeading .tabbedContent__controls,
.productHeading .wrapper {
    align-items: center;
    display: flex;
    flex: 1;
    max-width: 992px;
    height: 100%
}
@media (min-width:0) and (max-width:768px) {
    .productHeading .tabbedContent__controls,
    .productHeading .wrapper {
        flex-direction: column
    }
}
.productHeading aside,
.productHeading figure {
    max-width: 416px
}
.productHeading figure {
    width: 100%;
    height: 100%;
    position: relative;
    margin-right: 1.85%
}
@media (min-width:0) and (max-width:768px) {
    .productHeading figure {
        max-width: 272px;
        margin-right: 0
    }
}
.productHeading figure:after {
    content: "";
    position: absolute;
    width: 413px;
    height: 94px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .2) 0, hsla(0, 0%, 56%, .17) 28%, hsla(0, 0%, 85%, .16) 40%, hsla(0, 0%, 96%, .14) 52%, hsla(0, 0%, 100%, .14) 55%);
    bottom: 0;
    opacity: .6;
    top: 78%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    max-width: 100%
}
@media (min-width:0) and (max-width:768px) {
    .productHeading figure:after {
        top: 70%
    }
}
.productHeading figure img {
    position: relative;
    max-width: 100%
}
.productHeading aside {
    width: 100%;
    margin-left: 1.85%
}
@media (min-width:0) and (max-width:768px) {
    .productHeading aside {
        text-align: center;
        max-width: 465px;
        margin: 0
    }
}
.productHeading .title {
    text-align: left
}
.productHeading .title h1 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #2d2d2d;
    margin-bottom: 20px
}
@media (min-width:0) and (max-width:768px) {
    .productHeading .title h1 {
        font-size: 26px;
        line-height: 34px;
        display: none
    }
}
.productHeading .title h1.title-mobile {
    display: none
}
@media (min-width:0) and (max-width:768px) {
    .productHeading .title h1.title-mobile {
        display: inline-block;
        margin-bottom: -20px
    }
}
.productHeading p {
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
.productHeading p,
.productHeading small {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular
}
.productHeading small {
    display: flex;
    margin-top: 30px;
    margin-bottom: 5px;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #a5a5a5
}
@media (min-width:0) and (max-width:768px) {
    .productHeading small {
        display: inline-block;
        margin-bottom: 15px
    }
}
.productHeading .btn-container {
    margin-top: 0
}
@media (min-width:0) and (max-width:768px) {
    .productHeading .btn-container {
        flex-direction: row;
        text-align: center;
        justify-content: center
    }
}
.productHeading .btn-container a {
    margin: 0 10px
}
.productHeading .btn-container a:first-of-type {
    margin-left: 0
}
@media (min-width:0) and (max-width:768px) {
    .productHeading .btn-container a:first-of-type {
        margin-left: 10px
    }
}
.productHeading .back-btn {
    left: -16%
}
.productHeading .back-btn p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:1440px) {
    .productHeading .back-btn {
        left: -12%
    }
}
@media (min-width:0) and (max-width:1280px) {
    .productHeading .back-btn {
        left: 0
    }
}
.redirectIE {
    display: none
}
@media screen and (-ms-high-contrast:active),
screen and (-ms-high-contrast:none) {
    body {
        overflow-y: hidden
    }
    .redirectIE {
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #ffbc0d;
        position: fixed;
        text-align: center;
        overflow: hidden;
        z-index: 100
    }
    .redirectIE .container {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%
    }
    .redirectIE img {
        position: relative;
        display: block;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 100px;
        border-radius: 10px
    }
    .redirectIE p {
        font-style: normal;
        text-rendering: optimizeLegibility;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-family: Source Sans Pro, sans-serif;
        font-weight: 300;
        font-size: 20px;
        line-height: 28px;
        color: #182030;
        margin: 40px auto;
        color: #fff;
        max-width: 60%;
        width: 100%
    }
    sup {
        top: -8px;
        position: relative
    }
}
@media (-ms-high-contrast:active),
(min-width:0) and (max-width:1024px) and (-ms-high-contrast:none) {
    .redirectIE p {
        max-width: 90%
    }
}
@media (min-width:0) and (max-width:512px) {
    .relatedPages .tabbedContent__controls,
    .relatedPages .wrapper {
        padding: 0
    }
}
.relatedPages .title h2 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d;
    margin-top: 103px;
    font-family: speedeeBold
}
@media (min-width:0) and (max-width:768px) {
    .relatedPages .title h2 {
        font-size: 22px;
        line-height: 28px
    }
}
.relatedPages .title p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    color: #434343;
    margin: 16px auto 5px
}
.relatedPages .swiper-container {
    min-height: 400px;
    padding: 40px 20px
}
@media (min-width:0) and (max-width:768px) {
    .relatedPages .swiper-container {
        max-width: 376px
    }
}
.relatedPages .swiper-container:after,
.relatedPages .swiper-container:before {
    content: "";
    position: absolute;
    top: 0;
    width: 15px;
    height: 100%;
    background-image: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
    z-index: 2
}
.relatedPages .swiper-container:after {
    right: 0;
    background-image: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}
.relatedPages .swiper-container:before {
    left: 0
}
.relatedPages .swiper-container .swiper-wrapper {
    display: inline-grid;
    grid-template-columns: 1fr repeat(4, 1fr) 1fr
}
@media (min-width:0) and (max-width:512px) {
    .relatedPages .swiper-container .swiper-wrapper {
        display: flex
    }
}
.relatedPages .swiper-slide {
    width: 100%;
    margin-right: 30px
}
@media (min-width:0) and (max-width:768px) {
    .relatedPages .swiper-slide {
        padding: 0 10px;
        max-width: 336px
    }
}
.relatedPages .sliderHeading__next,
.relatedPages .sliderHeading__prev,
.relatedPages .swiper-button-next,
.relatedPages .swiper-button-prev {
    outline: none;
    background-image: none;
    width: 48px;
    height: 48px;
    display: block;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    transition: all .1s
}
@media (min-width:0) and (max-width:768px) {
    .relatedPages .sliderHeading__next,
    .relatedPages .sliderHeading__prev,
    .relatedPages .swiper-button-next,
    .relatedPages .swiper-button-prev {
        display: none
    }
}
.relatedPages .sliderHeading__next,
.relatedPages .swiper-button-next {
    right: 0
}
.relatedPages .sliderHeading__next:hover,
.relatedPages .swiper-button-next:hover {
    right: -10px
}
.relatedPages .sliderHeading__prev,
.relatedPages .swiper-button-prev {
    left: 0
}
.relatedPages .sliderHeading__prev:hover,
.relatedPages .swiper-button-prev:hover {
    left: -10px
}
.relatedPages .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: 8px;
    display: none
}
.relatedPages .swiper-pagination .swiper-pagination-bullet {
    margin-right: 16px;
    background-color: #e9e9e9;
    opacity: 1
}
.relatedPages .swiper-pagination .swiper-pagination-bullet:last-of-type {
    margin-right: 0
}
.relatedPages .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .relatedPages .swiper-pagination {
        display: block
    }
}
.restaurantMapList .contentList {
    margin-top: 0
}
.restaurantMapList__navigation {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1
}
.restaurantMapList__navigation .sliderHeading__next,
.restaurantMapList__navigation .sliderHeading__prev,
.restaurantMapList__navigation .swiper-button-next,
.restaurantMapList__navigation .swiper-button-prev {
    width: 30px;
    height: 30px;
    border-radius: 33px;
    background-color: #fff;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
    background-image: url("images/dummy/arrow.png");
    background-size: 28px 28px;
    top: auto;
    left: auto;
    position: relative;
    right: auto;
    bottom: auto;
    transition: all .2s ease-in-out
}
.restaurantMapList__navigation .sliderHeading__prev,
.restaurantMapList__navigation .swiper-button-prev {
    transform: rotate(60deg)
}
.restaurantMapList__navigation .sliderHeading__next,
.restaurantMapList__navigation .swiper-button-next {
    top: 14px;
    margin-left: 16px
}
.restaurantMapList .container,
.restaurantMapList .tabbedContent__controls,
.restaurantMapList .wrapper {
    padding: 0
}
.restaurantMapList .swiper-container {
    height: 100%;
    position: relative;
    padding: 20px 15px 0;
    top: -20px;
    height: 480px;
    -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 85%, transparent);
    mask-image: linear-gradient(180deg, transparent 0, #000 10%, #000 85%, transparent)
}
.restaurantMapList__restaurantsMap:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: 30% 100%;
    height: 100%;
    width: 50%;
    z-index: 2;
    background-position: 100%;
    background-repeat: no-repeat;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%)
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__restaurantsMap:before {
        content: "";
        position: absolute;
        right: 0;
        top: -20px;
        background-size: 100%;
        height: 22%;
        width: 100%;
        z-index: 2;
        background-position-y: 0;
        background-repeat: no-repeat;
        background: linear-gradient(0, hsla(0, 0%, 100%, 0), #fff 65%)
    }
}
.restaurantMapList__wrapperMap {
    left: 50%;
    position: absolute;
    top: 50%;
    width: 100%;
    padding: 0 64px;
    transform: translate(-50%, -50%);
    pointer-events: none;
    max-width: 1440px;
    z-index: 3
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__wrapperMap {
        display: none
    }
}
.restaurantMapList__topofMap {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 2%;
    grid-column: 1/13
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__topofMap {
        grid-template-columns: repeat(6, 1fr);
        margin-top: 0
    }
}
.restaurantMapList__map {
    height: 496px;
    width: 80%;
    grid-column: 1/13
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__map {
        height: 400px;
        width: 100%
    }
}
.restaurantMapList__results {
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    color: #2d2d2d;
    grid-column: 1/13;
    grid-row: 2/2
}
.restaurantMapList__results,
.restaurantMapList__results span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular
}
.restaurantMapList__results span {
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    color: #ffbc0d;
    font-family: speedeeBold;
    border-radius: 12px;
    background-color: #fff8e6;
    padding: 4px 8px;
    text-transform: none;
    margin-left: 5px
}
.restaurantMapList__listing {
    height: 440px;
    width: 100%;
    grid-column: 8/13;
    grid-row: 2/2;
    pointer-events: auto;
    position: relative
}
@media (min-width:0) and (max-width:1440px) {
    .restaurantMapList__listing {
        grid-column: 7/13
    }
}
.restaurantMapList__listing__item {
    max-height: 96px;
    background: #fff;
    border-radius: 33px;
    width: 98%
}
.restaurantMapList__listing__item:last-of-type {
    margin-bottom: 20px
}
.restaurantMapList__listing .contentList__item {
    grid-column: 1/13;
    cursor: pointer;
    height: auto
}
@media (min-width:0) and (max-width:512px) {
    .restaurantMapList__listing .contentList__item {
        grid-column: 1/7
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__listing {
        padding: 0 4.5% 40px;
        overflow-y: scroll
    }
}
.restaurantMapList__toggle {
    margin-top: 24px
}
.restaurantMapList__toggle .list {
    display: none
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__toggle .map {
        display: none
    }
    .restaurantMapList__toggle .list {
        display: block
    }
}
.restaurantMapList__control {
    display: none;
    z-index: 3
}
.restaurantMapList__control label {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    color: silver;
    background-color: #f7f7f7;
    padding: 4px 4px 4px 12px;
    border-radius: 33px
}
.restaurantMapList__control label.checked {
    font-family: speedeeBold;
    color: #2d2d2d;
    background: #fff;
    box-shadow: 0 64px 64px 0 rgba(35, 35, 35, .05), 0 32px 32px 0 rgba(49, 49, 49, .05), 0 16px 16px 0 rgba(32, 32, 32, .05), 0 8px 8px 0 rgba(42, 42, 42, .05), 0 4px 4px 0 rgba(49, 49, 49, .05), 0 2px 2px 0 rgba(45, 45, 45, .05)
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList__control {
        display: block;
        text-align: center
    }
}
.restaurantMapList__toggleDiv {
    background: #f7f7f7;
    border-radius: 14px;
    margin: 20px auto;
    position: relative;
    display: inline-block
}
.restaurantMapList__toggleDiv:before {
    content: "";
    position: absolute;
    left: 0;
    width: 66px;
    background: #fff;
    box-shadow: 0 64px 64px 0 rgba(35, 35, 35, .05), 0 32px 32px 0 rgba(49, 49, 49, .05), 0 16px 16px 0 rgba(32, 32, 32, .05), 0 8px 8px 0 rgba(42, 42, 42, .05), 0 4px 4px 0 rgba(49, 49, 49, .05), 0 2px 2px 0 rgba(45, 45, 45, .05);
    height: 31px;
    border-radius: 14px;
    transition: all .2s ease-in
}
.restaurantMapList__toggleDiv span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    color: silver;
    padding: 8px 18px;
    display: inline-block;
    transition: all .4s ease-in
}
.restaurantMapList__toggleDiv.left span:first-of-type {
    color: #000;
    font-family: speedeeBold
}
.restaurantMapList__toggleDiv.left span:last-of-type {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    color: silver
}
.restaurantMapList__toggleDiv.left:before {
    left: 0
}
.restaurantMapList__toggleDiv.right span:last-of-type {
    color: #000;
    font-family: speedeeBold
}
.restaurantMapList__toggleDiv.right span:first-of-type {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d;
    color: silver
}
.restaurantMapList__toggleDiv.right:before {
    left: calc(100% - 66px)
}
.restaurantMapList .contentList__container {
    margin-top: 0
}
.restaurantMapList .contentList__item + .contentList__item {
    margin-top: 8px
}
.restaurantMapList .gm-style-iw {
    background-color: #fff;
    box-shadow: 0 16px 24px 0 rgba(0, 0, 0, .1);
    border-radius: 30px;
    min-width: 90px;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
.restaurantMapList .gmnoprint {
    right: auto;
    left: 80px;
    bottom: 5px!important
}
@media (min-width:0) and (max-width:512px) {
    .restaurantMapList .gmnoprint {
        bottom: 16px!important
    }
}
.restaurantMapList .gmnoprint div div:first-of-type {
    display: none
}
.restaurantMapList .gmnoprint.gm-style-cc {
    left: 260px
}
@media (min-width:0) and (max-width:512px) {
    .restaurantMapList .gmnoprint.gm-style-cc {
        bottom: 0!important;
        left: 80px!important
    }
}
.restaurantMapList .gmnoprint.gm-style-cc div {
    display: none
}
.restaurantMapList .gm-ui-hover-effect {
    display: none!important
}
.restaurantMapList .infoWindow {
    text-align: left;
    padding: 8px 12px
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantMapList .infoWindow {
        text-align: center;
        padding: 0 6px
    }
}
.restaurantMapList .infoWindow .btn-container {
    margin-top: 0;
    justify-content: center
}
.restaurantMapList .infoWindow p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #2d2d2d
}
.restaurantMapList .infoWindow p:first-of-type {
    color: #2d2d2d
}
.restaurantMapList .infoWindow p:last-of-type {
    color: silver
}
.restaurantMapList .infoWindow p.pButton {
    color: #ffbc0d
}
.restaurantMapList__listing::-webkit-scrollbar {
    display: none
}
.restaurantSchedule {
    overflow: hidden
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantSchedule .tabbedContent__controls,
    .restaurantSchedule .wrapper {
        padding: 0 0 0 4%
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSchedule .tabbedContent__controls,
    .restaurantSchedule .wrapper {
        max-width: 100vw;
        padding-right: 1%
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantSchedule .container {
        padding: 0 0 0 8.5%
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSchedule .swiper-container {
        max-width: 768px;
        width: 100%;
        overflow: unset
    }
}
.restaurantSchedule .swiper-wrapper {
    justify-content: space-around
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantSchedule .swiper-wrapper {
        justify-content: inherit
    }
}
.restaurantSchedule__service {
    max-width: 230px
}
.restaurantSchedule__service h6 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 26px;
    line-height: 34px;
    color: #2d2d2d;
    font-family: speedeeBold;
    margin-bottom: 24px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSchedule__service h6 {
        font-size: 22px;
        line-height: 28px
    }
}
.restaurantSchedule__service h6 i {
    color: #ffbc0d;
    margin-right: 8px;
    font-size: 56px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSchedule__service h6 {
        position: relative;
        left: -10px
    }
}
.restaurantSchedule__service li {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    position: relative;
    width: 210px
}
.restaurantSchedule__service li span {
    font-family: speedeeRegular;
    position: absolute;
    right: -16px;
    color: silver
}
.restaurantSchedule__service li:first-of-type {
    margin-bottom: 8px
}
.restaurantSchedule__service li:first-of-type,
.restaurantSchedule__service li:last-of-type,
.restaurantSchedule__service li:nth-of-type(2) {
    font-family: speedeeBold
}
.restaurantSchedule div + div {
    margin-left: 48px
}
.restaurantSchedule[data-items="2"] .swiper-wrapper {
    justify-content: center
}
.restaurantSchedule[data-items="2"] .swiper-wrapper div + div {
    margin-left: 48px
}
@media (min-width:0) and (max-width:512px) {
    .restaurantSchedule[data-items="2"] .swiper-wrapper {
        justify-content: inherit
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantSchedule[data-items="1"] .swiper-wrapper {
        justify-content: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .container {
        padding: 0 8.5%
    }
}
.restaurantSearchForm .formFields {
    max-width: 100%;
    grid-column: 2/12;
    width: 100%;
    padding: 80px 0 72px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .formFields {
        padding: 40px 0
    }
}
.restaurantSearchForm .formWrapper {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0;
    flex-wrap: wrap
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .formWrapper {
        flex-direction: column;
        align-items: center
    }
}
.restaurantSearchForm .accordionField,
.restaurantSearchForm .textField {
    width: 284px;
    margin-bottom: 0
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .accordionField,
    .restaurantSearchForm .textField {
        width: 100%;
        max-width: 400px
    }
}
.restaurantSearchForm .textField {
    margin-right: 2.8%
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .textField {
        margin: 0
    }
}
.restaurantSearchForm .accordionField {
    margin-right: 8%
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantSearchForm .accordionField {
        margin-right: 0
    }
}
.restaurantSearchForm .btn-container {
    margin: 32px 0
}
.restaurantSearchForm .btn-container .sep {
    position: relative;
    top: -3px;
    margin: 0 24px;
    color: silver
}
@media (min-width:0) and (max-width:768px) {
    .restaurantSearchForm .btn-container .sep {
        margin: 10px 0
    }
}
.restaurantsHeading {
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
    width: 100%;
    position: relative
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading {
        height: 100%
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading {
        display: inline-block
    }
}
.restaurantsHeading .tabbedContent__controls,
.restaurantsHeading .wrapper {
    height: 100%
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .tabbedContent__controls,
    .restaurantsHeading .wrapper {
        padding: 0
    }
}
.restaurantsHeading .container {
    padding: 0 8.5%;
    display: flex;
    flex-direction: row
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .container {
        padding: 0
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .container {
        padding: 0;
        display: inline-block;
        width: 100%
    }
}
.restaurantsHeading .back-btn {
    top: 120px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .back-btn {
        top: 110px
    }
}
.restaurantsHeading .mod-info {
    margin-top: 10px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .mod-info {
        display: flex;
        align-self: center
    }
}
.restaurantsHeading .title {
    text-align: left
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .title {
        text-align: center;
        width: 100%
    }
}
.restaurantsHeading .title h1 {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 48px;
    line-height: 60px;
    color: #2d2d2d;
    display: inline-block
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .title h1 {
        font-size: 26px;
        line-height: 34px
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .title h1 {
        padding: 0 4.5%
    }
}
.restaurantsHeading aside {
    max-width: 50.7%;
    width: 100%;
    padding-top: 215px;
    padding-bottom: 104px;
    margin-right: 2.53%
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading aside {
        max-width: 100%;
        margin: 0;
        text-align: center;
        padding-bottom: 56px
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading aside {
        padding-top: 165px;
        display: flex;
        flex-direction: column
    }
}
.restaurantsHeading .info {
    position: relative;
    max-width: 100vw
}
.restaurantsHeading .info:after {
    content: "";
    display: none;
    position: absolute;
    right: 0;
    height: 100%;
    background-color: transparent;
    z-index: 1;
    width: 8%;
    top: 0
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .info:after {
        display: block
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .info {
        padding: 0 4.5%
    }
}
.restaurantsHeading .info p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d
}
.restaurantsHeading .info p.phone {
    color: silver;
    margin-top: 20px
}
.restaurantsHeading small {
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    text-transform: uppercase;
    margin-top: 35px;
    width: 100%
}
.restaurantsHeading small,
.restaurantsHeading small span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    display: inline-block
}
.restaurantsHeading small span {
    height: 21px;
    border-radius: 50%;
    background-color: #fff8e6;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0;
    color: #ffbc0d;
    font-family: speedeeBold;
    line-height: 21px;
    padding: 0 7px
}
.restaurantsHeading .swiper-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 15px 0 20px;
    overflow: visible
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .swiper-container {
        justify-content: center;
        display: inline-flex;
        width: auto
    }
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .swiper-container {
        flex-wrap: nowrap;
        justify-content: flex-start
    }
}
@media (min-width:0) and (max-width:512px) {
    .restaurantsHeading .swiper-container {
        display: flex
    }
}
.restaurantsHeading .swiper-wrapper {
    flex-wrap: wrap;
    display: flex;
    left: -4px
}
@media (min-width:0) and (max-width:768px) {
    .restaurantsHeading .swiper-wrapper {
        flex-wrap: nowrap
    }
}
.restaurantsHeading .swiper-slide {
    font-size: 48px;
    padding: 0 4px;
    cursor: pointer;
    outline: none;
    transition: all .25s ease;
    width: 56px
}
.restaurantsHeading .swiper-slide.disabled {
    color: #e9e9e9
}
.restaurantsHeading__imageDesktop {
    position: absolute;
    left: 59.5%;
    width: 50vw;
    top: 0;
    bottom: 0;
    overflow: hidden
}
.restaurantsHeading__imageDesktop img {
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    width: auto;
    height: 100%
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading__imageDesktop img {
        width: 100%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute
    }
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading__imageDesktop {
        display: none
    }
}
.restaurantsHeading__imageMobile {
    display: none;
    width: 100%;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading__imageMobile {
        display: flex;
        position: relative;
        max-width: 100%;
        height: 168px;
        margin-top: 16px
    }
}
.restaurantsHeading__imageMobile:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
    background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
    pointer-events: none;
    z-index: 1
}
.restaurantsHeading .btn-container {
    margin-top: 30px
}
@media (min-width:0) and (max-width:1024px) {
    .restaurantsHeading .btn-container {
        justify-content: center;
        padding: 0 4.5%
    }
}
.searchResults {
    padding: 120px 0 72px;
    border-bottom: 1px solid #f7f7f7
}
@media (min-width:0) and (max-width:768px) {
    .searchResults {
        padding: 50px 0 56px
    }
}
.searchResults .container {
    display: grid;
    grid-template-columns: 73% 1fr;
    grid-template-rows: repeat(2, 1fr);
    column-gap: 2%;
    align-items: center;
    justify-items: flex-start
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .container {
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        column-gap: 0
    }
}
.searchResults .formFields,
.searchResults .formWrapper {
    max-width: 100%;
    width: 100%;
    padding: 0
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .formFields {
        grid-column: 1/2
    }
}
.searchResults .formWrapper {
    max-width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .formWrapper {
        flex-direction: column;
        align-items: flex-start
    }
}
.searchResults .formWrapper > * {
    max-width: 400px;
    margin-bottom: 0
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .formWrapper > * {
        max-width: 100%
    }
}
.searchResults .formWrapper > :first-child {
    margin-right: 5%
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .formWrapper > :first-child {
        margin: 0
    }
}
.searchResults .formWrapper > :last-child {
    margin: 0 0 0 auto
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .formWrapper > :last-child {
        margin: 0
    }
}
.searchResults__info {
    justify-self: center;
    grid-column: 1/3;
    margin-top: 56px
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults__info {
        margin-top: 0
    }
}
.searchResults__description {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 11px;
    line-height: 14px;
    color: #2d2d2d;
    text-transform: uppercase;
    text-align: center;
    line-height: 24px
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults__description {
        margin-top: 0
    }
}
@media (min-width:0) and (max-width:768px) {
    .searchResults__searched {
        display: block
    }
}
.searchResults__results {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #ffbc0d;
    text-transform: lowercase;
    font-family: speedeeBold;
    padding: 2px 10px;
    border-radius: 12px;
    margin: 5px;
    background-color: #fff8e6
}
.searchResults .btn-container {
    margin-top: 0;
    justify-self: flex-end
}
@media (min-width:0) and (max-width:1024px) {
    .searchResults .btn-container {
        grid-column: 1/2;
        justify-self: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .simpleMedia .tabbedContent__controls,
    .simpleMedia .wrapper {
        padding: 0
    }
}
.simpleMedia .btn-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0
}
.simpleMedia img {
    display: block
}
.simpleMedia[data-crop=true] {
    overflow: hidden
}
.simpleMedia[data-crop=true] figure {
    position: relative
}
.simpleMedia[data-crop=true] figure:after {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%
}
.simpleMedia[data-crop=true] figure img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.sliderHeading {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden
}
.sliderHeading__slider {
    height: 100%;
    width: 100%;
    z-index: 3
}
.sliderHeading__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 80px;
    line-height: 90px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .sliderHeading__title {
        font-size: 34px;
        line-height: 43px
    }
}
.sliderHeading__title span {
    opacity: 0
}
.sliderHeading__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d;
    margin-top: 24px
}
@media (min-width:0) and (max-width:768px) {
    .sliderHeading__subtitle {
        font-size: 19px;
        line-height: 26px
    }
}
.sliderHeading__subtitle span {
    color: #2d2d2d!important;
    opacity: 0
}
.sliderHeading__info {
    width: 50%;
    opacity: 0;
    transition: opacity .4s ease-out .1s
}
.sliderHeading__info > * {
    transform: translate3d(0, 60px, 0);
    will-change: transform
}
.sliderHeading__info > :first-child {
    transition: transform .8s cubic-bezier(.62, .07, .02, 1) .03s
}
.sliderHeading__info > :nth-child(2) {
    transition: transform .8s cubic-bezier(.62, .07, .02, 1) .06s
}
.sliderHeading__slide {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: 0;
    transition: opacity .5s cubic-bezier(.62, .07, .02, 1) .5s;
    pointer-events: none;
    background-color: transparent
}
.sliderHeading__slide.show {
    opacity: 1;
    z-index: 1;
    pointer-events: auto;
    transition: opacity .6s cubic-bezier(.62, .07, .02, 1)
}
.sliderHeading__slide.show .sliderHeading__subtitle span,
.sliderHeading__slide.show .sliderHeading__title span {
    opacity: 1
}
.sliderHeading__slide.show .sliderHeading__info {
    opacity: 1;
    transition: opacity 1s ease-out
}
.sliderHeading__slide.show .sliderHeading__info > * {
    transform: translateZ(0)
}
.sliderHeading__slide.show .sliderHeading__info > :first-child {
    transition: transform 1s cubic-bezier(.62, .07, .02, 1) .15s
}
.sliderHeading__slide.show .sliderHeading__info > :nth-child(2) {
    transition: transform 1s cubic-bezier(.62, .07, .02, 1) .3s
}
.sliderHeading__slide.show .btn-container {
    opacity: 1;
    transition: transform 1.5s cubic-bezier(.62, .07, .02, 1) .5s, opacity 1.5s cubic-bezier(.62, .07, .02, 1) .6s
}
.sliderHeading__wave {
    position: absolute;
    height: 100%;
    right: calc(2 / 5 * 100vw - 150px);
    transition: all .6s cubic-bezier(.62, .07, .02, 1) .3s;
    pointer-events: none;
    z-index: 2
}
.sliderHeading__wave.initial {
    transform: translateX(-100%)
}
.sliderHeading__wave svg {
    width: auto!important
}
.sliderHeading__wave path {
    fill: currentColor
}
.sliderHeading__floatingImageContainer {
    position: absolute;
    right: 15%;
    top: 0;
    width: 35%;
    z-index: 10;
    transition: transform .7s cubic-bezier(.62, .07, .02, 1);
    will-change: transform;
    transform: translate3d(70vw, 0, 0)
}
.sliderHeading__floatingImageContainer.show {
    transition: transform 1s cubic-bezier(.62, .07, .02, 1.1) .3s;
    transform: translateZ(0)
}
.sliderHeading__imageContainer {
    position: absolute;
    width: 100vw;
    top: 0;
    bottom: 0;
    right: -30%;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    transform: translateZ(0);
    will-change: transform;
    transition: transform 1s cubic-bezier(.62, .07, .02, 1)
}
.sliderHeading__imageContainer:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all .3s ease;
    background-color: transparent;
    z-index: 2
}
.sliderHeading__imageContainer.mask:after {
    transition: all .5s ease .5s;
    background-color: rgba(0, 0, 0, .3)
}
.sliderHeading__imageContainer.initial {
    transform: translateX(100%)
}
.sliderHeading__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    will-change: transform;
    transform: translate3d(-100px, 0, 0);
    animation: o 1.2s cubic-bezier(.62, .07, .02, 1) .5s forwards;
    z-index: 0
}
.sliderHeading__image.show {
    z-index: 1;
    animation: n 1s cubic-bezier(.62, .07, .02, 1) forwards
}
.sliderHeading .btn-container {
    opacity: 0;
    transform: translate3d(0, 60px, 0);
    transition: transform 1s cubic-bezier(.62, .07, .02, 1), opacity 1.2s cubic-bezier(.62, .07, .02, 1)
}
.sliderHeading__arrows {
    position: absolute;
    width: 100%;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none
}
.sliderHeading__arrows .container {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between
}
.sliderHeading__next,
.sliderHeading__prev {
    opacity: 1;
    top: 0;
    transform: none;
    transition: opacity .5s ease-in .5s;
    pointer-events: auto;
    cursor: pointer
}
.sliderHeading__next.disabled,
.sliderHeading__prev.disabled {
    opacity: .35;
    pointer-events: none
}
.sliderHeading__prev {
    left: 0
}
.sliderHeading__prev i:after {
    transition: color .2s ease-out .5s
}
.sliderHeading__prev.inv i:after {
    color: #fff
}
.sliderHeading__next {
    right: 0
}
.sliderHeading__next i:after {
    color: #fff
}
.sliderHeading__scrollButton {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    cursor: pointer;
    opacity: 0;
    transition: opacity .4s ease-out 1.8s
}
.sliderHeading__scrollButton i:after {
    transition: color .2s ease-out .5s
}
.sliderHeading__scrollButton.inv i:after {
    color: #fff
}
.sliderHeading__dotsContainer {
    z-index: 3;
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none
}
.sliderHeading__dots {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    opacity: 0;
    transition: opacity .2s ease-out 1.5s;
    pointer-events: auto
}
.sliderHeading__dots li + li {
    margin-left: 16px
}
.sliderHeading__dots.inv li {
    background-color: #fff
}
.sliderHeading__dot,
.sliderHeading__dot.active {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e9e9e9;
    cursor: pointer;
    transition: all .4s ease-out 1s
}
.active.sliderHeading__dot {
    background-color: #2d2d2d!important
}
@media (min-width:0) and (max-width:1024px) {
    .sliderHeading__imageContainer {
        height: 245px;
        left: 0
    }
    .sliderHeading__image {
        height: auto;
        top: -50%;
        width: calc(100% + 200px)
    }
    .sliderHeading__wave {
        top: 245px;
        height: 100vh;
        right: 0;
        width: 100vw
    }
    .sliderHeading__slide {
        align-items: flex-start
    }
    .sliderHeading__info {
        width: 100%;
        text-align: center;
        top: 330px
    }
    .sliderHeading__floatingImageContainer {
        right: auto;
        left: 50%;
        top: 10%;
        transform: translate3d(60vw, 0, 0)
    }
    .sliderHeading__floatingImageContainer.show {
        transform: translate3d(-50%, 0, 0)
    }
    .sliderHeading__next,
    .sliderHeading__prev {
        display: none
    }
    .sliderHeading__dotsContainer {
        bottom: 32px;
        text-align: center
    }
    .sliderHeading__scrollButton {
        display: none
    }
    .sliderHeading .btn-container {
        justify-content: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .sliderHeading__floatingImageContainer {
        top: 30%
    }
}
@media (min-width:0) and (max-width:512px) {
    .sliderHeading__imageContainer {
        height: 180px
    }
    .sliderHeading__wave {
        height: 100vh;
        top: 150px
    }
    .sliderHeading__info {
        top: 200px;
        margin-top: 0
    }
    .sliderHeading__subtitle {
        margin-top: 16px
    }
    .sliderHeading__floatingImageContainer {
        top: 20%;
        width: 50%
    }
    .sliderHeading .btn-container {
        margin-top: 16px
    }
}
@media (min-width:0) and (max-width:350px) {
    .sliderHeading__imageContainer {
        height: 150px
    }
    .sliderHeading__floatingImageContainer {
        top: 10%
    }
    .sliderHeading__info {
        top: 210px;
        margin-top: 0
    }
}
@media (min-height:0) and (max-height:800px) and (min-width:1024px) {
    .sliderHeading__title {
        font-size: 60px;
        line-height: 68px
    }
}
@keyframes n {
    0% {
        opacity: 0;
        transform: translateZ(0)
    }
    to {
        opacity: 1;
        transform: translate3d(-100px, 0, 0)
    }
}
@keyframes o {
    0% {
        opacity: 1;
        transform: translate3d(-100px, 0, 0)
    }
    to {
        opacity: 0;
        transform: translate3d(-200px, 0, 0)
    }
}
.tabbedContent > .tabbedContent__controls,
.tabbedContent > .wrapper {
    padding: 0
}
.tabbedContent__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    margin-bottom: 24px;
    text-align: center
}
@media (min-width:0) and (max-width:768px) {
    .tabbedContent__title {
        font-size: 26px;
        line-height: 34px
    }
}
.tabbedContent__subtitle {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #2d2d2d;
    margin-bottom: 32px;
    text-align: center
}
.tabbedContent__tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 460px;
    width: 100%;
    margin: 0 auto
}
.tabbedContent__tab,
.tabbedContent__tab--selected {
    opacity: .2;
    padding: 16px 24px;
    cursor: pointer;
    flex: 1;
    transition: all .1s ease-in-out;
    text-align: center
}
.tabbedContent__tab--selected span,
.tabbedContent__tab span {
    display: block;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 22px;
    line-height: 28px;
    color: #2d2d2d
}
@media (min-width:0) and (max-width:768px) {
    .tabbedContent__tab--selected span,
    .tabbedContent__tab span {
        font-size: 19px;
        line-height: 26px
    }
}
.tabbedContent__tab--selected:hover,
.tabbedContent__tab:hover {
    opacity: .3
}
.tabbedContent__tab--selected {
    opacity: 1
}
.tabbedContent__tab--selected span {
    font-family: speedeeBold
}
.tabbedContent__tab--selected:hover {
    opacity: 1
}
.tabbedContent__line {
    width: 460px;
    height: 2px;
    margin: 0 auto 40px
}
.tabbedContent__line span {
    transition: left .4s cubic-bezier(.62, .07, .02, 1.14);
    position: absolute;
    height: 2px;
    width: 80px;
    background-color: #ffbc0d;
    bottom: 0;
    left: 25%;
    transform: translate3d(-50%, 0, 0)
}
.tabbedContent__content,
.tabbedContent__content--selected {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .2s ease-out
}
.tabbedContent__content--selected {
    transition: opacity .4s ease-out;
    opacity: 1;
    pointer-events: auto
}
@media (min-width:0) and (max-width:768px) {
    .tabbedContent__tab,
    .tabbedContent__tab--selected {
        padding: 0;
        padding-bottom: 16px
    }
    .tabbedContent__line {
        width: 100%
    }
}
.tabbedContent .btn-container {
    justify-content: center
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine .tabbedContent__controls,
    .timeLine .wrapper {
        padding: 0
    }
}
.timeLine .container {
    display: grid;
    grid-template: 1fr/2fr 4fr;
    margin-top: 70px;
    max-height: 372px;
    overflow: hidden
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine .container {
        grid-template: 1fr/1fr;
        margin-top: 24px;
        padding: 0;
        max-height: 100%
    }
}
.timeLine__title {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #2d2d2d;
    text-align: center;
    max-width: 80%;
    margin: 0 auto
}
@media (min-width:0) and (max-width:768px) {
    .timeLine__title {
        font-size: 26px;
        line-height: 34px
    }
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__anchors {
        text-align: center
    }
}
.timeLine__anchor,
.timeLine__anchor--active {
    margin-bottom: 20px;
    cursor: pointer
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__anchor,
    .timeLine__anchor--active {
        margin-bottom: 8px;
        display: none
    }
}
.timeLine__anchor--active p,
.timeLine__anchor p {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeBold;
    font-size: 80px;
    line-height: 90px;
    color: #e9e9e9
}
@media (min-width:0) and (max-width:768px) {
    .timeLine__anchor--active p,
    .timeLine__anchor p {
        font-size: 34px;
        line-height: 43px
    }
}
.timeLine__anchor--active span,
.timeLine__anchor span {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #e9e9e9
}
.timeLine__anchor--active:last-of-type,
.timeLine__anchor:last-of-type {
    margin-bottom: 0
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__anchor--active:last-of-type,
    .timeLine__anchor:last-of-type {
        margin-bottom: 8px
    }
}
.timeLine__anchor--active p,
.timeLine__anchor--active span {
    color: #434343
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__anchor--active {
        display: inline-block
    }
}
.timeLine__contentContainer {
    display: grid;
    grid-template: 1fr/2fr 6fr;
    height: 100%
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__contentContainer {
        grid-template: 1fr/2fr 2fr
    }
}
.timeLine__sliderYears {
    grid-column: 1/1;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}
.timeLine__sliderYears .swiper-container {
    margin: 0
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__sliderYears {
        flex-direction: row;
        justify-content: center;
        grid-column: 1/3
    }
}
.timeLine__year,
.timeLine__year.swiper-slide-active {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 16px;
    line-height: 22px;
    color: #ffbc0d;
    opacity: .3;
    font-family: speedeeBold;
    padding-bottom: 28px;
    min-height: 22px
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__year,
    .timeLine__year.swiper-slide-active {
        margin: 0 32px 0 0;
        padding-bottom: 0
    }
}
.timeLine__year:last-of-type {
    padding: 0
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__year:last-of-type {
        margin: 0
    }
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__year,
    .timeLine__year.swiper-slide-active {
        max-width: 40px
    }
}
.swiper-slide-active.timeLine__year {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 34px;
    line-height: 43px;
    color: #ffbc0d;
    font-family: speedeeBold;
    opacity: 1
}
@media (min-width:0) and (max-width:768px) {
    .swiper-slide-active.timeLine__year {
        font-size: 26px;
        line-height: 34px
    }
}
@media (min-width:0) and (max-width:1024px) {
    .swiper-slide-active.timeLine__year {
        max-width: 80px
    }
}
.timeLine__sliderContent {
    grid-column: 2/6;
    height: 100%
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__sliderContent {
        grid-column: 1/3
    }
}
.timeLine__slide {
    padding: 38px 0 44px;
    display: flex;
    flex-direction: column;
    justify-content: center
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__slide {
        display: flex;
        flex-direction: column;
        align-items: center
    }
}
@media (min-width:0) and (max-width:768px) {
    .timeLine__slide {
        padding: 30px 0 0
    }
}
.timeLine__slideImage img {
    pointer-events: none;
    height: 180px;
    width: auto
}
@media (min-width:0) and (max-width:768px) {
    .timeLine__slideImage img {
        height: 150px
    }
}
.timeLine__slideDescription {
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-stretch: normal;
    letter-spacing: normal;
    font-family: speedeeRegular;
    font-size: 19px;
    line-height: 26px;
    color: #2d2d2d;
    margin-top: 24px;
    font-family: speedeeLight
}
@media (min-width:0) and (max-width:768px) {
    .timeLine__slideDescription {
        font-size: 16px;
        line-height: 22px
    }
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine__slideDescription {
        max-width: 640px;
        text-align: center;
        width: 85%
    }
}
.timeLine .swiper-container {
    height: 372px!important
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine .swiper-container {
        height: 100%!important;
        width: 100%
    }
}
.timeLine .swiper-wrapper {
    height: 100%
}
@media (min-width:0) and (max-width:1024px) {
    .timeLine .swiper-wrapper {
        align-items: center
    }
}
.wot .tabbedContent__controls,
.wot .wrapper {
    max-width: calc(640px + 8%)
}
.wot .textFormat {
    margin: 0 auto
}
.wot .title h2,
.wot .title h3,
.wot .title p {
    margin-bottom: 30px
}
@media (min-width:0) and (max-width:768px) {
    .wot .title h3,
    .wot .title p {
        margin-bottom: 15px
    }
}
.wot li:before {
    color: #ffbc0d
}
.wot .btn-container {
    width: 100%;
    justify-content: center
}
.wot[data-theme=m-01] li:before {
    color: #fff
}