/* Start:/local/templates/freeage/css/main.css?1778150084408821*/
:root {
    --transition-common: all .3s ease;
    --color-main-white: #F5F5F5;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    font-family: "TT Ramillas";
}

sup {
    right: -1.5em;
    top: 0.6em;
    display: flex;
    justify-content: flex-end;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type=search] {
    -webkit-appearance: textfield;
    /* 1 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/**
 * Swiper 7.0.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 16, 2021
 */
@font-face {
    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;
}

.bx-composite-btn {
    display: none !important;
}

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

.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-box-sizing: content-box;
    box-sizing: content-box;
}

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

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

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

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

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

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

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

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

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
    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, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 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, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.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-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

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

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

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

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

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

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

.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: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    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));
}

.slider-col .swiper-button-prev,
.slider-col .swiper-button-next {
    content: url(/local/templates/freeage/css/../images/arrow-active.svg);
    width: 1.5rem;
    left: 42%;
    z-index: 99;
}

.slider-col .swiper-button-prev {
    top: -2rem;
    transform: rotate(-90deg);
}

.slider-col .swiper-button-prev.swiper-button-disabled {
    transform: rotate(90deg);
}

.slider-col .swiper-button-next {
    top: unset;
    bottom: -4rem;
    transform: rotate(90deg);
}

.slider-col .swiper-button-next.swiper-button-disabled {
    transform: rotate(-90deg);
}

.slider-col .swiper-button-prev.swiper-button-disabled,
.slider-col .swiper-button-next.swiper-button-disabled {
    content: url(/local/templates/freeage/css/../images/arrow-disabled.svg);
    opacity: 1;
}

.product-top-slider .swiper-button-prev,
.product-top-slider .swiper-button-next {
    content: url(/local/templates/freeage/css/../images/arrow-active.svg);
    width: 1.5rem;
}

.product-top-slider .swiper-button-prev {
    left: 1.6rem;
    transform: rotate(180deg);
}

.product-top-slider .swiper-button-prev.swiper-button-disabled {
    transform: none;
}

.product-top-slider .swiper-button-next {
    right: 1.6rem;
    transform: none;
}

.product-top-slider .swiper-button-next.swiper-button-disabled {
    transform: rotate(180deg);
}

.product-top-slider .swiper-button-prev.swiper-button-disabled,
.product-top-slider .swiper-button-next.swiper-button-disabled {
    content: url(/local/templates/freeage/css/../images/arrow-disabled.svg);
    opacity: 1;
}

.product-top-slider.swiper-navigation-disabled .swiper-button-prev,
.product-top-slider.swiper-navigation-disabled .swiper-button-next {
    display: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: 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;
    text-transform: none;
    font-variant: initial;
    line-height: 1;
}

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

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

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

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

.swiper-button-lock {
    display: none;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 0.3s opacity;
    transition: 0.3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

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

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
}

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

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

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

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

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

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

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

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.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: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.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: 10px;
    top: 50%;
    -webkit-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -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%);
    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: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s top, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s top;
    transition: 0.2s transform, 0.2s top, 0.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%);
    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: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s left, 0.2s -webkit-transform;
    transition: 0.2s transform, 0.2s left;
    transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

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

.swiper-pagination-progressbar {
    background: rgba(0, 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);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-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: 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: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

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

.swiper-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -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;
}

.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%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear;
    -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-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

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

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

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

.swiper .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, .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;
    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;
    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-next + .swiper-slide, .swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.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-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-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right, .swiper-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;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.select2-results {
    display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fp-section {
    position: relative;
    -webkit-box-sizing: border-box;
    /* Safari<=5 Android<=3 */
    /* <=28 */
    box-sizing: border-box;
}

.fp-slide {
    float: left;
}

.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.fp-slidesContainer {
    float: left;
    position: relative;
}

.fp-controlArrow {
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}

.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}

.fp-scrollable {
    overflow: hidden;
    position: relative;
}

.fp-scroller {
    overflow: hidden;
}

.iScrollIndicator {
    border: 0 !important;
}

.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
}

#fp-nav.right {
    right: 17px;
}

#fp-nav.left {
    left: 17px;
}

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}

.fp-slidesNav.bottom {
    bottom: 17px;
}

.fp-slidesNav.top {
    top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
    margin: 0;
    padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative;
}

.fp-slidesNav ul li {
    display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span {
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}

#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}

#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}

.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.9;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    transition: opacity 0.25s ease, visibility 0s ease 0.25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image:before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
    cursor: text;
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-iframe, .fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998;
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.85)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(65%, rgba(0, 0, 0, 0.15)), color-stop(75.5%, rgba(0, 0, 0, 0.075)), color-stop(82.85%, rgba(0, 0, 0, 0.037)), color-stop(88%, rgba(0, 0, 0, 0.019)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

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

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

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a:before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
    opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
    opacity: 1;
}

@media (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

@keyframes bounce {
    0%, 20%, 53%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
        transform: translate3d(0, -30px, 0) scaleY(1.1);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
        transform: translate3d(0, -15px, 0) scaleY(1.05);
    }
    80% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translateZ(0) scaleY(0.95);
        transform: translateZ(0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
        transform: translate3d(0, -4px, 0) scaleY(1.02);
    }
}

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

@-webkit-keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    0%, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes shakeX {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shakeX {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

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

@-webkit-keyframes shakeY {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes shakeY {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

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

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
        transform: translate3d(-25%, 0, 0) rotate(-5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
        transform: translate3d(20%, 0, 0) rotate(3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
        transform: translate3d(-15%, 0, 0) rotate(-3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
        transform: translate3d(10%, 0, 0) rotate(2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
        transform: translate3d(-5%, 0, 0) rotate(-1deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    0%, 11.1%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

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

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutDown {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(700px) scale(0.7);
        transform: translateY(700px) scale(0.7);
        opacity: 0.7;
    }
}

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

@-webkit-keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutLeft {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(-2000px) scale(0.7);
        transform: translateX(-2000px) scale(0.7);
        opacity: 0.7;
    }
}

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

@-webkit-keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutRight {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateX(0) scale(0.7);
        transform: translateX(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateX(2000px) scale(0.7);
        transform: translateX(2000px) scale(0.7);
        opacity: 0.7;
    }
}

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

@-webkit-keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

@keyframes backOutUp {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    20% {
        -webkit-transform: translateY(0) scale(0.7);
        transform: translateY(0) scale(0.7);
        opacity: 0.7;
    }
    to {
        -webkit-transform: translateY(-700px) scale(0.7);
        transform: translateY(-700px) scale(0.7);
        opacity: 0.7;
    }
}

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

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

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

@-webkit-keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInDown {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
        transform: translate3d(0, -3000px, 0) scaleY(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0) scaleY(0.9);
        transform: translate3d(0, 25px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.95);
        transform: translate3d(0, -10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0) scaleY(0.985);
        transform: translate3d(0, 5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInLeft {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
        transform: translate3d(-3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
        transform: translate3d(25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0) scaleX(0.98);
        transform: translate3d(-10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0) scaleX(0.995);
        transform: translate3d(5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInRight {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
        transform: translate3d(3000px, 0, 0) scaleX(3);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
        transform: translate3d(-25px, 0, 0) scaleX(1);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0) scaleX(0.98);
        transform: translate3d(10px, 0, 0) scaleX(0.98);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0) scaleX(0.995);
        transform: translate3d(-5px, 0, 0) scaleX(0.995);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes bounceInUp {
    0%, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
        transform: translate3d(0, 3000px, 0) scaleY(5);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.95);
        transform: translate3d(0, 10px, 0) scaleY(0.95);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0) scaleY(0.985);
        transform: translate3d(0, -5px, 0) scaleY(0.985);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0) scaleY(0.985);
        transform: translate3d(0, 10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0) scaleY(0.9);
        transform: translate3d(0, -20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
        transform: translate3d(0, 2000px, 0) scaleY(3);
    }
}

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

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

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

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

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

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0) scaleY(0.985);
        transform: translate3d(0, -10px, 0) scaleY(0.985);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0) scaleY(0.9);
        transform: translate3d(0, 20px, 0) scaleY(0.9);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
        transform: translate3d(0, -2000px, 0) scaleY(3);
    }
}

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

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

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateX(-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotateY(-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

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

@-webkit-keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

@-webkit-keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes lightSpeedInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
        transform: translate3d(-100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(-20deg);
        transform: skewX(-20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(5deg);
        transform: skewX(5deg);
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

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

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

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

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

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

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

.animate__lightSpeedOutLeft {
    -webkit-animation-name: lightSpeedOutLeft;
    animation-name: lightSpeedOutLeft;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.animate__rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}

.animate__rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0;
    }
}

.animate__rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
    }
    to {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}

.animate__rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.animate__hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-duration: calc(var(--animate-duration) * 2);
    animation-duration: calc(var(--animate-duration) * 2);
    -webkit-animation-name: hinge;
    animation-name: hinge;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) rotate(30deg);
        transform: scale(0.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox;
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
        transform: translate3d(-100%, 0, 0) rotate(-120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

@keyframes rollOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
        transform: translate3d(100%, 0, 0) rotate(120deg);
    }
}

.animate__rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}

.animate__zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.animate__zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
    }
}

.animate__zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
    }
}

.animate__zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.animate__zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

.animate__slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.animate__slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.animate__slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.animate__slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.animate__slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

.btn {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 1.2;
    padding: 8px 36px;
    background: none;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #333;
    border: 1px solid transparent;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

@media (min-width: 768px) {
    .btn {
        padding: 1.3rem 3.5rem;
    }
}

.btn.btn-outline-primary {
    border-color: #ccc;
}

.btn.btn-primary {
    color: #fff;
    background: #B99B86;
}

.btn.btn-primary:hover {
    background: #fff;
    border-color: #333;
    color: #333;
}

.btn.btn-dark {
    background: #333;
    color: #fff;
}

.btn.btn-is-arrow {
    font-size: 1.6rem;
    padding: 1.7rem 5.4rem 1.7rem 0;
    min-width: 14rem;
    text-align: left;
    border-bottom: 1px solid #333;
    position: relative;
}

.btn.btn-is-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 5.4rem;
    height: 3.1rem;
    background: url(/local/templates/freeage/css/../images/arrow-circle.svg) no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn.btn-secondary {
    color: #fff;
    background: #DECFC2;
}

.btn.btn-light {
    background: #ccc;
    color: #fff;
}

.btn-favorite {
    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;
    padding: 0;
    background: none;
    border: none;
}

.btn-favorite:not(.sm) {
    width: 5rem;
    height: 5rem;
    -webkit-box-shadow: 0 4px 20px rgba(51, 51, 51, 0.1);
    box-shadow: 0 4px 20px rgba(51, 51, 51, 0.1);
    border-radius: 2px;
}

.btn-favorite:not(.sm) svg {
    fill: #B99B86;
}

.btn-favorite svg {
    fill: #333;
    width: 20px;
    height: 18px;
}

.btn-favorite.active svg {
    opacity: 0;
}

.btn-favorite.active::before {
    position: absolute;
    content: url("/local/templates/freeage/css/../images/favorite-active.svg");
    line-height: 0;

    display: flex;
    justify-content: center;
    align-items: center;
}

.product-block .btn-favorite {
    box-shadow: none;
    border: 1px solid #EAE3D7;
    border-radius: 0;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.ellipsis {
    white-space: nowrap;
    /* 1 */
    text-overflow: ellipsis;
    /* 2 */
    overflow: hidden;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

body {
    color: #333;
    background: #fff;
    font: 1.8rem/1.4 "TT Fors";
    min-width: 320px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overscroll-behavior-y: none;
}

@media (max-width: 767px) {
    body {
        font-size: 16px;
        line-height: 1.4;
    }
}

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

.gm-style img {
    max-width: none;
}

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

picture {
    display: block;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "TT Ramillas";
    font-weight: 400;
    margin: 0 0 0.5em;
    color: inherit;
}

h1, .h1 {
    font-size: 30px;
    margin: 0 0 40px;
    line-height: 1.1;
}

h2, .h2 {
    font-family: 'TT Fors';
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: 400;
}

h3, .h3 {
    font-size: 2.2rem;
    font-weight: 500;
}

@media (max-width: 767px) {
    h3, .h3 {
        font-size: 18px;
    }
}

.title-3 {
    line-height: 1.2;
}

@media (min-width: 768px) {
    .title-3 {
        font-size: 3.6rem;
    }
}

h4, .h4 {
    font-size: 2rem;
}

@media (max-width: 767px) {
    h4, .h4 {
        font-size: 16px;
    }
}

h5, .h5 {
    font-size: 1.8rem;
}

h6, .h6 {
    font-size: 1.6rem;
}

p {
    margin: 0 0 1.5em;
}

.font-futura {
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.font-ramillas {
    font-family: "TT Ramillas";
}

.text-secondary {
    color: #B99B86 !important;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewBold-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewBold-Reg.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewBook-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewBook-Reg.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewDemi-Obl.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewDemi-Obl.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewBook-Obl.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewBook-Obl.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewMedium-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewMedium-Reg.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewExtraBold-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewExtraBold-Reg.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewHeavy-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewHeavy-Reg.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewLight-Reg.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewLight-Reg.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewLight-Obl.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewLight-Obl.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Futura";
    src: url("/local/templates/freeage/css/../fonts/futura/FuturaNewHeavy-Obl.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/futura/FuturaNewHeavy-Obl.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-UBlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-UBlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-MediumItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-BlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Italic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-UBlack.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-UBlack.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-BoldItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Regular.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Display Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-display-pro/PFRegalDisplayPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularB";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularB.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularB.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularB";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularBItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularBItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlack.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlack.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularA";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularA.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularA.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularA";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularAItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularAItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularA";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularAItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularAItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularA";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularA.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularA.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlack.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlack.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularB";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularB.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularB.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro RegularB";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularBItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-RegularBItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "PF Regal Text Pro UBlack";
    src: url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlackItalic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/regal-text-pro/PFRegalTextPro-UBlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-ExtraBold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Italic.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-ExtraLight.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Light.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Ramillas";
    src: url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Regular.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-ramillas/TTRamillas-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Medium.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-ExtraBold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Light.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/TTFors-Bold.woff2") format("woff2"), url("/local/templates/freeage/css/TTFors-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Black.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-DemiBold.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-DemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-ExtraLight.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Thin.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "TT Fors";
    src: url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Regular.woff2") format("woff2"), url("/local/templates/freeage/css/../fonts/tt-fors/TTFors-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Commissioner";
    src: url("/local/templates/freeage/css/../fonts/Commissioner/Commissioner-Medium.otf") format("opentype");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border-style: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield;
    /* Firefox */
}

.label,
label {
    display: block;
    font-family: "TT Ramillas";
    font-size: 1.2rem;
    line-height: 1.2;
    font-style: italic;
    color: #B99B86;
}

input.input-form,
textarea {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    color: #333;
    height: 3rem;
    border: none;
    border-bottom: 1px solid #B99B86;
}

input.input-form::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #B99B86;
}

input.input-form::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #B99B86;
}

input.input-form:-moz-placeholder,
textarea:-moz-placeholder {
    color: #B99B86;
}

input.input-form:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #B99B86;
}

input.input-form.placeholder,
textarea.placeholder {
    color: #B99B86;
}

input.input-form.error,
textarea.error {
    border-color: #FF2E00;
}

input.input-form::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #B99B86;
    font-family: "TT Ramillas";
    font-style: italic;
}

input.input-form::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #B99B86;
    font-family: "TT Ramillas";
    font-style: italic;
}

input.input-form:-moz-placeholder,
textarea:-moz-placeholder {
    color: #B99B86;
    font-family: "TT Ramillas";
    font-style: italic;
}

input.input-form:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #B99B86;
    font-family: "TT Ramillas";
    font-style: italic;
}

input.input-form.placeholder,
textarea.placeholder {
    color: #B99B86;
    font-family: "TT Ramillas";
    font-style: italic;
}

input.promocode::-webkit-input-placeholder {
    color: #333;
    font-style: normal;
}

input.promocode::-moz-placeholder {
    opacity: 1;
    color: #333;
    font-style: normal;
}

input.promocode:-moz-placeholder {
    color: #333;
    font-style: normal;
}

input.promocode:-ms-input-placeholder {
    color: #333;
    font-style: normal;
}

input.promocode.placeholder {
    color: #333;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=password]:not(:-moz-placeholder-shown) {
        -webkit-text-stroke-width: 0.4em;
        letter-spacing: 0.35em;
    }

    input[type=password]:not(:-ms-input-placeholder) {
        -webkit-text-stroke-width: 0.4em;
        letter-spacing: 0.35em;
    }

    input[type=password]:not(:placeholder-shown) {
        -webkit-text-stroke-width: 0.4em;
        letter-spacing: 0.35em;
    }
}

input.input-form[readonly] {
    border: none;
    color: #000;
    background: transparent;
}

textarea.input-form[readonly],
input.input-form[readonly] {
    border: none;
    color: #000;
    background: transparent;
}

select {
    -webkit-border-radius: 0;
}

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

.select-holder .select2-container--default .select2-selection--single {
    border: none;
    height: 3.3rem;
    font-size: 1.6rem;
    background: transparent;
    border-bottom: 1px solid #B99B86;
    border-radius: 0;
    padding-left: 1.3rem;
    padding-right: 3rem;
    position: relative;
}

.select-holder .select2-container--default .select2-selection--single::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.72rem;
    height: 1rem;
    background: url(/local/templates/freeage/css/../images/mark-icon.svg) no-repeat;
    background-size: cover;
}

.select-holder .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.select-holder .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 3.3rem;
    padding: 0.2rem 0 0;
}

.select-holder .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: "";
    position: absolute;
    top: 1.6rem;
    right: 2.5rem;
    width: 0.6rem;
    height: 0.6rem;
    border-bottom: 2px solid #333;
    border-left: 2px solid #333;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.select-holder .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.select2-container {
    padding: 0;
}

.select2-container .select2-selection--single {
    height: 48px;
    display: block;
    width: 100%;
}

.select-drop-focus {
    background: #FEFCF7;
    border: none;
    margin-top: -1.82em;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.select-drop-focus .select2-search--dropdown {
    position: relative;
}

.select-drop-focus .select2-search--dropdown::before {
    content: "";
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.72rem;
    height: 1rem;
    background: url(/local/templates/freeage/css/../images/mark-icon.svg) no-repeat;
    background-size: cover;
}

.select-drop-focus .select2-results__option {
    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;
    color: #DECFC2;
    padding-right: 4.3rem;
    position: relative;
}

.select-drop-focus .select2-results__option::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 1.1rem;
    height: 1.1rem;
    background: url(/local/templates/freeage/css/../images/dropdown-check.svg) no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
}

.select-drop-focus .select2-results__option span {
    color: #333;
}

.select2-container--default .select2-search--dropdown {
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 3.3rem;
    border: none;
    padding: 0 0 0 1.3rem;
    background: #F5F1EC;
    border-bottom: 1px solid #B99B86;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option[aria-selected=true] {
    background: transparent;
    color: #B99B86;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] span,
.select2-container--default .select2-results__option[aria-selected=true] span {
    color: #B99B86;
}

.select2-container--default .select2-results__option[aria-selected=true]::before {
    opacity: 1;
}

.select2-results__option {
    font-size: 1.6rem;
    padding: 0.5rem 1.4rem;
}

textarea.input-form {
    vertical-align: top;
    padding-bottom: 1.5rem;
    resize: none;
    height: 8.6rem;
}

textarea.input-form.textarea-md {
    height: 96px;
}

button,
input[type=button],
input[type=reset],
input[type=file],
input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    cursor: pointer;
}

.color-field,
.size-field,
.check-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-family: "TT Fors";
    font-style: normal;
    color: #333;
    cursor: pointer;
}

.check-field {
    position: relative;
    display: flex;
    padding: 24px 16px;
    border: 1px solid transparent;
    height: 100%;
}

.check-field__border {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border: 1px solid #EAE3D7;
    cursor: pointer;
    transition: var(--transition-common);
}

.check-field input[type=radio]:checked ~ .check-field__border {
    border-color: #B49C89;
}

.color-field input[type=checkbox],
.color-field input[type=radio],
.size-field input[type=checkbox],
.size-field input[type=radio],
.check-field input[type=checkbox],
.check-field input[type=radio],
.check-form input[type=checkbox],
.check-form input[type=radio] {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    cursor: pointer;
}

.color-field input[type=checkbox]:checked + span::before,
.color-field input[type=radio]:checked + span::before,
.size-field input[type=checkbox]:checked + span::before,
.size-field input[type=radio]:checked + span::before,
.check-field input[type=checkbox]:checked + span::before,
.check-field input[type=radio]:checked + span::before,
.check-form input[type=checkbox]:checked + span::before,
.check-form input[type=radio]:checked + span::before {
    opacity: 1;
}

.check-field input[type=checkbox] + span::before,
.check-field input[type=radio] + span::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.2rem;
    opacity: 0;
    background: #333;
}

.check-field input[type=radio] + span::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    opacity: 0;
    background: #B49C89;
    border-radius: 50%;
}

.check-field a {
    text-decoration: underline;
}

.check-form {
    font-size: 1.6rem;
    color: #333;
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
}

.check-form input[type=checkbox] + span,
.check-form input[type=radio] + span,
.check-field input[type=checkbox] + span,
.check-field input[type=radio] + span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-right: 0.8rem;
    border: 1px solid #333;
    position: relative;
}

.check-field input[type=radio] + span {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1.6px solid #EAE3D7;
    margin: 4px 12px 4px 4px;
    position: relative;
    z-index: -1;
}

.check-field input[type=radio]:checked + span {
    border-color: #B49C89;
}

.check-field__data {
    display: flex;
    flex-direction: column;
    font-family: 'TT Fors';
    font-style: normal;
    line-height: 16px;
    width: 100%;
}

.check-field__title {
    color: #333;
    font-size: 16px;
    margin-bottom: 8px;
    line-height: 23px;
}

.check-field__description {
    font-size: 14px;
    line-height: 20px;
    color: #A8A8A8;
}

.check-field.check-field_line {
    padding: 12px 8px;
}

.check-field_line .check-field__data {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.check-field_line .check-field__title {
    font-size: 14px;
    margin: 0 12px 0 0;
}

.check-field_line input[type=radio]:checked ~ .check-field__border {
    background: #F4F1ED;
    border-color: #F4F1ED;
}

.check-field.check-field_line input[type=radio] + span {
    z-index: 0;
}

.check-field__actions {
    display: flex;
    align-items: center;
}

.check-field__action {
    width: 24px;
    height: 24px;
    cursor: pointer;
    position: relative;
}

.check-field__action:not(:last-child) {
    margin-right: 8px;
}

.check-field__action-edit:before {
    position: absolute;
    content: '';
    background: url("/local/templates/freeage/images/svg/edit.svg") center center no-repeat;
    background-size: contain;
    width: 14px;
    height: 14px;
    top: 5px;
    left: 5px;
}

.check-field__action-delete:before {
    position: absolute;
    content: '';
    background: url("/local/templates/freeage/images/svg/trash.svg") center center no-repeat;
    background-size: contain;
    width: 18px;
    height: 18px;
    top: 3px;
    left: 3px;
}

.check-form input[type=checkbox] + span::before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.2rem;
    opacity: 0;
    background: #333;
}

/*.check-form input[type=checkbox]:checked + span {
  background: #333;
}*/

.color-field input[type=radio] + span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 1px;
    cursor: pointer;
}

@media (min-width: 768px) {
    .color-field input[type=radio] + span {
        width: 1.4rem;
        height: 1.4rem;
    }
}

.color-field input[type=radio] + span::before,
.color-field a + span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #B99B86;
    border-radius: 1px;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

