@charset "UTF-8";
@font-face {
    font-family: "Manrope";
    src: url("manrope_extra_light.woff2") format("woff2"), url("manrope_extra_light.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_light.woff2") format("woff2"), url("manrope_light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_regular.woff2") format("woff2"), url("manrope_regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_medium.woff2") format("woff2"), url("manrope_medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_semi_bold.woff2") format("woff2"), url("manrope_semi_bold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_bold.woff2") format("woff2"), url("manrope_bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Manrope";
    src: url("manrope_extra_bold.woff2") format("woff2"), url("manrope_extra_bold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
:root {
    --color-white: #fff;
    --color-white-rgb: 255, 255, 255;
    --color-white-yellow: #fff7f0;
    --color-black: #000;
    --color-black-rgb: 0, 0, 0;
    --color-grey: #858585;
    --color-grey-black: #525252;
    --color-grey-black2: #666666;
    --color-grey-light: #b7b7b7;
    --color-grey-extralight: #eee;
    --color-orange: #f5744b;
    --color-orange-rgb: 245, 116, 75;
    --color-orange-red: #ee5050;
    --color-orange-red-rgb: 238, 80, 80;
    --color-red-dirty: #d09797;
    --color-red-sunny: #c5462b;
    --font-family: "Manrope", sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --font-12-font-size: .75rem;
    --font-12-line-height: 1rem;
    --font-14-font-size: .875rem;
    --font-14-line-height: 1.3125rem;
    --font-16-font-size: 1rem;
    --font-16-line-height: 1.5rem;
    --font-16-line-height-large: 1.625rem;
    --font-18-font-size: 1.125rem;
    --font-18-line-height: 1.625rem;
    --font-20-font-size: 1.25rem;
    --font-20-line-height: 1.8125rem;
    --font-22-font-size: 1.375rem;
    --font-22-line-height: 2rem;
    --font-24-font-size: 1.5rem;
    --font-24-line-height: 2.0625rem;
    --font-32-font-size: 2rem;
    --font-32-line-height: 2.75rem;
    --font-40-font-size: 2.5rem;
    --font-40-line-height: 3.4375rem;
    --font-48-font-size: 3rem;
    --font-48-line-height: 4.125rem;
    --font-56-font-size: 3.5rem;
    --font-56-line-height: 4.75rem;
    --font-60-font-size: 3.75rem;
    --font-60-line-height: 5.125rem;
    --font-64-font-size: 4rem;
    --font-64-line-height: 5rem;
    --font-72-font-size: 4.5rem;
    --font-72-line-height: 6.125rem;
    --font-76-font-size: 4.75rem;
    --font-76-line-height: 6.5rem;
    --font-88-font-size: 5.5rem;
    --font-88-line-height: 7.5rem;
    --font-button-font-size: 1.25rem;
    --font-button-font-size-md: 1rem;
    --font-button-line-height: 1.5rem;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --border-width: .125rem;
    --border-radius: .75rem;
}


/*** Reset ***/

*,
*::before,
*::after {
    box-sizing: border-box;
}
/*@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}*/
html,
body {
    scroll-behavior: auto !important;
}
body {
    margin: 0;
    font-family: var(--font-family);
    font-size: var(--font-18-font-size);
    line-height: var(--font-18-line-height);
    font-weight: var(--font-weight-regular);
    color: var(--color-white);
    background-color: var(--color-black);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
    margin: 1rem 0;
    color: inherit;
    opacity: .25;
    border: 0;
    border-top: var(--border-width) solid;
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: var(--font-weight-extra-bold);
    color: inherit;
}
p {
    margin-top: 0;
    margin-bottom: 0;
}
abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}
address {
    margin-bottom: 0;
    line-height: inherit;
    font-style: normal;
}
ol,
ul {
    padding-left: 0;
}
ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
}
ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}
dt {
    font-weight: var(--font-weight-extra-bold);
}
dd {
    margin-bottom: 0;
    margin-left: 0;
}
blockquote {
    margin: 0 0 1rem;
}
b,
strong {
    font-weight: var(--font-weight-extra-bold);
}
small, .small {
    font-size: .875em;
}
mark, .mark {
    padding: .1875em;
}
sub,
sup {
    position: relative;
    font-size: .75em;
    line-height: 0;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
a {
    text-decoration: underline;
    text-decoration-thickness: 2%;
    text-underline-offset: 5%;
    color: var(--color-orange-red);
    transition: color .2s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
    a {
        transition: none;
    }
}
a:hover,
a:focus-visible {
    color: var(--color-orange);
}
a:focus:not(:focus-visible) {
    outline: 0;
}
a:not([href]):not([class]), a:not([href]):not([class]):hover, a:not([href]):not([class]):focus-visible {
    text-decoration: none;
    color: inherit;
}
figure {
    margin: 0;
}
img,
svg {
    vertical-align: middle;
}
table {
    caption-side: bottom;
    border-collapse: collapse;
}
caption {
    text-align: left;
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: inherit;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}
label {
    display: block;
    width: 100%;
}
button {
    border-radius: 0;
}
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible),
textarea:focus:not(:focus-visible) {
    outline: 0;
}
button,
input,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
[role=button] {
    cursor: pointer;
}
select {
    word-wrap: normal;
}
select:disabled {
    opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
    display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer;
}
::-moz-focus-inner {
    padding: 0;
    border-style: none;
}
textarea {
    resize: vertical;
}
fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0;
}
::-webkit-inner-spin-button {
    height: auto;
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
    padding: 0;
}
::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}
::file-selector-button {
    font: inherit;
    -webkit-appearance: button;
}
iframe {
    border: 0;
}
progress {
    vertical-align: baseline;
}
[hidden] {
    display: none !important;
}
@media (min-width: 992px) {
    body {
        font-size: var(--font-22-font-size);
        line-height: var(--font-22-line-height);
    }
}


/*** Form ***/

input[type=text],
input[type=tel],
input[type=password],
input[type=email],
input[type=number],
input[type=url],
input[type=search],
input[type=date],
input[type=datetime-local],
input[type=month],
input[type=week],
input[type=time],
textarea {
    display: block;
    width: 100%;
    padding: .5rem 0 1.125rem;
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-white);
    border: 0;
    border-bottom: .125rem solid var(--color-grey-black);
    border-radius: 0;
    background: var(--color-black);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .2s ease-in-out;
}
input[type=text]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
textarea:focus {
    border-color: var(--color-orange-red);
    outline: 0;
}
input[type=button],
input[type=submit],
input[type=reset] {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 1rem 1.5rem;
    width: 100%;
    font-size: var(--font-button-font-size-md);
    line-height: var(--font-button-line-height);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: var(--color-white);
    border: var(--border-width) solid rgba(var(--color-orange-rgb), 0);
    border-radius: var(--border-radius);
    background: var(--color-orange);
    background-clip: border-box;
    background-origin: border-box;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
}
input[type=button]:focus,
input[type=button]:hover,
input[type=submit]:focus,
input[type=submit]:hover,
input[type=reset]:focus,
input[type=reset]:hover {
    border-color: rgba(var(--color-orange-red-rgb), 0);
    background: var(--color-orange-red);
}
fieldset + fieldset {
    margin-top: 2rem;
}
.modal input[type=text],
.modal input[type=tel],
.modal input[type=password],
.modal input[type=email],
.modal input[type=number],
.modal input[type=url],
.modal input[type=search],
.modal input[type=date],
.modal input[type=datetime-local],
.modal input[type=month],
.modal input[type=week],
.modal input[type=time],
.modal textarea {
    color: var(--color-black);
    border-bottom-color: var(--color-grey-extralight);
    background: var(--color-white);
}
@media (min-width: 768px) {
    input[type=text],
    input[type=tel],
    input[type=password],
    input[type=email],
    input[type=number],
    input[type=url],
    input[type=search],
    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=week],
    input[type=time],
    textarea {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
    input[type=button],
    input[type=submit],
    input[type=reset] {
        padding: 1.375rem 1.875rem;
        width: auto;
        font-size: var(--font-button-font-size);
    }
    fieldset + fieldset {
        margin-top: 5rem;
    }
}
@media (max-width: 767.98px) {
    input[type=button],
    input[type=submit],
    input[type=reset] {
        letter-spacing: .0625rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    input[type=text],
    input[type=tel],
    input[type=password],
    input[type=email],
    input[type=number],
    input[type=url],
    input[type=search],
    input[type=date],
    input[type=datetime-local],
    input[type=month],
    input[type=week],
    input[type=time],
    textarea {
        transition: none;
    }
}
.grecaptcha-badge {
    display: none;
}


/*** Button ***/

.btn {
    display: block;
    position: relative;
    text-align: center;
    padding: 1rem 1.5rem;
    width: 100%;
    font-size: var(--font-button-font-size-md);
    line-height: var(--font-button-line-height);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    text-decoration: none;
    color: var(--color-white);
    border: var(--border-width) solid rgba(var(--color-orange-red-rgb), 0);
    border-radius: var(--border-radius);
    background: var(--color-orange-red);
    background-clip: border-box;
    background-origin: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out;
}
.btn:focus,
.btn:hover {
    color: var(--color-white);
}
.btn::after {
    position: absolute;
    top: calc(0rem - var(--border-width));
    right: calc(0rem - var(--border-width));
    bottom: calc(0rem - var(--border-width));
    left: calc(0rem - var(--border-width));
    border: var(--border-width) solid rgba(var(--color-orange-rgb), 0);
    border-radius: var(--border-radius);
    background-image: linear-gradient(to right, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-rgb), 0));
    background-clip: border-box;
    background-origin: border-box;
    transition: opacity .2s ease-in-out;
    content: "";
}
.btnText {
    z-index: 2;
    position: relative;
}
.btn:focus::after,
.btn:hover::after {
    opacity: 0;
}
.btn.btnArrow .btnText {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
}
.btnTextText,
.btnTextArrow {
    flex: 0 1 auto;
    display: block;
}
.btn.btnArrow .linkArrowSvg svg {
    opacity: 1;
}
.btn.btnTransparency {
    padding-left: 0;
    background: rgba(var(--color-orange-red-rgb), 0);
    transition: border-color .2s ease-in-out, background-color .2s ease-in-out, color .2s ease-in-out, padding-left .2s ease-in-out;
}
.btn.btnTransparency::after {
    opacity: 0;
}
.btn.btnTransparency::before {
    position: absolute;
    top: calc(0rem - var(--border-width));
    right: calc(0rem - var(--border-width));
    bottom: calc(0rem - var(--border-width));
    left: calc(0rem - var(--border-width));
    border: var(--border-width) solid rgba(var(--color-orange-rgb), 0);
    border-radius: var(--border-radius);
    background-image: linear-gradient(to right, rgba(var(--color-orange-red-rgb), 0), rgba(var(--color-orange-red-rgb), .4));
    background-clip: border-box;
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    content: "";
}
.btn.btnTransparency:focus,
.btn.btnTransparency:hover {
    padding-left: 1.5rem;
}
.btn.btnTransparency.btnArrow .linkArrowSvg svg {
    fill: var(--color-orange-red);
}
.btn.btnTransparency:focus,
.btn.btnTransparency:hover {
    background: rgba(var(--color-orange-red-rgb), 1);
}
.btn.btnTransparency:focus::after,
.btn.btnTransparency:hover::after {
    opacity: 1;
}
.btn.btnTransparency.btnArrow:focus .linkArrowSvg svg,
.btn.btnTransparency.btnArrow:hover .linkArrowSvg svg {
    fill: var(--color-white);
}
.btnOnlyText {
    padding: 0;
    font-weight: inherit;
    text-decoration: underline;
    text-decoration-thickness: 2%;
    text-underline-offset: 5%;
    color: var(--color-orange-red);
    border: 0;
    border-radius: 0;
    background: none;
    transition: color .2s ease-in-out;
}
.btnOnlyText:focus,
.btnOnlyText:hover {
    color: var(--color-orange);
}
.btn.btnNoGradient {
    background: var(--color-orange);
}
.btn.btnNoGradient::after {
    display: none;
}
.btn.btnNoGradient:focus,
.btn.btnNoGradient:hover {
    background: var(--color-orange-red);
}
@media (min-width: 768px) {
    .btn {
        display: inline-block;
        vertical-align: top;
        padding: 1.375rem 1.875rem;
        width: auto;
        font-size: var(--font-button-font-size);
    }
    .btn.btnTransparency:focus,
    .btn.btnTransparency:hover {
        padding-left: 1.875rem;
    }
}
@media (max-width: 767.98px) {
    .btn {
        letter-spacing: .0625rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .btn,
    .btnOnlyText {
        transition: none;
    }
}
.buttonGradientTransition {
    display: block;
    position: relative;
    width: 100%;
}
.buttonGradientTransition > *:not(.buttonGradientTransitionBox) {
    z-index: 2;
    position: relative;
}
.buttonGradientTransition input[type=button],
.buttonGradientTransition input[type=submit],
.buttonGradientTransition input[type=reset] {
    background: none;
}
.buttonGradientTransitionBox {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: var(--border-radius);
}
.buttonGradientTransitionBox::before,
.buttonGradientTransitionBox::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: var(--border-width) solid rgba(var(--color-orange-rgb), 0);
    border-radius: var(--border-radius);
    background-clip: border-box;
    background-origin: border-box;
    transition: opacity .2s ease-in-out;
    content: "";
}
.buttonGradientTransitionBox::before {
    z-index: 1;
    opacity: 1;
    background-image: linear-gradient(to right, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-red-rgb), 1));
}
.buttonGradientTransitionBox::after {
    z-index: 2;
    opacity: 0;
    background-image: linear-gradient(to right, rgba(var(--color-orange-red-rgb), 1), rgba(var(--color-orange-red-rgb), 1));
}
.buttonGradientTransition input[type=button]:focus + .buttonGradientTransitionBox::after,
.buttonGradientTransition input[type=button]:hover + .buttonGradientTransitionBox::after,
.buttonGradientTransition input[type=submit]:focus + .buttonGradientTransitionBox::after,
.buttonGradientTransition input[type=submit]:hover + .buttonGradientTransitionBox::after,
.buttonGradientTransition input[type=reset]:focus + .buttonGradientTransitionBox::after,
.buttonGradientTransition input[type=reset]:hover + .buttonGradientTransitionBox::after {
    opacity: 1;
}
@media (min-width: 768px) {
    .buttonGradientTransition {
        display: inline-block;
        vertical-align: top;
        width: auto;
    }
}
@media (prefers-reduced-motion: reduce) {
    .buttonGradientTransitionBox::before,
    .buttonGradientTransitionBox::after {
        transition: none;
    }
}

/***  To Top button ***/

.to-top-btn {
    display: none;
    position: fixed;
    /* bottom: 32px;
    right: 32px; */
    z-index: 4;
    cursor: pointer;
    /* width: 64px;
    height: 64px; */
    bottom: 0.75rem;
    transform: translateY(-50%);
    right: 1rem;
    width: 3.4rem;
    height: 3.4rem;
}
@media (min-width: 768px) {
    .to-top-btn {
        bottom: 2.5625rem;
        right: 3.5rem;
        transform: translateY(0);
        width: 4rem;
        height: 4rem;
    }
}
@media (min-width: 1920px) {
    .to-top-btn {
        right: auto;
        left: calc(50% + 864px);
        transform: translateY(-50%) translateX(-50%);
    }
}
.to-top-btn svg {
    display: block;
    width: 100%;
    height: 100%;
    fill: var(--color-orange-red);
    fill: #fff;
    background-color: #000;
    background-color: #00000082;
    border-radius: 50%;
    display: block;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    .to-top-btn svg {
        fill: #fff;
        transition: fill .2s ease-in;
    }
    .to-top-btn:hover svg {
        fill: var(--color-orange-red);
    }
}


/*** Modal ***/

/*! btn-close */
.btn-close {
    display: block;
    position: relative;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    border: 0;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.btn-close span {
    z-index: 2;
    display: block;
    position: absolute;
    top: calc(50% - .0625rem);
    right: 12.5%;
    width: 75%;
    height: .125rem;
    border-radius: 1rem;
    background: var(--color-black);
    transition: background-color .2s ease-in-out;
}
.btn-close:hover span,
.btn-close:focus-visible span {
    background: var(--color-orange-red);
}
.btn-close-line1 {
    transform: rotate(45deg);
}
.btn-close-line2 {
    transform: rotate(-45deg);
}
.btn-close::after {
    z-index: 1;
    position: absolute;
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%;
    opacity: 0;
    border-radius: 50%;
    background: var(--color-white);
    content: "";
}
.btn-close:disabled,
.btn-close.disabled {
    opacity: .25;
    pointer-events: none;
}
@media (min-width: 768px) {
    .btn-close::after {
        top: -30%;
        right: -30%;
        bottom: -30%;
        left: -30%;
    }
}
@media (prefers-reduced-motion: reduce) {
    .btn-close span {
        transition: none;
    }
}

/*! Modal */
.modal {
    z-index: 1055;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 0;
}
.modal-dialog {
    position: relative;
    margin: 1rem;
    width: auto;
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem);
}
.modal-content {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    color: var(--color-black);
    pointer-events: auto;
    outline: 0;
    background-color: var(--color-white);
    background-clip: padding-box;
}
.modal-backdrop {
    z-index: 1050;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: var(--color-black);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: .5;
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    min-height: 4rem;
}
.modal-body {
    flex: 1 1 auto;
    position: relative;
}
.modal-footer {
    flex: 0 0 auto;
    min-height: 1.5rem;
}
.modal-body.modal-body-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}
.modal-body-center-fix {
    flex: 0 1 auto;
    min-height: 0;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem);
    }
    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }
}
@media (min-width: 768px) {
    .modal-header {
        min-height: 7.625rem;
    }
    .modal-footer {
        min-height: 7.625rem;
    }
}
@media (min-width: 1920px) {
    .modal-header {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1920px;
    }
}
.modal-fullscreen {
    margin: 0;
    width: 100vw;
    max-width: none;
    height: 100%;
    height: 100dvh;
}
.modal-fullscreen .btn-close {
    z-index: 9;
    position: fixed;
    top: .75rem;
    right: 1rem;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
    min-height: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
.modal.modal-fullscreen-con {
    overflow-y: hidden;
}
.modal.modal-fullscreen-con.fade:not(.show) {
    opacity: 1;
}
.modal.fade .modal-dialog.modal-fullscreen {
    transform: translate(0, 100%);
}
.modal.show .modal-dialog.modal-fullscreen {
    transform: none;
}
.modal-body-padding {
    padding-top: 5.5rem;
    padding-bottom: 1.5rem;
}
.mainViewportModal {
    padding-right: 1rem;
    padding-left: 1rem;
}
@media (min-width: 768px) {
    .modal-fullscreen .btn-close {
        top: 2.5625rem;
        right: 3.5rem;
    }
    .modal-body-padding {
        padding-top: 7.625rem;
        padding-bottom: 7.625rem;
    }
    .mainViewportModal {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }
}
@media (min-width: 992px) {
    .mainViewportModal {
        padding-right: 10.75rem;
        padding-left: 10.75rem;
    }
}
@media (min-width: 1600px) {
    .mainViewportModal {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: calc(1176px + 21.5rem);
    }
}


/*** Swiper ***//*!!!*/

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    overflow: clip;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}
.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}
.swiper-horizontal {
    touch-action: pan-y
}
.swiper-vertical {
    touch-action: pan-x
}
.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}
.swiper-slide-invisible-blank {
    visibility: hidden
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}
.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--color-orange);
    border-radius: 50%;
    border-top-color: transparent
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}
@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}
.swiper-button-next,
.swiper-button-prev {
    z-index: 10;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    opacity: 1;
    border: 0;
    border-radius: 50%;
    background: var(--color-orange-red);
    transition: opacity .2s ease-in-out;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}
