@charset "UTF-8";
/* ____________________________________________ */
/* ________GET-VW__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-VH__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-EM__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GET-REM__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________FONT__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________GUTTER__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________COLOR__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________BORDER RADIUS__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________INPUT FIELD__________ */
/* ____________________________________________ */
/* ____________________________________________ */
/* ________OTHER__________ */
/* ____________________________________________ */
:root {
    /* NAV GUTTER */
    --nav-gutter: 14px;
    /* CONTAINER */
}
@media (min-width: 1200px) {
    :root {
        --container: 1350px;
    }
}
@media (min-width: 1750px) {
    :root {
        --container: 1350px;
    }
}
@media (max-width: 479px) {
    :root {
        --container: 390px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    :root {
        --container: 600px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    :root {
        --container: 768px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    :root {
        --container: 992px;
    }
}
:root {
    /* SLIDE */
}
@media (min-width: 992px) {
    :root {
        --slide-height: 595px;
    }
}
@media (max-width: 991px) {
    :root {
        --slide-height: 500px;
    }
}
:root {
    /* HEADER */
}
@media (min-width: 768px) {
    :root {
        --header-height: 100px;
    }
}
@media (max-width: 767px) {
    :root {
        --header-height: 100px;
    }
}
:root {
    /* HEADER STICKY */
    --header-height-sticky: 70px;
    /* OTHER */
    --headlinenews-left: 535px;
    --headlinenews-right: calc(100% - var(var(--headlinenews-left)));
}

/* stylelint-disable declaration-no-important */
/* __________________Reset_____________________ */
/* elad.medium.com/normalize-css-or-css-reset-9d75175c5d1e */
/* https://www.youtube.com/shorts/2lyDv0wOQuQ */
/* About container -> https://habr.com/ru/post/463923/ */
/* ____________________________________________ */
/* _________________General____________________ */
/* ____________________________________________ */
/* all: unset; */
html {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}

*,
*::before,
*::after {
    -webkit-column-break-inside: inherit;
    -moz-column-break-inside: inherit;
    break-inside: inherit;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    background-repeat: inherit;
}

* {
    min-width: 0;
}

*::before,
*::after {
    vertical-align: inherit;
    text-decoration: inherit;
}

/* ____________________________________________ */
/* _______________Typography___________________ */
/* ____________________________________________ */
/* html */
:where(:root) {
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

/* :root */
:where(html) {
    font-family: system-ui, -apple-system, "Segoe UI", "Roboto", "Ubuntu", "Cantarell", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
}

:where(code, kbd, samp, pre) {
    font-family: ui-monospace, "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

:where(body) {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizespeed;
}

:where(cite, address) {
    font-style: normal;
}

/* ____________________________________________ */
/* links */
:where(a) {
    display: inline-block;
    overflow-anchor: none;
    text-decoration: none;
    color: inherit;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-offset: 0.25em;
}

/* ____________________________________________ */
/* paragraph */
:where(p) {
    margin: 0;
    text-wrap: balance;
}

/* ____________________________________________ */
/* headers */
:where(h1, h2, h3, h4, h5, h6) {
    margin: 0;
    font-weight: normal;
    line-height: 1.3;
    text-wrap: balance;
}

:where(h1) {
    font-size: 32px;
}

:where(h2) {
    font-size: 24px;
}

:where(h3, h4, h5, h6) {
    font-size: 18px;
}

/* ____________________________________________ */
/* add typography inheritance | input */
::-webkit-input-placeholder {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
::-moz-placeholder {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
:-ms-input-placeholder {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
::-ms-input-placeholder {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
::-webkit-file-upload-button {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}
:where(button, input, select, textarea, optgroup, option),
::placeholder,
::file-selector-button {
    font: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
}

/* ____________________________________________ */
/* images */
:where(img, svg, picture) {
    vertical-align: middle;
    -o-object-fit: cover;
    object-fit: cover;
}

:where(img,
svg,
picture,
iframe,
input,
video,
audio,
select,
textarea,
details,
dialog,
progress,
canvas) {
    height: auto;
    max-width: 100%;
}

:where(figure) {
    margin: 0;
}

/* ____________________________________________ */
/* lists */
:where(ul, ol, dl) {
    list-style-type: none;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

::marker {
    color: inherit;
}

/* ____________________________________________ */
/* form cursor */
:where(form) {
    cursor: default;
}

/* form border */
:where(fieldset) {
    margin: 0;
    padding: 0;
}

/* btn reset */
:where(button, [type=buttton]) {
    overflow-anchor: none;
    border-width: 0;
    padding: 0;
    background-color: transparent;
}

/* input reset */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-results-button,
[type=search]::-webkit-search-decoration,
[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
}

[type=password]::-ms-reveal {
    display: none;
}

[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}

[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

/* ____________________________________________ */
/* add cursor pointer */
[type=file]::-webkit-file-upload-button {
    cursor: pointer;
}
:where(a,
label,
button,
summary,
[type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=checkbox],
[type=radio]),
dialog::backdrop,
[popover]::backdrop,
[type=file]::file-selector-button,
[type=number]::-webkit-inner-spin-button,
[type=search]::-webkit-search-cancel-button,
[type=date]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

/* ____________________________________________ */
/* _________________Outline____________________ */
/* ____________________________________________ */
/* keyboard Tabs */
:where(a, button, summary, select, textarea, input) {
    outline-width: 0;
    outline-color: transparent;
}

:where([type=file]):focus {
    outline-width: 0;
}

:where(a,
button,
summary,
[type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=radio],
[type=checkbox],
[tabindex="0"]):focus-visible {
    outline: 0.125rem solid #4682b4;
}

[type=file]::-webkit-file-upload-button:focus {
    outline: 0.125rem solid transparent;
}

:where(select,
textarea,
input:not([type=button],
[type=reset],
[type=submit],
[type=range],
[type=color],
[type=radio],
[type=checkbox],
[type=file])):focus,
[type=file]::file-selector-button:focus {
    outline: 0.125rem solid transparent;
}

/* outline-offset */
[type=file]::-webkit-file-upload-button {
    outline-offset: 0.1875rem;
}
:where(summary,
button,
input:not([type=checkbox], [type=radio], [type=color]),
select,
textarea),
[type=file]::file-selector-button {
    outline-offset: 0.1875rem;
}

:where([type=checkbox], [type=radio], [tabindex="0"]) {
    outline-offset: 0.0625rem;
}

/**
 * 1. Correct the border color in all browsers.
 * 2. Add the correct box sizing in Firefox.
 */
:where(hr) {
    border: thin solid; /* 1 */
    border-color: #555 #808080 #808080 #555; /* 1 */
    height: 0; /* 2 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box; /* 2 */
}

/**
 * 2. Correct the odd `em` font sizing in all browsers.
 * 3. Prevent overflow of the container in all browsers (opinionated).
 */
:where(pre) {
    overflow: auto; /* 3 */
    font-size: inherit; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Add the correct text decoration in Safari.
 */
:where(abbr[title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
:where(b, strong) {
    font-weight: 700;
}

/**
 * 2. Correct the odd `em` font sizing in all browsers.
 */
:where(code, kbd, samp) {
    font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
:where(small) {
    font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
:where(audio, canvas, iframe, img, svg, video) {
    vertical-align: middle;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
:where(iframe) {
    border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
:where(svg:not([fill])) {
    fill: currentcolor;
}

/* Tabular data
 * ========================================================================== */
/**
 * 1. Collapse border spacing in all browsers (opinionated).
 * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
 */
:where(table) {
    border-color: #a0a0a0; /* 2 */
    border-collapse: collapse; /* 1 */
    text-indent: 0; /* 3 */
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
:where(button, input, select) {
    margin: 0;
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
:where(button, select) {
    text-transform: none;
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
:where(button, [type=button i], [type=reset i], [type=submit i]) {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}

/**
 * Change the inconsistent appearance in all browsers (opinionated).
 */
:where(fieldset) {
    border: 0.0625rem solid #a0a0a0;
}

/**
 * Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
:where(progress) {
    vertical-align: middle;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Change the resize direction in all browsers (opinionated).
 */
:where(textarea) {
    margin: 0; /* 1 */
    resize: vertical; /* 2 */
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 */
:where([type=search i]) {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield; /* 1 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button {
    height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
/* stylelint-disable-next-line selector-no-vendor-prefix */
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}
::placeholder,
::-webkit-input-placeholder {
    color: inherit;
    opacity: 0.54;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button; /* 1 */
    font: inherit; /* 2 */
}
::file-selector-button,
::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
:where(button,
input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:where(button,
input:is([type=button i], [type=color i], [type=reset i], [type=submit i]))::-moz-focusring {
    outline: 0.0625rem dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:where(:-moz-ui-invalid) {
    box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct styles in Safari.
 */
:where(dialog) {
    position: fixed;
    inset: 0;
    margin: auto;
    border: solid;
    padding: 1em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    color: #000;
    background-color: #fff;
}

:where(dialog:not([open])) {
    display: none;
}

/*
 * Add the correct display in Safari.
 */
:where(details > summary:first-of-type) {
    display: list-item;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
:where([aria-busy=true i]) {
    cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
:where([aria-controls]) {
    cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
:where([aria-disabled=true i], [disabled]) {
    cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
:where([aria-hidden=false i][hidden]) {
    display: initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)) {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

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

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    text-decoration: none;
}

img {
    vertical-align: middle;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

input {
    border: 0 none;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button {
    background: none;
    cursor: pointer;
}

button, fieldset, iframe {
    border: 0;
}

fieldset, ul, ol, button, menu {
    padding: 0;
}

ol, ul {
    list-style: none;
}

textarea {
    resize: vertical;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    padding: 0;
}

svg:not(.ui-not) {
    width: 1em;
    height: 1em;
}

button {
    outline: 0;
}

.icon {
    font-size: 18px;
    color: currentColor;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

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

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

@-webkit-keyframes swing {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}

@keyframes swing {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    50% {
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
}
@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

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

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

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        transform: scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.2, 1.2);
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}
@-webkit-keyframes pulsateVideoPlay {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
        transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
        transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
        opacity: 0;
    }
}
@keyframes pulsateVideoPlay {
    0% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
        transform: translateY(-50%) translateX(-50%) scale(0.1, 0.1);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
        transform: translateY(-50%) translateX(-50%) scale(1.2, 1.2);
        opacity: 0;
    }
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

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

.container {
    width: 100%;
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 479px) {
    .container {
        max-width: 390px;
    }
}
@media (min-width: 480px) {
    .container {
        max-width: 600px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 768px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 992px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: var(--container);
    }
}
.container-fluid {
    width: 100%;
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1400px) {
    .container-fluid {
        padding-left: 50px;
        padding-right: 50px;
    }
}
@media (min-width: 1750px) {
    .container-fluid {
        padding-left: 120px;
        padding-right: 120px;
    }
}
@media (min-width: 2020px) {
    .container-fluid {
        max-width: 2000px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .container-fluid {
        max-width: 992px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .container-fluid {
        max-width: 768px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .container-fluid {
        max-width: 600px;
    }
}
@media (max-width: 479px) {
    .container-fluid {
        max-width: 390px;
    }
}

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: calc(-1 * 20px / 2);
    margin-right: calc(-1 * 20px / 2);
    row-gap: 20px;
}

.no-gutters {
    margin-left: 0;
    margin-right: 0;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
    padding-left: 0;
    padding-right: 0;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-left: calc(20px / 2);
    padding-right: calc(20px / 2);
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 480px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-sm-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-md-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-md-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-md-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-lg-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-lg-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-lg-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-lg-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        flex-grow: 1;
        max-width: 100%;
    }
    .col-xl-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    .col-xl-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    .col-xl-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    .col-xl-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }
    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }
    .col-xl-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
.ui-d-none {
    display: none !important;
}

.ui-d-inline-block {
    display: inline-block !important;
}

.ui-d-block {
    display: block !important;
}

.ui-d-flex {
    display: -ms-flexbox !important;
    display: -webkit-box !important;
    display: flex !important;
}

.ui-d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: inline-flex !important;
}

@media (max-width: 479px) {
    .ui-d-sm-none {
        display: none !important;
    }
    .ui-sm-d-inline-block {
        display: inline-block !important;
    }
    .ui-sm-d-block {
        display: block !important;
    }
    .ui-sm-d-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .ui-sm-d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media (max-width: 767px) {
    .ui-md-d-none {
        display: none !important;
    }
    .ui-md-d-inline-block {
        display: inline-block !important;
    }
    .ui-md-d-block {
        display: block !important;
    }
    .ui-md-d-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .ui-md-d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media (max-width: 991px) {
    .ui-lg-d-none {
        display: none !important;
    }
    .ui-lg-d-inline-block {
        display: inline-block !important;
    }
    .ui-lg-d-block {
        display: block !important;
    }
    .ui-lg-d-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .ui-lg-d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media (max-width: 1199px) {
    .ui-xl-d-none {
        display: none !important;
    }
    .ui-xl-d-inline-block {
        display: inline-block !important;
    }
    .ui-xl-d-block {
        display: block !important;
    }
    .ui-xl-d-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .ui-xl-d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media print {
    .ui-print-d-none {
        display: none !important;
    }
    .ui-print-d-inline-block {
        display: inline-block !important;
    }
    .ui-print-d-block {
        display: block !important;
    }
    .ui-print-d-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .ui-print-d-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .ui-gutter {
        margin-left: -20px;
        margin-right: -20px;
        row-gap: 40px;
    }
    .ui-gutter > .col,
    .ui-gutter > [class*=col-] {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ui-gutter-15 {
        margin-left: -15px;
        margin-right: -15px;
        row-gap: 30px;
    }
    .ui-gutter-15 > .col,
    .ui-gutter-15 > [class*=col-] {
        padding-left: 15px;
        padding-right: 15px;
    }
    .ui-gutter-25 {
        margin-left: -25px;
        margin-right: -25px;
        row-gap: 50px;
    }
    .ui-gutter-25 > .col,
    .ui-gutter-25 > [class*=col-] {
        padding-left: 25px;
        padding-right: 25px;
    }
    .ui-gutter-30 {
        margin-left: -30px;
        margin-right: -30px;
        row-gap: 60px;
    }
    .ui-gutter-30 > .col,
    .ui-gutter-30 > [class*=col-] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .ui-gutter-40 {
        margin-left: -40px;
        margin-right: -40px;
        row-gap: 80px;
    }
    .ui-gutter-40 > .col,
    .ui-gutter-40 > [class*=col-] {
        padding-left: 40px;
        padding-right: 40px;
    }
    .ui-gutter-large {
        margin-left: -50px;
        margin-right: -50px;
        row-gap: 100px;
    }
    .ui-gutter-large > .col,
    .ui-gutter-large > [class*=col-] {
        padding-left: 50px;
        padding-right: 50px;
    }
}
.ui-gutter-5 {
    margin-left: -5px !important;
    margin-right: -5px !important;
    row-gap: 10px;
}

.ui-gutter-5 > .col,
.ui-gutter-5 > [class*=col-] {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.ui-gutter-1 {
    margin-left: -1px !important;
    margin-right: -1px !important;
    row-gap: 2px;
}

.ui-gutter-1 > .col,
.ui-gutter-1 > [class*=col-] {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

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

.fancybox-active {
    height: auto;
}

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

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

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

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

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

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

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

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

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

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

/*.fancybox-infobar {
  height: auto;
  left: 42px;
  top: auto;
  bottom: 180px;
  padding: 0;
  font-size: 7.4rem;
  line-height: 1;
  letter-spacing: -.22em;
  color: #fff;
  mix-blend-mode: normal;
  text-shadow: 0 3px 6px rgba(black, .16);
}*/
.fancybox-toolbar {
    right: 0;
    top: 0;
}
.fancybox-toolbar button:not(:last-child) {
    display: none !important;
}

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

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

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}
@media (min-width: 768px) {
    .fancybox-slide.fancybox-slide--pdf {
        padding-left: 200px;
        padding-right: 200px;
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

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

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

/* Buttons */
.fancybox-button {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

/*.fancybox-button--close {
  position: fixed;
  display: block !important;
  width: 60px;
  height: 60px;
  right: 50px !important;
  top: 50px !important;
  padding: 0 !important;
  font-size: 40px;
  color: #fff !important;
  background: none;
  text-shadow: 0 3px 6px rgba(0,0,0,0.16);
}*/
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #fff;
}

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

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

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

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

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

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

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

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

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

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

/* Close button on the top right corner of html content */
.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: 0.8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

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

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

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

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

/* Navigation arrows */
.fancybox-navigation {
    position: absolute;
    right: 50px;
    bottom: 70px;
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 65px;
    opacity: 0;
    position: relative;
    cursor: pointer;
    width: 50px;
}
.fancybox-navigation .fancybox-button:not(:last-child) {
    margin-right: 20px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}

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

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

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

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

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

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

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

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Transition effects */
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

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

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

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

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

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

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

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

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

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

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

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

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

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }
    .fancybox-slide--image {
        padding: 6px 0;
    }
    .fancybox-close-small {
        right: -6px;
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }
    /*@supports (padding: max(0px)) {
      .fancybox-caption {
          padding-left: max(12px, env(safe-area-inset-left));
          padding-right: max(12px, env(safe-area-inset-right));
      }
  }*/
}
/* Share */
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
/**
 * Swiper 10.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 1, 2023
 */
/* FONT_START */
@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}
/* FONT_END */
:root {
    --swiper-theme-color: #007aff;
    /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

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

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

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

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

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

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

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

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

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

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

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

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

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

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

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

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

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

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

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

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

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

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/* Slide styles end */
.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

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

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

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

:root {
    --swiper-navigation-size: 44px;
    /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 10px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Navigation font end */
:root {
    /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

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

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

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

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 50px;
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin-inline: 15px;
}

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

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

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

/* Fraction */
.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit);
}

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

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

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

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

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

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

:root {
    /*
  --swiper-scrollbar-border-radius: 10px;
  --swiper-scrollbar-top: auto;
  --swiper-scrollbar-bottom: 4px;
  --swiper-scrollbar-left: auto;
  --swiper-scrollbar-right: 4px;
  --swiper-scrollbar-sides-offset: 1%;
  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);
  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);
  --swiper-scrollbar-size: 4px;
  */
}

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

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

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

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

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

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

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

/* Zoom container styles start */
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

/* Zoom container styles end */
.swiper-slide-zoomed {
    cursor: move;
    -ms-touch-action: none;
    touch-action: none;
}

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

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

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

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

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

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

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

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

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

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

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

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

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

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

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

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

/* Cube slide shadows end */
.swiper-flip {
    overflow: visible;
}

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

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

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

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

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

.swiper-cards {
    overflow: visible;
}

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

.swiper-buttons {
    z-index: 2;
}
@media (min-width: 768px) {
    .swiper-buttons:not([class*=ui-size-]) {
        --swiper-navigation-size: 20px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons:not([class*=ui-size-]) {
        --swiper-navigation-size: 16px;
    }
}
@media (min-width: 768px) {
    .swiper-buttons.ui-size-small {
        --swiper-navigation-size: 18px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons.ui-size-small {
        --swiper-navigation-size: 16px;
    }
}
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
    background-color: rgba(254, 217, 50, 0.75);
}
.swiper-buttons:not([class*=ui-style-]) .swiper-button-next:hover, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev:hover {
    background-color: #fed932;
}
@media (min-width: 768px) {
    .swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
        width: 48px;
        height: 55px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {
        width: 35px;
        height: 40px;
    }
}
.swiper-buttons.ui-style-radius .swiper-button-next, .swiper-buttons.ui-style-radius .swiper-button-prev {
    border: 1px solid #fed932;
    color: #fed932 !important;
    width: 25px;
    height: 25px;
    border-radius: 999px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0;
}
.swiper-buttons.ui-style-radius .swiper-button-next::after, .swiper-buttons.ui-style-radius .swiper-button-prev::after {
    font-size: 14px;
}
.swiper-buttons.ui-style-radius .swiper-button-next:hover, .swiper-buttons.ui-style-radius .swiper-button-prev:hover {
    background-color: #fed932;
    color: #fff !important;
}
.swiper-buttons.ui-style-radius .swiper-button-prev {
    left: 0 !important;
}
.swiper-buttons.ui-style-radius .swiper-button-next {
    right: 0 !important;
}
.swiper-buttons .swiper-button-prev {
    padding-right: 2px;
}
.swiper-buttons .swiper-button-next {
    padding-left: 2px;
}
.swiper-buttons.ui-buttons-projects {
    margin-top: -50px;
}
.swiper-buttons.ui-buttons-gallery {
    margin-top: -15px;
}
.swiper-buttons:not([class*=ui-pos-]) {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
@media (min-width: 768px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
        right: 15px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
        right: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-next, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-prev {
        right: 0;
    }
}
@media (min-width: 768px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
        left: 15px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
        left: 10px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .swiper-buttons:not([class*=ui-pos-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-pos-]) .swiper-rtl .swiper-button-next {
        left: 0;
    }
}
.swiper-buttons.ui-pos-bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}
@media (min-width: 768px) {
    .swiper-buttons.ui-pos-bottom-right {
        bottom: 40px;
        right: 0;
    }
}
@media (max-width: 767px) {
    .swiper-buttons.ui-pos-bottom-right {
        bottom: 20px;
        right: 0;
    }
}
.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
    margin-inline: auto;
    padding-inline: 10px;
    left: 0;
    max-width: var(--container);
}
@media (min-width: 768px) {
    .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
@media (max-width: 767px) {
    .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.swiper-buttons.ui-pos-bottom-right .swiper-button-prev, .swiper-buttons.ui-pos-bottom-right .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.swiper-buttons.ui-pos-top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;
}
@media (min-width: 768px) {
    .swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
        top: 40px;
        right: 40px;
    }
}
@media (max-width: 767px) {
    .swiper-buttons.ui-pos-top-right:not([class*=ui-style-]) {
        top: 20px;
        right: 10px;
    }
}
.swiper-buttons.ui-pos-top-right .swiper-button-prev, .swiper-buttons.ui-pos-top-right .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.swiper-buttons:not([class*=ui-color-]) .swiper-button-prev, .swiper-buttons:not([class*=ui-color-]) .swiper-button-next {
    color: #fff;
}
.swiper-buttons.ui-color-dark .swiper-button-prev, .swiper-buttons.ui-color-dark .swiper-button-next {
    color: #1E1E1E;
}

.swiper-headlinenews .swiper-pagination {
    background-color: #F8F8F8;
    bottom: 0;
    position: relative;
    width: var(--headlinenews-left);
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 53px;
    border-radius: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    font-size: 20px;
    color: #818181;
    background-color: transparent;
}
.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fed932;
    color: #fff;
}

.loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: rgba(255, 255, 255, 0.7);
}
.loading.ui-no-bg {
    background: transparent;
}
.loading:not([class*=ui-size-])::before {
    width: 100px;
    height: 100px;
}
.loading.ui-size-small {
    background: none;
}
.loading.ui-size-small::before {
    width: 60px;
    height: 60px;
}
.loading.is-visible {
    opacity: 1;
    visibility: visible;
}
.loading::before {
    content: "";
    position: absolute;
    border: 5px solid #fff;
    border-top: 5px solid #fed932;
    border-radius: 50%;
    -webkit-animation: spin 0.8s linear infinite;
    animation: spin 0.8s linear infinite;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #1E1E1E;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.overlay.is-visible {
    opacity: 0.6;
    visibility: visible;
}

.scrolltop {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    background: #fed932;
    border-radius: 50%;
    text-align: center;
    color: #000;
    z-index: 2002;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 768px) {
    .scrolltop {
        right: 22px;
        bottom: 40px;
        width: 60px;
        height: 60px;
    }
}
@media (max-width: 767px) {
    .scrolltop {
        width: 50px;
        height: 50px;
        right: 15px;
        bottom: 40px;
    }
}
@media (min-width: 768px) {
    .scrolltop .icon {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .scrolltop .icon {
        font-size: 16px;
    }
}
.scrolltop.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.buttons-container.ui-center {
    text-align: center;
    width: 100%;
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: inherit;
    text-align: center;
    line-height: 1.2;
    outline: 0;
    font-weight: 700;
    color: #000;
    position: relative;
    z-index: 1;
    border-radius: 11px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button .icon {
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button .icon:not(.ui-pos-left) {
    margin-left: 17px;
}
.button .icon.ui-pos-left {
    margin-right: 13px;
}
.button.ui-area-full {
    width: 100%;
}
.button:not([class*=ui-size-]) {
    padding-left: 25px;
    padding-right: 25px;
    height: 50px;
    font-size: 14px;
}
.button.ui-size-small {
    padding-left: 17px;
    padding-right: 17px;
    height: 42px;
    font-size: 13px;
}
.button:not([class*=ui-color-]) {
    background-color: #fed932;
}
.button:not([class*=ui-color-]):hover {
    background-color: #fff;
    color: #fed932;
}
.button:not([class*=ui-color-]):hover .icon {
    color: #fed932;
}
.button.ui-color-1 {
    background-color: #0f0e12;
    color: #fff;
}
.button.ui-color-1:hover {
    background-color: #fed932;
}
.button.ui-color-light {
    background-color: #fff;
    color: #fed932;
}
.button.ui-color-light .icon {
    color: currentColor;
}
.button.ui-color-wp {
    background: #25d366;
}
.button.ui-color-wp .icon {
    color: #25d366;
}
.button.ui-color-disabled {
    background-color: rgba(129, 129, 129, 0.3);
    color: #818181;
    cursor: not-allowed;
}
.button.ui-color-disabled .icon {
    color: #818181;
}

.button-border {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: inherit;
    text-align: center;
    line-height: 1.2;
    outline: 0;
    font-weight: 700;
    color: #000;
    position: relative;
    z-index: 1;
    border-radius: 11px;
    overflow: hidden;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button-border .icon {
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button-border .icon:not(.ui-pos-left) {
    margin-left: 17px;
}
.button-border .icon.ui-pos-left {
    margin-right: 13px;
}
.button-border.ui-area-full {
    width: 100%;
}
.button-border:not([class*=ui-size-]) {
    padding-left: 25px;
    padding-right: 25px;
    height: 50px;
    font-size: 14px;
}
.button-border.ui-size-small {
    padding-left: 17px;
    padding-right: 17px;
    height: 42px;
    font-size: 13px;
}
.button-border:not([class*=ui-color-]) {
    border: 1px solid #fff;
}
.button-border:not([class*=ui-color-]):hover .icon {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}
.button-border.ui-color-border-dark {
    color: #818181;
    border: 1px solid rgba(129, 129, 129, 0.08);
}
.button-border.ui-color-border-dark .icon {
    color: #818181;
}
.button-border.ui-color-wp {
    color: #25d366;
    border: 1px solid #25d366;
}
.button-border.ui-color-wp .icon {
    color: #25d366;
}
.button-border.ui-color-1 {
    color: #fed932;
    border: 1px solid #fed932;
}
.button-border.ui-color-1:hover {
    background-color: #fed932;
    color: #fff;
}
.button-border.ui-color-1 .icon {
    color: #fed932;
}

.button-line {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
@media (max-width: 479px) {
    .button-line {
        font-size: 13px;
    }
}
.button-line:hover .icon {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
}
.button-line .icon {
    font-size: 14px;
    color: #fed932;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button-line:not([class*=ui-color-]) {
    color: #fed932;
}
.button-line.ui-color-light {
    color: #fff;
}
.button-line.ui-color-1 {
    color: #fed932;
}

label.checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
label.checkbox:not(:last-child) {
    margin-bottom: 6px;
}
label.checkbox.is-error .checkbox {
    border: 2px solid red !important;
}
label.checkbox.is-error .text {
    color: red !important;
}
label.checkbox.is-error .text a {
    color: red !important;
}
label.checkbox input {
    position: absolute;
    opacity: 0;
}
label.checkbox .checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 22px;
    height: 22px;
    background: none;
    border: 2px solid #EBEBEB;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}
label.checkbox .checkbox:before {
    content: "✓";
    position: absolute;
    top: -3px;
    line-height: 0.7;
    font-size: 24px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    color: #fed932;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
label.checkbox .text {
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px !important;
    line-height: 1.3;
    padding-left: 10px;
}
label.checkbox .text span {
    opacity: 0.5;
    margin-left: 5px;
}
label.checkbox .text strong {
    font-weight: 900;
}
label.checkbox .text a {
    font-weight: 600;
    color: #fed932;
}
label.checkbox .text a:hover {
    text-decoration: underline;
}
label.checkbox input:checked + .checkbox:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

label.radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
}
label.radio:not(.ui-no-align-center) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
label.radio input {
    position: absolute;
    opacity: 0;
}
label.radio .radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 24px;
    height: 24px;
    background: #fff;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
}
label.radio .radio::before {
    content: "";
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    background: #fed932;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}
label.radio .text {
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    line-height: 1.2;
    padding-left: 10px;
}
label.radio .text span {
    color: rgba(129, 129, 129, 0.7);
    margin-left: 5px;
}
label.radio input:checked + .radio:before {
    opacity: 1;
    visibility: visible;
}

select.selectbox {
    width: 100%;
    height: 55px;
    border: 1px solid #fff;
    font-family: inherit;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
}
select.selectbox::-webkit-input-placeholder { /* Edge */
    color: #fff;
}
select.selectbox:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
select.selectbox::-moz-placeholder {
    color: #fff;
}
select.selectbox::-ms-input-placeholder {
    color: #fff;
}
select.selectbox::placeholder {
    color: #fff;
}
select.selectbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
}
select.selectbox:before {
    content: "";
}
select.selectbox:focus + .icon.arrow {
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
}

@media (max-width: 991px) {
    .breadcrumb {
        display: none;
    }
}
.breadcrumb ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.breadcrumb ul li {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.breadcrumb ul li.is-select a {
    color: #fed932;
    font-weight: 500;
}
.breadcrumb ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #D9D9D9;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 768px) and (max-width: 991px) {
    .breadcrumb ul li a {
        font-size: 12px;
    }
}
.breadcrumb ul li a::after {
    content: "/";
    margin-inline: 10px;
}
.breadcrumb ul li a:hover {
    color: #fed932;
}
.breadcrumb ul li:last-child a:after {
    display: none;
}

.popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(254, 217, 50, 0.8);
    z-index: 2000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.popup:not(.is-visible) {
    opacity: 0;
    visibility: hidden;
}
.popup-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.popup-wrapper:not(.is-visible) {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}
.popup-content {
    width: 700px;
    max-width: 100%;
    display: table-cell;
    text-align: center;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
@media (max-width: 991px) {
    .popup-content {
        height: auto;
    }
}
.popup-content img {
    width: 100%;
}
.popup-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 45px;
    height: 45px;
    border-radius: 999px;
    background: #fff;
    font-size: 24px;
    z-index: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.popup-close::before, .popup-close::after {
    content: "";
    position: absolute;
    background: #fed932;
    height: 2px;
    width: 24px;
}
.popup-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.popup-close:hover {
    background: #fed932;
}
.popup-close:hover::before, .popup-close:hover::after {
    background: #fff;
}

.accordion > ul > li {
    background: #fff;
    border: 1px solid #EBEBEB;
    overflow: hidden;
}
.accordion > ul > li.is-open {
    border: 1px solid transparent;
    -webkit-box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
    box-shadow: 0 5px 5px rgba(129, 129, 129, 0.1);
}
.accordion > ul > li.is-open .accordion-header {
    background: #F5F5F5;
}
.accordion > ul > li.is-open .accordion-header .title {
    color: #1E1E1E;
}
.accordion > ul > li.is-open .accordion-right > .icon {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.accordion:not([class*=ui-style-]) > ul > li:not(:last-child) {
    margin-bottom: 40px;
}
.accordion.ui-style-1 > ul > li:not(:last-child) {
    margin-bottom: 20px;
}
.accordion-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 25px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fafafa;
    border-bottom: 1px solid #EBEBEB;
}
@media (max-width: 479px) {
    .accordion-header {
        padding: 20px 17px;
    }
}
@media (max-width: 991px) {
    .accordion-header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.accordion-header .title {
    color: #000;
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    max-height: 43px;
}
@media (max-width: 479px) {
    .accordion-header .title {
        font-size: 14px;
    }
}
.accordion-header .title:not([class*=ui-size-]) {
    font-size: 18px;
}
.accordion-header .title.ui-size-small {
    font-size: 14px;
}
.accordion-heading {
    color: #000;
    font-size: 18px;
    letter-spacing: -0.5px;
    font-weight: 600;
    line-height: 1.3;
    overflow: hidden;
    text-transform: uppercase;
    max-height: 43px;
    margin-bottom: 20px;
}
@media (max-width: 479px) {
    .accordion-heading {
        font-size: 14px;
    }
}
.accordion-dropdown > ul > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding: 25px;
}
@media (max-width: 991px) {
    .accordion-dropdown > ul > li {
        padding: 15px;
    }
}
.accordion-dropdown > ul > li:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}
.accordion-dropdown > ul > li .text {
    font-size: 14px;
    color: #1E1E1E;
    line-height: 1.4;
    padding-right: 75px;
}
@media (max-width: 991px) {
    .accordion-dropdown > ul > li .text {
        padding-right: 55px;
    }
}
.accordion-dropdown > ul > li .icon {
    font-size: 23px;
    border-left: 1px solid #EBEBEB;
    width: 70px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.accordion-dropdown > ul > li .icon:hover {
    background-color: #fafafa;
}
.accordion-right {
    margin-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media (max-width: 991px) {
    .accordion-right {
        margin-left: 0;
        margin-top: 5px;
    }
}
.accordion-right > .icon {
    margin-top: 5px;
    color: #818181;
    font-size: 13px;
    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.accordion-right .date {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(129, 129, 129, 0.7);
}
.accordion-right .date .icon {
    font-size: 12px;
    margin-right: 5px;
}
.accordion-right .date .text {
    font-size: 11px;
}
.accordion-content {
    padding-left: 35px;
    padding-right: 35px;
    display: none;
}
.accordion-content .page-content__description {
    font-size: 14px;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal {
    background-color: #fff;
    position: fixed;
    inset: 0;
    z-index: 2003;
}
.modal-nav {
    will-change: transform, opacity;
    -webkit-transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
    transition: opacity 0.4s, visibility 0.4s, -webkit-transform 0.6s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.6s;
    transition: opacity 0.4s, visibility 0.4s, transform 0.6s, -webkit-transform 0.6s;
}
.modal-nav:not(.is-visible) {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}
.modal-nav__header {
    height: 80px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 1200px) {
    .modal-nav__header {
        padding-left: 50px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .modal-nav__header {
        padding-left: 10px;
    }
}
@media (max-width: 767px) {
    .modal-nav__header .logo {
        display: none;
    }
}
.modal-nav__header .logo a {
    display: block;
    position: relative;
}
.modal-nav__header .logo a img {
    width: 130px;
}
.modal-nav__search {
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
@media (max-width: 767px) {
    .modal-nav__search {
        width: calc(100% - 80px);
    }
}
.modal-nav__search input {
    height: 80px;
    font-family: inherit;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 60px;
    padding-bottom: 3px;
}
.modal-nav__search input::-webkit-input-placeholder { /* Edge */
    color: #818181;
}
.modal-nav__search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #818181;
}
.modal-nav__search input::-moz-placeholder {
    color: #818181;
}
.modal-nav__search input::-ms-input-placeholder {
    color: #818181;
}
.modal-nav__search input::placeholder {
    color: #818181;
}
.modal-nav__search input {
    color: #000;
    font-weight: 700;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
@media (min-width: 768px) {
    .modal-nav__search input {
        width: 400px;
    }
    .modal-nav__search input:focus {
        width: 450px;
    }
}
@media (max-width: 767px) {
    .modal-nav__search input {
        width: 100%;
    }
}
.modal-nav__search .icon {
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 28px;
    margin-top: -3px;
}
.modal-nav__search .icon svg {
    stroke: #dde0e4;
}
.modal-nav__search .borders {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.modal-nav__search .borders > div {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 3px;
}
.modal-nav__search .borders > div:nth-child(1) {
    background-color: #ad3f81;
}
.modal-nav__search .borders > div:nth-child(2) {
    background-color: #18c5e8;
}
.modal-nav__search .borders > div:nth-child(3) {
    background-color: #f28532;
}
.modal-nav__search .borders > div:nth-child(4) {
    background-color: #e75c41;
}
.modal-nav__search .borders > div:nth-child(5) {
    background-color: #1bb39c;
}
.modal-nav__search .borders > div:nth-child(6) {
    background-color: #348ee5;
}
.modal-nav__search .borders > div:nth-child(7) {
    background-color: #f44184;
}
.modal-nav__close .btn {
    background-color: rgba(254, 217, 50, 0.1);
    width: 80px;
    height: 80px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.modal-nav__close .btn:hover {
    background-color: #fed932;
}
.modal-nav__close .btn:hover .icon {
    color: #fff;
}
.modal-nav__close .btn .icon {
    font-size: 32px;
    color: rgba(254, 217, 50, 0.85);
}
.modal-nav__wrapper {
    height: calc(100% - 80px);
}
@media (max-width: 991px) {
    .modal-nav__wrapper {
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-color: #fed932 rgba(254, 217, 50, 0.1);
        scrollbar-width: thin;
    }
    .modal-nav__wrapper::-webkit-scrollbar-track {
        background-color: rgba(254, 217, 50, 0.1);
    }
    .modal-nav__wrapper::-webkit-scrollbar {
        width: 5px;
    }
    .modal-nav__wrapper::-webkit-scrollbar-thumb {
        background-color: #fed932;
    }
}
@media (min-width: 768px) {
    .modal-nav__wrapper .row {
        height: 100%;
    }
}
@media (max-width: 991px) {
    .modal-nav__categories ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto;
    }
}
@media (max-width: 991px) {
    .modal-nav__categories ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}
@media (min-width: 992px) {
    .modal-nav__categories ul li:not(:last-child) a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }
}
@media (max-width: 991px) {
    .modal-nav__categories ul li:not(:last-child) a {
        border-right: 1px solid rgba(0, 0, 0, 0.08);
    }
}
.modal-nav__categories ul li:hover a {
    color: #fff;
}
.modal-nav__categories ul li:hover a .icon {
    color: #fff;
}
.modal-nav__categories ul li:hover a .menu-bg {
    width: 100%;
}
.modal-nav__categories ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    width: 100%;
    color: #818181;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 992px) {
    .modal-nav__categories ul li a {
        height: calc((100vh - 80px) / 10);
        padding-right: 30px;
    }
}
@media (min-width: 1200px) {
    .modal-nav__categories ul li a {
        padding-left: 50px;
    }
}
@media (max-width: 991px) {
    .modal-nav__categories ul li a {
        padding-inline: 20px;
        height: 60px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .modal-nav__categories ul li a {
        padding-left: 10px;
    }
}
.modal-nav__categories ul li a .text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: auto;
}
.modal-nav__categories ul li a .icon {
    color: #818181;
    font-size: 14px;
    opacity: 0.35;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 992px) {
    .modal-nav__categories ul li a .icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 25px;
    }
}
@media (max-width: 991px) {
    .modal-nav__categories ul li a .icon {
        margin-left: 20px;
    }
}
.modal-nav__categories ul li a .menu-bg {
    background-color: #fed932;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    pointer-events: none;
    will-change: width;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
.modal-nav__lists {
    background-color: #F5F5F5;
}
@media (min-width: 992px) {
    .modal-nav__lists {
        height: 100%;
    }
}
@media (min-width: 992px) {
    .modal-nav__lists ul {
        padding: 15px 25px;
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-color: rgba(129, 129, 129, 0.3) rgba(129, 129, 129, 0.1);
        scrollbar-width: thin;
    }
    .modal-nav__lists ul::-webkit-scrollbar-track {
        background-color: rgba(129, 129, 129, 0.1);
    }
    .modal-nav__lists ul::-webkit-scrollbar {
        width: 5px;
    }
    .modal-nav__lists ul::-webkit-scrollbar-thumb {
        background-color: rgba(129, 129, 129, 0.3);
    }
    .modal-nav__lists ul {
        max-height: calc(100vh - 80px);
    }
}
@media (max-width: 991px) {
    .modal-nav__lists ul {
        overflow-x: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media (max-width: 991px) {
    .modal-nav__lists ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}
.modal-nav__lists ul li:hover a {
    color: #000;
}
@media (min-width: 992px) {
    .modal-nav__lists ul li:hover a::before {
        width: calc(100% + 25px * 2);
    }
}
@media (max-width: 991px) {
    .modal-nav__lists ul li:hover a::before {
        width: 100%;
    }
}
.modal-nav__lists ul li a {
    color: rgba(129, 129, 129, 0.65);
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (min-width: 992px) {
    .modal-nav__lists ul li a {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
@media (max-width: 991px) {
    .modal-nav__lists ul li a {
        padding: 12px 20px;
    }
}
.modal-nav__lists ul li a::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.08);
    will-change: width;
    width: 0;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}
@media (min-width: 992px) {
    .modal-nav__lists ul li a::before {
        right: calc(-1 * 25px);
        left: calc(-1 * 25px);
    }
}
@media (max-width: 991px) {
    .modal-nav__lists ul li a::before {
        right: 0;
        left: 0;
    }
}
@media (min-width: 992px) {
    .modal-nav__products {
        height: 100%;
    }
}
@media (max-width: 991px) {
    .modal-nav__products {
        margin-inline: auto;
    }
}
@media (max-width: 479px) {
    .modal-nav__products {
        max-width: 390px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .modal-nav__products {
        max-width: 600px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .modal-nav__products {
        max-width: 768px;
    }
}
@media (min-width: 992px) {
    .modal-nav__products .products {
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-color: #fed932 rgba(254, 217, 50, 0.1);
        scrollbar-width: thin;
    }
    .modal-nav__products .products::-webkit-scrollbar-track {
        background-color: rgba(254, 217, 50, 0.1);
    }
    .modal-nav__products .products::-webkit-scrollbar {
        width: 5px;
    }
    .modal-nav__products .products::-webkit-scrollbar-thumb {
        background-color: #fed932;
    }
    .modal-nav__products .products {
        max-height: calc(100vh - 80px);
        padding: 30px;
    }
}
@media (max-width: 991px) {
    .modal-nav__products .products {
        padding: 20px;
    }
}

@media (min-width: 768px) {
    .button-fixed {
        --circle-size: 65px;
    }
}
@media (max-width: 767px) {
    .button-fixed {
        --circle-size: 55px;
    }
}
.button-fixed {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: var(--circle-size);
    height: var(--circle-size);
    position: fixed;
    border: 5px solid #fff;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    text-align: center;
    color: #000;
    z-index: 999;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.button-fixed:not(.is-active) {
    opacity: 0;
    visibility: hidden;
}
.button-fixed:not([class*=ui-color-]) {
    background: #fed932;
}
.button-fixed:not([class*=ui-color-])::before, .button-fixed:not([class*=ui-color-])::after {
    background: rgba(254, 217, 50, 0.1);
}
@media (min-width: 768px) {
    .button-fixed {
        right: 20px;
        bottom: 45px;
    }
}
@media (max-width: 767px) {
    .button-fixed {
        right: 12px;
        bottom: 40px;
    }
}
.button-fixed::before, .button-fixed::after {
    content: "";
    position: absolute;
    border-radius: 100%;
    -webkit-animation: pulsate 1.5s ease-out;
    animation: pulsate 1.5s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
}
.button-fixed::before {
    width: var(--circle-size)15px;
    height: var(--circle-size)15px;
}
.button-fixed::after {
    width: var(--circle-size)35px;
    height: var(--circle-size)35px;
}
@media (min-width: 768px) {
    .button-fixed .icon {
        font-size: 24px;
    }
}
@media (max-width: 767px) {
    .button-fixed .icon {
        font-size: 22px;
    }
}
@media (min-width: 768px) {
    .button-fixed.is-active {
        -webkit-transform: translateY(-70px);
        -ms-transform: translateY(-70px);
        transform: translateY(-70px);
    }
}
@media (max-width: 767px) {
    .button-fixed.is-active {
        -webkit-transform: translateY(-60px);
        -ms-transform: translateY(-60px);
        transform: translateY(-60px);
    }
}

.header {
    background-color: #000;
    height: var(--header-height);
}
.header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
}
@media (max-width: 767px) {
    .header-logo {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 15px;
    }
}
.header-logo a {
    display: block;
    position: relative;
}
.header-logo h1 {
    font-size: 0;
    margin: 0;
}
.header-logo img {
    width: 160px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
@media (max-width: 767px) {
    .header-logo img {
        width: 145px;
    }
}
.header-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 11px;
    border: 1px solid transparent;
    padding-inline: 10px;
    height: 55px;
    background-color: #fed932;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 767px) {
    .header-buttons {
        display: none;
    }
}
.header-buttons:hover {
    background-color: transparent;
    border-color: #fff;
}
.header-buttons:hover .icon {
    color: #fff;
}
.header-buttons:hover .desc .text,
.header-buttons:hover .desc .number {
    color: #fff;
}
.header-buttons .icon {
    font-size: 22px;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.header-buttons .desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 10px;
    line-height: 1;
}
.header-buttons .desc .text {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 3px;
    text-transform: uppercase;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.header-buttons .desc .number {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 1199px) {
    .navigation {
        display: none;
    }
}
.navigation {
    margin-left: calc(-1 * var(--nav-gutter));
    margin-right: calc(-1 * var(--nav-gutter));
}
.navigation-item > a, .navigation-item > button {
    padding-left: var(--nav-gutter);
    padding-right: var(--nav-gutter);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    font-size: 20px;
    height: var(--header-height);
    line-height: 1.2;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.navigation-item:hover > a, .navigation-item:hover > button {
    background-color: #fed932;
}
.navigation-item:hover > .navigation-links {
    opacity: 1;
    visibility: visible;
    pointer-events: initial;
}
.navigation-item:hover .navigation-dropdown {
    opacity: 1;
    visibility: visible;
}
.navigation-item:hover .navigation-dropdown__content {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.navigation-links {
    position: absolute;
    background: #fff;
    width: 242px;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.navigation-links > li {
    display: block;
}
.navigation-links > li:not(:last-child) a {
    border-bottom: 1px solid #EBEBEB;
}
.navigation-links > li > a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 13px;
    -moz-column-gap: 13px;
    column-gap: 13px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    padding: 15px 20px;
    color: #000;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.navigation-links > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background-color: #fed932;
    will-change: height;
    height: 0;
    margin-block: auto;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.navigation-links > li > a:hover {
    background-color: #F5F5F5;
}
.navigation-links > li > a:hover::before {
    height: 100%;
}
.navigation-links > li > a .icon {
    color: #fed932;
}
.navigation-links > li > a .icon svg:not(.ui-default) {
    font-size: 20px;
}
.navigation-links > li > a .icon svg.ui-default {
    font-size: 16px;
}
.navigation-links > li > a .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.navigation-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1;
    min-height: 450px;
    opacity: 0;
    visibility: hidden;
}
.navigation-dropdown::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(245, 245, 245, 0.7);
}
.navigation-dropdown__content {
    padding-top: 50px;
    padding-bottom: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
}

.navigation-mobile {
    position: fixed;
    background-color: rgba(30, 30, 30, 0.75);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11111;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    will-change: opacity;
    backdrop-filter: blur(3px);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding-left: 10px;
}
.navigation-mobile.is-visible {
    opacity: 1;
    visibility: visible;
}
.navigation-mobile__wrapper {
    background: #fed932;
    width: 750px;
    height: 100%;
    border-radius: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    will-change: opacity, transform;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}
@media (max-width: 479px) {
    .navigation-mobile__wrapper {
        max-width: 330px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .navigation-mobile__wrapper {
        max-width: 400px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navigation-mobile__wrapper {
        max-width: 400px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .navigation-mobile__wrapper {
        max-width: 400px;
    }
}
.navigation-mobile__wrapper.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.navigation-mobile__header {
    position: relative;
    z-index: 2;
}
.navigation-mobile__header-body {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 60px;
    padding-right: 60px;
    height: 100px;
}
@media (max-width: 479px) {
    .navigation-mobile__header-body {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.navigation-mobile__header-logo {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.navigation-mobile__header-logo a {
    display: block;
    position: relative;
}
.navigation-mobile__header-logo a img {
    width: 150px;
}
.navigation-mobile__header-close {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: rgba(129, 129, 129, 0.7);
}
.navigation-mobile__header-close .icon {
    font-size: 28px;
}
.navigation-mobile__content {
    height: calc(100% - 150px);
    overflow-y: auto;
}
.navigation-mobile__content > ul {
    padding-top: 15px;
    padding-bottom: 15px;
}
.navigation-mobile__content > ul:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navigation-mobile__content-list > li.is-open > a {
    background: #fff;
}
.navigation-mobile__content-list > li.is-open > a .heading .text {
    color: #fed932;
}
.navigation-mobile__content-list > li.is-open > a .heading .icon {
    color: rgba(254, 217, 50, 0.3);
}
.navigation-mobile__content-list > li > a {
    padding: 15px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: sticky;
    top: 0;
}
@media (max-width: 479px) {
    .navigation-mobile__content-list > li > a {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.navigation-mobile__content-list > li > a .icon.ui-plus {
    color: #fed932;
    font-size: 20px;
}
.navigation-mobile__content-list > li > a .icon.ui-plus .fa-secondary {
    opacity: 0;
}
.navigation-mobile__content-list > li > a .heading {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.navigation-mobile__content-list > li > a .heading .text {
    color: #fff;
    font-size: 18px;
    letter-spacing: -0.3px;
    font-weight: 700;
}
.navigation-mobile__content-list > li > a .heading .icon {
    width: 35px;
    margin-right: 10px;
    font-size: 24px;
    color: #818181;
}
.navigation-mobile__content-list > li > a .heading .icon img {
    width: 100%;
    height: 100%;
    -webkit-filter: invert(1) brightness(0);
    filter: invert(1) brightness(0);
}
.navigation-mobile__content-other {
    padding-left: 60px;
    padding-right: 60px;
}
@media (max-width: 479px) {
    .navigation-mobile__content-other {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.navigation-mobile__sub {
    display: none;
    background: rgba(0, 0, 0, 0.06);
}
.navigation-mobile__sub li {
    padding-left: 103px;
}
@media (max-width: 479px) {
    .navigation-mobile__sub li {
        padding-left: 55px;
    }
}
.navigation-mobile__sub li:not(:last-child) a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.navigation-mobile__sub li a {
    color: #818181;
    font-size: 13px;
    font-weight: 500;
    display: block;
    padding: 9px 5px;
}
.navigation-mobile__footer {
    padding-left: 60px;
    padding-right: 60px;
    height: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 479px) {
    .navigation-mobile__footer {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.navigation-mobile__footer a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: #fed932;
    font-size: 14px;
}
.navigation-mobile__footer a:not(:last-child) {
    margin-right: 20px;
}

.footer {
    padding-block: 70px;
}
@media (max-width: 767px) {
    .footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .footer-logo {
        margin-bottom: 20px;
    }
}
.footer-logo a {
    display: block;
    position: relative;
}
.footer-logo img {
    width: 200px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.footer .link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: 500;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.footer .link:hover .text {
    color: #fff;
}
.footer .link .icon {
    font-size: 32px;
    margin-bottom: 10px;
    color: #fff;
}
.footer .link .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.form > form > ul {
    row-gap: 0;
}
.form > form > ul > li {
    margin-bottom: 15px;
    position: relative;
}
@media (min-width: 992px) {
    .form.ui-apply > form > ul {
        width: 70%;
    }
}
.form-field.ui-selectbox .form-error {
    right: 50px;
}
.form-field.ui-textarea .form-error {
    top: 15px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.form-field .heading {
    color: #fed932;
    font-size: 13px;
    font-weight: 700;
}
.form-field .icon:not(.ui-arrow) {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 55px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fed932;
}
.form-field.is-error input, .form-field.is-error textarea, .form-field.is-error label, .form-field.is-error select {
    border: 2px solid red !important;
}
.form-field.is-error .icon, .form-field.is-error label {
    color: red !important;
}
.form-field input, .form-field textarea {
    width: 100%;
    height: 55px;
    border: 1px solid #fff;
    font-family: inherit;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
}
.form-field input::-webkit-input-placeholder, .form-field textarea::-webkit-input-placeholder { /* Edge */
    color: #fff;
}
.form-field input:-ms-input-placeholder, .form-field textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
.form-field input::-moz-placeholder, .form-field textarea::-moz-placeholder {
    color: #fff;
}
.form-field input::-ms-input-placeholder, .form-field textarea::-ms-input-placeholder {
    color: #fff;
}
.form-field input::placeholder, .form-field textarea::placeholder {
    color: #fff;
}
.form-field input, .form-field textarea {
    display: block;
}
.form-field textarea {
    padding-top: 20px;
    height: 140px;
}
.form-field .icon.ui-arrow {
    position: absolute;
    pointer-events: none;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 14px;
    opacity: 0.5;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.form-group {
    position: relative;
}
.form-group + .form-error {
    right: 40px;
}
.form-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.form-kvkk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 20px;
}
.form-send > input, .form-send > button {
    background: #fed932;
    height: 55px;
    width: 100%;
    font-family: inherit;
    border: 0 none;
    text-align: center;
    border-radius: 8px;
    padding-left: 20px;
    padding-right: 20px;
    color: #000;
    font-size: 18px;
    font-weight: 700;
    font-family: inherit;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    will-change: transform;
}
.form-send > input:hover, .form-send > button:hover {
    background: #1E1E1E;
    color: #fff;
}

.form-error {
    position: absolute;
    top: 50%;
    right: 25px;
    color: red;
    font-size: 12px;
    font-weight: 500;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.form-messages {
    border-radius: 8px;
    padding: 25px 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}
.form-messages strong {
    font-weight: 800;
}
.form-messages.ui-success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
}
.form-messages.ui-error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
}

.alert {
    position: fixed;
    inset: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2223;
    background-color: #fff;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
    box-shadow: 0 0 30px rgba(30, 30, 30, 0.15);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 550px;
    height: 400px;
    padding: 50px;
}
.alert.alert-dismissible .alert-icon {
    background-color: red;
}
.alert.alert-success .alert-icon {
    background-color: green;
}
.alert .close {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 22px;
}
.alert__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.alert-icon {
    width: 90px;
    height: 90px;
    background-color: #3c763d;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 999px;
    color: #fff;
    margin-bottom: 20px;
}
.alert-icon .icon {
    font-size: 38px;
}
.alert-title {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #1E1E1E;
    margin-bottom: 5px;
}
.alert-text {
    font-size: 14px;
    color: #818181;
}

.modal {
    position: fixed;
    inset: 0;
    z-index: 2223;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(3px);
    background-color: rgba(254, 217, 50, 0.55);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.modal.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
}
.modal-wrapper {
    border-radius: 11px;
    overflow: hidden;
    padding: 70px;
    -webkit-transform: translateY(100px) translateX(-50%);
    -ms-transform: translateY(100px) translateX(-50%);
    transform: translateY(100px) translateX(-50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background-color: #fff;
    position: absolute;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    max-width: 990px;
    width: 100%;
    max-height: 720px;
    height: 100%;
    overflow-y: auto;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-color: #fed932 rgba(254, 217, 50, 0.3);
    scrollbar-width: thin;
}
.modal-wrapper::-webkit-scrollbar-track {
    background-color: rgba(254, 217, 50, 0.3);
}
.modal-wrapper::-webkit-scrollbar {
    width: 5px;
}
.modal-wrapper::-webkit-scrollbar-thumb {
    background-color: #fed932;
}
@media (max-width: 767px) {
    .modal-wrapper {
        padding: 30px;
        padding-top: 20px;
    }
}
@media (min-width: 1200px) and (max-width: 1450px) {
    .modal-wrapper {
        padding: 30px;
    }
}
.modal-wrapper.is-visible {
    -webkit-transform: translateY(0) translateX(-50%);
    -ms-transform: translateY(0) translateX(-50%);
    transform: translateY(0) translateX(-50%);
    opacity: 1;
    visibility: visible;
}
.modal-wrapper__header {
    border-bottom: 1px solid #EBEBEB;
    padding-bottom: 50px;
    margin-bottom: 50px;
}
@media (max-width: 479px) {
    .modal-wrapper__header {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}
.modal-wrapper__cover {
    width: 100%;
    height: 250px;
    border-radius: 11px;
    overflow: hidden;
    border: 1px solid #EBEBEB;
    padding: 10px;
}
@media (max-width: 991px) {
    .modal-wrapper__cover {
        height: auto;
    }
}
.modal-wrapper__cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 11px;
}
.modal-wrapper__description {
    padding-top: 15px;
}
.modal-wrapper__description .title {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #1E1E1E;
    line-height: 1.2;
}
.modal-wrapper__description .text {
    font-size: 18px;
    color: #1E1E1E;
    line-height: 1.3;
    letter-spacing: -0.5px;
}
.modal-wrapper__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-block: 30px;
}
.modal-wrapper__contact > a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}
.modal-wrapper__contact > a:not(:last-child) {
    margin-bottom: 12px;
}
.modal-wrapper__contact > a .icon {
    font-size: 20px;
}
.modal-wrapper__contact > a .text {
    font-size: 16px;
    font-weight: 300;
    padding-left: 15px;
}
.modal-wrapper__social {
    margin-top: 40px;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    margin-left: -10px;
}
.modal-wrapper__social a .icon {
    width: 35px;
    height: 35px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    border-radius: 999px;
}
.modal-wrapper__social a .icon:not([class*=ui-color-]) svg path {
    fill: #1E1E1E;
}
.modal-wrapper__social a .icon:not([class*=ui-color-]):hover svg path {
    fill: #fff;
}
.modal-wrapper__social a .icon:hover {
    background-color: #fed932;
}
.modal-wrapper__bottom .text {
    font-size: 14px;
    color: #1E1E1E;
}
.modal-close {
    font-size: 20px;
    color: #000;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fed932;
    color: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.modal-close:hover {
    background-color: rgb(251.7718446602, 206.3300970874, 1.2281553398);
}
@media (max-width: 767px) {
    .modal-close {
        font-size: 22px;
        top: 15px;
        right: 25px;
    }
}

body {
    font-family: "Barlow", sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #000;
    overflow-x: hidden;
    background-color: #0f0e12;
}
body.ui-bg {
    background: #F5F5F5;
}
body.is-scroll {
    overflow: hidden;
}
body .parallax-mirror::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #000;
    z-index: 1;
    opacity: 0.5;
}
body .parallax-mirror img {
    -o-object-position: top;
    object-position: top;
}

.small-title:not(.ui-not) {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 600;
    letter-spacing: 2px;
}
.small-title:not(.ui-not):not([class*=ui-color-]) {
    color: #fed932;
}
.small-title:not(.ui-not).ui-color-light {
    color: #fff;
}

.section-header.ui-txt-center {
    text-align: center;
}
.section-header:not([class*=ui-txt-color-]) .title {
    color: #fff;
}
.section-header:not([class*=ui-txt-color-]) .title span {
    color: #fed932;
}
.section-header:not([class*=ui-txt-color-]) .text {
    color: #fff;
}
.section-header.ui-txt-color-light .title, .section-header.ui-txt-color-light .text {
    color: #fff;
}
.section-header:not([class*=ui-txt-size-]) .title {
    font-size: 42px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1.2;
}
.section-header.ui-txt-size-xlarge .title {
    font-weight: 900;
    line-height: 1.15;
}
@media (min-width: 992px) {
    .section-header.ui-txt-size-xlarge .title {
        font-size: 60px;
        letter-spacing: -2.5px;
    }
}
@media (max-width: 991px) {
    .section-header.ui-txt-size-xlarge .title {
        font-size: 42px;
        letter-spacing: -1.5px;
    }
}
.section-header.ui-txt-size-large .title {
    font-weight: 700;
    line-height: 1.2;
}
@media (min-width: 768px) {
    .section-header.ui-txt-size-large .title {
        font-size: 62px;
        letter-spacing: -1px;
    }
}
@media (max-width: 767px) {
    .section-header.ui-txt-size-large .title {
        font-size: 42px;
        letter-spacing: -1.5px;
    }
}
.section-header.ui-txt-size-large .title.ui-style-1 {
    color: #fed932;
    font-size: 38px;
    margin-block: 20px;
}
.section-header.ui-txt-size-medium-1 .title {
    font-weight: 900;
    line-height: 1.35;
}
@media (min-width: 992px) {
    .section-header.ui-txt-size-medium-1 .title {
        font-size: 42px;
        letter-spacing: -1.5px;
    }
}
@media (max-width: 991px) {
    .section-header.ui-txt-size-medium-1 .title {
        font-size: 32px;
        letter-spacing: -1px;
    }
}
.section-header.ui-txt-size-medium .title {
    font-size: 36px;
    font-weight: 900;
    letter-spacing: -1.5px;
    line-height: 1.35;
}
.section-header.ui-txt-size-small .title {
    font-size: 28px;
    letter-spacing: -1px;
    line-height: 1.55;
}
.section-header.ui-txt-size-small .title:not(.ui-no-font-weight) {
    font-weight: 800;
}
.section-header.ui-txt-size-xsmall .title {
    font-size: 24px;
    letter-spacing: -0.65px;
    line-height: 1.45;
}
.section-header.ui-txt-size-xsmall .title:not(.ui-no-font-weight) {
    font-weight: 800;
}
.section-header > .text {
    line-height: 1.6;
    color: #818181;
}
.section-header > .text:not(.ui-no-mt) {
    margin-top: 5px;
}
.section-header > .text:not([class*=ui-txt-size-]) {
    font-size: 16px;
}
.section-header > .text.ui-txt-size-small {
    font-size: 14px;
}

.section-steps {
    padding-block: 80px;
}
.section-project {
    padding-block: 80px;
}
.section-project .section-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .section-project .section-header {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}
.section-project .section-header .text {
    max-width: 600px;
}

.form-left {
    padding-top: 80px;
}
@media (max-width: 767px) {
    .form-left {
        padding-top: 40px;
    }
}
.form-right {
    background-color: #000;
    padding: 50px;
    padding-top: 80px;
    position: relative;
}
@media (max-width: 767px) {
    .form-right {
        padding: 30px;
    }
}
.form-right .section-header .title {
    color: #fed932;
}
.form {
    /* ✅ Mesaj Alanı */
}
.form .form-message {
    margin-top: 20px;
    padding: 14px 20px;
    border-radius: 8px;
    display: none;
    font-size: 15px;
    font-weight: 500;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
.form .form-message.show {
    display: block;
    opacity: 1;
    pointer-events: inherit;
    visibility: visible;
}
.form .form-message.success {
    background-color: #d4f8d4;
    color: #1c7a1c;
    border: 1px solid #4caf50;
}
.form .form-message.error {
    background-color: #ffd6d6;
    color: #c10000;
    border: 1px solid #e53935;
}
.form {
    /* ✅ Hatalı alan vurgusu */
}
.form .input-error {
    border-color: #e53935 !important;
}
.form {
    /* ✅ Submit Loading Animasyonu */
}
.form .form-send input[type=submit].loading {
    pointer-events: none;
    opacity: 0.7;
    background: #999;
}

.steps ul {
    counter-reset: num;
}
.steps ul li .section-header .number {
    margin-bottom: 10px;
}
.steps ul li .section-header .number::before {
    content: counter(num, decimal-leading-zero) ".";
    counter-increment: num;
    line-height: 1;
    font-size: 122px;
    font-weight: 600;
    color: #fed932;
}
.steps ul li:nth-child(even) .row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.steps ul li:not(:last-child) {
    margin-bottom: 60px;
    padding-bottom: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
.steps-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}
.steps-cover {
    width: 100%;
    height: 500px;
    border-radius: 20px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .steps-cover {
        height: auto;
    }
}
.steps-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.parallax {
    position: relative;
}
.parallax-cover {
    width: 100%;
    height: 430px;
}
.parallax-cover img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.parallax-body {
    position: absolute;
    inset: 0;
    z-index: 1;
}
.parallax-body .container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.project-card {
    display: block;
    position: relative;
}
.project-card:hover .project-photo img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.project-photo {
    width: 100%;
    height: 350px;
    overflow: hidden;
}
.project-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.project-body {
    padding-top: 20px;
}
.project-body .title {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
}
.project-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 50px;
}
.project-gallery {
    padding-top: 50px;
}
.project-gallery__photo {
    width: 100%;
    height: 400px;
    overflow: hidden;
}
.project-gallery__photo:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.project-gallery__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}

.inner-page__header:not([class*=ui-pos-]) {
    position: relative;
}
.inner-page__header.ui-pos-absolute {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: -1;
}
.inner-page__photo {
    background-color: #000;
}
.inner-page__photo:not([class*=ui-height-]) {
    height: 275px;
}
.inner-page__photo.ui-height-medium {
    height: 400px;
}
.inner-page__photo.ui-height-large {
    height: 750px;
}
.inner-page__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0.7;
}
.inner-page__heading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
}
.inner-page__heading .container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
.inner-page__heading-photo {
    height: 300px;
    border-radius: 15px;
    overflow: hidden;
}
.inner-page__heading-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.inner-page__heading-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 750px;
}
.inner-page__heading-content .title {
    color: #fff;
    font-size: 52px;
    font-weight: 700;
    letter-spacing: -1.5px;
    line-height: 1.3;
}
.inner-page__heading-content .text {
    color: #818181;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 5px;
}
.inner-page__heading-content .text strong {
    font-weight: 800;
}

@media (min-width: 768px) {
    .inner-page__wrapper:not([class*=ui-mt-]) {
        margin-top: 50px;
    }
}
@media (max-width: 767px) {
    .inner-page__wrapper:not([class*=ui-mt-]) {
        margin-top: 30px;
    }
}
@media (min-width: 768px) {
    .inner-page__wrapper:not([class*=ui-mb-]) {
        margin-bottom: 70px;
    }
}
@media (max-width: 767px) {
    .inner-page__wrapper:not([class*=ui-mb-]) {
        margin-bottom: 30px;
    }
}
.inner-page__wrapper.ui-mv-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.inner-page__wrapper.ui-style-gradient {
    position: relative;
    z-index: 1;
    padding-top: 50px;
}
.inner-page__wrapper.ui-style-gradient::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 300px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fed932), to(transparent));
    background-image: linear-gradient(#fed932, transparent);
    z-index: -1;
    opacity: 0.4;
}
.inner-page__wrapper.ui-bg-1 {
    background-color: rgba(15, 14, 18, 0.15);
    padding-block: 50px;
}
@media (min-width: 768px) {
    .inner-page__row.ui-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}
@media (max-width: 767px) {
    .inner-page__row.ui-dir-row-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media (max-width: 767px) {
    .inner-page__row:not(.ui-dir-row-reverse) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media (min-width: 1200px) {
    .inner-page__row:not([class*=ui-gutter-]) > div {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media (max-width: 1199px) {
    .inner-page__row:not([class*=ui-gutter-]) > div {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 1200px) {
    .inner-page__row.ui-gutter-15 > div {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width: 1199px) {
    .inner-page__row.ui-gutter-15 > div {
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media (min-width: 992px) {
    .inner-page__article:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 73%;
        flex: 0 0 73%;
        max-width: 73%;
    }
}
@media (max-width: 767px) {
    .inner-page__article:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .inner-page__article:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62%;
        flex: 0 0 62%;
        max-width: 62%;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .inner-page__article:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 67%;
        flex: 0 0 67%;
        max-width: 67%;
    }
}
@media (max-width: 767px) {
    .inner-page__sidebar {
        margin-top: 40px;
    }
}
.inner-page__sidebar:not([class*=col-]) > div:not(:last-child) {
    margin-bottom: 30px;
}
@media (min-width: 992px) {
    .inner-page__sidebar:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 73%);
        flex: 0 0 calc(100% - 73%);
        max-width: calc(100% - 73%);
    }
}
@media (max-width: 767px) {
    .inner-page__sidebar:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .inner-page__sidebar:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 62%);
        flex: 0 0 calc(100% - 62%);
        max-width: calc(100% - 62%);
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .inner-page__sidebar:not([class*=col-]) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 67%);
        flex: 0 0 calc(100% - 67%);
        max-width: calc(100% - 67%);
    }
}
.inner-page__content {
    display: inline-block;
    width: 100%;
}
.inner-page__content:not(:last-child) {
    margin-bottom: 50px;
}
.inner-page__content:not(.ui-min-height):not(.ui-no-height) {
    min-height: 100%;
}
.inner-page__content.ui-min-height {
    min-height: 700px;
}
.inner-page__content.ui-bg-1 {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 50px 40px;
}
@media (max-width: 767px) {
    .inner-page__content.ui-bg-1 {
        padding: 30px 20px;
    }
}
.inner-page__content.ui-offer-detail {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    padding: 40px 50px;
    margin-top: -50px;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px) {
    .inner-page__content.ui-offer-detail {
        padding: 30px 20px;
    }
}
.inner-page__content.ui-txt-center {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (max-width: 767px) {
    .inner-page__content > .row:nth-child(even) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.page-content__header {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.page-content__header:not(.ui-no-mb) {
    margin-bottom: 10px;
}
@media (min-width: 1200px) {
    .page-content__header {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (max-width: 1199px) {
    .page-content__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.page-content__header:not([class*=ui-color-]) .title {
    color: #fed932;
}
.page-content__header .title {
    font-size: 34px;
    letter-spacing: -0.5px;
    font-weight: 700;
    line-height: 1.3;
}
.page-content__header .date {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #818181;
    font-size: 14px;
    font-weight: 600;
}
@media (min-width: 1200px) {
    .page-content__header .date {
        margin-right: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 1199px) {
    .page-content__header .date {
        margin-top: 10px;
    }
}
.page-content__header .date .icon {
    font-size: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: rgba(0, 0, 0, 0.3);
    border-radius: 11px;
    width: 35px;
    height: 35px;
    background-color: #F5F5F5;
    align-items: center;
    font-size: 16px;
}
.page-content__header .date .text {
    padding-left: 15px;
}
.page-content__heading {
    font-weight: 700;
}
.page-content__heading:not([class*=ui-txt-size-]) {
    font-size: 18px;
    margin-bottom: 10px;
}
.page-content__heading.ui-txt-size-small {
    font-size: 14px;
    margin-bottom: 5px;
}
.page-content__heading:not([class*=ui-color-]) {
    color: #0f0e12;
}
.page-content__heading.ui-color-1 {
    color: #0f0e12;
}
.page-content__photo {
    overflow: hidden;
    position: relative;
    border-radius: 30px;
    margin-bottom: 30px;
    display: block;
}
@media (min-width: 992px) {
    .page-content__photo {
        width: 50%;
    }
}
@media (min-width: 992px) {
    .page-content__photo:not([class*=ui-width-full]) {
        margin-right: 30px;
        float: left;
    }
}
.page-content__photo.ui-width-full {
    width: 100%;
    height: 400px;
    position: sticky;
    top: 10px;
}
.page-content__photo.ui-width-auto {
    width: 100%;
    height: auto;
    border-radius: 0;
}
.page-content__photo.ui-width-contain {
    width: 100%;
    height: 400px;
    position: sticky;
    top: 10px;
}
.page-content__photo.ui-width-contain img {
    -o-object-fit: contain;
    object-fit: contain;
}
.page-content__photo.ui-width-small {
    width: 40%;
    border-radius: 0;
}
@media (min-width: 992px) {
    .page-content__photo.ui-right {
        float: right;
        margin-right: 0;
        margin-left: 30px;
    }
}
.page-content__photo img,
.page-content__photo iframe {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-content__photo img:has(+ .page-content__video),
.page-content__photo iframe:has(+ .page-content__video) {
    opacity: 0.75;
}
.page-content__detail > ul > li {
    display: inline-block;
}
.page-content__detail > ul > li:not(:last-child) {
    margin-bottom: 50px;
}
.page-content__spot {
    margin-bottom: 25px;
}
.page-content__spot .title {
    font-size: 18px !important;
    color: #000;
    font-weight: 700 !important;
    letter-spacing: -0.5px;
}
.page-content__spot.ui-txt-between {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (max-width: 767px) {
    .page-content__spot.ui-txt-between {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.page-content__spot .date {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
}
@media (min-width: 1200px) {
    .page-content__spot .date {
        margin-left: 50px;
        margin-right: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }
}
@media (max-width: 1199px) {
    .page-content__spot .date {
        margin-top: 10px;
    }
}
.page-content__spot .date .icon {
    font-size: 13px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #0f0e12;
    border-radius: 11px;
    width: 35px;
    height: 35px;
    background-color: rgba(15, 14, 18, 0.08);
    align-items: center;
    font-size: 16px;
}
.page-content__spot .date .text {
    padding-left: 15px;
    color: #818181;
    font-size: 14px;
    font-weight: 700;
}
.page-content__description {
    color: #fff !important;
    font-size: 16px;
    line-height: 1.7;
    font-family: "Barlow", sans-serif !important;
    margin-bottom: 15px;
}
.page-content__description * {
    color: #818181 !important;
    font-family: "Barlow", sans-serif !important;
}
.page-content__description.ui-txt-center {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.page-content__description a {
    color: #55acef;
    font-weight: 700;
}
.page-content__description a:hover {
    text-decoration: underline;
}
.page-content__description h3 {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -1px;
}
.page-content__description h5 {
    font-weight: 700;
    font-size: 14px;
}
.page-content__description > p:not(:last-child) {
    margin-bottom: 30px;
}
.page-content__description a {
    color: #55acef;
    font-weight: 600;
}
.page-content__description a:hover {
    text-decoration: underline;
}
.page-content__description strong {
    font-weight: 800;
}
.page-content__description img {
    max-width: 100%;
}
.page-content__description ul,
.page-content__description ol {
    padding-left: 20px;
}
.page-content__description ul li {
    list-style: disc;
}
.page-content__description ol li {
    list-style: decimal;
}
.page-content__description table {
    width: 100% !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.page-content__description table tbody tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.page-content__description table tbody tr td,
.page-content__description table tbody tr th {
    padding: 10px 20px !important;
    border-right: 1px solid rgba(0, 0, 0, 0.08) !important;
    line-height: 1.5;
}
.page-content__description table tbody tr td:last-child,
.page-content__description table tbody tr th:last-child {
    border-right: 0 none !important;
}
.page-content__gallery {
    display: inline-block;
    width: 100%;
}
.page-content__gallery:not(.ui-no-mt) {
    margin-top: 20px;
}
.page-content__gallery ul {
    row-gap: 20px;
}
@media (max-width: 479px) {
    .page-content__gallery ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__gallery ul li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 0 0 33.33%;
    }
}
.page-content__gallery-photo {
    width: 100%;
    height: 140px;
    border-radius: 15px;
    overflow: hidden;
}
.page-content__gallery-photo:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
.page-content__gallery-photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: 0.6s;
    transition: 0.6s;
}
.page-content__other {
    display: inline-block;
    width: 100%;
}
.page-content__other .heading {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #fed932;
}
.page-content__other:not(.ui-no-mt) {
    margin-top: 30px;
}
.page-content__cards {
    margin-top: 70px;
    margin-bottom: 30px;
}
.page-content__cards.ui-contact {
    margin-top: 0;
    margin-bottom: 0;
}
.page-content__cards.ui-contact .card {
    height: 350px;
    padding-bottom: 50px;
}
.page-content__cards.ui-contact .card .text {
    height: 70px;
}
@media (max-width: 767px) {
    .page-content__cards ul li {
        margin-bottom: 30px;
    }
}
.page-content__cards .card {
    height: 410px;
    border-radius: 20px;
    -webkit-box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
}
@media (max-width: 479px) {
    .page-content__cards .card {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card {
        height: 250px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card {
        padding-left: 25px;
        padding-right: 25px;
        height: 350px;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .page-content__cards .card {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.page-content__cards .card:hover > .icon {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}
.page-content__cards .card:hover > .icon::after {
    -webkit-transform: translateY(10px) scale(0.75);
    -ms-transform: translateY(10px) scale(0.75);
    transform: translateY(10px) scale(0.75);
}
.page-content__cards .card .title {
    color: #1E1E1E;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card .title {
        font-size: 16px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card .title {
        font-size: 16px;
    }
}
.page-content__cards .card > .icon {
    color: #fed932;
    font-size: 72px;
    margin-top: 25px;
    margin-bottom: 50px;
    position: relative;
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
    transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card > .icon {
        font-size: 54px;
        margin-bottom: 25px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card > .icon {
        font-size: 54px;
    }
}
.page-content__cards .card > .icon::after {
    position: absolute;
    height: 8px;
    width: 66px;
    content: "";
    bottom: -25px;
    left: 50%;
    margin-left: -33px;
    background: rgba(0, 0, 0, 0.06);
    z-index: -1;
    border-radius: 100%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.35s;
    transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    transition: transform 0.35s, -webkit-transform 0.35s;
    -webkit-transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
    transition-timing-function: cubic-bezier(0.12, 0.845, 0.305, 1);
}
.page-content__cards .card .text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 1.4;
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card .text {
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card .text {
        font-size: 13px;
    }
}
.page-content__cards .card .btn-wrapper {
    position: absolute;
    right: 0;
    bottom: 40px;
    left: 0;
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card .btn-wrapper {
        bottom: 25px;
    }
}
.page-content__cards .card .btn-wrapper a {
    color: #fed932;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card .btn-wrapper a {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card .btn-wrapper a {
        font-size: 13px;
    }
}
.page-content__cards .card .btn-wrapper a::after {
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    left: -10px;
    background: #fed932;
    z-index: -1;
    height: 0;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.page-content__cards .card .btn-wrapper a:hover {
    color: #fff;
}
.page-content__cards .card .btn-wrapper a:hover::after {
    height: 100%;
}
.page-content__cards .card .btn-wrapper a .icon {
    font-size: 14px;
    margin-left: 10px;
}
@media (min-width: 480px) and (max-width: 767px) {
    .page-content__cards .card .btn-wrapper a .icon {
        font-size: 12px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .page-content__cards .card .btn-wrapper a .icon {
        font-size: 13px;
    }
}
.page-content__video {
    width: 100%;
    height: 600px;
    margin-block: 50px;
    border-radius: 11px;
    overflow: hidden;
}
.page-content__video iframe {
    width: 100%;
    height: 100%;
}
.page-content__reports .reports ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    row-gap: 20px;
}
.page-content__reports .reports ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-inline: -20px;
    padding-inline: 20px;
}
.page-content__reports .reports-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #EBEBEB;
    padding: 20px;
    border-radius: 11px;
}
@media (max-width: 991px) {
    .page-content__reports .reports-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.page-content__reports .reports-item .title {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -0.5px;
    color: #1E1E1E;
    line-height: 1.3;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 500px;
}
@media (max-width: 991px) {
    .page-content__reports .reports-item .title {
        margin-bottom: 20px;
    }
}
.page-content__reports .reports-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-content__reports .reports-right .date {
    margin-right: 50px;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #000;
}
.page-content__sss {
    padding-top: 80px;
}
.page-content__sss .sss ul li:not(:last-child) {
    margin-bottom: 15px;
}
.page-content__sss .sss ul li:not([class*=is-first]) .sss-dropdown {
    display: none;
}
.page-content__sss .sss ul li.is-open .sss-header .icon i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.page-content__sss .sss-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fed932;
    padding-left: 30px;
    height: 70px;
}
@media (max-width: 767px) {
    .page-content__sss .sss-header {
        padding-left: 20px;
    }
}
.page-content__sss .sss-header {
    cursor: pointer;
}
.page-content__sss .sss-header .title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 767px) {
    .page-content__sss .sss-header .title {
        font-size: 16px;
    }
}
.page-content__sss .sss-header .icon {
    font-size: 32px;
    color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px;
}
@media (max-width: 767px) {
    .page-content__sss .sss-header .icon {
        width: 50px;
        font-size: 28px;
    }
}
.page-content__sss .sss-header .icon i {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.page-content__sss .sss-dropdown .text {
    font-size: 16px;
    color: #fff;
    padding: 20px;
}

.sidebar-nav:not([class*=ui-not-sticky]) {
    position: sticky;
    top: 0;
}
.sidebar-nav > ul > li {
    border-bottom: 1px solid #EBEBEB;
}
.sidebar-nav > ul > li:hover > a::before, .sidebar-nav > ul > li.is-current > a::before {
    height: 100%;
}
.sidebar-nav > ul > li > a {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    height: 75px;
    padding-left: 55px;
    padding-right: 20px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media (max-width: 991px) {
    .sidebar-nav > ul > li > a {
        padding-left: 30px;
    }
}
.sidebar-nav > ul > li > a.is-active::before {
    height: 100%;
}
.sidebar-nav > ul > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background-color: #fed932;
    will-change: height;
    height: 0;
    margin-block: auto;
    -webkit-transition: height 0.3s;
    transition: height 0.3s;
}
.sidebar-nav > ul > li > a .icon:not([class*=ui-plus]) {
    font-size: 24px;
}
.sidebar-nav > ul > li > a .icon.ui-plus {
    position: absolute;
    right: 20px;
    font-size: 20px;
}
.sidebar-nav__sub {
    background-color: #fafafa;
    height: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.sidebar-nav__sub.is-visible {
    height: 100%;
    opacity: 1;
    visibility: visible;
    pointer-events: inherit;
}
.sidebar-nav__sub > ul > li:not(:last-child) {
    border-bottom: 1px solid #EBEBEB;
}
.sidebar-nav__sub > ul > li:hover > a {
    background-color: rgb(237.25, 237.25, 237.25);
}
.sidebar-nav__sub > ul > li > a {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
    height: 75px;
    padding-left: 55px;
    padding-right: 20px;
    font-size: 16px;
    position: relative;
    font-weight: 400;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sidebar-nav__sub > ul > li > a .icon {
    width: 5px;
    height: 5px;
    background-color: #fed932;
    border-radius: 999px;
}

.ui-no-scroll {
    overflow: hidden;
}

.ui-no-scroll-y {
    overflow-y: hidden;
}

.ui-no-scroll-x {
    overflow-x: hidden;
}

.ui-pos-relative {
    position: relative;
}

.ui-pos-absolute {
    position: absolute;
}

.ui-pos-inherit {
    position: inherit;
}

.ui-pos-sticky {
    position: sticky;
}

.ui-text-center {
    text-align: center;
}

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

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

.ui-jc-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

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

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

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

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

.ui-ai-between {
    -webkit-box-align: space-between;
    -ms-flex-align: space-between;
    align-items: space-between;
}

/* ui fx wrap */
.ui-fx-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* fx dir column */
.ui-fx-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* z-index */
.ui-z-index {
    position: relative;
    z-index: 9;
}

/* Semantically: Visible */
.ui-visually-hidden {
    position: absolute;
    clip-path: inset(100%);
    overflow: hidden;
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    white-space: nowrap;
    pointer-events: none;
    clip: rect(0 0 0 0);
}

/* Off-Screen */
.ui-offscreen {
    position: absolute;
    left: -200%;
}

/* Button-Reset */
.ui-btn-reset {
    border-width: 0;
    padding: 0;
    background-color: transparent;
}

@media (min-width: 992px) {
    .ui-hidden {
        display: none;
    }
}
@media (max-width: 479px) {
    .ui-xs-hidden {
        display: none;
    }
}
@media (max-width: 767px) {
    .ui-sm-hidden {
        display: none;
    }
}
@media (max-width: 991px) {
    .ui-md-hidden {
        display: none;
    }
}
.ui-pv-5px {
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-pv-10px {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ui-pv-15px {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ui-pv-20px {
    padding-top: 20px;
    padding-bottom: 20px;
}

.ui-pv-25px {
    padding-top: 25px;
    padding-bottom: 25px;
}

.ui-pv-30px {
    padding-top: 30px;
    padding-bottom: 30px;
}

.ui-pv-35px {
    padding-top: 35px;
    padding-bottom: 35px;
}

.ui-pv-40px {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ui-pv-45px {
    padding-top: 45px;
    padding-bottom: 45px;
}

.ui-pv-50px {
    padding-top: 50px;
    padding-bottom: 50px;
}

.ui-pv-55px {
    padding-top: 55px;
    padding-bottom: 55px;
}

.ui-pv-60px {
    padding-top: 60px;
    padding-bottom: 60px;
}

.ui-pv-65px {
    padding-top: 65px;
    padding-bottom: 65px;
}

.ui-pv-70px {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ui-pv-75px {
    padding-top: 75px;
    padding-bottom: 75px;
}

.ui-pv-80px {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ui-pv-85px {
    padding-top: 85px;
    padding-bottom: 85px;
}

.ui-pv-90px {
    padding-top: 90px;
    padding-bottom: 90px;
}

.ui-pv-95px {
    padding-top: 95px;
    padding-bottom: 95px;
}

.ui-pv-100px {
    padding-top: 100px;
    padding-bottom: 100px;
}

.ui-pv-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ui-pt-0 {
    padding-top: 0 !important;
}

.ui-pb-0 {
    padding-bottom: 0 !important;
}

.ui-pt-5px {
    padding-top: 5px !important;
}

.ui-pt-10px {
    padding-top: 10px !important;
}

.ui-pt-15px {
    padding-top: 15px !important;
}

.ui-pt-20px {
    padding-top: 20px !important;
}

.ui-pt-25px {
    padding-top: 25px !important;
}

.ui-pt-30px {
    padding-top: 30px !important;
}

.ui-pt-35px {
    padding-top: 35px !important;
}

.ui-pt-40px {
    padding-top: 40px !important;
}

.ui-pt-45px {
    padding-top: 45px !important;
}

.ui-pt-50px {
    padding-top: 50px !important;
}

.ui-pt-55px {
    padding-top: 55px !important;
}

.ui-pt-60px {
    padding-top: 60px !important;
}

.ui-pt-65px {
    padding-top: 65px !important;
}

.ui-pt-70px {
    padding-top: 70px !important;
}

.ui-pt-75px {
    padding-top: 75px !important;
}

.ui-pt-80px {
    padding-top: 80px !important;
}

.ui-pt-85px {
    padding-top: 85px !important;
}

.ui-pt-90px {
    padding-top: 90px !important;
}

.ui-pt-95px {
    padding-top: 95px !important;
}

.ui-pt-100px {
    padding-top: 100px !important;
}

.ui-pb-5px {
    padding-bottom: 5px !important;
}

.ui-pb-10px {
    padding-bottom: 10px !important;
}

.ui-pb-15px {
    padding-bottom: 15px !important;
}

.ui-pb-20px {
    padding-bottom: 20px !important;
}

.ui-pb-25px {
    padding-bottom: 25px !important;
}

.ui-pb-30px {
    padding-bottom: 30px !important;
}

.ui-pb-35px {
    padding-bottom: 35px !important;
}

.ui-pb-40px {
    padding-bottom: 40px !important;
}

.ui-pb-45px {
    padding-bottom: 45px !important;
}

.ui-pb-50px {
    padding-bottom: 50px !important;
}

.ui-pb-55px {
    padding-bottom: 55px !important;
}

.ui-pb-60px {
    padding-bottom: 60px !important;
}

.ui-pb-65px {
    padding-bottom: 65px !important;
}

.ui-pb-70px {
    padding-bottom: 70px !important;
}

.ui-pb-75px {
    padding-bottom: 75px !important;
}

.ui-pb-80px {
    padding-bottom: 80px !important;
}

.ui-pb-85px {
    padding-bottom: 85px !important;
}

.ui-pb-90px {
    padding-bottom: 90px !important;
}

.ui-pb-95px {
    padding-bottom: 95px !important;
}

.ui-pb-100px {
    padding-bottom: 100px !important;
}

.ui-mv-5px {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}

.ui-mv-10px {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.ui-mv-15px {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.ui-mv-20px {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.ui-mv-25px {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.ui-mv-30px {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.ui-mv-35px {
    margin-top: 35px !important;
    margin-bottom: 35px !important;
}

.ui-mv-40px {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.ui-mv-45px {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}

.ui-mv-50px {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
}

.ui-mv-55px {
    margin-top: 55px !important;
    margin-bottom: 55px !important;
}

.ui-mv-60px {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.ui-mv-65px {
    margin-top: 65px !important;
    margin-bottom: 65px !important;
}

.ui-mv-70px {
    margin-top: 70px !important;
    margin-bottom: 70px !important;
}

.ui-mv-75px {
    margin-top: 75px !important;
    margin-bottom: 75px !important;
}

.ui-mv-80px {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.ui-mv-85px {
    margin-top: 85px !important;
    margin-bottom: 85px !important;
}

.ui-mv-90px {
    margin-top: 90px !important;
    margin-bottom: 90px !important;
}

.ui-mv-95px {
    margin-top: 95px !important;
    margin-bottom: 95px !important;
}

.ui-mv-100px {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.ui-mv-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ui-mt-0 {
    margin-top: 0 !important;
}

.ui-mb-0 {
    margin-bottom: 0 !important;
}

.ui-ml-0 {
    margin-left: 0 !important;
}

.ui-mr-0 {
    margin-right: 0 !important;
}

.ui-mt-5px {
    margin-top: 5px !important;
}

.ui-mt-10px {
    margin-top: 10px !important;
}

.ui-mt-15px {
    margin-top: 15px !important;
}

.ui-mt-20px {
    margin-top: 20px !important;
}

.ui-mt-25px {
    margin-top: 25px !important;
}

.ui-mt-30px {
    margin-top: 30px !important;
}

.ui-mt-35px {
    margin-top: 35px !important;
}

.ui-mt-40px {
    margin-top: 40px !important;
}

.ui-mt-45px {
    margin-top: 45px !important;
}

.ui-mt-50px {
    margin-top: 50px !important;
}

.ui-mt-55px {
    margin-top: 55px !important;
}

.ui-mt-60px {
    margin-top: 60px !important;
}

.ui-mt-65px {
    margin-top: 65px !important;
}

.ui-mt-70px {
    margin-top: 70px !important;
}

.ui-mt-75px {
    margin-top: 75px !important;
}

.ui-mt-80px {
    margin-top: 80px !important;
}

.ui-mt-85px {
    margin-top: 85px !important;
}

.ui-mt-90px {
    margin-top: 90px !important;
}

.ui-mt-95px {
    margin-top: 95px !important;
}

.ui-mt-100px {
    margin-top: 100px !important;
}

.ui-mb-5px {
    margin-bottom: 5px !important;
}

.ui-mb-10px {
    margin-bottom: 10px !important;
}

.ui-mb-15px {
    margin-bottom: 15px !important;
}

.ui-mb-20px {
    margin-bottom: 20px !important;
}

.ui-mb-25px {
    margin-bottom: 25px !important;
}

.ui-mb-30px {
    margin-bottom: 30px !important;
}

.ui-mb-35px {
    margin-bottom: 35px !important;
}

.ui-mb-40px {
    margin-bottom: 40px !important;
}

.ui-mb-45px {
    margin-bottom: 45px !important;
}

.ui-mb-50px {
    margin-bottom: 50px !important;
}

.ui-mb-55px {
    margin-bottom: 55px !important;
}

.ui-mb-60px {
    margin-bottom: 60px !important;
}

.ui-mb-65px {
    margin-bottom: 65px !important;
}

.ui-mb-70px {
    margin-bottom: 70px !important;
}

.ui-mb-75px {
    margin-bottom: 75px !important;
}

.ui-mb-80px {
    margin-bottom: 80px !important;
}

.ui-mb-85px {
    margin-bottom: 85px !important;
}

.ui-mb-90px {
    margin-bottom: 90px !important;
}

.ui-mb-95px {
    margin-bottom: 95px !important;
}

.ui-mb-100px {
    margin-bottom: 100px !important;
}