@media (min-width: 768px) {
    .color-field input[type=radio] + span::before,
    .color-field a + span::before {
        width: 1.8rem;
        height: 1.8rem;
    }
}

ul.colors > li.selected > label > span::before {
    opacity: 1;
}

.size-field {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 500;
    min-width: 35px;
}

.size-field input[type=radio] + span {
    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;
    /*width: 48px;*/
    width: auto;
    height: 48px;
}

li.cant-buy .size-field input[type=radio] + span {
    background-color: #ccc;
}

@media (max-width: 767px) {
    .size-field input[type=radio] + span {
        border-radius: 1px;
        /*background: #ECE3D6;*/
        border: 1px solid transparent;
        width: 4rem;
        height: 4rem;
    }
}

@media (min-width: 768px) {
    .size-field input[type=radio] + span {
        width: 100%;
        height: 2.6rem;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 3px;
        padding-bottom: 5px;
    }
}

.size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px;
}

.size li {
    border: 1px solid #F4F1ED;
    min-width: 50px;
}

.size li.selected {
    border-color: #B49C89;
    background: #B49C89;
}

.size li .size-field {
    font-size: 14px;
    color: #B49C89;
    font-weight: normal;
}

.size li.selected .size-field {
    color: #F4F1ED;
}

.size li .size-field span {
    height: 100%;
    width: 100%;
    padding: 6px;
    line-height: 1.3;
}

.form-group .form:not(:first-child) {
    border-top: 1px solid #F1E7DF;
    padding-top: 52px;
    margin-top: 56px;
}

.form-title {
    text-align: center;
    margin-bottom: 25px;
}

.form-errors {
    display: inline-block;
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-style: italic;
    text-align: left;
    color: #FF2E00;
    margin-bottom: 16px;
    width: 100%;
}

.form-field {
    width: 100%;
    position: relative;
}

.form-field .label {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    font-size: 1.6rem;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.form-field .label.focus {
    top: -1.2rem;
    font-size: 1.2rem;
}

.form-field .input-form:focus + .label {
    font-size: 1.2rem;
    top: -1.2rem;
}

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

@media (min-width: 768px) {
    .form-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin: 0 -1.5rem;
    }
}

@media (min-width: 768px) {
    .form-row .form-field .label {
        left: 1.5rem;
    }
}

@media (min-width: 768px) {
    .form-row .col-8 {
        width: 66.6666666667%;
    }
}

@media (min-width: 768px) {
    .form-row .col-9 {
        width: 75%;
    }
}

@media (min-width: 768px) {
    .form-row .col-5 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .form-row .col-4 {
        width: 33.3333333333%;
    }
}

@media (min-width: 768px) {
    .form-row .col-3 {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .form-row .btn-field,
    .form-row .form-field {
        padding: 0 1.5rem;
    }
}

.form-row .form-field {
    margin-bottom: 3.2rem;
}

@media (max-width: 767px) {
    .form-row .form-field {
        margin-bottom: 15px;
    }
}

.form-row .btn-field:not([class]) {
    width: 100%;
}

.form-row .btn-field .btn {
    width: 100%;
    padding: 0.6rem 1rem;
}

.form-note {
    display: block;
    font-size: 1.4rem;
    color: #DECFC2;
    font-style: italic;
}

@media (max-width: 767px) {
    .form-note {
        max-width: 240px;
    }
}

@media (min-width: 768px) {
    .form-note {
        position: absolute;
        bottom: -2rem;
        left: 1.5rem;
    }
}

.form-actions {
    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;
    align-items: center;
}

@media (min-width: 768px) {
    .form-actions {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.form-actions .btn {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 3rem 0 0;
}

@media (min-width: 768px) {
    .form-actions .btn {
        /*margin: 0 0 0 3rem;*/
    }
}

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

.purchase-selection-title {
    font-family: "TT Ramillas";
    margin-bottom: 1.2rem;
    color: #B99B86;
}

.purchase-selection .check-form {
    margin-bottom: 1rem;
}

.purchase-selection .check-form:last-of-type {
    margin-bottom: 0;
}

.footer {
    font-family: "TT Ramillas";
    font-size: 1.4rem;
    line-height: 1.2;
    letter-spacing: 0;
    padding: 0 20px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .footer {
        display: none !important;
    }
}

.footer-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #E5E5E5;
    padding: 18px 0 60px;
}

@media (min-width: 768px) {
    .footer-container {
        padding: 3rem 0 4rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.footer-logo {
    display: block;
    margin-bottom: 2rem;
}

@media (max-width: 767px) {
    .footer-logo {
        display: none;
    }
}

.footer-logo img {
    display: block;
}

.footer-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 -10px;
}

@media (max-width: 767px) {
    .footer-unit {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) {
    .footer-unit {
        margin: 0 0;
        width: 100%;
    }
}

.footer-unit-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
    margin-bottom: 7px;
    font-style: italic;
}

@media (min-width: 768px) {
    .footer-unit-title {
        margin-bottom: 2rem;
    }
}

.footer-unit-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 10px;
}

.footer-unit-item:first-child {
    padding-left: 0;
}

.footer-unit-item:last-child {
    padding-right: 0;
}

@media (max-width: 767px) {
    .footer-unit-item:last-child {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 768px) {
    .footer-unit-item:last-child {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto;
        text-align: right;
    }
}

@media (max-width: 767px) {
    .footer-unit-item {
        width: 50%;
        margin-bottom: 7px;
    }

    .footer-unit-item:nth-child(2) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 768px) {
    .footer-unit-item {
        padding: 0 4.4rem;
    }
}

@media (min-width: 768px) {
    .footer-unit ul li:not(:first-child) {
        margin-top: 7px;
    }
}

.footer-unit ul li a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .footer-unit .footer-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 767px) {
    .footer-unit .footer-socials li {
        width: 50%;
    }
}

.footer-contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    .footer-contact {
        white-space: nowrap;
    }
}

@media (min-width: 768px) {
    .footer-contact {
        margin-bottom: 1.5rem;
    }
}

.footer-contact a {
    font-weight: 700;
}

.footer-contact a:hover {
    text-decoration: underline;
}

.nav-panel {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1001;
    padding: 0 20px;
    height: 45px;
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    -ms-grid-columns: 1fr 150px 1fr;
    grid-template-columns: 1fr 150px 1fr;
    grid-gap: 20px;
}

.nav-panel__background {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: #FFF;
    transition: var(--transition-common);
}

.logo {
    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;
}

.logo img {
    height: 25px;
}

.main-menu {
    position: fixed;
    top: -9999px;
    right: -9999px;
    left: 0;
    height: 100%;
    width: 100%;
    bottom: 0;
    z-index: 200;
    opacity: 0;
    overflow-y: auto;
    padding: 70px 16px;
}

@media (min-width: 768px) {
    .main-menu {
        padding: 7rem 16rem 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

body.nav-open .main-menu {
    top: 0;
    right: 0;
    opacity: 1;
    background: #fff;
    -webkit-transition: opacity 0s linear 0s, bottom 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s linear 0s, bottom 0s ease 0s, -webkit-transform 0s ease 0s;
    transition: opacity 0s linear 0s, transform 0s ease 0s, bottom 0s ease 0s;
    transition: opacity 0s linear 0s, transform 0s ease 0s, bottom 0s ease 0s, -webkit-transform 0s ease 0s;
}

.main-menu-bottom {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 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;
    background: #fff;
    padding: 0 20px 20px;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

body.nav-open .main-menu-bottom {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.35s ease 0.5s;
    transition: all 0.35s ease 0.5s;
}

@media (min-width: 768px) {
    .main-menu-bottom {
        position: absolute;
        bottom: 3rem;
        right: 3rem;
        left: 3rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 0;
    }
}

.main-menu-bottom .link {
    font-size: 1.8rem;
}

@media (min-width: 768px) {
    .main-menu-bottom .link {
        padding-right: 2rem;
        margin-right: 2rem;
        position: relative;
    }

    .main-menu-bottom .link::before {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 2.3rem;
        background: #B99B86;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

.main-menu .scroll-cover {
    width: 100%;
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -0.7rem;
}

.socials li {
    padding: 0 0.7rem;
}

.socials li a {
    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;
}

.socials li a svg {
    fill: #B99B86;
}

.ripple {
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    border-radius: 100%;
    z-index: 100;
    pointer-events: none;
}

.nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-list li:not(:last-child) {
    margin-right: 12px;
}

.nav-list li a {
    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: relative;
    width: 20px;
    height: 20px;
}

.nav-list li a svg,
.nav-list li a img {
    width: 100%;
    height: 100%;
}

.badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 14px;
    height: 14px;
    color: #fff;
    font-family: "Commissioner", sans-serif;
    font-size: 8px;
    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;
    background: #333;
    border-radius: 50%;
    margin: -3px -5px 0 0;
}

.nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -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;
    width: 100%;
    position: relative;
    opacity: 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

body.nav-open .nav {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.35s ease 0.4s;
    transition: all 0.35s ease 0.4s;
}

.nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.nav-item:not(:first-child) {
    margin-top: 40px;
}

@media (min-width: 768px) {
    .nav-item:not(:first-child) {
        margin-top: 6.8rem;
    }
}

.nav-item-title {
    font-family: "Futura New Book";
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #B99B86;
}

@media (min-width: 768px) {
    .nav-item-title {
        font-size: 4.8rem;
        margin-bottom: 2.4rem;
    }
}

.nav-item-list {
    width: 100%;
}

@media (max-width: 767px) {
    .nav-item-list ul {
        margin: 0 -12px;
    }
}

@media (max-width: 767px) {
    .nav-item-list ul li {
        padding: 0 12px;
    }
}

.nav-item ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    width: 100%;
    line-height: 1.1;
}

@media (min-width: 768px) {
    .nav-item ul {
        -webkit-columns: 4;
        -moz-columns: 4;
        columns: 4;
    }
}

.nav-item ul li {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .nav-item ul li {
        margin-bottom: 1.9rem;
    }
}

.nav-item ul li a:hover {
    color: #B99B86;
}

.nav-item-catalog {
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
}

.nav-item-catalog::after {
    position: absolute;
    bottom: 0;
    left: -30px;
    width: calc(100% + 60px);
    border-top: 1px solid #E5E5E5;
    content: "";
}

@media (min-width: 768px) {
    .nav-item-catalog {
        padding-bottom: 1.5rem;
        margin-bottom: 1.2em;
    }
}

@media (max-width: 767px) {
    .nav-item-catalog ul {
        -webkit-columns: 0;
        -moz-columns: 0;
        columns: 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;
    }
}

.nav-item-catalog ul li {
    margin-bottom: 0;
}

.drop {
    position: absolute;
    top: 2rem;
    left: 0;
    right: 0;
    background: #fff;
    display: none;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 4rem 1rem;
    z-index: 99;
}

.drop::before {
    content: "";
    position: absolute;
    top: 7.5rem;
    left: -2rem;
    right: -2rem;
    height: 1px;
    background: #E5E5E5;
}

.drop ul li {
    margin-bottom: 1.6rem;
}

.drop ul li:first-child {
    margin-bottom: 3.7rem;
}

html {
    height: 100%;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}

@media (min-width: 768px) {
    html.vw {
        font-size: 0.78125vw;
    }

    html.vh {
        font-size: 1.326259vh;
    }
}

@media (max-width: 767px) {
    html {
        font-size: 10px;
    }
}

* {
    outline: none;
}

.wrapper,
#fullpage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
}

.wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
    padding: 47px 0 0;
}

img.lazyload:not([src]) {
    visibility: hidden;
}

@media (max-width: 479px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 480px) {
    .visible-sm {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .visible-md {
        display: none !important;
    }
}

.lazyload,
.lazyloading {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}

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

.main,
.fp-auto-height:not(footer) {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.container {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%;
}

.bg-stretch {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    z-index: -9;
}

.bg-stretch img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
}


a {
    text-decoration: none;
    color: inherit;
}

.product-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    margin-bottom: 40px;
}

.product-block-visual {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 32px;
}

.product-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;
    width: 100%;
}

.product-block-content .btns {
    margin: 0;
}

.product-block-content .btns-item {
    padding: 0;
    margin-right: 16px;
}

.product-block-content .btns-item:last-child {
    margin-right: 0;
}

.product-block__title-block {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
}

.product-block-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px;
}

.product-block-body .discount {
    margin: 0 0 0 16px;
    font-size: 14px;
    color: #A8A8A8;
}

.product-block-body .discount-price {
    margin: 0;
    padding: 0;
}

.product-block-body .discount-price:after {
    content: '|';
    display: inline-block;
    position: initial;
    transform: none;
    margin: 0 8px;
    width: auto;
    height: auto;
    background: none;
}

.product-title {
    margin-bottom: 12px;
}

.product-tab-column {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 32px 0;
    font-size: 16px;
}

.catalog-unit-item:not(:first-child) {
    margin-top: 30px;
}

.catalog-unit-item:last-child {
    margin-bottom: 25px;
}

.catalog-unit-item .catalog-list {
    padding: 0;
    margin: 0 -5px;
}

.catalog-unit-item .catalog-list > li {
    margin-bottom: 10px;
}

.catalog-unit-headtitle {
    font-size: 30px;
    margin-bottom: 24px;
}

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

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

.care-tile.mb {
    margin-bottom: 24px;
}

.care-tile span:not(.care-tile-icon) {
    flex: 1;
}

.care-tile-icon {
    margin-right: 16px;
    width: 32px;
    height: 32px;
}

.care-tile-icon img {
    width: 100%;
    height: 100%;
}

.product-top-slider .swiper-slide img,
.product-thumbs .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    object-position: top;
}

.product-top-slider .swiper-slide img {
    object-fit: contain;
    object-position: center;
}

.slider-col {
    width: 8.5rem;
    height: calc(100vh - 17.3rem);
    margin-right: 2.4rem;
    display: none;
}

.product-block .slider-col {
    position: relative;
}

.slider-images {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

@media (min-width: 1585px) {
    .obraz-block .slider-images {
        width: 59.6rem;
    }
}

@media (max-width: 767px) {
    .product-top-slider .swiper-slide img {
        height: 488px;
    }
}

.product-thumbs {
    height: 100%;
    z-index: 99;
}

.product-thumbs:hover {
    cursor: grab;
}

.product-thumbs .swiper-slide {
    width: auto;
    padding: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.product-thumbs .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    border: 1px solid #b99b86;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active::before {
    opacity: 1;
}

.product-thumbs .swiper-slide.swiper-slide-thumb-active img {
    border-color: #b99b86;
}

.product-thumbs .swiper-slide img {
    border: 1px solid transparent;
}

.vendor-code {
    font-size: 12px;
    color: #A8A8A8;
}

.product-actions {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 24px;
    border-top: 1px solid #F4F1ED;
    margin-bottom: 0;
    position: relative;
}

.product-actions-item {
    width: 100%;
}

.product-actions-item:not(:last-child) {
    margin-bottom: 32px;
}

.product-actions-item dl {
    margin: 0;
}

.product-actions-item dl > * {
    display: inline-block;
    margin: 0;
}

.product-actions-item dl a {
    color: #B49C89;
}

.product-actions-label {
    display: block;
    font-size: 1.8rem;
    margin-bottom: 12px;
}

@media (min-width: 768px) {
    .product-actions-label {
        margin-bottom: 0.8rem;
    }
}

.product-actions .colors {
    margin: 16px 0 0;
    gap: 8px;
}

.product-actions .colors li {
    padding: 0;
}

.product-actions .color-field {
    border: 1px solid #EAE3D7;
    padding: 4px;
    width: 40px;
    height: 40px;
    opacity: .6;
}

.product-actions .color-field.selected {
    border-color: #B49C89;
    opacity: 1;
}

.product-actions .color-field.selected a {
    pointer-events: none;
}

.product-actions .color-field a {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}

.product-actions .color-field span {
    width: 100%;
    height: 100%;
    border: none;
}

.size-link {
    cursor: pointer;
}

.size-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    width: max-content;
}

.size-unit-title {
    font-size: 14px;
    color: #A8A8A8;
}

.details dl {
    margin: 0;
}

.details dl:not(:first-child) {
    margin-top: 1.5rem;
}

.details dl dt,
.details dl dd {
    display: inline-block;
}

.details dl dt {
    font-weight: 500;
}

.details dl dt::after {
    content: ": ";
    white-space: pre;
}

.details dl dd {
    margin: 0;
    font-weight: normal;
    display: inline;
}

.details dl dd::after {
    content: "\A";
    white-space: pre;
}

.btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1rem;
    width: 100%;
}

.btns-item {
    padding: 0 1rem;
    width: 100%;
}

.btns-item:last-child {
    width: auto;
}

.btns .btn {
    width: 100%;
}

.tabset {
    position: relative;
    margin-bottom: 40px;
}

.tab-body {
    background: #F4F1ED;
}

.tab {
    position: absolute;
    top: -9999px;
    right: 9999px;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
    transition: all 0s ease 0.35s, opacity 0.35s ease;
    padding: 2.4rem;
    font-size: 16px;
}

.tab.active {
    position: relative;
    top: auto;
    right: auto;
    opacity: 1;
    z-index: 10;
    -webkit-transition: opacity 0.35s ease 0.35s;
    transition: opacity 0.35s ease 0.35s;
}

@media (max-width: 767px) {
    .tab.active {
        padding: 16px 2rem;
    }
}

.tab a {
    color: #B49C89;
}

.tab-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem;
    overflow: auto;
    -ms-overflow-style: none; /* IE и Edge */
    scrollbar-width: none; /* Firefox */
}

.tab-control::-webkit-scrollbar {
    display: none;
}

.tab-control li {
    flex: 1;
}

.tab-control li > a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    color: #B49C89;
    border: 1px solid #EAE3D7;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 1.3rem 0;
    text-align: center;
}

.tab-control li:not(:last-child) > a {
    border-right: none;
}

.tab a {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .tab-control {
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0 -1.6rem 2rem;
    }

    .tab-control li {
        width: 100%;
        padding: 0 0;
    }

    .tab-control li .tab {
        opacity: 0;
        /* -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    -webkit-transition: all 0.1s; */
        transition: all 0.1s;
    }

    .tab-control li.active {
        border-bottom: 1px solid #b99b86;
    }

    .tab-control li.active .tab {
        opacity: 1;
        /* -webkit-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5); */
        -webkit-transition: all 0.1s;
        transition: all 0.1s;
    }

    .tab-control li:first-child > a {
        border-top: 1px solid #B99B86;
    }

    .tab-control li a:after {
        content: "";
        transform: rotate(180deg);
        background-image: url("/local/templates/freeage/css/../images/close-arrow.svg");
        background-size: 6px 10px;
        display: inline-block;
        width: 6px;
        height: 10px;
        position: absolute;
        right: 12px;
        margin: 8px 0;
        -webkit-transition: all 0.35s ease;
        transition: all 0.35s ease;
    }

    .tab-control li > a {
        display: inline-block;
        padding: 12px 2rem;
        width: 100%;
        border-bottom: 1px solid #B99B86;
    }

    .tab-control li.active > a,
    .tab-control li:hover > a {
        color: #b99b86;
    }

    .tab-control li.active > a:after {
        transform: rotate(270deg);
    }
}

.tab__description > *:last-child {
    margin-bottom: 0;
}

.tab__description p {
    margin-bottom: 16px;
}

.tab__description ul {
    list-style: initial;
}

.tab__description ul li {
    margin: 0 0 8px 20px;
}

.tab__description ul li:last-child {
    margin-bottom: 0;
}

.tab__description h4 {
    font-size: 16px;
    font-family: 'TT Fors';
    color: #B49C89;
    margin-bottom: 16px;
}

.section-module-container {
    padding-top: 2.5rem;
    padding-bottom: 108px;
}

.fp-auto-height .fp-tableCell {
    height: auto !important;
}

.intro-section {
    padding: 0;
}

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

.swiper-pagination-bullet {
    width: 0.7rem;
    height: 0.7rem;
    opacity: 1;
    background: #b99b86;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    background: #ece3d6;
}

.left-side {
    position: relative;
}

.left-side::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 8rem;
    background: #fff;
    z-index: 9;
}

.btn-scroll {
    position: absolute;
    bottom: 3rem;
    left: 50%;
    width: 4.4rem;
    height: 6.3rem;
    z-index: 9;
    background: url(/local/templates/freeage/css/../images/mouse-icon.svg) no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.location {
    position: absolute;
    bottom: 3rem;
    right: 3rem;
    font-size: 1.8rem;
    line-height: 1.2;
}

.catalog-section-container {
    position: relative;
}

.catalog-headline {
    position: relative;
    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;
    border-top: 1px solid #e5e5e5;
    padding: 0 20px;
}

.catalog-headline__filter {
    display: flex;
}

.catalog-headline__sort {
    display: none;
}

.toggle-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -7px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .toggle-btns {
        display: none;
    }
}

.toggle-btns-btn {
    margin: 0 7px;
}

.toggle-btns-btn.active svg {
    fill: #B99B86;
}

.toggle-btns-btn svg {
    fill: #333;
}

.filter-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -15px;
    /*position: relative;*/
}

@media (min-width: 768px) {
    .filter-list {
        margin: 0 -3.5rem;
        display: flex !important;
    }
}

.filter-list > li {
    padding: 15px;
}

@media (min-width: 768px) {
    .filter-list > li {
        padding: 2.5rem 3.5rem;
    }
}

.filter-list > li.has-drop .filter-drop {
    top: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease;
}

.filter-list > li.has-drop a,
.filter-list > li:hover a,
.filter-list-item__applied a {
    color: #B49C89;
}

.filter-list > li.has-drop a svg,
.filter-list > li:hover a svg,
.filter-list-item__applied a svg {
    fill: #B49C89;
}

.filter-list > li a {
    font-size: 1.6rem;
    line-height: 1.2;
    position: relative;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
}

.filter-list > li a.btn-search svg {
    width: 1.8rem;
    height: 1.8rem;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.btn-filter {
    display: flex;
    align-items: center;
}

.btn-filter__applied-count {
    display: none;
    margin-left: 0.6rem;
}

.filter-list-item__applied .btn-filter__applied-count {
    display: block;
}

.btn-filter__chevron {
    width: 0.6rem;
    height: 0.6rem;
    margin-left: 0.6rem;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.has-drop .btn-filter__chevron,
li:hover .btn-filter__chevron {
    border-bottom-color: #B49C89;
    border-left-color: #B49C89;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.btn-filter__reset {
    display: none;
    margin-left: 6px;
}

.filter-list-item__applied:not(.has-drop)  .btn-filter__chevron {
    display: none;
}

.filter-list-item__applied:not(.has-drop) .btn-filter__reset {
    display: block;
}

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

.filter-category.filter-category_sort {
    align-items: end;
}

.filter-category.col-3 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 1000px;
}

.filter-category.col-3 li {
    width: 33.3333333333%;
}

.filter-category.col-2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 14rem;
}

.filter-category.col-2 li {
    width: 50%;
}

.filter-category li {
    margin-bottom: 2rem;
    max-width: 25rem;
}

.filter-category.filter-category_sort li {
    width: 25rem;
}

.categ-sort > li:first-child .filter-category li:nth-child(-n+3) {
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 16px;
}

@media (max-width: 767px) {
    .categ-sort .filter-drop {
        margin: 0;
        padding: 2rem 3rem;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #333333;
    }

    .categ-sort > li:first-child .filter-category li:nth-child(-n+3) {
        border: none;
        padding-bottom: 0;
    }

    .categ-sort > li:first-child .filter-drop > ul li {
        width: 100%;
    }

    .categ-sort > li:first-child .filter-drop > ul li:nth-child(3) {
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 16px;
    }

    .categ-sort > li:first-child .filter-drop > ul li:last-child {
        margin-bottom: 0;
    }
}