.swiper-button-next::before,
.swiper-button-prev::before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background: linear-gradient(to bottom, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-rgb), 0));
    transition: opacity .2s ease-in-out;
    content: "";
}
.swiper-button-next:focus::before,
.swiper-button-next:hover::before,
.swiper-button-prev:focus::before,
.swiper-button-prev:hover::before {
    opacity: 0;
}
.swiper-button-next svg,
.swiper-button-prev svg {
    z-index: 2;
    display: block;
    position: relative;
    width: 18px;
    height: auto;
    fill: var(--color-white);
}
.swiper-button-prev svg {
    transform: rotate(180deg);
}
.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-rtl .swiper-button-prev svg {
    transform: rotate(0deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
    right: auto
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto
}
.swiper-button-lock {
    display: none
}
.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap
}
.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}
.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}
.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}
.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-fade .swiper-slide-active {
    pointer-events: auto
}
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
@media (min-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: -2rem;
        width: 4rem;
        height: 4rem;
    }
    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: -1rem;
    }
    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        right: -1rem;
    }
    .swiper-button-next svg,
    .swiper-button-prev svg {
        width: 24px;
    }
}
@media (min-width: 992px) {
    .swiper-button-next,
    .swiper-button-prev {
        margin-top: -2.75rem;
        width: 5.5rem;
        height: 5.5rem;
    }
}
@media (min-width: 1600px) {
    .swiperArrowPosition2 .swiper-button-prev,
    .swiperArrowPosition2 .swiper-rtl .swiper-button-next {
        left: -9rem;
    }
    .swiperArrowPosition2 .swiper-button-next,
    .swiperArrowPosition2 .swiper-rtl .swiper-button-prev {
        right: -9rem;
    }
}
@media (max-width: 1599.98px) {
    .swiperArrowPosition2 {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}
@media (max-width: 991.98px) {
    .swiperArrowPosition2 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}
@media (max-width: 767.98px) {
    .swiperArrowPosition2 {
        padding-left: 3.5rem;
        padding-right: 3.5rem;
    }
}


/*** Class ***/

.fade {
    transition: opacity .2s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
.collapse:not(.show) {
    display: none;
}
.collapsing {
    overflow: hidden;
    height: 0;
    transition: height .35s ease;
}
@media (prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none;
    }
}
.wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 100vh;
    min-height: 100dvh;
}
.wrapperHeader {
    flex: 0 0 auto;
}
.wrapperMiddle {
    z-index: 1;
    flex: 1 1 auto;
    position: relative;
}
.wrapperMiddle.wrapperMiddleSolo {
    display: flex;
    align-items: center;
}
.wrapperFooter {
    z-index: 1;
    flex: 0 0 auto;
    position: relative;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: var(--color-black);
}
.mainViewport {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
.mainViewportPad {
    padding-left: 1rem;
    padding-right: 1rem;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.oH {
    overflow: hidden;
}
.dB {
    display: block;
}
.pR {
    position: relative;
}
.imgCover,
.videoCover {
    overflow: hidden;
    position: relative;
}
.imgCover img,
.imgCover picture:not(.loaded),
.videoCover video,
.imgCover iframe {
    z-index: 1;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.imgCover > *:not(img):not(picture),
.videoCover > *:not(video) {
    z-index: 2;
    position: relative;
}
.imgContain {
    position: relative;
}
.imgContain img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: 50% 50%;
}
.imgResponsive {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    height: auto;
}
.embedResponsive {
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0;
    width: 100%;
}
.embedResponsive::before {
    display: block;
    content: "";
}
.embedResponsive .embedResponsiveItem,
.embedResponsive iframe,
.embedResponsive embed,
.embedResponsive object,
.embedResponsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.embedResponsive21by9::before {
    padding-top: 42.857143%;
}
.embedResponsive20by27::before {
    padding-top: 152%;
    padding-left:100%;
}
.embedResponsive16by9::before {
    padding-top: 56.25%;
}
.embedResponsive4by3::before {
    padding-top: 75%;
}
.embedResponsive1by1::before {
    padding-top: 100%;
}
.marTop4px {
    margin-top: .25rem;
}
.marTop8px {
    margin-top: .5rem;
}
.marTop16px,
.marTop24px {
    margin-top: 1rem;
}
.marTop28px {
    margin-top: 1.25rem;
}
.marTop32px,
.marTop40px,
.marTop48px,
.marTop64px,
.marTop88px_s,
.marTop128px_s {
    margin-top: 1.5rem;
}
.marTop40pxHard {
    margin-top: 40px;
}
.marTop48px2,
.marTop80px {
    margin-top: 2rem;
}
.marTop88px {
    margin-top: 3rem;
}
.padTop48px,
.padTop64px,
.padTop88px_s,
.padTop118px,
.padTop128px_s,
.padTop184px_s {
    padding-top: 1.5rem;
}
.padTop88px {
    padding-top: 3rem;
}
.padTopPage,
.padTop128px {
    padding-top: 4rem;
}
.padBot48px,
.padBot64px,
.padBot88px_s,
.padBot128px_s {
    padding-bottom: 1.5rem;
}
.padBot88px {
    padding-bottom: 3rem;
}
.padBot128px {
    padding-bottom: 4rem;
}
.h1 {
    font-size: var(--font-32-font-size);
    line-height: var(--font-32-line-height);
}
.font16px {
    font-size: var(--font-14-font-size);
    line-height: var(--font-14-line-height);
}
.font16pxHard {
    font-size: var(--font-16-font-size);
    line-height: var(--font-16-line-height);
}
.font22px,
.font24px {
    font-size: var(--font-18-font-size);
    line-height: var(--font-18-line-height);
}
.font22px.fontLineLarge {
    line-height: 2rem;
}
.font32px {
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
}
.font32px.fontLineLarge {
    line-height: 2.625rem;
}
.font48px {
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
}
.font56px,
.font64px,
.font72px,
.font76px,
.font88px {
    font-size: var(--font-32-font-size);
    line-height: var(--font-32-line-height);
}
.font200 {
    font-weight: var(--font-weight-extra-light);
}
.font300 {
    font-weight: var(--font-weight-light);
}
.font400 {
    font-weight: var(--font-weight-regular);
}
.font500 {
    font-weight: var(--font-weight-medium);
}
.font600 {
    font-weight: var(--font-weight-semi-bold);
}
.font700 {
    font-weight: var(--font-weight-bold);
}
.font800 {
    font-weight: var(--font-weight-extra-bold);
}
.fontWhite {
    color: var(--color-white);
}
.fontWhiteYellow {
    color: var(--color-white-yellow);
}
.fontGrey {
    color: var(--color-grey);
}
.modal .fontGrey {
    color: var(--color-grey-light);
}
.fontOrange {
    color: var(--color-orange);
}
.fontOrangeRed {
    color: var(--color-orange-red);
}
.fontRedDirty {
    color: var(--color-red-dirty);
}
.fontBalance {
    text-wrap: balance;
}
.borderRadius {
    border-radius: var(--border-radius);
}
.userSelectNone {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.fontCenter {
    text-align: center;
}
@media (min-width: 576px) {
    .borderRadiusSm {
        border-radius: var(--border-radius);
    }
}
@media (min-width: 768px) {
    .mainViewport {
        max-width: 650px;
    }
    .mainViewport.mainViewportPad {
        max-width: calc(650px + 5rem);
    }
    .mainViewport.mainViewportRubber {
        max-width: none;
    }
    .mainViewportPad {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .dBMd {
        display: block;
    }
    .marTop24px {
        margin-top: 1.5rem;
    }
    .marTop28px {
        margin-top: 1.75rem;
    }
    .marTop32px {
        margin-top: 2rem;
    }
    .marTop40px {
        margin-top: 2.5rem;
    }
    .marTop48px,
    .marTop48px2 {
        margin-top: 3rem;
    }
    .marTop64px {
        margin-top: 4rem;
    }
    .marTop80px,
    .marTop88px,
    .marTop88px_s {
        margin-top: 5rem;
    }
    .marTop128px_s {
        margin-top: 6rem;
    }
    .padTopUnderTop {
        padding-top: 1.875rem;
    }
    .padTopPage {
        padding-top: 6.725rem;
    }
    .padTop48px {
        padding-top: 3rem;
    }
    .padTop64px {
        padding-top: 4rem;
    }
    .padTop88px,
    .padTop88px_s,
    .padTop118px {
        padding-top: 5rem;
    }
    .padTop128px,
    .padTop128px_s,
    .padTop184px_s {
        padding-top: 6rem;
    }
    .padBot48px {
        padding-bottom: 3rem;
    }
    .padBot64px {
        padding-bottom: 4rem;
    }
    .padBot88px,
    .padBot88px_s {
        padding-bottom: 5rem;
    }
    .padBot128px,
    .padBot128px_s {
        padding-bottom: 6rem;
    }
    .font48px {
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
    .font56px,
    .font64px,
    .font72px {
        font-size: var(--font-40-font-size);
        line-height: var(--font-40-line-height);
    }
    .h1 {
        font-size: var(--font-48-font-size);
        line-height: var(--font-48-line-height);
    }
    .font76px,
    .font88px {
        font-size: var(--font-48-font-size);
        line-height: var(--font-48-line-height);
    }
    .borderRadiusMd {
        border-radius: var(--border-radius);
    }
    .borderRadiusMdCon img,
    .borderRadiusMdCon video {
        border-radius: var(--border-radius);
    }
}
@media (min-width: 992px) {
    .wrapperFooter {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    .mainViewport {
        max-width: 870px;
    }
    .mainViewport.mainViewportPad {
        max-width: calc(870px + 5rem);
    }
    .mainViewport.mainViewportRubber {
        max-width: none;
    }
    .maxWidth850px {
        width: 100%;
        max-width: 851px;
    }
    .marTop88px,
    .marTop88px_s {
        margin-top: 5.5rem;
    }
    .marTop128px_s {
        margin-top: 8rem;
    }
    .padTop88px,
    .padTop88px_s {
        padding-top: 5.5rem;
    }
    .padTop118px {
        padding-top: 7.375rem;
    }
    .padTop128px,
    .padTop128px_s,
    .padTop184px_s {
        padding-top: 8rem;
    }
    .padBot88px,
    .padBot88px_s {
        padding-bottom: 5.5rem;
    }
    .padBot128px,
    .padBot128px_s {
        padding-bottom: 8rem;
    }
    .h1 {
        font-size: var(--font-88-font-size);
        line-height: var(--font-88-line-height);
    }
    .font16px {
        font-size: var(--font-16-font-size);
        line-height: var(--font-16-line-height);
    }
    .font16px.fontLineLarge {
        line-height: var(--font-16-line-height-large);
    }
    .font22px {
        font-size: var(--font-22-font-size);
        line-height: var(--font-22-line-height);
    }
    .font22px.fontLineLarge {
        line-height: 2.4575rem;
    }
    .font24px {
        font-size: var(--font-24-font-size);
        line-height: var(--font-24-line-height);
    }
    .font32px {
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
    .font32px.fontLineLarge {
        line-height: 3.5rem;
    }
    .font48px {
        font-size: var(--font-48-font-size);
        line-height: var(--font-48-line-height);
    }
    .font56px,
    .font64px,
    .font72px {
        font-size: var(--font-56-font-size);
        line-height: var(--font-56-line-height);
    }
    .font76px,
    .font88px {
        font-size: var(--font-60-font-size);
        line-height: var(--font-60-line-height);
    }
}
@media (min-width: 1200px) {
    .mainViewport {
        max-width: 1080px;
    }
    .mainViewport.mainViewportPad {
        max-width: calc(1080px + 5rem);
    }
    .mainViewport.mainViewportRubber {
        max-width: none;
    }
    .padTop184px_s {
        padding-top: 11.5rem;
    }
    .font64px {
        font-size: var(--font-64-font-size);
        line-height: var(--font-64-line-height);
    }
    .font72px {
        font-size: var(--font-72-font-size);
        line-height: var(--font-72-line-height);
    }
    .font76px,
    .font88px {
        font-size: var(--font-76-font-size);
        line-height: var(--font-76-line-height);
    }
}
@media (min-width: 1400px) {
    .mainViewport {
        max-width: 1176px;
    }
    .mainViewport.mainViewportPad {
        max-width: calc(1176px + 5rem);
    }
    .mainViewport.mainViewportRubber {
        max-width: none;
    }
    .font88px {
        font-size: var(--font-88-font-size);
        line-height: var(--font-88-line-height);
    }
}
@media (min-width: 1920px) {
    .mainViewport.mainViewportRubber {
        max-width: 1920px;
    }
}
@media (max-width: 767.98px) {
    .noBorderPadMdRe {
        margin-right: -1rem;
        margin-left: -1rem;
    }
    .padTop24pxMdRe {
        padding-top: 1.5rem;
    }
}
@media (max-width: 575.98px) {
    .noBorderPadSmRe {
        margin-right: -1rem;
        margin-left: -1rem;
    }
}

/*! link */
a.linkTextColor,
.linkTextColor a {
    color: inherit;
}
a.linkTextColor:hover,
a.linkTextColor:focus-visible,
.linkTextColor a:hover,
.linkTextColor a:focus-visible {
    color: var(--color-orange-red);
}
a.linkNoLine,
.linkNoLine a {
    text-decoration: none;
}
.linkArrow {
    display: inline-flex;
    align-items: center;
    vertical-align: baseline;
    column-gap: .75rem;
}
.linkArrowText {
    flex: 0 1 auto;
}
.hasSub > .mainNavLink {
    cursor: pointer;
}
.hasSub .linkArrowText.mainNavLink {
    flex: unset;
    text-decoration: unset;
    justify-content: space-between;
}
.hasSub .linkArrowText.mainNavLink:after {
    background: transparent;
}
.hasSub .mainNavLink.linkArrowSvg:after {
    background: unset; 
}
.hasSub > .mainNavLink div.linkArrowText.after {
    margin-right: auto;
}
@media screen and (max-width: 576px) {
    .hasSub > .mainNavLink div.linkArrowText.after {
        margin: 0 1.5rem 0 auto;
    }
}
.hasSub > .mainNavLink div.linkArrowText.after:after {
    content: "";
    position: static;
    background: unset;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 24px;
    vertical-align: middle;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    transform: rotate(45deg);
    opacity: 1;
    transform-origin: center;
    transition: transform .2s ease-in-out;
}
@media screen and (max-width: 576px) {
    .hasSub > .mainNavLink div.linkArrowText.after:after {
        width: 16px;
        height: 16px;
        margin-left: 20px;
    }
}
/* @media screen and (min-width: 577px) {
    .hasSub .linkArrowText.mainNavLink:not(a):hover + div.linkArrowText.after:after {
        border-color: #000;
    }
} */
.linkArrowSvg {
    flex: 0 1 auto;
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
}
.linkArrowSvg svg {
    display: block;
    position: absolute;
    top: calc(50% - 30%);
    right: calc(50% - 35%);
    width: .75rem;
    fill: var(--color-white);
    opacity: .32;
    transition: fill .2s ease-in-out, opacity .2s ease-in-out;
}
.linkArrow:hover .linkArrowSvg svg,
.linkArrow:focus .linkArrowSvg svg {
    fill: var(--color-orange-red);
    opacity: .68;
}
@media (prefers-reduced-motion: reduce) {
    a {
        transition: none;
    }
}

/*! simpleTextStyle */
.simpleTextStyle h1,
.simpleTextStyle h2,
.simpleTextStyle h3,
.simpleTextStyle h4,
.simpleTextStyle h5,
.simpleTextStyle h6 {
    margin-top: 1.5rem;
}
.simpleTextStyle p,
.simpleTextStyle ul,
.simpleTextStyle ol {
    margin-top: 1.5rem;
}
.simpleTextStyle ul li,
.simpleTextStyle ol li {
    position: relative;
    padding: 0 0 0 1.625rem;
}
.simpleTextStyle li p {
    margin-top: .5rem;
}
.simpleTextStyle ul li + li,
.simpleTextStyle ol li + li {
    margin-top: .5rem;
}
.simpleTextStyle ul li::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    line-height: inherit;
    color: #fff;
    content: "\2022";
}
.simpleTextStyle ol {
    list-style: none;
    counter-reset: li;
}
.simpleTextStyle ol li::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    font-size: inherit;
    line-height: inherit;
    counter-increment: li;
    content: counters(li,".") ". ";
}
.simpleTextStyle > *:first-child {
    margin-top: 0 !important;
}
.simpleTextStyle > *:last-child {
    margin-bottom: 0 !important;
}
.simpleTextStyle img {
    display: block;
    margin: 3rem auto;
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: var(--border-radius);
}
.simpleTextStyle figure {
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.simpleTextStyle figure img {
    margin-top: 0;
    margin-bottom: 0;
}
.simpleTextStyle figcaption {
    text-align: left;
    margin-top: .75rem;
    font-size: var(--font-16-font-size);
    line-height: var(--font-16-line-height);
    font-weight: var(--font-weight-regular);
    color: var(--color-grey-black2);
}
.simpleTextStyle figcaption a {
    display: inline-block;
    vertical-align: baseline;
}
.simpleTextStyle figcaption a + a {
    margin-left: 10%;
}
.simpleTextStyle iframe {
    display: block;
    margin: 3rem auto;
}
.postOneText.simpleTextStyle h2,
.postOneText.simpleTextStyle h3,
.postOneText.simpleTextStyle h4,
.postOneText.simpleTextStyle h5,
.postOneText.simpleTextStyle h6 {
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
}
.postOneText.simpleTextStyle h2,
.postOneText.simpleTextStyle h3,
.postOneText.simpleTextStyle h4,
.postOneText.simpleTextStyle h5,
.postOneText.simpleTextStyle h6 {
    text-wrap: balance;
}
.postOneText.simpleTextStyle > p:first-child {
    font-size: var(--font-24-font-size);
    line-height: 2.625rem;
    font-weight: var(--font-weight-light);
}
@media (min-width: 768px) {
    .postOneText.simpleTextStyle > p:first-child {
        margin-bottom: 6rem;
    }
}
@media (min-width: 992px) {
    .simpleTextStyle h1,
    .simpleTextStyle h2,
    .simpleTextStyle h3,
    .simpleTextStyle h4,
    .simpleTextStyle h5,
    .simpleTextStyle h6 {
        margin-top: 1.875rem;
    }
    .simpleTextStyle p,
    .simpleTextStyle ul,
    .simpleTextStyle ol {
        margin-top: 2.375rem;
    }
    .simpleTextStyle ul li,
    .simpleTextStyle ol li {
        padding: 0 0 0 2rem;
    }
    .simpleTextStyle img {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .simpleTextStyle figure {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .simpleTextStyle figcaption {
        margin-top: 1.5rem;
    }
    .simpleTextStyle iframe {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
    .postOneText.simpleTextStyle p,
    .postOneText.simpleTextStyle ul,
    .postOneText.simpleTextStyle ol,
    .postOneText.simpleTextStyle figcaption {
        margin-left: 328px;
    }
    .postOneText.simpleTextStyle > h2:first-child + p,
    .postOneText.simpleTextStyle > h3:first-child + p,
    .postOneText.simpleTextStyle > h4:first-child + p {
        margin-top: 0 !important;
    }
    .postOneText.simpleTextStyle h2,
    .postOneText.simpleTextStyle h3,
    .postOneText.simpleTextStyle h4,
    .postOneText.simpleTextStyle h5,
    .postOneText.simpleTextStyle h6 {
        float: left;
        width: 288px;
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
    .postOneText.simpleTextStyle > p:first-child {
        margin-bottom: 8rem;
        margin-left: 0;
        font-size: var(--font-32-font-size);
        line-height: 3.5rem;
    }
    .postOneText.simpleTextStyle li p {
        margin-left: 0;
    }
}
@media (min-width: 1200px) {
    .postOneText.simpleTextStyle p,
    .postOneText.simpleTextStyle ul,
    .postOneText.simpleTextStyle ol,
    .postOneText.simpleTextStyle figcaption {
        margin-left: 378px;
    }
    .postOneText.simpleTextStyle h2,
    .postOneText.simpleTextStyle h3,
    .postOneText.simpleTextStyle h4,
    .postOneText.simpleTextStyle h5,
    .postOneText.simpleTextStyle h6 {
        width: 338px;
    }
    .postOneText.simpleTextStyle h2,
    .postOneText.simpleTextStyle h3,
    .postOneText.simpleTextStyle h4,
    .postOneText.simpleTextStyle h5,
    .postOneText.simpleTextStyle h6 {
        font-size: var(--font-40-font-size);
        line-height: var(--font-40-line-height);
    }
}

/*! dancingLabel */
.dancingLabel {
    position: relative;
}
.dancingLabelTextCon {
    z-index: 9;
    position: relative;
    pointer-events: none;
}
.dancingLabelTextGhost {
    display: block;
    font-family: inherit;
    font-size: var(--font-16-font-size);
    line-height: var(--font-16-line-height);
    font-weight: var(--font-weight-semi-bold);
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.dancingLabelText {
    display: block;
    position: absolute;
    left: 0;
    bottom: -2.5625rem;
    font-family: inherit;
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
    font-weight: var(--font-weight-semi-bold);
    color: var(--color-grey);
    transition: bottom .2s ease-in-out, font-size .2s ease-in-out, line-height .2s ease-in-out;
}
.dancingLabel.active .dancingLabelText {
    bottom: 0;
    font-size: var(--font-16-font-size);
    line-height: var(--font-16-line-height);
}
.dancingLabel input,
.dancingLabel textarea {
    z-index: 2;
    position: relative;
}
.modal .dancingLabelText {
    color: var(--color-grey-light);
}
@media (min-width: 768px) {
    .dancingLabelText {
        bottom: -3.75rem;
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
}
@media (prefers-reduced-motion: reduce) {
    .dancingLabelText {
        transition: none !important;
    }
}


/*** Header ***/

.headerLogoLink {
    z-index: 1056;
    position: fixed;
    top: 1.125rem;
    left: 1rem;
    padding: 0;
    width: 4.1875rem;
    border: 0;
    border-radius: 0;
    background: none;
}
.headerLogoLink svg {
    display: block;
    width: 100%;
    height: auto;
    fill: var(--color-white);
    transition: fill .2s ease-in-out, opacity .3s ease-in-out;
}
.headerLogoLink:hover svg,
.headerLogoLink:focus-visible svg {
    fill: var(--color-orange-red);
}
.headerLogoSvg2 {
    position: absolute;
    top: 0;
    left: 0;
}
.headerLogoLink svg.headerLogoSvg2 {
    fill: var(--color-black);
}
body.modalLogoAction .headerLogoSvg1,
.headerLogoSvg2 {
    opacity: 0;
}
body.modalLogoAction .headerLogoSvg2 {
    opacity: 1;
}
.navbarToggler {
    z-index: 6;
    display: block;
    position: fixed;
    top: .75rem;
    right: 1rem;
    padding: 0;
    width: 2.5rem;
    height: 2.5rem;
    cursor: pointer;
    border: 0;
    background: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.navbarToggler span {
    z-index: 2;
    display: block;
    position: absolute;
    right: 0;
    width: 100%;
    height: .1875rem;
    background: var(--color-white);
    box-shadow: 0 0 0 1px rgba(var(--color-black-rgb), .16);
    transition: width .2s ease-in-out, top .2s ease-in-out, transform .2s ease-in-out, background-color .2s ease-in-out, border-radius .2s ease-in-out, height .2s ease-in-out, box-shadow .2s ease-in-out, right .2s ease-in-out;
}
.navbarToggler:hover span,
.navbarToggler:focus-visible span,
body.burgerLineRotate .navbarToggler:hover .navbarTogglerLine1,
body.burgerLineRotate .navbarToggler:focus-visible .navbarTogglerLine1,
body.burgerLineRotate .navbarToggler:hover .navbarTogglerLine2,
body.burgerLineRotate .navbarToggler:focus-visible .navbarTogglerLine2 {
    background: var(--color-orange-red);
}
.navbarToggler .navbarTogglerLine1 {
    top: calc(50% - .4375rem);
}
.navbarToggler .navbarTogglerLine2 {
    top: calc(50% + .25rem);
    width: 60%;
}
body.burgerLineWidth .navbarToggler .navbarTogglerLine2 {
    width: 100%;
}
body.burgerLineRotate .navbarToggler .navbarTogglerLine1,
body.burgerLineRotate .navbarToggler .navbarTogglerLine2 {
    top: calc(50% - .0625rem);
    right: 12.5%;
    width: 75%;
    height: .125rem;
    border-radius: 1rem;
    background-color: var(--color-black);
    box-shadow: 0 0 0 0 rgba(var(--color-black-rgb), .16);
}
body.burgerLineRotate .navbarToggler .navbarTogglerLine1 {
    transform: rotate(45deg);
}
body.burgerLineRotate .navbarToggler .navbarTogglerLine2 {
    transform: rotate(-45deg);
}
.navbarToggler::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: 50%;
    background: var(--color-white);
    transition: top .2s ease-in-out, right .2s ease-in-out, bottom .2s ease-in-out, left .2s ease-in-out, opacity .2s ease-in-out;
    content: "";
}
body.burgerLineRotate .navbarToggler::after {
    top: -10%;
    right: -10%;
    bottom: -10%;
    left: -10%;
    opacity: 1;
}
@media (min-width: 768px) {
    .headerLogoLink {
        top: 2.5rem;
        left: 3.5rem;
        width: 6.25rem;
    }
    .navbarToggler {
        top: 2.5625rem;
        right: 3.5rem;
    }
    body.burgerLineRotate .navbarToggler::after {
        top: -30%;
        right: -30%;
        bottom: -30%;
        left: -30%;
    }
}
@media (min-width: 1920px) {
    .headerLogoLink {
        left: calc(50% - 904px);
    }
    .navbarToggler {
        right: auto;
        left: calc(50% + 864px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .headerLogo > svg,
    .navbarToggler span,
    .navbarToggler::after {
        transition: none !important;
    }
}

/*! mainHeaderNav */
body.burgerDelay {
    overflow: hidden;
}
body:not(.burgerDelay) .mainHeaderNavCon {
    display: none;
}
.mainHeaderNavCon {
    z-index: 5;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    position: fixed;
    top: 0;
    left: 0;
    width: 100dvw;
    height: 100dvh;
}
.mainHeaderNavTop {
    flex: 0 0 auto;
    background: var(--color-black);
    transform: translateY(100%);
    transition: transform .4s ease-in-out;
}
body.burgerOpen .mainHeaderNavTop {
    transform: translateY(0);
}
.mainHeaderNavBottomCon {
    display: flex;
    align-items: stretch;
    flex: 1 1 auto;
    position: relative;
    background: var(--color-black);
    transform: translateY(-100%);
    transition: transform .4s ease-in-out;
}
body.burgerOpen .mainHeaderNavBottomCon {
    transform: translateY(0);
}
.mainHeaderNavBottom {
    overflow-y: auto;
    flex: 1 1 auto;
    position: absolute;
    top: 4rem;
    right: 0;
    bottom: 0;
    left: 0;
}
.mainHeaderSoc {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.mainHeaderSoc > li {
    flex: 0 1 calc(50% - .75rem);
}
@media (min-width: 768px) {
    .mainHeaderNavTop {
        transform: translateY(-100%);
    }
    .mainHeaderSoc {
        align-content: center;
        gap: 1rem 3rem;
        padding-right: calc(3.5rem + 3.25rem + 3.5rem);
        padding-left: calc(3.5rem + 6.25rem + 3.5rem);
        height: 7.625rem;
    }
    .mainHeaderSoc > li {
        flex-basis: auto;
    }
    .mainHeaderNavBottomCon {
        padding-bottom: 1.125rem;
        transform: translateY(100%);
    }
    .mainHeaderNavBottom {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        top: 0;
        bottom: 1.125rem;
    }
    .mainHeaderNavBottom > li {
        display: flex;
        align-items: stretch;
        flex: 1 0 auto;
    }
}
@media (min-width: 1920px) {
    .mainHeaderSoc {
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px;
    }
}
@media (max-width: 767.98px) {
    .mainHeaderNavTop {
        order: 2;
    }
    .mainHeaderNavBottomCon {
        order: 1;
        padding-top: 4rem;
    }
    .mainHeaderSoc {
        padding: 1.5rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .mainHeaderNavTop,
    .mainHeaderNavBottomCon {
        transition: none !important;
    }
}

/*! mainNavLink */
.mainNavLink {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    position: relative;
    font-size: var(--font-40-font-size);
    line-height: var(--font-48-line-height);
    font-weight: var(--font-weight-extra-bold);
    color: var(--color-white);
    border: 0;
    border-radius: 0;
    background: none;
    text-decoration: unset;
    transition: color .2s ease-in-out;
}
.submenu .mainNavLink {
    font-size: var(--font-32-font-size);
    line-height: var(--font-48-line-height);
}
.mainNavLink:not(a) {
    cursor: default;
    padding-left: 0;
    padding-right: 0;
}
.mainNavLink::after {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: linear-gradient(to right, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-red-rgb), 1));
    transition: opacity .2s ease-in-out;
    content: "";
}
.mainNavLinkBox {
    z-index: 2;
    flex: 1 1 auto;
    position: relative;
    padding-right: .5rem;
    padding-left: 1.5rem;
}
.mainNavLink .linkArrow {
    justify-content: space-between;
    width: 100%;
}
.mainNavLink .linkArrowSvg {
    width: 3rem;
    height: 3rem;
}
.mainNavLink .linkArrowSvg svg {
    width: 1.25rem;
    opacity: 1;
    fill: var(--color-black);
}
.mainNavLink .linkArrow:hover .linkArrowSvg svg,
.mainNavLink .linkArrow:focus .linkArrowSvg svg {
    fill: var(--color-black);
    opacity: 1;
}
.mainNavLink.active {
    color: var(--color-black);
}
.mainNavLink.active::after {
    opacity: 1;
}
.mainNavLink.active .linkArrow {
    padding-left: 1rem;
}
.mainNavLink:hover,
.mainNavLink:focus-visible {
    color: var(--color-black) !important;
}
.hasSub.active .mainNavLink div.linkArrowText.after:after {
    transform: rotate(135deg);
}
/* @media screen and (min-width: 993px) {
    .hasSub:hover .mainNavLink .linkArrowText.after:after,
    .hasSub:focus-visible .mainNavLink .linkArrowText.after:after {
        transform: rotate(135deg);
    }
} */
.mainNavLink:hover::after,
.mainNavLink:focus-visible::after {
    opacity: 1;
}
@media (min-width: 768px) {
    .mainNavLink {
        font-size: 6.6dvh;
        line-height: 1.2;
    }
    .mainNavLinkBox {
        padding-right: 3.5rem;
        padding-left: 3.5rem;
    }
    .mainNavLink.active .linkArrow {
        padding-left: 1.75rem;
    }
}
@media (min-width: 1200px) {
    .mainNavLinkBox {
        padding-right: calc(3.5rem + 3.25rem + 3.5rem);
        padding-left: calc(3.5rem + 6.25rem + 3.5rem);
    }
}
@media (min-width: 1920px) {
    .mainNavLinkBox {
        margin-right: auto;
        margin-left: auto;
        max-width: 1920px;
    }
}
@media (min-width: 768px) and (max-width: 1399.98px) and (min-height: 1200px) {
    .mainNavLink {
        font-size: 5.5rem;
    }
}
@media (max-width: 767.98px) {
    .mainNavLink {
        padding-top: .125rem;
        padding-bottom: .125rem;
    }
    .mainNavLink .linkArrowSvg {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .mainNavLink {
        transition: none !important;
    }
}


/*** Index ***/
.spaceBg {
    background: #3d426a url(../img/index_first_screen_bg.webp) 50% 50% no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

/*! One screen */
.contentNearCon {
    z-index: 3;
    position: relative;
    background: var(--color-black);
}
.indexOneScreenStickyCon {
    position: relative;
}
.indexOneScreenCon {
    z-index: 2;
    position: relative;
}
.oneScreenBox {
    position: relative;
}
.oneScreenBox:not(.oneScreenBoxLarge) {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: 100dvh;
}
@media screen and (max-width:768px) {
    .oneScreenBox:not(.oneScreenBoxLarge) {
        height: 100%;
        min-height: 100vh;
    }
}
.oneScreenBoxLarge.oneScreenBoxLast {
    background: var(--color-black);
}
.oneScreenBoxLarge.oneScreenBoxLast::after {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-black);
    content: "";
}
.oneScreenBoxLastPad {
    padding-top: 5.5rem;
}
.oneScreenBoxFixBody {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.oneScreenBox.leaveImmediately .oneScreenBoxFixBody {
    z-index: 1;
    position: fixed;
}
.oneScreenBoxContent {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    flex: 1 1 auto;
    position: relative;
}
.oneScreenBoxContentLeft,
.oneScreenBoxContentRight {
    flex: 0 1 auto;
}
.oneScreenBoxContentRight {
    width: 220px;
}
.oneScreenBoxContent2 {
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
    position: relative;
}
.oneScreenBoxContent2Center {
    flex: 0 1 auto;
}
.oneScreenSevenBg3 {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #3d426a url(../img/index_first_screen_bg3.webp) 50% 50% no-repeat;
    background-size: cover;
}
.oneScreenBox.leaveImmediately .oneScreenSevenBg3 {
    position: fixed;
}
@media (min-width: 768px) {
    .oneScreenBox:not(.oneScreenBoxLarge) {
        align-items: center;
    }
    .oneScreenBoxContent {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .oneScreenBoxContentBtn1 {
        display: none;
    }
    .oneScreenBoxFixBody {
        align-items: center;
    }
}
@media (min-width: 992px) {
    .oneScreenBoxContentRight {
        width: 260px;
    }
}
@media (min-width: 1200px) {
    .oneScreenBoxContentRight {
        width: 320px;
    }
}
@media (min-width: 1600px) {
    .oneScreenBoxContentRight {
        width: 382px;
    }
}
@media (max-width: 1339.98px) {
    .oneScreenBoxContentRight {
        font-size: var(--font-18-font-size);
        line-height: var(--font-18-line-height);
    }
}
@media (max-width: 991.98px) {
    .oneScreenBoxContentRight {
        font-size: var(--font-16-font-size);
        line-height: var(--font-16-line-height);
    }
}
@media (max-width: 767.98px) {
    .oneScreenBox.oneScreenBoxCenter:not(.oneScreenBoxLarge) {
        align-items: center;
        padding-top: 4rem;
    }
    .oneScreenBoxContent {
        padding-bottom: 1rem;
        background: linear-gradient(180deg, rgba(28, 29, 38, 0) 0%, rgba(28, 29, 38, .92) 80.21%);
    }
    .oneScreenBoxContent2 {
        padding-bottom: 1rem;
    }
    .oneScreenBoxContentLeft {
        width: 100%;
    }
    .oneScreenBoxContentRight {
        margin-top: .75rem;
        width: 100%;
        font-size: var(--font-18-font-size);
        line-height: var(--font-18-line-height);
    }
    .oneScreenBoxContentDescr {
        display: none;
    }
    .oneScreenBoxContentBtn1Mar {
        margin-top: 1.5rem;
    }
}
/*! Fixed One screen */
.oneScreenSevenBg2 {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: #3d426a url(../img/index_first_screen_bg2.webp) 50% 50% no-repeat;
    background-size: cover;
    transition: opacity .7s ease-in-out;
}
.indexOneScreenStickyCon.bg2Show .oneScreenSevenBg2 {
    opacity: 1;
}
.oneScreenSevenImg {
    z-index: 1;
    display: block;
    position: fixed;
    bottom: 176px;
    left: 50%;
    width: auto;
    height: auto;
    transform: translateX(-50%);
    filter: grayscale(0%);
    transition: filter.7s ease-in-out;
}
.indexOneScreenStickyCon.bg2ShadowShow .oneScreenSevenImg {
    filter: grayscale(40%);
}
.oneScreenSevenDark {
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: linear-gradient(89.58deg, rgba(20, 14, 28, 0) 0.35%, #140e1c 46.89%, #140e1c 53.61%, rgba(20, 14, 28, 0) 99.63%);
    transition: opacity .7s ease-in-out;
}
.oneScreenSevenDark::before {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(50% 158.02% at 50% 51.17%, rgba(20, 14, 28, 0) 0%, #140e1c 90.1%);
    content: "";
}
.indexOneScreenStickyCon.bg2ShadowShow .oneScreenSevenDark {
    opacity: .6;
}
.indexFixedBtn {
    z-index: 4;
    position: fixed;
    bottom: 2rem;
    left: 3.5rem;
}
.indexFixedBtn .btnTextText {
    overflow: hidden;
    position: relative;
    height: var(--font-button-line-height);
    white-space: nowrap;
    transition: width .2s ease-in-out;
}
.btnTextTextInside {
    display: block;
}
.btnTextText.short .btnTextTextInside {
    position: absolute;
    top: 0;
    left: 0;
}
.indexFixedBtn.short:not(:focus, :hover) {
    padding-left: .375rem;
}
.indexFixedBtn.loaded.short:not(:focus, :hover) .btnTextText {
    width: 0 !important;
}
.oneScreenBoxIphone {
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 214px;
    left: calc(50% - 32px);
    width: auto;
    height: auto;
    filter: drop-shadow(-1rem 2.5rem 1.5rem rgba(var(--color-black-rgb), .55));
}
.oneScreenBoxVRBox {
    z-index: 1;
    position: absolute;
    bottom: 400px;
    left: calc(50% + 1px);
    transform: translateX(-50%);
}
.oneScreenBox.leaveImmediately .oneScreenBoxVRBox {
    position: fixed;
}
.oneScreenBoxVR1 {
    z-index: 1;
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 .5rem .5rem rgba(var(--color-black-rgb), .32));
    transition: filter .7s ease-in-out;
}
.oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR1 {
    filter: drop-shadow(0 .5rem .5rem rgba(146, 39, 39, .48));
}
.oneScreenBoxVR2 {
    z-index: 1;
    display: block;
    position: absolute;
    bottom: 0;
    left: 3.7%;
    width: 92.6%;
    height: auto;
    opacity: 0;
    transition: opacity .7s ease-in-out;
}
.oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR2 {
    opacity: 1;
}
@media (min-width: 768px) {
    .oneScreenSevenImg {
        bottom: 0;
    }
    .oneScreenBoxIphone {
        bottom: 42px;
        left: calc(50% - 24px);
    }
    .oneScreenBoxVRBox {
        bottom: 187px;
    }
}
@media (min-width: 992px) {
    .oneScreenBoxIphone {
        bottom: 64px;
        left: calc(50% - 37px);
        filter: drop-shadow(-1.5rem 3.75rem 2.25rem rgba(var(--color-black-rgb), .55));
    }
    .oneScreenBoxVRBox {
        bottom: 280px;
        left: calc(50% + 2px);
    }
    .oneScreenBoxVR1 {
        filter: drop-shadow(0 .75rem .75rem rgba(var(--color-black-rgb), .32));
    }
    .oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR1 {
        filter: drop-shadow(0 .75rem .75rem rgba(146, 39, 39, .48));
    }
}
@media (min-width: 1340px) {
    .oneScreenBoxIphone {
        bottom: 84px;
        left: calc(50% - 47px);
        filter: drop-shadow(-2rem 5rem 3rem rgba(var(--color-black-rgb), .55));
    }
    .oneScreenBoxVRBox {
        bottom: 372px;
    }
    .oneScreenBoxVR1 {
        filter: drop-shadow(0 1rem 1rem rgba(var(--color-black-rgb), .32));
    }
    .oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR1 {
        filter: drop-shadow(0 1rem 1rem rgba(146, 39, 39, .48));
    }
}
@media (min-width: 1920px) {
    .indexFixedBtn {
        left: calc(50% - 904px);
    }
}
@media (max-height: 799.98px) and (min-width: 768px) {
    .oneScreenBoxIphone {
        bottom: 64px;
        left: calc(50% - 37px);
        filter: drop-shadow(-1.5rem 3.75rem 2.25rem rgba(var(--color-black-rgb), .55));
    }
    .oneScreenBoxVRBox {
        bottom: 280px;
    }
    .oneScreenBoxVR1 {
        filter: drop-shadow(0 .75rem .75rem rgba(var(--color-black-rgb), .32));
    }
    .oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR1 {
        filter: drop-shadow(0 .75rem .75rem rgba(146, 39, 39, .48));
    }
}
@media (max-height: 599.98px) and (min-width: 768px) {
    .oneScreenBoxIphone {
        bottom: 42px;
        left: calc(50% - 24px);
        filter: drop-shadow(-1rem 2.5rem 1.5rem rgba(var(--color-black-rgb), .55));
    }
    .oneScreenBoxVRBox {
        bottom: 187px;
        left: calc(50% + 1px);
    }
    .oneScreenBoxVR1 {
        filter: drop-shadow(0 .5rem .5rem rgba(var(--color-black-rgb), .32));
    }
    .oneScreenBox.leaveDelay:not(.currentDelay) .oneScreenBoxVR1 {
        filter: drop-shadow(0 .5rem .5rem rgba(146, 39, 39, .48));
    }
}
@media (max-width: 767.98px) {
    .indexFixedBtn {
        display: none;
    }
    .oneScreenSevenImgBottom {
        z-index: 1;
        position: fixed;
        left: 0;
        bottom: 0;
        height: 177px;
        width: 100%;
        background: #c3c4d1;
    }
    .oneScreenBoxVRBox {
        width: 297px;
    }
}
/*! Fixed One text */
.oneScreenText1,
.oneScreenText2,
.oneScreenText3 {
    font-size: 2.25rem;
    line-height: 3.0625rem;
}
.oneScreenText5 {
    font-size: 1.75rem;
    line-height: 2.375rem;
}
@media (min-width: 768px) {
    .oneScreenText1 {
        font-size: 2.5rem;
        line-height: 3.375rem;
    }
    .oneScreenText2 {
        font-size: 2.5625rem;
        line-height: 3.5rem;
    }
    .oneScreenText3 {
        font-size: 2.75rem;
        line-height: 3.75rem;
    }
    .oneScreenText1.oneScreenTextLHSmall {
        line-height: 2.9375rem;
    }
    .oneScreenText2.oneScreenTextLHSmall {
        line-height: 3.0625rem;
    }
    .oneScreenText3.oneScreenTextLHSmall {
        line-height: 3.25rem;
    }
    .oneScreenText4 {
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
    .oneScreenText5 {
        font-size: 1.5rem;
        line-height: 2.0625rem;
    }
}
@media (min-width: 992px) {
    .oneScreenText1 {
        font-size: 3rem;
        line-height: 4.125rem;
    }
    .oneScreenText2 {
        font-size: 3.125rem;
        line-height: 4.25rem;
    }
    .oneScreenText3 {
        font-size: 3.25rem;
        line-height: 4.5rem;
    }
    .oneScreenText1.oneScreenTextLHSmall {
        line-height: 3.375rem;
    }
    .oneScreenText2.oneScreenTextLHSmall {
        line-height: 3.5rem;
    }
    .oneScreenText3.oneScreenTextLHSmall {
        line-height: 3.75rem;
    }
    .oneScreenText4 {
        font-size: 1.25rem;
        line-height: 1.8125rem;
    }
    .oneScreenText5 {
        font-size: 2rem;
        line-height: 2.75rem;
    }
}
@media (min-width: 1340px) {
    .oneScreenText1 {
        font-size: 4.4rem;
        line-height: 6rem;
    }
    .oneScreenText2 {
        font-size: 4.5rem;
        line-height: 6.125rem;
    }
    .oneScreenText3 {
        font-size: 5rem;
        line-height: 6.875rem;
    }
    .oneScreenText1.oneScreenTextLHSmall {
        line-height: 5rem;
    }
    .oneScreenText2.oneScreenTextLHSmall {
        line-height: 5.125rem;
    }
    .oneScreenText3.oneScreenTextLHSmall {
        line-height: 5.875rem;
    }
    .oneScreenText4 {
        margin-top: 1.125rem;
        font-size: 1.75rem;
        line-height: 2.375rem;
    }
    .oneScreenText5 {
        font-size: 2.25rem;
        line-height: 3.125rem;
    }
}
@media (min-width: 1600px) {
    .oneScreenText1 {
        font-size: 5.5rem;
        line-height: 7.5rem;
    }
    .oneScreenText2 {
        font-size: 5.625rem;
        line-height: 7.6875rem;
    }
    .oneScreenText3 {
        font-size: 6rem;
        line-height: 8.1875rem;
    }
    .oneScreenText1.oneScreenTextLHSmall {
        line-height: 6.5rem;
    }
    .oneScreenText2.oneScreenTextLHSmall {
        line-height: 6.6875rem;
    }
    .oneScreenText3.oneScreenTextLHSmall {
        line-height: 7.1875rem;
    }
    .oneScreenText4 {
        font-size: 2rem;
        line-height: 2.75rem;
    }
    .oneScreenText5 {
        font-size: 2.9375rem;
        line-height: 4rem;
    }
}
@media (max-width: 767.98px) {
    .oneScreenText4 {
        display: none;
    }
    .oneScreenText6 {
        font-size: 1.375rem;
        line-height: 2.0625rem;
    }
}
@media (max-height: 499.98px) and (min-width: 1340px) {
    .oneScreenText1 {
        font-size: 3rem;
        line-height: 4.125rem;
    }
    .oneScreenText2 {
        font-size: 3.125rem;
        line-height: 4.25rem;
    }
    .oneScreenText3 {
        font-size: 3.25rem;
        line-height: 4.5rem;
    }
    .oneScreenText1.oneScreenTextLHSmall {
        line-height: 3.375rem;
    }
    .oneScreenText2.oneScreenTextLHSmall {
        line-height: 3.5rem;
    }
    .oneScreenText3.oneScreenTextLHSmall {
        line-height: 3.75rem;
    }
    .oneScreenText4 {
        font-size: 1.25rem;
        line-height: 1.8125rem;
    }
    .oneScreenText5 {
        font-size: 2rem;
        line-height: 2.75rem;
    }
}
/*! oliveCrownList */
.showBox1 {
    opacity: 0;
    transform: translateY(50lvh);
    transition: transform .7s ease-in-out, opacity .7s ease-in-out;
}
.oneScreenBox.currentDelay .showBox1 {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .7s, .7s;
}
.oneScreenBox.leaveDelay .showBox1 {
    opacity: 1;
    transform: translateY(0);
}
.oneScreenBoxContent {
    opacity: 0;
    transform: translateY(25lvh);
    transition: transform .7s ease-in-out, opacity .7s ease-in-out;
}
.oneScreenBox.currentDelay .oneScreenBoxContent {
    opacity: 1;
    transform: translateY(0);
    transition-delay: .6s, .6s;
}
.oliveCrownList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .875rem 2rem;
}
.oliveCrownListMar {
    margin-top: 2.5rem;
}
.oliveCrownBox {
    flex: 0 1 auto;
    position: relative;
    width: 8.625rem;
    min-height: 7.8125rem;
}
.oliveCrownBoxContent {
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding: 1rem 1rem 1.75rem;
    min-height: 7.8125rem;
    text-wrap: balance;
}
.oliveCrownBoxContentTitle {
    font-size: 12px;
    line-height: normal;
    font-weight: var(--font-weight-extra-bold);
}
.oliveCrownBoxContentText {
    margin-top: .25rem;
    font-size: 10px;
    line-height: normal;
    font-weight: var(--font-weight-semi-bold);
}
.oliveCrownBoxSvg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.oliveCrownBoxSvg svg {
    display: block;
    width: 100%;
    height: auto;
    fill: var(--color-orange-red);
}
.oliveCrownBoxSecond .oliveCrownBoxSvg svg {
    fill: var(--color-orange);
}
@media (min-width: 768px) {
    .oliveCrownList {
        gap: 1.5rem 3rem;
    }
    .oliveCrownBox {
        width: 11.375rem;
        min-height: 10.4375rem;
    }
    .oliveCrownBoxContent {
        padding: 2rem 2rem 3rem;
        min-height: 10.4375rem;
    }
    .oliveCrownBoxContentTitle {
        font-size: var(--font-16-font-size);
        line-height: var(--font-16-line-height);
    }
    .oliveCrownBoxContentText {
        margin-top: .3125rem;
        font-size: var(--font-12-font-size);
        line-height: var(--font-12-line-height);
    }
}
@media (min-width: 992px) {
    .oliveCrownList {
        gap: 2rem 4rem;
    }
    .oliveCrownListMar {
        margin-top: 3.25rem;
    }
}
@media (min-width: 1340px) {
    .oliveCrownList {
        gap: 2rem 5rem;
    }
    .oliveCrownListMar {
        margin-top: 4rem;
    }
}
@media (min-width: 1600px) {
    .oliveCrownList {
        gap: 2rem 6.25rem;
    }
    .oliveCrownListMar {
        margin-top: 5rem;
    }
}
@media (max-height: 499.98px) and (min-width: 1340px) {
    .oliveCrownListMar {
        margin-top: 3.25rem;
    }
}
@media (max-width: 767.98px) {
    .oliveCrownList {
        justify-content: center;
    }
}
/*! oneScreenVideo */
.oneScreenVideo {
    flex: 1 1 auto;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}
@media (min-height: 400px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: 350px;
    }
}
@media (min-height: 500px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: 520px;
    }
}
@media (min-height: 600px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: 700px;
    }
}
@media (min-height: 700px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: 850px;
    }
}
@media (min-height: 800px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: 1000px;
    }
}
@media (min-height: 900px) and (min-width: 768px) {
    .oneScreenVideo {
        max-width: none;
    }
}
/*! videoPreview */
.videoPreview {
    overflow: hidden;
    position: relative;
}
.videoPreviewImg {
    z-index: 2;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%;
}
.videoPreviewText {
    z-index: 3;
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    font-size: 2rem;
    line-height: 2.5rem;
    font-weight: var(--font-weight-extra-bold);
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.videoPreviewButton {
    z-index: 4;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    padding: 0;
    width: 3rem;
    height: 3rem;
    border: 0;
    border-radius: 50%;
    background: var(--color-orange-red);
}
.videoPreviewButton::after {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: linear-gradient(to right, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-rgb), 0));
    transition: opacity .2s ease-in-out;
    content: "";
}
.videoPreviewButton svg {
    z-index: 2;
    position: relative;
    left: .0625rem;
    width: .8125rem;
    fill: #fff;
}
.videoPreviewAction {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 0;
    background: none;
}
.videoPreviewAction:focus ~ .videoPreviewButton::after,
.videoPreviewAction:hover ~ .videoPreviewButton::after {
    opacity: 0;
}
@media (min-width: 768px) {
    .videoPreviewImg {
        object-position: 50% 50%;
    }
    .videoPreviewText {
        bottom: 2rem;
        left: 2.25rem;
        font-size: 2.5rem;
        line-height: 3.375rem;
    }
    .videoPreviewButton {
        top: 35%;
        right: auto;
        bottom: auto;
        left: 27%;
        width: 4.5rem;
        height: 4.5rem;
    }
    .videoPreviewButton svg {
        left: .125rem;
        width: 1.25rem;
    }
    .videoPreview .embedResponsiveItem,
    .videoPreview iframe,
    .videoPreview embed,
    .videoPreview object,
    .videoPreview video,
    .videoPreviewAction {
        border-radius: var(--border-radius);
    }
}
@media (min-width: 992px) {
    .videoPreviewText {
        bottom: 3rem;
        left: 3.5rem;
        font-size: 3rem;
        line-height: 4rem;
    }
    .videoPreviewButton {
        left: 30%;
        width: 5.5rem;
        height: 5.5rem;
    }
    .videoPreviewButton svg {
        width: 1.5rem;
    }
}
@media (min-width: 1340px) {
    .videoPreviewText {
        font-size: 4rem;
        line-height: 5rem;
    }
}
@media (max-height: 699.98px) and (min-width: 768px) {
    .videoPreviewText {
        bottom: 2rem;
        left: 2.25rem;
        font-size: 2.5rem;
        line-height: 3.375rem;
    }
    .videoPreviewButton {
        left: 27%;
        width: 4.5rem;
        height: 4.5rem;
    }
    .videoPreviewButton svg {
        width: 1.25rem;
    }
}
@media (max-height: 599.98px) and (min-width: 768px) {
    .videoPreviewButton {
        top: auto;
        right: 2.25rem;
        bottom: 2rem;
        left: auto;
    }
}
@media (max-width: 767.98px) {
    .oneScreenBoxVideo {
        overflow: hidden;
    }
    .oneScreenBoxVideo .oneScreenBoxContent2,
    .oneScreenBoxVideo .videoPreview {
        position: static;
    }
}
@media (prefers-reduced-motion: reduce) {
    .videoPreviewButton::after {
        transition: none !important;
    }
}


/*** isMobile ***/

body.isMobile .oneScreenBox {
    overflow: hidden;
}
body.isMobile .oneScreenSevenBg2,
body.isMobile .oneScreenSevenBg3,
body.isMobile .oneScreenSevenImg,
body.isMobile .oneScreenSevenImgBottom,
body.isMobile .oneScreenSevenDark {
    z-index: 1 !important;
    display: none !important;
}
body:not(.isMobile) .oneScreenBox .oneScreenSevenImg {
    display: none !important;
}
body.isMobile .spaceBg {
    background: var(--color-black) !important;
}
body.isMobile .oneScreenBox .oneScreenSevenImg,
body.isMobile .oneScreenBox .oneScreenSevenImgBottom,
body.isMobile .oneScreenBox .oneScreenSevenDark {
    display: block !important;
    position: absolute;
}
body.isMobile .oneScreenBox .oneScreenSevenDark {
    opacity: .4;
}
body.isMobile .oneScreenBoxBg1 {
    background: #3d426a url(../img/index_first_screen_bg.webp) 50% 50% no-repeat;
    background-size: cover;
}
body.isMobile .oneScreenBoxBg2 .oneScreenSevenImg {
    display: none !important;
}
body.isMobile .oneScreenBoxBg3 {
    background: #3d426a url(../img/index_first_screen_bg3.webp) 50% 50% no-repeat;
    background-size: cover;
}
body.isMobile .oneScreenBoxFixBody {
    position: static !important;
}
body:not(.isMobile) .oneScreenNewMeta,
body.isMobile .oneScreenBoxVRBox,
body.isMobile .oneScreenBox.oneScreenBoxGlassOn {
    display: none !important;
}
body.isMobile .oneScreenNewMeta {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 177px);
}
body.isMobile .showBox1,
body.isMobile .oneScreenBoxContent {
    opacity: 1;
    transform: translateY(0);
}
@media (min-width: 768px) {
    body.isMobile .oneScreenNewMeta {
        height: 100%;
    }
}
@media (max-width: 767.98px) {
    body.isMobile .oneScreenBoxContentRight {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: stretch;
        min-height: calc(177px - 1rem);
    }
    body.isMobile .oneScreenBoxContentRight > * {
        flex: 0 1 auto;
    }
}

/*! index box */
.oneScreenBoxContent3 {
    z-index: 2;
    position: relative;
}
.simpleVideoBox {
    position: relative;
    aspect-ratio: 139/180;
    border-radius: var(--border-radius);
    background: #3d426a;
}
.simpleVideo {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
}
.simpleVideoBoxMark {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}
.simpleVideoBox .simpleVideoBoxMark {
    z-index: 2;
    flex-direction: column;
    position: absolute;
    top: 0;
    right: 0;
    padding: 1rem;
    height: 100%;
}
.simpleVideoBoxMark > li {
    z-index: 2;
    flex: 0 1 auto;
    position: relative;
}
.simpleVideoBoxMarkItem {
    display: block;
    padding: .4375rem .9375rem;
    white-space: nowrap;
    font-size: var(--font-14-font-size);
    line-height: var(--font-14-line-height);
    font-weight: 600;
    text-decoration: none;
    color: var(--color-white);
    border: .0625rem solid rgba(var(--color-white-rgb), .32);
    border-radius: 2rem;
    background: rgba(var(--color-black-rgb), .09);
    background-clip: border-box;
    transition: color .2s ease-in-out, text-shadow .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out;
}
.simpleVideoBoxMarkItem:not(a) {
    cursor: default;
}
.simpleVideoBoxMarkItem:focus,
.simpleVideoBoxMarkItem:hover {
    color: var(--color-white);
}
a.simpleVideoBoxMarkItem:hover {
    background-color: rgba(255, 255, 255, .2);
}
.simpleVideoBoxMarkItem.simpleVideoBoxMarkItemInstagram {
    border-color: rgba(0, 0, 0, 0);
}
.simpleVideoBoxMarkItemInstagram::before {
    z-index: 1;
    position: absolute;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    opacity: .48;
    border: .0625rem solid rgba(255, 9, 156, .48);
    border-radius: 2rem;
    background-image: linear-gradient(45deg, #ffdd55, #ff543e, #c837ab);
    background-clip: border-box;
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    content: "";
}
.simpleVideoBoxMarkItemInstagram::after {
    z-index: 1;
    position: absolute;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    opacity: 0;
    border-radius: 2rem;
    background-image: linear-gradient(45deg, #ffdd55, #ff543e, #c837ab);
    transition: opacity .2s ease-in-out;
    content: "";
}
body.isMobile .simpleVideoBoxMarkItemInstagram::after,
.simpleVideoBoxMarkItemInstagram:focus::after,
.simpleVideoBoxMarkItemInstagram:hover::after {
    opacity: 1;
}
.simpleVideoBoxMarkItemTikTok {
    border-color: rgba(8, 255, 249, .48);
}
body.isMobile .simpleVideoBoxMarkItemTikTok,
.simpleVideoBoxMarkItemTikTok:focus,
.simpleVideoBoxMarkItemTikTok:hover {
    text-shadow: 1px 1px 0 #f00044, -1px -1px 0 #08fff9;
    background-color: var(--color-black) !important;
    border-color: rgba(var(--color-black-rgb), 1);
}
.simpleVideoBoxMarkItemSpatial {
    border-color: rgba(var(--color-black-rgb), .48);
}
body.isMobile .simpleVideoBoxMarkItemSpatial,
.simpleVideoBoxMarkItemSpatial:focus,
.simpleVideoBoxMarkItemSpatial:hover {
    background-color: var(--color-black) !important;
    border-color: rgba(var(--color-black-rgb), 1);
}
.simpleVideoBoxMarkItemSnapchat {
    border-color: rgba(255, 250, 4, .48);
}
body.isMobile .simpleVideoBoxMarkItemSnapchat,
.simpleVideoBoxMarkItemSnapchat:focus,
.simpleVideoBoxMarkItemSnapchat:hover {
    /* text-shadow: 1px 1px 0 var(--color-black), -1px 1px 0 var(--color-black), 1px -1px 0 var(--color-black), -1px -1px 0 var(--color-black), 1px 1px 0 var(--color-black), -1px 1px 0 var(--color-black), 1px -1px 0 var(--color-black), -1px -1px 0 var(--color-black); */
    text-shadow: 1px 1px 2px var(--color-black), 0px 0px 2px var(--color-black);
    background-color: #fffa04 !important;
    border-color: rgba(255, 250, 4, 1);
}
.simpleVideoCon {
    position: relative;
}
.simpleVideoCon.disabled {
    display: none;
}
.simpleVideoTitle {
    margin-top: .75rem;
    text-decoration: none;
    transition: color .2s ease-in-out;
    color: var(--color-white);
}
.simpleVideoTitle:not(a) {
    cursor: default;
}
.simpleVideoCon:hover .simpleVideoTitle {
    color: var(--color-orange-red);
}
.simpleVideoBoxMarkItemText {
    z-index: 2;
    display: block;
    position: relative;
}
h2.simpleVideoBoxMarkItemText,
h3.simpleVideoBoxMarkItemText,
h4.simpleVideoBoxMarkItemText {
    font-size: inherit;
    font-weight: inherit;
}
.simpleVideoBoxMarkItemIcon {
    z-index: 2;
    display: none;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
}
.simpleVideoBoxMarkItemIcon svg {
    display: block;
    width: 100%;
    height: auto;
    fill: var(--color-white);
}
.simpleVideoBoxMarkItemSnapchat .simpleVideoBoxMarkItemIcon svg {
    fill: #fffffe;
}
.simpleVideoLoader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 2.4375rem;
    width: 100%;
    border: .0625rem solid rgba(var(--color-orange-red-rgb), 0);
    border-radius: var(--border-radius);
    background: none;
}
.simpleVideoLoader.disabled {
    display: none !important;
}
.simpleVideoLoader::before {
    z-index: 1;
    position: absolute;
    top: -.0625rem;
    right: -.0625rem;
    bottom: -.0625rem;
    left: -.0625rem;
    border: .0625rem solid rgba(var(--color-orange-red-rgb), 0);
    border-radius: var(--border-radius);
    background: linear-gradient(153.43deg, rgba(var(--color-orange-red-rgb), .32) 0%, rgba(var(--color-orange-rgb), .08) 83.33%);
    background-clip: border-box;
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    content: "";
}
.simpleVideoLoader::after {
    z-index: 1;
    position: absolute;
    top: calc(0rem - var(--border-width));
    right: calc(0rem - var(--border-width));
    bottom: calc(0rem - var(--border-width));
    left: calc(0rem - var(--border-width));
    opacity: 0;
    border: var(--border-width) solid rgba(var(--color-orange-rgb), 0);
    border-radius: var(--border-radius);
    background-image: linear-gradient(to right, var(--color-orange), var(--color-orange-red));
    background-clip: border-box;
    background-origin: border-box;
    transition: opacity .2s ease-in-out;
    content: "";
}
.simpleVideoLoader:focus::before,
.simpleVideoLoader:hover::before {
    opacity: 0;
}
.simpleVideoLoader:focus::after,
.simpleVideoLoader:hover::after {
    opacity: 1;
}
.simpleVideoLoaderBox {
    z-index: 2;
    flex: 0 1 auto;
    position: relative;
    text-align: center;
}
@keyframes rotate360 {
    to {
        transform: rotate(-360deg);
    }
}
.simpleVideoLoaderSvg {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 3rem;
    height: auto;
    opacity: .32;
    fill: var(--color-white);
    transition: opacity .2s ease-in-out;
}
.simpleVideoLoader.active .simpleVideoLoaderSvg {
    animation: 1.5s linear infinite rotate360;
}
.simpleVideoLoader:focus .simpleVideoLoaderSvg,
.simpleVideoLoader:hover .simpleVideoLoaderSvg {
    opacity: 1;
}
.simpleVideoLoaderText {
    opacity: .64;
    color: var(--color-white);
    transition: opacity .2s ease-in-out;
}
.simpleVideoLoader:focus .simpleVideoLoaderText,
.simpleVideoLoader:hover .simpleVideoLoaderText {
    opacity: 1;
}
@media (min-width: 576px) {
    .masonryGridCon {
        overflow: hidden;
    }
    .masonryGrid {
        margin-right: -1rem;
        margin-bottom: -1rem;
        margin-left: -1rem;
    }
    .masonryGrid::after {
        display: block;
        clear: both;
        content: "";
    }
    .masonryBox {
        margin-right: 1rem;
        margin-bottom: 1rem;
        margin-left: 1rem;
        width: calc(50% - 2rem);
    }
    .masonryBox:nth-child(2n + 1) {
        float: left;
    }
    .masonryBox:nth-child(2n) {
        float: right;
    }
    .masonryBox:nth-child(2) {
        margin-top: 1rem;
    }
    .masonryBox:last-child {
        margin-bottom: 0 !important;
    }
    .masonryGridRe .masonryBox:nth-child(2n + 1) {
        float: right;
    }
    .masonryGridRe .masonryBox:nth-child(2n) {
        float: left;
    }
    .masonryGrid.masonryGrid2 {
        margin-bottom: -3rem;
    }
    .masonryGrid.masonryGrid2 .masonryBox {
        margin-bottom: 3rem;
    }
    .masonryGrid.masonryGrid3 {
        margin-bottom: -3rem;
    }
    .masonryGrid.masonryGrid3 .masonryBox {
        margin-bottom: 3rem;
    }
    .simpleVideoLoader {
        aspect-ratio: 139/120;
    }
    .blogBoxBtn .simpleVideoLoader {
        aspect-ratio: 139/90;
    }
}
@media (min-width: 992px) {
    .masonryGrid {
        margin-right: -2rem;
        margin-bottom: -2rem;
        margin-left: -2rem;
    }
    .masonryBox {
        margin-right: 2rem;
        margin-bottom: 2rem;
        margin-left: 2rem;
        width: calc(50% - 4rem);
    }
    .masonryGrid.masonryGrid2 {
        margin-bottom: -5.5rem;
    }
    .masonryGrid.masonryGrid2 .masonryBox {
        margin-bottom: 5.5rem;
    }
    .masonryGrid.masonryGrid3 {
        margin-bottom: -4rem;
    }
    .masonryGrid.masonryGrid3 .masonryBox {
        margin-bottom: 4rem;
    }
    .masonryBox:nth-child(2) {
        margin-top: 2rem;
    }
    .simpleVideoLoaderText {
        display: block;
        margin-top: .25rem;
    }
    .simpleVideoBox .simpleVideoBoxMark {
        flex-direction: row;
        top: auto;
        right: auto;
        bottom: 0;
        left: 0;
        padding: 1.5rem 1rem;
        width: 100%;
        height: auto;
        opacity: 0;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
        transition: opacity .2s ease-in-out;
    }
    .simpleVideoCon:hover .simpleVideoBox .simpleVideoBoxMark {
        opacity: 1;
    }
    .simpleVideoBoxMark::after {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 0 0 var(--border-radius) var(--border-radius);
        background-image: linear-gradient(to top, rgba(37, 26, 26, 1), rgba(37, 26, 26, 0));
        content: "";
    }
    .simpleVideoBoxMark.simpleVideoBoxMarkNoShadow::after {
        display: none !important;
    }
    .simpleVideoTitle {
        margin-top: 1.5rem;
    }
    .simpleVideoLoaderSvg {
        width: 8rem;
    }
    .simpleVideoLoaderText {
        margin-top: 1rem;
    }
}
@media (max-width: 991.98px) {
    .simpleVideoBox .simpleVideoBoxMarkItem {
        padding: .375rem;
        border-radius: 50%;
        background: rgba(var(--color-black-rgb), .48);
    }
    .simpleVideoBox .simpleVideoBoxMarkItemIcon {
        display: block;
    }
    .simpleVideoBox .simpleVideoBoxMarkItemText,
    .simpleVideoBox .simpleVideoBoxMarkItemSimple {
        display: none;
    }
}
@media (max-width: 575.98px) {
    .masonryBox:not(.masonryBoxH) {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 400px;
    }
    .masonryBox + .masonryBox {
        margin-top: 2rem;
    }
    .simpleVideoLoaderBox {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 1rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .simpleVideoBoxMark,
    .simpleVideoBoxMarkItem,
    .simpleVideoBoxMarkItemInstagram::after,
    .simpleVideoTitle,
    .simpleVideoLoader::before,
    .simpleVideoLoader::after,
    .simpleVideoLoaderSvg,
    .simpleVideoLoaderText {
        transition: none !important;
    }
}

/*! platformsGrid */
.platformsListGridMar {
    margin-top: 1.5rem;
}
.platformsListGrid {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1rem;
}
.platformsListGrid > li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 calc(50% - .5rem);
    aspect-ratio: 1/1;
    padding: .5rem;
    border: .0625rem solid rgba(var(--color-white-rgb), 0);
    border-radius: var(--border-radius);
    background: linear-gradient(134.38deg, rgba(var(--color-white-rgb), .16), rgba(var(--color-white-rgb), 0.08));
    background-clip: border-box;
    background-origin: border-box;
}
.platformsListGrid.platformsListGridStyle2 > li {
    border-color: rgba(var(--color-white-rgb), .12);
    background: none;
}
.platformsListBox {
    flex: 0 1 auto;
    text-align: center;
}
.platformsListSvg {
    margin-right: auto;
    margin-left: auto;
    width: 4rem;
}
.platformsListSvg svg {
    display: block;
    width: 100%;
    height: auto;
    fill: var(--color-white);
}
.platformsListText {
    margin-top: 1rem;
    color: var(--color-white);
}
@media (min-width: 576px) {
    .platformsGrid {
        display: flex;
        column-gap: 2rem;
    }
    .platformsBox {
        width: calc(50% - 1rem);
    }
    .platformsBox:nth-child(2) {
        margin-top: 7rem;
    }
    .platformsListSvg {
        width: 3rem;
    }
    .platformsListText {
        margin-top: .375rem;
    }
}
@media (min-width: 768px) {
    .platformsListSvg {
        width: 4rem;
    }
    .platformsListText {
        margin-top: 1rem;
    }
}
@media (min-width: 992px) {
    .platformsListGrid > li {
        flex: 0 1 calc(50% - .75rem);
        padding: 1rem;
    }
    .platformsGrid {
        column-gap: 4rem;
    }
    .platformsBox {
        width: calc(50% - 2rem);
    }
    .platformsBox:nth-child(2) {
        margin-top: 10.3125rem;
    }
    .platformsListGrid {
        gap: 1.5rem;
    }
    .platformsListSvg {
        width: 5.5rem;
    }
    .platformsListText {
        margin-top: 1.5rem;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .platformsListGrid {
        font-size: var(--font-14-font-size);
        line-height: var(--font-14-line-height);
    }
}
@media (max-width: 575.98px) {
    .platformsGridMar {
        margin-top: 2rem;
    }
    .platformsListGrid {
        margin-right: auto;
        margin-left: auto;
        max-width: 400px;
    }
    .platformsBox + .platformsBox {
        margin-top: 2rem;
    }
}

/*! clientsGrid */
.clientsGrid {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    gap: 1rem;
}
.clientsGrid > li {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 1 calc(50% - .5rem);
    padding: .75rem;
    height: 120px;
    border: .0625rem solid rgba(var(--color-white-rgb), .12);
    border-radius: var(--border-radius);
}
.clientsGrid > li > * {
    flex: 0 1 auto;
}
.clientsGrid img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-width: 120px;
    max-height: 68px;
}
@media (min-width: 576px) {
    .clientsGrid > li {
        flex-basis: calc(33.33333333% - (2rem / 3));
    }
}
@media (min-width: 768px) {
    .clientsGrid > li {
        height: 160px;
    }
}
@media (min-width: 992px) {
    .clientsGrid {
        gap: 3rem;
    }
    .clientsGrid > li {
        flex-basis: calc(33.33333333% - 2rem);
        height: 200px;
    }
}
@media (min-width: 1200px) {
    .clientsGrid > li {
        flex-basis: calc(25% - 2.25rem);
    }
}
@media (max-width: 575.98px) {
    .clientsGrid {
        margin-right: auto;
        margin-left: auto;
        max-width: 400px;
    }
}

/*! blackBlock1 */
.blackBlock1 {
    padding-top: 2rem;
    padding-bottom: 1rem;
    background: var(--color-black);
}
@media (min-width: 768px) {
    .blackBlock1 {
        padding-top: 5rem;
        padding-bottom: 5.5rem;
    }
}
@media (min-width: 992px) {
    .blackBlock1 {
        padding-top: 8rem;
        padding-bottom: 9rem;
    }
}
@media (min-width: 1200px) {
    .blackBlock1 {
        padding-top: 11rem;
        padding-bottom: 12.75rem;
    }
}


/*** Footer ***/

.mainFooterImgGrid {
    display: flex;
    justify-content: space-around;
    align-items: center;
    column-gap: 2rem;
}
.mainFooterImgGrid > div {
    flex: 0 1 auto;
}
.mainFooterImgGrid img {
    display: block;
    margin: auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 126px;
}
.mainFooterRow2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 1.5rem;
}
@media (min-width: 576px) {
    .mainFooterGrid {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        column-gap: 2rem;
        row-gap: 2rem;
    }
    .mainFooterRow1 {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        flex: 1 1 auto;
        order: 1;
        row-gap: .75rem;
    }
    .mainFooterRow2 {
        justify-content: space-between;
        flex: 1 1 100%;
        order: 2;
        gap: .75rem;
    }
    .mainFooterRow3 {
        flex: 0 0 auto;
        order: 1;
    }
    .mainFooterCol {
        flex: 0 1 auto;
    }
}
@media (min-width: 992px) {
    .mainFooterGrid {
        flex-wrap: nowrap;
    }
    .mainFooterRow1 {
        flex-basis: 55%;
    }
    .mainFooterRow2 {
        flex-wrap: nowrap;
        flex-direction: column;
        align-items: stretch;
        order: 1;
        flex-basis: 45%;
    }
}
@media (min-width: 1200px) {
    .mainFooterGrid {
        column-gap: 3rem;
    }
    .mainFooterRow1 {
        flex-basis: 51%;
    }
    .mainFooterRow2 {
        flex-basis: 49%;
    }
    .mainFooterImgGrid {
        column-gap: 3rem;
    }
}
@media (max-width: 575.98px) {
    .mainFooterRow1 > .mainFooterCol + .mainFooterCol {
        margin-top: 1rem;
    }
    .mainFooterGrid > div + div {
        margin-top: 3rem;
    }
    .mainFooterRow2 .mainFooterCol {
        flex: 0 1 calc(50% - (1.5rem / 2));
    }
}


/*** Cases ***/

.simpleVideoLargeMar {
    margin-top: 1.5rem;
}
.simpleVideoConLarge .simpleVideoBox {
    aspect-ratio: 16/9;
}
.simpleVideoConLarge .simpleVideoTitle {
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-top: 0;
    padding: 1rem;
    max-width: 80%;
    font-size: var(--font-32-font-size);
    line-height: var(--font-32-line-height);
}
.simpleVideoConLarge .simpleVideoBox > .simpleVideoBoxMark {
    max-width: 50%;
}
.sunnyBox1 {
    position: relative;
}
.sunnyBox1 > * {
    z-index: 2;
    position: relative;
}
.sunnyBox1::after {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 574px;
    height: 374px;
    border-radius: 50%;
    background: var(--color-red-sunny);
    transform: translate(80%, 10%) rotate(20deg);
    content: "";
    filter: blur(140px);
}
@media (min-width: 576px) {
    .cardGrid {
        display: flex;
        flex-wrap: wrap;
        gap: 2rem;
    }
    .cardGridBox {
        flex: 0 1 calc(50% - 2rem);
    }
    .cardGrid .simpleVideoLoader {
        aspect-ratio: 139/180;
    }
}
@media (min-width: 768px) {
    .cardGrid {
        gap: 5rem 2rem;
    }
    .simpleVideoLargeMar {
        margin-top: 5rem;
    }
    .simpleVideoConLarge .simpleVideoTitle {
        font-size: var(--font-40-font-size);
        line-height: var(--font-40-line-height);
    }
}
@media (min-width: 992px) {
    .cardGrid {
        gap: 6.5rem 3rem;
    }
    .cardGridBox {
        flex-basis: calc(33.33333333% - 2rem);
    }
    .simpleVideoLargeMar {
        margin-top: 6.5rem;
    }
    .simpleVideoConLarge .simpleVideoBox > .simpleVideoBoxMark {
        justify-content: flex-end;
        right: 0;
        left: auto;
    }
    .simpleVideoConLarge .simpleVideoTitle {
        max-width: 50%;
        font-size: var(--font-64-font-size);
        line-height: var(--font-64-line-height);
    }
    .simpleVideoConLarge .simpleVideoTitle,
    .simpleVideoConLarge .simpleVideoBox > .simpleVideoBoxMark {
        padding: 2rem 2.25rem;
    }
    .simpleVideoConLarge .simpleVideoBoxMark::after {
        left: -100%;
        width: 200%;
    }
    .sunnyBox1::after {
        width: 942px;
        height: 614px;
        filter: blur(250px);
        transform: translate(70%, 10%) rotate(20deg);
    }
}
@media (min-width: 1200px) {
    .simpleVideoConLarge .simpleVideoTitle,
    .simpleVideoConLarge .simpleVideoBox > .simpleVideoBoxMark {
        padding: 3rem 3.5rem;
    }
}
@media (max-width: 767.98px) {
    .simpleVideoConLarge {
        margin-right: -1rem;
        margin-left: -1rem;
    }
    .simpleVideoConLarge .simpleVideoBox {
        aspect-ratio: auto;
        height: 100lvh;
        border-radius: 0;
    }
    .simpleVideoConLarge .simpleVideo {
        border-radius: 0;
    }
}
@media (max-width: 575.98px) {
    .cardGridBox + .cardGridBox {
        margin-top: 2rem;
    }
    .cardGridBox {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 400px;
    }
}

/*! processBox */
.processBox {
    overflow: hidden;
    position: relative;
    padding: 1.5rem 1rem;
    border-radius: var(--border-radius);
}
.processBox::after {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border-radius: var(--border-radius);
    background-image: linear-gradient(152.42deg, rgba(var(--color-white-rgb), .08) 0%, rgba(var(--color-white-rgb), 0.01) 83.33%);
    background-clip: border-box;
    background-origin: border-box;
    transition: opacity .2s ease-in-out;
    content: "";
}
.processBox:hover::after {
    opacity: 1;
}
.processBox::before {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    border: .0625rem solid rgba(var(--color-white-rgb), 0);
    border-radius: var(--border-radius);
    background-image: linear-gradient(152.42deg, rgba(var(--color-white-rgb), .16) 0%, rgba(var(--color-white-rgb), 0.08) 83.33%);
    background-clip: border-box;
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    content: "";
}
.processBox:hover::before {
    opacity: 0;
}
.processBoxSunny {
    z-index: 2;
    display: block;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 120px;
    height: 120px;
    opacity: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(var(--color-orange-rgb), 1), rgba(var(--color-orange-red-rgb), 1));
    transform: translate(-40%, -50%);
    filter: blur(58px);
    transition: opacity .2s ease-in-out;
    content: "";
}
.processBox:hover .processBoxSunny {
    opacity: 1;
}
.processBoxIcon {
    z-index: 3;
    position: relative;
}
.processBoxIcon svg {
    display: block;
    width: 6.5rem;
    height: auto;
    opacity: .32;
    fill: var(--color-white);
    transition: opacity .2s ease-in-out;
}
.processBox:hover .processBoxIcon svg {
    opacity: 1;
}
.processBoxNumber {
    z-index: 3;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    font-weight: var(--font-weight-light);
    letter-spacing: 3px;
    transition: color .2s ease-in-out, font-weight .2s ease-in-out;
}
.processBox:hover .processBoxNumber {
    font-weight: var(--font-weight-extra-bold);
    color: var(--color-orange-red);
}
.processBoxTitle {
    z-index: 3;
    position: relative;
    font-weight: var(--font-weight-extra-bold);
}
h3.processBoxTitle {
    font-size: inherit;
}
.processBoxText {
    z-index: 3;
    position: relative;
    margin-top: .5rem;
}
.processBoxButton {
    z-index: 3;
    position: relative;
}
@media (min-width: 992px) {
    .processBox {
        padding: 2rem 2.75rem;
    }
    .processBoxNumber {
        top: 2rem;
        right: 2.75rem;
    }
    .masonryBox:nth-child(2n) .processBox .processBoxSunny {
        left: auto;
        right: 4px;
        transform: translate(40%, -50%);
    }
    .processBoxIcon svg {
        width: 9.625rem;
    }
}
@media (min-width: 1200px) {
    .processBox {
        padding: 3rem 4rem;
    }
    .processBoxNumber {
        top: 3rem;
        right: 4rem;
    }
}
@media (prefers-reduced-motion: reduce) {
    .processBox::after,
    .processBox::before,
    .processBoxSunny,
    .processBoxIcon svg,
    .processBoxNumber {
        transition: none !important;
    }
}


/*** casesOne ***/

.casesOneTopBg {
    background-image: linear-gradient(to bottom, rgba(20, 14, 28, .08), rgba(20, 14, 28, .8));
}
.casesOneTopBox {
    display: flex;
    align-items: flex-end;
    padding: 5rem 1rem 1rem;
    min-height: 413px;
}
.casesOneTopBox::before {
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(var(--color-black-rgb), 0), rgba(var(--color-black-rgb), 1));
    content: "";
}
.casesOneTopBoxContent {
    text-align: center;
}
.casesOneTopBoxContentMar1 {
    margin-top: .25rem;
}
@media (min-width: 768px) {
    .crumbsCon {
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        align-items: center;
        padding-left: calc(3.5rem + 6.25rem + 3.5rem);
        padding-right: calc(3.5rem + 2.5rem + 3.5rem);
        min-height: 7.625rem;
    }
    .crumbsBox {
        flex: 0 1 auto;
    }
    .crumbsLink {
        display: flex;
        align-items: center;
        gap: .625rem;
        font-weight: var(--font-weight-extra-bold);
        text-decoration: none;
        color: var(--color-white-yellow);
    }
    .crumbsArrow {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 1 auto;
        width: 1.5rem;
        height: 1.5rem;
    }
    .crumbsArrow svg {
        display: block;
        flex: 0 1 auto;
        width: 1rem;
        height: auto;
        fill: var(--color-orange-red);
        transition: fill .2s ease-in-out;
    }
    .crumbsLink:focus .crumbsArrow svg,
    .crumbsLink:hover .crumbsArrow svg {
        fill: var(--color-orange);
    }
    .crumbsText {
        flex: 0 1 auto;
    }
    .casesOneTop {
        padding-right: 1.5rem;
        padding-bottom: 2.5rem;
        padding-left: 1.5rem;
    }
    .casesOneTopBox {
        align-items: center;
        padding: 2.875rem 3rem 1.875rem;
        border-radius: var(--border-radius);
    }
    .casesOneTopBox::before {
        background-image: linear-gradient(to bottom, rgba(37, 20, 20, 0), rgba(37, 20, 20, 1));
    }
    .casesOneTopBoxContent {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 600px;
    }
    .casesOneTopBoxContentMar1 {
        margin-top: .5rem;
    }
}
@media (min-width: 992px) {
    .casesOneTop {
        padding-right: 2.5rem;
        padding-bottom: 3.625rem;
        padding-left: 2.5rem;
    }
    .casesOneTopBox {
        min-height: 600px;
    }
    .casesOneTopBoxContent {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .casesOneTopBox {
        min-height: 720px;
    }
    .casesOneTopBoxContent {
        max-width: 1000px;
    }
}
@media (min-width: 1600px) {
    .casesOneTop {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1600px;
    }
    .casesOneTopBoxContent {
        max-width: 1200px;
    }
}
@media (min-width: 1920px) {
    .crumbsCon {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1920px;
    }
}
@media (max-width: 767.98px) {
    .crumbsCon {
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .crumbsArrow svg {
        transition: none !important;
    }
}

/*! casesOneGrid1 */
.casesOneMar1 {
    margin-top: .75rem;
}
.casesOneGrid1Box:empty {
    display: none;
}
@media (min-width: 768px) {
    .casesOneGrid1 {
        display: flex;
        gap: 3rem;
    }
    .casesOneGrid1Box {
        flex: 1 0 0;
    }
    .casesOneMar1 {
        margin-top: 7rem;
    }
}
@media (min-width: 992px) {
    .casesOneGrid1 {
        gap: 4rem;
    }
}
@media (min-width: 1200px) {
    .casesOneGrid1 {
        gap: 8.8rem;
    }
    .casesOneMar1 {
        margin-top: 9.5rem;
    }
}
@media (max-width: 767.98px) {
    .casesOneGrid1Box + .casesOneGrid1Box {
        margin-top: 2.25rem;
    }
}

/*! sipmleGrid1 */
@media (min-width: 576px) {
    .sipmleGrid1 {
        display: flex;
        align-items: center;
        gap: 1.5rem;
    }
    .sipmleGrid1Box {
        flex: 1 0 0;
    }
}
@media (min-width: 768px) {
    .sipmleGrid1 {
        gap: 4rem;
    }
    .sipmleGrid1.sipmleGrid1Gap64px {
        gap: 3rem;
    }
}
@media (min-width: 992px) {
    .sipmleGrid1 {
        gap: 5.5rem;
    }
    .sipmleGrid1.sipmleGrid1Gap64px {
        gap: 4rem;
    }
}
@media (max-width: 575.98px) {
    .sipmleGrid1Box + .sipmleGrid1Box {
        margin-top: 1.75rem;
    }
}


/*** Blog ***/

.blogBox {
    display: block;
    color: inherit;
    text-decoration: none;
}
.blogBoxImg {
    display: block;
    aspect-ratio: 139/78;
}
.blogBoxTitle {
    display: block;
    margin-top: .75rem;
}
@media (min-width: 576px) {
    .blogBoxTitle {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 4.125rem;
    }
}
@media (min-width: 768px) {
    .blogBoxTitle {
        margin-top: 1.5rem;
    }
}
@media (min-width: 992px) {
    .blogBoxTitle {
        height: 5.5rem;
    }
}
h2.blogBoxTitle {
    font-weight: inherit;
}


/*** Post ***/

.postOneImg img {
    display: block;
    margin: auto;
    margin-left: auto;
    width: auto;
    max-width: 100%;
    height: auto;
}


/*** Metaspace ***/

.metaspaceTopBox {
    display: flex;
    align-items: flex-end;
    min-height: 170px;
}
.metaspaceTopBoxContentCon {
    flex: 1 1 auto;
    padding: 1rem 0;
}
.metaspaceTopBoxContentCon::before {
    z-index: 1;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(37, 20, 20, 0), rgba(37, 20, 20, 1));
    content: "";
}
.metaspaceTopBoxContent {
    z-index: 2;
    position: relative;
}
.metaspaceTopSvg svg {
    display: block;
    width: 6.5rem;
    height: auto;
    fill: var(--color-white);
}
.metaspaceTopBoxContentMar1 {
    margin-top: .75rem;
}
@media (min-width: 768px) {
    .metaspaceTop {
        padding-right: 1.5rem;
        padding-bottom: 2.5rem;
        padding-left: 1.5rem;
    }
    .metaspaceTopBox {
        min-height: 400px;
        border-radius: var(--border-radius);
    }
    .metaspaceTopBoxContentCon {
        flex: 1 1 auto;
        padding: 2.5rem 0;
    }
    .metaspaceTopSvg svg {
        width: 11.125rem;
    }
    .metaspaceTopBoxContentMar1 {
        margin-top: 1rem;
    }
    .metaImgCon2 {
        display: none;
    }
}
@media (min-width: 992px) {
    .metaspaceTop {
        padding-right: 2.5rem;
        padding-bottom: 3.625rem;
        padding-left: 2.5rem;
    }
    .metaspaceTopBox {
        min-height: 600px;
    }
    .metaspaceTopBoxContentCon {
        padding: 4rem 0;
    }
    .metaspaceTopBoxContentMar1 {
        margin-top: 2rem;
    }
}
@media (min-width: 1200px) {
    .metaspaceTopBox {
        min-height: 720px;
    }
}
@media (min-width: 1600px) {
    .metaspaceTop {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1600px;
    }
}
@media (max-width: 767.98px) {
    .metaspaceTopBox {
        padding-top: 1.5rem;
    }
    .metaImgCon2 {
        position: relative;
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 470px;
        height: 328px;
    }
}

/*! sticky */
@media (min-width: 768px) {
    .stikyCon {
        display: flex;
        align-items: stretch;
    }
    .stikyBox {
        flex: 0 0 auto;
        width: 46.25%;
    }
    .stikyNeighbour {
        flex: 1 1 auto;
        margin-left: 3rem;
    }
    .stikyCarriage {
        position: -webkit-sticky;
        position: sticky;
        top: 3rem;
    }
    .stikyCarriageBox + .stikyCarriageBox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .stikyCarriageBox img {
        border-radius: var(--border-radius);
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: calc(100dvh - 6rem);
    }
    .stikyImg2,
    .stikyImg3 {
        opacity: 0;
        transition: opacity .2s ease-in-out;
    }
    .showImg2 .stikyImg2 {
        opacity: 1;
    }
    .showImg3 .stikyImg3 {
        opacity: 1;
    }
}
@media (min-width: 1200px) {
    .stikyNeighbour {
        margin-left: 5rem;
    }
}
@media (max-width: 767.98px) {
    .stikyBox{
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    .stikyImg2,
    .stikyImg3 {
        transition: none !important;
    }
}

/*! metaGrid1 */
.metaGrid1 {
    position: relative;
}
.metaGrid1Content {
    z-index: 2;
    position: relative;
}
.metaGrid1Img {
    z-index: 1;
    position: absolute;
}
.metaGrid1Img img {
    display: block;
    width: auto;
    height: auto;
}
@media (min-width: 768px) {
    .metaGrid1 {
        min-height: 1100px;
    }
    .metaGrid1Content {
        width: 55%;
    }
    .metaGrid1Img {
        left: 50%;
        bottom: 0;
        transform: translateX(-19%);
    }
}
@media (min-width: 1200px) {
    .metaGrid1Content {
        width: 46.6%;
    }
}
@media (max-width: 767.98px) {
    .metaGrid1Content {
        padding-top: 9.5rem;
    }
    .metaGrid1Img {
        top: 0;
        right: -1rem;
        left: -1rem;
        height: 100%;
        max-height: 637px;
    }
    .metaGrid1Img::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(193.26deg, rgba(var(--color-black-rgb), 0) 0%, rgba(var(--color-black-rgb), 1) 75.34%);
        content: "";
    }
    .metaGrid1Img img {
        height: 637px;
    }
}

/*! metaGrid2 */
.marSlider1 {
    margin-top: 1rem;
}
.mySwiper2 .swiper-slide {
    width: 80px;
}
.metaSlide1BoxImg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 544/575;
}
.metaSlide2BoxImg {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: var(--border-radius);
}
.metaSlide1BoxImg img,
.metaSlide2BoxImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: var(--border-radius);
}
.metaSlide2BoxImg::before {
    z-index: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    border: .0625rem solid rgba(var(--color-white-rgb), 0);
    border-radius: var(--border-radius);
    background-image: linear-gradient(152.42deg, rgba(var(--color-orange-rgb), 1) 0%, rgba(var(--color-orange-red-rgb), 0.24) 83.33%);
    background-clip: border-box;
    background-origin: border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: destination-out;
    mask-composite: exclude;
    transition: opacity .2s ease-in-out;
    content: "";
}
.metaSlide2BoxImg::after {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 0;
    top: -19px;
    filter: blur(32px);
    opacity: 0;
    background: var(--color-orange-red);
    transition: opacity .2s ease-in-out;
    content: "";
}
.swiper-slide-thumb-active .metaSlide2BoxImg::before,
.swiper-slide-thumb-active .metaSlide2BoxImg::after {
    opacity: 1;
}
@media (min-width: 768px) {
    .metaGrid2 {
        display: flex;
        gap: 3rem;
    }
    .metaGrid2Box {
        flex: 1 1 0;
        min-width: 1px;
    }
    .marSlider1 {
        margin-top: 1.5rem;
    }
    .swiperShadow1 {
        position: relative;
    }
    .swiperShadow1::after {
        z-index: 1;
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 100%;
        pointer-events: none;
        background: linear-gradient(to right, rgba(var(--color-black-rgb), 0), rgba(var(--color-black-rgb), 1));
        content: "";
    }
}
@media (min-width: 992px) {
    .marSlider1 {
        margin-top: 2rem;
    }
    .mySwiper2 .swiper-slide {
        width: 128px;
    }
    .metaSlide2BoxImg {
        width: 128px;
        height: 128px;
    }
}
@media (min-width: 1200px) {
    .metaGrid2 {
        gap: 5.5rem;
    }
}
@media (max-width: 767.98px) {
    .metaGrid2Box .swiper-button-next,
    .metaGrid2Box .swiper-button-prev {
        display: none !important;
    }
    .metaGrid2Box + .metaGrid2Box {
        margin-top: 2.5rem;
    }
    .swiper400s {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 400px;
    }
}
@media (max-width: 431.98px) {
    .marSlider1 {
        margin-right: -1rem;
    }
    .marSlider1 .swiper-wrapper > .swiper-slide:last-child {
        padding-right: 16px;
        width: 96px;
    }
}
@media (prefers-reduced-motion: reduce) {
    .metaSlide2BoxImg::before,
    .metaSlide2BoxImg::after {
        transition: none !important;
    }
}

body .wpcf7 form .wpcf7-response-output {
    border-color: #3d426a;
}
body .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450;
}
body .wpcf7 form.failed .wpcf7-response-output,
body .wpcf7 form.aborted .wpcf7-response-output {
    border-color: var(--color-orange-red);
}
body .wpcf7 form.spam .wpcf7-response-output {
    border-color: var(--color-orange);
}
body .wpcf7 form.invalid .wpcf7-response-output,
body .wpcf7 form.unaccepted .wpcf7-response-output,
body .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: var(--color-orange);
}
body .wpcf7-not-valid-tip {
    color: var(--color-orange-red);
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
    border-color: var(--color-orange-red);
}
.wpcf7-spinner {
    vertical-align: middle;
    background-color: var(--color-grey);
}
.formBottomGrid .buttonGradientTransition {
    vertical-align: middle;
}
.buttonGradientTransition .wpcf7-spinner {
    display: none !important;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2rem 0 0;
    padding: .25rem 1rem;
    border-radius: var(--border-radius);
}


/*** Cookie ***/

body #cookie-notice {
    text-align: left;
    font-family: var(--font-family);
    font-size: var(--font-14-font-size);
    line-height: var(--font-14-line-height);
    font-weight: var(--font-weight-medium);
    background: var(--color-grey-black);
}
body .cookie-notice-container {
    position: relative;
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    padding: 2.75rem 1rem 2rem;
    width: 100%;
}
body .cookie-notice-container::before {
    z-index: 1;
    display: block;
    position: absolute;
    top: -1.75rem;
    left: calc(1.5rem + 1rem);
    width: 3.75rem;
    height: 3.75rem;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23f5744b' d='M20.18,23.88c0.9-0.43,1.58-1.19,1.92-2.14c0.33-0.95,0.28-1.97-0.16-2.87s-1.19-1.58-2.14-1.92c-0.95-0.33-1.97-0.28-2.87,0.16c-0.9,0.43-1.58,1.19-1.92,2.14c-0.33,0.95-0.28,1.97,0.16,2.87s1.19,1.58,2.14,1.92c0.41,0.14,0.83,0.21,1.25,0.21C19.11,24.25,19.67,24.13,20.18,23.88z M18.24,21.38c-0.24-0.08-0.43-0.25-0.54-0.48c-0.11-0.23-0.12-0.48-0.04-0.72c0.08-0.24,0.25-0.43,0.48-0.54c0.13-0.06,0.27-0.09,0.41-0.09c0.11,0,0.21,0.02,0.31,0.05c0.24,0.08,0.43,0.25,0.54,0.48c0.11,0.23,0.12,0.48,0.04,0.72c-0.08,0.24-0.25,0.43-0.48,0.54S18.48,21.47,18.24,21.38z'/%3E%3Cpath fill='%23f5744b' d='M14.49,29.83c0.33-0.95,0.28-1.97-0.16-2.87c-0.43-0.9-1.19-1.58-2.14-1.92c-0.95-0.33-1.97-0.28-2.87,0.16s-1.58,1.19-1.92,2.14s-0.28,1.97,0.16,2.87c0.43,0.9,1.19,1.58,2.14,1.92c0.41,0.14,0.83,0.21,1.25,0.21c0.56,0,1.11-0.12,1.62-0.37C13.48,31.54,14.16,30.78,14.49,29.83z M11.84,28.9c-0.08,0.24-0.25,0.43-0.48,0.54c-0.23,0.11-0.48,0.12-0.72,0.04c-0.24-0.08-0.43-0.25-0.54-0.48c-0.11-0.23-0.12-0.48-0.04-0.72c0.08-0.24,0.25-0.43,0.48-0.54c0.13-0.06,0.27-0.09,0.41-0.09c0.11,0,0.21,0.02,0.31,0.05c0.24,0.08,0.43,0.25,0.54,0.48C11.91,28.41,11.92,28.66,11.84,28.9z'/%3E%3Cpath fill='%23f5744b' d='M24.29,28.47c-0.95-0.33-1.97-0.28-2.87,0.16s-1.58,1.19-1.92,2.14c-0.33,0.95-0.28,1.97,0.16,2.87c0.43,0.9,1.19,1.58,2.14,1.92c0.41,0.14,0.83,0.21,1.25,0.21c0.56,0,1.11-0.12,1.62-0.37c0.9-0.43,1.58-1.19,1.92-2.14c0.33-0.95,0.28-1.97-0.16-2.87C25.99,29.48,25.23,28.8,24.29,28.47z M23.93,32.32c-0.08,0.24-0.25,0.43-0.48,0.54c-0.23,0.11-0.48,0.12-0.72,0.04c-0.24-0.08-0.43-0.25-0.54-0.48c-0.11-0.23-0.12-0.48-0.04-0.72c0.08-0.24,0.25-0.43,0.48-0.54c0.13-0.06,0.27-0.09,0.41-0.09c0.11,0,0.21,0.02,0.31,0.05c0.24,0.08,0.43,0.25,0.54,0.48C24,31.83,24.02,32.09,23.93,32.32z'/%3E%3Cpath fill='%23f5744b' d='M20.49,39.81c-0.01-0.05-0.02-0.09-0.03-0.13c-0.01-0.04-0.03-0.09-0.05-0.13c-0.02-0.04-0.04-0.08-0.06-0.12c-0.02-0.04-0.05-0.08-0.07-0.12c-0.03-0.04-0.05-0.08-0.08-0.11c-0.03-0.04-0.06-0.07-0.09-0.1c-0.03-0.03-0.07-0.06-0.1-0.09c-0.04-0.03-0.07-0.06-0.11-0.08c-0.04-0.03-0.08-0.05-0.12-0.07s-0.08-0.04-0.12-0.06c-0.04-0.02-0.09-0.03-0.13-0.05c-0.04-0.01-0.09-0.02-0.13-0.03c-0.05-0.01-0.09-0.02-0.14-0.02c-0.42-0.04-0.84,0.11-1.13,0.41c-0.03,0.03-0.06,0.07-0.09,0.1c-0.03,0.04-0.06,0.07-0.08,0.11c-0.03,0.04-0.05,0.08-0.07,0.12c-0.02,0.04-0.04,0.08-0.06,0.12c-0.02,0.04-0.03,0.09-0.05,0.13c-0.01,0.04-0.03,0.09-0.03,0.13c-0.01,0.04-0.02,0.09-0.02,0.14c0,0.05-0.01,0.09-0.01,0.14c0,0.37,0.15,0.73,0.41,0.99c0.26,0.26,0.62,0.41,0.99,0.41c0.05,0,0.09,0,0.14-0.01c0.05,0,0.09-0.01,0.14-0.02c0.05-0.01,0.09-0.02,0.13-0.03c0.04-0.01,0.09-0.03,0.13-0.05c0.04-0.02,0.08-0.04,0.12-0.06s0.08-0.05,0.12-0.07c0.04-0.03,0.07-0.05,0.11-0.08c0.04-0.03,0.07-0.06,0.1-0.09c0.26-0.26,0.41-0.62,0.41-0.99c0-0.05,0-0.09-0.01-0.14C20.5,39.91,20.5,39.86,20.49,39.81z'/%3E%3Cpath fill='%23f5744b' d='M16.22,36.09c-0.01-0.04-0.02-0.09-0.03-0.13c-0.01-0.04-0.03-0.09-0.05-0.13c-0.02-0.04-0.04-0.08-0.06-0.12c-0.02-0.04-0.05-0.08-0.07-0.12c-0.03-0.04-0.05-0.08-0.08-0.11c-0.03-0.04-0.06-0.07-0.09-0.1c-0.03-0.03-0.07-0.06-0.1-0.09c-0.04-0.03-0.07-0.06-0.11-0.08c-0.04-0.03-0.08-0.05-0.12-0.07s-0.08-0.04-0.12-0.06c-0.04-0.02-0.09-0.03-0.13-0.05c-0.04-0.01-0.09-0.02-0.13-0.03c-0.05-0.01-0.09-0.02-0.14-0.02c-0.09-0.01-0.18-0.01-0.28,0c-0.05,0-0.09,0.01-0.14,0.02c-0.04,0.01-0.09,0.02-0.13,0.03c-0.04,0.01-0.09,0.03-0.13,0.05c-0.04,0.02-0.08,0.04-0.12,0.06s-0.08,0.05-0.12,0.07c-0.04,0.03-0.08,0.05-0.11,0.08c-0.04,0.03-0.07,0.06-0.1,0.09c-0.03,0.03-0.06,0.07-0.09,0.1c-0.03,0.04-0.06,0.07-0.08,0.11c-0.03,0.04-0.05,0.08-0.07,0.12c-0.02,0.04-0.04,0.08-0.06,0.12c-0.02,0.04-0.03,0.09-0.05,0.13c-0.01,0.04-0.02,0.09-0.03,0.13c-0.01,0.05-0.02,0.09-0.02,0.14c0,0.05-0.01,0.09-0.01,0.14c0,0.37,0.15,0.73,0.41,0.99c0.03,0.03,0.07,0.06,0.1,0.09c0.04,0.03,0.07,0.06,0.11,0.08c0.04,0.03,0.08,0.05,0.12,0.07c0.04,0.02,0.08,0.04,0.12,0.06c0.04,0.02,0.09,0.03,0.13,0.05c0.04,0.01,0.09,0.02,0.13,0.03c0.05,0.01,0.09,0.02,0.14,0.02c0.05,0,0.09,0.01,0.14,0.01c0.05,0,0.09,0,0.14-0.01c0.05,0,0.09-0.01,0.14-0.02c0.05-0.01,0.09-0.02,0.13-0.03c0.04-0.01,0.09-0.03,0.13-0.05c0.04-0.02,0.08-0.04,0.12-0.06c0.04-0.02,0.08-0.05,0.12-0.07c0.04-0.03,0.08-0.05,0.11-0.08c0.04-0.03,0.07-0.06,0.1-0.09c0.26-0.26,0.41-0.62,0.41-0.99c0-0.05,0-0.09-0.01-0.14C16.23,36.18,16.22,36.14,16.22,36.09z'/%3E%3Cpath fill='%23f5744b' d='M29.21,25.38c-0.01-0.05-0.02-0.09-0.03-0.13c-0.01-0.04-0.03-0.09-0.05-0.13c-0.02-0.04-0.04-0.08-0.06-0.12c-0.02-0.04-0.05-0.08-0.07-0.12c-0.03-0.04-0.05-0.08-0.08-0.11c-0.03-0.04-0.06-0.07-0.09-0.1c-0.03-0.03-0.07-0.06-0.1-0.09c-0.04-0.03-0.07-0.06-0.11-0.08c-0.04-0.03-0.08-0.05-0.12-0.07s-0.08-0.04-0.12-0.06c-0.04-0.02-0.09-0.03-0.13-0.05c-0.04-0.01-0.09-0.02-0.13-0.03c-0.05-0.01-0.09-0.02-0.14-0.02c-0.09-0.01-0.18-0.01-0.28,0c-0.05,0-0.09,0.01-0.14,0.02c-0.05,0.01-0.09,0.02-0.13,0.03c-0.04,0.01-0.09,0.03-0.13,0.05c-0.04,0.02-0.08,0.04-0.12,0.06s-0.08,0.05-0.12,0.07c-0.04,0.03-0.08,0.05-0.11,0.08c-0.04,0.03-0.07,0.06-0.1,0.09c-0.03,0.03-0.06,0.07-0.09,0.1c-0.03,0.04-0.06,0.07-0.08,0.11c-0.03,0.04-0.05,0.08-0.07,0.12c-0.02,0.04-0.04,0.08-0.06,0.12c-0.02,0.04-0.03,0.09-0.05,0.13c-0.01,0.04-0.03,0.09-0.03,0.13c-0.01,0.04-0.02,0.09-0.02,0.14c0,0.05-0.01,0.09-0.01,0.14c0,0.05,0,0.09,0.01,0.14c0,0.05,0.01,0.09,0.02,0.14c0.01,0.05,0.02,0.09,0.03,0.13c0.01,0.04,0.03,0.09,0.05,0.13c0.02,0.04,0.04,0.08,0.06,0.12c0.02,0.04,0.05,0.08,0.07,0.12c0.03,0.04,0.05,0.08,0.08,0.11c0.03,0.04,0.06,0.07,0.09,0.1c0.26,0.26,0.62,0.41,0.99,0.41c0.05,0,0.09,0,0.14-0.01c0.05,0,0.09-0.01,0.14-0.02c0.05-0.01,0.09-0.02,0.13-0.03c0.04-0.01,0.09-0.03,0.13-0.05c0.04-0.02,0.08-0.04,0.12-0.06c0.04-0.02,0.08-0.04,0.12-0.07c0.04-0.03,0.07-0.05,0.11-0.08c0.04-0.03,0.07-0.06,0.1-0.09c0.03-0.03,0.06-0.07,0.09-0.1c0.03-0.04,0.06-0.07,0.08-0.11c0.03-0.04,0.05-0.08,0.07-0.12c0.02-0.04,0.04-0.08,0.06-0.12c0.02-0.04,0.03-0.09,0.05-0.13c0.01-0.04,0.02-0.09,0.03-0.13c0.01-0.05,0.02-0.09,0.02-0.14c0-0.05,0.01-0.09,0.01-0.14c0-0.05,0-0.09-0.01-0.14C29.22,25.47,29.22,25.42,29.21,25.38z'/%3E%3Cpath fill='%23f5744b' d='M48,18.71C48,8.4,39.62,0.02,29.31,0.02c-7.7,0-14.61,4.74-17.4,11.86C4.95,14.6,0,21.38,0,29.29C0,39.6,8.38,47.98,18.69,47.98c7.89,0,14.66-4.92,17.4-11.85C43.24,33.35,48,26.43,48,18.71z M18.69,45.17c-8.76,0-15.88-7.12-15.88-15.88s7.12-15.88,15.88-15.88c8.75,0,15.88,7.12,15.88,15.88C34.57,38.05,27.45,45.17,18.69,45.17z M37.1,32.55c0.19-1.06,0.28-2.15,0.28-3.26c0-10.31-8.38-18.69-18.69-18.69c-1.09,0-2.16,0.09-3.2,0.27c2.78-4.91,8.04-8.05,13.82-8.05c8.76,0,15.88,7.12,15.88,15.88C45.19,24.51,42.03,29.77,37.1,32.55z'/%3E%3Cpath fill='%23f5744b' d='M37.79,8.6c-0.95-0.33-1.97-0.28-2.87,0.16C34.01,9.2,33.33,9.96,33,10.9c-0.33,0.95-0.28,1.97,0.16,2.87c0.43,0.9,1.19,1.58,2.14,1.92c0.41,0.14,0.83,0.21,1.25,0.21c0.56,0,1.11-0.12,1.62-0.37c0.9-0.43,1.58-1.19,1.92-2.14s0.28-1.97-0.16-2.87C39.49,9.62,38.73,8.93,37.79,8.6z M37.43,12.46c-0.08,0.24-0.25,0.43-0.48,0.54c-0.23,0.11-0.48,0.12-0.72,0.04s-0.43-0.25-0.54-0.48c-0.11-0.23-0.12-0.48-0.04-0.72c0.08-0.24,0.25-0.43,0.48-0.54c0.13-0.06,0.27-0.09,0.41-0.09c0.11,0,0.21,0.02,0.31,0.05c0.24,0.08,0.43,0.25,0.54,0.48C37.5,11.96,37.51,12.22,37.43,12.46z'/%3E%3Cpath fill='%23f5744b' d='M28.65,6.71c-0.01-0.05-0.02-0.09-0.03-0.13c-0.01-0.04-0.03-0.09-0.05-0.13c-0.02-0.04-0.04-0.08-0.06-0.12c-0.02-0.04-0.04-0.08-0.07-0.12c-0.03-0.04-0.05-0.08-0.08-0.11c-0.03-0.04-0.06-0.07-0.09-0.1c-0.03-0.03-0.07-0.06-0.1-0.09c-0.04-0.03-0.07-0.06-0.11-0.08c-0.04-0.03-0.08-0.05-0.12-0.07c-0.04-0.02-0.08-0.04-0.12-0.06c-0.04-0.02-0.09-0.03-0.13-0.05c-0.04-0.01-0.09-0.02-0.13-0.03c-0.05-0.01-0.09-0.02-0.14-0.02c-0.09-0.01-0.18-0.01-0.28,0c-0.05,0-0.09,0.01-0.14,0.02c-0.04,0.01-0.09,0.02-0.13,0.03c-0.04,0.01-0.09,0.03-0.13,0.05c-0.04,0.02-0.08,0.04-0.12,0.06c-0.04,0.02-0.08,0.05-0.12,0.07s-0.08,0.05-0.11,0.08c-0.04,0.03-0.07,0.06-0.1,0.09c-0.03,0.03-0.06,0.07-0.09,0.1c-0.03,0.04-0.06,0.07-0.08,0.11s-0.05,0.08-0.07,0.12c-0.02,0.04-0.04,0.08-0.06,0.12c-0.02,0.04-0.03,0.09-0.05,0.13c-0.01,0.04-0.02,0.09-0.03,0.13c-0.01,0.04-0.02,0.09-0.02,0.14c0,0.05-0.01,0.09-0.01,0.14c0,0.37,0.15,0.73,0.41,0.99c0.03,0.03,0.07,0.06,0.1,0.09c0.03,0.03,0.07,0.06,0.11,0.08c0.04,0.03,0.08,0.05,0.12,0.07c0.04,0.02,0.08,0.04,0.12,0.06c0.04,0.02,0.09,0.03,0.13,0.05c0.04,0.01,0.09,0.02,0.13,0.03c0.05,0.01,0.09,0.02,0.14,0.02c0.05,0,0.09,0.01,0.14,0.01c0.05,0,0.09,0,0.14-0.01c0.05,0,0.09-0.01,0.14-0.02c0.04-0.01,0.09-0.02,0.13-0.03c0.04-0.01,0.09-0.03,0.13-0.05c0.04-0.02,0.08-0.04,0.12-0.06c0.04-0.02,0.08-0.04,0.12-0.07c0.04-0.03,0.08-0.05,0.11-0.08c0.04-0.03,0.07-0.06,0.1-0.09c0.03-0.03,0.06-0.07,0.09-0.1c0.03-0.04,0.06-0.07,0.08-0.11c0.03-0.04,0.05-0.08,0.07-0.12c0.02-0.04,0.04-0.08,0.06-0.12c0.02-0.04,0.03-0.09,0.05-0.13c0.01-0.04,0.03-0.09,0.03-0.13c0.01-0.05,0.02-0.09,0.02-0.14c0-0.05,0.01-0.09,0.01-0.14c0-0.05,0-0.09-0.01-0.14C28.66,6.8,28.66,6.76,28.65,6.71z'/%3E%3Cpath fill='%23f5744b' d='M40.27,19.38c-0.01-0.05-0.02-0.09-0.03-0.13c-0.01-0.04-0.03-0.09-0.05-0.13c-0.02-0.04-0.04-0.08-0.06-0.12c-0.02-0.04-0.05-0.08-0.07-0.12c-0.03-0.04-0.05-0.08-0.08-0.11c-0.03-0.04-0.06-0.07-0.09-0.1c-0.03-0.03-0.07-0.06-0.1-0.09c-0.03-0.03-0.07-0.06-0.11-0.08c-0.04-0.03-0.08-0.05-0.12-0.07c-0.04-0.02-0.08-0.04-0.12-0.06c-0.04-0.02-0.09-0.03-0.13-0.05c-0.04-0.01-0.09-0.02-0.13-0.03c-0.05-0.01-0.09-0.02-0.14-0.02c-0.09-0.01-0.18-0.01-0.28,0c-0.05,0-0.09,0.01-0.14,0.02c-0.05,0.01-0.09,0.02-0.13,0.03c-0.04,0.01-0.09,0.03-0.13,0.05c-0.04,0.02-0.08,0.04-0.12,0.06c-0.04,0.02-0.08,0.05-0.12,0.07c-0.04,0.03-0.08,0.05-0.11,0.08c-0.04,0.03-0.07,0.06-0.1,0.09c-0.03,0.03-0.06,0.07-0.09,0.1c-0.03,0.04-0.06,0.07-0.08,0.11c-0.03,0.04-0.05,0.08-0.07,0.12c-0.02,0.04-0.04,0.08-0.06,0.12c-0.02,0.04-0.03,0.09-0.05,0.13c-0.01,0.04-0.03,0.09-0.03,0.13c-0.01,0.04-0.02,0.09-0.02,0.14c0,0.05-0.01,0.09-0.01,0.14c0,0.37,0.15,0.73,0.41,0.99c0.03,0.03,0.07,0.06,0.1,0.09c0.04,0.03,0.07,0.06,0.11,0.08c0.04,0.03,0.08,0.05,0.12,0.07s0.08,0.04,0.12,0.06c0.04,0.02,0.09,0.03,0.13,0.05c0.04,0.01,0.09,0.02,0.13,0.03c0.05,0.01,0.09,0.02,0.14,0.02c0.05,0,0.09,0.01,0.14,0.01s0.09,0,0.14-0.01c0.05,0,0.09-0.01,0.14-0.02c0.05-0.01,0.09-0.02,0.13-0.03c0.04-0.01,0.09-0.03,0.13-0.05c0.04-0.02,0.08-0.04,0.12-0.06s0.08-0.05,0.12-0.07c0.04-0.03,0.08-0.05,0.11-0.08c0.04-0.03,0.07-0.06,0.1-0.09c0.26-0.26,0.41-0.62,0.41-0.99c0-0.05,0-0.09-0.01-0.14C40.29,19.47,40.28,19.42,40.27,19.38z'/%3E %3C/svg%3E");
    background-size: 100% 100%;
    content: "";
}
body .cn-text-container {
    margin: 0;
}
body .cn-text-container,
body .cn-buttons-container {
    z-index: 2;
    display: block;
    position: relative;
}
body #cookie-notice .cn-button {
    margin: 0;
}
body .cn-close-icon {
    display: none;
}
@media (min-width: 768px) {
    body #cookie-notice .cookie-notice-container {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
        max-width: calc(650px + 5rem);
    }
    body .cookie-notice-container::before {
        left: calc(1.6875rem + 2.5rem);
    }
}
@media (min-width: 992px) {
    body #cookie-notice .cookie-notice-container {
        display: flex;
        padding: 3.75rem 2.75rem;
        max-width: calc(870px + 5rem);
    }
    body .cookie-notice-container::before {
        top: -1.6875rem;
        left: calc(1.6875rem + 2.75rem);
        width: 4.25rem;
        height: 4.25rem;
    }
    body .cn-text-container {
        flex: 1 1 auto;
    }
    body .cn-buttons-container {
        flex: 0 0 auto;
        margin-left: 7.5rem;
    }
}
@media (min-width: 1200px) {
    body #cookie-notice .cookie-notice-container {
        max-width: calc(1080px + 5rem);
    }
}
@media (min-width: 1400px) {
    body #cookie-notice .cookie-notice-container {
        max-width: calc(1176px + 5rem);
    }
}
@media (max-width: 991.98px) {
    body .cn-buttons-container {
        text-align: right;
        margin-top: 1.25rem;
    }
}


