@charset "UTF-8";

:root {
    font-size: 1.1111111111vw
}

@media (min-width:1480px) {
    :root {
        font-size: .8452380952vw
    }
}

@media (max-width:1441px) {
    :root {
        font-size: 1.11111034vw
    }
}

@media (max-width:1101px) {
    :root {
        font-size: 1.6358855586vw
    }
}

@media (max-width:1024px) {
    :root {
        font-size: 1.7588964844vw
    }
}

@media (max-width:780px) {
    :root {
        font-size: 2.5641025641vw
    }
}

@media (max-width:760px) {
    :root {
        font-size: 2.6315789474vw
    }
}

@media (max-width:690px) {
    :root {
        font-size: 2.8985507246vw
    }
}

@media (max-width:540px) {
    :root {
        font-size: 3.7037037037vw
    }
}

@media (max-width:420px) {
    :root {
        font-size: 3.8333333333vw
    }
}

@media (max-width:380px) {
    :root {
        font-size: 4.2684210526vw
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-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: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-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: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-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: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.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-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

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

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

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

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

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

.swiper-button-next .svg-icon-wrap,
.swiper-button-prev .svg-icon-wrap {
    top: 0 !important
}

.swiper-button-next .svg-icon,
.swiper-button-prev .svg-icon {
    -webkit-transform: translateX(7%);
    -ms-transform: translateX(7%);
    transform: translateX(7%)
}

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

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

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next svg,
.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

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

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-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-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    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: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-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:only-child {
    display: none !important
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    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-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: var(--swiper-scrollbar-sides-offset, 1%);
    bottom: var(--swiper-scrollbar-bottom, 4px);
    top: var(--swiper-scrollbar-top, auto);
    z-index: 50;
    height: var(--swiper-scrollbar-size, 4px);
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    left: var(--swiper-scrollbar-left, auto);
    right: var(--swiper-scrollbar-right, 4px);
    top: var(--swiper-scrollbar-sides-offset, 1%);
    z-index: 50;
    width: var(--swiper-scrollbar-size, 4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
    border-radius: var(--swiper-scrollbar-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: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: 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;
    -ms-touch-action: none;
    touch-action: none
}

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

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

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

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

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

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

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

.swiper-cube {
    overflow: visible
}

.swiper-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-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

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

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

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

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

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

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

@font-face {
    font-family: Legquinne;
    src: url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Regular.eot?#iefix) format("embedded-opentype"), url(../fonts/Legquinne-Regular.woff2) format("woff2"), url(../fonts/Legquinne-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Legquinne;
    src: url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Light.eot?#iefix) format("embedded-opentype"), url(../fonts/Legquinne-Light.woff2) format("woff2"), url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Legquinne;
    src: url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Medium.eot?#iefix) format("embedded-opentype"), url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Medium.woff2) format("woff2"), url(../../../../../../../themes/rooof/fonts/legquinne/Legquinne-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.eot);
    src: url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.eot) format("embedded-opentype"), url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.woff2) format("woff2"), url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.ttf) format("truetype"), url(../../../../../../../themes/rooof/fonts/gotham_thin/gotham_thin.svg#gotham_thin) format("svg");
    font-weight: 350;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.eot);
    src: url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.eot) format("embedded-opentype"), url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.woff2) format("woff2"), url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.ttf) format("truetype"), url(../../../../../../../themes/rooof/fonts/gotham_light/gotham_light.svg#gotham_light) format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(../../../../../../../themes/rooof/fonts/gotham_book/gotham_book.eot);
    src: url(../../../../../../../themes/rooof/fonts/gotham_book/gotham_book.eot) format("embedded-opentype"), url(../fonts/gotham_book.woff2) format("woff2"), url(../fonts/gotham_book.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/gotham_book/gotham_book.ttf) format("truetype"), url(../../../../../../../themes/rooof/fonts/gotham_book/gotham_book.svg#gotham_book) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Gotham;
    src: url(../../../../../../../themes/rooof/fonts/gotham_medium/gotham_medium.eot);
    src: url(../../../../../../../themes/rooof/fonts/gotham_medium/gotham_medium.eot) format("embedded-opentype"), url(../fonts/gotham_medium.woff2) format("woff2"), url(../fonts/gotham_medium.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/gotham_medium/gotham_medium.ttf) format("truetype"), url(../../../../../../../themes/rooof/fonts/gotham_medium/gotham_medium.svg#gotham_medium) format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "General Sans";
    src: url(../fonts/GeneralSans-Semibold.woff2) format("woff2"), url(../fonts/GeneralSans-Semibold.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/general-sans/GeneralSans-Semibold.ttf) format("truetype");
    font-weight: 600;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "General Sans";
    src: url(../fonts/GeneralSans-Regular.woff2) format("woff2"), url(../fonts/GeneralSans-Regular.woff) format("woff"), url(../../../../../../../themes/rooof/fonts/general-sans/GeneralSans-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Legquinne;
    margin: 0 0 1.25rem;
    color: #fcfcfc;
    letter-spacing: 0;
    font-weight: 300
}

.h1,
h1 {
    font-size: 8.125rem;
    font-style: normal;
    line-height: 100%
}

.h1.big,
h1.big {
    font-size: 10.625rem;
    line-height: 120%;
    letter-spacing: -.10625rem
}

@media (max-width:1100px) {

    .h1.big,
    h1.big {
        font-size: 6.25rem;
        font-style: normal;
        font-weight: 300;
        line-height: 90%;
        letter-spacing: -.8px
    }
}

@media (max-width:780px) {

    .h1.big,
    h1.big {
        font-size: 5rem
    }
}

@media (max-width:1100px) {

    .h1,
    h1 {
        font-size: 4rem;
        letter-spacing: -.04rem
    }
}

.h2,
h2 {
    font-size: 3.25rem;
    line-height: 110%
}

@media (max-width:780px) {

    .h2,
    h2 {
        font-size: 2.5rem
    }
}

.h2.big,
h2.big {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 100%;
    letter-spacing: 0
}

@media (max-width:780px) {

    .h2.big,
    h2.big {
        font-size: 3.375rem
    }
}

.h2.medium,
h2.medium {
    font-size: 3.375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -.03375rem
}

.h2.medium.weight400,
h2.medium.weight400 {
    font-weight: 400
}

@media (max-width:780px) {

    .h2.medium,
    h2.medium {
        font-weight: 300;
        line-height: 100%;
        letter-spacing: -.0675rem
    }
}

.h3,
h3 {
    font-size: 2.25rem;
    line-height: 120%
}

@media (max-width:780px) {

    .h3,
    h3 {
        font-size: 1.75rem
    }
}

.h4,
h4 {
    font-size: 2rem;
    line-height: 110%
}

@media (max-width:780px) {

    .h4,
    h4 {
        font-size: 1.375rem;
        line-height: 130%
    }
}

.h5,
h5 {
    font-size: 1.375rem;
    line-height: 130%;
    letter-spacing: .05rem;
    font-weight: 500;
    font-family: Gotham
}

@media (max-width:780px) {

    .h5,
    h5 {
        font-size: 1.25rem
    }
}

.h6,
h6 {
    font-family: Gotham;
    font-weight: 500;
    font-size: 1rem;
    line-height: 160%;
    letter-spacing: .05rem;
    text-transform: uppercase
}

@media (max-width:780px) {

    .h6,
    h6 {
        font-size: .75rem;
        line-height: 140%;
        letter-spacing: 0
    }
}

.blueContent,
.content.blue,
.iti {
    color: #214a4f
}

.blueContent .h1,
.blueContent .h2,
.blueContent .h3,
.blueContent .h4,
.blueContent .h5,
.blueContent .h6,
.blueContent a,
.blueContent h1,
.blueContent h2,
.blueContent h3,
.blueContent h4,
.blueContent h5,
.blueContent h6,
.content.blue .h1,
.content.blue .h2,
.content.blue .h3,
.content.blue .h4,
.content.blue .h5,
.content.blue .h6,
.content.blue a,
.content.blue h1,
.content.blue h2,
.content.blue h3,
.content.blue h4,
.content.blue h5,
.content.blue h6,
.iti .h1,
.iti .h2,
.iti .h3,
.iti .h4,
.iti .h5,
.iti .h6,
.iti a,
.iti h1,
.iti h2,
.iti h3,
.iti h4,
.iti h5,
.iti h6 {
    color: #214a4f
}

.content.white,
.whiteContent {
    color: #fcfcfc
}

.content.white .h1,
.content.white .h2,
.content.white .h3,
.content.white .h4,
.content.white .h5,
.content.white .h6,
.content.white h1,
.content.white h2,
.content.white h3,
.content.white h4,
.content.white h5,
.content.white h6,
.whiteContent .h1,
.whiteContent .h2,
.whiteContent .h3,
.whiteContent .h4,
.whiteContent .h5,
.whiteContent .h6,
.whiteContent h1,
.whiteContent h2,
.whiteContent h3,
.whiteContent h4,
.whiteContent h5,
.whiteContent h6 {
    color: #fcfcfc
}

.row {
    margin-left: -1rem;
    margin-right: -1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

.row.nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.row>.w100 {
    width: 100%
}

.row>.w50 {
    width: calc(50% - (2rem))
}

@media (max-width:1100px) {
    .row>.w50 {
        width: calc(50% - (2rem))
    }
}

.row>.w33 {
    width: calc(33.333% - (2rem))
}

@media (max-width:1100px) {
    .row>.w33 {
        width: calc(33.333% - (2rem))
    }
}

.row>.w25 {
    width: calc(25% - (2rem))
}

@media (max-width:1100px) {
    .row>.w25 {
        width: calc(25% - (2rem))
    }
}

.row>.w100,
.row>.w25,
.row>.w33,
.row>.w50 {
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 2rem
}

@media (max-width:1100px) {

    .row>.w100,
    .row>.w25,
    .row>.w33,
    .row>.w50 {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 2rem
    }

    .row>.w100.notebookw50,
    .row>.w25.notebookw50,
    .row>.w33.notebookw50,
    .row>.w50.notebookw50 {
        width: calc(50% - (2rem))
    }
}

@media (max-width:1100px) {

    .row>.w100.tabletw20,
    .row>.w25.tabletw20,
    .row>.w33.tabletw20,
    .row>.w50.tabletw20 {
        width: calc(20% - (2rem))
    }

    .row>.w100.tabletw50,
    .row>.w25.tabletw50,
    .row>.w33.tabletw50,
    .row>.w50.tabletw50 {
        width: calc(50% - (2rem))
    }

    .row>.w100.tabletw33,
    .row>.w25.tabletw33,
    .row>.w33.tabletw33,
    .row>.w50.tabletw33 {
        width: calc(33.333% - (2rem))
    }

    .row>.w100.tabletw100,
    .row>.w25.tabletw100,
    .row>.w33.tabletw100,
    .row>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) {

    .row>.w100.tablet2w100,
    .row>.w25.tablet2w100,
    .row>.w33.tablet2w100,
    .row>.w50.tablet2w100 {
        width: 100%
    }

    .row>.w100.tablet2w50,
    .row>.w25.tablet2w50,
    .row>.w33.tablet2w50,
    .row>.w50.tablet2w50 {
        width: calc(50% - (2rem))
    }

    .row>.w100.tablet2w33,
    .row>.w25.tablet2w33,
    .row>.w33.tablet2w33,
    .row>.w50.tablet2w33 {
        width: calc(33.333% - (2rem))
    }

    .row>.w100.tablet2w25,
    .row>.w25.tablet2w25,
    .row>.w33.tablet2w25,
    .row>.w50.tablet2w25 {
        width: calc(25% - (2rem))
    }
}

@media (max-width:540px) {

    .row>.w100.mobilew100,
    .row>.w25.mobilew100,
    .row>.w33.mobilew100,
    .row>.w50.mobilew100 {
        width: 100%
    }

    .row>.w100.mobilew50,
    .row>.w25.mobilew50,
    .row>.w33.mobilew50,
    .row>.w50.mobilew50 {
        width: calc(50% - (2rem))
    }
}

.row.margin12 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.row.margin12>.w100 {
    width: 100%
}

.row.margin12>.w50 {
    width: calc(50% - (1.5rem))
}

@media (max-width:1100px) {
    .row.margin12>.w50 {
        width: calc(50% - (1.25rem))
    }
}

.row.margin12>.w33 {
    width: calc(33.333% - (1.5rem))
}

@media (max-width:1100px) {
    .row.margin12>.w33 {
        width: calc(33.333% - (1.25rem))
    }
}

.row.margin12>.w25 {
    width: calc(25% - (1.5rem))
}

@media (max-width:1100px) {
    .row.margin12>.w25 {
        width: calc(25% - (1.25rem))
    }
}

.row.margin12>.w100,
.row.margin12>.w25,
.row.margin12>.w33,
.row.margin12>.w50 {
    margin-left: .75rem;
    margin-right: .75rem;
    margin-bottom: 1.5rem
}

@media (max-width:1100px) {

    .row.margin12>.w100,
    .row.margin12>.w25,
    .row.margin12>.w33,
    .row.margin12>.w50 {
        margin-left: .625rem;
        margin-right: .625rem;
        margin-bottom: 1.25rem
    }

    .row.margin12>.w100.notebookw50,
    .row.margin12>.w25.notebookw50,
    .row.margin12>.w33.notebookw50,
    .row.margin12>.w50.notebookw50 {
        width: calc(50% - (1.25rem))
    }
}

@media (max-width:1100px) {

    .row.margin12>.w100.tabletw20,
    .row.margin12>.w25.tabletw20,
    .row.margin12>.w33.tabletw20,
    .row.margin12>.w50.tabletw20 {
        width: calc(20% - (1.25rem))
    }

    .row.margin12>.w100.tabletw50,
    .row.margin12>.w25.tabletw50,
    .row.margin12>.w33.tabletw50,
    .row.margin12>.w50.tabletw50 {
        width: calc(50% - (1.25rem))
    }

    .row.margin12>.w100.tabletw33,
    .row.margin12>.w25.tabletw33,
    .row.margin12>.w33.tabletw33,
    .row.margin12>.w50.tabletw33 {
        width: calc(33.333% - (1.25rem))
    }

    .row.margin12>.w100.tabletw100,
    .row.margin12>.w25.tabletw100,
    .row.margin12>.w33.tabletw100,
    .row.margin12>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) {

    .row.margin12>.w100.tablet2w100,
    .row.margin12>.w25.tablet2w100,
    .row.margin12>.w33.tablet2w100,
    .row.margin12>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin12>.w100.tablet2w50,
    .row.margin12>.w25.tablet2w50,
    .row.margin12>.w33.tablet2w50,
    .row.margin12>.w50.tablet2w50 {
        width: calc(50% - (1.25rem))
    }

    .row.margin12>.w100.tablet2w33,
    .row.margin12>.w25.tablet2w33,
    .row.margin12>.w33.tablet2w33,
    .row.margin12>.w50.tablet2w33 {
        width: calc(33.333% - (1.25rem))
    }

    .row.margin12>.w100.tablet2w25,
    .row.margin12>.w25.tablet2w25,
    .row.margin12>.w33.tablet2w25,
    .row.margin12>.w50.tablet2w25 {
        width: calc(25% - (1.25rem))
    }
}

@media (max-width:540px) {

    .row.margin12>.w100.mobilew100,
    .row.margin12>.w25.mobilew100,
    .row.margin12>.w33.mobilew100,
    .row.margin12>.w50.mobilew100 {
        width: 100%
    }

    .row.margin12>.w100.mobilew50,
    .row.margin12>.w25.mobilew50,
    .row.margin12>.w33.mobilew50,
    .row.margin12>.w50.mobilew50 {
        width: calc(50% - (1.25rem))
    }
}

@media (min-width:1682px) {
    .wrapper .row.margin12 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .wrapper .row.margin12>.w100 {
        width: 100%
    }

    .wrapper .row.margin12>.w50 {
        width: calc(50% - (2rem))
    }
}

@media (min-width:1682px) and (max-width:1100px) {
    .wrapper .row.margin12>.w50 {
        width: calc(50% - (2rem))
    }
}

@media (min-width:1682px) {
    .wrapper .row.margin12>.w33 {
        width: calc(33.333% - (2rem))
    }
}

@media (min-width:1682px) and (max-width:1100px) {
    .wrapper .row.margin12>.w33 {
        width: calc(33.333% - (2rem))
    }
}

@media (min-width:1682px) {
    .wrapper .row.margin12>.w25 {
        width: calc(25% - (2rem))
    }
}

@media (min-width:1682px) and (max-width:1100px) {
    .wrapper .row.margin12>.w25 {
        width: calc(25% - (2rem))
    }
}

@media (min-width:1682px) {

    .wrapper .row.margin12>.w100,
    .wrapper .row.margin12>.w25,
    .wrapper .row.margin12>.w33,
    .wrapper .row.margin12>.w50 {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 2rem
    }
}

@media (min-width:1682px) and (max-width:1100px) {

    .wrapper .row.margin12>.w100,
    .wrapper .row.margin12>.w25,
    .wrapper .row.margin12>.w33,
    .wrapper .row.margin12>.w50 {
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 2rem
    }

    .wrapper .row.margin12>.w100.notebookw50,
    .wrapper .row.margin12>.w25.notebookw50,
    .wrapper .row.margin12>.w33.notebookw50,
    .wrapper .row.margin12>.w50.notebookw50 {
        width: calc(50% - (2rem))
    }
}

@media (min-width:1682px) and (max-width:1100px) {

    .wrapper .row.margin12>.w100.tabletw20,
    .wrapper .row.margin12>.w25.tabletw20,
    .wrapper .row.margin12>.w33.tabletw20,
    .wrapper .row.margin12>.w50.tabletw20 {
        width: calc(20% - (2rem))
    }

    .wrapper .row.margin12>.w100.tabletw50,
    .wrapper .row.margin12>.w25.tabletw50,
    .wrapper .row.margin12>.w33.tabletw50,
    .wrapper .row.margin12>.w50.tabletw50 {
        width: calc(50% - (2rem))
    }

    .wrapper .row.margin12>.w100.tabletw33,
    .wrapper .row.margin12>.w25.tabletw33,
    .wrapper .row.margin12>.w33.tabletw33,
    .wrapper .row.margin12>.w50.tabletw33 {
        width: calc(33.333% - (2rem))
    }

    .wrapper .row.margin12>.w100.tabletw100,
    .wrapper .row.margin12>.w25.tabletw100,
    .wrapper .row.margin12>.w33.tabletw100,
    .wrapper .row.margin12>.w50.tabletw100 {
        width: 100%
    }
}

@media (min-width:1682px) and (max-width:780px) {

    .wrapper .row.margin12>.w100.tablet2w100,
    .wrapper .row.margin12>.w25.tablet2w100,
    .wrapper .row.margin12>.w33.tablet2w100,
    .wrapper .row.margin12>.w50.tablet2w100 {
        width: 100%
    }

    .wrapper .row.margin12>.w100.tablet2w50,
    .wrapper .row.margin12>.w25.tablet2w50,
    .wrapper .row.margin12>.w33.tablet2w50,
    .wrapper .row.margin12>.w50.tablet2w50 {
        width: calc(50% - (2rem))
    }

    .wrapper .row.margin12>.w100.tablet2w33,
    .wrapper .row.margin12>.w25.tablet2w33,
    .wrapper .row.margin12>.w33.tablet2w33,
    .wrapper .row.margin12>.w50.tablet2w33 {
        width: calc(33.333% - (2rem))
    }

    .wrapper .row.margin12>.w100.tablet2w25,
    .wrapper .row.margin12>.w25.tablet2w25,
    .wrapper .row.margin12>.w33.tablet2w25,
    .wrapper .row.margin12>.w50.tablet2w25 {
        width: calc(25% - (2rem))
    }
}

@media (min-width:1682px) and (max-width:540px) {

    .wrapper .row.margin12>.w100.mobilew100,
    .wrapper .row.margin12>.w25.mobilew100,
    .wrapper .row.margin12>.w33.mobilew100,
    .wrapper .row.margin12>.w50.mobilew100 {
        width: 100%
    }

    .wrapper .row.margin12>.w100.mobilew50,
    .wrapper .row.margin12>.w25.mobilew50,
    .wrapper .row.margin12>.w33.mobilew50,
    .wrapper .row.margin12>.w50.mobilew50 {
        width: calc(50% - (2rem))
    }
}

@media (max-width:1100px) {
    .row.margin12 {
        margin-left: -.625rem;
        margin-right: -.625rem
    }
}

@media (max-width:780px) {
    .row.margin12 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .row.margin12>.w100 {
        width: 100%
    }

    .row.margin12>.w50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:780px) and (max-width:1100px) {
    .row.margin12>.w50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:780px) {
    .row.margin12>.w33 {
        width: calc(33.333% - (1rem))
    }
}

@media (max-width:780px) and (max-width:1100px) {
    .row.margin12>.w33 {
        width: calc(33.333% - (1rem))
    }
}

@media (max-width:780px) {
    .row.margin12>.w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:780px) and (max-width:1100px) {
    .row.margin12>.w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:780px) {

    .row.margin12>.w100,
    .row.margin12>.w25,
    .row.margin12>.w33,
    .row.margin12>.w50 {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-bottom: 1rem
    }
}

@media (max-width:780px) and (max-width:1100px) {

    .row.margin12>.w100,
    .row.margin12>.w25,
    .row.margin12>.w33,
    .row.margin12>.w50 {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-bottom: 1rem
    }

    .row.margin12>.w100.notebookw50,
    .row.margin12>.w25.notebookw50,
    .row.margin12>.w33.notebookw50,
    .row.margin12>.w50.notebookw50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:780px) and (max-width:1100px) {

    .row.margin12>.w100.tabletw20,
    .row.margin12>.w25.tabletw20,
    .row.margin12>.w33.tabletw20,
    .row.margin12>.w50.tabletw20 {
        width: calc(20% - (1rem))
    }

    .row.margin12>.w100.tabletw50,
    .row.margin12>.w25.tabletw50,
    .row.margin12>.w33.tabletw50,
    .row.margin12>.w50.tabletw50 {
        width: calc(50% - (1rem))
    }

    .row.margin12>.w100.tabletw33,
    .row.margin12>.w25.tabletw33,
    .row.margin12>.w33.tabletw33,
    .row.margin12>.w50.tabletw33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin12>.w100.tabletw100,
    .row.margin12>.w25.tabletw100,
    .row.margin12>.w33.tabletw100,
    .row.margin12>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) and (max-width:780px) {

    .row.margin12>.w100.tablet2w100,
    .row.margin12>.w25.tablet2w100,
    .row.margin12>.w33.tablet2w100,
    .row.margin12>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin12>.w100.tablet2w50,
    .row.margin12>.w25.tablet2w50,
    .row.margin12>.w33.tablet2w50,
    .row.margin12>.w50.tablet2w50 {
        width: calc(50% - (1rem))
    }

    .row.margin12>.w100.tablet2w33,
    .row.margin12>.w25.tablet2w33,
    .row.margin12>.w33.tablet2w33,
    .row.margin12>.w50.tablet2w33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin12>.w100.tablet2w25,
    .row.margin12>.w25.tablet2w25,
    .row.margin12>.w33.tablet2w25,
    .row.margin12>.w50.tablet2w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:780px) and (max-width:540px) {

    .row.margin12>.w100.mobilew100,
    .row.margin12>.w25.mobilew100,
    .row.margin12>.w33.mobilew100,
    .row.margin12>.w50.mobilew100 {
        width: 100%
    }

    .row.margin12>.w100.mobilew50,
    .row.margin12>.w25.mobilew50,
    .row.margin12>.w33.mobilew50,
    .row.margin12>.w50.mobilew50 {
        width: calc(50% - (1rem))
    }
}

.row.margin8 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.row.margin8>.w100 {
    width: 100%
}

.row.margin8>.w50 {
    width: calc(50% - (1rem))
}

@media (max-width:1100px) {
    .row.margin8>.w50 {
        width: calc(50% - (1rem))
    }
}

.row.margin8>.w33 {
    width: calc(33.333% - (1rem))
}

@media (max-width:1100px) {
    .row.margin8>.w33 {
        width: calc(33.333% - (1rem))
    }
}

.row.margin8>.w25 {
    width: calc(25% - (1rem))
}

@media (max-width:1100px) {
    .row.margin8>.w25 {
        width: calc(25% - (1rem))
    }
}

.row.margin8>.w100,
.row.margin8>.w25,
.row.margin8>.w33,
.row.margin8>.w50 {
    margin-left: .5rem;
    margin-right: .5rem;
    margin-bottom: 1rem
}

@media (max-width:1100px) {

    .row.margin8>.w100,
    .row.margin8>.w25,
    .row.margin8>.w33,
    .row.margin8>.w50 {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-bottom: 1rem
    }

    .row.margin8>.w100.notebookw50,
    .row.margin8>.w25.notebookw50,
    .row.margin8>.w33.notebookw50,
    .row.margin8>.w50.notebookw50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:1100px) {

    .row.margin8>.w100.tabletw20,
    .row.margin8>.w25.tabletw20,
    .row.margin8>.w33.tabletw20,
    .row.margin8>.w50.tabletw20 {
        width: calc(20% - (1rem))
    }

    .row.margin8>.w100.tabletw50,
    .row.margin8>.w25.tabletw50,
    .row.margin8>.w33.tabletw50,
    .row.margin8>.w50.tabletw50 {
        width: calc(50% - (1rem))
    }

    .row.margin8>.w100.tabletw33,
    .row.margin8>.w25.tabletw33,
    .row.margin8>.w33.tabletw33,
    .row.margin8>.w50.tabletw33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin8>.w100.tabletw100,
    .row.margin8>.w25.tabletw100,
    .row.margin8>.w33.tabletw100,
    .row.margin8>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) {

    .row.margin8>.w100.tablet2w100,
    .row.margin8>.w25.tablet2w100,
    .row.margin8>.w33.tablet2w100,
    .row.margin8>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin8>.w100.tablet2w50,
    .row.margin8>.w25.tablet2w50,
    .row.margin8>.w33.tablet2w50,
    .row.margin8>.w50.tablet2w50 {
        width: calc(50% - (1rem))
    }

    .row.margin8>.w100.tablet2w33,
    .row.margin8>.w25.tablet2w33,
    .row.margin8>.w33.tablet2w33,
    .row.margin8>.w50.tablet2w33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin8>.w100.tablet2w25,
    .row.margin8>.w25.tablet2w25,
    .row.margin8>.w33.tablet2w25,
    .row.margin8>.w50.tablet2w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:540px) {

    .row.margin8>.w100.mobilew100,
    .row.margin8>.w25.mobilew100,
    .row.margin8>.w33.mobilew100,
    .row.margin8>.w50.mobilew100 {
        width: 100%
    }

    .row.margin8>.w100.mobilew50,
    .row.margin8>.w25.mobilew50,
    .row.margin8>.w33.mobilew50,
    .row.margin8>.w50.mobilew50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:1100px) {
    .row.margin8 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .row.margin8.tablet8 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .row.margin8.tablet8>.w100 {
        width: 100%
    }

    .row.margin8.tablet8>.w50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:1100px) and (max-width:1100px) {
    .row.margin8.tablet8>.w50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:1100px) {
    .row.margin8.tablet8>.w33 {
        width: calc(33.333% - (1rem))
    }
}

@media (max-width:1100px) and (max-width:1100px) {
    .row.margin8.tablet8>.w33 {
        width: calc(33.333% - (1rem))
    }
}

@media (max-width:1100px) {
    .row.margin8.tablet8>.w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:1100px) and (max-width:1100px) {
    .row.margin8.tablet8>.w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:1100px) {

    .row.margin8.tablet8>.w100,
    .row.margin8.tablet8>.w25,
    .row.margin8.tablet8>.w33,
    .row.margin8.tablet8>.w50 {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-bottom: 1rem
    }
}

@media (max-width:1100px) and (max-width:1100px) {

    .row.margin8.tablet8>.w100,
    .row.margin8.tablet8>.w25,
    .row.margin8.tablet8>.w33,
    .row.margin8.tablet8>.w50 {
        margin-left: .5rem;
        margin-right: .5rem;
        margin-bottom: 1rem
    }

    .row.margin8.tablet8>.w100.notebookw50,
    .row.margin8.tablet8>.w25.notebookw50,
    .row.margin8.tablet8>.w33.notebookw50,
    .row.margin8.tablet8>.w50.notebookw50 {
        width: calc(50% - (1rem))
    }
}

@media (max-width:1100px) and (max-width:1100px) {

    .row.margin8.tablet8>.w100.tabletw20,
    .row.margin8.tablet8>.w25.tabletw20,
    .row.margin8.tablet8>.w33.tabletw20,
    .row.margin8.tablet8>.w50.tabletw20 {
        width: calc(20% - (1rem))
    }

    .row.margin8.tablet8>.w100.tabletw50,
    .row.margin8.tablet8>.w25.tabletw50,
    .row.margin8.tablet8>.w33.tabletw50,
    .row.margin8.tablet8>.w50.tabletw50 {
        width: calc(50% - (1rem))
    }

    .row.margin8.tablet8>.w100.tabletw33,
    .row.margin8.tablet8>.w25.tabletw33,
    .row.margin8.tablet8>.w33.tabletw33,
    .row.margin8.tablet8>.w50.tabletw33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin8.tablet8>.w100.tabletw100,
    .row.margin8.tablet8>.w25.tabletw100,
    .row.margin8.tablet8>.w33.tabletw100,
    .row.margin8.tablet8>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:1100px) and (max-width:780px) {

    .row.margin8.tablet8>.w100.tablet2w100,
    .row.margin8.tablet8>.w25.tablet2w100,
    .row.margin8.tablet8>.w33.tablet2w100,
    .row.margin8.tablet8>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin8.tablet8>.w100.tablet2w50,
    .row.margin8.tablet8>.w25.tablet2w50,
    .row.margin8.tablet8>.w33.tablet2w50,
    .row.margin8.tablet8>.w50.tablet2w50 {
        width: calc(50% - (1rem))
    }

    .row.margin8.tablet8>.w100.tablet2w33,
    .row.margin8.tablet8>.w25.tablet2w33,
    .row.margin8.tablet8>.w33.tablet2w33,
    .row.margin8.tablet8>.w50.tablet2w33 {
        width: calc(33.333% - (1rem))
    }

    .row.margin8.tablet8>.w100.tablet2w25,
    .row.margin8.tablet8>.w25.tablet2w25,
    .row.margin8.tablet8>.w33.tablet2w25,
    .row.margin8.tablet8>.w50.tablet2w25 {
        width: calc(25% - (1rem))
    }
}

@media (max-width:1100px) and (max-width:540px) {

    .row.margin8.tablet8>.w100.mobilew100,
    .row.margin8.tablet8>.w25.mobilew100,
    .row.margin8.tablet8>.w33.mobilew100,
    .row.margin8.tablet8>.w50.mobilew100 {
        width: 100%
    }

    .row.margin8.tablet8>.w100.mobilew50,
    .row.margin8.tablet8>.w25.mobilew50,
    .row.margin8.tablet8>.w33.mobilew50,
    .row.margin8.tablet8>.w50.mobilew50 {
        width: calc(50% - (1rem))
    }
}

.row.margin4 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.row.margin4>.w100 {
    width: 100%
}

.row.margin4>.w50 {
    width: calc(50% - (.5rem))
}

@media (max-width:1100px) {
    .row.margin4>.w50 {
        width: calc(50% - (.5rem))
    }
}

.row.margin4>.w33 {
    width: calc(33.333% - (.5rem))
}

@media (max-width:1100px) {
    .row.margin4>.w33 {
        width: calc(33.333% - (.5rem))
    }
}

.row.margin4>.w25 {
    width: calc(25% - (.5rem))
}

@media (max-width:1100px) {
    .row.margin4>.w25 {
        width: calc(25% - (.5rem))
    }
}

.row.margin4>.w100,
.row.margin4>.w25,
.row.margin4>.w33,
.row.margin4>.w50 {
    margin-left: .25rem;
    margin-right: .25rem;
    margin-bottom: .5rem
}

@media (max-width:1100px) {

    .row.margin4>.w100,
    .row.margin4>.w25,
    .row.margin4>.w33,
    .row.margin4>.w50 {
        margin-left: .25rem;
        margin-right: .25rem;
        margin-bottom: .5rem
    }

    .row.margin4>.w100.notebookw50,
    .row.margin4>.w25.notebookw50,
    .row.margin4>.w33.notebookw50,
    .row.margin4>.w50.notebookw50 {
        width: calc(50% - (.5rem))
    }
}

@media (max-width:1100px) {

    .row.margin4>.w100.tabletw20,
    .row.margin4>.w25.tabletw20,
    .row.margin4>.w33.tabletw20,
    .row.margin4>.w50.tabletw20 {
        width: calc(20% - (.5rem))
    }

    .row.margin4>.w100.tabletw50,
    .row.margin4>.w25.tabletw50,
    .row.margin4>.w33.tabletw50,
    .row.margin4>.w50.tabletw50 {
        width: calc(50% - (.5rem))
    }

    .row.margin4>.w100.tabletw33,
    .row.margin4>.w25.tabletw33,
    .row.margin4>.w33.tabletw33,
    .row.margin4>.w50.tabletw33 {
        width: calc(33.333% - (.5rem))
    }

    .row.margin4>.w100.tabletw100,
    .row.margin4>.w25.tabletw100,
    .row.margin4>.w33.tabletw100,
    .row.margin4>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) {

    .row.margin4>.w100.tablet2w100,
    .row.margin4>.w25.tablet2w100,
    .row.margin4>.w33.tablet2w100,
    .row.margin4>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin4>.w100.tablet2w50,
    .row.margin4>.w25.tablet2w50,
    .row.margin4>.w33.tablet2w50,
    .row.margin4>.w50.tablet2w50 {
        width: calc(50% - (.5rem))
    }

    .row.margin4>.w100.tablet2w33,
    .row.margin4>.w25.tablet2w33,
    .row.margin4>.w33.tablet2w33,
    .row.margin4>.w50.tablet2w33 {
        width: calc(33.333% - (.5rem))
    }

    .row.margin4>.w100.tablet2w25,
    .row.margin4>.w25.tablet2w25,
    .row.margin4>.w33.tablet2w25,
    .row.margin4>.w50.tablet2w25 {
        width: calc(25% - (.5rem))
    }
}

@media (max-width:540px) {

    .row.margin4>.w100.mobilew100,
    .row.margin4>.w25.mobilew100,
    .row.margin4>.w33.mobilew100,
    .row.margin4>.w50.mobilew100 {
        width: 100%
    }

    .row.margin4>.w100.mobilew50,
    .row.margin4>.w25.mobilew50,
    .row.margin4>.w33.mobilew50,
    .row.margin4>.w50.mobilew50 {
        width: calc(50% - (.5rem))
    }
}

@media (max-width:1100px) {
    .row.margin4 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }
}

.row.margin20 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.row.margin20>.w100 {
    width: 100%
}

.row.margin20>.w50 {
    width: calc(50% - (2.5rem))
}

@media (max-width:1100px) {
    .row.margin20>.w50 {
        width: calc(50% - (1.75rem))
    }
}

.row.margin20>.w33 {
    width: calc(33.333% - (2.5rem))
}

@media (max-width:1100px) {
    .row.margin20>.w33 {
        width: calc(33.333% - (1.75rem))
    }
}

.row.margin20>.w25 {
    width: calc(25% - (2.5rem))
}

@media (max-width:1100px) {
    .row.margin20>.w25 {
        width: calc(25% - (1.75rem))
    }
}

.row.margin20>.w100,
.row.margin20>.w25,
.row.margin20>.w33,
.row.margin20>.w50 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2.5rem
}

@media (max-width:1100px) {

    .row.margin20>.w100,
    .row.margin20>.w25,
    .row.margin20>.w33,
    .row.margin20>.w50 {
        margin-left: .875rem;
        margin-right: .875rem;
        margin-bottom: 1.75rem
    }

    .row.margin20>.w100.notebookw50,
    .row.margin20>.w25.notebookw50,
    .row.margin20>.w33.notebookw50,
    .row.margin20>.w50.notebookw50 {
        width: calc(50% - (1.75rem))
    }
}

@media (max-width:1100px) {

    .row.margin20>.w100.tabletw20,
    .row.margin20>.w25.tabletw20,
    .row.margin20>.w33.tabletw20,
    .row.margin20>.w50.tabletw20 {
        width: calc(20% - (1.75rem))
    }

    .row.margin20>.w100.tabletw50,
    .row.margin20>.w25.tabletw50,
    .row.margin20>.w33.tabletw50,
    .row.margin20>.w50.tabletw50 {
        width: calc(50% - (1.75rem))
    }

    .row.margin20>.w100.tabletw33,
    .row.margin20>.w25.tabletw33,
    .row.margin20>.w33.tabletw33,
    .row.margin20>.w50.tabletw33 {
        width: calc(33.333% - (1.75rem))
    }

    .row.margin20>.w100.tabletw100,
    .row.margin20>.w25.tabletw100,
    .row.margin20>.w33.tabletw100,
    .row.margin20>.w50.tabletw100 {
        width: 100%
    }
}

@media (max-width:780px) {

    .row.margin20>.w100.tablet2w100,
    .row.margin20>.w25.tablet2w100,
    .row.margin20>.w33.tablet2w100,
    .row.margin20>.w50.tablet2w100 {
        width: 100%
    }

    .row.margin20>.w100.tablet2w50,
    .row.margin20>.w25.tablet2w50,
    .row.margin20>.w33.tablet2w50,
    .row.margin20>.w50.tablet2w50 {
        width: calc(50% - (1.75rem))
    }

    .row.margin20>.w100.tablet2w33,
    .row.margin20>.w25.tablet2w33,
    .row.margin20>.w33.tablet2w33,
    .row.margin20>.w50.tablet2w33 {
        width: calc(33.333% - (1.75rem))
    }

    .row.margin20>.w100.tablet2w25,
    .row.margin20>.w25.tablet2w25,
    .row.margin20>.w33.tablet2w25,
    .row.margin20>.w50.tablet2w25 {
        width: calc(25% - (1.75rem))
    }
}

@media (max-width:540px) {

    .row.margin20>.w100.mobilew100,
    .row.margin20>.w25.mobilew100,
    .row.margin20>.w33.mobilew100,
    .row.margin20>.w50.mobilew100 {
        width: 100%
    }

    .row.margin20>.w100.mobilew50,
    .row.margin20>.w25.mobilew50,
    .row.margin20>.w33.mobilew50,
    .row.margin20>.w50.mobilew50 {
        width: calc(50% - (1.75rem))
    }
}

@media (max-width:1100px) {
    .row.margin20 {
        margin-left: -.875rem;
        margin-right: -.875rem
    }
}

.between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justifyCenter {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justifyEnd {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.alignStart {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.alignCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.alignEnd {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

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

.margin0 {
    margin: 0
}

:root {
    --vh: 100vh;
    --windowHeight: 100vh;
    --windowWidth: 100vw;
    --deltaVH: 0
}

.container {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
    padding-left: 10.9375rem;
    padding-right: 10.9375rem;
    position: relative
}

.container.technical {
    padding-top: 6.375rem;
    padding-bottom: 7.5rem;
    padding-left: 12.75rem;
    padding-right: 12.75rem
}

@media (max-width:1100px) {
    .container.technical {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:780px) {
    .container.technical {
        padding-top: 6.25rem;
        padding-bottom: 3.75rem
    }
}

.container.product {
    padding-left: 8.125rem;
    padding-right: 6.25rem
}

@media (max-width:1100px) {
    .container.product {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 5rem
    }
}

.container.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.container.px-100 {
    padding-left: 6.25rem;
    padding-right: 6.25rem
}

@media (max-width:1100px) {
    .container.px-100 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.container.medium {
    padding-left: 4.6875rem;
    padding-right: 4.6875rem
}

@media (max-width:1100px) {
    .container.medium {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.container.small {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
    padding-left: 2.875rem;
    padding-right: 2.875rem
}

@media (max-width:1100px) {
    .container.small {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.container.small2 {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem
}

@media (max-width:1100px) {
    .container.small2 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (max-width:1100px) {
    .container {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-bottom: 6.375rem
    }
}

.container.static {
    position: static
}

.container.noPaddingBottom {
    padding-bottom: 0
}

.container_without_padding {
    padding-top: 0;
    padding-bottom: 0
}

.container:after {
    content: "";
    display: table;
    clear: both
}

.wrapper {
    position: relative
}

.wrapper>div:after {
    content: "";
    display: table;
    clear: both
}

pre {
    overflow: auto
}

.animation0s {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important
}

.animation0s * {
    -webkit-animation: none !important;
    animation: none !important;
    -webkit-animation-delay: 0s !important;
    animation-delay: 0s !important
}

.transition0s {
    -webkit-transition: 0s !important;
    transition: 0s !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.transition0s * {
    -webkit-transition: 0s !important;
    transition: 0s !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

.lazy,
.lazyWebp {
    -webkit-transition: .45s ease-in-out opacity;
    transition: .45s ease-in-out opacity;
    visibility: hidden;
    opacity: 0
}

.lazy.show,
.lazyWebp.show {
    visibility: visible;
    opacity: 1
}

.svg-icon {
    width: 1.125rem;
    height: 1.125rem
}

.svg-icon use {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    fill: none;
    stroke: #fcfcfc;
    stroke-width: 1.5px
}

.svg-icon path {
    fill: #fcfcfc
}

.svg-icon.gray use {
    stroke: #214a4f
}

.svg-icon.blue path {
    fill: #214a4f
}

.svg-icon.white path {
    fill: #fcfcfc
}

.svg-icon.white use {
    stroke: #fcfcfc
}

.blueContent .svg-icon.white use {
    stroke: #fcfcfc
}

.blueContent .svg-icon use {
    stroke: #214a4f
}

.blueContent .button.primary:not(.white) .svg-icon use {
    stroke: #fcfcfc
}

.svg-icon-wrap.fill .svg-icon use,
.svg-icon.fill use {
    stroke: none;
    fill: #fcfcfc
}

.svg-icon-wrap.fill .svg-icon.red use,
.svg-icon.fill.red use {
    fill: #ff3049
}

.svg-icon-wrap.fill .svg-icon.gray use,
.svg-icon.fill.gray use {
    fill: #214a4f
}

.svg-icon-wrap.fill .svg-icon.blue use,
.svg-icon.fill.blue use {
    fill: #214a4f
}

svg {
    overflow: visible
}

.styleBoxes,
.wrapper>.styleBoxes {
    position: relative;
    overflow: hidden
}

.styleBoxes[data-style-loaded=true],
.wrapper>.styleBoxes[data-style-loaded=true] {
    overflow: inherit
}

.styleBoxes[data-style-loaded=true]::after,
.wrapper>.styleBoxes[data-style-loaded=true]::after {
    opacity: 0;
    pointer-events: none
}

.styleBoxes::after,
.wrapper>.styleBoxes::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    background: #fcfcfc;
    z-index: 4
}

@media (max-width:780px) {

    .styleBoxes::after,
    .wrapper>.styleBoxes::after {
        z-index: 100
    }
}

@media (max-width:540px) {

    .styleBoxes::after,
    .wrapper>.styleBoxes::after {
        -webkit-transition: opacity .5s;
        transition: opacity .5s
    }
}

.styleBoxes.pageHeroScreen::after,
.wrapper>.styleBoxes.pageHeroScreen::after {
    display: none
}

.wrapper[data-style-loaded=true]>.styleBoxes:after {
    display: none
}

.styleBoxes.noStyles {
    overflow: inherit
}

.min100vh {
    min-height: var(--vh)
}

.customFade:not(.init) {
    opacity: 0
}

@media screen and (max-width:1100px) {
    .pageHeroScreen .customFade:not(.init) {
        opacity: 1
    }
}

.tabletOnly {
    display: none !important
}

@media (max-width:1100px) {
    .tabletOnly {
        display: block !important
    }
}

.tablet2Only {
    display: none !important
}

@media (max-width:780px) {
    .tablet2Only {
        display: block !important
    }
}

.minTablet2Only {
    display: none !important
}

@media (min-width:781px) {
    .minTablet2Only {
        display: block !important
    }
}

.minNotebookOnly {
    display: none !important
}

@media (min-width:1101px) {
    .minNotebookOnly {
        display: block !important
    }
}

.mobileOnly {
    display: none !important
}

@media (max-width:540px) {
    .mobileOnly {
        display: block !important
    }
}

.desktopOnly {
    display: none !important
}

@media (min-width:1481px) {
    .desktopOnly {
        display: block !important
    }
}

.styleBoxes[data-style-loaded=false]>* {
    position: relative;
    max-width: 100%;
    overflow: hidden
}

p {
    margin-top: 0
}

.split {
    opacity: 0
}

.split .rows {
    margin-left: -1.25rem;
    display: block
}

.split .line {
    display: block;
    overflow: hidden;
    padding-top: 1%;
    padding-left: 1.25rem
}

@media (max-width:780px) {
    .split .line {
        padding-bottom: 1%;
        margin-bottom: -2%
    }

    .split .line:last-child {
        margin: 0
    }
}

.split.animation-done .line {
    overflow: unset
}

.split.init .word {
    display: inline-block;
    -webkit-transform: translateY(150%);
    -ms-transform: translateY(150%);
    transform: translateY(150%);
    will-change: transform
}

.split.init.show {
    opacity: 1
}

.split.init.show .word {
    -webkit-animation: showSolitText .75s ease forwards;
    animation: showSolitText .75s ease forwards;
    -webkit-animation-delay: inherit;
    animation-delay: inherit
}

@-webkit-keyframes showSolitText {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes showSolitText {
    0% {
        -webkit-transform: translateY(150%);
        transform: translateY(150%);
        opacity: 0
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.lazyWebpPicture {
    background: #3d3d3d;
    display: block
}

.lazyWebpPicture img {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.lazyWebpPicture.transparent {
    background: 0 0
}

.parallaxImage {
    overflow: hidden
}

.parallaxImage>img,
.parallaxImage>picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    will-change: transform
}

@media screen and (max-width:1100px) {
    .tablet-hidden {
        display: none !important
    }

    .tablet-visible-block {
        display: block !important
    }

    .tablet-visible-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width:1101px) {

    .tablet-visible,
    .tablet-visible-block,
    .tablet-visible-flex {
        display: none !important
    }
}

@media screen and (max-width:780px) {
    .tablet2-hidden {
        display: none !important
    }

    .tablet2-visible-block {
        display: block !important
    }

    .tablet2-visible-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width:781px) {

    .tablet2-visible,
    .tablet2-visible-block,
    .tablet2-visible-flex {
        display: none !important
    }
}

@media screen and (max-width:540px) {
    .mobile-hidden {
        display: none !important
    }

    .mobile-visible-block {
        display: block !important
    }

    .mobile-visible-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

@media screen and (min-width:541px) {

    .mobile-visible,
    .mobile-visible-block,
    .mobile-visible-flex {
        display: none !important
    }
}

.keepUpdated .image .lazyWebpPicture {
    background: #214a4f
}

.keepUpdated .dogWrap {
    position: absolute;
    width: 16.2637362637vw;
    height: 16.7032967033vw;
    top: 55%;
    right: 19%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1100px) {
    .keepUpdated .dogWrap {
        width: 100%;
        height: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.keepUpdated .dogWrap .notice {
    width: 5.4166666667vw;
    height: 2.2222222222vw;
    position: absolute;
    bottom: 100%;
    right: 100%;
    display: none;
    margin-right: -3.1944444444vw
}

.keepUpdated .dogWrap .notice img {
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1100px) {
    .keepUpdated .dogWrap .notice {
        visibility: hidden
    }
}

.keepUpdated .dogWrap svg {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(2.1) translateY(-.2083333333vw) !important;
    -ms-transform: scale(2.1) translateY(-.2083333333vw) !important;
    transform: scale(2.1) translateY(-.2083333333vw) !important
}

@media (max-width:1100px) {
    .keepUpdated .dogWrap svg {
        -webkit-transform: scale(1) translateY(-20%) !important;
        -ms-transform: scale(1) translateY(-20%) !important;
        transform: scale(1) translateY(-20%) !important;
        width: 100vw !important;
        height: 216.5333333333vw !important;
        min-height: 100%
    }
}

@media (max-width:780px) {
    .keepUpdated .dogWrap svg {
        -webkit-transform: scale(1) translateY(-10%) !important;
        -ms-transform: scale(1) translateY(-10%) !important;
        transform: scale(1) translateY(-10%) !important
    }
}

@media (max-width:540px) {
    .keepUpdated .dogWrap svg {
        -webkit-transform: scale(1) translateY(0) !important;
        -ms-transform: scale(1) translateY(0) !important;
        transform: scale(1) translateY(0) !important
    }
}

.cky-notice-des a {
    color: #214a4e !important
}

.accordionItem .accordionTitle {
    position: relative;
    padding-right: 1.875rem;
    padding-top: 1.75rem;
    padding-bottom: 1rem;
    width: 100%;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.accordionItem .accordionTitle h5 {
    margin: 0;
    font-family: Gotham;
    font-size: 1rem;
    font-style: normal;
    line-height: 160%;
    letter-spacing: .05rem;
    text-transform: uppercase
}

.accordionItem .accordionTitle h5.onOpen {
    display: none
}

.accordionItem .accordionTitle .svg-icon {
    position: absolute;
    top: .625rem;
    bottom: 0;
    right: 0;
    width: 1.125rem;
    height: 1.125rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: auto
}

.accordionItem .accordionTitle .svg-icon use {
    stroke-width: 2px;
    stroke: #214a4f
}

.accordionItem.open .accordionTitle h5.static {
    display: none
}

.accordionItem.open .accordionTitle h5.onOpen {
    display: block
}

.accordionItem.visible .accordionContent {
    overflow: visible
}

.accordionItem .accordionContent {
    display: none;
    overflow: hidden;
    width: 100%
}

.accordionItem .accordionContent ol,
.accordionItem .accordionContent p,
.accordionItem .accordionContent ul {
    margin-bottom: .9375rem
}

@media (max-width:1100px) {

    .accordionItem .accordionContent ol,
    .accordionItem .accordionContent p,
    .accordionItem .accordionContent ul {
        margin-bottom: .8125rem
    }
}

.accordionItem .accordionContent ol:last-child,
.accordionItem .accordionContent p:last-child,
.accordionItem .accordionContent ul:last-child {
    margin: 0
}

.accordionItem .accordionContent b,
.accordionItem .accordionContent strong {
    font-weight: 500;
    font-size: .75rem
}

.accordionItem .accordionContent p:last-child {
    margin-bottom: 0
}

.accordionItem.open .accordionTitle .svg-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width:1100px) {
    .accordionItem .accordionTitle {
        padding-top: 1.6875rem;
        padding-bottom: .8125rem
    }

    .accordionItem .accordionContent {
        line-height: 143%
    }
}

.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) {
    pointer-events: none
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button),
.modal .button,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button),
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) {
    background: no-repeat;
    outline: 0;
    font-family: Helvetica;
    height: 3.1875rem;
    min-height: 2.5625rem;
    border: 0;
    z-index: 1;
    outline: 0;
    cursor: pointer;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    text-decoration: none !important;
    color: #fcfcfc;
    padding: .5625rem 1.25rem .4375rem 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    font-style: normal;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    font-family: Gotham;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .075rem;
    text-transform: uppercase
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static,
.modal .button.static,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static {
    cursor: inherit
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static::before,
.modal .button.static::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).static::before {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) span,
.modal .button span,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) span,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) span {
    position: relative
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w170,
.modal .button.w170,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w170,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w170 {
    width: 10.625rem;
    min-width: initial !important;
    max-width: 100%
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w280,
.modal .button.w280,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w280,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w280 {
    width: 17.5rem;
    min-width: initial !important;
    max-width: 100%
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w210,
.modal .button.w210,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w210,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w210 {
    width: 13.125rem;
    min-width: initial !important;
    max-width: 100%
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w255,
.modal .button.w255,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w255,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w255 {
    width: 15.9375rem;
    min-width: initial !important;
    max-width: 100%
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w320,
.modal .button.w320,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w320,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w320 {
    width: 20rem;
    min-width: initial !important;
    max-width: 100%
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w100,
.modal .button.w100,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w100,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).w100 {
    width: 100%;
    min-width: initial !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).widthAuto,
.modal .button.widthAuto,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).widthAuto,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).widthAuto {
    width: auto;
    min-width: initial !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .background,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .progressLine,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active::before,
.modal .button:active .background,
.modal .button:active .progressLine,
.modal .button:active::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .background,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .progressLine,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .background,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active .progressLine,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):active::before {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).disabled,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button)[disabled],
.modal .button.disabled,
.modal .button[disabled],
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).disabled,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button)[disabled],
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).disabled,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button)[disabled] {
    pointer-events: none;
    cursor: default
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).active,
.modal .button.active,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).active,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).active {
    cursor: default
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon-wrap,
.modal .button .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon-wrap {
    position: relative;
    width: 1.125rem;
    height: 1.125rem;
    margin-left: .625rem;
    top: -.0625rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):before,
.modal .button:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button):before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon,
.modal .button.icon,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon {
    width: 2.5rem;
    height: 2.5rem;
    min-height: 2.5rem;
    border-radius: 50%;
    padding: .3125rem;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:before,
.modal .button.icon:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:before {
    background: #fcfcfc
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap,
.modal .button.icon .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap {
    margin: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon use,
.modal .button.icon .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon use {
    stroke: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover:before,
    .modal .button.icon:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover:before {
        background: #214a4f
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover .svg-icon use,
    .modal .button.icon:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:hover .svg-icon use {
        stroke: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active:before,
    .modal .button.icon:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active:before {
        background: #214a4f
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active .svg-icon use,
    .modal .button.icon:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon:active .svg-icon use {
        stroke: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill,
.modal .button.icon .svg-icon-wrap.fill,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill .svg-icon use,
.modal .button.icon .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill .svg-icon use {
    stroke: unset;
    fill: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:hover .svg-icon use,
    .modal .button.icon .svg-icon-wrap.fill:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:hover .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:active .svg-icon use,
    .modal .button.icon .svg-icon-wrap.fill:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).icon .svg-icon-wrap.fill:active .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly,
.modal .button.iconOnly,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly {
    width: 1.125rem;
    height: 1.125rem;
    min-height: initial;
    border-radius: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:before,
.modal .button.iconOnly:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:before {
    display: none
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap,
.modal .button.iconOnly .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap {
    margin: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon use,
.modal .button.iconOnly .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon use {
    stroke: #214a4f;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:hover .svg-icon use,
    .modal .button.iconOnly:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:hover .svg-icon use {
        stroke: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:active .svg-icon use,
    .modal .button.iconOnly:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly:active .svg-icon use {
        stroke: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill,
.modal .button.iconOnly .svg-icon-wrap.fill,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill .svg-icon use,
.modal .button.iconOnly .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill .svg-icon use {
    stroke: unset;
    fill: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:hover .svg-icon use,
    .modal .button.iconOnly .svg-icon-wrap.fill:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:hover .svg-icon use {
        stroke: unset;
        fill: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:active .svg-icon use,
    .modal .button.iconOnly .svg-icon-wrap.fill:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).iconOnly .svg-icon-wrap.fill:active .svg-icon use {
        stroke: unset;
        fill: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle,
.modal .button.toggle,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle {
    cursor: pointer;
    width: 1.125rem;
    height: 1.125rem;
    min-height: initial;
    border-radius: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:before,
.modal .button.toggle:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:before {
    display: none
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap,
.modal .button.toggle .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap {
    margin: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    top: 0 !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.active,
.modal .button.toggle .svg-icon-wrap.active,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.active,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.active {
    opacity: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon use,
.modal .button.toggle .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon use {
    stroke: #214a4f;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap,
.modal .button.toggle.active .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap {
    opacity: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap.active,
.modal .button.toggle.active .svg-icon-wrap.active,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap.active,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.active .svg-icon-wrap.active {
    opacity: 1
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:hover .svg-icon use,
    .modal .button.toggle:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:hover .svg-icon use {
        stroke: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:active .svg-icon use,
    .modal .button.toggle:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle:active .svg-icon use {
        stroke: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill,
.modal .button.toggle .svg-icon-wrap.fill,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill .svg-icon use,
.modal .button.toggle .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill .svg-icon use {
    stroke: unset;
    fill: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:hover .svg-icon use,
    .modal .button.toggle .svg-icon-wrap.fill:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:hover .svg-icon use {
        stroke: unset;
        fill: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:active .svg-icon use,
    .modal .button.toggle .svg-icon-wrap.fill:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle .svg-icon-wrap.fill:active .svg-icon use {
        stroke: unset;
        fill: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart span:not(.svg-icon-wrap),
.modal .button.toggle.heart span:not(.svg-icon-wrap),
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart span:not(.svg-icon-wrap),
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart span:not(.svg-icon-wrap) {
    pointer-events: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    position: absolute;
    right: calc(100% + .125rem);
    letter-spacing: 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.05rem;
    color: #214a4f;
    text-transform: capitalize;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 0
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active,
.modal .button.toggle.heart.active,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active .svg-icon use,
.modal .button.toggle.heart.active .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active .svg-icon use {
    fill: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:hover .svg-icon use,
    .modal .button.toggle.heart.active:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:hover .svg-icon use {
        fill: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:active .svg-icon use,
    .modal .button.toggle.heart.active:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.active:active .svg-icon use {
        fill: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.activeAnim span:not(.svg-icon-wrap),
.modal .button.toggle.heart.activeAnim span:not(.svg-icon-wrap),
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.activeAnim span:not(.svg-icon-wrap),
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).toggle.heart.activeAnim span:not(.svg-icon-wrap) {
    opacity: 1;
    -webkit-animation: toFavorite 1.5s ease forwards;
    animation: toFavorite 1.5s ease forwards
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary,
.modal .button.primary,
.modal .button.secondary,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary {
    border-radius: 1.625rem;
    min-width: 12.5rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.between,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.between,
.modal .button.primary.between,
.modal .button.secondary.between,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.between,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.between,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.between,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.between {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small,
.modal .button.primary.small,
.modal .button.secondary.small,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small {
    min-height: initial;
    height: 1.8125rem;
    font-size: .424rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: .042375rem;
    padding: .25rem .70625rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small .svg-icon-wrap,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small .svg-icon-wrap,
.modal .button.primary.small .svg-icon-wrap,
.modal .button.secondary.small .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.small .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.small .svg-icon-wrap {
    width: .63625rem;
    height: .63625rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary,
.modal .button.primary,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary {
    color: #fcfcfc;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:before,
.modal .button.primary:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:before {
    background: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:hover:before,
    .modal .button.primary:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:hover:before {
        background: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:active:before,
    .modal .button.primary:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary:active:before {
        background: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled],
.modal .button.primary.disabled,
.modal .button.primary[disabled],
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled],
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled] {
    color: rgba(245, 245, 245, .5)
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled .svg-icon use,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled] .svg-icon use,
.modal .button.primary.disabled .svg-icon use,
.modal .button.primary[disabled] .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled] .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled] .svg-icon use {
    stroke: rgba(245, 245, 245, .5)
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled:before,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled]:before,
.modal .button.primary.disabled:before,
.modal .button.primary[disabled]:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled]:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.disabled:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary[disabled]:before {
    background: rgba(61, 61, 61, .3)
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled],
.modal .button.primary.secondDisabled.disabled,
.modal .button.primary.secondDisabled[disabled],
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled],
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled] {
    color: #fcfcfc
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled .svg-icon use,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled] .svg-icon use,
.modal .button.primary.secondDisabled.disabled .svg-icon use,
.modal .button.primary.secondDisabled[disabled] .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled] .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled] .svg-icon use {
    stroke: #fcfcfc
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled:before,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled]:before,
.modal .button.primary.secondDisabled.disabled:before,
.modal .button.primary.secondDisabled[disabled]:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled]:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled.disabled:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.secondDisabled[disabled]:before {
    background: #c2d4d6
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white,
.modal .button.primary.white,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white {
    color: #214a4f;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:before,
.modal .button.primary.white:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:before {
    background: #fcfcfc
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover,
    .modal .button.primary.white:hover,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover {
        color: #7ec0c9
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover:before,
    .modal .button.primary.white:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover:before {
        background: #18363a
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover .svg-icon use,
    .modal .button.primary.white:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:hover .svg-icon use {
        stroke: #7ec0c9
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active,
    .modal .button.primary.white:active,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active {
        color: #7ec0c9
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active:before,
    .modal .button.primary.white:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active:before {
        background: #18363a
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active .svg-icon use,
    .modal .button.primary.white:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.white:active .svg-icon use {
        stroke: #7ec0c9
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap,
.modal .button.primary.payment .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap {
    width: auto;
    height: auto
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap:first-child,
.modal .button.primary.payment .svg-icon-wrap:first-child,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap:first-child,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon-wrap:first-child {
    margin-left: 0;
    margin-right: .625rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon,
.modal .button.primary.payment .svg-icon,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.payment .svg-icon {
    width: auto;
    height: 1.1875rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black,
.modal .button.primary.black,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black {
    color: #fcfcfc;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:before,
.modal .button.primary.black:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:before {
    background: #000
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:hover:before,
    .modal .button.primary.black:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:hover:before {
        background: #3d3d3d
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:active:before,
    .modal .button.primary.black:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.black:active:before {
        background: #3d3d3d
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink,
.modal .button.primary.pink,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink {
    color: #0b051d;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:before,
.modal .button.primary.pink:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:before {
    background: #ffa8cd
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:hover:before,
    .modal .button.primary.pink:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:hover:before {
        background: #ff75b0
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:active:before,
    .modal .button.primary.pink:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.pink:active:before {
        background: #ff75b0
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray,
.modal .button.primary.gray,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray {
    color: #214a4f;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:before,
.modal .button.primary.gray:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:before {
    background: #e6eeef
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon use,
.modal .button.primary.gray .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon use {
    stroke: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover,
    .modal .button.primary.gray:hover,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover {
        color: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover:before,
    .modal .button.primary.gray:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover:before {
        background: #306b73
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover .svg-icon use,
    .modal .button.primary.gray:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:hover .svg-icon use {
        stroke: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active,
    .modal .button.primary.gray:active,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active {
        color: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active:before,
    .modal .button.primary.gray:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active:before {
        background: #306b73
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active .svg-icon use,
    .modal .button.primary.gray:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray:active .svg-icon use {
        stroke: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill,
.modal .button.primary.gray .svg-icon-wrap.fill,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill .svg-icon use,
.modal .button.primary.gray .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill .svg-icon use {
    stroke: unset;
    fill: #fcfcfc
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:hover .svg-icon use,
    .modal .button.primary.gray .svg-icon-wrap.fill:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:hover .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:active .svg-icon use,
    .modal .button.primary.gray .svg-icon-wrap.fill:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray .svg-icon-wrap.fill:active .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray.disabled,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray[disabled],
.modal .button.primary.gray.disabled,
.modal .button.primary.gray[disabled],
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray.disabled,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray[disabled],
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray.disabled,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).primary.gray[disabled] {
    opacity: .5
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary,
.modal .button.secondary,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary {
    color: #214a4f;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:before,
.modal .button.secondary:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:before {
    border: .09375rem solid #214a4f
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon use,
.modal .button.secondary .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon use {
    stroke: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover,
    .modal .button.secondary:hover,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover {
        color: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover:before,
    .modal .button.secondary:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover:before {
        background: #306b73;
        border-color: #306b73
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon use,
    .modal .button.secondary:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon use {
        stroke: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active,
    .modal .button.secondary:active,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active {
        color: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active:before,
    .modal .button.secondary:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active:before {
        background: #306b73;
        border-color: #306b73
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon use,
    .modal .button.secondary:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon use {
        stroke: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon-wrap.fill .svg-icon use,
.modal .button.secondary .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary .svg-icon-wrap.fill .svg-icon use {
    stroke: unset;
    fill: #214a4f
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon-wrap.fill .svg-icon use,
    .modal .button.secondary:hover .svg-icon-wrap.fill .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon-wrap.fill .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:hover .svg-icon-wrap.fill .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon-wrap.fill .svg-icon use,
    .modal .button.secondary:active .svg-icon-wrap.fill .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon-wrap.fill .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary:active .svg-icon-wrap.fill .svg-icon use {
        stroke: unset;
        fill: #fcfcfc
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue,
.modal .button.secondary.blue,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:before,
.modal .button.secondary.blue:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:before {
    background: #b7dce1;
    border-color: #b7dce1
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:hover:before,
    .modal .button.secondary.blue:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:hover:before {
        background: #306b73;
        border-color: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:active:before,
    .modal .button.secondary.blue:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.blue:active:before {
        background: #306b73;
        border-color: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled],
.modal .button.secondary.disabled,
.modal .button.secondary[disabled],
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled],
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled] {
    color: #c2d4d6
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled::before,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled]::before,
.modal .button.secondary.disabled::before,
.modal .button.secondary[disabled]::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled]::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled]::before {
    border-color: #c2d4d6
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled .svg-icon use,
.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled] .svg-icon use,
.modal .button.secondary.disabled .svg-icon use,
.modal .button.secondary[disabled] .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled] .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.disabled .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary[disabled] .svg-icon use {
    stroke: #c2d4d6
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground,
.modal .button.secondary.whiteBackground,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground::before,
.modal .button.secondary.whiteBackground::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground::before {
    background: #fcfcfc
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:hover:before,
    .modal .button.secondary.whiteBackground:hover:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:hover:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:hover:before {
        background: #306b73;
        border-color: #306b73
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:active:before,
    .modal .button.secondary.whiteBackground:active:before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:active:before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.whiteBackground:active:before {
        background: #306b73;
        border-color: #306b73
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white,
.modal .button.secondary.white,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white {
    color: #fcfcfc;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white::before,
.modal .button.secondary.white::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white::before {
    border-color: #fcfcfc
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white .svg-icon use,
.modal .button.secondary.white .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white .svg-icon use {
    stroke: #fcfcfc
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover,
    .modal .button.secondary.white:hover,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover {
        color: #214a4f
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover::before,
    .modal .button.secondary.white:hover::before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover::before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover::before {
        background: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover .svg-icon use,
    .modal .button.secondary.white:hover .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:hover .svg-icon use {
        stroke: #214a4f
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active,
    .modal .button.secondary.white:active,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active {
        color: #214a4f
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active::before,
    .modal .button.secondary.white:active::before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active::before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active::before {
        background: #fcfcfc
    }

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active .svg-icon use,
    .modal .button.secondary.white:active .svg-icon use,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active .svg-icon use,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).secondary.white:active .svg-icon use {
        stroke: #214a4f
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied,
.modal .button.copied,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied {
    pointer-events: none;
    color: #fcfcfc !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied:before,
.modal .button.copied:before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied:before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied:before {
    background: #214a4f !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap,
.modal .button.copied .svg-icon-wrap,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap {
    width: 1.5rem;
    height: 1.5rem;
    right: -.125rem
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap .svg-icon use,
.modal .button.copied .svg-icon-wrap .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap .svg-icon use {
    stroke: #fcfcfc !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap.fill .svg-icon use,
.modal .button.copied .svg-icon-wrap.fill .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap.fill .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).copied .svg-icon-wrap.fill .svg-icon use {
    stroke: unset !important;
    fill: #fcfcfc !important
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio,
.modal .button.radio,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio {
    cursor: pointer;
    border-radius: 2rem;
    padding: .3125rem 1rem .25rem;
    min-width: initial;
    height: 2.125rem;
    min-height: initial;
    color: #214a4f;
    text-transform: none;
    letter-spacing: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio::before,
.modal .button.radio::before,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio::before,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio::before {
    border: .0625rem solid rgba(33, 74, 79, .2)
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input,
.modal .button.radio input,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input {
    display: none
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked+.background,
.modal .button.radio input:checked+.background,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked+.background,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked+.background {
    opacity: 1
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked~span,
.modal .button.radio input:checked~span,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked~span,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio input:checked~span {
    color: #fcfcfc
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio .background,
.modal .button.radio .background,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio .background,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio .background {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: inherit;
    background: #214a4f;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    opacity: 0
}

@media (min-width:781px) and (hover:hover) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:hover::before,
    .modal .button.radio:hover::before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:hover::before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:hover::before {
        border-color: #214a4f
    }
}

@media (min-width:781px) {

    .cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:active::before,
    .modal .button.radio:active::before,
    .wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:active::before,
    .wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button).radio:active::before {
        border-color: #214a4f
    }
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon,
.modal .button .svg-icon,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon {
    z-index: 1;
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.cookies .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon use,
.modal .button .svg-icon use,
.wp-core-ui .editor-styles-wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon use,
.wrapper .button:not(.wp-color-result):not(.wp-picker-clear):not(.acf-button):not(.ed_button) .svg-icon use {
    stroke-width: 1.5px
}

@-webkit-keyframes toFavorite {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes toFavorite {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

.checkout-success-section {
    background: #214a4f
}

.checkout-success-section .titleSection {
    text-align: center;
    font-size: .875rem;
    line-height: 140%
}

.checkout-success-section .titleSection .image {
    width: 13.25rem;
    height: 11.6875rem;
    margin: 0 auto 2.5rem
}

.checkout-success-section .titleSection .image svg {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.4) !important;
    -ms-transform: scale(1.4) !important;
    transform: scale(1.4) !important
}

.checkout-success-section .titleSection .button {
    margin-top: 1.6875rem
}

.checkout-success-section .h2 {
    font-weight: 400;
    margin-bottom: .875rem
}

@media (max-width:780px) {
    .checkout-success-section .h2 {
        font-size: 2rem;
        font-weight: 550;
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

.checkout-success-section .checkout-section {
    width: 100%;
    max-width: 45rem;
    margin: auto
}

@media (max-width:780px) {
    .checkout-success-section .titleSection p {
        padding: 0 2.5rem
    }

    .checkout-success-section .titleSection .button {
        width: 100% !important
    }

    .checkout-success-section .titleSection .image {
        width: 8.75rem;
        height: 7.75rem;
        margin: 0 auto 2.5rem
    }
}

.checkout-success-section .checkoutCardList .checkoutCardItem {
    color: #fcfcfc !important
}

@media (max-width:780px) {
    .checkout-success-section .checkoutCardList .checkoutCardItem {
        margin-bottom: 1.6875rem
    }
}

@media (max-width:780px) {
    .checkout-success-section .checkoutCardList {
        margin-bottom: 0 !important
    }
}

.checkout-success-section .checkoutCardTable .price.total {
    top: -.5rem
}

.checkout-success-section .checkoutCardTable .price.total strong {
    font-weight: 500
}

.checkout-success-section .shelter-loading {
    position: relative;
    display: none
}

.checkout-success-section .shelter-loading.show {
    display: block
}

.checkout-success-section .shelter-info.hide {
    display: none
}

.checkout-success-section .shelter-script {
    display: none;
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.checkout-success-section .shelter-script.show {
    display: block
}

.statBlock {
    margin: 3.75rem 0;
    padding: 2.5rem 1.1875rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.75rem 7.5rem;
    text-align: center
}

.statBlock__item {
    position: relative
}

.statBlock__item:nth-child(odd):not(:last-child):after {
    content: "";
    position: absolute;
    left: calc(100% + 3.75rem);
    top: 0;
    bottom: 0;
    width: .0625rem;
    background: #306b73
}

@media (max-width:780px) {
    .statBlock__item:nth-child(odd):not(:last-child):after {
        width: auto;
        height: .0625rem;
        left: 0;
        right: 0;
        top: calc(100% + 3.75rem)
    }
}

.statBlock__item:nth-child(odd):last-child {
    grid-column: span 2
}

@media (max-width:780px) {
    .statBlock__item:last-child:after {
        display: none !important
    }
}

.statBlock__item .num {
    font-weight: 300
}

@media (max-width:780px) {
    .statBlock__item .num {
        font-size: 5.5rem
    }
}

.statBlock__item .text {
    margin-bottom: 0;
    letter-spacing: .05em
}

@media (max-width:780px) {
    .statBlock__item .text {
        font-size: 1rem
    }
}

@media (max-width:780px) {
    .statBlock {
        padding: 2.5rem 2.1875rem;
        grid-template-columns: repeat(1, 1fr);
        gap: 7.5rem
    }
}

.iti {
    position: relative;
    display: inline-block
}

.iti * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.iti__hide {
    display: none
}

.iti__v-hide {
    visibility: hidden
}

.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 2.25rem;
    margin-right: 0
}

.iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: .0625rem
}

.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 .375rem 0 .5rem
}

.iti__arrow {
    margin-left: .375rem;
    width: 0;
    height: 0;
    border-left: .1875rem solid transparent;
    border-right: .1875rem solid transparent;
    border-top: .25rem solid #555
}

[dir=rtl] .iti__arrow {
    margin-right: .375rem;
    margin-left: 0
}

.iti__arrow--up {
    border-top: none;
    border-bottom: .25rem solid #555
}

.iti__dropdown-content {
    position: absolute;
    z-index: 2;
    margin-left: -.0625rem;
    -webkit-box-shadow: .0625rem .0625rem .25rem rgba(0, 0, 0, .2);
    box-shadow: .0625rem .0625rem .25rem rgba(0, 0, 0, .2);
    background-color: #fff;
    border: .0625rem solid #ccc;
    max-height: 12.5rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.iti__dropdown-content--dropup {
    bottom: 100%;
    margin-bottom: -.0625rem
}

.iti__search-input {
    width: 100%;
    border-width: 0
}

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

.iti--flexible-dropdown-width .iti__country-list {
    white-space: nowrap
}

@media (max-width:500px) {
    .iti--flexible-dropdown-width .iti__country-list {
        white-space: normal
    }
}

.iti__flag-box {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1.25rem;
    height: 1.25rem
}

.iti__divider {
    padding-bottom: .3125rem;
    margin-bottom: .3125rem;
    border-bottom: .0625rem solid #ccc
}

.iti__country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .3125rem .625rem;
    outline: 0
}

.iti__dial-code {
    color: #999
}

.iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, .05)
}

.iti__country-name,
.iti__flag-box {
    margin-right: .375rem
}

[dir=rtl] .iti__country-name,
[dir=rtl] .iti__flag-box {
    margin-right: 0;
    margin-left: .375rem
}

.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--allow-dropdown input.iti__tel-input[type=text],
.iti--separate-dial-code input.iti__tel-input,
.iti--separate-dial-code input.iti__tel-input[type=tel],
.iti--separate-dial-code input.iti__tel-input[type=text] {
    padding-right: .375rem;
    padding-left: 3.25rem;
    margin-left: 0
}

.contactForm .iti--allow-dropdown input.iti__tel-input,
.contactForm .iti--allow-dropdown input.iti__tel-input[type=tel],
.contactForm .iti--allow-dropdown input.iti__tel-input[type=text],
.contactForm .iti--separate-dial-code input.iti__tel-input,
.contactForm .iti--separate-dial-code input.iti__tel-input[type=tel],
.contactForm .iti--separate-dial-code input.iti__tel-input[type=text] {
    padding-right: 1.5rem
}

[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text],
[dir=rtl] .iti--separate-dial-code input.iti__tel-input,
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=tel],
[dir=rtl] .iti--separate-dial-code input.iti__tel-input[type=text] {
    padding-right: 3.25rem;
    padding-left: .375rem;
    margin-right: 0
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0
}

[dir=rtl] .iti--allow-dropdown .iti__flag-container,
[dir=rtl] .iti--separate-dial-code .iti__flag-container {
    right: 0;
    left: auto
}

.iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover,
.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover {
    cursor: default
}

.iti--allow-dropdown .iti__flag-container:has(+input[disabled]):hover .iti__selected-flag,
.iti--allow-dropdown .iti__flag-container:has(+input[readonly]):hover .iti__selected-flag {
    background-color: transparent
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, .05)
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: .375rem
}

[dir=rtl] .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    margin-left: 0;
    margin-right: .375rem
}

.iti--container {
    position: absolute;
    top: -62.5rem;
    left: -62.5rem;
    z-index: 1060;
    padding: .0625rem
}

.iti--container:hover {
    cursor: pointer
}

.iti--fullscreen-popup.iti--container {
    background-color: rgba(0, 0, 0, .5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    padding: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iti--fullscreen-popup.iti--container.iti--country-search {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.iti--fullscreen-popup .iti__dropdown-content {
    max-height: 100%;
    position: relative
}

.iti--allow-dropdown input.iti__tel-input {
    opacity: .5;
    pointer-events: none
}

.iti--allow-dropdown input.iti__tel-input.init {
    opacity: 1;
    pointer-events: all
}

.contactForm {
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0;
    font-family: Gotham;
    color: #fcfcfc;
    position: relative;
    font-size: .75rem;
    line-height: 140%
}

.contactForm input,
.contactForm textarea {
    color: #fcfcfc;
    font-family: Gotham;
    border-radius: 0;
    background-color: #1f2024;
    border: .0625rem solid #7ec0c9;
    outline: 0;
    padding: .25rem 1.5rem;
    letter-spacing: 0;
    font-weight: 300;
    font-size: .75rem;
    line-height: 1;
    width: 100%;
    height: 2.0625rem;
    margin-bottom: 1.5rem;
    font-weight: 400
}

.contactForm input::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder {
    color: #7ec0c9
}

.contactForm input::-moz-placeholder,
.contactForm textarea::-moz-placeholder {
    color: #7ec0c9
}

.contactForm input:-moz-placeholder,
.contactForm textarea:-moz-placeholder {
    color: #7ec0c9
}

.contactForm input:-ms-input-placeholder,
.contactForm textarea:-ms-input-placeholder {
    color: #7ec0c9
}

.contactForm textarea {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    height: 11.25rem;
    line-height: 150%;
    display: block;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.contactForm textarea::-webkit-scrollbar {
    width: 8px
}

.contactForm textarea::-webkit-scrollbar-track {
    background: rgba(222, 222, 222, .75)
}

.contactForm textarea::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
    border-radius: 4px
}

.contactForm textarea {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, .5) rgba(222, 222, 222, .75)
}

.contactForm input.error,
.contactForm label.error,
.contactForm textarea.error {
    border-color: #ff3049 !important
}

.contactForm .inputLabel.error input,
.contactForm .inputLabel.error textarea,
.contactForm label.error input,
.contactForm label.error textarea {
    border-color: #ff3049 !important
}

.contactForm .svg-icon.error use {
    stroke: #ff3049;
    stroke-width: 1.5px
}

.contactForm .label {
    position: relative
}

.contactForm label {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.contactForm label.error .choices:not(.is-open) .choices__inner {
    border-color: #ff3049 !important
}

.contactForm .errorText {
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    font-family: Gotham
}

.contactForm .errorText {
    color: #ff3049;
    text-transform: uppercase;
    display: none;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    padding-top: .1875rem
}

.contactForm .filesList {
    display: none;
    margin-bottom: 1.5rem
}

.contactForm .filesList li {
    position: relative;
    padding-right: 1.25rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    min-height: 3.25rem;
    word-break: break-word;
    border: .0625rem solid #c2d4d6;
    padding: .75rem 3.125rem .75rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.5rem;
    font-size: .875rem
}

.contactForm .filesList li .reload,
.contactForm .filesList li .remove {
    position: absolute;
    right: 1.4375rem;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    display: none;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    width: 1rem;
    height: 1rem;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.contactForm .filesList li .reload:hover,
.contactForm .filesList li .remove:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.contactForm .filesList li.error .upload,
.contactForm .filesList li.success .upload {
    display: none
}

.contactForm .filesList li .remove {
    top: .125rem;
    background-image: url(../../../../../../../themes/rooof/img/spriteSvg/close.svg);
    display: block
}

.contactForm .filesList li .upload {
    padding-left: .25rem;
    color: #3c8690
}

.contactForm .filesList li .reload {
    background-image: url(../../../../../../../themes/rooof/img/spriteSvg/reload-red.svg)
}

.contactForm .filesList li .errorText {
    position: relative;
    display: inline;
    opacity: 1;
    padding: 0;
    text-transform: none;
    padding-left: .25rem
}

.contactForm .filesList li.success .percent,
.contactForm .filesList li.success .reload {
    display: none
}

.contactForm .filesList li.error {
    color: #ff3049
}

.contactForm .filesList li.error .reload {
    display: block
}

.contactForm .filesList li.error .percent,
.contactForm .filesList li.error .remove {
    display: none
}

.contactForm .with_line,
.contactForm label.with_line {
    font-family: Gotham;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    margin-bottom: 1.5rem;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 120%;
    width: 100%
}

.contactForm .with_line:last-child,
.contactForm label.with_line:last-child {
    margin: 0
}

.contactForm .with_line:after,
.contactForm label.with_line:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    height: .0625rem;
    width: 0;
    background: #fcfcfc;
    -webkit-transition: .5s ease;
    transition: .5s ease
}

.contactForm .with_line.hover:after,
.contactForm label.with_line.hover:after {
    width: 100%
}

.contactForm .with_line.hover .placeholder,
.contactForm label.with_line.hover .placeholder {
    opacity: 0
}

.contactForm .with_line label,
.contactForm label.with_line label {
    display: block;
    position: relative
}

.contactForm .with_line input,
.contactForm .with_line textarea,
.contactForm label.with_line input,
.contactForm label.with_line textarea {
    border: 0;
    border-bottom: .0625rem solid #7ec0c9;
    width: 100%;
    outline: 0;
    background: 0 0;
    padding: .1875rem 0 .1875rem;
    display: block;
    margin: 0
}

.contactForm .with_line textarea,
.contactForm label.with_line textarea {
    resize: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1.625rem;
    padding-bottom: 1.625rem
}

.contactForm .with_line textarea+.placeholder,
.contactForm label.with_line textarea+.placeholder {
    top: 1.125rem;
    bottom: auto
}

.contactForm .with_line label.error input,
.contactForm .with_line.error input,
.contactForm label.with_line label.error input,
.contactForm label.with_line.error input {
    border-bottom-color: #ff3049 !important
}

.contactForm .with_line label.error:after,
.contactForm .with_line.error:after,
.contactForm label.with_line label.error:after,
.contactForm label.with_line.error:after {
    background: #ff3049 !important;
    opacity: 1;
    width: 100%
}

.contactForm .with_line label.error .clear,
.contactForm .with_line.error .clear,
.contactForm label.with_line label.error .clear,
.contactForm label.with_line.error .clear {
    display: block
}

.contactForm .with_line .placeholder,
.contactForm label.with_line .placeholder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 150%;
    color: #7ec0c9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    pointer-events: none
}

.contactForm .with_line .errorText,
.contactForm label.with_line .errorText {
    text-transform: none
}

.contactForm label.radio {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contactForm label.radio input {
    display: none
}

.contactForm label.radio .wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 6.25rem;
    border: .0625rem solid #fcfcfc;
    background: #fcfcfc;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    opacity: 0
}

.contactForm label.radio:active .wrap {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.contactForm label.radio.button.gray2 input:checked+.wrap {
    opacity: 1
}

.contactForm label.radio.button.gray2 input:checked~span {
    color: #7ec0c9
}

.contactForm label.radio.button.gray2 input:checked~span::before {
    border-color: #fcfcfc;
    background: #fcfcfc
}

.contactForm input:-webkit-autofill,
.contactForm input:-webkit-autofill:active,
.contactForm input:-webkit-autofill:focus,
.contactForm input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 3.9375rem #214a4f inset !important
}

.contactForm input:-webkit-autofill {
    -webkit-text-fill-color: #fcfcfc !important
}

.contactForm label.radio {
    margin-right: 1rem;
    margin-bottom: 1rem
}

.contactForm label.radio:last-child {
    margin-right: 0
}

.contactForm .successContent {
    display: none
}

.contactForm.disabled {
    pointer-events: none
}

.contactForm.disabled {
    opacity: .7
}

.keepUpdated .contactForm.disabled {
    opacity: 1
}

.keepUpdated .contactForm.disabled .button {
    opacity: .7
}

.contactForm .g-recaptcha-wrap .errorText {
    font-family: Space Grotesk;
    color: #ff3049;
    text-transform: none;
    display: none;
    font-size: .75rem;
    font-weight: 500;
    line-height: 150%
}

.contactForm .g-recaptcha-wrap.error .errorText {
    display: block
}

.contactForm .inputLabel {
    position: relative;
    font-family: Gotham;
    font-size: .75rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 1.5rem
}

.contactForm .inputLabel.w100,
.contactForm .inputLabel.w25,
.contactForm .inputLabel.w33,
.contactForm .inputLabel.w50 {
    margin-bottom: 1rem
}

.contactForm .inputLabel>p {
    margin-bottom: .1875rem
}

.contactForm .inputLabel label {
    display: block;
    position: relative;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.contactForm .inputLabel label.is-open {
    z-index: 7
}

.contactForm .inputLabel label .imageWrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: .5rem;
    height: 1.875rem;
    width: 3.375rem;
    margin: auto;
    display: none
}

.contactForm .inputLabel label .imageWrap img,
.contactForm .inputLabel label .imageWrap svg {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.contactForm .inputLabel label.type_textarea .svg-icon {
    top: 1.625rem;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.contactForm .inputLabel label.type_textarea textarea {
    padding-right: 2.8125rem
}

.contactForm .inputLabel label.type_textarea .svg-icon.clear:hover {
    -webkit-transform: scale(1.1) translateY(-50%);
    -ms-transform: scale(1.1) translateY(-50%);
    transform: scale(1.1) translateY(-50%)
}

.contactForm .inputLabel label.type_file {
    height: 3.25rem;
    border: .0625rem solid #c2d4d6;
    background: #fcfcfc;
    padding: 1rem 1.5rem;
    font-size: .875rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.contactForm .inputLabel label.type_file input {
    display: none
}

.contactForm .inputLabel label.type_file.drag {
    border-color: #214a4f
}

@media (min-width:781px) and (hover:hover) {
    .contactForm .inputLabel label.type_file:hover {
        border-color: #214a4f
    }
}

@media (min-width:781px) {
    .contactForm .inputLabel label.type_file:active {
        border-color: #214a4f
    }
}

.contactForm .inputLabel label.hover input,
.contactForm .inputLabel label.hover textarea {
    border-color: #214a4f
}

.contactForm .inputLabel label.type_toggle {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 500;
    text-transform: uppercase
}

.contactForm .inputLabel label.type_toggle input {
    display: none
}

.contactForm .inputLabel label.type_toggle .rect {
    border-radius: .5625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 2.25rem;
    height: 1.125rem;
    margin-left: .5rem;
    border: .125rem solid #214a4f;
    display: block;
    background: #fcfcfc;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: relative;
    top: -.0625rem
}

@media (max-width:540px) {
    .contactForm .inputLabel label.type_toggle .rect {
        width: 3.375rem;
        height: 1.6875rem;
        border-radius: .84375rem
    }
}

.contactForm .inputLabel label.type_toggle .rect svg,
.contactForm .inputLabel label.type_toggle .rect:before {
    position: absolute;
    left: .0625rem;
    top: 50%;
    bottom: 0;
    width: .875rem;
    height: .875rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: absolute;
    will-change: transform;
    -webkit-transform: translateY(0) translateY(-50%);
    -ms-transform: translateY(0) translateY(-50%);
    transform: translateY(0) translateY(-50%)
}

@media (max-width:540px) {

    .contactForm .inputLabel label.type_toggle .rect svg,
    .contactForm .inputLabel label.type_toggle .rect:before {
        width: 1.3125rem;
        height: 1.3125rem
    }
}

.contactForm .inputLabel label.type_toggle .rect svg {
    padding: .125rem
}

.contactForm .inputLabel label.type_toggle .rect .success {
    opacity: 0
}

.contactForm .inputLabel label.type_toggle .rect::before {
    content: "";
    background: #214a4f;
    border-radius: 50%
}

.contactForm .inputLabel label.type_toggle input:checked+.rect {
    background: #214a4f
}

.contactForm .inputLabel label.type_toggle input:checked+.rect::before {
    background: #fcfcfc
}

.contactForm .inputLabel label.type_toggle input:checked+.rect svg,
.contactForm .inputLabel label.type_toggle input:checked+.rect::before {
    left: 1.125rem
}

@media (max-width:540px) {

    .contactForm .inputLabel label.type_toggle input:checked+.rect svg,
    .contactForm .inputLabel label.type_toggle input:checked+.rect::before {
        left: 1.8125rem
    }
}

.contactForm .inputLabel label.type_toggle input:checked+.rect .close {
    opacity: 0
}

.contactForm .inputLabel label.type_toggle input:checked+.rect .success {
    opacity: 1
}

.contactForm .inputLabel label.type_checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.contactForm .inputLabel label.type_checkbox input {
    display: none
}

.contactForm .inputLabel label.type_checkbox .rect {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .875rem;
    height: .875rem;
    margin-right: .5rem;
    border: .125rem solid #dae5e7;
    display: block;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: relative;
    top: -.0625rem
}

.contactForm .inputLabel label.type_checkbox .rect::after {
    content: "";
    left: .125rem;
    right: .125rem;
    top: .125rem;
    bottom: .125rem;
    background: #214a4f;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: absolute;
    opacity: 0;
    background: #214a4f
}

.contactForm .inputLabel label.type_checkbox input:checked+.rect {
    border-color: #214a4f
}

.contactForm .inputLabel label.type_checkbox input:checked+.rect::after {
    opacity: 1
}

.contactForm .inputLabel label.type_checkbox.error .rect {
    border-color: #ff3049
}

.contactForm .inputLabel label.type_radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.contactForm .inputLabel label.type_radio input {
    display: none
}

.contactForm .inputLabel label.type_radio .errorText {
    display: none !important
}

.contactForm .inputLabel label.type_radio .circle {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: .875rem;
    height: .875rem;
    border-radius: 50%;
    margin-right: .5rem;
    border: .125rem solid #dae5e7;
    display: block;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: relative;
    top: -.0625rem
}

.contactForm .inputLabel label.type_radio .circle .svg-icon {
    position: absolute;
    left: -.125rem;
    right: -.125rem;
    top: -.125rem;
    bottom: -.125rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    display: block;
    width: .875rem;
    height: .875rem;
    opacity: 0
}

.contactForm .inputLabel label.type_radio input:checked+.circle {
    border-color: transparent
}

.contactForm .inputLabel label.type_radio input:checked+.circle .svg-icon {
    opacity: 1
}

.contactForm .inputLabel label.type_radio.error .circle {
    border-color: #ff3049
}

.contactForm .inputLabel .placeholder {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1rem 1.5rem;
    pointer-events: none
}

.contactForm .inputLabel .svg-icon {
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform
}

.contactForm .inputLabel .svg-icon.clear,
.contactForm .inputLabel .svg-icon.error {
    display: none
}

.contactForm .inputLabel .svg-icon.plus {
    width: 1rem;
    height: 1rem
}

.contactForm .inputLabel .svg-icon.clear {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    opacity: 1;
    cursor: pointer
}

.contactForm .inputLabel .svg-icon.clear:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.contactForm .inputLabel input,
.contactForm .inputLabel textarea {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    margin: 0;
    border: .0625rem solid #c2d4d6;
    background: #fcfcfc;
    padding: 1rem 1.5rem;
    padding-right: 3.125rem;
    color: #214a4f;
    font-size: .875rem
}

.contactForm .inputLabel input::-webkit-input-placeholder,
.contactForm .inputLabel textarea::-webkit-input-placeholder {
    color: rgba(33, 74, 79, .3)
}

.contactForm .inputLabel input::-moz-placeholder,
.contactForm .inputLabel textarea::-moz-placeholder {
    color: rgba(33, 74, 79, .3)
}

.contactForm .inputLabel input:-moz-placeholder,
.contactForm .inputLabel textarea:-moz-placeholder {
    color: rgba(33, 74, 79, .3)
}

.contactForm .inputLabel input:-ms-input-placeholder,
.contactForm .inputLabel textarea:-ms-input-placeholder {
    color: rgba(33, 74, 79, .3)
}

.contactForm .inputLabel input:-webkit-autofill,
.contactForm .inputLabel input:-webkit-autofill:active,
.contactForm .inputLabel input:-webkit-autofill:focus,
.contactForm .inputLabel input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 3.9375rem #fcfcfc inset !important
}

.contactForm .inputLabel input:-webkit-autofill {
    -webkit-text-fill-color: #214a4f !important
}

.contactForm .inputLabel textarea {
    height: 6.1875rem;
    resize: none
}

.contactForm .inputLabel input {
    height: 3.25rem
}

.contactForm .inputLabel label.error .errorText,
.contactForm .inputLabel label.error .svg-icon.error,
.contactForm .inputLabel.error .errorText,
.contactForm .inputLabel.error .svg-icon.error {
    display: block
}

.contactForm .inputLabel label.error .svg-icon.clear,
.contactForm .inputLabel.error .svg-icon.clear {
    display: none !important;
    opacity: 0
}

.contactForm .choices.is-open {
    z-index: 3
}

.contactForm .choices[data-type*=select-one]::after {
    width: 1rem;
    height: 1rem;
    border: 0 !important;
    background: url(../../../../../../../themes/rooof/img/spriteSvg/arrowSimpleRight.svg) no-repeat center center;
    right: 1.5rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.contactForm .choices {
    margin-bottom: 0
}

.contactForm .choices[data-type*=select-one].is-open::after {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.contactForm .choices__list--single {
    padding: 0
}

.contactForm .choices__inner {
    height: 3.25rem;
    padding: .25rem 1.5rem !important;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fcfcfc;
    border: .0625rem solid #c2d4d6;
    font-size: .875rem;
    color: #214a4f
}

.contactForm .choices__list--dropdown {
    display: none
}

.contactForm .choices__list--dropdown .choices__list {
    max-height: 16.25rem !important
}

.contactForm .choices__list--dropdown .choices__item,
.contactForm .choices__list[aria-expanded] .choices__item {
    min-height: 3.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    padding: .625rem 1.4375rem
}

.contactForm .choices__list--dropdown .choices__item--selectable::after,
.contactForm .choices__list[aria-expanded] .choices__item--selectable::after {
    display: none
}

.contactForm .choices__list--dropdown .choices__item--selectable.is-highlighted,
.contactForm .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background: #f3f7f7
}

.contactForm .is-open .choices__inner {
    border-radius: 0
}

.contactForm .is-focused .choices__inner,
.contactForm .is-open .choices__inner,
.contactForm .is-open .choices__list--dropdown,
.contactForm .is-open .choices__list[aria-expanded],
.contactForm .selected .choices__inner {
    border-color: #214a4f
}

.contactForm .choices__placeholder.choices__item--disabled {
    display: none !important
}

@media (max-width:540px) {
    .contactForm .group {
        padding-bottom: .875rem
    }

    .contactForm label.radio {
        margin-right: .5rem;
        margin-bottom: .5rem
    }
}

.contactForm.blueContent {
    color: #214a4f
}

.inputLabel .iti {
    width: 100%;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.inputLabel.hover .iti {
    opacity: 1
}

.iti .iti__flag-container {
    border: 1px solid #c2d4d6;
    padding-bottom: 0 !important;
    width: 5.625rem;
    padding: 0
}

.iti .iti__flag-box {
    display: none
}

.iti .iti__flag {
    display: none
}

.iti .iti__selected-flag {
    background: #fcfcfc !important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.iti .iti__selected-flag>.iti__flag {
    display: none
}

.iti .iti__selected-dial-code {
    color: #214a4f;
    margin-left: 0;
    -webkit-transition: color .3s;
    transition: color .3s;
    font-size: .875rem;
    line-height: 1.4
}

.inputLabel.filled .iti .iti__selected-dial-code {
    color: #214a4f
}

.iti .iti__arrow {
    border: 0;
    width: 1rem;
    height: 1rem;
    margin-left: .5rem;
    position: relative
}

.iti .iti__arrow svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.iti .iti__arrow.iti__arrow--up svg {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.iti .iti__tel-input {
    margin-left: 5.875rem !important;
    padding-left: 1.5rem !important;
    border: 1px solid #c2d4d6;
    width: calc(100% - 5.875rem)
}

.iti .iti__dropdown-content {
    margin-top: .25rem;
    background: #fcfcfc;
    max-height: 15rem;
    padding: 0 0 1rem;
    border: 1px solid #214a4f;
    overflow-y: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: var(--field-width) !important;
    margin-left: -5.875rem;
    border-radius: 0;
    scrollbar-color: rgba(0, 0, 0, .5) rgba(222, 222, 222, .75);
    scrollbar-width: thin
}

.iti .iti__dropdown-content::-webkit-scrollbar {
    width: .25rem
}

.iti .iti__dropdown-content::-webkit-scrollbar-track {
    background: rgba(33, 74, 79, .2)
}

.iti .iti__dropdown-content::-webkit-scrollbar-thumb {
    background: #214a4f;
    border-radius: .125rem
}

.iti .iti__dropdown-content .iti__search-input {
    height: 2.5rem;
    border: 1px solid rgba(33, 74, 79, .2);
    background: #fcfcfc;
    color: #214a4f;
    font-size: .875rem;
    line-height: 1.4;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
    padding: 0 1.4375rem
}

.iti .iti__dropdown-content .iti__search-input::-webkit-input-placeholder {
    color: rgba(33, 74, 79, .2);
    opacity: 1
}

.iti .iti__dropdown-content .iti__search-input::-moz-placeholder {
    color: rgba(33, 74, 79, .2);
    opacity: 1
}

.iti .iti__dropdown-content .iti__search-input:-ms-input-placeholder {
    color: rgba(33, 74, 79, .2);
    opacity: 1
}

.iti .iti__dropdown-content .iti__search-input::-ms-input-placeholder {
    color: rgba(33, 74, 79, .2);
    opacity: 1
}

.iti .iti__dropdown-content .iti__search-input::placeholder {
    color: rgba(33, 74, 79, .2);
    opacity: 1
}

.iti .iti__dropdown-content .iti__country {
    padding: .625rem 1.4375rem
}

.iti .iti__dropdown-content .iti__country .iti__flag-box {
    display: none
}

.iti .iti__dropdown-content .iti__country .iti__country-name,
.iti .iti__dropdown-content .iti__country .iti__dial-code {
    font-size: .875rem;
    line-height: 1.4;
    color: #214a4f
}

.iti .iti__dropdown-content .iti__country .iti__country-name {
    margin-left: 0
}

.iti .iti__dropdown-content .iti__country .iti__dial-code {
    margin-left: .5rem
}

.leftContentSectionWrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.leftContentSection .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.leftContentSection .image img,
.leftContentSection .image picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.leftContentSection .contentWrap {
    background: #fcfcfc;
    padding: 7.5rem 8.125rem 4.6875rem
}

@media (min-width:1101px) {
    .leftContentSection .contentWrap {
        width: 38.125rem
    }
}

.leftContentSection .title {
    margin-bottom: .75rem
}

.leftContentSection .listWrap {
    margin-top: 2.4375rem
}

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

.leftContentSection ol li,
.leftContentSection ul li {
    counter-increment: item;
    position: relative;
    margin-bottom: 2.1875rem;
    padding-left: 2.5rem;
    padding-top: .25rem;
    border-bottom: .125rem solid #214a4f;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    padding-bottom: 1.125rem
}

.leftContentSection ol li:last-child,
.leftContentSection ul li:last-child {
    margin-bottom: 0
}

.leftContentSection ol li::before,
.leftContentSection ul li::before {
    content: counter(item, decimal-leading-zero);
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #214a4f;
    color: #fcfcfc;
    line-height: 1.5rem;
    text-align: center
}

.leftContentSection .container.mobile,
.leftContentSection span.title {
    display: none
}

.leftContentSection .title.success {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    pointer-events: none;
    padding: inherit
}

@media (max-width:1100px) {
    .leftContentSection .container {
        width: 100%
    }

    .leftContentSection .contentWrap {
        padding: 2rem;
        max-width: 37.5rem;
        margin: auto;
        font-size: .875rem;
        font-weight: 400;
        line-height: 140%
    }

    .leftContentSection .contentWrap .title {
        display: none
    }

    .leftContentSectionWrap {
        padding-top: 6.875rem;
        padding-bottom: calc(2.5rem + 3.875rem);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (max-width:1100px) and (min-width:541px) {
    .keepUpdated .leftContentSectionWrap {
        padding-top: 2.5rem
    }
}

@media (max-width:1100px) {

    .leftContentSectionWrap .container.mobile,
    .leftContentSectionWrap span.title:not(.success) {
        display: block;
        width: 100%;
        position: relative
    }

    .leftContentSectionWrap span.title {
        margin-bottom: 2.5rem
    }

    .keepUpdated .leftContentSectionWrap span.title {
        margin-bottom: 10rem
    }

    .leftContentSectionWrap .title {
        -webkit-transition: 1s ease opacity;
        transition: 1s ease opacity
    }
}

@media (max-width:780px) {
    .leftContentSection {
        position: relative
    }

    .leftContentSection.init.hasScrollList {
        height: calc(var(--vh) * 4)
    }

    .leftContentSection .mainContainer {
        max-width: 100vw;
        overflow: hidden
    }

    .leftContentSection.hasScrollList .leftContentSectionWrap {
        position: sticky;
        left: 0;
        top: 0
    }

    .leftContentSectionWrap {
        padding-bottom: calc(2.5rem + var(--deltaVH))
    }

    .leftContentSection .image img {
        -o-object-position: 76%;
        object-position: 76%
    }

    .leftContentSection .title.success {
        display: block
    }

    .leftContentSection .contentWrap {
        margin-right: -1.25rem;
        padding-right: 1.25rem;
        width: calc(100vw - 1.25rem);
        overflow: hidden
    }

    .leftContentSection .listWrap {
        margin-top: 2.875rem;
        margin-left: -2rem;
        margin-right: -1.25rem;
        padding-left: 2rem;
        padding-right: 1.25rem;
        overflow: hidden;
        position: relative
    }

    .leftContentSection .listWrap:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 2rem;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, #fcfcfc), color-stop(90%, rgba(252, 252, 252, 0)));
        background: linear-gradient(90deg, #fcfcfc 10%, rgba(252, 252, 252, 0) 90%);
        z-index: 4
    }

    .leftContentSection .listWrap ol,
    .leftContentSection .listWrap ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        white-space: nowrap
    }

    .leftContentSection .listWrap ol li,
    .leftContentSection .listWrap ol li::before,
    .leftContentSection .listWrap ul li,
    .leftContentSection .listWrap ul li::before {
        -webkit-transition: .45s ease-in-out;
        transition: .45s ease-in-out
    }

    .leftContentSection .listWrap ol li,
    .leftContentSection .listWrap ul li {
        margin-bottom: 0;
        margin-right: 2.0625rem;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        opacity: 1 !important;
        font-size: .75rem
    }

    .leftContentSection .listWrap ol li:last-child,
    .leftContentSection .listWrap ul li:last-child {
        margin-right: 0;
        min-width: var(--lastItemWidth, 0)
    }

    .leftContentSection .listWrap ol li:not(.active),
    .leftContentSection .listWrap ul li:not(.active) {
        color: rgba(33, 74, 79, .2);
        border-color: rgba(33, 74, 79, .2)
    }

    .leftContentSection .listWrap ol li:not(.active)::before,
    .leftContentSection .listWrap ul li:not(.active)::before {
        background-color: rgba(33, 74, 79, .2)
    }

    .leftContentSection.sticky .mainContainer {
        position: absolute;
        left: 0;
        right: 0;
        bottom: calc(2.5rem + 3.875rem);
        width: auto
    }
}

.loadingIcon {
    width: 3.125rem;
    height: 3.125rem;
    display: table;
    margin: auto;
    z-index: 50
}

.loadingIcon svg {
    -webkit-animation: rotateLoadingIcon 1.3s linear infinite;
    animation: rotateLoadingIcon 1.3s linear infinite;
    width: 100%;
    height: 100%
}

.loadingIcon.absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden
}

@-webkit-keyframes rotateLoadingIcon {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

@keyframes rotateLoadingIcon {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1
    }

    50% {
        opacity: .7
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        opacity: 1
    }
}

.ourProductsAtHomeCard {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    font-family: Gotham;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: auto;
    display: inline-block
}

.ourProductsAtHomeCard p {
    margin-bottom: 0
}

.ourProductsAtHomeCard .text a {
    font-family: Gotham;
    font-family: "General Sans"
}

.ourProductsAtHomeCard .image {
    display: block;
    margin-bottom: .5rem;
    position: relative;
    overflow: hidden;
    height: 22.5rem
}

.ourProductsAtHomeCard .image::before {
    content: "";
    padding-left: calc(var(--width)/ var(--height) * var(--height) * .0625rem);
    display: block;
    height: 100%
}

.ourProductsAtHomeCard .image img,
.ourProductsAtHomeCard .image picture {
    height: auto;
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    pointer-events: none
}

.product-block {
    padding: 1.875rem 0;
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    grid-gap: 2.5rem;
    border-top: 1px solid rgba(33, 74, 79, .2)
}

.product-block:last-child {
    padding-bottom: 0
}

.product-block .preOrderStatus {
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase
}

@media (max-width:780px) {
    .product-block .preOrderStatus {
        margin-bottom: 1rem
    }
}

.product-block .product-status {
    text-transform: uppercase
}

.product-block .block-image {
    width: 100%;
    max-width: 23.75rem;
    margin-left: auto;
    position: relative;
    background: rgba(33, 74, 79, .2);
    -ms-flex-item-align: start;
    align-self: start;
    display: block;
    text-decoration: none;
    overflow: hidden
}

.product-block .block-image:after {
    display: none
}

.product-block .block-image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.product-block .block-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    -webkit-transition: -webkit-transform .45s ease-in-out;
    transition: -webkit-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out, -webkit-transform .45s ease-in-out
}

@media (any-hover:hover) {
    .product-block .block-image:hover img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.product-block.type_favorite .block-content-column:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (min-width:1101px) {
    .product-block.type_favorite .block-content-column:last-child {
        padding-bottom: .875rem
    }
}

.product-block.type_favorite .block-content-column:last-child .block-add-to-favorites {
    text-align: right
}

.product-block.type_favorite .block-content-column:last-child .block-add-to-favorites .svg-icon {
    vertical-align: sub;
    width: .75rem;
    height: .75rem;
    position: relative;
    top: -.0625rem
}

.product-block.type_favorite .block-content-column:last-child .block-add-to-favorites .js-remove-to-favorites {
    white-space: nowrap
}

.product-block.type_favorite .block-content-column:last-child .block-add-to-favorites .js-remove-to-favorites .svg-icon use {
    stroke: none;
    fill: #214a4f
}

.product-block.type_pre-order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0;
    grid-gap: 0;
    border: 0
}

.product-block.type_pre-order .block-title {
    margin-bottom: .0625rem;
    font-weight: 500
}

.product-block.type_pre-order .block-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10.625rem
}

.product-block.type_pre-order .block-content {
    padding-left: 2.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-block.type_pre-order .block-content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-block.type_pre-order .block-content-column:first-child {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

.product-block.type_pre-order .block-content-column:last-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.product-block.type_pre-order .js-remove-from-favorites {
    min-width: initial
}

.product-block.type_pre-order .block-params {
    grid-gap: .75rem
}

.product-block.type_pre-order .block-params .block-add-to-favorites {
    display: block;
    margin: 0
}

@media (max-width:780px) {
    .product-block.type_pre-order .block-content-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .product-block.type_pre-order .block-content-column:last-child {
        width: 100%
    }

    .product-block.type_pre-order .block-image {
        width: 10.25rem
    }

    .product-block.type_pre-order .block-content {
        padding-left: 1rem
    }

    .product-block.type_pre-order .block-params {
        grid-gap: .25rem
    }

    .product-block.type_pre-order .js-remove-from-favorites {
        margin-top: .875rem
    }
}

@media screen and (min-width:781px) {
    .product-block .block-remove {
        place-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.product-block .block-remove-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    color: #214a4f;
    -webkit-transition: color .45s ease-in-out;
    transition: color .45s ease-in-out;
    position: relative
}

.product-block .block-remove-btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #dae5e7;
    border-radius: .25rem;
    opacity: 0;
    -webkit-transition: opacity .45s ease-in-out;
    transition: opacity .45s ease-in-out
}

.product-block .block-remove-btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentcolor;
    position: relative;
    z-index: 2
}

@media (any-hover:hover) {
    .product-block .block-remove-btn:hover:before {
        opacity: 1
    }
}

.product-block .block-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product-block .block-content-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2.5rem
}

.product-block .block-content-inner:not(:last-child) {
    margin-bottom: 2.5rem
}

.product-block .block-title {
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    margin-bottom: 0;
    font-weight: 500
}

.product-block .block-status,
.product-block .product-status {
    display: block;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    margin-bottom: .5rem
}

.product-block .block-params {
    display: grid;
    grid-gap: .5rem;
    font-size: .875rem;
    line-height: 1.4;
    width: 100%;
    max-width: 23rem
}

.product-block .block-params li {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem
}

.product-block .block-params .item-title {
    color: #214a4f
}

.product-block .block-params .item-value {
    font-size: .75rem;
    text-transform: uppercase;
    font-weight: 500
}

.product-block .block-remove-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto
}

.product-block .block-remove-btn .svg-icon use {
    fill: #214a4f;
    stroke: none
}

.product-block .block-remove-btn .svg-icon {
    width: .75rem;
    height: .75rem;
    margin-left: .25rem
}

.product-block .block-remove-btn .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.product-block .block-content-column:last-child .block-add-to-favorites {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.product-block .block-add-to-favorites-mobile {
    margin-top: -.375rem;
    margin-bottom: .875rem
}

.product-block .block-add-to-favorites-mobile .block-add-to-favorites {
    margin: 0
}

.product-block .block-add-to-favorites:not(.tablet2Only) {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.product-block .block-add-to-favorites .link {
    margin-right: 3.75rem
}

@media (max-width:1100px) {
    .product-block .block-add-to-favorites .link {
        margin-right: 1.875rem
    }
}

.product-block .block-add-to-favorites .link:last-child {
    margin: 0
}

@media (min-width:1101px) {
    .product-block .block-add-to-favorites .button {
        width: 19rem
    }
}

@media (max-width:780px) {
    .product-block .block-add-to-favorites.tablet2-hidden {
        display: none !important
    }
}

.product-block .block-add-to-favorites .link {
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 400;
    color: #214a4f
}

@media screen and (max-width:780px) {
    .product-block .block-add-to-favorites {
        margin-top: 1rem
    }
}

.product-block .block-add-to-favorites .link.underline:not(.static):before {
    opacity: .55
}

.product-block .block-title a:after {
    display: none !important
}

.product-block .block-price {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    margin-bottom: 0;
    font-family: Gotham;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: .075rem
}

@media screen and (min-width:781px) {
    .product-block .block-price {
        margin-left: auto
    }
}

.product-block .block-footer {
    width: 100%;
    max-width: 19rem;
    margin-top: auto;
    margin-left: auto
}

@media screen and (max-width:1100px) {
    .product-block {
        grid-gap: 2rem
    }
}

@media screen and (max-width:780px) {
    .product-block {
        grid-template-columns: 6.25rem 1fr auto;
        grid-gap: 1rem;
        padding: 2rem 0
    }

    .product-block .block-content-inner {
        grid-template-columns: 1fr;
        grid-gap: 1rem
    }

    .product-block .block-content-inner:not(:last-child) {
        margin-bottom: 1.5rem
    }

    .product-block .block-remove {
        padding-top: 3.125rem
    }

    .product-block .block-status,
    .product-block .product-status {
        margin-bottom: .875rem
    }

    .product-block .block-price,
    .product-block .block-title {
        font-size: 1.5rem;
        line-height: 1.2;
        letter-spacing: -.01em;
        font-weight: 500
    }

    .product-block .block-price {
        font-size: 1rem;
        letter-spacing: .05rem;
        margin-top: -.25rem
    }

    .product-block .block-params {
        grid-gap: .25rem;
        font-size: .75rem
    }

    .product-block .block-params li {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: .75rem
    }

    .product-block .block-params li.item-quantity {
        padding-top: .1875rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: -.1875rem
    }

    .product-block .block-params .item-title {
        min-width: 3.1875rem
    }

    .product-block .block-params .item-value {
        font-size: .625rem
    }

    .product-block .block-footer {
        max-width: unset
    }

    .product-block .block-footer {
        width: calc(100vw - 2.5rem);
        margin-top: .625rem
    }
}

@media screen and (max-width:540px) {
    .product-block .block-params li {
        grid-template-columns: -webkit-min-content 1fr;
        grid-template-columns: min-content 1fr
    }

    .product-block .block-content-column .wrap {
        min-height: 6.75rem
    }

    .product-block .block-params {
        margin-left: -7.25rem;
        max-width: initial;
        width: calc(100% + 6.25rem + 1rem)
    }

    .product-block .block-params .item-title {
        width: 6.5rem
    }
}

.product-block button.link.js-remove,
.product-block button.link.js-remove-to-favorites {
    color: #214a4f
}

.productAccordion {
    border-top: .0625rem solid #214a4f;
    margin-bottom: .875rem
}

.productAccordion:last-child {
    margin-bottom: 0
}

@media (min-width:1101px) {
    .productAccordion .accordionContent:not(.chooseCushionFabricAccordion) .contentWrap .wrap {
        padding-right: 2.125rem
    }
}

.productAccordion .accordionContent .contentWrap {
    margin-bottom: 1.875rem
}

.productAccordion .accordionContent .contentWrap b {
    text-transform: uppercase
}

.productAccordion .accordionContent .contentWrap:last-child {
    margin-bottom: 0
}

.productAccordion .accordionContent .careIcons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.125rem
}

.productAccordion .accordionContent .careIcons img,
.productAccordion .accordionContent .careIcons svg {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .5rem
}

.productAccordion .accordionContent .careIcons img:last-child,
.productAccordion .accordionContent .careIcons svg:last-child {
    margin-right: 0
}

.productAccordion .accordionContent .content {
    margin-top: 1.375rem
}

.productAccordion .accordionContent .content p {
    margin-bottom: 1rem
}

.productAccordion .accordionContent .content p:last-child {
    margin-bottom: 0
}

.productAccordion[data-type=materials] .accordionContent .wrap {
    padding-right: 1.125rem
}

@media (max-width:540px) {
    .productAccordion[data-type=materials] .accordionContent .wrap {
        padding-right: 2.375rem
    }
}

@media (max-width:1100px) {
    .productAccordion {
        margin-bottom: 1rem
    }
}

#productTransitionLayout {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    display: none
}

@media (min-width:1101px) {
    #productTransitionLayout {
        padding-left: 4.6875rem
    }
}

@media (min-width:781px) {
    #productTransitionLayout {
        max-height: 100vh;
        height: 55.5555555556vw
    }
}

#productTransitionLayout .image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

#productTransitionLayout .image img {
    height: 100%;
    display: block
}

#productTransitionLayout .swiper-slide {
    position: absolute;
    height: 100%;
    --ratio: calc(var(--width) / var(--height));
    width: calc(55.5555555556vw * var(--ratio))
}

#productTransitionLayout .swiper-slide img,
#productTransitionLayout .swiper-slide picture {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:780px) {

    #productTransitionLayout .swiper-slide img,
    #productTransitionLayout .swiper-slide picture {
        -o-object-position: var(--object-position);
        object-position: var(--object-position)
    }
}

@media (max-width:1100px) {
    #productTransitionLayout .swiper-slide {
        width: 100%
    }
}

@media (max-width:780px) {
    #productTransitionLayout {
        height: 110.6666666667vw
    }
}

.rating {
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Gotham;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.125rem;
    text-transform: uppercase
}

.rating .svg-icon {
    width: 1.125rem;
    height: 1.125rem
}

.rating .value {
    display: block;
    margin-right: .5rem;
    position: relative
}

@media (min-width:1101px) {
    .rating .value {
        top: .03125rem
    }
}

@media (min-width:1481px) {
    .rating .value {
        top: .03125rem
    }
}

.rating .valueAfter {
    margin-right: 0;
    margin-left: .5rem
}

.rating .svg-icon {
    width: 1.125rem;
    height: 1.125rem
}

.rating .svg-icon.full use {
    fill: #214a4f;
    stroke: #214a4f;
    stroke-width: 2px
}

.rating .svg-icon.empty path {
    stroke: #214a4f
}

.rating .svg-icon.half path:nth-child(1) {
    fill: #214a4f
}

.rating .svg-icon.half path:nth-child(2) {
    stroke: #214a4f;
    stroke-width: 2px
}

.rating.second {
    text-transform: none
}

.rating.second .value:first-child {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05rem;
    top: .0625rem !important;
    margin-right: .375rem
}

.rating.second .valueAfter {
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.rating.third .value {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .05rem;
    top: .0625rem !important
}

.rating.change input {
    display: none
}

.rating.change label {
    position: relative;
    cursor: pointer;
    display: block;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.rating.change label:active {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.rating.change label .svg-icon {
    display: block;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

.rating.change label .svg-icon.full {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.rating.change label.checked .svg-icon.full {
    opacity: 1
}

.rating.change label.checked .svg-icon.empty {
    opacity: 0
}

@media (max-width:780px) {
    .rating.change .svg-icon {
        width: 1.5rem;
        height: 1.5rem
    }
}

.headerFirstScreenLogo {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    height: 4.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 6.1875rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (min-width:1101px) {
    .headerFirstScreenLogo.shift {
        left: var(--shift, 0) !important
    }
}

.headerFirstScreenLogo .svg-icon {
    width: 6rem;
    height: 1.3125rem;
    display: block
}

.headerFirstScreenLogo .svg-icon use {
    stroke: none !important;
    fill: #fcfcfc
}

@media (min-width:1101px) {
    .headerFirstScreenLogo {
        pointer-events: none;
        opacity: 0 !important
    }

    .minimizedFirstScreen .headerFirstScreenLogo {
        pointer-events: initial;
        opacity: 1 !important
    }

    [data-show-header-logo=true] .headerFirstScreenLogo {
        pointer-events: initial;
        opacity: 1 !important
    }
}

@media (max-width:1100px) {
    .headerFirstScreenLogo {
        z-index: 100;
        opacity: 1;
        position: fixed;
        left: 1.25rem !important;
        top: 1.25rem;
        padding: 0;
        -webkit-transition: 0s;
        transition: 0s;
        height: auto;
        display: none !important
    }

    .headerFirstScreenLogo .svg-icon {
        width: 5.3125rem;
        height: 1.125rem
    }

    .headerFirstScreenLogo[data-color=green] .svg-icon use {
        fill: #214a4f !important
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 4.6875rem;
    z-index: 300
}

header.transition0s {
    pointer-events: none
}

header ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

header .mainBar {
    z-index: 3;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4.6875rem;
    border-right: .0625rem solid rgba(252, 252, 252, .25);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

header .mainBar::before {
    content: "";
    position: absolute;
    right: -.0625rem;
    left: 0;
    top: 0;
    bottom: 0;
    background: #fcfcfc;
    -webkit-transition: .7s ease;
    transition: .7s ease;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    border-right: .0625rem solid rgba(33, 74, 79, .2)
}

header .mainBar .wrap.middle {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:1101px) {
    header .mainBar .wrap.bottom .menuItem:last-child {
        border-bottom: none
    }
}

header .mainBar .menuItem {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
    border-top: 1px solid rgba(252, 252, 252, .25);
    width: 100%;
    height: 4.6875rem;
    color: #fcfcfc;
    text-transform: uppercase;
    position: relative;
    font-family: "General Sans";
    font-size: .75rem;
    font-weight: 600;
    z-index: 1;
    letter-spacing: .0375rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

header .mainBar .menuItem a.current-route {
    pointer-events: none
}

header .mainBar .menuItem .wrap {
    position: absolute !important;
    left: 0;
    top: -1px;
    bottom: -1px;
    padding: 1.78125rem;
    min-width: 100%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    white-space: nowrap;
    color: #fcfcfc !important;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (max-width:1100px) {
    header .mainBar .menuItem .wrap {
        bottom: 0;
        top: 0
    }
}

header .mainBar .menuItem .wrap::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #214a4f;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    z-index: -1
}

header .mainBar .menuItem .text {
    margin-right: 1rem;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    overflow: hidden;
    width: 0;
    margin: 0;
    line-height: 1.25rem
}

@media (max-width:1100px) {
    header .mainBar .menuItem .text {
        display: none
    }
}

header .mainBar .menuItem .svg-icon {
    width: 1.125rem;
    height: 1.125rem;
    display: block
}

header .mainBar .menuItem .svg-icon use {
    stroke-width: 2px
}

header .mainBar .menuItem.menuBtn .svg-icon {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

header .mainBar .menuItem.menuBtn.active .svg-icon {
    opacity: 0
}

header .mainBar .menuItem.menuBtn.active .close {
    opacity: 1
}

header .mainBar .menuItem.menuBtn .close {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0
}

header .mainBar .menuItem.menuBtn .close use {
    fill: #214a4f;
    stroke: #214a4f;
    stroke-width: .0625rem
}

@media (max-width:1100px) {
    header .mainBar .menuItem.menuBtn {
        z-index: 2
    }
}

header .mainBar .menuItem.arrow .svg-icon use {
    stroke: unset !important;
    fill: #fcfcfc !important
}

header .mainBar .menuItem.logo {
    height: 100%
}

header .mainBar .menuItem.logo .wrap {
    padding-left: 0;
    padding-right: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

header .mainBar .menuItem.logo .svg-icon {
    width: 3.875rem;
    height: 3.875rem
}

@media (min-width:1101px) {
    header .mainBar .menuItem.logo .svg-icon {
        -webkit-transform: rotate(-90deg) translateZ(0);
        transform: rotate(-90deg) translateZ(0)
    }
}

@media (max-width:1100px) {
    header .mainBar .menuItem.logo .svg-icon {
        width: 4.75rem
    }
}

header .mainBar .menuItem.logo .svg-icon use {
    stroke: none;
    fill: #fcfcfc
}

header .mainBar .menuItem.menuBtn,
header .mainBar .menuItem.searchBtn {
    cursor: pointer
}

header .mainBar .menuItem.lang ul a {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .0375rem;
    color: #fcfcfc;
    opacity: .5;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

header .mainBar .menuItem.lang ul a.active,
header .mainBar .menuItem.lang ul a.current-route {
    opacity: 1;
    cursor: default
}

header .mainBar .menuItem.lang ul a.active::after,
header .mainBar .menuItem.lang ul a.current-route::after {
    display: none
}

@media (min-width:781px) and (hover:hover) {
    header .mainBar .menuItem.lang ul a:hover {
        opacity: 1
    }
}

@media (min-width:781px) {
    header .mainBar .menuItem.lang ul a:active {
        opacity: 1
    }
}

header .mainBar .menuItem.lang ul li {
    margin-right: 1rem
}

header .mainBar .menuItem.lang ul li:last-child {
    margin-right: 0
}

@media (max-width:1100px) {
    header .mainBar .menuItem.lang {
        display: none
    }
}

header .mainBar .menuItem.scrollTop {
    cursor: pointer
}

@media (max-width:1100px) {
    header .mainBar .menuItem.scrollTop {
        display: none
    }
}

@media (max-width:1100px) {
    header .mainBar .menuItem.card {
        display: none
    }
}

header .mainBar .menuItem.hover .wrap::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

header .mainBar .menuItem.hover .text {
    margin-right: 1rem
}

@media (max-width:1100px) {
    header .mainBar .menuItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    header .mainBar .menuItem .wrap:before {
        content: "";
        -webkit-transform: scaleY(1) !important;
        -ms-transform: scaleY(1) !important;
        transform: scaleY(1) !important
    }

    header .mainBar .menuItem.searchBtn {
        -webkit-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    header .mainBar .menuItem.logo {
        -webkit-transition-delay: .1s !important;
        transition-delay: .1s !important
    }

    header .mainBar .menuItem.heart {
        -webkit-transition-delay: .2s !important;
        transition-delay: .2s !important
    }

    header .mainBar .menuItem.card.tabletOnly {
        -webkit-transition-delay: .3s !important;
        transition-delay: .3s !important
    }

    header .mainBar .menuItem.card.tabletOnly.hover .wrap {
        top: 0
    }

    header .mainBar .menuItem .text {
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: auto !important;
        margin: auto !important;
        position: absolute;
        bottom: 0;
        height: 3.875rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    header .mainBar .menuItem .text span:not(.count_items_header) {
        display: none
    }

    header .mainBar .menuItem .wrap {
        height: 3.875rem;
        top: auto;
        -webkit-transition: .45s ease-in-out;
        transition: .45s ease-in-out
    }

    header .mainBar .menuItem .svg-icon {
        top: 0;
        bottom: auto;
        position: absolute;
        margin: 0;
        height: 3.875rem
    }

    header .mainBar .menuItem.hover .wrap {
        height: 6.0625rem
    }

    header .mainBar .menuItem.hover .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        color: #fcfcfc
    }

    header .mainBar .menuItem .wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

header .mainRow {
    display: none;
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    left: 4.6875rem;
    width: calc(100vw - 4.6875rem);
    -webkit-transition: 1s ease padding-bottom, 1s ease padding-top;
    transition: 1s ease padding-bottom, 1s ease padding-top
}

header .mainRow .background {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fcfcfc
}

@media (max-width:1100px) {
    header .mainRow .background {
        background: #e6eeef
    }
}

header .mainRow>nav {
    position: relative;
    height: calc(100% - 4.6875rem);
    overflow: hidden;
    will-change: transform;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

header .mainRow>nav::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 4.625rem;
    background: #fcfcfc
}

header .mainRow>nav li {
    height: 8.5rem;
    will-change: transform, height;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.open header .mainRow>nav li {
    will-change: auto
}

header .mainRow>nav a {
    font-family: Legquinne;
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 100%;
    padding: 1.5rem 1.5rem 1.5rem 39.5833333333vw;
    position: relative;
    z-index: 1;
    display: block;
    height: 23.125vh;
    letter-spacing: .0625rem;
    background: #214a4f;
    color: #fcfcfc !important
}

header .mainRow>nav a .image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 25.4166666667vw;
    background: #18363a
}

header .mainRow>nav a .image img,
header .mainRow>nav a .image picture {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

header .mainRow>nav a .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .mainRow>nav a::before {
    content: attr(data-name);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -1px;
    padding: inherit;
    color: #214a4f;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    z-index: 1
}

header .mainRow>nav li {
    position: relative;
    z-index: 1
}

header .mainRow>nav li:last-child {
    margin-bottom: 0
}

header .mainRow>nav li a.current-route {
    cursor: pointer
}

header .mainRow>nav li a::before {
    -webkit-transition: none;
    transition: none
}

header .mainRow>nav li.hover {
    margin-bottom: 0
}

@media (min-width:1101px) {
    header .mainRow>nav li.hover {
        height: 23.125vh
    }
}

header .mainRow>nav li.hover a::before {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

header .mainRow>nav .svg-icon {
    width: 2.25rem;
    height: 2.25rem;
    display: block;
    margin-left: 2.5rem;
    position: relative;
    top: -.3125rem
}

header .mainRow>nav .svg-icon use {
    stroke: none;
    fill: #fcfcfc
}

header .mainRow>nav .svg-icon.close use {
    fill: #fcfcfc
}

@media (min-width:1101px) {
    header .mainRow>nav li:nth-child(4n+1) a:before {
        background: #f3f7f7
    }

    header .mainRow>nav li:nth-child(4n+2) a:before {
        background: #e6eeef
    }

    header .mainRow>nav li:nth-child(4n+3) a:before {
        background: #dae5e7
    }

    header .mainRow>nav li:nth-child(4n+4) a:before {
        background: #cedcde
    }
}

@media (max-width:1100px) {
    header .mainRow>nav a:before {
        background-color: #e6eeef
    }
}

header .mainRow>nav ol {
    position: relative
}

header .mainRow>nav ol li {
    overflow: hidden
}

header .mainRow>nav li:last-child::after,
header .mainRow>nav ol:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 90vh;
    pointer-events: none;
    display: none
}

header .mainRow>nav li:first-child::before {
    content: "";
    background: #fcfcfc;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 90vh
}

@media (min-width:1101px) {
    header .mainRow>nav[data-count="0"] {
        background: #cedcde
    }

    header .mainRow>nav[data-count="0"] li:last-child::after,
    header .mainRow>nav[data-count="0"] ol:after {
        background: #cedcde
    }

    header .mainRow>nav[data-count="1"] {
        background: #f3f7f7
    }

    header .mainRow>nav[data-count="1"] li:last-child::after,
    header .mainRow>nav[data-count="1"] ol:after {
        background: #f3f7f7
    }

    header .mainRow>nav[data-count="2"] {
        background: #e6eeef
    }

    header .mainRow>nav[data-count="2"] li:last-child::after,
    header .mainRow>nav[data-count="2"] ol:after {
        background: #e6eeef
    }

    header .mainRow>nav[data-count="3"] {
        background: #dae5e7
    }

    header .mainRow>nav[data-count="3"] li:last-child::after,
    header .mainRow>nav[data-count="3"] ol:after {
        background: #dae5e7
    }
}

@media (max-width:1100px) {
    header .mainRow>nav {
        background: #e6eeef
    }

    header .mainRow>nav li:last-child::after,
    header .mainRow>nav ol:after {
        background: #e6eeef
    }
}

header .mainRow .bottomRow {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    background: #c2d4d6;
    min-height: 4.6875rem;
    padding: 1.25rem 1.875rem 1.25rem 45.0694444444vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .mainRow .bottomRow nav ul {
    margin-bottom: -1.25rem
}

header .mainRow .bottomRow nav li {
    margin-right: 1.875rem;
    margin-bottom: 1.25rem
}

header .mainRow .bottomRow nav li:last-child {
    margin-right: 0
}

header .mainRow .bottomRow nav li a {
    font-family: Gotham;
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: .00625rem;
    color: #214a4f
}

header .mainRow .bottomRow nav li a.current-route {
    cursor: default
}

header .mainRow .bottomRow nav li a.current-route::after {
    -webkit-animation: none !important;
    animation: none !important
}

@media (max-width:1100px) {
    header .mainRow .bottomRow {
        background: #e6eeef
    }
}

header .mainRow ol,
header .mainRow ul {
    list-style: none;
    margin: 0;
    padding: 0
}

header .mainRow>nav {
    -webkit-transition: 1s ease padding-bottom, 1s ease padding-top;
    transition: 1s ease padding-bottom, 1s ease padding-top
}

header .mainRow>nav a,
header .mainRow>nav li {
    -webkit-transition: 1s ease height, 1s ease margin;
    transition: 1s ease height, 1s ease margin
}

header .mainRow>nav a {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

header .mainRow>nav a:before {
    -webkit-transition: .8s ease;
    transition: .8s ease
}

header .mainRow>nav li:hover {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

header .mainRow>nav li:hover a {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

header .search-component {
    display: none
}

header.open.active nav {
    pointer-events: none
}

header.open .mainBar {
    border-right-color: rgba(33, 74, 79, .2)
}

header.open .mainBar .menuItem {
    border-top-color: rgba(33, 74, 79, .2)
}

header.open .mainBar .menuItem.menuBtn .text {
    width: 0 !important;
    margin: 0
}

header.open .mainBar .menuItem.logo .svg-icon use {
    fill: #214a4f
}

header.open .mainBar::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

header.open .mainBar .menuItem:not(.hover):not(.logo) .svg-icon use {
    stroke: #214a4f
}

header.open .mainBar .menuItem:not(.hover).arrow .svg-icon use {
    fill: #214a4f !important;
    stroke: none !important
}

header.open .mainBar .menuItem.menuBtn.hover .svg-icon use {
    stroke: #fcfcfc;
    fill: #fcfcfc
}

@media (min-width:1101px) {
    header.open .mainRow>nav {
        padding-top: 4.625rem;
        padding-bottom: 4.6875rem
    }
}

header.active .mainRow>nav {
    overflow: hidden
}

header.active .mainRowWrap {
    overflow: hidden;
    padding-right: var(--scrollbarWidth, 0)
}

header.active .mainRow nav li:last-child::after {
    display: block
}

header.active .mainRow nav li:first-child,
header.active .mainRow nav li:last-child {
    overflow: visible
}

@media (max-width:1100px) {
    header {
        top: 0;
        right: 0;
        width: 100%;
        height: 3.875rem
    }

    header .mainBar {
        border: 0;
        width: 100%;
        top: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3.875rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    header .mainBar.only5items>.wrap.top {
        width: 60%
    }

    header .mainBar.only5items>.wrap.bottom {
        width: 40%
    }

    header .mainBar::before {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    header .mainBar>.wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }

    header .mainBar .menuItem {
        height: 3.875rem;
        border-top: .0625rem solid #58767a;
        border-right: 1px solid #58767a
    }

    header .mainBar .menuItem .wrap {
        padding: 1.375rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    header .mainBar .menuItem .wrap::before {
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0)
    }

    header .mainBar .menuItem.hover .wrap::before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }

    header .mainRow {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
        padding: 0;
        top: calc(3.875rem - 1px);
        width: auto;
        z-index: 4;
        overflow: auto
    }

    header .mainRow>nav {
        margin-top: 0;
        height: auto;
        padding-bottom: 1.875rem
    }

    header .mainRow>nav .svg-icon {
        display: none
    }

    header .mainRow>nav li {
        margin-bottom: 0;
        height: auto
    }

    header .mainRow>nav a {
        padding-top: 1.875rem;
        padding-bottom: 0;
        padding-right: 1.25rem;
        padding-left: 1.25rem;
        font-size: 2rem;
        letter-spacing: -.01em;
        line-height: 119.375%;
        font-weight: 500;
        height: auto
    }

    header .mainRow>nav a .image {
        width: 100%
    }
}

@media (max-width:1100px) and (max-height:640px) {
    .landscape header .mainRow>nav {
        padding-bottom: 6.25rem
    }
}

@media (max-width:1100px) {
    header .mainRow .bottomRow {
        bottom: 0;
        padding: 0 1.25rem 1.875rem;
        height: auto;
        display: block;
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    header .mainRow .bottomRow>nav ul {
        display: block;
        padding-top: 1.875rem;
        border-top: 1px solid #c2d4d6
    }

    header .mainRow .bottomRow nav li {
        margin-right: 1.875rem;
        margin-bottom: 1.875rem
    }

    header .mainRow .bottomRow nav li a {
        letter-spacing: 0
    }

    header .mainRow .bottomRow nav li:last-child {
        margin-right: 0
    }
}

@media (max-width:1100px) {

    header.active .mainBar .menuItem:not(.hover):not(.logo) .svg-icon use,
    header.active .mainBar::before {
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    header.open .mainBar {
        border-top-color: rgba(61, 61, 61, .1);
        z-index: 5
    }

    header.open .menuItem {
        border-right-color: rgba(61, 61, 61, .1)
    }

    header.open .menuItem.card.tabletOnly .wrap:before,
    header.open .menuItem.heart .wrap:before,
    header.open .menuItem.logo .wrap:before,
    header.open .menuItem.menuBtn .wrap:before,
    header.open .menuItem.searchBtn .wrap:before {
        content: "";
        -webkit-transform: scaleY(0) !important;
        -ms-transform: scaleY(0) !important;
        transform: scaleY(0) !important
    }

    header.open .mainBar::before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    header.open.active .mainBar .menuItem:not(.hover):not(.logo) .svg-icon use {
        -webkit-transition-delay: .2s;
        transition-delay: .2s
    }
}

header[data-color=green] .svg-icon use {
    stroke: #214a4f
}

header[data-color=green] .headerFirstScreenLogo .svg-icon use {
    fill: #214a4f
}

header[data-color=green] .menuItem.logo .svg-icon use {
    fill: #214a4f
}

header[data-color=green] .menuItem.logo.hover .svg-icon use {
    fill: #fcfcfc
}

header[data-color=green] .menuItem.arrow .svg-icon use {
    fill: #214a4f !important;
    stroke: none !important
}

header[data-color=green] .menuItem.arrow.hover .svg-icon use {
    fill: #fcfcfc !important
}

header[data-color=green] .menuItem.hover:not(.logo):not(.arrow) .svg-icon use {
    stroke: #fcfcfc
}

header[data-color=green] .mainBar {
    border-color: rgba(33, 74, 79, .2)
}

header[data-color=green] .mainBar .menuItem {
    border-color: rgba(33, 74, 79, .2)
}

header[data-color=green] .mainBar .menuItem.arrow .svg-icon use {
    fill: #214a4f !important
}

header[data-color=green] .mainBar .menuItem.arrow.hover .svg-icon use {
    fill: #fcfcfc !important
}

header.open .mainBar .menuItem.hover.logo .svg-icon use {
    stroke: none;
    fill: #fcfcfc
}

header[data-logo-color=green]:not(.open) .headerFirstScreenLogo .svg-icon use {
    stroke: none;
    fill: #214a4f
}

header[data-logo-color=green]:not(.open) .mobLogo .svg-icon use {
    stroke: none;
    fill: #214a4f
}

header[data-background=white]:not(.open) .mainBar::before {
    background: #fcfcfc;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

header[data-background=green]:not(.open) .mainBar::before {
    background: #214a4f;
    border-color: rgba(252, 252, 252, .25)
}

header[data-background=green]:not(.open) .mainBar .menuItem .wrap {
    color: #214a4f !important
}

header[data-background=green]:not(.open) .mainBar .menuItem.lang ul a {
    color: #214a4f
}

header[data-background=green]:not(.open) .mainBar .menuItem.hover.logo .svg-icon use {
    stroke: none;
    fill: #214a4f
}

header[data-background=green]:not(.open).open .mainBar .menuItem.lang ul a {
    color: #fcfcfc
}

header[data-background=green]:not(.open).open .mainBar .menuItem.menuBtn.hover .wrap::before {
    background: #214a4f
}

header[data-background=green]:not(.open).open .mainBar .menuItem .wrap::before {
    background: #214a4f
}

header[data-background=green]:not(.open).open .mainBar .menuItem .wrap {
    color: #fcfcfc !important
}

header[data-background=green]:not(.open).open .mainBar .menuItem.hover .svg-icon use {
    stroke: #fcfcfc
}

header[data-background=green]:not(.open).open .mainBar .menuItem.hover.logo .svg-icon use {
    stroke: none;
    fill: #fcfcfc
}

header[data-background=green]:not(.open).minimizedFirstScreen .mainBar .menuItem.menuBtn .wrap {
    color: #fcfcfc !important
}

header[data-background=green]:not(.open).minimizedFirstScreen .mainBar .menuItem.menuBtn .wrap::before {
    background: #214a4f
}

header[data-background=green]:not(.open).minimizedFirstScreen .mainBar .menuItem.menuBtn.hover svg use {
    stroke: #fcfcfc
}

header .menuBtn.clone {
    display: none
}

header.open.active .mainBar .menuItem:not(.hover):not(.logo) .svg-icon use {
    -webkit-transition: 0s !important;
    transition: 0s !important
}

@media (max-width:1100px) {
    header:not(.showFullMenu):not(.open) .menuItem {
        border-color: transparent !important
    }

    header:not(.showFullMenu) .menuItem.card.tabletOnly,
    header:not(.showFullMenu) .menuItem.heart,
    header:not(.showFullMenu) .menuItem.logo,
    header:not(.showFullMenu) .menuItem.searchBtn {
        -webkit-transform: translateX(-100vw);
        -ms-transform: translateX(-100vw);
        transform: translateX(-100vw);
        -webkit-transition: .45s ease-in-out !important;
        transition: .45s ease-in-out !important
    }
}

header.open .menuItem.card.tabletOnly,
header.open .menuItem.heart,
header.open .menuItem.logo,
header.open .menuItem.searchBtn {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

header.open .menuItem.searchBtn {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

header.open .menuItem.logo {
    -webkit-transition-delay: .1s !important;
    transition-delay: .1s !important
}

header.open .menuItem.heart {
    -webkit-transition-delay: .2s !important;
    transition-delay: .2s !important
}

header.open .menuItem.card.tabletOnly {
    -webkit-transition-delay: .3s !important;
    transition-delay: .3s !important
}

header.minimizedFirstScreen:not(.open) .headerFirstScreenLogo {
    left: 100%;
    opacity: 1
}

@media (min-width:1101px) {
    header.minimizedFirstScreen:not(.open) .headerFirstScreenLogo.animated {
        -webkit-transform: translateX(4.6875rem);
        -ms-transform: translateX(4.6875rem);
        transform: translateX(4.6875rem);
        left: 0
    }
}

@media (min-width:1101px) {
    header.minimizedFirstScreen:not(.open) .menuBtn {
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        border-color: transparent
    }

    header.minimizedFirstScreen:not(.open) .menuBtn .wrap::before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1)
    }

    header.minimizedFirstScreen:not(.open) .mainBar {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        pointer-events: none
    }

    header.minimizedFirstScreen:not(.open) .mainBar .menuBtn {
        pointer-events: auto
    }
}

@media (max-width:1100px) {
    header.minimizedFirstScreen:not(.open) .mainBar {
        border-top-color: transparent
    }

    header.minimizedFirstScreen:not(.open) .mainBar .menuBtn .wrap::before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@media (min-width:1101px) {
    header.absoluteBottom:not(.open) {
        position: absolute;
        height: var(--windowHeight);
        top: auto;
        bottom: var(--footerHeight, 0);
        opacity: 0;
        pointer-events: none
    }
}

@media (max-width:1100px) {
    .headerFirstScreenLogo {
        -webkit-transition: .45s ease-in-out;
        transition: .45s ease-in-out
    }

    .headerFirstScreenLogo.hidden {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }

    .headerFirstScreenLogo[data-color=white] .svg-icon use {
        stroke: none;
        fill: #fcfcfc
    }

    header:not(.transition) {
        -webkit-transition: 0s !important;
        transition: 0s !important
    }

    header:not(.transition) *,
    header:not(.transition) .mainBar::before {
        -webkit-transition: 0s !important;
        transition: 0s !important
    }

    header.hideForFooter {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
        pointer-events: none
    }

    header.hideForFooter>* {
        pointer-events: none
    }
}

header.hideForFooter {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    pointer-events: none
}

header.hideForFooter>* {
    pointer-events: none
}

header {
    -webkit-transition: -webkit-transform .45s ease-in-out;
    transition: -webkit-transform .45s ease-in-out;
    transition: transform .45s ease-in-out;
    transition: transform .45s ease-in-out, -webkit-transform .45s ease-in-out
}

header .mainRow>nav::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 4;
    -webkit-transition: 1s height ease-in, 2.5s -webkit-transform ease-in .5s;
    transition: 1s height ease-in, 2.5s -webkit-transform ease-in .5s;
    transition: 1s height ease-in, 2.5s transform ease-in .5s;
    transition: 1s height ease-in, 2.5s transform ease-in .5s, 2.5s -webkit-transform ease-in .5s;
    background: #214a4f;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    height: 0
}

header.transitionToProduct .menuBtn {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

header.transitionToProduct .mainRow>nav::after {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    height: var(--windowHeight, 0);
    display: block
}

@media (max-width:1100px) {
    header.transitionToProduct .mainBar {
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

.search-component {
    position: absolute;
    top: 0;
    left: 4.6875rem;
    width: calc(100vw - 4.6875rem);
    height: var(--windowHeight, 100vh);
    overflow-y: scroll;
    overscroll-behavior-y: contain
}

.search-component .background {
    position: fixed;
    left: 4.6875rem;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fcfcfc
}

.search-component .cmp-inner {
    position: relative;
    position: relative;
    z-index: 3;
    padding: 10.0625rem 12.75rem 5.625rem calc(12.75rem - 4.6875rem)
}

@media (max-width:1100px) {
    .search-component .cmp-inner {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.search-component .cmp-close-btn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 1.5rem;
    height: 1.5rem;
    color: #214a4f;
    -webkit-transition: color .45s ease-in-out;
    transition: color .45s ease-in-out;
    position: relative;
    position: absolute;
    right: 2.5rem;
    top: 2.5rem
}

.search-component .cmp-close-btn:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #dae5e7;
    border-radius: .25rem;
    opacity: 0;
    -webkit-transition: opacity .45s ease-in-out;
    transition: opacity .45s ease-in-out
}

.search-component .cmp-close-btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: currentcolor;
    position: relative;
    z-index: 2
}

@media (any-hover:hover) {
    .search-component .cmp-close-btn:hover:before {
        opacity: 1
    }
}

.search-component .cmp-form {
    margin-bottom: 3rem
}

.search-component .cmp-results {
    position: relative
}

.search-component .cmp-results .loader {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255, 255, 255, .6);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: opacity .45s ease-in-out, visibility .45s ease-in-out;
    transition: opacity .45s ease-in-out, visibility .45s ease-in-out
}

.search-component .cmp-results .loader.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.search-component .cmp-results .loader:after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' width='124' height='124' style='shape-rendering:auto;display:block;background-position-x:0%25;background-position-y:0%25;background-size:auto;background-origin:padding-box;background-clip:border-box;background:scroll rgba(0, 0, 0, 0) none repeat;width:124px;height:124px;;animation:none'%3E%3Cg%3E%3Ccircle stroke-dasharray='221.48228207808043 75.82742735936014' r='47' stroke-width='5' stroke='%23306b73' fill='none' cy='50' cx='50' transform='matrix(1,0,0,1,0,0)' style='fill:none;stroke:rgb(48, 107, 115);transform:matrix(1, 0, 0, 1, 0, 0);;animation:none'/%3E%3Cg/%3E%3C/g%3E%3C!-- %5Bldio%5D generated by https://loading.io --%3E%3C/svg%3E") no-repeat center center/contain;
    width: 7.75rem;
    height: 7.75rem;
    position: absolute;
    left: calc(50% - 7.75rem / 2);
    -webkit-animation: loader 3s linear infinite both;
    animation: loader 3s linear infinite both
}

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

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

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

    100% {
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
}

.search-component .search-field {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .5625rem 0;
    border-bottom: 1px solid #214a4f;
    position: relative
}

.search-component .search-field .field-label {
    font-size: .75rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0;
    margin-right: .5rem
}

.search-component .search-field input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
    color: inherit;
    background: 0 0;
    padding-bottom: .125rem;
    height: 2.8125rem;
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: .75rem;
    line-height: 1.4;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0;
    padding-right: 2.5rem
}

.search-component .search-field .clear-btn,
.search-component .search-field .search-btn {
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    -webkit-transition: opacity .45s ease-in-out, visibility .45s ease-in-out;
    transition: opacity .45s ease-in-out, visibility .45s ease-in-out
}

.search-component .search-field .clear-btn[disabled],
.search-component .search-field .search-btn[disabled] {
    pointer-events: none;
    cursor: default
}

.search-component .search-field .clear-btn .btn-icon,
.search-component .search-field .search-btn .btn-icon {
    width: 100%;
    height: 100%;
    display: block;
    fill: none;
    stroke: #214a4f;
    stroke-width: 1.5px
}

.search-component .search-field .clear-btn {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    right: 1.25rem
}

.search-component .search-field .clear-btn .btn-icon {
    stroke: none;
    fill: #214a4f
}

.search-component .search-field .clear-btn.show {
    pointer-events: all;
    opacity: 1;
    visibility: visible
}

.search-component.show-results .search-field .search-btn {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.search-component.show-results .search-field .clear-btn {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.search-component .default-results-block .block-title {
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: inherit;
    margin-bottom: 1.5rem
}

.search-component .default-results-block .block-list {
    display: grid;
    grid-gap: 1.5rem
}

.search-component .default-results-block .block-list a {
    font-size: .875rem;
    line-height: 1.4;
    color: #214a4f;
    opacity: .5;
    -webkit-transition: opacity .45s ease-in-out;
    transition: opacity .45s ease-in-out
}

.search-component .default-results-block .block-list a:after {
    display: none
}

@media (any-hover:hover) {
    .search-component .default-results-block .block-list a:hover {
        opacity: 1
    }
}

.search-component .results-block .block-title {
    font-size: .75rem;
    line-height: 1.4;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    font-family: inherit;
    margin-bottom: 1.5rem
}

.search-component .results-block .block-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem 3.625rem
}

.search-component .results-block.suggestions .block-grid {
    grid-template-columns: 1fr;
    max-width: calc((100% - 3.625rem * 2)/ 3)
}

@media screen and (max-width:1100px) {
    .search-component {
        width: 100vw;
        left: 0;
        top: 0;
        z-index: 10
    }

    .search-component .background {
        left: 0
    }

    .search-component .results-block .block-grid {
        grid-gap: 1.5rem
    }

    .search-component .results-block.suggestions .block-grid {
        max-width: calc((100% - 1.5rem * 2)/ 3)
    }
}

@media screen and (max-width:780px) {
    .search-component .cmp-close-btn {
        right: 1rem;
        top: 1rem
    }

    .search-component .cmp-inner {
        padding-top: 4.0625rem;
        padding-bottom: 5.625rem
    }

    .search-component .results-block .block-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .search-component .results-block.suggestions .block-grid {
        max-width: calc((100% - 1.5rem)/ 3)
    }
}

@media screen and (min-width:541px) {
    .search-component .search-field input::-webkit-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input::-moz-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input:-ms-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input::-ms-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input::placeholder {
        color: transparent;
        opacity: 0
    }
}

@media screen and (max-width:540px) {
    .search-component .search-field .field-label {
        display: none
    }

    .search-component .search-field input::-webkit-input-placeholder {
        color: #214a4f;
        opacity: 1
    }

    .search-component .search-field input::-moz-placeholder {
        color: #214a4f;
        opacity: 1
    }

    .search-component .search-field input:-ms-input-placeholder {
        color: #214a4f;
        opacity: 1
    }

    .search-component .search-field input::-ms-input-placeholder {
        color: #214a4f;
        opacity: 1
    }

    .search-component .search-field input::placeholder {
        color: #214a4f;
        opacity: 1
    }

    .search-component .search-field input:focus::-webkit-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input:focus::-moz-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input:focus:-ms-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input:focus::-ms-input-placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .search-field input:focus::placeholder {
        color: transparent;
        opacity: 0
    }

    .search-component .default-results-block .block-title {
        margin-bottom: 2rem
    }

    .search-component .default-results-block .block-list {
        grid-gap: 2rem
    }

    .search-component .results-block .block-grid {
        grid-template-columns: 1fr
    }

    .search-component .results-block.suggestions .block-grid {
        max-width: 100%
    }
}

.search-product-card {
    padding: .9375rem;
    display: grid !important;
    grid-template-columns: 6.25rem 1fr;
    grid-gap: .9375rem;
    color: #214a4f;
    background: #f3f7f7;
    -webkit-transition: background-color .45s ease-in-out;
    transition: background-color .45s ease-in-out;
    font-size: .75rem;
    line-height: 1.4;
    letter-spacing: 0
}

@media (any-hover:hover) {
    .search-product-card:hover {
        background: rgba(33, 74, 79, .2)
    }
}

.search-product-card .card-image {
    position: relative
}

.search-product-card .card-image:before {
    content: "";
    display: block;
    padding-top: 100%
}

.search-product-card .card-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center
}

.search-product-card .card-title {
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -.01em;
    font-weight: 500;
    font-family: Legquinne;
    margin-bottom: 0
}

.search-product-card .card-price {
    font-weight: 500;
    margin-bottom: .5rem
}

.search-product-card .card-text p {
    margin-bottom: 0
}

.wrapper[data-pathname="/"] header[data-logo-color=green]:not(.open) .headerFirstScreenLogo .svg-icon use {
    fill: #fff
}

.langBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    border-top: 1px solid #c2d4d6
}

@media (min-width:1101px) {
    .langBlock {
        display: none
    }
}

.langBlock .text {
    color: #214a4f;
    margin-right: .625rem;
    font-weight: 500;
    text-transform: uppercase;
    font-size: .875rem;
    line-height: 140%
}

.langBlock .icon {
    width: 1.125rem;
    height: 1.125rem;
    margin-right: .625rem
}

.langBlock .icon svg use {
    stroke: #214a4f
}

.langBlock ul {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.langBlock ul li:not(:last-child) {
    margin: 0 .625rem 0 0
}

.langBlock ul li a {
    font-size: .875rem;
    line-height: 140%;
    padding: 0 .625rem;
    opacity: .5;
    color: #214a4f;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
    text-transform: uppercase;
    font-weight: 500
}

.langBlock ul li a.active {
    opacity: 1
}

.mobLogo {
    width: 7.6875rem;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mobLogo a {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobLogo a svg {
    width: 4.75rem;
    display: block
}

.mobLogo a svg use {
    stroke: none !important;
    fill: #fcfcfc
}

footer {
    padding-top: 4.6875rem;
    padding-bottom: 1.5625rem;
    background: #18363a;
    color: #fcfcfc;
    position: relative;
    z-index: 5
}

@media (min-width:1101px) {
    footer::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fcfcfc;
        z-index: 10;
        -webkit-transition: .45s ease-in-out;
        transition: .45s ease-in-out
    }

    footer::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 31.75rem;
        background: #f3f7f7;
        z-index: 10
    }

    footer.init::after,
    footer.init::before {
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        opacity: 0;
        pointer-events: none
    }
}

footer .mainRow {
    margin-bottom: 2.6875rem
}

footer ul a {
    font-family: Gotham;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    opacity: .5;
    color: #c2d4d6;
    letter-spacing: 0;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

footer ul a::after {
    background: #c2d4d6 !important
}

@media (min-width:781px) and (hover:hover) {
    footer ul a:hover {
        opacity: 1;
        color: #fcfcfc !important
    }
}

@media (min-width:781px) {
    footer ul a:active {
        opacity: 1;
        color: #fcfcfc !important
    }
}

footer ul a.current-route {
    opacity: 1;
    color: #fcfcfc !important
}

footer nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .column h5 {
    font-family: Gotham;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    margin-bottom: 2.5rem;
    text-transform: uppercase
}

footer .column ul li {
    margin-bottom: 1.0625rem
}

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

footer .bottomRow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .bottomRow .designedBy {
    width: 12.125rem;
    height: 1.5625rem
}

footer .bottomRow .designedBy .svg-icon,
footer .bottomRow .designedBy svg {
    display: block;
    width: 100%;
    height: 100%
}

footer .bottomRow .logo {
    width: 6rem;
    height: 1.3125rem;
    display: block;
    opacity: .5;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    will-change: opacity
}

footer .bottomRow .logo:not(.current-route) {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:781px) and (hover:hover) {
    footer .bottomRow .logo:not(.current-route):hover {
        opacity: 1
    }

    footer .bottomRow .logo:not(.current-route):hover .svg-icon use {
        fill: #fcfcfc
    }
}

@media (min-width:781px) {
    footer .bottomRow .logo:not(.current-route):active {
        opacity: 1
    }

    footer .bottomRow .logo:not(.current-route):active .svg-icon use {
        fill: #fcfcfc
    }
}

footer .bottomRow .logo .svg-icon {
    display: block;
    width: 100%;
    height: 100%
}

footer .bottomRow .logo .svg-icon use {
    fill: #c2d4d6;
    stroke: none;
    will-change: auto
}

footer .bottomRow p {
    margin: 0;
    color: #c2d4d6;
    opacity: .5
}

footer .bottomRow .column.left,
footer .bottomRow .column.right {
    width: 12.125rem
}

footer .bottomRow .designedBy {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

footer .bottomRow .designedBy g {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

@media (min-width:781px) and (hover:hover) {
    footer .bottomRow .designedBy:hover g {
        opacity: 1
    }
}

@media (min-width:781px) {
    footer .bottomRow .designedBy:active g {
        opacity: 1
    }
}

@media (max-width:1100px) {
    footer {
        padding-bottom: calc(3.875rem + 2.5rem);
        padding-top: 2.5rem
    }

    footer .column h5 {
        margin-bottom: 1.5rem
    }
}

@media (max-width:780px) {

    footer .bottomRow,
    footer nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    footer .mainRow {
        margin: 0
    }

    footer nav .column {
        margin-bottom: 2.375rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    footer nav .column:nth-child(2n+1) {
        width: 63%;
        padding-right: 1.25rem
    }

    footer nav .column:nth-child(2n+2) {
        width: 37%
    }

    footer .bottomRow .column {
        margin-bottom: 1.5rem
    }

    footer .bottomRow .column:last-child {
        margin: 0
    }

    footer .bottomRow .column.center {
        left: 0
    }
}

footer .scrollTopBtn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4.6875rem;
    height: 4.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: .5s ease;
    transition: .5s ease;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

footer .scrollTopBtn .svg-icon {
    width: 1.125rem;
    height: 1.125rem
}

footer .scrollTopBtn .svg-icon use {
    stroke: none;
    fill: #fcfcfc
}

@media (min-width:781px) and (hover:hover) {
    footer .scrollTopBtn:hover {
        background: #fcfcfc
    }

    footer .scrollTopBtn:hover .svg-icon use {
        fill: #214a4f
    }
}

@media (min-width:781px) {
    footer .scrollTopBtn:active {
        background: #fcfcfc
    }

    footer .scrollTopBtn:active .svg-icon use {
        fill: #214a4f
    }
}

@media (max-width:1100px) {
    footer .scrollTopBtn {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        background: #214a4f;
        height: 3.875rem;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }

    footer .scrollTopBtn.show {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    footer .scrollTopBtn .svg-icon use {
        fill: #fcfcfc;
        stroke: none
    }
}

.modal {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(33, 74, 79, .9);
    pointer-events: none;
    z-index: 9999;
    display: none
}

.modal .bodalBG {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.modal.opened {
    pointer-events: auto;
    opacity: 1
}

.modal.openedImportant,
.modal.showImportant {
    pointer-events: auto;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.modal .modal-inner-second {
    position: relative
}

@media (min-width:1101px) {
    .modal .modal-inner-second {
        width: auto;
        display: inline-block
    }
}

@media (max-width:1100px) {
    .modal .modal-inner-second {
        overflow-y: auto;
        max-height: 100%;
        max-height: calc(var(--vh) - 6.875rem)
    }
}

.modal .modal-inner {
    max-height: var(--vh);
    text-align: center;
    position: relative;
    width: 100%
}

@media (min-width:1101px) {
    .modal .modal-inner {
        padding: 2.5rem 0
    }
}

@media (max-width:1100px) {
    .modal .modal-inner {
        max-height: calc(var(--vh) - 4.375rem - var(--deltaVH));
        padding-top: 2.5rem;
        background: #fcfcfc;
        overflow: hidden
    }

    .modal .modal-inner .modalContent {
        padding-top: 0;
        padding-bottom: calc(2.5rem + var(--deltaVH))
    }
}

.modal .modal-dialog {
    margin: auto;
    text-align: left
}

@media (max-width:1100px) {
    .modal#reviews-item .modal-inner {
        max-height: calc(var(--innerHeight) - 4.375rem)
    }
}

@media (max-width:1100px) {
    .modal#leave-review .modal-inner {
        max-height: var(--innerHeight);
        height: 100%
    }
}

@media (max-width:1100px) {
    .modal#leave-review .modal-inner-second {
        max-height: var(--innerHeight)
    }
}

.modal .modal-dialog {
    width: 25.5rem;
    max-width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

.modal .modal-dialog.medium {
    width: 43.5rem
}

.modal .modal-dialog.medium2 {
    width: 37.5rem
}

.modal .modal-dialog.large {
    width: 53.625rem
}

.modal .modal-dialog.large2 {
    width: 57.375rem
}

.modal .modal-dialog.fullWIdth {
    width: 100%;
    max-width: 90rem
}

@media screen and (max-width:540px) {
    .modal {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

.modal .close-modal {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1.5rem !important;
    height: 1.5rem !important;
    will-change: transform;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:781px) and (hover:hover) {
    .modal .close-modal:hover {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media (min-width:781px) {
    .modal .close-modal:active {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.modal .close-modal .svg-icon-wrap {
    width: 1.5rem;
    height: 1.5rem
}

.modalContent {
    padding: 2.5rem;
    background: #fcfcfc;
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.modalContent.small {
    padding: 1.25rem
}

.modalContent.big {
    padding: 5rem
}

@media (max-width:1100px) {
    .modalContent.big {
        padding: 2.5rem 1.25rem
    }
}

.modalContent .modal-title {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: .05em;
    font-weight: 500;
    margin-bottom: 2rem;
    font-family: inherit;
    text-transform: uppercase
}

.modalContent .modal-buttons {
    display: grid;
    grid-gap: .9375rem
}

.modalContent .modal-buttons .button {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.modalContent h5 {
    font-size: .75rem;
    font-weight: 500;
    line-height: 140%;
    text-transform: uppercase;
    letter-spacing: 0
}

@media (max-width:1100px) {
    .modalContent {
        padding: 2.5rem 1.25rem
    }
}

.size-chart-modal .preview {
    position: relative;
    margin: 1rem 0 2.0625rem
}

.size-chart-modal .preview::before {
    content: "";
    padding-top: 63.3116883117%;
    display: block
}

.size-chart-modal .preview .productImage {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.size-chart-modal .preview .productImage img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:1100px) {
    .size-chart-modal .preview {
        margin-bottom: 1rem
    }
}

.size-chart-modal .modal-title {
    margin-bottom: 1rem
}

.size-chart-modal ul li {
    margin-bottom: 1.9375rem
}

@media (max-width:1100px) {
    .size-chart-modal ul li {
        margin-bottom: .9375rem
    }
}

.size-chart-modal ul li:last-child {
    margin-bottom: 0
}

.size-chart-modal ul h5 {
    margin-bottom: .375rem
}

.size-chart-modal ul p:last-child {
    margin-bottom: 0
}

.view-my-space-modal {
    text-align: center
}

.view-my-space-modal .modal-text,
.view-my-space-modal .modal-title {
    margin-bottom: 1.125rem
}

.view-my-space-modal .modal-text.additional {
    font-size: .75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 140%
}

.view-my-space-modal .modal-text.additional:last-child {
    margin-bottom: 0
}

.view-my-space-modal .qrCode {
    width: 17.5rem;
    height: 17.5rem;
    background: rgba(61, 61, 61, .1);
    margin: 1rem auto
}

.leave-review-modal form .row {
    margin-bottom: 1.125rem
}

.leave-review-modal form .row:last-child {
    margin-bottom: 0
}

.leave-review-modal form .row.bottomRow {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.leave-review-modal form .row.bottomRow .button,
.leave-review-modal form .row.bottomRow .column {
    margin-bottom: 0 !important
}

.leave-review-modal form .row .inputLabel.mb0 {
    margin-bottom: 0 !important
}

.leave-review-modal .productInfo {
    width: 25.625rem;
    margin-right: 4.375rem;
    background: #f3f7f7;
    padding: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.leave-review-modal .productInfo .image {
    width: 11.8125rem;
    height: 11.8125rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .9375rem;
    background: rgba(33, 74, 79, .2)
}

.leave-review-modal .productInfo .image img,
.leave-review-modal .productInfo .image picture {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.leave-review-modal .productInfo .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .875rem;
    font-weight: 400;
    line-height: 140%
}

.leave-review-modal .productInfo .content .name {
    font-weight: 500;
    line-height: 120%;
    margin: 0;
    letter-spacing: -.02rem
}

.leave-review-modal .productInfo .content .ratingTitle {
    margin-bottom: .5rem
}

@media (min-width:1101px) {
    .leave-review-modal .productInfo .content .rating {
        margin-bottom: .625rem
    }
}

@media (min-width:1101px) {
    .leave-review-modal .productInfo .content .topRow {
        padding-top: .625rem
    }
}

.leave-review-modal .columnRight {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto
}

@media (max-width:1100px) {
    .leave-review-modal .row.nowrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .leave-review-modal .productInfo {
        margin-bottom: 1rem
    }

    .leave-review-modal .columnRight,
    .leave-review-modal .productInfo {
        margin-right: 0;
        width: 100%
    }
}

@media (max-width:780px) {
    .leave-review-modal>.h2 {
        font-size: 2rem;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -.02rem;
        margin-bottom: 1.5rem
    }

    .leave-review-modal .productInfo {
        margin-right: 0;
        width: 100%;
        margin-bottom: 1rem
    }

    .leave-review-modal .columnRight {
        width: 100%
    }
}

@media (max-width:540px) {
    .leave-review-modal .contactForm .row.margin20 .column.w50.mobilew100 {
        margin-bottom: 1.5rem
    }

    .leave-review-modal .productInfo {
        margin-right: 0
    }

    .leave-review-modal .productInfo .image {
        width: 4.75rem;
        height: 4.75rem
    }

    .leave-review-modal .productInfo .content .ratingTitle {
        line-height: 160%;
        letter-spacing: .075rem
    }

    .leave-review-modal .productInfo .content .name {
        font-size: 2rem;
        font-weight: 550;
        line-height: 120%;
        letter-spacing: -.02rem
    }
}

.reviews-item-modal .reviewsListItem {
    padding-top: .9375rem;
    overflow: visible;
    border: 0
}

.reviews-item-modal .reviewsListItem .imagesList {
    overflow: hidden
}

.reviews-item-modal .reviewsListItem .column.left .date {
    display: none
}

.reviews-item-modal .reviewsListItem .column.center,
.reviews-item-modal .reviewsListItem .column.left {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.reviews-item-modal .reviewsListItem .column.left {
    margin-bottom: 1.4375rem
}

.reviews-item-modal .reviewsListItem .column.left table {
    display: none
}

.reviews-item-modal .reviewsListItem .column.left ul {
    margin-bottom: 0
}

@media (max-width:1100px) {
    .reviews-item-modal .reviewsListItem .column.left ul {
        font-size: .75rem
    }
}

.reviews-item-modal .reviewsListItem .column.right {
    width: 100%;
    margin-bottom: 1.5rem;
    position: relative
}

.reviews-item-modal .reviewsListItem .column.right::before {
    content: "";
    padding-top: 100%;
    display: block
}

.reviews-item-modal .reviewsListItem .column.right .imagesList {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(100% + 2.5rem);
    height: 100%;
    margin: 0 -1.25rem
}

.reviews-item-modal .reviewsListItem .column.right .imagesList .imagesListItem {
    width: 25rem
}

@media (max-width:780px) {
    .reviews-item-modal .reviewsListItem .column.right .imagesList .imagesListItem {
        width: 100%;
        margin-right: 1.25rem
    }

    .reviews-item-modal .reviewsListItem .column.right .imagesList .imagesListItem:last-child {
        margin: 0
    }
}

@media (max-width:1100px) {
    .reviews-item-modal .reviewsListItem .column.right::before {
        display: none
    }

    .reviews-item-modal .reviewsListItem .column.right .imagesList {
        position: relative
    }

    .reviews-item-modal .reviewsListItem .column.right .imagesList .controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        bottom: 1rem;
        right: 2.1875rem
    }

    .reviews-item-modal .reviewsListItem .column.right .imagesList .controls .buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .reviews-item-modal .reviewsListItem .column.right .imagesList .controls .buttons .swiper-button-prev {
        margin-right: .75rem
    }
}

.reviews-item-modal .reviewsListItem .column.center {
    margin: 0
}

.reviews-item-modal .reviewsListItem .column.center .text {
    display: block;
    font-size: .75rem;
    line-height: 140%;
    margin: 0;
    padding-right: .125rem;
    margin-bottom: 1.5rem
}

.reviews-item-modal .reviewsListItem .column.center .date {
    display: block;
    font-size: .75rem;
    line-height: 140%;
    color: #3c8690
}

.reviews-item-modal .reviewsListItem .column.center .readMoreBtn {
    display: none !important
}

@media (max-width:1100px) {
    .reviews-item-modal .reviewsListItem {
        padding: 0
    }

    .reviews-item-modal .reviewsListItem .column.right {
        margin-top: .875rem
    }

    .reviews-item-modal .reviewsListItem.noImages .column.right {
        display: none
    }
}

@media (min-width:1101px) {
    .reviews-item-modal .reviewsListItem {
        padding-top: 2.125rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .reviews-item-modal .reviewsListItem .column.left {
        display: block;
        width: calc(100% - 32.5rem);
        padding-left: 1.5rem;
        position: relative;
        margin: 0;
        margin-top: 1.6875rem;
        font-size: .75rem;
        line-height: 140%
    }

    .reviews-item-modal .reviewsListItem .column.left .name {
        font-size: 1rem;
        line-height: 160%;
        letter-spacing: .05rem
    }

    .reviews-item-modal .reviewsListItem .column.center {
        width: 100%;
        margin-top: 1.5rem;
        position: relative;
        padding-top: 2.5rem
    }

    .reviews-item-modal .reviewsListItem .column.center .date {
        position: absolute;
        left: 0;
        top: 0
    }

    .reviews-item-modal .reviewsListItem .rating {
        position: absolute;
        top: .125rem;
        right: 0
    }

    .reviews-item-modal .reviewsListItem .popupSection {
        margin-top: 1rem;
        display: block !important;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        width: 100%;
        margin-bottom: -.375rem
    }

    .reviews-item-modal .reviewsMainSlider {
        width: 32.5rem;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .reviews-item-modal .reviewsMainSlider .swiper-slide,
    .reviews-item-modal .reviewsSecondSlider .swiper-slide {
        position: relative
    }

    .reviews-item-modal .reviewsMainSlider .swiper-slide::before,
    .reviews-item-modal .reviewsSecondSlider .swiper-slide::before {
        content: "";
        padding-top: 100%;
        display: block
    }

    .reviews-item-modal .reviewsMainSlider .swiper-slide img,
    .reviews-item-modal .reviewsMainSlider .swiper-slide picture,
    .reviews-item-modal .reviewsSecondSlider .swiper-slide img,
    .reviews-item-modal .reviewsSecondSlider .swiper-slide picture {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover
    }

    .reviews-item-modal .reviewsSecondSlider {
        text-align: center
    }

    .reviews-item-modal .reviewsSecondSlider .swiper-slide {
        width: 7.5rem;
        margin-right: .25rem;
        cursor: pointer;
        position: relative
    }

    .reviews-item-modal .reviewsSecondSlider .swiper-slide::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border: .25rem solid #7ec0c9;
        -webkit-transition: .45s ease-in-out;
        transition: .45s ease-in-out;
        opacity: 0
    }

    .reviews-item-modal .reviewsSecondSlider .swiper-slide:last-child {
        margin: 0
    }

    .reviews-item-modal .reviewsSecondSlider .swiper-slide.active::after {
        opacity: 1
    }

    .reviews-item-modal .reviewsSecondSlider .swiper-wrapper {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        width: auto
    }

    .reviews-item-modal .reviewsSecondSlider .buttons {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 1rem
    }

    .reviews-item-modal .reviewsSecondSlider .buttons .button {
        opacity: 1 !important
    }

    .reviews-item-modal .column.right {
        display: none
    }
}

.reviews-item-modal .swiper-pagination {
    margin-right: 1.5rem
}

.reviews-item-modal .buttons .button {
    margin: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.reviews-item-modal .buttons .button::after {
    display: none
}

.reviews-item-modal .buttons .button.swiper-button-prev .svg-icon-wrap {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.checkout-processing-modal {
    background: #214a4f;
    font-size: 1rem;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: .05rem;
    text-transform: uppercase
}

.checkout-processing-modal p {
    margin-bottom: 0
}

.checkout-processing-modal .modal-inner {
    background: 0 0
}

.checkout-processing-modal .imageWrap {
    margin: auto;
    width: 10rem;
    height: 7.9375rem;
    position: relative;
    margin-bottom: 3.75rem
}

.checkout-processing-modal .imageWrap::before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 1.125rem;
    width: 17.5rem;
    height: .0625rem;
    background: rgba(252, 252, 252, .25)
}

.checkout-processing-modal .imageWrap img,
.checkout-processing-modal .imageWrap picture {
    position: relative;
    width: 100%;
    height: 100%
}

.checkout-processing-modal .imageWrap .walk {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.checkout-processing-modal .imageWrap .walk .walk.second {
    opacity: 0
}

@media (max-width:780px) {
    .checkout-processing-modal .imageWrap {
        width: 6.5625rem;
        height: 5.25rem
    }

    .checkout-processing-modal .imageWrap::before {
        width: 12.5rem;
        bottom: .625rem
    }
}

.checkout-processing-modal .walk {
    -webkit-animation: walk 1s infinite;
    animation: walk 1s infinite
}

.checkout-processing-modal .walk.second {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

@-webkit-keyframes fade {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .5
    }
}

@keyframes fade {
    0% {
        opacity: .5
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: .5
    }
}

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

    50% {
        opacity: 0
    }

    50.01% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes walk {
    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    50.01% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.checkout-processing-modal .dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.checkout-processing-modal .dots:nth-child(1) {
    -webkit-animation: fade 1.5s infinite;
    animation: fade 1.5s infinite
}

.checkout-processing-modal .dots:nth-child(2) {
    -webkit-animation: fade 1.5s .33s infinite;
    animation: fade 1.5s .33s infinite
}

.checkout-processing-modal .dots:nth-child(3) {
    -webkit-animation: fade 1.5s .66s infinite;
    animation: fade 1.5s .66s infinite
}

.checkout-processing-modal .scrollbar-track {
    display: none !important
}

@media (max-width:780px) {
    .checkout-processing-modal {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .checkout-processing-modal .modal-inner {
        padding-left: 4rem;
        padding-right: 4rem
    }
}

.pre-order-cart-modal .title {
    letter-spacing: -.02rem
}

@media (max-width:780px) {
    .pre-order-cart-modal .title {
        font-size: 2rem;
        font-weight: 500;
        line-height: 120%;
        margin-bottom: 1rem
    }
}

.pre-order-cart-modal .line {
    height: 1px;
    width: 100%;
    display: block;
    background: rgba(33, 74, 79, .2);
    margin: 1.5rem 0
}

@media (max-width:780px) {
    .pre-order-cart-modal .line {
        margin: 1rem 0
    }
}

.pre-order-cart-modal .emptyText {
    font-size: .75rem;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 140%;
    text-transform: uppercase;
    margin: 0
}

.pre-order-cart-modal .productsList {
    margin-bottom: -.25rem
}

@media (max-width:780px) {
    .pre-order-cart-modal .bottomRow .button {
        width: 100%
    }

    .pre-order-cart-modal .productsList {
        padding-bottom: 2.125rem;
        margin: 0
    }

    .pre-order-cart-modal .bottomRow {
        display: none
    }

    .pre-order-cart-modal .bottomRow.tablet2Only {
        position: absolute;
        background: #fcfcfc;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        padding: 1.25rem;
        border-top: .0625rem solid rgba(33, 74, 79, .2)
    }
}

.fabric-modal .modal-inner {
    padding: 0;
    height: 100%;
    max-height: 100%
}

.fabric-modal .scroll-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.fabric-modal .modal-inner-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-height: 100% !important
}

@media (min-width:1101px) {
    .fabric-modal .modal-inner-second {
        width: 47.5rem
    }
}

.fabric-modal .modal-dialog {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1100px) {
    .fabric-modal .modal-dialog {
        width: 100% !important
    }
}

.fabric-modal .modalContent {
    width: 100%
}

@media (max-width:1100px) {
    .fabric-modal .modalContent {
        width: 100%
    }
}

.fabric-modal .checkboxes {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem
}

@media (max-width:780px) {
    .fabric-modal .checkboxes {
        grid-template-columns: repeat(3, 1fr)
    }
}

.fabricModalCont {
    padding: 3rem !important
}

@media (max-width:780px) {
    .fabricModalCont {
        padding: 3rem 1.3125rem !important
    }
}

.fabricModalCont__item:not(:last-child) {
    padding-bottom: 1.875rem;
    margin-bottom: 1.875rem;
    border-bottom: 1px solid rgba(33, 74, 79, .2)
}

.fabricModalCont__item>.h6 {
    margin-bottom: .25rem
}

@media (max-width:780px) {
    .fabricModalCont__item>.h6 {
        font-size: 1rem
    }
}

.fabricModalCont__item .text {
    font-size: .75rem;
    margin-bottom: 1.5rem
}

.fabricModalCont__item ul li:not(:last-child) {
    margin: 0 0 1.5rem 0
}

.fabricModalCont__item ul li .h6 {
    margin-bottom: 1rem;
    font-size: .75rem
}

.checkbox {
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: block
}

.checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0;
    position: absolute;
    z-index: -100;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0
}

.checkbox__input:checked~.checkbox__fake-checkbox {
    border-color: #214a4f
}

.checkbox__input:checked~.checkbox__fake-checkbox img {
    left: .25rem;
    top: .25rem;
    width: calc(100% - .5rem);
    height: calc(100% - .5rem)
}

.checkbox__fake-checkbox {
    position: relative;
    -webkit-transition: padding .3s, border-color .3s;
    transition: padding .3s, border-color .3s;
    width: 100%;
    display: block;
    margin-bottom: .375rem;
    border: 1px solid transparent
}

.checkbox__fake-checkbox:after {
    content: "";
    display: block;
    padding-top: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgMTZMMTggOCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0ic3F1YXJlIi8+Cjwvc3ZnPgo=) center/contain no-repeat
}

body.light .checkbox__fake-checkbox:after {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYgMTJMMTAgMTZMMTggOCIgc3Ryb2tlPSIjMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz4KPC9zdmc+Cg==) center/contain no-repeat
}

.checkbox__fake-checkbox img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 1;
    visibility: visible
}

.checkbox__label {
    color: inherit;
    line-height: inherit;
    text-transform: none;
    font-size: .75rem
}

.checkbox__label a {
    color: inherit;
    -webkit-transition: color .3s, -webkit-text-decoration .3s;
    transition: color .3s, -webkit-text-decoration .3s;
    transition: color .3s, text-decoration .3s;
    transition: color .3s, text-decoration .3s, -webkit-text-decoration .3s;
    text-decoration: underline;
    text-transform: uppercase
}

@media (any-hover:hover) {
    .checkbox__label a:hover {
        color: var(--text-color-70)
    }
}

@media (max-width:540px) {
    .checkbox__label {
        line-height: 1
    }
}

@media (min-width:541px) and (max-height:710px) {
    #cart-items-confirmation-modal .block-image picture {
        max-width: 14rem !important
    }
}

.video-modal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-modal .modal-body {
    width: 70rem
}

.video-modal .video-player {
    position: relative;
    width: 100%;
    background: #000
}

.video-modal .video-player:before {
    content: "";
    display: block;
    padding-top: 57.1428571429%
}

.video-modal .video-player video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.video-modal .video-player iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.video-modal .modal-close {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    width: 1.5rem;
    height: 1.5rem;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    cursor: pointer;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: auto;
    bottom: auto
}

.video-modal .modal-close:before {
    content: "";
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FCFCFC' opacity='1' d='m5.64 4.22 14.14 14.15-1.41 1.41L4.23 5.64z'/%3E%3Cpath fill='%23FCFCFC' opacity='1' d='M18.36 4.22 4.22 18.36l1.42 1.42L19.78 5.64z'/%3E%3C/svg%3E") no-repeat center center/contain;
    -webkit-transition: all .3s;
    transition: all .3s
}

.video-modal .modal-close:after {
    content: "";
    display: block;
    width: 200%;
    height: 200%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (any-hover:hover) {
    .video-modal .modal-close:hover:before {
        background: url("data:image/svg+xml,%3Csvg fill='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FCFCFC' opacity='0.8' d='m5.64 4.22 14.14 14.15-1.41 1.41L4.23 5.64z'/%3E%3Cpath fill='%23FCFCFC' opacity='0.8' d='M18.36 4.22 4.22 18.36l1.42 1.42L19.78 5.64z'/%3E%3C/svg%3E") no-repeat center center/contain
    }
}

@media screen and (max-width:1100px) {
    .video-modal .modal-inner {
        padding-top: 0
    }

    .video-modal .modal-body {
        width: 100%
    }

    .video-modal .modal-close {
        top: 1rem;
        right: 1rem
    }
}

.chromeperfectpixel-panel-ads {
    display: none !important
}

body,
html {
    margin: 0;
    padding: 0;
    min-width: 320px;
    font-family: Gotham;
    font-weight: 400;
    color: #fcfcfc;
    -webkit-text-size-adjust: 100%;
    background: #fcfcfc;
    font-size: .75rem;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0;
    -webkit-transition: .5s ease background;
    transition: .5s ease background
}

body {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-rendering: geometricPrecision;
    width: 100%;
    overflow-y: scroll
}

a {
    text-decoration: none;
    color: #fcfcfc
}

.scrollBehavior {
    scroll-behavior: smooth
}

img {
    max-width: 100%
}

svg use {
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out
}

button,
input,
textarea {
    -webkit-appearance: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

button {
    outline: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    background: 0 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    cursor: pointer
}

button .shelter_spinner2 {
    margin: 0
}

ul {
    list-style-type: none
}

ol,
ul {
    margin: 0
}

li,
ul {
    margin: 0;
    padding: 0
}

.clear {
    clear: both
}

a {
    text-decoration: none;
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    color: #fcfcfc
}

a.current-route {
    cursor: default
}

.link,
a:not(.simpleLink):not(.static):not(.button) {
    cursor: pointer;
    -webkit-transition: .45s ease-in-out;
    transition: .45s ease-in-out;
    position: relative;
    text-decoration: none !important;
    display: inline-block
}

.link.underline:before,
.link:after,
a:not(.simpleLink):not(.static):not(.button).underline:before,
a:not(.simpleLink):not(.static):not(.button):after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: .125rem;
    height: .0625rem;
    background: #214a4f
}

.link.underline:not(.static):before,
a:not(.simpleLink):not(.static):not(.button).underline:not(.static):before {
    -webkit-animation: rectMove .5s ease both;
    animation: rectMove .5s ease both;
    background: #214a4f !important
}

.link.underline.white:before,
a:not(.simpleLink):not(.static):not(.button).underline.white:before {
    background: #214a4f !important
}

.link.underline:after,
a:not(.simpleLink):not(.static):not(.button).underline:after {
    display: none
}

.link.underline:not(.static):hover:before,
a:not(.simpleLink):not(.static):not(.button).underline:not(.static):hover:before {
    -webkit-animation: linkLineOutIn .5s ease both;
    animation: linkLineOutIn .5s ease both
}

.link:after,
a:not(.simpleLink):not(.static):not(.button):after {
    -webkit-animation: linkLineOut .25s ease both;
    animation: linkLineOut .25s ease both
}

.link:hover:after,
a:not(.simpleLink):not(.static):not(.button):hover:after {
    -webkit-animation: linkLineIn .25s ease both;
    animation: linkLineIn .25s ease both
}

.link.bold,
a:not(.simpleLink):not(.static):not(.button).bold {
    font-family: "Rock Star";
    line-height: 85%
}

@-webkit-keyframes linkLineIn {

    0%,
    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes linkLineIn {

    0%,
    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes linkLineOut {

    0%,
    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes linkLineOut {

    0%,
    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes linkLineOutIn {

    0%,
    50% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

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

    50.01% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@keyframes linkLineOutIn {

    0%,
    50% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

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

    50.01% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@-webkit-keyframes linkLineHover {

    0%,
    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes linkLineHover {

    0%,
    100% {
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    100% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@-webkit-keyframes rectMove {

    0%,
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    49.9% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    50% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

@keyframes rectMove {

    0%,
    100% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    49.9% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%
    }

    50% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }

    100% {
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%
    }
}

a.simpleLink {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent
}

@media (min-width:781px) and (hover:hover) {
    a.simpleLink:hover {
        color: #214a4f
    }
}

@media (min-width:781px) {
    a.simpleLink:active {
        color: #214a4f
    }
}

html.lenis,
html.lenis body {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

.stubSection {
    border-top: .0625rem solid #214a4f;
    border-bottom: .0625rem solid #214a4f;
    position: relative
}

.stubSection::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .2;
    background: radial-gradient(45.91% 61.87% at 57.5% 38.12%, rgba(0, 0, 0, 0) 0, #000 77.15%);
    pointer-events: none;
    mix-blend-mode: multiply
}

.swiper-pagination {
    position: relative;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.swiper-pagination .swiper-pagination-bullet {
    width: .5rem;
    height: .5rem;
    margin-right: .375rem;
    margin-left: 0;
    background: rgba(252, 252, 252, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    opacity: 1
}

.swiper-pagination .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    left: -.1875rem;
    right: -.1875rem;
    top: -.1875rem;
    bottom: -.1875rem
}

.swiper-pagination .swiper-pagination-bullet:last-child {
    margin-right: 0
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #fcfcfc
}

.shelter_spinner2 {
    width: 1.875rem;
    height: 1.875rem
}

.nav-item-loader {
    margin-left: 2.5rem
}

.scrollTopBtn .go-up {
    font-weight: 500;
    text-transform: uppercase;
    padding-right: .5rem
}

@media (max-width:1100px) {
    .headerMainRowNav .nav-item-loader {
        display: none !important
    }
}

.homepage-signup-modal .title {
    margin-top: 2rem
}

@media (max-width:540px) {
    .homepage-signup-modal .modal-dialog .homepage-signup-box .h4.title {
        font-size: 2rem;
        margin-top: .5rem
    }

    .homepage-signup-modal .modal-dialog .homepage-signup-box .signup-content {
        font-size: .9rem
    }

    .homepage-signup-modal.modal {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width:1100px) {
    .homepage-signup-modal .modal-inner {
        margin: 0 2rem
    }

    .homepage-signup-modal.modal .modal-inner .modalContent {
        padding-bottom: 0
    }
}

.affwp-notice a {
    color: #214a4f
}

.h2.medium,
h2.medium {
    font-weight: 400
}

@media (max-width:1100px) {

    .h2.big,
    h2.big {
        font-size: 3.15rem
    }
}

@media (min-width:1101px) {
    header .mainRow .bottomRow {
        padding: 1.25rem 1.875rem 1.25rem 39.569444vw
    }

    header .mainRow>nav a {
        font-size: 3.5rem
    }
}

@media (min-width:1481px) {
    header .mainRow>nav a {
        font-size: 4.5rem
    }
}

@media (max-width: 768px) {
    header {
        width: 100%;
        height: auto;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0;
    }
    header .mainBar {
        width: 100%;
        position: relative;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        border-right: none;
        border-bottom: .0625rem solid rgba(252, 252, 252, .25);
        height: 3rem;
    }
    header .mainBar .wrap.top {
        width: 3rem;
        height: 3rem;
        flex-shrink: 0;
    }
    header .mainBar .wrap.middle {
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 3rem;
    }
    header .mainBar .wrap.bottom {
        display: none;
    }
    header .mainBar .menuItem {
        height: 3rem;
        width: 3rem;
    }
    header .mainBar .menuItem .wrap {
        padding: 0.875rem;
    }
    header .mainBar .menuItem .wrap::before {
        width: 3rem;
    }
    header .mainBar .mobLogo {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;
    }
}