.filter-category .check-field {
    font-size: 1.6rem;
    color: #333;
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    padding: 0;
    border: none;
    font-style: normal;
    align-items: center;
    height: auto;
}

.filter-category .check-field input[type=radio] + span {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 0.8rem 0 0;
    border: 1px solid #333;
    position: relative;
    border-radius: 0;
}

.filter-category .check-field input[type=radio] + span:before {
    content: "";
    position: absolute;
    top: 0.2rem;
    left: 0.2rem;
    right: 0.2rem;
    bottom: 0.2rem;
    opacity: 0;
    background: #333;
    border-radius: 0;
}

.filter-category .check-field input[type=radio]:checked + span:before {
    opacity: 1;
}

.filter-drop {
    position: absolute;
    top: -9999px;
    left: -9999px;
    right: -9999px;
    opacity: 0;
    background: #fff;
    z-index: 199;
    padding: 3.6rem 4rem;
    margin: 0 -1.5rem;
    -webkit-transition: all 0s ease 0.35s, opacity 0.35s ease;
    transition: all 0s ease 0.35s, opacity 0.35s ease;
}

.filter-form .filter-list > li .filter-drop.colors-grid > ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
    max-width: 250px;
}

.filter-form .filter-list > li .filter-drop.colors-grid > ul .color-field > span {
    width: 3rem;
    height: 3rem;
}

.filter-form .filter-list > li .filter-drop.colors-grid > ul .color-field > span::before {
    width: 34px;
    height: 34px;
}

.h1-small {
    margin-left: 4rem;
}

/* MOBILE CATALOG FILTER */
@media (max-width: 767px) {
    .h1-small {
        margin-left: 20px;
        margin-bottom: 30px;
        /*opacity: 0;*/
        /*max-height: 0;*/
        /*margin: 0;*/
    }

    .catalog-search {
        display: none;
    }

    .categ-sort > li:nth-child(2) {
        display: none;
    }

    /*  .filter-form {
    margin-left: -10rem;
  }*/
    .filter-form .filter-title {
        position: relative;
        padding: 15px 15px 15px 30px;
    }

    .filter-form .filter-title:hover {
        color: #B49C89;
    }

    .filter-form .filter-title:hover .btn-filter__chevron {
        border-bottom-color: #B49C89;
        border-left-color: #B49C89;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .filter-form .filter-list {
        display: none;
        position: absolute;
        z-index: 200;
    }

    .filter-form .filter-list {
        /* display: block;*/
        width: 100%;
        top: 52px;
        left: 15px;
        background: white;
        border-top: 1px solid #333333;
        /*border-bottom: 1px solid #333333;*/
    }

    .filter-form .filter-list > li {
        padding: 0;
    }

    .filter-form .filter-list > li a {
        width: 100%;
        padding: 15px 30px;
        border-bottom: 1px solid #333333;
    }

    /*.filter-form .filter-list > li:last-child a {*/
    /*  border-bottom: none;*/
    /*}*/
    .filter-form .filter-list > li a:before {
        top: 2.1rem;
        right: 3rem;
        width: 0.7rem;
        height: 0.7rem;
        border-bottom: 2px solid #333;
        border-left: 2px solid #333;
    }

    .filter-drop {
        display: none;
    }

    .filter-list > li.has-drop .filter-drop {
        display: block;
    }

    .filter-form .filter-list > li:hover .filter-drop {
        position: relative;
        margin: 0;

        padding: 2rem 3rem;
        border-bottom: 1px solid #333333;
    }


    .filter-form .filter-list > li:nth-last-child(2):hover a {
        border-bottom: 1px solid #333333;
    }

    /*.filter-form .filter-list > li:nth-last-child(2):hover .filter-drop {*/
    /*  border: none;*/
    /*}*/
    .filter-form .filter-list > li .filter-drop > ul {
        max-width: unset;
        display: flex;
        /*    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 50px;
    grid-row-gap: 20px;*/
    }

    .filter-form .filter-list > li .filter-drop > ul.line {
        display: flex;
    }

    .filter-form .filter-list > li .filter-drop.colors-grid > ul {
        grid-template-columns: repeat(5, 1fr);
        grid-column-gap: 25px;
    }

    .filter-form .filter-list > li .filter-drop > ul > li {
        /*margin: 0;*/
    }
}

/* MOBILE CATALOG FILTER */

@media (min-width: 768px) {
    .categ-sort > li:nth-child(2) {
        display: list-item;
    }

    .filter-form {
        margin-left: 7rem;
    }

    .filter-list {
        display: flex;
    }

    .filter-title {
        display: none;
    }
}

.filter-search-holder {
    max-width: 39.2rem;
    margin: 0 auto;
}

.filter-search-holder input.input-form {
    color: #ccc;
    height: 3.6rem;
    border-bottom-color: #b99b86;
}

.filter-search-holder input.input-form::-webkit-input-placeholder {
    color: #ccc;
}

.filter-search-holder input.input-form::-moz-placeholder {
    opacity: 1;
    color: #ccc;
}

.filter-search-holder input.input-form:-moz-placeholder {
    color: #ccc;
}

.filter-search-holder input.input-form:-ms-input-placeholder {
    color: #ccc;
}

.filter-search-holder input.input-form.placeholder {
    color: #ccc;
}

.collection-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
    padding: 0 20px;
}

@media (min-width: 768px) {
    .collection-module {
        padding: 3rem;
    }
}

@media (max-width: 768px) {
    .collection-module {
        height: 914px;
    }
}

.collection-module-body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.collection-module-body .bg-stretch {
    z-index: -1;
}

.collection-module-body .tab {
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.collection-module-body .tab.active {
    -webkit-transition: none;
    transition: none;
}

.collection-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 99;
}

.collection-items li {
    margin-bottom: 1rem;
}

.collection-items li.active a {
    border-bottom-color: #fff;
}

.collection-items li a {
    font-family: "TT Ramillas";
    font-size: 48px;
    line-height: 1.2;
    font-weight: normal;
    color: #fff;
    /*border-bottom: 1px solid transparent;*/
}

.collection-items li.active a {
    text-decoration: underline;
}

@media (min-width: 768px) {
    .collection-items li a {
        font-size: 6rem;
    }
}

.catalog-list {
    margin: 0 0 2.5rem;
    padding: 0 5px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.catalog-list > li {
    width: 50%;
    padding: 0 5px;
    margin-bottom: 2px;
    transition: all .1s;
}

@media (max-width: 767px) {
    .catalog-list.catalog-wide > li {
        width: 100%;
    }

    .catalog-list.catalog-wide > li .stock-status {
        font-size: 14px;
        line-height: 14px;
    }

    .catalog-list.catalog-wide > li .catalog-card-content {
        margin-bottom: 18px;
    }

    .catalog-list.catalog-wide > li .catalog-card-headline {
        line-height: 2;
    }

    .catalog-list.catalog-wide > li .colors li {
        padding: 0 4px;
    }

    .catalog-list.catalog-wide > li .colors .color-field span {
        width: 20px;
        height: 20px;
    }

    .catalog-list.catalog-wide > li .colors .color-field span::before {
        width: 24px;
        height: 24px;
    }

    .catalog-list.catalog-wide > li img {
        height: auto;
    }
}

.catalog-empty-result {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    padding: 4rem;
    text-align: center;
}

.colors {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -2px;
}

@media (min-width: 768px) {
    .colors {
        margin: 0 -0.4rem;
    }
}

.colors li {
    padding: 0 4px;
}

@media (min-width: 768px) {
    .colors li {
        padding: 0 0.4rem;
    }
}

.catalog-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

@media (max-width: 767px) {
    .catalog-card {
        font-size: 12px;
    }
}

.catalog-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 2px 12px;
}

@media (min-width: 768px) {
    .catalog-card-content {
        padding: 1rem 1rem 0;
    }
}

.catalog-card-visual {
    position: relative;
}

.catalog-card-visual .stock-status,
.catalog-card-visual .btn-favorite {
    position: absolute;
    top: 5px;
    z-index: 89;
}

@media (min-width: 768px) {
    .catalog-card-visual .stock-status,
    .catalog-card-visual .btn-favorite {
        top: 1.2rem;
    }
}

.catalog-card-visual .btn-favorite {
    right: 7px;
}

@media (min-width: 768px) {
    .catalog-card-visual .btn-favorite {
        right: 1rem;
    }
}

@media (max-width: 767px) {
    .catalog-card-visual .btn-favorite svg {
        width: 16px;
        height: 18px;
    }
}

.catalog-card-visual .stock-status {
    left: 7px;
}

@media (min-width: 768px) {
    .catalog-card-visual .stock-status {
        left: 1rem;
    }
}

.catalog-card-headline {
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: normal;
    margin-bottom: 0.2rem;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
}

@media (min-width: 768px) {
    .catalog-card-headline {
        font-size: 1.8rem;
    }
}

.catalog-card-headline::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.4rem;
    top: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(72.36%, #ffffff));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 72.36%);
}

.catalog-card-actions {
    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;
}

@media (max-width: 991px) {
    .catalog-card-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        /*-ms-flex-direction: column;*/
        /*flex-direction: column;*/
    }
}

.catalog-card-actions .size-field input[type="radio"] + span {
    width: 2.8rem;
    height: 1.8rem;
    font-size: 16px;
}

.catalog-card .price-holder {
    font-size: 1.2rem;
    margin: 0;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 768px) {
    .catalog-card .price-holder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.catalog-card .price-holder .price {
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .catalog-card .price-holder .price {
        font-size: 1.8rem;
    }
}

.catalog-card-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 2rem;
}

.catalog-card-btns .btn {
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    min-width: 14.9rem;
    margin-left: 1.6rem;
}

.price-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.2;
    color: #b99b86;
    margin-bottom: 24px;
}

.discount {
    margin: 0 1rem;
}

.discount-price {
    text-decoration: line-through;
    position: relative;
    padding-right: 0.5rem;
    margin-right: 0.2rem;
}

.discount-price::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1rem;
    background: #b99b86;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.stock-status {
    line-height: 1.2;
    font-style: italic;
    font-weight: normal;
    font-family: "TT Ramillas";
}

@media (min-width: 768px) {
    .stock-status {
        font-size: 1.6rem;
    }
}

.product-gallery {
    overflow: hidden;
    position: relative;
}

.product-gallery .swiper-slide img {
    background-color: white;
    object-position: top;
    display: block;
    width: 100%;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 950px) {
    .product-gallery .swiper-slide img {
        height: 350px;
    }
}

@media (max-width: 850px) {
    .product-gallery .swiper-slide img {
        height: 300px;
    }
}

@media (max-width: 767px) {
    .product-gallery .swiper-slide img {
        height: 450px;
    }
}

@media (max-width: 500px) {
    .product-gallery .swiper-slide img {
        height: 350px;
    }

    .main-page-section .product-gallery .swiper-slide img {
        height: 450px;
    }
}

@media (max-width: 430px) {
    .product-gallery .swiper-slide img {
        height: 300px;
    }

    .main-page-section .product-gallery .swiper-slide img {
        height: 450px;
    }
}

/*.product-gallery .swiper-button-prev, .product-gallery .swiper-button-next {*/
/*    opacity: 0;*/
/*    -webkit-transition: all 0.35s ease;*/
/*    transition: all 0.35s ease;*/
/*}*/

/*.product-gallery:hover .swiper-button-prev, .product-gallery:hover .swiper-button-next {*/
/*    opacity: 1;*/
/*}*/

.price {
    font-size: 24px;
    line-height: 1.2;
    font-weight: normal;
    color: #333;
}

.swiper-button-next::after, .swiper-button-prev::after {
    color: #ccc;
}

@media (max-width: 767px) {
    .swiper-button-next::after, .swiper-button-prev::after {
        font-size: 21px;
    }
}

.selection-section .fp-tableCell {
    vertical-align: bottom;
}

.selection-module {
    padding-left: 33.5rem;
    overflow: hidden;
}

.rolling-inner-text {
    font-size: 9.4rem;
    line-height: 1.2;
    font-weight: normal;
    white-space: nowrap;
    margin: 0;
}

.selection-slider .swiper-slide {
    width: 60rem;
}

.selection-slider .swiper-slide:nth-child(even) .img {
    border-radius: 28.4rem 28.4rem 0 0;
}

.selection-slider .img {
    display: block;
    overflow: hidden;
    height: 71.5rem;
    border-radius: 16rem 0 0 0;
}

.selection-slider .img:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.selection-slider .img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}

.selection-slider .swiper-button-prev {
    left: 28.9rem;
}

.selection-slider .swiper-button-prev::before {
    left: 0;
    -webkit-transform: translateX(65px);
    transform: translateX(65px);
}

.selection-slider .swiper-button-next {
    right: 28.9rem;
}

.selection-slider .swiper-button-next::before {
    right: 0;
    -webkit-transform: translateX(-6.5rem);
    transform: translateX(-6.5rem);
}

.selection-slider .swiper-button-next, .selection-slider .swiper-button-prev {
    width: 8.7rem;
    height: 8.7rem;
    border: 1px solid #ccc;
    border-radius: 50%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.selection-slider .swiper-button-next.swiper-button-disabled, .selection-slider .swiper-button-prev.swiper-button-disabled {
    display: none;
}

.selection-slider .swiper-button-next:after, .selection-slider .swiper-button-prev:after {
    display: none;
}

.selection-slider .swiper-button-next::before, .selection-slider .swiper-button-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 5rem;
    height: 2px;
    margin-top: -1px;
    background: #333;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.selection-slider .swiper-button-next .icon, .selection-slider .swiper-button-prev .icon {
    fill: #333;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.selection-slider .swiper-button-next:hover, .selection-slider .swiper-button-prev:hover {
    background: #f1d3a2;
    border-color: #f1d3a2;
}

.selection-slider .swiper-button-next:hover .icon, .selection-slider .swiper-button-prev:hover .icon {
    fill: #fff;
}