/*** About ***/

.aboutTopBox {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    min-height: 500px;
    font-size: var(--font-16-font-size);
    line-height: var(--font-16-line-height);
    font-weight: var(--font-weight-extra-bold);
}
.aboutTopBox img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.aboutTopText1 {
    z-index: 1;
    position: relative;
    flex: 0 1 auto;
    width: 250px;
}
.aboutTopText1One {
    z-index: 2;
    position: relative;
    font-size: var(--font-24-font-size);
    line-height: var(--font-24-line-height);
    text-transform: uppercase;
}
.aboutTopTextSmall {
    z-index: 2;
    position: relative;
}
.aboutTopText1Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: 50%;
    width: 970px;
    height: auto;
    transform: translate(-50%, -50%);
}
.aboutTopText2 {
    z-index: 2;
    position: absolute;
    top: calc(50% + 165px);
    left: calc(50% + 25px);
    width: 140px;
}
.aboutTopText2Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% + 12px);
    left: calc(50% - 10px);
    width: 170px;
    height: auto;
    transform: translate(-50%, -50%);
}
.aboutTopText3 {
    z-index: 2;
    position: absolute;
    top: calc(50% + 180px);
    left: calc(50% - 140px);
    width: 120px;
}
.aboutTopText3Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
    width: 151px;
    height: auto;
    transform: translate(-50%, -50%);
}
.aboutTopText3_2Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 12px);
    width: 92px;
    height: auto;
    transform: translate(-50%, -50%);
    filter: blur(50px);
}
.aboutTopText4 {
    z-index: 2;
    position: absolute;
    top: calc(50% - 220px);
    left: calc(50% + 30px);
    width: 120px;
}
.aboutTopText4Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    width: 157px;
    height: auto;
    transform: translate(-50%, -50%);
}
.aboutTopText4_2Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: calc(50% - 5px);
    left: calc(50% - 1px);
    width: 81px;
    height: auto;
    transform: translate(-50%, -50%);
    filter: blur(50px);
}
.aboutTopText5 {
    z-index: 2;
    position: absolute;
    top: calc(50% - 235px);
    left: calc(50% - 150px);
    width: 102px;
    height: 99px;
}
.aboutTopText5Img {
    z-index: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 69px;
    height: auto;
    transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
    .aboutTop {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .aboutTopBox {
        min-height: 400px;
    }
    .aboutTopText1 {
        width: 310px;
    }
    .aboutTopText1One {
        font-size: var(--font-32-font-size);
        line-height: var(--font-32-line-height);
    }
    .aboutTopText1Img {
        width: 1200px;
    }
    .aboutTopText2 {
        top: calc(50% + 65px);
        left: calc(50% + 200px);
    }
    .aboutTopText3 {
        top: calc(50% + 60px);
        left: calc(50% - 325px);
    }
    .aboutTopText4 {
        top: calc(50% - 140px);
        left: calc(50% + 215px);
    }
    .aboutTopText5 {
        top: calc(50% - 210px);
        left: calc(50% - 275px);
    }
}
@media (min-width: 992px) {
    .aboutTop {
        padding-right: 2.5rem;
        padding-left: 2.5rem;
    }
    .aboutTopBox {
        min-height: 520px;
        font-size: var(--font-18-font-size);
        line-height: var(--font-18-line-height);
    }
    .aboutTopText1 {
        width: 405px;
    }
    .aboutTopText1One {
        font-size: var(--font-40-font-size);
        line-height: var(--font-40-line-height);
    }
    .aboutTopText1Img {
        width: 1550px;
    }
    .aboutTopText2 {
        top: calc(50% + 90px);
        left: calc(50% + 270px);
    }
    .aboutTopText3 {
        top: calc(50% + 85px);
        left: calc(50% - 410px);
    }
    .aboutTopText4 {
        top: calc(50% - 200px);
        left: calc(50% + 280px);
    }
    .aboutTopText5 {
        top: calc(50% - 270px);
        left: calc(50% - 340px);
    }
}
@media (min-width: 1200px) {
    .aboutTopBox {
        min-height: 600px;
    }
    .aboutTopText1 {
        width: 440px;
    }
    .aboutTopText1Img {
        width: 1800px;
    }
    .aboutTopText2 {
        top: calc(50% + 130px);
        left: calc(50% + 300px);
    }
    .aboutTopText3 {
        top: calc(50% + 90px);
        left: calc(50% - 525px);
    }
    .aboutTopText4 {
        top: calc(50% - 240px);
        left: calc(50% + 340px);
    }
    .aboutTopText5 {
        top: calc(50% - 315px);
        left: calc(50% - 420px);
    }
}
@media (min-width: 1600px) {
    .aboutTop {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 1600px;
    }
    .aboutTopBox {
        min-height: 720px;
        font-size: var(--font-24-font-size);
        line-height: var(--font-24-line-height);
    }
    .aboutTopText1One {
        font-size: var(--font-56-font-size);
        line-height: var(--font-56-line-height);
    }
    .aboutTopText1 {
        width: 530px;
    }
    .aboutTopText1Img {
        width: 2292px;
    }
    .aboutTopText2 {
        top: calc(50% + 168px);
        left: calc(50% + 385px);
        width: 190px;
    }
    .aboutTopText2Img {
        width: 253px;
    }
    .aboutTopText3 {
        top: calc(50% + 110px);
        left: calc(50% - 650px);
        width: 140px;
    }
    .aboutTopText3Img {
        width: 224px;
    }
    .aboutTopText3_2Img {
        width: 136px;
    }
    .aboutTopText4 {
        top: calc(50% - 260px);
        left: calc(50% + 440px);
        width: 160px;
    }
    .aboutTopText4Img {
        width: 234px;
    }
    .aboutTopText4_2Img {
        width: 121px;
    }
    .aboutTopText5 {
        top: calc(50% - 350px);
        left: calc(50% - 580px);
    }
    .aboutTopText5Img {
        width: 102px;
    }
}

/*! aboutGrid1 */
.aboutGrid1BoxPad {
    padding-right: 2.75rem;
    padding-left: 2.75rem;
}
@media (min-width: 768px) {
    .aboutGrid1 {
        display: flex;
        justify-content: flex-end;
    }
    .aboutGrid1Box {
        flex: 0 1 calc(62% + 6.5rem);
    }
    .aboutGrid1BoxPad {
        padding-right: 3.25rem;
        padding-left: 3.25rem;
    }
}
@media (min-width: 992px) {
    .aboutGrid1Box {
        flex-basis: calc(56% + 6.5rem);
    }
}
@media (min-width: 1200px) {
    .aboutGrid1Box {
        flex-basis: calc(50% + 6.5rem);
    }
}

/*! blockquoteStyle */
.blockquoteStyle {
    position: relative;
    padding-right: 2.75rem;
    padding-left: 2.75rem;
}
.blockquoteStyle::before,
.blockquoteStyle::after {
    position: absolute;
    display: block;
    font-size: 6rem;
    line-height: 3rem;
    font-weight: var(--font-weight-medium);
    color: var(--color-orange);
    content: "“";
}
.blockquoteStyle::before {
    top: 0;
    left: 0;
}
.blockquoteStyle::after {
    right: 0;
    bottom: 0;
    transform: rotate(180deg);
    transform-origin: center;
}
@media (min-width: 992px) {
    .blockquoteStyle {
        padding-right: 3.25rem;
        padding-left: 3.25rem;
    }
    .blockquoteStyle::before,
    .blockquoteStyle::after {
        font-size: 8rem;
        line-height: 4rem;
    }
}

/*! aboutSlideCon */
.aboutSlideText {
    margin-top: 1.5rem;
}
.aboutSlideTitle {
    margin-top: .5rem;
    font-size: var(--font-32-font-size);
    line-height: var(--font-32-line-height);
}
.aboutSlideBoxImg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 544/666;
}
.aboutSlideBoxImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    border-radius: var(--border-radius);
}
@media (min-width: 768px) {
    .aboutSlideCon {
        display: flex;
        flex-direction: row-reverse;
        column-gap: 3rem;
    }
    .aboutSlideBoxLeft {
        flex: 0 1 58%;
    }
    .aboutSlideBoxRight {
        flex: 1 1 auto;
    }
    .aboutSlideText {
        margin-top: 2rem;
    }
    .aboutSlideTitle {
        margin-top: .75rem;
        font-size: var(--font-40-font-size);
        line-height: var(--font-40-line-height);
    }
}
@media (min-width: 992px) {
    .aboutSlideBox {
        flex: 1 1 0;
    }
}
@media (min-width: 1200px) {
    .aboutSlideCon {
        column-gap: 5.5rem;
    }
    .aboutSlideText {
        margin-top: 2.5rem;
    }
    .aboutSlideTitle {
        margin-top: 1rem;
        font-size: var(--font-56-font-size);
        line-height: var(--font-56-line-height);
    }
}
@media (min-width: 1400px) {
    .aboutSlideTitle {
        font-size: var(--font-64-font-size);
        line-height: var(--font-64-line-height);
    }
}
@media (max-width: 767.98px) {
    .aboutSlideBoxImg {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 300px;
    }
    .aboutSlideBoxLeft {
        margin-top: 1.5rem;
    }
}