.selection-slider .swiper-button-next:hover::before, .selection-slider .swiper-button-prev:hover::before {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.bestseller-section .fp-section {
    overflow: hidden;
}

.bestseller-module {
    height: 100%;
    overflow: hidden;
}

.bestseller-module-headtitle {
    font-family: "PF Regal Display Pro", sans-serif;
    font-size: 14.4rem;
    line-height: 1.2;
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    z-index: 9;
    margin: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.bestseller-slider {
    overflow: hidden;
    height: 100%;
}

.bestseller-slider .swiper-slide {
    width: 64rem;
    overflow: hidden;
}

.bestseller-slider .img {
    display: block;
    height: 100%;
}

.bestseller-slider .img img {
    display: block;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.bestseller-slider .swiper-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: auto;
    left: auto;
    right: 3rem;
    top: 50%;
    margin: 0;
}

.bestseller-slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0.7rem 0;
    background: #c4c4c4;
    opacity: 1;
}

.bestseller-slider .swiper-pagination .swiper-pagination-bullet-active {
    background: #333;
}

.swiper-pagination-bullet {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
}

.collection-section {
    padding-left: 8rem;
}

.collection-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.collection-tile-gallery {
    width: 46%;
    height: 100vh;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.collection-product {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100vh;
}

.collection-product-img {
    height: 61rem;
    overflow: hidden;
}

.collection-product-title {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 900;
    margin-bottom: 1rem;
}

.collection-product-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 2rem 3rem;
}

.collection-slider {
    overflow: hidden;
    height: 100vh;
}

.collection-slider .img {
    display: block;
    height: 54.3rem;
}

.collection-slider .img img {
    display: block;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.lookbook-section .container {
    padding-right: 0;
    padding-left: 0;
}

.main-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.slide-section {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 16.6%;
}

.slide-section.w1 {
    width: 10%;
}

.slide-section.w2 {
    width: 30%;
}

.slide-section.w3 {
    width: 20%;
}

.fadeInUp {
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.fadeInUp.visible {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.intro-book {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .intro-book {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.intro-book-inner {
    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;
    height: 100vh;
    width: 100%;
    padding: 20px;
}

@media (max-width: 767px) {
    .intro-book-inner {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        z-index: 19;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media (min-width: 768px) {
    .intro-book-inner {
        padding: 4rem;
    }
}

.intro-book-visual {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    .intro-book-visual {
        width: 62.8rem;
    }
}

@media (min-width: 1366px) {
    .intro-book-visual {
        width: 72rem;
    }
}

.intro-headtitle {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 48px;
    line-height: 1.1;
    margin: 0;
    width: 100%;
    position: relative;
    font-style: italic;
}

@media (min-width: 768px) {
    .intro-headtitle.v2 {
        font-size: 19rem;
    }
}

.intro-headtitle.v2 .intro-headtitle-text:first-child {
    padding-left: 9rem;
}

.intro-headtitle.v2 .intro-headtitle-text:not(:first-child) {
    width: 100%;
}

.intro-headtitle.v2 .lookbook-title {
    text-align: right;
    width: 100%;
    padding-right: 12.5rem;
}

@media (max-width: 767px) {
    .intro-headtitle {
        color: #fff;
        -webkit-box-align: start;
        align-items: flex-start;
    }
}

@media (min-width: 768px) {
    .intro-headtitle {
        font-size: 8.6rem;
    }
}

@media (max-width: 767px) {
    .intro-headtitle-text {
        color: #fff;
        max-width: 160px;
    }
}

@media (min-width: 768px) {
    .intro-headtitle-text {
        text-align: right;
    }
}

.intro-headtitle-year {
    display: block;
}

@media (min-width: 768px) {
    .intro-headtitle:not(.v2) .lookbook-title {
        font-size: 3.6rem;
    }
}

.intro-headtitle .lookbook-title {
    margin-right: 32px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: normal;
    font-style: normal;
    color: #fff;
    vertical-align: 50%;
}

@media (min-width: 768px) {
    .intro-headtitle .lookbook-title {
        font-size: 2.4rem;
        color: #ccc;
    }
}

.gallery-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
}

.swipeimage {
    position: absolute;
    bottom: 40px;
    left: 50px;
    width: 12.8rem;
    height: 8.7rem;
    /*margin: -4rem 0 0 -14rem;*/
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 100;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    visibility: visible !important;
}

.brand-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100vh;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.brand-holder-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8.6rem 0 32rem;
}

.brand-video {
    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;
    width: 87.6rem;
    height: 48.9rem;
    margin-right: 8.7rem;
    background: #c4c4c4;
}

.brand-video svg {
    fill: #fff;
}

.brand-images {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
}

.brand-images-img.lg-img {
    width: 50.4rem;
    height: 66.9rem;
}

.brand-images-img.sm-img {
    position: absolute;
    bottom: 6.8rem;
    right: -19rem;
    width: 22rem;
    height: 29.3rem;
}

.brand-images-title {
    position: absolute;
    bottom: 0;
    right: -27.9rem;
    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;
    width: 16.3rem;
    height: 16.3rem;
    color: #fff;
    background: #333;
    border-radius: 50%;
}

.brand-images-title span {
    font-size: 3.6rem;
    line-height: 1.2;
}

.brand-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 47.5rem;
    line-height: 1.5;
}

.brand-content-title {
    margin-bottom: 3.2rem;
}

.brand-content-btns {
    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;
    width: 100%;
    padding-top: 1.5rem;
}

.brand-content-btns .btn:first-child {
    min-width: 13rem;
    padding: 1rem;
}

.brand-content p {
    margin-bottom: 1rem;
}

.brand-content .btn {
    font-size: 1.6rem;
}

.details-unit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.details-unit-item {
    padding: 0 3rem;
    border-left: 1px solid #ccc;
}

.details-block {
    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;
    height: 100%;
    width: 36.5rem;
}

.details-block-title {
    font-family: "PF Regal Display Pro", sans-serif;
    font-weight: normal;
    margin-bottom: 2rem;
}

.details-block-info {
    margin-bottom: 6rem;
}

.details-block-info dl {
    margin: 0;
}

.details-block-info dl:not(:first-child) {
    margin-top: 0.6rem;
}

.details-block-info dl dt,
.details-block-info dl dd {
    display: inline-block;
    margin: 0;
}

.details-block-info dl dd {
    color: #ccc;
}

.details-block .parallax-img {
    height: 48.6rem;
    width: 100%;
    position: relative;
}

.details-block-visual {
    height: 48.6rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.details-block-visual span {
    display: block;
    height: 100%;
    width: 100%;
}

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

.collection-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 3.5rem 4.5rem;
    height: 100%;
    width: 50.4rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    margin-left: 8rem;
}

@media (min-width: 1366px) {
    .collection-holder {
        width: 51.4rem;
    }
}

.collection-holder .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.collection-holder .overlay img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.collection-holder .overlay::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(51, 51, 51, 0.7);
}

.collection-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "TT Ramillas";
    counter-reset: item;
}

.collection-list > li {
    counter-increment: item;
    position: relative;
    padding-left: 3rem;
}

.collection-list > li:not(:first-child) {
    margin-top: 2rem;
}

.collection-list > li::before {
    content: "0" counters(item, ".");
    font-family: "Futura", "Arial", "Helvetica Neue", "Helvetica", sans-serif;
    position: absolute;
    font-size: 1.8rem;
    line-height: 1.2;
    bottom: 1rem;
    left: 0;
    color: #fff;
}

.collection-list > li:hover a {
    color: #fff;
    border-bottom-color: #fff;
}

.collection-list > li a {
    display: inline-block;
    font-weight: normal;
    font-size: 4.4rem;
    line-height: 1.2;
    position: relative;
    color: #fff;
    z-index: 9;
    border-bottom: 1px solid transparent;
}

.collection-list > li .hover-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.pagination {
    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;
    margin: 0 -0.5rem;
    font-family: "TT Ramillas";
}

.pagination li {
    padding: 0 0.5rem;
}

.pagination li.active a, .pagination li:hover a {
    background: #f5f1ec;
}

.pagination li a {
    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;
    min-width: 2.4rem;
    height: 2.2rem;
    color: #b99b86;
    border-radius: 1px;
}

.pagination li a svg {
    fill: #b99b86;
}

.section-content {
    padding: 0 20px;
}

.product-slider {
    position: relative;
}

.product-slider .swiper-slide {
    max-width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .product-slider .swiper-slide {
        max-width: 34rem;
    }
}

.product-slider > .swiper-button-prev-unique, .product-slider > .swiper-button-next-unique {
    position: absolute;
    top: -68px;
}

.product-slider > .swiper-button-prev-unique:hover,
.product-slider > .swiper-button-next-unique:hover {
    cursor: pointer;
}

@media (min-width: 768px) {
    .product-slider > .swiper-button-prev-unique, .product-slider > .swiper-button-next-unique {
        top: -6.8rem;
    }
}

.product-slider > .swiper-button-prev-unique svg, .product-slider > .swiper-button-next-unique svg {
    width: 34px;
    height: 26px;
}

@media (min-width: 768px) {
    .product-slider > .swiper-button-prev-unique svg, .product-slider > .swiper-button-next-unique svg {
        width: 4.4rem;
        height: 2.6rem;
    }
}

.product-slider > .swiper-button-prev-unique {
    right: 72px;
}

@media (min-width: 768px) {
    .product-slider > .swiper-button-prev-unique {
        right: 9rem;
    }
}

.product-slider > .swiper-button-next-unique {
    right: 20px;
}

@media (min-width: 768px) {
    .product-slider > .swiper-button-next-unique {
        right: 3rem;
    }
}

.catalog-slider {
    height: 100vh;
    position: relative;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  not supported by any browser */
}

.catalog-slider .swiper-slide {
    height: 100vh;
}

/*.catalog-slider .swiper-slide-active .catalog-slide-title,
.catalog-slider .swiper-slide-active .catalog-slide-inner sup {
    -webkit-animation-name: fade-in;
    animation-name: fade-in;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}*/

.catalog-slider .swiper-pagination {
    position: absolute;
    bottom: 4rem;
    transform: none;
    left: 6rem;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    font-family: "TT Ramillas";
}

.catalog-slider .swiper-pagination-current {
    color: #B99B86;
    margin-right: 6px;
}

.catalog-slider .swiper-pagination-total {
    margin-left: 6px;
}

.catalog-slider .swiper-button-prev,
.catalog-slider .swiper-button-next {
    content: url(/local/templates/freeage/css/../images/arrow.svg);
    color: #000000;
    height: 20px;
    bottom: 4.6rem;
    top: unset;
}

.catalog-slider .swiper-button-next {
    left: 10.5rem;

}

.catalog-slider .swiper-button-prev {
    left: 3rem;
    transform: rotate(180deg);
}

/*@media (max-width: 767px) {
    .catalog-slider .swiper-pagination,
    .catalog-slider .swiper-button-prev,
    .catalog-slider .swiper-button-next {
        display: none;
    }
}*/

.catalog-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 0 0;
    height: 100vh;
    background: #fff;
    position: relative;
}

@media (min-width: 768px) {
    .catalog-slide {
        padding: 0 14rem 0 3rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.catalog-slide-img {
    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;
    overflow: hidden;
    width: 280px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
}

@media (min-width: 768px) {
    .catalog-slide-img {
        margin-left: 20rem;
        width: 60rem;
    }
}

.catalog-slide-img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16rem 0 0 0;
}

.catalog-slide-inner {
    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;
    height: 100vh;
    width: 100%;
}

@media (max-width: 767px) {
    .catalog-slide-inner {
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .catalog-slide-inner {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
    }
}

.catalog-slide-title {
    font-size: 24px;
    max-width: 180px;
    text-decoration: underline;
    text-align: start;
}

.catalog-slide-inner sup {
    font-size: 21px;
}

@media (min-width: 768px) {
    .catalog-slide-title {
        font-size: 6rem;
        max-width: 32rem;
        margin: 0;
    }
}

@media (max-width: 767px) {
    .catalog-slide-title {
        width: 120px;
    }

    .catalog-slide-inner sup {
        font-size: 13px;
        /*right:-10rem;*/
    }
}

@-webkit-keyframes fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fade-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.article-item .headline {
    font-size: 33px;
}

@media (min-width: 768px) {
    .article-item .headline {
        font-size: 4.6rem;
    }
}

.article-item p {
    margin-bottom: 1rem;
}

.article-item p:last-of-type {
    margin-bottom: 40px;
}

@media (min-width: 768px) {
    .article-item p:last-of-type {
        margin-bottom: 6rem;
    }
}

.article-item:last-of-type {
    margin-bottom: 0;
}

.article-img {
    margin-bottom: 1.8rem;
}

@media (max-width: 767px) {
    .article-img {
        margin-left: -20px;
        margin-right: -20px;
    }
}

.article-img img {
    display: block;
    width: 100%;
}

.main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 768px) {
    .main-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.main-wrapper .content {
    width: 100%;
}

@media (min-width: 768px) {
    .main-wrapper .content.wrap-size {
        max-width: 69.8rem;
    }
}

@media (min-width: 768px) {
    .main-wrapper .content.content-width {
        max-width: 54%;
    }
}

.main-wrapper .content > h3 {
    margin-bottom: 3rem;
}

.main-wrapper .content p {
    margin-bottom: 1rem;
}

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

.event-info-title {
    font-family: "TT Fors";
    font-weight: 500;
}

.event-info strong {
    font-weight: 500;
}

.sidebar {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.basket-sidebar {
    width: 100%;
}

.basket-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;
    font-size: 16px;
    border: 1px solid #B49C89;
    padding: 24px;
    border-radius: 4px;
    width: 100%;
}

.basket-block + .basket-block {
    margin-top: 16px;
}

.basket-block__title {
    font-size: 20px;
    font-weight: 500;
}

.basket-block__header {
    margin-bottom: 24px;
}

.basket-block__item {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-bottom: 16px;
}

.basket-block__item:only-child,
.basket-block__item:last-child {
    margin: 0;
}

#applied-bonuses .basket-block__item {
    margin-bottom: 16px;
}

.total-promo span {
    color: #B49C89;
}

.basket-block__promo {
    margin: 8px 0 40px;
}

.basket-block__promo-input {
    padding-right: 129px;
}

.basket-block__promo-submit {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    opacity: 0;
    pointer-events: none;
}

.basket-block__promo-delete {
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    color: #A8A8A8;
    background: none;
    border: none;
    padding: 0;
    font-size: 26px;
    line-height: 12px;
    display: none;
}

.magic-input__input:not(:placeholder-shown) ~ .basket-block__promo-submit {
    opacity: 1;
    pointer-events: all;
}

.magic-input__input:disabled ~ .basket-block__promo-submit {
    display: none;
}

.magic-input__input:disabled ~ .basket-block__promo-delete {
    display: block;
}

.basket-block__total {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.basket-block__total-title,
.basket-block__bonus-description {
    display: flex;
    align-items: center;
}

.basket-block__order-info {
    margin-top: 8px;
    font-size: 14px;
}

.basket-block-item {
    padding: 16px 2rem;
    border-bottom: 1px solid #f5f1ec;
}

@media (min-width: 768px) {
    .basket-block-item {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.basket-block-item:nth-child(2) {
    padding-bottom: 0;
}

.basket-block-item:nth-child(2) dl {
    padding-bottom: 16px;
}

@media (min-width: 768px) {
    .basket-block-item:nth-child(2) dl {
        padding-bottom: 2.2rem;
    }
}

.basket-block-item:first-child {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.basket-block-item:last-of-type {
    border: none;
}

.basket-block-item dl {
    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;
    margin: 0;
}

.basket-block-item dl dt {
    font-weight: 500;
}

.basket-block-item dl dd {
    margin: 0;
    font-weight: normal;
}

.basket-block-item dl strong {
    font-weight: 600;
}

.basket-block-item strong {
    font-weight: 500;
}

.basket-block .btn-holder {
    padding-top: 2rem;
}

.basket-block .btn-holder .btn {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.basket-block .basket-tile .price {
    font-size: 1.6rem;
    color: #ccc;
}

@media (max-width: 767px) {
    .basket-block .cart-list {
        margin: 0 -20px;
    }

    .main-wrapper .content {
        margin: 0 0 60px;
    }

    .main-wrapper.order-section .content {
        margin: 0 0 40px;
    }
}

@media (min-width: 768px) {
    .basket-block .cart-list > li {
        padding: 1rem 0;
    }
}

.toggle-title {
    position: relative;
    padding-right: 1rem;
    cursor: pointer;
}

.toggle-title.open::before {
    top: 0.9rem;
    -webkit-transform: rotate(-136deg);
    transform: rotate(-136deg);
}

.toggle-title::before {
    content: "";
    position: absolute;
    top: 0.7rem;
    right: 0;
    width: 0.5rem;
    height: 0.5rem;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.basket-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.8rem;
    color: #ccc;
}

.basket-size span {
    padding-left: 3.6rem;
}

.cart-list {
    padding: 24px 0 0;
}

.cart-list > li {
    padding-bottom: 32px;
}

.cart-list > li:last-child {
    padding-bottom: 0;
}

.basket-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.basket-tile-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.basket-tile-info__properties {
    display: flex;
}

.basket-tile-size {
    margin-right: 16px;
}

.basket-tile-size__item {
    padding: 6px 10px;
    font-size: 14px;
    color: #F4F1ED;
    background: #B49C89;
    border: 1px solid #B49C89;
    cursor: default;
}

.basket-tile-quantity {
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
    font-size: 14px;
    color: #333333;
    border: 1px solid #F4F1ED;
    width: 80px;
}

.basket-tile-quantity > * {
    cursor: default;
}

.basket-tile-quantity__change {
    pointer-events: none;
    padding: 0 12px;
    color: #A8A8A8;
}

.basket-tile-quantity__change.active {
    pointer-events: all;
    cursor: pointer;
    color: #333333;
}

.basket-tile-info__actions {
    display: flex;
    align-items: end;
    padding-right: 4px;
}

.basket-tile-info__actions > * {
    width: 18px;
    height: 18px;
    background: none;
    border: none;
    padding: 0;
}

.basket-tile-info__actions > *:not(:last-child) {
    margin-right: 20px;
}

.basket-tile-delete img {
    width: 100%;
    height: 100%;
}

.basket-tile-favorite {
    display: flex;
    align-items: end;
    justify-content: center;
    position: relative;
}

.basket-tile-favorite svg {
    width: 16px;
    height: 16px;
    fill: #B49C89;
}

.basket-tile-favorite.active svg {
    opacity: 0;
}

.basket-tile-favorite.active::before {
    position: absolute;
    width: 16px;
    height: 16px;
    background: center center no-repeat url(/local/templates/freeage/css/../images/favorite-active.svg);
    background-size: contain;
    content: '';
}

.basket-tile-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -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;
    position: relative;
}

.basket-tile-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-bottom: 1.2rem;
}

.basket-tile-head__title-block {
    display: flex;
    flex-direction: column;
}

.basket-tile-head__price {
    font-size: 1.6rem;
}

.basket-tile-head .price {
    position: absolute;
    top: 0;
    right: 0;
}

.basket-tile-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 77px;
    height: 115px;
    margin-right: 10px;
    display: block;
}

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

.bx-soa-cart-total {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 4px;
    width: 100%;
}

.bx-soa-cart-total .basket-tile-img {
    position: relative;
    width: 100%;
    height: 0;
    margin: 0;
    padding-bottom: 133%;
}

.bx-soa-cart-total .basket-tile-img img {
    position: absolute;
}

.basket-tile-color {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    width: 20px;
    height: 20px;
    border-radius: 1px;
}

.basket-tile-color.sm {
    width: 2.2rem;
    height: 2.2rem;
}

.basket-tile .title {
    font-family: "TT Fors";
    font-size: 1.6rem;
}

.basket-tile .price {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-size: 16px;
    text-align: right;
}

.cart-section {
    padding: 16px 0 50px;
}

.selection-size {
    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;
    font-size: 13px;
    line-height: 1.2;
    width: auto;
    padding: 5px 5px;
    /*width: 26px;*/
    height: 20px;
    color: #333;
    background: #b99b86;
    border-radius: 1px;
}

.empty-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
}

.empty-cart-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .empty-cart-content {
        padding-right: 4rem;
        margin-bottom: 3rem;
    }
}

.empty-cart-content p {
    margin-bottom: 0;
}

.empty-cart-title {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
    .empty-cart-btn {
        position: absolute;
        top: 0;
        right: 0;
    }
}

@media (max-width: 767px) {
    .empty-cart-btn .btn {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .empty-cart-btn .btn {
        min-width: 38.6rem;
    }
}

.catalog-wrapper {
    margin-right: -3rem;
    /*  margin-left: -5.5rem;*/
}

@media (max-width: 767px) {
    .catalog-wrapper {
        margin: 0 -15px;
    }
}

.progress {
    display: block;
    position: relative;
    height: 1px;
    background: #333;
}

.progress-line {
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    background: #333;
}

.cart-form-quantity {
    font-family: "TT Fors";
    color: #B49C89;
    font-size: 16px;
}

.cart-form-actions {
    display: flex;
    font-size: 1.2rem;
    padding: 0 0 20px 4px;
    border-bottom: 1px solid #F4F1ED;
}

.cart-form-action__delete-all {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cart-form-action__delete-all img {
    margin-right: 1.5rem;
}

.cart-form-content {
    position: relative;
}

.magic-preloader,
.cart-preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    background: #FFF;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-common);
}

.order-form__back {
    font-size: 16px;
    color: #B49C89;
    margin-bottom: 30px;
    padding-left: 28px;
    display: inline-block;
    position: relative;
}

.order-form__back:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: 1.6px solid #B49C89;
    border-right: 1.6px solid #B49C89;
    top: 50%;
    left: 9px;
    transform: translateY(-50%) rotate(-135deg);
}

.order-form__item {
    margin-bottom: 40px;
}

.order-form__item:last-child {
    margin-bottom: 0;
}

.order-form__title {
    font-family: 'TT Fors';
    font-size: 20px;
    margin-bottom: 24px;
    font-weight: 400;
}

.order-form__personal-data {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.show-preloader .magic-preloader,
.main-wrapper.show-preloader .cart-preloader {
    opacity: .7;
    pointer-events: all;
}

.form-unit-item:not(:first-child) {
    margin-top: 6rem;
}

.form-unit-item > p {
    margin-bottom: 1.5rem;
}

.form-unit-item > p:last-of-type {
    margin-bottom: 0;
}

.form-unit-title {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .form-unit-title {
        margin-bottom: 2rem;
    }
}

.form-unit-title .link {
    display: inline-block;
    padding-left: 2rem;
    font-size: 1.6rem;
    line-height: 1.2;
    color: #b99b86;
    text-decoration: underline;
}

.form-unit-btn {
    margin-top: 40px;
}

.form-unit-btn .btn {
    width: 100%;
}

.form-list {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 16px;
}

.deliveries-list {
    margin-bottom: 16px;
}

.package-list {
    display: flex;
    flex-wrap: wrap;
    grid-gap: unset;
}

.package-list li {
    width: 100%;
}

.package-list li:not(:last-child) {
    margin-bottom: 16px;
}

.package-list .check-field {
    padding: 24px 48px 40px 16px;
}

.package-list .check-field__data {
    width: calc(100% - 32px);
}

.delivery-info {
    background: #F4F1ED;
    padding: 24px;
}

.delivery-info__choose-address-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.delivery-info__address {
    position: relative;
    padding-left: 32px;
    margin-top: 24px;
}

.delivery-info__address.empty {
    display: none;
}

.delivery-info__address:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background: url("/local/templates/freeage/images/svg/map-pin.svg") center center no-repeat;
    background-size: contain;
}

.delivery-info__address.delivery-info__address_schedule:before {
    background-image: url("/local/templates/freeage/images/svg/time.svg");
}

.delivery-block .address-list {
    border-left: 1px solid #000;
    margin: 0.9rem 0 0 0.7rem;
    padding: 0 0 0 1.8rem;
}

.address-list {
    width: 100%;
}

.address-list li {
    position: relative;
    width: 100%;
    padding-right: 40px;
    margin-bottom: 1.4rem;
}

@media (min-width: 768px) {
    .address-list li {
        padding-right: 2rem;
    }
}

.address-list li a:hover {
    color: #b99b86;
}

.address-list li a.link {
    margin-left: 1.5rem;
    border-bottom: 1px solid #000;
    position: relative;
}

.address-list li a.link:hover {
    border-bottom-color: #b99b86;
}

.address-list li a.link::before {
    content: "+";
    position: absolute;
    top: 0;
    left: -1.5rem;
}

.address-list .btn-remove {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.btn-remove {
    display: inline-block;
    padding: 0;
    border: none;
    background: transparent;
}

.btn-remove img {
    display: block;
}

.address-title {
    display: block;
    color: #ccc;
}

.package-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

.package-head__title-block {
    display: flex;
    align-items: center;
}

.package-head .check-field__title {
    margin: 0;
}

.package-variants {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.package-variants__dimensions {
    color: #A8A8A8;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.package-variants__variants {
    display: flex;
    position: relative;
    z-index: 1;
}

.package-variants__variants .basket-tile-size__item {
    color: #CCCCCC;
    border-color: #F4F1ED;
    background-color: #fff;
}

.package-variants__variants .basket-tile-size__item.selected {
    color: #B49C89;
    background-color: #F4F1ED;
}

.package-variants__variant {
    cursor: pointer;
}

.check-field.selected .basket-tile-size__item {
    color: #B49C89;
}

.check-field.selected .basket-tile-size__item.selected {
    color: #F4F1ED;
    background-color: #B49C89;
    border-color: #B49C89;
}

.package-variants__variants .basket-tile-size__item:not(:last-child) {
    margin-right: 8px;
}

.package-photo {
    position: relative;
}

.package-photo__slider {
    display: none;
    overflow: hidden;
}

.package-photo__slider.show {
    display: block;
}

.package-photo__slider .swiper-slide {
    display: flex;
    justify-content: center;
}

.package-photo__slider .swiper-slide img {
    max-width: 294px;
    max-height: 174px;
}

.package-photo__slider .swiper-button-next {
    right: -35px;
}

.package-photo__slider .swiper-button-prev {
    left: -35px;
}

.package-photo__slider .swiper-button-next:after,
.package-photo__slider .swiper-button-prev:after {
    color: #EAE3D7;
    font-size: 12px;
}

.check-field.selected .swiper-button-next:after,
.check-field.selected .swiper-button-prev:after {
    color: #B49C89;
}

.package-photo__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 5px;
    height: 5px;
    margin: 0 3px;
    background: #EAE3D7;
}

.package-photo__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #B49C89;
}

.package-photo__slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translateX(-50%);
    bottom: -17px;
}

.package-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ccc;
    padding: 1.2rem 0 0;
}

.package-block-visual {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #c4c4c4;
    width: 7rem;
    height: 7rem;
    border-radius: 2px;
    margin-right: 1rem;
    overflow: hidden;
}

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

.package-block-inner {
    width: 100%;
}

.package-block-inner p {
    margin-bottom: 0;
}

.order-details dl {
    margin: 0;
}

.order-details dl:not(:first-child) {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .order-details dl:not(:first-child) {
        margin-top: 0.9rem;
    }
}

.order-details dl dt,
.order-details dl dd {
    display: inline-block;
}

.order-details dl dt {
    font-weight: 500;
}

.order-details dl dd {
    margin: 0 0 0 0.2rem;
}

.size-table {
    width: 100%;
    text-align: left;
}

.size-table th {
    padding: 0.6rem 0;
    background: #ece3d6;
    font-weight: 600;
}

@media (max-width: 767px) {
    .size-table th {
        display: none;
    }
}

.size-table th:first-child {
    padding-left: 0.6rem;
}

.size-table th strong,
.size-table th span {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
}

.size-table th span {
    font-weight: normal;
}

.size-table th strong {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #b99b86;
}

@media (min-width: 768px) {
    .size-table .td-visible {
        display: none;
    }
}

@media (max-width: 767px) {
    .size-table .td-hidden {
        display: none;
    }
}

@media (max-width: 767px) {
    .size-table .tr-hidden {
        display: none;
    }
}

@media (min-width: 768px) {
    .size-table .tr-visible {
        display: none;
    }
}

@media (max-width: 767px) {
    .size-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    .size-table tr td:first-child {
        padding: 0;
    }
}

.size-table th,
.size-table td {
    vertical-align: top;
}

@media (min-width: 768px) {
    .size-table th,
    .size-table td {
        width: 15rem;
    }
}

@media (min-width: 768px) {
    .size-table th:first-child,
    .size-table td:first-child {
        width: 19.4rem;
    }
}

.size-table td {
    padding: 3px 5px 7px;
    border-bottom: 1px solid #f5f1ec;
}

@media (max-width: 767px) {
    .size-table td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .size-table td:not(:first-child) {
        border-color: #B99B86;
    }
}

@media (min-width: 768px) {
    .size-table td {
        padding: 1rem 0.6rem;
    }
}

.size-table td span {
    display: block;
}

@media (max-width: 767px) {
    .size-table td span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 500;
        padding: 4px 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .size-table td span:first-child {
        border-bottom: 1px solid #F5F1EC;
    }

    .size-table td span::after {
        content: attr(data-parent);
        width: 38%;
        font-weight: normal;
    }
}

@media (min-width: 768px) {
    .size-table td span.hidden-title {
        display: none;
    }
}

.size-table .size-th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #ece3d6;
    padding: 9px 0 6px 6px;
}

.size-table .size-th > strong {
    width: 60%;
}

.size-table .size-th-col {
    width: 40%;
}

.size-table .size-th-col strong {
    display: block;
    font-weight: 600;
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #b99b86;
}

.size-table .td-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 767px) {
    .size-table .td-col {
        line-height: 1.6;
    }
}

@media (max-width: 767px) {
    .size-table .td-col span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.order-table {
    width: 100%;
}

@media (max-width: 767px) {
    .order-table thead {
        display: none;
    }
}

@media (max-width: 767px) {
    .order-table tbody tr {
        border-top: 2px solid #b99b86;
    }
}

@media (max-width: 767px) {
    .order-table tbody td::before {
        content: attr(data-parent);
        color: #b99b86;
        font-weight: 500;
        width: 47%;
    }
}

.order-table th {
    text-align: left;
    color: #b99b86;
    padding: 0.4rem;
    border-bottom: 2px solid #b99b86;
}

@media (max-width: 767px) {
    .order-table tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.order-table td {
    padding: 4px 0;
}

@media (max-width: 767px) {
    .order-table td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .order-table td {
        border-bottom: 1px solid #f5f1ec;
        padding: 1.7rem 0.6rem;
    }
}

.order-table td span {
    display: block;
}

@media (max-width: 767px) {
    .order-table tfoot tr {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.order-table tfoot td {
    font-weight: 600;
    background: #ece3d6;
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
}

@media (max-width: 767px) {
    .order-table tfoot td {
        width: 53%;
        padding: 8px 0;
    }

    .order-table tfoot td:first-child {
        width: 47%;
        padding-left: 6px;
    }
}

.order-module-item:not(:first-child) {
    margin-top: 4rem;
}

@media (max-width: 767px) {
    .order-module-item:nth-child(2) {
        margin-top: 20px;
    }
}

.order-module-item p {
    margin-bottom: 0;
}

.order-module-title {
    margin-bottom: 14px;
}

@media (min-width: 768px) {
    .order-module-title {
        margin-bottom: 2rem;
    }
}

.order-module-headtitle {
    color: #b99b86;
    margin-bottom: 0;
}

.order-tile-title {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .order-tile-status {
        margin-bottom: 35px;
    }
}

.order-tile-status strong {
    font-weight: 500;
}

.order-tile-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .order-tile-head {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 1.9rem;
    }
}

.main-section {
    padding: 40px 0 120px;
}

.contacts-section .headline {
    margin-bottom: 6.5rem;
}

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

@media (min-width: 768px) {
    .cta-tile {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding-right: 12rem;
    }
}

.cta-tile-inner {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #ece3d6;
    margin: 0 -20px 30px;
    min-height: 160px;
    padding: 20px;
    border-radius: 0 0 0 50px;
}


.cta-tile-inner h2 {
    font-size: 28px;
}

@media (min-width: 768px) {
    .cta-tile-inner h2 {
        font-size: 4.1rem;
        margin-bottom: 2rem;
    }
}

.contact-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.3;
    margin: 0 0 5rem;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .contact-list {
        margin-left: -2.5rem;
        margin-right: -2.5rem;
        margin-bottom: 8rem;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

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

@media (min-width: 768px) {
    .contact-list li {
        padding: 0 2.5rem;
    }
}

.contact-list li:not(:first-child) {
    margin-top: 3rem;
}

@media (min-width: 768px) {
    .contact-list li:not(:first-child) {
        margin-top: 0;
    }
}

.contact-list h5 {
    font-weight: bold;
}

.fp-section.fp-table,
.fp-slide.fp-table,
.fp-tableCell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.catalog-section .fp-tableCell {
    justify-content: center;
}

.scroll-block {
    height: 52.9rem;
    overflow: hidden;
    position: relative;
}

.scroll-block .swiper-slide {
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .shops-section {
        padding-bottom: 0;
    }
}

.shop-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 2rem;
    font-size: 1.6rem;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.shop-card:hover {
    background: #b99b86;
    color: #fff;
}

.shop-card-title {
    font-family: 'TT Fors';
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.shop-card-subtitle {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.shop-card-item {
    max-width: 150px;
    margin-bottom: 1.6rem;
}

@media (min-width: 768px) {
    .shop-card-item {
        max-width: 22.4rem;
    }
}

.shop-card-item:last-of-type {
    margin-bottom: 0;
}

.shop-card p {
    margin-bottom: 0;
    font-size: 16px;
}

.shop-label {
    position: absolute;
    top: 2rem;
    right: 2.3rem;
    display: inline-block;
    text-align: center;
    padding: 0.4rem 1.1rem;
    font-size: 1.3rem;
    line-height: 1.2;
    color: #fff;
    background: #333;
    border-radius: 0.4rem;
}

.shop-label.partner {
    background: #fff;
    color: #b99b86;
}

.shops-list {
    padding: 0 0 8rem;
}

/*.shops-list-item {
    border-top: 1px solid #dbd3c7;
}*/

.map {
    width: 100%;
    height: 100%;
}

.ymaps-2-1-79-ground-pane {
    -webkit-filter: grayscale(100%);
}

.shops-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

@media (min-width: 768px) {
    .shops-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        height: 100vh;
    }
}

.shops-wrap-content {
    background: #f5f1ec;
    width: 100%;
    padding: 2rem 0 0;
}

@media (min-width: 768px) {
    .shops-wrap-content {
        height: 100vh;
    }
}

.shops-wrap-map {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 352px;
}

@media (min-width: 768px) {
    .shops-wrap-map {
        width: 68.4%;
        height: 100vh;
    }
}

.shops-wrap .select-holder {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-bottom: 2rem;
}

.fancybox-content {
    max-width: 71.8rem;
    width: 100%;
    padding: 2rem 3rem;
    border-radius: 0.4rem;
}

.fancybox-bg {
    background: #333;
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.6;
}

.error-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -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;
    text-align: center;
    height: 100%;
}

@media (max-width: 767px) {
    .error-holder {
        min-height: 400px;
        padding: 0 20px;
    }
}

.error-holder-title {
    font-size: 60px;
    line-height: 1;
    font-family: "TT Ramillas";
}

@media (min-width: 768px) {
    .error-holder-title {
        font-size: 12.8rem;
        margin-bottom: 1rem;
    }
}

@media (min-width: 768px) {
    .error-holder-subtitle {
        font-size: 4rem;
        margin-bottom: 5.8rem;
    }
}

.error-holder .btn {
    min-width: 280px;
}

@media (min-width: 768px) {
    .error-holder .btn {
        min-width: 36.8rem;
    }
}

.public-offer-list {
    counter-reset: item;
}

@media (max-width: 767px) {
    .public-offer-list {
        line-height: 1.3;
    }
}

.public-offer-list > li {
    padding-left: 18px;
    counter-increment: item;
    position: relative;
}

@media (min-width: 768px) {
    .public-offer-list > li {
        padding-left: 3rem;
    }
}

.public-offer-list > li:not(:first-child) {
    margin-top: 20px;
}

@media (min-width: 768px) {
    .public-offer-list > li:not(:first-child) {
        margin-top: 3rem;
    }
}

.public-offer-list > li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
}

.public-offer-list > li ul {
    padding-top: 8px;
    counter-reset: item;
}

@media (max-width: 767px) {
    .public-offer-list > li ul {
        padding-left: 12px;
    }
}

@media (min-width: 768px) {
    .public-offer-list > li ul {
        padding-top: 2rem;
    }
}

.public-offer-list > li ul li {
    padding-left: 25px;
    counter-increment: item;
    position: relative;
}

@media (min-width: 768px) {
    .public-offer-list > li ul li {
        padding-left: 4rem;
    }
}

.public-offer-list > li ul li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    top: 0;
    left: 0;
    color: #ccc;
}

.public-offer-list > li ul li:not(:first-child) {
    margin-top: 10px;
}

@media (min-width: 768px) {
    .public-offer-list > li ul li:not(:first-child) {
        margin-top: 2rem;
    }
}

.aside-block {
    padding: 20px;
    background: #ece3d6;
    border-radius: 0 0 16rem 0;
}

@media (max-width: 479px) {
    .aside-block {
        margin: 0 -15px;
        width: auto;
    }
}

@media (min-width: 768px) {
    .aside-block {
        padding: 2rem 5.6rem 3rem 3rem;
    }
}

.company-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: "TT Ramillas";
    line-height: 1.4;
}

@media (max-width: 479px) {
    .company-details {
        font-size: 14px;
    }
}

@media (min-width: 768px) {
    .company-details {
        line-height: 1.2;
    }
}

.company-details h3 {
    font-family: "TT Ramillas";
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    .company-details h3 {
        margin-bottom: 2.2rem;
    }
}

.company-details-item {
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .company-details-item {
        margin-bottom: 1.6rem;
    }
}

.company-details-item:last-of-type {
    margin-bottom: 0;
}

.info-unit-item:not(:first-child) {
    margin-top: 30px;
}

@media (min-width: 768px) {
    .info-unit-item:not(:first-child) {
        margin-top: 2.8rem;
    }
}

.info-unit p {
    margin-bottom: 1rem;
}

.info-unit strong {
    font-weight: 600;
    font-style: italic;
}

.item-list {
    padding-left: 1rem;
}

.item-list li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .item-list li {
        padding-left: 2rem;
        margin-bottom: 0.5rem;
    }
}

.item-list li::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #333;
}

@media (min-width: 768px) {
    .item-list li::before {
        width: 0.6rem;
        height: 0.6rem;
    }
}

.numeric-list {
    counter-reset: item;
    padding-left: 6px;
}

@media (min-width: 768px) {
    .numeric-list {
        padding-left: 1rem;
    }
}

.numeric-list li {
    counter-increment: item;
    position: relative;
    margin-bottom: 10px;
    padding-left: 17px;
}

@media (min-width: 768px) {
    .numeric-list li {
        margin-bottom: 0.5rem;
        padding-left: 1.8rem;
    }
}

.numeric-list li::before {
    content: counters(item, ".") ". ";
    position: absolute;
    top: 0;
    left: 0;
}

.support-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -19px;
    background: #fff;
    border: 1px solid #b99b86;
    -webkit-box-shadow: 0 4px 20px rgba(51, 51, 51, 0.1);
    box-shadow: 0 4px 20px rgba(51, 51, 51, 0.1);
    border-radius: 4px;
}

@media (min-width: 768px) {
    .support-block {
        margin: 0;
        width: 100%;
    }
}

.support-block-item {
    padding: 14px 20px;
}

.support-block-item:not(:first-child) {
    border-top: 1px solid #dbd3c7;
    font-size: 14px;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .support-block-item:not(:first-child) {
        font-size: 1.6rem;
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .support-block-item {
        padding: 1.5rem 2rem;
    }
}

.support-block-item strong {
    font-weight: 500;
}

.support-block dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "TT Ramillas";
    margin: 0;
}

.support-block dl:not(:first-child) {
    margin-top: 1.4rem;
}

.support-block dl dt {
    font-weight: 600;
    font-style: italic;
    width: 130px;
    margin-right: 5px;
}

@media (min-width: 768px) {
    .support-block dl dt {
        width: 12rem;
        margin-right: 3.5rem;
    }
}

.support-block dl dd {
    margin: 0;
}

.support-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1rem;
    text-align: center;
}

.support-list li {
    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: center;
    -ms-flex-align: center;
    align-items: center;
    width: 33.3333333333%;
    padding: 1rem 1rem 0;
}

.support-list .icon {
    margin-bottom: 0.8rem;
}

.support-list .icon img {
    display: block;
}

.payment-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -1rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.6rem;
}

@media (max-width: 767px) {
    .payment-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 0 45px;
    }
}

.payment-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1rem;
}

@media (max-width: 767px) {
    .payment-list li {
        width: 33.3333333333%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

@media (max-width: 767px) {
    .payment-list li:last-child {
        width: 100%;
        margin-top: 14px;
    }
}

.payment-list li img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
}

.payment-list li .text {
    margin: 0 0 0 0.5rem;
}

.section-headline {
    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;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .section-headline {
        margin-bottom: 2.7rem;
    }
}

.section-headline .link {
    font-family: "TT Fors";
    color: #b99b86;
    font-size: 12px;
    text-decoration: underline;
    margin-left: 2rem;
}

@media (min-width: 768px) {
    .section-headline .link {
        font-size: 1.6rem;
    }
}

.bonus-module {
    font-size: 1.6rem;
    line-height: 1.2;
}

.bonus-module-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    border-bottom: 1px solid #b99b86;
}

@media (min-width: 768px) {
    .bonus-module-head {
        padding-bottom: 1.6rem;
    }
}

.bonus-module-head h5 {
    margin: 0;
    font-family: "TT Fors";
    font-weight: 500;
}

.bonus-module-head .bonus-num {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    font-weight: 600;
    text-align: right;
    margin-left: 1rem;
}

.bonus-module-headline {
    font-family: "TT Fors";
    font-weight: 500;
    margin: 0;
}

.bonus-module-content {
    padding: 10px 0 0;
}

@media (min-width: 768px) {
    .bonus-module-content {
        padding: 1.6rem 0 0 2rem;
    }
}

.status-card {
    display: inline-block;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 8px;
    font-size: 1.2rem;
    line-height: 1.2;
    background: #decfc2;
    color: #fff;
    padding: 0.3rem 1rem;
    border-radius: 0.4rem;
}

@media (min-width: 768px) {
    .status-card {
        margin-left: 1.1rem;
    }
}

.bonus-table li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 15px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #f5f1ec;
}

@media (min-width: 768px) {
    .bonus-table li {
        padding: 1.4rem 2rem 1.4rem 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.bonus-table-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 768px) {
    .bonus-table-inner {
        width: 51%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.bonus-table-title {
    font-family: "TT Ramillas";
    font-style: italic;
}

.date {
    font-size: 1.2rem;
    font-weight: 500;
    color: #b99b86;
    padding-top: 5px;
}

@media (min-width: 768px) {
    .date {
        padding-top: 0;
    }
}

.order-history > li {
    margin-bottom: 28px;
}

.order-history > li:last-child {
    margin-bottom: 0;
}

.order-history .cart-list {
    padding: 0 20px;
}

.order-history .cart-list > li:not(:last-child) {
    padding-bottom: 14px;
}

.order-history .basket-tile-head__price {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .order-history {
        margin: 0 -20px;
    }
}

.order-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #dbd3c7;
}

@media (min-width: 768px) {
    .order-title {
        padding-left: 2rem;
        padding-bottom: 2rem;
    }
}

@media (min-width: 768px) {
    .order-wrapper {
        padding: 0 2rem;
    }
}

.order-card {
    padding-bottom: 1rem;
    position: relative;
}

@media (max-width: 767px) {
    .order-card {
        padding: 0 20px;
    }
}

@media (min-width: 768px) {
    .order-card {
        padding-bottom: 2rem;
    }
}

.order-card-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 14px;
}

@media (min-width: 768px) {
    .order-card-head {
        padding-right: 2rem;
        margin-bottom: 1.4rem;
    }
}

.order-card-head .head-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.order-card-head .title {
    font-style: italic;
    margin-bottom: 0;
    font-weight: 500;
    padding-right: 1.5rem;
    position: relative;
    cursor: pointer;
}

.order-card-head .title::before {
    content: "";
    position: absolute;
    top: 0.5rem;
    right: 0;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: 1px solid #333;
    border-left: 1px solid #333;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.order-card strong {
    font-weight: 600;
}

@media (max-width: 767px) {
    .order-card .date {
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .order-card .expanded {
        margin: 0 -20px;
    }
}

.order-card .price {
    font-size: 16px;
    margin-left: 1rem;
}

@media (min-width: 768px) {
    .order-card .price {
        font-size: 1.8rem;
    }
}

@media (max-width: 767px) {
    .order-card .expanded {
        padding-bottom: 10px;
    }
}

.order-card > .order-info {
    margin-bottom: 14px;
}

@media (min-width: 768px) {
    .order-card > .order-info {
        margin: 0 -1.2rem;
    }
}

@media (min-width: 768px) {
    .order-card > .order-info dl {
        padding: 0 1.2rem;
    }
}

@media (min-width: 768px) {
    .order-card > .order-info dl:first-child {
        position: absolute;
        top: 0.6rem;
        left: 100%;
        margin-left: -30%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.order-card > .order-info dl:first-child dt {
    margin-right: 0.5rem;
}

.order-info {
    font-size: 12px;
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 767px) {
    .order-info {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 768px) {
    .order-info {
        margin: 0 -2.7rem;
    }
}

.order-info dl {
    margin: 0;
    padding: 0 0.5rem;
}

@media (max-width: 767px) {
    .order-info dl {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .order-info dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 2.7rem;
    }
}

@media (max-width: 767px) {
    .order-info dl dd,
    .order-info dl dt {
        display: inline-block;
    }
}

.order-info dl dd {
    margin: 0;
}

.order-info dl dt {
    font-weight: 500;
}

.order-info__button-container {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

.order-nav .navigation {
    margin-top: 25px;
}

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

@media (min-width: 480px) {
    .row-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.row-list > li {
    width: 100%;
    margin-bottom: 30px;
}

@media (min-width: 480px) {
    .row-list > li {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .row-list > li {
        width: 33.3333333333%;
    }
}

.press-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    position: relative;
    transition: all 0.35s ease;
}

.press-card:hover .press-card-title {
    text-decoration: underline;
}

.press-card:hover {
    opacity: 0.7;
}

.press-card-visual {
    height: 394px;
}

@media (min-width: 768px) {
    .press-card-visual {
        height: 49.3rem;
    }
}

.press-card-visual img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.press-card-content {
    padding: 10px 20px 0;
    height: 6em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.press-card-content p {
    margin-bottom: 0;
}

.press-card .title-2 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
}

@media (min-width: 768px) {
    .press-card .title-2 {
        font-size: 3.4rem;
    }
}

.press-card-title {
    margin: 0;
}

.link-view {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.btn-confirmed {
    background: #fff !important;
    border-color: #333;
    color: #333 !important;
    pointer-events: none;
}

.address-list li.selected a {
    color: #b99b86;
}

#show-map .fancybox-close-small {
    display: none;
}

#show-map {
    padding: 0;
}

@media (min-width: 768px) {
    #show-map .shops-wrap {
        max-height: 500px;
    }

    #show-map .shops-wrap-content {
        height: 500px;
    }

    #show-map .shops-wrap-content .scroll-block {
        height: 350px;
    }

    #show-map .shops-wrap-map {
        height: 500px;
        width: 62.9%;
    }

    #show-map .shops-wrap-content .scroll-block .shop-card .selected-content {
        flex-direction: column !important;
    }

    #show-map .shops-wrap-content .scroll-block .shop-card .selected-content .when-delivery {
        margin-bottom: 20px !important;
    }

    #show-map .shops-wrap-content .select-holder .enter-address label {
        font-size: 70% !important;
    }
}

@media (min-width: 1300px) {
    #show-map .shops-wrap-content .scroll-block .shop-card .selected-content {
        flex-direction: row !important;
    }

    #show-map .shops-wrap-content .scroll-block .shop-card .selected-content .when-delivery {
        margin-bottom: 0 !important;
    }
}

#show-map .shops-wrap-content {
    background: white;
    padding: 0;
}

#show-map .shops-wrap-content .scroll-block .shops-list-item.selected {
    background: #b99b86;
    color: #fff;
}

#show-map .shops-wrap-content .scroll-block .shops-list-item.selected .shop-card:hover {
    cursor: default;
}

#show-map .shops-wrap-content .scroll-block .shop-card {
    padding-top: 16px;
    padding-bottom: 16px;
}

#show-map .shops-wrap-content .scroll-block .shop-card .shop-card-item {
    max-width: none;
}

#show-map .shops-wrap-content .scroll-block .shop-card .shop-card-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

#show-map .shops-wrap-content .scroll-block .shop-card p {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #CCCCCC;
    transition: all 0.35s ease;
}

#show-map .shops-wrap-content .scroll-block .shop-card:hover p {
    color: #fff;
}

#show-map .shops-wrap-content .scroll-block .shop-card .selected-content {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    flex-direction: row;
    text-align: center;
}

#show-map .shops-wrap-content .scroll-block .shop-card .selected-content .when-delivery {
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    padding: 3px 15px;
}

#show-map .shops-wrap-content .scroll-block .shop-card .selected-content .select-btn {
    background: #FFFFFF;
    border-radius: 2px;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-transform: capitalize;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #B99B86;
    padding: 4px 20px;
}

#show-map .shops-wrap-content .select-holder {
    padding: 0;
    margin-bottom: 20px;
}

#show-map .shops-wrap-content .select-holder > * {
    padding-left: 2rem;
    padding-right: 2rem;
}

#show-map .shops-wrap-content .select-holder .close-btn {
    border-bottom: 1px solid #F5F1EC;
    padding-bottom: 8px;
    margin-left: -10px;
}

#show-map .shops-wrap-content .select-holder .close-btn button::before {
    content: url(/local/templates/freeage/css/../images/close-arrow.svg);
}

#show-map .shops-wrap-content .select-holder button {
    border: none;
    padding: 0;
    background: none;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #CCCCCC;
}

#show-map .shops-wrap-content .select-holder .select-city-text {
    margin-top: 16px;
    font-family: 'TT Ramillas';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    color: #333333;
}

#show-map .shops-wrap-content .select-holder .select-city-text p {
    margin-bottom: 16px;
}

#show-map .shops-wrap-content .select-holder .enter-address label {
    padding-left: 30px;
    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #CCCCCC;
}

#show-map .shops-wrap-content .select-holder .enter-address input {
    height: 26px;
    background: url(/local/templates/freeage/css/../images/search-input.svg) no-repeat scroll 7px 7px;
    padding-left: 30px;
}

/* правки из багтрекера */

.product-top-slider .swiper-bullet,
.product-gallery .swiper-bullet {
    display: block;
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    margin: 0 4px;
    border-radius: 50%;
}

.product-top-slider .swiper-bullet-active,
.product-gallery .swiper-bullet-active {
    display: block;
    width: 6px;
    height: 6px;
    background: #B99B86;
    margin: 0 4px;
    border-radius: 50%;
}

ul.catalog-list .color-field input[type=radio] + span {
    width: 10px;
    height: 10px;
}

ul.catalog-list .colors li {
    padding: 0 2px;
}

ul.catalog-list .color-field input[type=radio] + span::before {
    width: 12px;
    height: 12px;
}

@media (min-width: 768px) {
    ul.catalog-list .color-field input[type=radio] + span {
        width: 1.4rem;
        height: 1.4rem;
    }

    ul.catalog-list .color-field input[type=radio] + span::before {
        width: 1.8rem;
        height: 1.8rem;
    }

    ul.catalog-list .colors li {
        padding: 0 0.4rem;
    }
}

.cart-form .form-unit-title.ttfors {
    font-family: "TT Fors";
}

.text-error {
    font-family: 'TT Fors';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #EB5F55;
}

.text-success {
    font-family: 'TT Fors';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #DECFC2;
}

.address-list li a.sdek-pvz::before {
    content: none;
}

.magazine-headline {
    font-weight: 400;
    font-size: 46px;
    line-height: 115%;
    max-width: 54%;
}

.magazine-content h3 {
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

.magazine-content .magazine-content-block {
    margin-bottom: 60px;
}

.magazine-content .magazine-content-block img {
    margin-bottom: 18px;
}

.magazine-content .magazine-content-block h4 {
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
}

.magazine-content .magazine-content-block p {
    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 25px;
}

.brand-friends-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 41px;
    margin-top: 61px;
}

.brand-friends-card {
    width: 100%;
    position: relative;
    transition: all 0.35s ease;
}

.brand-friends-card:hover {
    opacity: 0.9;
}

.brand-friends-card-content {
    min-height: 68px;
    background: #DBD3C7;
    padding: 15px 12px;
    /*  display: grid;
  grid-template-columns: 38px auto 31px;
  grid-gap: 10px;*/
}

.brand-friends-card-content-icon {
    height: 100%;
}

.brand-friends-card-content-icon img {
    height: 38px;
    width: 38px;
    border-radius: 50px;
    display: block;
    object-fit: cover;
    object-position: center;
}