/*! gallery360Con */
.gallery360Pad {
    padding-bottom: 50px;
}
.gallery360ConCon {
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
    transform: rotateX(-18deg) perspective(1000px);
}
.gallery360Con {
    position: relative;
    width: 120px;
    aspect-ratio: 445/720;
    transform-style: preserve-3d;
    animation: rotate360 30s linear infinite;
}
@keyframes rotate360 {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}
.gallery360Box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--galItem) * (360deg / var(--galItemsTotal)))) translateZ(150px);
}
.gallery360Box > picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.gallery360Box > picture:nth-child(2) {
    transform: rotateY(180deg);
}
.gallery360Box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
@media (min-width: 768px) {
    .gallery360Pad {
        padding-bottom: 100px;
    }
    .gallery360ConCon {
        height: 440px;
    }
    .gallery360Con {
        width: 200px;
    }
    .gallery360Box {
        transform: rotateY(calc(var(--galItem) * (360deg / var(--galItemsTotal)))) translateZ(250px);
    }
}
@media (min-width: 992px) {
    .gallery360Pad {
        padding-bottom: 120px;
    }
    .gallery360ConCon {
        height: 560px;
    }
    .gallery360Con {
        width: 240px;
    }
    .gallery360Box {
        transform: rotateY(calc(var(--galItem) * (360deg / var(--galItemsTotal)))) translateZ(300px);
    }
}
@media (min-width: 1200px) {
    .gallery360Box {
        transform: rotateY(calc(var(--galItem) * (360deg / var(--galItemsTotal)))) translateZ(340px);
    }
}
@media (min-width: 1920px) {
    .gallery360Pad {
        padding-bottom: 150px;
    }
    .gallery360ConCon {
        height: 800px;
    }
    .gallery360Con {
        width: 250px;
    }
    .gallery360Box {
        transform: rotateY(calc(var(--galItem) * (360deg / var(--galItemsTotal)))) translateZ(400px);
    }
}

/*! aboutDecoration*/
.aboutDecorationBody {
    z-index: 2;
    position: relative;
}
.aboutDecoration1,
.aboutDecoration2 {
    position: relative;
}
.aboutDecoration1::before,
.aboutDecoration2::after {
    z-index: 1;
    display: block;
    position: absolute;
    pointer-events: none;
    filter: blur(100px);
    opacity: .7;
    border-radius: 50%;
    content: "";
}
.aboutDecoration1::before {
    top: calc(50% - 100px);
    left: calc(50% - 400px);
    width: 250px;
    height: 200px;
    background: #5a84ee;
}
.aboutDecoration2::after {
    top: calc(50% - 100px);
    left: calc(50% + 200px);
    width: 600px;
    height: 400px;
    background: #c5462b;
}
@media (min-width: 768px) {
    .aboutDecoration1::before,
    .aboutDecoration2::after {
        filter: blur(200px);
    }
    .aboutDecoration1::before {
        top: calc(50% - 200px);
        left: calc(50% - 800px);
        width: 500px;
        height: 400px;
    }
    .aboutDecoration2::after {
        top: calc(50% - 200px);
        left: calc(50% + 400px);
        width: 1200px;
        height: 800px;
    }
}