.brand-friends-card-content-block {
    color: #333333;
    font-family: 'TT Fors';
    font-style: normal;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.brand-friends-card-content-block-title {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

.brand-friends-card-content-block-description {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
}

.brand-friends-card-content-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-friends-card-visual {
    width: 100%;
    height: 430px;
}

.brand-friends-card-visual img {
    width: 100%;
    height: 430px;
    object-fit: cover;
}

/*ставим размер блоки и фоток для большого разрешения*/
@media (min-width: 3000px) {
    .brand-friends-card-visual {
        height: auto;
    }

    .brand-friends-card-visual img {
        width: 500px;
        height: 700px;
    }
}

@media (max-width: 1300px) {
    .brand-friends-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .brand-friends-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/*@media (max-width: 767px) {*/

/*}*/
@media (max-width: 576px) {
    .brand-friends-list {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 30px;
        margin-top: 25px;
    }
}

.obraz-block-headline {
    display: flex;
    margin-bottom: 12px;
    height: 20px;
}

.obraz-block-headline-text {
    font-family: 'TT Ramillas Trl';
    font-style: italic;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #B99B86;
}

.obraz-block-headline-line {
    margin-left: 10px;
    width: 100%;
    height: 100%;
    position: relative;
}

.obraz-block-headline-line::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-top: 1px solid #B99B86;
    top: 50%;
}

@media (min-width: 768px) {
    .obraz-block {
        margin-top: 56px;
    }

    .obraz-block:first-child {
        margin-top: 0;
    }

    .obraz-block-headline {
        display: flex;
        height: 33px;
        margin-bottom: 30px;
    }

    .obraz-block-headline-text {
        font-size: 24px;
        line-height: 33px;
    }

    .obraz-block-headline-line {
        margin-left: 23px;
    }

    .obraz-block .product-block {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 40px;
    }

    .obraz-block .catalog-list {
        margin: 0;
    }

    .obraz-block .catalog-list > li {
        width: 50%;
        margin-bottom: 1.6rem;
    }

    .obraz-block .catalog-card-visual {
        display: grid;
    }

    .obraz-block .catalog-card .catalog-card-content {
        padding: 0.8rem 0.8rem 0;
    }

    .obraz-block .product-gallery .swiper-wrapper {
        min-height: 600px;
        height: calc(50vh - 52px - 1.6rem);
    }

    .obraz-block .catalog-card .stock-status {
        font-size: 18px;
        line-height: 18px;
    }

    .obraz-block .catalog-card .catalog-card-headline {
        font-weight: 400;
        font-size: 18px;
        line-height: 20px;
    }

    .obraz-block .catalog-card .price {
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
    }

    .obraz-block .catalog-card .discount {
        font-weight: 400;
        font-size: 14px;
        line-height: 13px;
    }

    .obraz-block ul.catalog-list .color-field input[type=radio] + span {
        width: 1.1rem;
        height: 1.1rem;
    }

    .obraz-block ul.catalog-list .color-field input[type=radio] + span::before {
        width: 1.4rem;
        height: 1.4rem;
    }

    .obraz-block ul.catalog-list .colors li {
        padding: 0 2px;
    }
}

@media (max-width: 767px) {
    .obraz-block .product-block {
        margin: 0 -20px;
    }

    .obraz-block-content {
        margin-top: 2px;
    }
}

@media (min-height: 1900px) {
    .obraz-block .product-gallery .swiper-wrapper {
        min-height: 600px;
    }
}

.auth-modal {
    max-width: 420px;
    cursor: unset;
}

.auth-modal .auth-title {
    font-family: "TT Ramillas";
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 31px;
    color: #333333;

}

.auth-modal .auth-description {
    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #CCCCCC;
}

.auth-modal .form-field {
    margin-top: 35px;
}

.auth-modal .btn {
    margin-top: 20px;
    width: 100%;
    max-height: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    padding: 8px 3.5rem;
}

.auth-modal .auth-to-reg {
    margin-top: 20px;
    text-align: center;
    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    color: #CCCCCC;
}

.auth-modal .auth-to-reg a {
    color: #B99B86;
}

.auth-modal .pincode {
    display: flex;
    justify-content: space-between;
}

.auth-modal .pincode input {
    text-align: center;
    max-width: 67px;
    margin-right: 20px;

    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}

.auth-modal .pincode input:last-child {
    margin-right: 0;
}

.auth-modal .pincode-field .form-note {
    display: none;

    position: relative;
    left: unset;
    bottom: unset;
    margin-top: 5px;

    font-family: 'TT Fors';
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #DECFC2;
}

.auth-modal .pincode-field .form-note.error {
    color: #EB5F55;
}

.auth-modal .pincode-field .form-note.showed {
    display: unset;
}

.auth-modal .resend-code {
    display: none;

    font-family: 'TT Fors';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #B99B86;
}

.auth-modal .resend-code.showed {
    display: unset;
}

.auth-modal .img-wrapper {
    display: flex;
    margin-bottom: 15px;
}

.auth-modal .img-wrapper img {
    margin: 0 auto;
}

.auth-modal .success-text {
    text-align: center;
    font-family: 'TT Ramillas';
    font-style: normal;
    font-weight: 400;
    font-size: 22px;
    line-height: 29px;
    color: #333333;

    width: 80%;
    margin: auto auto 10px;
}

.lookbook-wrapper img,
.lookbook-wrapper svg {
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.lookbook-wrapper picture {
    display: unset;
}

.lookbook-wrapper svg {
    width: 100px;
}

.lookbook-wrapper .btn,
.lookbook-wrapper .btns {
    width: unset;
    padding: unset;
    margin: unset;
    letter-spacing: unset;
}

@media (min-width: 768px) {
    .lookbook-wrapper .btn {
        padding: unset;
    }
}

.lookbook-wrapper .section__custom .fashion .items .item .title h2 {
    font: 400 36px/50px "TT Ramillas";
    margin-bottom: 0;
}

.lookbook-wrapper dl,
.lookbook-wrapper dd {
    margin: 0;
}

.wrapper__custom-scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wrapper__custom-scroll .section__custom {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100vh;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.wrapper__custom-scroll .section__custom.active .promo .img:nth-child(1) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.wrapper__custom-scroll .section__custom.active .promo .img:nth-child(2) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.wrapper__custom-scroll .section__custom.active .promo .img__mark {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.wrapper__custom-scroll .section__custom.active .descriptions {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.wrapper__custom-scroll .section__custom.active .fashion .items .item {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.wrapper__custom-scroll .section__custom .marquee {
    font: normal 400 calc(
            72px + 24 * ((100vw - 320px) / 1600)
    )/133% "TT Ramillas";
    width: 140px;
    overflow: hidden;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #333333;
    position: relative;
}

.wrapper__custom-scroll .section__custom .marquee p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-animation: marqueeText 10s infinite linear;
    animation: marqueeText 10s infinite linear;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
    white-space: nowrap;
    margin-bottom: 150px;
}

.wrapper__custom-scroll .section__custom .marquee p::after {
    content: "";
    position: absolute;
    bottom: -119px;
    left: 50%;
    width: 2px;
    height: 90px;
    background: #333;
}

@-webkit-keyframes marqueeText {
    0% {
        -webkit-transform: translate(0, 0) rotate(180deg);
        transform: translate(0, 0) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(0, -240%) rotate(180deg);
        transform: translate(0, -240%) rotate(180deg);
    }
}

@keyframes marqueeText {
    0% {
        -webkit-transform: translate(0, 0) rotate(180deg);
        transform: translate(0, 0) rotate(180deg);
    }

    100% {
        -webkit-transform: translate(0, -240%) rotate(180deg);
        transform: translate(0, -240%) rotate(180deg);
    }
}

.wrapper__custom-scroll .section__custom .promo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    padding: 30px 0 45px;
}

.wrapper__custom-scroll .section__custom .promo .img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper__custom-scroll .section__custom .promo .img:nth-child(1) {
    height: 100%;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.wrapper__custom-scroll .section__custom .promo .img:nth-child(2) {
    position: relative;
    left: -40px;
    max-height: 293px;
    margin-bottom: 68px;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.wrapper__custom-scroll .section__custom .promo .img__mark {
    font: normal 400 36px/50px "TT Fors";
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #ffffff;
    width: 128px;
    height: 128px;
    background: #333333;
    border-radius: 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: relative;
    left: -80px;
    margin-bottom: 50px;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.wrapper__custom-scroll .section__custom .descriptions {
    max-width: 475px;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom .descriptions h2 {
    font: normal 400 36px/50px "TT Ramillas";
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #333333;
    margin-bottom: 29px;
}

.wrapper__custom-scroll .section__custom .descriptions p {
    font: normal 400 18px/150% "TT Fors";
    -webkit-font-feature-settings: "tnum" on, "lnum" on;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #333333;
    margin-bottom: 10px;
}

.wrapper__custom-scroll .section__custom .descriptions p:last-of-type {
    margin-bottom: 31px;
}

.wrapper__custom-scroll .section__custom .descriptions .btns {
    padding-top: 4rem;
    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;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .download {
    font: normal 400 16px/21px "TT Fors";
    background: #333333;
    border-radius: 2px;
    padding: 9px 32px;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #ffffff;
    border: 1px solid #333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .download:hover {
    background: #ffffff;
    color: #333;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 33px;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    height: 41px;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn:hover {
    padding-bottom: 0px;
    border-bottom: 1px solid #fff;
    gap: 10px;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn:hover span {
    color: #b99b86;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn:hover .arrow {
    background: #b99b86;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn:hover .arrow .arrow-hover {
    opacity: 1;
    visibility: visible;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn:hover .arrow .arrow-no-hover {
    opacity: 0;
    visibility: hidden;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn span {
    font: normal 400 16px/18px "TT Fors";
    color: #333333;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn .arrow {
    width: 31px;
    height: 31px;
    border: 0.642026px solid #b99b86;
    border-radius: 100%;
    position: relative;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn .arrow svg {
    position: absolute;
    right: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn .arrow .arrow-no-hover {
    width: 45px;
}

.wrapper__custom-scroll .section__custom .descriptions .btns .btn .arrow .arrow-hover {
    opacity: 0;
    visibility: hidden;
    width: 16px;
}

.wrapper__custom-scroll .section__custom .fashion {
    padding: 39px 0 45px;
    margin-right: 42px;
}

.wrapper__custom-scroll .section__custom .fashion .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.wrapper__custom-scroll .section__custom .fashion .items .item {
    padding: 0 30px;
    border-left: 1px solid #cccccc;
    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;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom .fashion .items .item:nth-child(2) {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.wrapper__custom-scroll .section__custom .fashion .items .item__img {
    overflow: hidden;
}

.wrapper__custom-scroll .section__custom .fashion .items .item__img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.wrapper__custom-scroll .section__custom .fashion .items .item__img img {
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.wrapper__custom-scroll .section__custom .fashion .items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.wrapper__custom-scroll .section__custom .fashion .items .item .title {
    font: normal 400 36px/50px "TT Ramillas";
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #333333;
    margin-bottom: 19px;
}

.wrapper__custom-scroll .section__custom .fashion .items .item dl {
    font: normal 400 18px/22px "Futura New";
    -webkit-font-feature-settings: "tnum" on, "lnum" on;
    font-feature-settings: "tnum" on, "lnum" on;
    color: #333333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 61px;
}

.wrapper__custom-scroll .section__custom .fashion .items .item dl div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

.wrapper__custom-scroll .section__custom .fashion .items .item dd {
    color: #cccccc;
}

.wrapper__custom-scroll .section__custom-1 {
    width: 100vw;
}

/*
.wrapper__custom-scroll .section__custom-1.active .block__title h1 span {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}*/

.wrapper__custom-scroll .section__custom-1.active .block__title p {
    opacity: 1;
}

.wrapper__custom-scroll .section__custom-1.active .block__img {
    opacity: 1;
}

.wrapper__custom-scroll .section__custom-1 .block__title {
    width: 55%;
    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: relative;
    font-weight: 400;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
}

.wrapper__custom-scroll .section__custom-1 .block__title h1 {
    font: italic calc(
            72px + 118 * ((100vw - 320px) / 1600)
    )/150% "TT Ramillas";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #333333;
}

.wrapper__custom-scroll .section__custom-1 .block__title h1 span {
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom-1 .block__title h1 span:nth-child(2) {
    padding-left: calc(
            30px + 70 * ((100vw - 320px) / 1600)
    );
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

.wrapper__custom-scroll .section__custom-1 .block__title p {
    font: normal calc(
            14px + 10 * ((100vw - 320px) / 1600)
    )/150% "Futura New";
    color: #cccccc;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom-1 .block__img {
    width: 45%;
    position: relative;
    opacity: 0;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom-1 .block__img img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper__custom-scroll .section__custom-1 .block__img .arrow {
    position: absolute;
    top: 85%;
    left: 45%;
    width: 87px;
    height: 87px;
    background: #333;
    border-radius: 100%;
    cursor: pointer;
}

.wrapper__custom-scroll .section__custom-1 .block__img .arrow svg {
    position: absolute;
    right: 30%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.wrapper__custom-scroll .section__custom-1 .block__img .swipe {
    position: absolute;
    left: 45%;
    bottom: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    display: none;
}

.wrapper__custom-scroll .section__custom-1 .block__img .swipe span {
    font: normal 400 12px/14px "TT Fors";
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    color: #333333;
}

.wrapper__custom-scroll .section__custom-1 .block__img .swipe .line {
    width: 40px;
    height: 1px;
    background: #333333;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.wrapper__custom-scroll .section__custom-2 {
    margin-left: 80px;
    margin-right: 5rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.wrapper__custom-scroll .section__custom-2.active .collections {
    opacity: 1;
    visibility: visible;
}

.wrapper__custom-scroll .section__custom-2 .collections {
    width: 100%;
    max-width: 504px;
    height: 90%;
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom-2 .collections .borders {

    border-right-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;

    border-left-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;

    margin-top: 45px;

    height: 100%;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters {
    z-index: 2;
    padding-left: 65px;
    /*padding-top: 37px;*/
    padding-right: 65px;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    counter-reset: num;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: "pnum" on, "lnum" on;
    font-feature-settings: "pnum" on, "lnum" on;
    padding-left: 30px;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li {
    font: calc(
            24px + 20 * ((100vw - 320px) / 1600)
    )/150% "TT Ramillas";
    color: #333333;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li span {
    z-index: 2;
    position: relative;
    cursor: pointer;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li span:hover {
    text-decoration: underline;
    color: #fff;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li span:hover + div {
    opacity: 1;
    visibility: visible;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li span:hover::before {
    color: #fff;
}

.wrapper__custom-scroll .section__custom-2 .collections__filters ol li span:before {
    font: calc(
            16px + 2 * ((100vw - 320px) / 1600)
    )/133% "Futura New";
    content: "0" counter(num);
    counter-increment: num;
    position: absolute;
    bottom: 11px;
    left: -26px;
    width: 21px;
    color: #cccccc;
}

.wrapper__custom-scroll .section__custom-2 .collections .results__item {
    height: 100vh;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.wrapper__custom-scroll .section__custom-2 .collections .results__item .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.7);
}

.wrapper__custom-scroll .section__custom-2 .collections .results__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.wrapper__custom-scroll .section__custom-3 {
    margin-right: 5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.wrapper__custom-scroll .section__custom-3.active .wrapper__video .video {
    opacity: 1;
    visibility: visible;
}

.wrapper__custom-scroll .section__custom-3 .wrapper__video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 87px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    margin-right: 78px;
}

.wrapper__custom-scroll .section__custom-3 .wrapper__video .video {
    background: #c4c4c4;
    position: relative;
    width: calc(
            320px + 556 * ((100vw - 320px) / 1600)
    );
    height: calc(
            462px + 27 * ((100vw - 320px) / 1600)
    );
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s;
}

.wrapper__custom-scroll .section__custom-3 .wrapper__video .video svg {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.wrapper__custom-scroll .section__custom-4 .promo .img__mark {
    width: 163px;
    height: 163px;
}

.wrapper__custom-scroll .section__custom-5 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-right: 30px;
}

.wrapper__custom-scroll .section__custom-5 .fashion {
    height: 100%;
}

.wrapper__custom-scroll .section__custom-5 .descriptions {
    margin-right: 149px;
}

@supports (-webkit-appearance:none) {

}

@media screen and (max-width: 991px) {

    header {
        width: 100%;
        height: 73px;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }

    .wrapper__custom-scroll {
        display: block;
        overflow: hidden;
    }

    .wrapper__custom-scroll .section__custom .promo {
        padding: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
    }

    .wrapper__custom-scroll .section__custom .promo .img:nth-child(1) {
        width: 100%;
    }

    .wrapper__custom-scroll .section__custom .promo .img:nth-child(2) {
        left: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .wrapper__custom-scroll .section__custom .promo .img__mark {
        width: 82px;
        height: 82px;
        font-size: 18px;
    }

    .wrapper__custom-scroll .section__custom .descriptions {
        max-width: 100%;
        padding: 0 20px;
    }

    .wrapper__custom-scroll .section__custom .marquee {
        width: 100%;
        height: 71px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 60px;
        margin: 20px 0;
    }

    .wrapper__custom-scroll .section__custom .marquee p {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        white-space: nowrap;
        margin-bottom: 0px;
        margin-right: 100px;
    }

    .wrapper__custom-scroll .section__custom .marquee p::after {
        content: "";
        position: absolute;
        bottom: 50%;
        left: 106%;
        width: 90px;
        height: 2px;
        background: #333;
    }

    @-webkit-keyframes marqueeText {
        0% {
            -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
        }

        100% {
            -webkit-transform: translate(-253%, 0) rotate(0);
            transform: translate(-253%, 0) rotate(0);
        }
    }

    @keyframes marqueeText {
        0% {
            -webkit-transform: translate(0, 0) rotate(0);
            transform: translate(0, 0) rotate(0);
        }

        100% {
            -webkit-transform: translate(-253%, 0) rotate(0);
            transform: translate(-253%, 0) rotate(0);
        }
    }

    .wrapper__custom-scroll .section__custom .fashion {
        margin-right: 0px;
        padding: 45px 0 0 0;
    }

    .wrapper__custom-scroll .section__custom .fashion .items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 30px;
    }

    .wrapper__custom-scroll .section__custom .fashion .items .item {
        padding: 0 10px;
        width: 100%;
    }

    .wrapper__custom-scroll .section__custom .fashion .items .item dl {
        margin-bottom: 20px;
    }

    .wrapper__custom-scroll .section__custom-1 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .wrapper__custom-scroll .section__custom-1 .block__title {
        position: absolute;
        width: 100%;
        z-index: 2;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 80px;
    }

    .wrapper__custom-scroll .section__custom-1 .block__title h1 {
        color: #ffffff;
    }

    .wrapper__custom-scroll .section__custom-1 .block__title p {
        color: #ffffff;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .wrapper__custom-scroll .section__custom-1 .block__img {
        width: 100%;
        height: 100%;
    }

    .wrapper__custom-scroll .section__custom-1 .block__img .arrow {
        display: none;
    }

    .wrapper__custom-scroll .section__custom-1 .block__img .swipe {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .wrapper__custom-scroll .section__custom-2 {
        margin-left: 0px;
        width: 100%;
        display: none;
        height: 100%;
    }

    .wrapper__custom-scroll .section__custom-2 .collections {
        max-width: 100%;
    }

    .wrapper__custom-scroll .section__custom-2 .collections__filters {
        bottom: 0;
        top: auto;
    }

    .wrapper__custom-scroll .section__custom-2 .collections__filters ol li::before {
        bottom: 6px;
    }

    .wrapper__custom-scroll .section__custom-3 {
        display: block;
        width: 100%;
        height: 100%;
    }

    .wrapper__custom-scroll .section__custom-3 .wrapper__video {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 0px;
        gap: 30px;
    }

    .wrapper__custom-scroll .section__custom-3 .wrapper__video .video {
        width: 100%;
    }

    .wrapper__custom-scroll .section__custom-4 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        width: 100%;
    }

    .wrapper__custom-scroll .section__custom-5 {
        width: 100%;
        height: 100%;
        display: block;
        padding-right: 0px;
        margin-bottom: 30px;
    }

    @supports (-webkit-appearance:none) {

    }
}

.search-result-text {
    margin-bottom: 48px;

    font-family: 'Futura';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #CCCCCC;
}

.slide__in {
    opacity: 0;
    transform: translate(0px, 20px);
}

.alert.alert-danger {
    font-family: 'Futura';
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    color: red;
}

.bonus-block__bonuses-for-order {
    color: #B49C89;
}

.bonus-block__bonus-input {
    margin-top: 8px;
}

.order-confirm-section {
    display: flex;
    align-items: center;
    text-align: center;
}

.order-confirm-section .order-module-headtitle {
    margin-bottom: 10px;
}

/* REDESIGN */
.section__block {
    margin-bottom: 40px;
}

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

.section__row > * {
    margin-bottom: 0;
}

.personal-section__body {
    width: 100%;
    max-width: 796px;
}

.personal-section__aside {
    flex: 1;
    max-width: 364px;
}

.personal-section__empty-result {
    margin-top: 8px;
    font-size: 16px;
    color: #A8A8A8;
}

.personal-section__empty-button {
    max-width: 240px;
}

.personal-section-addresses__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 0;
}

.personal-section-addresses__item:not(:first-child) {
    border-top: 1px solid #F4F1ED;
}

.catalog-element-section .catalog-card-content {
    padding: 8px 0 0;
}

.catalog-element-section .catalog-card-headline {
    margin-bottom: 4px;
}

.catalog-element-section .catalog-card-headline,
.catalog-element-section .price-holder {
    font-family: 'TT Fors';
    font-size: 16px;
}

.icon-button {
    background: none;
    border: none;
    padding: 0;
}

.icon-button:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.icon-button_text {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #B49C89;
}

.icon-button_text:before {
    margin-right: 8px;
}

.icon-button_edit:before {
    background-image: url("/local/templates/freeage/images/svg/edit.svg");
}

.icon-button_delete:before {
    background-image: url("/local/templates/freeage/images/svg/trash.svg");
}

.icon-button_login:before {
    background-image: url("/local/templates/freeage/images/svg/login.svg");
}

.icon-button_add:before {
    background-image: url("/local/templates/freeage/images/svg/plus.svg");
}

.icons-row {
    display: flex;
}

.icons-row__item:not(:last-child) {
    margin-right: 16px;
}

.favorite__block {
    margin-top: 24px;
}

.favorite-list .catalog-list {
    margin: 0;
    padding: 0;
    row-gap: 20px;
}

.favorite-list .catalog-list > li {
    margin: 0 10px 0 0;
    padding: 0;
    width: calc(50% - 5px);
}

.favorite-list .catalog-list > li:nth-child(2n) {
    margin-right: 0;
}

.favorite-list .catalog-card-visual {
    margin-bottom: 8px;
}

.favorite-list .catalog-card-content {
    padding: 0;
}

.favorite-list .catalog-card-headline {
    font-family: "TT Fors";
    font-size: 16px;
    margin-bottom: 4px;
}

.favorite-list .catalog-card .price-holder .price {
    font-size: 16px;
}

.personal-bonus {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: 16px;
}

.magic-form__header {
    margin-bottom: 20px;
}

.magic-form__body {
    display: grid;
    grid-gap: 20px;
}

.magic-form__message {
    font-size: 16px;
    margin: 0 0 8px;
}

.magic-form__message:last-child {
    margin: 8px 0 0;
}

.magic-form__message:empty {
    margin: 0;
}

.magic-form__message_success {
    color: #4B7F1A;
}

.magic-form__message_error {
    color: #EA3E33;
}

.magic-input__description {
    color: #B49C89;
    font-size: 12px;
    padding: 8px 0 0 12px;
}

.magic-input__input-block {
    position: relative;
}

.magic-input__label {
    position: absolute;
    z-index: -1;
    top: 16px;
    left: 12px;
    font-size: 16px;
    font-style: normal;
    font-family: "TT Fors";
    color: #A8A8A8;
    transition: var(--transition-common);
}

.magic-input__input {
    width: 100%;
    height: 54px;
    border: 1px solid #EAE3D7;
    padding: 24px 48px 7px 12px;
    background: transparent;
    transition: var(--transition-common);
}

.magic-input__input:focus {
    border-color: #B49C89;
}

.magic-input__input:focus ~ .magic-input__label,
.magic-input__input:not(:placeholder-shown) ~ .magic-input__label {
    font-size: 12px;
    top: 7px;
}

.magic-input__clear {
    position: absolute;
    right: 12px;
    top: 15px;
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-common);
}

.magic-input__clear:before,
.magic-input__clear:after {
    content: '';
    position: absolute;
    background: #A8A8A8;
    width: 12px;
    height: 1.6px;
    left: 6px;
    top: 12px;
}

.magic-input__clear:before {
    transform: rotate(45deg);
}

.magic-input__clear:after {
    transform: rotate(-45deg);
}

.magic-input__input:not(:placeholder-shown) ~ .magic-input__clear {
    opacity: 1;
    pointer-events: all;
}

.magic-input__error {
    display: none;
    font-size: 12px;
    padding: 8px 0 0 12px;
    color: #EA3E33;
}

.magic-input.error .magic-input__input {
    border-color: #EA3E33;
}

.magic-input.error .magic-input__error {
    display: block;
}

.magic-input__dropdown {
    position: absolute;
    width: 100%;
    height: 236px;
    padding: 4px;
    background: #fff;
    z-index: 100;
    border: 1px solid #EAE3D7;
    border-top: none;
    transition: var(--transition-common);
}

.magic-input__input:focus ~ .magic-input__dropdown {
    border-color: #B49C89;
}

.magic-input__dropdown-item {
    cursor: pointer;
    transition: var(--transition-common);
    height: calc(100% / 6);
    padding: 8px;
    font-size: 16px;
}

.magic-input__dropdown-item:hover {
    background-color: #F4F1ED;
}

.magic-input__dropdown-empty-result {
    cursor: default;
}

.magic-input__dropdown-empty-result:hover {
    background-color: #fff;
}

.magic-button {
    cursor: pointer;
    display: block;
    background: #B49C89;
    border: 1px solid #B49C89;
    color: #F4F1ED;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    font-weight: 500;
    transition: var(--transition-common);
}

.magic-button.magic-button_outlined,
.magic-button:hover {
    background: #FFF;
    color: #B49C89;
}

.magic-button_small {
    padding: 8px 16px;
    font-size: 14px;
}

.magic-button_disabled {
    pointer-events: none;
    background: #CCCCCC;
    border-color: #CCCCCC;
    color: #fff;
}

.magic-button__add {
    position: relative;
    padding-left: 32px;
}

.magic-button__add:before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    color: #F4F1ED;
    transition: var(--transition-common);
    font-size: 30px;
    font-weight: 300;
    line-height: 20px;
}

.magic-button:hover .magic-button__add:before {
    color: #B49C89;
}

.magic-modal {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    transition: opacity .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.85);
    overflow-y: scroll;
    padding: 40px 0;
}

.magic-modal:not(.show) .swiper-slide-active {
    pointer-events: none;
}

.magic-modal.show {
    opacity: 1;
    pointer-events: all;
}

.magic-modal__inner {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    width: calc(100% - 40px);
    z-index: 10;
    position: relative;
}

.magic-modal__loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 100;
    border-radius: 4px;
    pointer-events: none;
    opacity: 0;
    transition: var(--transition-common);
}

.magic-modal__inner .magic-button {
    width: 100%;
}

.magic-modal__buttons {
    display: flex;
    gap: 16px;
}

.magic-modal__buttons .magic-button {
    width: calc(50% - 8px);
    font-size: 12px;
}

.main-wrapper.show-preloader .magic-modal__sdek-pickup-loader,
.magic-modal__inner.show-loader .magic-modal__loader {
    opacity: .7;
    pointer-events: all;
}

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

.magic-modal__title {
    font-size: 20px;
    padding-right: 24px;
}

.magic-modal__subtitle {
    font-size: 16px;
}

.magic-modal__subtitle_mb {
    margin-bottom: 16px;
}

.magic-modal__subtitle_center {
    text-align: center;
}

.magic-modal__close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.magic-modal__close:before,
.magic-modal__close:after {
    content: '';
    position: absolute;
    background: #A8A8A8;
    width: 12px;
    height: 1.6px;
    left: 6px;
    top: 12px;
}

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

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

.magic-modal-form {
    margin-bottom: 32px;
}

.magic-modal-form__input-block {
    display: flex;
}

.magic-modal-form__input-block:not(:last-child) {
    margin-bottom: 24px;
}

.magic-modal-form__input-block .magic-input {
    width: 100%;
}

.magic-modal-form__input-block .magic-input:not(:last-child) {
    margin-right: 24px;
}

.magic-modal-list:not(:last-child) {
    margin-bottom: 16px;
}

.magic-modal-list__item:not(:last-child) {
    margin-bottom: 16px;
}

.magic-modal-size-table .magic-modal__inner {
    width: auto;
}

.magic-modal__table {
    text-align: center;
    border: 1px solid #F4F1ED;
    font-size: 16px;
}

.magic-modal__table th {
    font-weight: 500;
}

.magic-modal__table tr {
    border-bottom: 1px solid #F4F1ED;
}

.magic-modal__table th:first-child,
.magic-modal__table td:first-child {
    text-align: left;
    background-color: #FAF9F7;
    width: 182px;
    padding: 18px 13px;
}

.magic-modal__table th,
.magic-modal__table td {
    width: 100px;
    padding: 18px 0;
}

.magic-modal__product {
    display: flex;
    margin-bottom: 24px;
}

.magic-modal__product-image {
    width: 62px;
    height: 83px;
    margin-right: 16px;
}

.magic-modal__product-info {
    display: flex;
    flex-direction: column;
    font-size: 14px;
}

.magic-modal__product-info .magic-modal__subtitle {
    margin-bottom: auto;
}

.magic-modal__product-price {
    margin-left: auto;
}

.magic-modal__recommendations {
    margin-bottom: 24px;
}

.magic-modal__recommendations .catalog-list {
    margin: 0;
    padding: 0;
    gap: 16px;
}

.magic-modal__recommendations .catalog-list > li {
    margin: 0;
    padding: 0;
    width: calc(50% - 8px);
}

.magic-modal__recommendations .catalog-list .btn-favorite {
    border: none;
}

.magic-modal_top-bordered {
    padding-top: 24px;
    border-top: 1px solid #F4F1ED;
}

.magic-info {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    cursor: pointer;
    position: relative;
}

.magic-info__icon {
    display: block;
    width: 100%;
    height: 100%;
}

.magic-info__icon img {
    width: 100%;
    height: 100%;
}

.magic-info__description {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    position: absolute;
    z-index: 100;
    top: 29px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    padding: 16px 12px;
    max-width: 316px;
    width: max-content;
    border-radius: 4px;
    box-shadow: 0 0 4px 0 rgba(91, 89, 87, 0.20);
    font-size: 14px;
    font-weight: 400;
}

.magic-info.show .magic-info__description {
    opacity: 1;
    pointer-events: all;
}

.magic-textarea {
    padding: 24px;
    min-height: 80px;
    resize: vertical;
    border: 1px solid #EAE3D7;
}

textarea.magic-textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

textarea.magic-textarea::-moz-placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

textarea.magic-textarea:-moz-placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

textarea.magic-textarea:-ms-input-placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

textarea.magic-textarea::placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

textarea.magic-textarea.placeholder {
    opacity: 1;
    color: #A8A8A8;
    font-family: "TT Fors";
    font-style: normal;
}

.magic-link {
    text-decoration: underline;
    color: #B49C89;
    font-size: 14px;
}

/* MEDIA QUERIES START */

@media (max-width: 320px) {
    .nav {
        width: 90%;
    }

    .nav-item-title {
        padding-top: 25px;
    }

    .nav-item-catalog ul li {
        width: min-content;
    }
}

@media (max-width: 375px) {
    .nav {
        width: 90%;
    }

    .nav-item-title {
        padding-top: 25px;
    }
}

@media (max-width: 479px) {
    .magic-modal-size-table {
        align-items: start;
    }
}

@media (max-width: 765px) {
    .nav {
        width: 90%;
    }

    .nav-item-title {
        padding-top: 25px;
    }
}

/* MOBILE */
@media (max-width: 767px) {
    sup {
        top: -0.5rem;
    }

    .search-result-text {
        margin-bottom: 30px;
    }

    .search-h1 {
        margin-bottom: 5px;
    }

    .basket-tile .size .size-field input[type=radio]:not(:checked) {
        display: none;
    }

    .basket-tile .order-info {
        position: absolute;
        top: 46px;
        left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .basket-tile .order-info dl {
        width: 100%;
    }

    .catalog-section {
        margin-bottom: 20px;
    }

    .catalog-section .section-content {
        margin-bottom: 20px;
        margin-top: 20px;
    }
}

@media (max-width: 1164px) {
    .nav-panel {
        border-bottom: 1px solid #E5E5E5;
        border-top: 1px solid #E5E5E5;
    }
}

/* MOBILE */
@media (min-width: 768px) {
    h1, .h1 {
        font-size: 3rem;
        margin: 0 0 4rem;
    }

    h2, .h2 {
        font-size: 2rem;
        margin-bottom: 2.4rem;
    }

    .main-wrapper.order-section .content {
        width: calc(70% - 4rem);
    }

    .pagination {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 4rem;
    }

    .cta-tile-inner {
        width: 43.6rem;
        font-size: 2.4rem;
        padding: 3.6rem 3rem 3rem;
        margin: 0 3rem 0 -3rem;
        border-radius: 0 0 0 12rem;
    }

    .section-content {
        padding: 0 4.2rem;
    }

    .footer {
        padding: 0 2rem;
    }

    .container {
        padding: 0 4rem;
    }

    .catalog-list > li {
        width: calc(100% / 4);
    }

    .cart-section {
        padding: 4rem 0 10rem;
    }

    .cart-section .container {
        padding: 0 4rem;
    }

    .cart-form-quantity {
        font-size: 1.7rem;
    }

    .cart-list {
        padding: 2.4rem 0 0 4px;
    }

    .cart-list > li {
        padding-bottom: 3.2rem;
    }

    .basket-tile-img {
        width: 6.2rem;
        height: 8.3rem;
        margin-right: 1rem;
    }

    .bx-soa-cart-total {
        grid-gap: .4rem;
    }

    .basket-tile-img.sm {
        width: 5rem;
        height: 6.7rem;
    }

    .basket-tile-color {
        width: 2.6rem;
        height: 2.6rem;
        margin-right: 3.6rem;
    }

    .basket-tile .price {
        font-size: 1.8rem;
    }

    .basket-tile .order-info {
        margin-left: 5.6rem;
    }

    .basket-tile-size {
        margin-right: 1.6rem;
    }

    .basket-tile-size__item {
        padding: .6rem 1rem;
        font-size: 1.4rem;
    }

    .basket-tile-quantity {
        padding: .6rem 0;
        font-size: 1.4rem;
        width: 8rem;
    }

    .basket-tile-quantity__change {
        padding: 0 1.2rem;
    }

    .basket-tile-info__actions > * {
        width: 1.8rem;
        height: 1.8rem;
    }

    .basket-tile-favorite svg {
        width: 1.6rem;
        height: 1.6rem;
    }

    .basket-tile-favorite.active::before {
        width: 1.6rem;
        height: 1.6rem;
    }

    .sidebar {
        width: 38.6rem;
        margin: 0 0 0 3rem;
    }

    .basket-block {
        padding: 2.4rem;
        font-size: 1.6rem;
    }

    .basket-block__title {
        font-size: 2rem;
    }

    .basket-block__header {
        margin-bottom: 2.4rem;
    }

    .basket-block__item,
    #applied-bonuses .basket-block__item {
        margin-bottom: 1.6rem;
    }

    .basket-block__promo {
        margin: .8rem 0 4rem;
    }

    .magic-input__label {
        top: 1.6rem;
        left: 1.2rem;
        font-size: 1.6rem;
    }

    .magic-input__input {
        height: 5.4rem;
        padding: 2.4rem 4.8rem .7rem 1.2rem;
    }

    .magic-input__clear {
        right: 1.2rem;
        top: 1.5rem;
        width: 2.4rem;
        height: 2.4rem;
    }

    .magic-input__clear:before,
    .magic-input__clear:after {
        width: 1.2rem;
        height: .16rem;
        left: .6rem;
        top: 1.2rem;
    }

    .basket-block__promo-input {
        padding-right: 12.9rem;
    }

    .basket-block__promo-submit {
        right: 1.2rem;
        padding: .8rem 1.6rem;
        font-size: 1.4rem;
    }

    .basket-block__promo-delete {
        right: 1.8rem;
        width: 1.2rem;
        height: 1.2rem;
        font-size: 2.6rem;
        line-height: 1.2rem;
    }

    .magic-input__input:focus ~ .magic-input__label,
    .magic-input__input:not(:placeholder-shown) ~ .magic-input__label {
        font-size: 1.2rem;
        top: .7rem;
    }

    .basket-block__total {
        margin-bottom: 2.4rem;
    }

    .basket-block__order-info {
        margin-top: .8rem;
        font-size: 1.4rem;
    }

    .magic-button {
        padding: 1.2rem 0;
        font-size: 1.6rem;
    }

    .magic-button_small {
        padding: .8rem 1.6rem;
        font-size: 1.4rem;
    }

    .magic-input__error {
        font-size: 1.2rem;
        padding: .8rem 0 0 1.2rem;
    }

    .order-form__back {
        font-size: 1.6rem;
        margin-bottom: 3rem;
        padding-left: 2.8rem;
    }

    .order-form__back:before {
        width: .9rem;
        height: .9rem;
        border-top: 0.16rem solid #B49C89;
        border-right: 0.16rem solid #B49C89;
        left: .9rem;
    }

    .order-form__item {
        margin-bottom: 4rem;
    }

    .order-form__title {
        font-size: 2rem;
        margin-bottom: 2.4rem;
    }

    .order-form__personal-data {
        grid-gap: 1.6rem;
        grid-template: 1fr 1fr / 1fr 1fr;
    }

    .form-list {
        grid-gap: 1.6rem;
    }

    .form-list.package-list {
        grid-gap: unset;
    }

    .deliveries-list {
        grid-template-columns: 1fr 1fr 1fr;
        margin-bottom: 1.6rem;
    }

    .payments-list {
        grid-template-columns: 1fr 1fr;
    }

    .check-field {
        padding: 2.4rem 1.6rem;
    }

    .package-list .check-field {
        padding: 2.4rem 4.8rem 4rem 1.6rem;
    }

    .check-field__data {
        line-height: 1.6rem;
    }

    .check-field input[type=radio] + span {
        width: 1.6rem;
        height: 1.6rem;
        margin: .4rem 1.2rem .4rem .4rem;
        border-width: .16rem;
    }

    .check-field input[type=radio] + span::before {
        top: .2rem;
        left: .2rem;
        right: .2rem;
        bottom: .2rem;
    }

    .check-field__title {
        font-size: 1.6rem;
        margin-bottom: .8rem;
        line-height: 2.3rem;
    }

    .check-field__description {
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .magic-modal__inner {
        padding: 4rem;
        width: 48rem;
    }

    .magic-modal__head {
        margin-bottom: 3.2rem;
    }

    .magic-modal__title {
        font-size: 3rem;
        padding-right: 2.4rem;
    }

    .magic-modal__subtitle {
        font-size: 2rem;
    }

    .magic-modal-form {
        margin-bottom: 3.2rem;
    }

    .magic-modal-form__input-block:not(:last-child) {
        margin-bottom: 4.8rem;
    }

    .magic-modal-form__input-block .magic-input:not(:last-child) {
        margin-right: 2.4rem;
    }

    .magic-modal__close {
        width: 2.4rem;
        height: 2.4rem;
    }

    .magic-modal__close:before,
    .magic-modal__close:after {
        width: 1.2rem;
        height: .16rem;
        left: .6rem;
        top: 1.2rem;
    }

    .delivery-info {
        padding: 2.4rem;
    }

    .check-field_line .check-field__title {
        font-size: 1.4rem;
        margin: 0 2.4rem 0 0;
    }

    .check-field__action {
        width: 2.4rem;
        height: 2.4rem;
    }

    .check-field__action:not(:last-child) {
        margin-right: .8rem;
    }

    .check-field__action-edit:before {
        width: 1.4rem;
        height: 1.4rem;
        top: .5rem;
        left: .5rem;
    }

    .check-field__action-delete:before {
        width: 1.8rem;
        height: 1.8rem;
        top: .3rem;
        left: .3rem;
    }

    .magic-modal-list:not(:last-child) {
        margin-bottom: 3.2rem;
    }

    .magic-modal-list__item:not(:last-child) {
        margin-bottom: 1.6rem;
    }

    .magic-button__add {
        padding-left: 3.2rem;
    }

    .magic-button__add:before {
        width: 2.4rem;
        height: 2.4rem;
        font-size: 3rem;
        line-height: 2.4rem;
    }

    .delivery-info__address {
        padding-left: 3.2rem;
        margin-top: 2.4rem;
    }

    .delivery-info__address:before {
        width: 2.4rem;
        height: 2.4rem;
    }

    .package-head {
        margin-bottom: 2.4rem;
    }

    .magic-info {
        width: 2.4rem;
        height: 2.4rem;
        margin-left: .4rem;
    }

    .package-variants {
        margin-bottom: 1.6rem;
    }

    .package-variants__dimensions {
        font-size: 1.6rem;
        line-height: 2.2rem;
    }

    .package-variants__variants .basket-tile-size__item:not(:last-child) {
        margin-right: .8rem;
    }

    .package-list .check-field__data {
        width: calc(100% - 3.2rem);
    }

    .package-photo__slider .swiper-slide img {
        max-width: 29.4rem;
        max-height: 17.4rem;
    }

    .package-photo__slider .swiper-button-next {
        right: -3.5rem;
    }

    .package-photo__slider .swiper-button-prev {
        left: -3.5rem;
    }

    .package-photo__slider .swiper-button-next:after,
    .package-photo__slider .swiper-button-prev:after {
        font-size: 1.2rem;
    }

    .package-photo__slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        width: .5rem;
        height: .5rem;
        margin: 0 .3rem;
    }

    .package-photo__slider .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -1.7rem;
    }

    .magic-input__dropdown {
        height: 23.6rem;
        padding: .4rem;
    }

    .magic-input__dropdown-item {
        padding: .8rem;
        font-size: 1.6rem;
    }

    .magic-info__description {
        top: 2.9rem;
        padding: 1.6rem 1.2rem;
        max-width: 31.6rem;
        font-size: 1.4rem;
    }

    .magic-link {
        font-size: 1.4rem;
    }

    .bonus-block__bonus-input {
        margin-top: .8rem;
    }

    .magic-input__description {
        font-size: 1.2rem;
        padding: .8rem 0 0 1.2rem;
    }

    .magic-textarea {
        padding: 2.4rem;
        min-height: 8rem;
    }

    .main-wrapper.order-section .basket-sidebar {
        width: 30%;
    }

    .package-list li {
        width: calc(50% - .8rem);
        margin-bottom: 0;
    }

    .package-list li:nth-child(odd) {
        margin-right: 1.6rem;
    }

    .package-list li:not(:last-child) {
        margin-bottom: 0;
    }

    .product-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 2rem;
        margin-bottom: 4rem;
    }

    .product-block-visual {
        width: 53.5%;
        margin-right: 4rem;
        margin-bottom: 0;
    }

    .product-block-content {
        width: 46.5%;
    }

    .slider-images {
        width: 53.3rem;
        flex: auto;
    }

    .product-title {
        margin-bottom: 1.2rem;
    }

    .vendor-code {
        font-size: 1.2rem;
    }

    .product-block__title-block {
        margin-bottom: 1.6rem;
    }

    .price {
        font-size: 2.4rem;
    }

    .product-block-body {
        margin-bottom: 4rem;
    }

    .product-block-body .discount {
        margin: 0 0 0 1.6rem;
        font-size: 1.4rem;
    }

    .product-block-body .discount-price:after {
        margin: 0 .8rem;
    }

    .price-holder {
        margin-bottom: 2.4rem;
    }

    .product-actions {
        padding-top: 2.4rem;
    }

    .product-actions-item:not(:last-child) {
        margin-bottom: 3.2rem;
    }

    .product-actions .colors {
        margin: 1.6rem 0 0;
        gap: .8rem;
    }

    .product-actions .color-field {
        padding: .4rem;
        width: 4rem;
        height: 4rem;
    }

    .magic-modal__table {
        font-size: 1.6rem;
    }

    .magic-modal__table th:first-child,
    .magic-modal__table td:first-child {
        width: 18.2rem;
        padding: 1.8rem 1.3rem;
    }

    .magic-modal__table th,
    .magic-modal__table td {
        width: 10rem;
        padding: 1.8rem 0;
    }

    .size-unit {
        margin-top: 1.6rem;
    }

    .size {
        gap: .8rem;
        margin-bottom: 1.2rem;
    }

    .size li {
        min-width: 5rem;
    }

    .size li .size-field {
        font-size: 1.4rem;
    }

    .size li .size-field span {
        padding: .6rem;
    }

    .size-unit-title {
        font-size: 1.4rem;
    }

    .magic-modal-add-to-basket .magic-modal__inner {
        width: 53.4rem;
    }

    .magic-modal__product {
        margin-bottom: 2.4rem;
    }

    .magic-modal__product-image {
        width: 6.2rem;
        height: 8.3rem;
        margin-right: 1.6rem;
    }

    .magic-modal__product-info {
        font-size: 1.4rem;
    }

    .magic-modal_top-bordered {
        padding-top: 2.4rem;
    }

    .magic-modal__recommendations {
        margin-bottom: 2.4rem;
    }

    .magic-modal__recommendations .catalog-list {
        gap: 1.6rem;
    }

    .magic-modal__recommendations .catalog-list > li {
        width: calc(50% - .8rem);
    }

    .catalog-element-section .catalog-card-content {
        padding: .8rem 0 0;
    }

    .catalog-element-section .catalog-card-headline {
        margin-bottom: .4rem;
    }

    .catalog-element-section .catalog-card-headline,
    .catalog-element-section .price-holder {
        font-size: 1.6rem;
    }

    .magic-modal__buttons {
        gap: 1.6rem;
    }

    .magic-modal__buttons .magic-button {
        width: calc(50% - .8rem);
        font-size: 1.6rem;
    }

    .product-block-content .btns-item {
        margin-right: 1.6rem;
    }

    .tabset {
        margin-bottom: 4rem;
    }

    .catalog-unit-headtitle {
        font-size: 3rem;
        margin-bottom: 2.4rem;
    }

    .catalog-unit-item:not(:first-child) {
        margin-top: 4rem;
    }

    .catalog-unit-item:last-child {
        margin-bottom: 8rem;
    }

    .catalog-unit-item .catalog-list > li {
        margin-bottom: 0;
    }

    .product-tab-column {
        grid-template-columns: 1.5fr 1fr;
        grid-gap: 3.2rem 10rem;
        font-size: 1.6rem;
    }

    .product-tab-column_even {
        grid-template-columns: 1fr 1fr;
    }

    .care-tile-icon {
        margin-right: 1.6rem;
        width: 3.2rem;
        height: 3.2rem;
    }

    .tab-control li.active > a,
    .tab-control li:hover > a {
        background-color: #F4F1ED;
    }

    .tab {
        font-size: 1.6rem;
    }

    .tab__description p {
        margin-bottom: 1.6rem;
    }

    .tab__description ul li {
        margin: 0 0 .8rem 2rem;
    }

    .tab__description h4 {
        font-size: 1.6rem;
        margin-bottom: 1.6rem;
    }

    .care-tile.mb {
        margin-bottom: 2.4rem;
    }

    .catalog-headline {
        padding: 0 4rem;
    }

    .catalog-headline__sort {
        display: block;
    }

    .filter-category {
        max-height: 30rem;
    }

    .btn-filter__reset {
        margin-left: .6rem;
    }

    .order-info__button-container {
        width: 100%;
        justify-content: center;
        margin-top: 1rem;
        margin-bottom: 0;
    }

    .order-nav .navigation {
        margin-top: 2.5rem;
    }

    .order-confirm-section .order-module-headtitle {
        margin-bottom: 1rem;
    }

    .order-history > li {
        padding: 1.4rem 0;
        border-bottom: 1px solid #F5F1EC;
        margin-bottom: 0;
    }

    .order-history .cart-list {
        padding: 0;
    }

    .order-history .cart-list > li:not(:last-child) {
        padding-bottom: 1.4rem;
    }

    .order-history .basket-tile-head__price {
        margin-left: 0;
    }

    .main-section {
        padding: 4rem 0 12rem;
    }

    .section__block {
        margin-bottom: 4rem;
    }

    .icon-button_text {
        font-size: 1.6rem;
    }

    .icon-button_text:before {
        margin-right: .8rem;
    }

    .icon-button:before {
        width: 2.4rem;
        height: 2.4rem;
    }

    .icons-row__item:not(:last-child) {
        margin-right: 1.6rem;
    }

    .magic-form__header {
        margin-bottom: 2rem;
    }

    .magic-form__body {
        grid-template-columns: 1fr 1fr;
        grid-gap: 2rem 1.6rem;
    }

    .personal-section__body {
        max-width: 79.6rem;
    }

    .personal-section__aside {
        max-width: 36.4rem;
        margin-left: 4rem;
    }

    .personal-section-addresses__item {
        padding: 2.4rem 0;
    }

    .personal-section__empty-result {
        margin-top: .8rem;
        font-size: 1.6rem;
    }

    .personal-section__empty-button {
        max-width: 24rem;
    }

    .favorite__block {
        margin-top: 2.4rem;
    }

    .favorite-list .catalog-list {
        row-gap: 4rem;
    }

    .favorite-list .catalog-list > li {
        width: calc(100% / 4 - 1.6rem * 3 / 4);
        margin-right: 1.6rem;
    }

    .favorite-list .catalog-list > li:nth-child(2n) {
        margin-right: 1.6rem;
    }

    .favorite-list .catalog-list > li:nth-child(4n) {
        margin-right: 0;
    }

    .favorite-list .catalog-card-visual {
        margin-bottom: .8rem;
    }

    .favorite-list .catalog-card-headline {
        font-size: 1.6rem;
        margin-bottom: .4rem;
    }

    .favorite-list .catalog-card .price-holder .price {
        font-size: 1.6rem;
    }

    .personal-bonus {
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        align-items: start;
    }
}

@media (min-width: 768px) and (min-height: 1024px) {
    .intro-headtitle:not(.v2) .lookbook-title {
        font-size: 3rem;
    }

    .product-block-body {
        justify-content: unset;
    }

    sup {
        top: -0.5rem;
    }

    .obraz-block .product-top-slider .swiper-wrapper {
        height: 60vh;
    }

    .wrapper__custom-scroll .section__custom .descriptions {
        padding: 0 20px 0 90px;
    }

    .wrapper__world.mobile .section-mobile .lower__block {
        padding: 30px 20px 60px 90px;
    }

    .order-info {
        font-size: 1.2rem;
        margin: 0 -0.5rem;
    }
}

/* TABLET */
@media (min-width: 1165px) {
    .nav-panel {
        padding: 0 2rem;
        height: 4.5rem;
        -ms-grid-columns: 1fr 15rem 1fr;
        grid-template-columns: 1fr 15rem 1fr;
        grid-gap: 2rem;
    }

    .nav-panel__background {
        background: #F5F5F5;
    }

    .catalog-container {
        padding-top: 1.5rem;
        padding-bottom: 6rem;
    }

    .catalog-breadcrumbs {
        padding-top: 1.5rem;
    }

    .h1-small {
        font-size: 3.4rem;
        margin-bottom: 1.5rem;
    }

    .catalog-list {
        padding: 0 10px;
    }

    .catalog-list > li {
        width: calc(100% / 5);
        margin-bottom: 1.5rem;
        padding: 0 1rem;
    }

    .catalog-unit-item .catalog-list {
        margin: 0 -1rem;
    }

    .catalog-unit-item .catalog-list > li {
        width: calc(100% / 4);
    }

    .wrapper {
        padding: 4.5rem 0 0;
    }

    .nav-list li:not(:last-child) {
        margin-right: 1.2rem;
    }

    .nav-list li a {
        width: 2rem;
        height: 2rem;
    }

    .logo img {
        height: 2.5rem;
    }

    .slider-col {
        display: block;
    }

    .product-top-slider {
        height: calc(100vh - 10.5rem);
    }

    .favorite-list .catalog-list > li {
        width: calc(100% / 5 - 1.6rem * 4 / 5);
    }

    .favorite-list .catalog-list > li:nth-child(5n) {
        margin-right: 0;
    }

    .favorite-list .catalog-list > li:nth-child(2n),
    .favorite-list .catalog-list > li:nth-child(4n) {
        margin-right: 1.6rem;
    }
}

@media (min-width: 3000px) {
    .wrapper__custom-scroll .section__custom .descriptions {
        max-width: 1500px;
    }

    .wrapper__custom-scroll .section__custom .descriptions .btns .download {
        padding: 30px 50px;
        font-size: 35px;
    }
}
/* End */


/* Start:/local/templates/freeage/css/custom.css?17796966599262*/
.send-code-order:disabled {
    background: #fff !important;
    border-color: #333 !important;
    color: #333 !important;
    opacity: 0.2;
}
.cookie-warning-container{
    position: fixed;
    left: 30px;
    bottom: 30px;
    padding: 15px 20px;
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 1px 1px 16px 5px rgba(0, 0, 0, 0.15);
    z-index: 1000000;
}
.cookie-warning-text{
    max-width: 445px;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}
.cookie-warning-link{
    color: #3C7AB7;
}
.cookie-warning-btn{
    padding: 10px 20px;
    color: #000;
    background-color: #ece3d6;
    font-size: 16px;
    border: none;
    outline: none;
}
.cookies-consent-link-wrap{
    margin-top: 5px;
}
.cookies-consent-link{
    text-decoration: underline;
}
.footer-order-questions-list{
    margin-bottom: 15px;
}
.footer-consent-link{
    margin-bottom: 10px;
}
.footer-consent-link:hover{
    text-decoration: underline;
}
.form-consent-checkbox-label{
    padding-left: 0;
}
.form-consent-link{
    margin-bottom: 5px;
    font-size: 1.5rem;
}
.form-consent-link:hover{
    text-decoration: underline;
}
.form-consent-link-wrap{
    display: flex;
    flex-direction: column;
}
.form-button-disabled{
    opacity: 0.2;
}
.product-colors-more-li{
    display: none;
}
.fa-mobile-body .product-colors-more-li{
    display: flex;
}
.catalog-item-colors li{
    display: none;
}
.catalog-item-colors li:nth-child(1),
.catalog-item-colors li:nth-child(2),
.catalog-item-colors li:nth-child(3),
.catalog-item-colors li.product-colors-more-li{
    display: list-item;
}
.product-colors-more{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15px;
    font-size: 20px;
}
@media (min-width: 769px) {
    .catalog-item-colors li:nth-child(1),
    .catalog-item-colors li:nth-child(2),
    .catalog-item-colors li:nth-child(3),
    .catalog-item-colors li:nth-child(4),
    .catalog-item-colors li:nth-child(5),
    .catalog-item-colors li:nth-child(6) {
        display: list-item;
    }
    .product-colors-more{
        font-size: 16px;
        font-weight: 600;
    }
}
.articles-detail h2{
    margin-top: 2.4rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.articles-detail a{
    color: #1155cc;
}
.articles-detail  ul{
    padding-left: 50px;
    list-style: disc;
}
.catalog-card-visual .product-actions{
    position: absolute;
    bottom: 25px;
    right: 10px;
    padding-top: 0;
    border: none;
    z-index: 10;
}
.catalog-card-visual .product-actions .colors{
    gap: 0;
    margin-top: 0;
}
.catalog-card-visual .product-actions .color-field{
    width: 24px;
    height: 24px;
    padding: .2rem;
    background-color: #fff;
    opacity: 1;
}
ul.catalog-list .colors li{
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.press-card-content{
    height: auto;
    max-height: 11em;
    -webkit-line-clamp: unset;
}
.menu-top__item:nth-child(2) .m-cat-menu__level-1{
    left: -18.14rem;
}
.menu-top__item:nth-child(3) .m-cat-menu__level-1{
    left: -30rem;
}
.catalog-section-seo-text ol{
    list-style-type: decimal;
    padding-left: 40px;
}
.catalog-section-seo-text ol li{
    line-height: 2.2rem;
}
.catalog-section-seo-text ol p{
    margin-bottom: 1.2rem;
}
img[data-fancybox="catalog-element-gallery"]{
    cursor: zoom-in;
}
.tags{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /*padding: 0 4rem;*/
    overflow: hidden;
}
.tag{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 1.6rem;
    border: 2px solid rgba(0, 0, 0, 0.2);
}
.tag:hover{
    color: #B99B86;
    border: 2px solid #B99B86;
    transition: all 0.2s linear;
}
.tags .mobile-show-all{
    display: none;
}
@media (max-width: 768px) {
    .catalog-card .price-holder{
        flex-wrap: wrap;
    }
    .catalog-list .discount{
        margin-left: 0;
    }
    .catalog-card-visual .product-actions{
        bottom: 10px;
        right: 5px;
    }
    .tags .tags-inner{
        flex-wrap: wrap;
        overflow: hidden;
        color: #B49C89;
        transition: height 0.3s linear;
    }
    .tag{
        height: auto;
        padding: 0px;
        border: none;
    }
    .tag:hover{
        color: #B99B86;
        border: none;
        transition: all 0.2s linear;
    }
    .tags .mobile-show-all{
        display: block;
        margin-top: 10px;
        margin-bottom: 30px;
        border: none;
        outline: none;
        background: none;
        padding: 0;
    }
    .tags .tags-inner.crop-height{
        height: 152px;
    }
}
/*Сео описание раздела каталога в футере START*/
.catalog-section-seo-text{
    margin-top: 50px;
    padding: 0 15px;
}
.catalog-section-seo-text .open-close-toggle{
    color: #B99B86;
    cursor: pointer;
}
.catalog-section-seo-text ul{
    padding-left: 50px;
    list-style: disc;
}
.catalog-section-seo-text ul li p{
    margin-bottom: 1em;
}
.catalog-section-seo-text .open-close-block{
    display: none;
}
/*Сео описание раздела каталога в футере END*/

/* фикс хлебных крошек */
.section:nth-child(2) .main-section {
    padding-top: 0;
}

@media (min-width: 768px) {
    section.active .promo .first-img {
        max-width: 504px;
        max-height: 754px;
    }

    section.active .promo .second-img {
        max-width: 220px;
        max-height: 293px;
    }

    .fashion .item .item__img {
        max-width: 365px;
        max-height: 486px;
    }
}

.discount-delivery-price {
    text-decoration: line-through;
}

.arrow-container {
    font-size: 1.6rem;
    min-width: 15rem;
    text-align: left;
    border-bottom: 1px solid #333;
    position: relative;
    flex-shrink: 0;
    height: fit-content;
}

.arrow-container::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 5.4rem;
    height: 3.1rem;
    background: url(/local/templates/freeage/css/../images/arrow-circle.svg) no-repeat;
    background-size: cover;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-button {
    padding: 1.7rem 5.4rem 1.7rem 0;
    min-width: 14rem;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-size: 1.6rem;
    line-height: 1.2;
    background: none;
    font-weight: 500;
    letter-spacing: 0.04em;
    color: #333;
    border: 1px solid transparent;
    text-align: center;
    transition: all 0.35s ease;
}

.intro-book-visual:hover {
    cursor: url("data:image/svg+xml,%3Csvg width='128' height='87' viewBox='0 0 128 87' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='84.5' cy='43.5' r='43.5' fill='%23333333'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M87 22C87 33.1237 96.284 42 108 42V44C96.284 44 87 52.8763 87 64H85C85 55.0262 90.4513 47.4515 98.3324 44H0V42H98.3324C90.4513 38.5485 85 30.9738 85 22H87Z' fill='white'/%3E%3C/svg%3E%0A") 32 32, pointer;
}

.old_price-block {
    margin: 0 1rem;
}

.old-price {
    text-decoration: line-through;
    font-size: 1.3rem;
    font-weight: normal;
    flex: auto;
    color: #b99b86;
    bottom: 0;
}

input.alert {
    border-bottom: 2px solid #EB5F55;
}

#address_form .loading {
    max-width: 10px;
    max-height: 10px;
}

#loading_screen img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.error-auth {
    color: red;
    font-style: italic;
    margin-bottom: 10px;
    font-family: "TT Ramillas";
}

.send-code-main {
    font-family: 'TT Fors';
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    text-decoration-line: underline;
    color: #B99B86;
}

@media (min-width: 768px) {
    .mobile {
        display: none;
    }
}

@media (max-width: 768px) {
    .pc {
        display: none;
    }
}

@media (min-width: 1920px) {
    .brand-friends-list {
        grid-template-columns: repeat(5, 1fr);
    }

    .row-list > li {
        width: 25%;
    }
}

@media (max-width: 768px) {
    .selection-size {
        background: none;
        font-size: 13px;
        font-weight: 400;
        font-family: 'TT Fors';
        color: #cccccc;
    }

    .intro-section video {
        width: auto;
    }
}

.product-block .scroll-cover::-webkit-scrollbar {
    width: 2px;
}

.product-block .scroll-cover::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #B99B86;
    height: 100px;
}
.filter-hidden{
    display: none;
}
.support-work .filter-hidden{
    display: list-item;
}



.margin-bottom-50{
    margin-bottom: 50px;
}

.ps_agree label{
font-size: 16px;
font-style: normal;
margin-top: 20px;
    padding: 0;
}
.ps_agree label a{
text-decoration:underline;
}
.ps_agree label input[type="checkbox"]{
margin: -3px 8px 0 0;
width: 16px;
height: 16px;
vertical-align: middle
}
#send-code-main:disabled{
background:#fff !important;
border-color:#333 !important;
color:#333 !important;
opacity:0.5
}
.product-gallery .swiper-slide img {
  max-height: initial !important
}
/* End */


/* Start:/local/templates/freeage/components/bitrix/menu/main_catalog_top_new/style.css?17188783939023*/
@media (min-width: 1165px) {
    /*.top-menu-toggle{*/
    /*    display: flex !important;*/
    /*}*/
    /*.top-menu-mobile-block{*/
    /*    display: none !important;*/
    /*}*/
    /*@media (max-width: 1164px) {*/
    /*    .top-menu-block,*/
    /*    .top-menu-toggle{*/
    /*        display: none !important;*/
    /*    }*/
    /*    .top-menu-mobile-block{*/
    /*        display: flex !important;*/
    /*    }*/
    /*}*/
    /*.header-cat-menu {*/
    /*    background-color: rgba(0, 0, 0, 0.2);*/
    /*    position: absolute;*/
    /*    top: 100%;*/
    /*    left: 0;*/
    /*    z-index: 10000;*/
    /*    width: 100vw;*/
    /*    overflow-y: auto;*/
    /*    opacity: 0;*/
    /*    pointer-events: none;*/
    /*    transition: opacity 0.2s linear;*/
    /*}*/
    /*.header-cat-menu.opened {*/
    /*    pointer-events: all;*/
    /*    opacity: 1;*/
    /*    transition: opacity 0.2s linear;*/
    /*}*/
    .main-catalog-mobile{
        display: none;
    }
    .header-cat-menu .m-cat-menu {
        position: relative;
        display: inline-block;
        height: auto;
        /*padding: 24px 0 30px 24px;*/
        /*background-color: #F5F5F5;*/
    }

    .header-cat-menu .m-cat-menu ul {
        display: inline-block;
        list-style: none;
    }

    .header-cat-menu .m-cat-menu ul li {
        display: flex;
        align-items: center;
        width: auto;
        min-width: 200px;
        /*font-size: 14px;*/
        padding-bottom: 16px;
        padding-right: 32px;
    }

    .header-cat-menu .m-cat-menu ul li a {
        display: flex;
        align-items: center;
        width: 100%;
        color: #333;
        text-decoration: none;
        white-space: nowrap;
    }

    .header-cat-menu .m-cat-menu ul li a:hover {
        color: #B99B86;
    }

    .header-cat-menu .m-cat-menu.menu-top__sub-item-inner {
        background-color: #efefef;
    }
}

.header-cat-menu .m-cat-menu ul li > .m-cat-menu__wrapper {
    background-color: #F5F5F5;
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    height: 100%;
}

.header-cat-menu .m-cat-menu__level-1 {
    left: -2rem;
    z-index: 10001;
}

.header-cat-menu .m-cat-menu ul li > .m-cat-menu__wrapper ul {
    list-style: none;
    height: auto;
    padding-top: 1.8rem;
    padding-left: 32px;
}

.header-cat-menu .m-cat-menu ul li.title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
    white-space: nowrap;
}

.header-cat-menu .m-cat-menu ul li a span.icon {
    margin-left: auto;
    /*font-size: 18px;*/
    display: none;
}

.header-cat-menu .m-cat-menu ul li:hover > a span.icon {
    display: block;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    transition: var(--transition-common);
}

:root {
    --menu-items-padding: 1rem;
}

.menu-top {
    display: flex;
    font-size: 1.4rem;
    transition: opacity .3s ease;
    opacity: 0;
}

.menu-top__item:first-child .menu-top__link {
    padding-right: var(--menu-items-padding);
}

.menu-top__item:last-child .menu-top__link {
    padding-left: var(--menu-items-padding);
}

.menu-top__item:last-child .menu-top__link:after {
    left: var(--menu-items-padding);
}

.menu-top__item:not(:first-child):not(:last-child) .menu-top__link {
    padding: 0 var(--menu-items-padding);
}

.menu-top__item:not(:first-child):not(:last-child) .menu-top__link:after {
    left: var(--menu-items-padding);
    width: calc(100% - 2 * var(--menu-items-padding));
}

.menu-top__item:hover .menu-top__link {
    color: #B99B86;
}

.menu-top__item:hover .menu-top__link:after {
    opacity: .9;
}

.menu-top__link-wrapper {
    height: 100%;
}

.menu-top__link {
    position: relative;
    transition: color .3s ease;
    display: flex;
    height: 100%;
    align-items: center;
    font-weight: 500;
}

.menu-top__link:after {
    content: '';
    position: absolute;
    left: 0;
    width: calc(100% - var(--menu-items-padding));
    height: 2px;
    background: #B99B86;
    bottom: -1.5px;
    border-radius: 1px;
    transition: opacity .3s ease;
    opacity: 0;
    z-index: 1;
}

.menu-top__link:not(a) {
    cursor: default;
}

.menu-top__link,
.menu-top__sub-link {
    text-transform: uppercase;
}

.menu-top__switcher {
    display: none;
    cursor: pointer;
    position: relative;
    top: 12px;
    right: 7px;
    width: 20px;
    height: 20px;
}

.menu-top__switcher-arrow {
    position: relative;
    top: 8px;
    left: 7px;
    display: block;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    transition: var(--transition-common);
}

.menu-top__sub-item {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease;
    position: absolute;
    left: 0;
    width: 100vw;
    background: #F5F5F5;
}

.menu-top__sub-item-inner {
    display: grid;
    border-top: 1px solid #e5e5e5;
    padding: 1.8rem 0 3rem 2rem;
    grid-auto-flow: column;
    grid-template-rows: repeat(4, 1fr);
    grid-auto-columns: 20rem;
    grid-gap: 1.6rem 2rem;
}

.menu-top__sub-link {
    transition: color .3s ease;
}

.menu-top__sub-link:hover {
    color: #B99B86;
}

.burger {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    width: 20px;
    height: 20px;
    -webkit-transition: left 0.35s ease;
    transition: left 0.35s ease;
    cursor: pointer;
}

.burger span {
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    margin-top: -1px;
}

.burger:after, .burger:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 2px;
    background: #333;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}

.burger:after {
    top: 4px;
}

.burger:before {
    bottom: 4px;
}

.burger.opened span {
    background-color: transparent;
}

.burger.opened:after {
    margin-top: -1px;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.burger.opened:before {
    margin-bottom: -1px;
    bottom: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.header-cat-menu .m-cat-menu ul li.m-cat-menu__tag-category{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.m-cat-menu__tag-category-header,
.m-cat-menu__tag-category-item{
    min-width: 200px;
    margin-right: 50px;
}
.link-color{
    color: #B99B86;
}
.font-weight-600{
    font-weight: 600;
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.m-cat-menu__tag-category-tag{
    margin-bottom: 3px;
    font-size: 14px;
}
@media (min-width: 1165px) {
    .menu-top {
        opacity: 1;
    }

    .menu-top__item:hover .menu-top__sub-item {
        pointer-events: all;
        opacity: 1;
    }

    .burger {
        display: none;
    }
}

@media (max-width: 1164px) {
    .main-catalog-pc{
        display: none;
    }
    .header-cat-menu .m-cat-menu ul li {
        padding-bottom: 0;
    }

    .header-cat-menu .m-cat-menu ul li a {
        padding: 0 0 10px 10px;
        text-transform: uppercase;
    }

    .menu-top {
        pointer-events: none;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 44px;
        padding: 0 20px;
        width: 100%;
        height: calc(100vh - 45px);
        overflow-y: scroll;
        overflow-x: hidden;
        font-size: 14px;
    }

    .menu-top.opened {
        transition-delay: .6s;
        pointer-events: all;
        opacity: 1;
    }

    .menu-top .menu-top__item .menu-top__link-wrapper .menu-top__link {
        padding: 10px 0;
    }

    .menu-top__link:after {
        content: none;
    }

    .menu-top__item {
        border-bottom: 1px solid #E5E5E5;
    }

    .menu-top__item:last-child {
        margin-bottom: 50px;
    }

    .menu-top__item.opened .menu-top__switcher-arrow {
        transform: rotate(135deg);
        top: 5px;
    }

    .menu-top__link-wrapper {
        display: flex;
        justify-content: space-between;
        height: auto;
        cursor: pointer;
    }

    .menu-top__item.opened .menu-top__link-wrapper {
        cursor: auto;
    }

    .menu-top__switcher {
        display: block;
    }

    .menu-top__sub-item {
        opacity: 1;
        transition: none;
        position: initial;
        background: transparent;
    }

    .menu-top__sub-item-inner {
        max-height: 0;
        padding: 0;
        transition: max-height .3s ease;
        display: flex;
        flex-direction: column;
        grid-gap: 0;
        overflow: hidden;
        border: none;
    }

    .menu-top__item.opened .menu-top__sub-item {
        pointer-events: all;
    }

    .menu-top__item.opened .menu-top__sub-item-inner {
        max-height: 1000px;
        padding: 0;
    }

    .menu-top__sub-link {
        padding: 0 0 10px 10px;
    }
}

/* End */


/* Start:/local/templates/freeage/components/bitrix/search.title/main_search_bar/style.css?16993794043911*/
.search-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    max-width: 350px;
}

.search-title__form {
    height: 20px;
    width: 0;
    pointer-events: none;
    position: relative;
    transition: width .3s ease;
    font-size: 22px;
    line-height: 0;
}

.search-title__form:after {
    content: '';
    position: absolute;
    width: calc(100% - 17px);
    height: 2px;
    background: #333;
    bottom: -5px;
    left: 12px;
    border-radius: 2px;
}

.search-title__form.opened {
    width: 100%;
    pointer-events: all;
}

.search-title__form-input {
    height: 100%;
    width: 100%;
    padding: 0 20px 0 12px;
    border: none;
    background: transparent;
    outline: none;
}

.search-title__form-input:not([value='']) {
    background: #000;
}

.search-title__form-input-clear {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    line-height: 20px;
    width: 20px;
    height: 20px;
    text-align: center;
    cursor: pointer;
}

.search-title__form.opened .search-title__form-input-clear.show {
    display: block;
}

.search-btn_mobile svg {
    transition: var(--transition-common);
}

.search-btn_mobile.opened svg {
    fill: #B99B86;
}

.main-search {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 44px;
    height: calc(100vh - 45px);
    width: 100%;
    opacity: 0;
    overflow-y: auto;
    padding: 70px 16px;
    transition: opacity .3s ease;
}

.main-search.opened {
    transition-delay: .6s;
    pointer-events: all;
    opacity: 1;
}

.main-search-wrapper {
    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;
    width: 100%;
    position: relative;
    max-width: 550px;
    margin: 180px auto auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-search-wrapper .search-input-wrapper {
    position: relative;
    width: 100%;
}

.main-search-wrapper .search-input-wrapper .input-form {
    padding-right: 30px;
    position: relative;
}

.main-search-wrapper .search-input-wrapper .input-form + span {
    position: absolute;
    display: block;
    top: 50%;
    transform: translate(0, -50%);
    right: 7px;
    width: 16px;
    height: 16px;
    background: url(/local/templates/freeage/images/cross-icon.svg) no-repeat scroll right;
    cursor: pointer;
}

.main-search-wrapper .btn {
    max-width: 200px;
    max-height: 40px;
    padding: 8px 70px;
    margin-top: 40px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.04em;
}

@media (max-width: 500px) {
    .search-title {
        position: absolute;
        left: 5.3rem;
    }

    .main-search-wrapper {
        width: 90%;
    }
}

@media (max-width: 765px) {
    .main-search-wrapper {
        width: 90%;
    }
}

@media (max-width: 767px) {
    .main-search-wrapper {
        margin-top: 0;
    }

    .main-search-wrapper .btn {
        margin-top: 20px;
    }
}

@media (min-width: 768px) {
    .main-search {
        padding: 7rem 16rem 4rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .search-title__form {
        height: 2rem;
        font-size: 1.4rem;
    }
}

@media (min-width: 1165px) {
    .nav-list li a.search-btn_mobile {
        display: none;
    }
}

@media (max-width: 1164px) {
    .nav-list li a.search-btn:not(.search-btn_mobile) {
        display: none;
    }
}
/* End */


/* Start:/local/templates/freeage/components/bitrix/breadcrumb/main_breadcrumb/style.css?1692084903805*/
.breadcrumbs ul {
    padding-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    white-space: nowrap;
    color: #B49C89;
    font-size: 12px;
}

.breadcrumbs ul::-webkit-scrollbar {
    width: 0;
}

.breadcrumbs ul {
    -ms-overflow-style: none;
}

.breadcrumbs ul li:not(:last-child):after {
    content: "/";
    display: inline-block;
    margin-left: 6px;
}

.breadcrumbs ul li span {
    color: #333333;
    cursor: default;
}

@media (min-width: 768px) {
    .breadcrumbs ul {
        padding-top: 2.4rem;
        gap: .6rem;
        font-size: 1.2rem;
    }

    .breadcrumbs ul li:not(:last-child):after {
        margin-left: .6rem;
    }
}
/* End */
/* /local/templates/freeage/css/main.css?1778150084408821 */
/* /local/templates/freeage/css/custom.css?17796966599262 */
/* /local/templates/freeage/components/bitrix/menu/main_catalog_top_new/style.css?17188783939023 */
/* /local/templates/freeage/components/bitrix/search.title/main_search_bar/style.css?16993794043911 */
/* /local/templates/freeage/components/bitrix/breadcrumb/main_breadcrumb/style.css?1692084903805 */