@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 */

  /* SLIDE */

  /* HEADER */

  /* HEADER STICKY */

  --header-height-sticky: 70px;

  /* OTHER */

  --headlinenews-left: 535px;

  --headlinenews-right: calc(100% - var(var(--headlinenews-left)));

}

@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;

  }

}

@media (min-width: 992px) {

  :root {

    --slide-height: calc(100vh - var(--header-height));

  }

}

@media (max-width: 767px) {

  :root {

    --slide-height: 100vh;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  :root {

    --slide-height: 500px;

  }

}

@media (min-width: 768px) {

  :root {

    --header-height: 80px;

    --header-height-v2: calc(var(--header-height-top)var(--header-height-bottom));

    --header-height-top: 45px;

    --header-height-bottom: 80px;

  }

}

@media (max-width: 991px) {

  :root {

    --header-height: 80px;

    --header-height-v2: 60px;

    --header-height-top: 35px;

    --header-height-bottom: 80px;

  }

}



/* 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: #000000;

  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(0, 0, 0, 0.75);

  border-radius: 11px;

}

.swiper-buttons:not([class*=ui-style-]) .swiper-button-next:hover, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev:hover {

  background-color: #000000;

}

@media (min-width: 768px) {

  .swiper-buttons:not([class*=ui-style-]) .swiper-button-next, .swiper-buttons:not([class*=ui-style-]) .swiper-button-prev {

    width: 40px;

    height: 50px;

  }

}

@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 .swiper-button-prev {

  padding-right: 2px;

}

.swiper-buttons .swiper-button-next {

  padding-left: 2px;

}

.swiper-buttons.ui-buttons-comments {

  margin-top: -20px;

}

.swiper-buttons.ui-buttons-blog {

  margin-top: -110px;

}

.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: -20px;

  }

}

@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: -5px;

  }

}

@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: -20px;

  }

}

@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: -5px;

  }

}

@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: #000000;

}



.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: #f7bb44;

  color: #fff;

}



.slide {

  position: relative;

  overflow: hidden;

}



.slide, .slide-material, .hero {

  height: var(--slide-height);

}



.slide {

  background-color: #000000;

}

.slide-list:not(.ui-style-owl) {

  position: relative;

  top: 0;

  left: 0;

}

.slide-list:not(.ui-style-owl) li {

  display: none;

}

.slide-material {

  overflow: hidden;

  position: relative;

}

.slide-material img, .slide-material video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.slide-photo > div {

  background-repeat: no-repeat;

  background-position: center center;

  background-size: cover;

  height: 100%;

  width: 100%;

  opacity: 0.6;

}

.slide-video {

  height: 100%;

  width: 100%;

}

.slide-wrapper {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 1;

}

.slide-container {

  height: 100%;

  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;

  text-align: left;

  position: relative;

}

@media (max-width: 767px) {

  .slide-container {

    text-align: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

    padding-bottom: 50px;

  }

}

.slide-content {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 40%;

}

@media (max-width: 767px) {

  .slide-content {

    text-align: center;

    width: 100%;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .slide-content {

    width: 80%;

  }

}

@media (min-width: 992px) and (max-width: 1199px) {

  .slide-content {

    width: 80%;

  }

}

.slide-content .heading {

  color: #fff;

  font-weight: 300;

  line-height: 1.15;

  text-transform: uppercase;

  font-size: 64px;

  margin-top: 10px;

  letter-spacing: -3px;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

@media (max-width: 991px) {

  .slide-content .heading {

    font-size: 2.625em;

  }

}

.slide-content > .text {

  color: rgba(255, 255, 255, 0.7);

  margin-top: 20px;

  font-weight: 400;

  letter-spacing: -0.3px;

  font-size: 16px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

@media (max-width: 767px) {

  .slide-content > .text {

    display: none;

  }

}

.slide-content .buttons-container > a:not(:last-child) {

  margin-right: 5px;

}

.slide-right {

  position: absolute;

  right: 0;

  top: -50px;

  bottom: 0;

  width: 50%;

  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;

}

@media (max-width: 767px) {

  .slide-right {

    right: inherit;

    top: 50px;

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

    -webkit-box-align: start;

        -ms-flex-align: start;

            align-items: flex-start;

    width: 100%;

  }

}

.slide-cover {

  width: 600px;

}

@media (min-width: 480px) and (max-width: 767px) {

  .slide-cover {

    width: 400px;

  }

}

.slide-cover video {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.slide-dots {

  position: absolute;

  top: 50%;

  left: 1vw;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  height: 100%;

  z-index: 2;

  text-align: center;

  display: none;

  -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) {

  .slide-dots {

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(0);

        -ms-transform: translateX(-50%) translateY(0);

            transform: translateX(-50%) translateY(0);

    top: inherit;

    bottom: 20px;

    -webkit-box-orient: inherit;

    -webkit-box-direction: inherit;

        -ms-flex-direction: inherit;

            flex-direction: inherit;

    -webkit-box-align: end;

        -ms-flex-align: end;

            align-items: flex-end;

  }

}

.slide-dots li {

  display: inline-block;

}

.slide-dots li a {

  width: 20px;

  height: 20px;

  cursor: pointer;

  display: inline-block;

  font-size: 0;

  position: relative;

  margin: 5px 0;

  border-radius: 999px;

  border: 1px solid transparent;

  background-color: transparent;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  z-index: 1;

}

@media (max-width: 767px) {

  .slide-dots li a {

    margin: 0 5px;

  }

}

.slide-dots li a::before {

  content: "";

  position: absolute;

  inset: 6px;

  background-color: #000000;

  border-radius: 999px;

  z-index: -1;

}

@media (max-width: 767px) {

  .slide-dots li a::before {

    background-color: #fff;

  }

}

.slide-dots li.is-active a {

  border: 1px solid #000000;

}

@media (max-width: 767px) {

  .slide-dots li.is-active a {

    border: 1px solid #fff;

  }

}

.slide-arrows {

  position: absolute;

  z-index: 11;

  display: none;

}

@media (min-width: 768px) {

  .slide-arrows {

    bottom: 40px;

    left: 40px;

  }

}

@media (max-width: 767px) {

  .slide-arrows {

    right: 0;

    bottom: 50%;

    left: 0;

    text-align: center;

    -webkit-transform: translateY(50%);

        -ms-transform: translateY(50%);

            transform: translateY(50%);

    margin-bottom: -25px;

  }

}

.slide-arrows button {

  z-index: 2;

  color: #fff;

  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;

  padding-top: 2px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  border: 1px solid #fff;

  border-radius: 999px;

}

@media (min-width: 768px) {

  .slide-arrows button {

    width: 45px;

    height: 45px;

    font-size: 20px;

  }

}

@media (max-width: 767px) {

  .slide-arrows button {

    width: 40px;

    height: 40px;

    font-size: 16px;

  }

}

.slide-arrows button:not(:last-child) {

  margin-right: 12px;

}

.slide-arrows button:hover {

  background-color: #f7bb44;

}

.slide-arrows button svg path {

  stroke-width: 2px !important;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.slide-arrows button.prev {

  padding-right: 2px;

}

.slide-arrows button.next {

  padding-left: 2px;

}



.slide-list li.is-effect .slide-content .heading, .slide-list li.is-effect .slide-content .text, .slide-list li.is-effect .slide-content .small-title, .slide-list li.is-effect .slide-content .buttons-container {

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  opacity: 1;

  visibility: visible;

}

.slide-list .slide-content .heading, .slide-list .slide-content > .text, .slide-list .slide-content .small-title, .slide-list .slide-content .buttons-container {

  opacity: 0;

  visibility: hidden;

}

.slide-list .slide-content .small-title {

  -webkit-transform: translateY(-40px);

      -ms-transform: translateY(-40px);

          transform: translateY(-40px);

}

.slide-list .slide-content .heading {

  -webkit-transform: translateY(-60px);

      -ms-transform: translateY(-60px);

          transform: translateY(-60px);

}

.slide-list .slide-content > .text {

  -webkit-transform: translateY(-80px);

      -ms-transform: translateY(-80px);

          transform: translateY(-80px);

}

.slide-list .slide-content .buttons-container {

  -webkit-transform: translateY(-100px);

      -ms-transform: translateY(-100px);

          transform: translateY(-100px);

}

.slide-list .slide-content .small-title {

  -webkit-transition: 0.9s 0.1s;

  transition: 0.9s 0.1s;

}

.slide-list .slide-content .heading {

  -webkit-transition: 0.9s 0.2s;

  transition: 0.9s 0.2s;

}

.slide-list .slide-content > .text {

  -webkit-transition: 0.9s 0.3s;

  transition: 0.9s 0.3s;

}

.slide-list .slide-content .buttons-container {

  -webkit-transition: 0.9s 0.4s;

  transition: 0.9s 0.4s;

}



.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 #f7bb44;

  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: #000000;

  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: #262626;

  border-radius: 50%;

  text-align: center;

  color: #fff;

  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;

  border-radius: 999px;

  color: #fff;

  position: relative;

  z-index: 1;

  overflow: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.button .icon {

  color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.button .icon svg path {

  stroke: currentColor;

}

.button .icon:not(.ui-pos-left) {

  margin-left: 17px;

}

.button .icon.ui-pos-left {

  margin-right: 13px;

}

.button:not([class*=ui-width-]) {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.button.ui-width-min {

  min-width: 160px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.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(.ui-color-disabled):hover .icon {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

}

.button:not([class*=ui-color-]) {

  background-color: #000000;

  border: 1px solid transparent;

}

.button:not([class*=ui-color-]):hover {

  background-color: #fff;

  border: 1px solid #000000;

  color: #000000;

}

.button.ui-color-light {

  background-color: #fff;

  color: #000000;

}

.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;

  border-radius: 999px;

  color: #fff;

  position: relative;

  z-index: 1;

  overflow: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.button-border .icon {

  color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.button-border .icon svg path {

  stroke: currentColor;

}

.button-border .icon:not(.ui-pos-left) {

  margin-left: 17px;

}

.button-border .icon.ui-pos-left {

  margin-right: 13px;

}

.button-border:not([class*=ui-width-]) {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.button-border.ui-width-min {

  min-width: 160px;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.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(.ui-color-disabled):hover .icon {

  -webkit-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

          transform: rotate(45deg);

}

.button-border:not([class*=ui-color-]) {

  border: 1px solid #fff;

}

.button-border:not([class*=ui-color-]):hover {

  background-color: #fff;

  color: #000000;

}

.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: #000000;

  border: 1px solid #000000;

}

.button-border.ui-color-1:hover {

  background-color: #000000;

  color: #fff;

}

.button-border.ui-color-1 .icon {

  color: #000000;

}



.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: 400;

  position: relative;

}

@media (max-width: 479px) {

  .button-line {

    font-size: 13px;

  }

}

.button-line:hover .text::before {

  width: 100%;

}

.button-line:hover .icon {

  -webkit-transform: translateX(5px);

      -ms-transform: translateX(5px);

          transform: translateX(5px);

}

.button-line .icon {

  font-size: 14px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.button-line:not([class*=ui-color-]) {

  color: #272727;

}

.button-line.ui-color-light {

  color: #fff;

}

.button-line.ui-color-1 {

  color: #f7bb44;

}



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: #000000;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.2s;

  transition: 0.2s;

}

label.checkbox .text {

  color: #818181;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  font-size: 13px !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: #000000;

}

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(39, 39, 39, 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: #f7bb44;

  border-radius: 50%;

  opacity: 0;

  visibility: hidden;

}

label.radio .text {

  color: #272727;

  -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: 2px solid rgba(39, 39, 39, 0.08);

  border-radius: 8px;

  font-family: inherit;

  padding-left: 10px;

  padding-right: 10px;

  color: rgba(39, 39, 39, 0.8);

  font-size: 16px;

  font-weight: 500;

  background: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  -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: 767px) {

  .breadcrumb {

    display: none;

  }

}

.breadcrumb.ui-color-1 ul li a {

  color: #272727;

}

.breadcrumb:not([class*=ui-color-]) ul li a {

  color: #D9D9D9;

}

.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: #000000;

  font-weight: 600;

}

.breadcrumb ul li a {

  font-size: 14px;

  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: #f7bb44;

}

.breadcrumb ul li:last-child a:after {

  display: none;

}



.popup {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: rgba(0, 0, 0, 0.3);

  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: 800px;

  max-width: 100%;

  display: table-cell;

  text-align: center;

  position: relative;

  border-radius: 11px;

  background-color: #fff;

  padding: 50px;

  max-height: 95vh;

  overflow-y: auto;

  overflow-x: hidden;

  scrollbar-color: #000000 rgba(0, 0, 0, 0.1);

  scrollbar-width: thin;

}

.popup-content::-webkit-scrollbar-track {

  background-color: rgba(0, 0, 0, 0.1);

}

.popup-content::-webkit-scrollbar {

  width: 2px;

}

.popup-content::-webkit-scrollbar-thumb {

  background-color: #000000;

}

@media (max-width: 991px) {

  .popup-content {

    height: auto;

    padding: 25px;

  }

}

.popup-content img {

  width: 100%;

}

.popup-content.ui-style-campaings {

  width: 950px;

  text-align: left;

}

.popup-content.ui-style-campaings .page-content__products-cover:not([class*=ui-size-]) {

  height: 340px;

}

@media (max-width: 991px) {

  .popup-content.ui-style-campaings {

    padding: 0;

  }

}

.popup-content.ui-style-campaings .text {

  font-size: 14px;

  color: #818181;

  max-height: 150px;

  overflow-y: auto;

  overflow-x: hidden;

  scrollbar-color: #000000 rgba(0, 0, 0, 0.1);

  scrollbar-width: thin;

  margin-top: 10px;

}

.popup-content.ui-style-campaings .text::-webkit-scrollbar-track {

  background-color: rgba(0, 0, 0, 0.1);

}

.popup-content.ui-style-campaings .text::-webkit-scrollbar {

  width: 2px;

}

.popup-content.ui-style-campaings .text::-webkit-scrollbar-thumb {

  background-color: #000000;

}

.popup-content .form-send > input {

  width: 100%;

  background-color: #f7bb44;

  color: #000000;

  text-transform: uppercase;

}

.popup-content .form-send > input:hover {

  color: #fff;

}

.popup-cover {

  width: 100%;

  height: 500px;

  position: absolute;

  left: 0;

  bottom: -75px;

}

@media (max-width: 767px) {

  .popup-cover {

    display: none;

  }

}

.popup-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.popup-close {

  position: absolute;

  top: 0;

  right: 0;

  width: 45px;

  height: 45px;

  border-radius: 999px;

  font-size: 24px;

  z-index: 12;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  cursor: pointer;

  -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: #000000;

  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::before, .popup-close:hover::after {

  background: #f7bb44;

}



.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: #000000;

}

.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: #272727;

  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: #272727;

  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: #000000;

  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(39, 39, 39, 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;

  color: #272727;

  font-weight: 700;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}

.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;

}

@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(247, 187, 68, 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: #f7bb44;

}

.modal-nav__close .btn:hover .icon {

  color: #fff;

}

.modal-nav__close .btn .icon {

  font-size: 32px;

  color: rgba(247, 187, 68, 0.85);

}

.modal-nav__wrapper {

  height: calc(100% - 80px);

}

@media (max-width: 991px) {

  .modal-nav__wrapper {

    overflow-y: auto;

    overflow-x: hidden;

    scrollbar-color: #f7bb44 rgba(247, 187, 68, 0.1);

    scrollbar-width: thin;

  }

  .modal-nav__wrapper::-webkit-scrollbar-track {

    background-color: rgba(247, 187, 68, 0.1);

  }

  .modal-nav__wrapper::-webkit-scrollbar {

    width: 2px;

  }

  .modal-nav__wrapper::-webkit-scrollbar-thumb {

    background-color: #f7bb44;

  }

}

@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(39, 39, 39, 0.08);

  }

}

@media (max-width: 991px) {

  .modal-nav__categories ul li:not(:last-child) a {

    border-right: 1px solid rgba(39, 39, 39, 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: #f7bb44;

  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;

    max-height: calc(100vh - 80px);

  }

  .modal-nav__lists ul::-webkit-scrollbar-track {

    background-color: rgba(129, 129, 129, 0.1);

  }

  .modal-nav__lists ul::-webkit-scrollbar {

    width: 2px;

  }

  .modal-nav__lists ul::-webkit-scrollbar-thumb {

    background-color: rgba(129, 129, 129, 0.3);

  }

}

@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: #272727;

}

@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(39, 39, 39, 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: #f7bb44 rgba(247, 187, 68, 0.1);

    scrollbar-width: thin;

    max-height: calc(100vh - 80px);

    padding: 30px;

  }

  .modal-nav__products .products::-webkit-scrollbar-track {

    background-color: rgba(247, 187, 68, 0.1);

  }

  .modal-nav__products .products::-webkit-scrollbar {

    width: 2px;

  }

  .modal-nav__products .products::-webkit-scrollbar-thumb {

    background-color: #f7bb44;

  }

}

@media (max-width: 991px) {

  .modal-nav__products .products {

    padding: 20px;

  }

}



.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(39, 39, 39, 0.15);

          box-shadow: 0 0 10px rgba(39, 39, 39, 0.15);

  text-align: center;

  color: #fff;

  z-index: 999;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media (min-width: 768px) {

  .button-fixed {

    --circle-size: 65px;

  }

}

@media (max-width: 767px) {

  .button-fixed {

    --circle-size: 55px;

  }

}

.button-fixed:not(.is-active) {

  opacity: 0;

  visibility: hidden;

}

.button-fixed:not([class*=ui-color-]) {

  background: #25d366;

}

.button-fixed:not([class*=ui-color-])::before, .button-fixed:not([class*=ui-color-])::after {

  background: rgba(37, 211, 102, 0.1);

}

@media (min-width: 768px) {

  .button-fixed {

    right: 20px;

    bottom: 40px;

  }

}

@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: 28px;

  }

}

@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);

  }

}



.products-card {

  background-color: rgba(0, 0, 0, 0.1);

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  border-radius: 15px;

  overflow: hidden;

  display: block;

  position: relative;

}

.products-card:hover .products-cover img {

  -webkit-transform: rotateY(180deg);

          transform: rotateY(180deg);

}

.products-card:hover .ui-index-1 {

  z-index: -1;

}

.products-top {

  position: relative;

  height: 280px;

}

@media (min-width: 480px) and (max-width: 767px) {

  .products-top {

    height: 200px;

  }

}

.products-cover {

  width: 100%;

  height: auto;

  padding: 20px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.products-cover.ui-index-1 {

  z-index: 1;

}

.products-cover.ui-index-2 {

  -webkit-transform: rotateY(-180deg);

          transform: rotateY(-180deg);

}

.products-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.products-body {

  border-top: 1px solid white;

  padding: 20px;

  height: 170px;

}

.products-body .category {

  font-size: 12px;

  font-weight: 500;

  color: #000000;

  line-height: 1;

  margin-bottom: 5px;

  text-transform: uppercase;

}

.products-body .title {

  font-size: 18px;

  font-weight: 600;

  letter-spacing: -0.5px;

  color: #000000;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

@media (min-width: 480px) and (max-width: 767px) {

  .products-body .title {

    font-size: 16px;

  }

}

.products-footer {

  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: absolute;

  left: 0;

  right: 0;

  bottom: 0;

}

.products-footer .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  white-space: nowrap;

  background-color: #fff;

  padding-inline: 20px;

  height: 50px;

  border-radius: 0 15px 0 0;

}

.products-footer .price .old {

  font-size: 14px;

  color: #818181;

  font-weight: 700;

  margin-right: 15px;

  position: relative;

}

@media (max-width: 767px) {

  .products-footer .price .old {

    font-size: 12px;

    margin-right: 10px;

  }

}

.products-footer .price .old::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(-5deg);

      -ms-transform: translateY(-50%) rotate(-5deg);

          transform: translateY(-50%) rotate(-5deg);

  height: 1px;

  z-index: 1;

  background-color: #818181;

}

.products-footer .price .new {

  font-size: 20px;

  font-weight: 800;

  color: #000000;

  letter-spacing: -0.7px;

}

@media (max-width: 767px) {

  .products-footer .price .new {

    font-size: 16px;

  }

}

.products-footer .btn {

  width: 45px;

  height: 45px;

  background-color: #000000;

  border: 1px solid #000000;

  color: #fff;

  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;

  -webkit-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

          transform: rotate(-45deg);

  font-size: 20px;

  position: absolute;

  right: 10px;

  bottom: 10px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media (min-width: 480px) and (max-width: 767px) {

  .products-footer .btn {

    display: none;

  }

}

.products-footer .btn:hover {

  background-color: #fff;

  color: #000000;

  -webkit-transform: rotate(0);

      -ms-transform: rotate(0);

          transform: rotate(0);

}



.comments .swiper {

  overflow: inherit;

}

.comments .swiper-container {

  overflow: hidden;

  padding: 20px;

  margin: -20px;

}

.comments-card {

  display: block;

  position: relative;

  background-color: #fff;

  border-radius: 15px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

  padding: 30px 35px;

  border: 1px solid rgba(0, 0, 0, 0.1);

}

.comments-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-bottom: 10px;

}

.comments-header .cover {

  width: 60px;

  height: 60px;

  border-radius: 999px;

  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: rgba(0, 0, 0, 0.1);

  color: #000000;

  font-size: 24px;

}

.comments-header .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.comments-header .desc {

  padding-left: 10px;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  line-height: 1;

}

.comments-header .desc .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  line-height: 1.3;

}

.comments-header .desc .text {

  font-size: 14px;

  color: #818181;

  margin-bottom: 5px;

}

.comments-header .desc .company {

  font-size: 14px;

  color: #000000;

}

.comments-header .desc .star {

  width: 70px;

}

.comments-header .desc .star img {

  width: 100%;

  height: 100%;

}

.comments-body .text {

  font-size: 14px;

  color: #818181;

}



.blog .swiper {

  overflow: inherit;

}

.blog .swiper-container {

  overflow: hidden;

  padding: 20px;

  margin: -20px;

}

.blog-card {

  display: block;

  position: relative;

  border-radius: 15px;

  overflow: hidden;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);

}

.blog-card:hover .blog-photo img {

  -webkit-transform: scale(1.05);

      -ms-transform: scale(1.05);

          transform: scale(1.05);

}

.blog-photo {

  width: 100%;

  height: 200px;

  overflow: hidden;

}

.blog-photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.blog-date {

  position: absolute;

  left: 10px;

  top: 10px;

  width: 55px;

  height: 60px;

  background-color: #fff;

  border-radius: 11px;

  text-align: center;

  line-height: 1;

  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;

  color: #000000;

  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

}

.blog-date .day {

  font-size: 24px;

  font-weight: 700;

  letter-spacing: -1px;

}

.blog-date .mounth {

  font-size: 14px;

  text-transform: uppercase;

  letter-spacing: -0.3px;

}

.blog-body {

  padding: 15px 20px;

  height: 200px;

}

.blog-body.ui-size-detail {

  height: 170px;

}

.blog-body .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  line-height: 1.3;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

.blog-body .text {

  font-size: 14px;

  color: #818181;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

.blog-body .button-line {

  position: absolute;

  left: 20px;

  bottom: 20px;

}



.categories-card {

  display: block;

  position: relative;

}

.categories-card:hover .categories-photo img {

  -webkit-transform: scale(1.05);

      -ms-transform: scale(1.05);

          transform: scale(1.05);

}

.categories-photo {

  width: 100%;

  height: 300px;

  background-color: #000000;

  overflow: hidden;

}

.categories-photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.7;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.categories-body {

  position: absolute;

  inset: 0;

  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: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.categories-body .title {

  font-size: 20px;

  font-weight: 500;

  letter-spacing: -0.5px;

  color: #fff;

  background-color: rgba(0, 0, 0, 0.25);

  padding: 20px;

  width: 100%;

  text-align: right;

  text-transform: uppercase;

  line-height: 1.3;

}



.header {

  height: var(--header-height);

  position: relative;

  z-index: 1001;

  background-color: #fff;

}

.header.ui-sticky {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transform: translateY(-30px);

      -ms-transform: translateY(-30px);

          transform: translateY(-30px);

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.header.ui-sticky.is-visible {

  opacity: 1;

  visibility: visible;

  pointer-events: inherit;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}

.header.ui-header-v2 {

  background-color: #0d0d0d;

  height: var(--header-height-v2);

}

.header.ui-header-v2 .header-logo {

  position: absolute;

  left: 50%;

  -webkit-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

          transform: translateX(-50%);

}

.header.ui-header-v2 .header-logo img {

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.header.ui-header-v2 .navigation-item > a {

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  letter-spacing: -0.5px;

}

.header.ui-header-v2 .navigation-item > a:hover {

  background-color: #fff;

  color: #000000;

}

.header.ui-header-v2 .header-buttons:not([class*=ui-mobile]) {

  display: none;

}

.header.ui-header-v2 .header-icons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header.ui-header-v2 .header-icons .icon {

  font-size: 20px;

  color: #fff;

}

@media (max-width: 767px) {

  .header.ui-header-v2 .header-icons .icon.ui-mobile-none {

    display: none;

  }

}

.header.ui-header-v2 .header-icons .icon:not(:last-child) {

  margin-right: 25px;

}

.header.ui-header-v2 .header-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header.ui-header-v2 .header-language {

  position: relative;

  height: var(--header-height);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-right: 20px;

}

@media (max-width: 991px) {

  .header.ui-header-v2 .header-language {

    display: none;

  }

}

.header.ui-header-v2 .header-language:hover .header-language__dropdown {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

  pointer-events: inherit;

}

.header.ui-header-v2 .header-language__header {

  height: 40px;

  border-radius: 8px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  cursor: pointer;

  line-height: 1;

}

.header.ui-header-v2 .header-language__header .title {

  color: #fff;

  font-size: 14px;

  font-weight: 500;

}

.header.ui-header-v2 .header-language__header .icon {

  font-size: 13px;

  margin-left: 10px;

  color: #fff;

}

.header.ui-header-v2 .header-language__dropdown {

  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  background-color: #fff;

  padding: 10px;

  position: absolute;

  right: 0;

  top: var(--header-height);

  -webkit-transform: translateY(20px);

      -ms-transform: translateY(20px);

          transform: translateY(20px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  border-radius: 0 0 11px 11px;

  min-width: 300px;

  width: 100%;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}

.header.ui-header-v2 .header-language__dropdown.ui-size-small {

  min-width: 200px;

}

.header.ui-header-v2 .header-language__dropdown > ul {

  max-height: 300px;

  overflow-y: auto;

  overflow-x: hidden;

  scrollbar-color: #000000 rgba(0, 0, 0, 0.1);

  scrollbar-width: thin;

}

.header.ui-header-v2 .header-language__dropdown > ul::-webkit-scrollbar-track {

  background-color: rgba(0, 0, 0, 0.1);

}

.header.ui-header-v2 .header-language__dropdown > ul::-webkit-scrollbar {

  width: 2px;

}

.header.ui-header-v2 .header-language__dropdown > ul::-webkit-scrollbar-thumb {

  background-color: #000000;

}

.header.ui-header-v2 .header-language__dropdown > 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;

  border-radius: 8px;

  padding: 3px 10px;

  color: #000000;

}

.header.ui-header-v2 .header-language__dropdown > ul > li > a:hover {

  text-decoration: underline;

}

.header.ui-header-v2 .header-language__dropdown > ul > li > a .title {

  font-size: 14px;

  font-weight: 500;

  margin-right: 10px;

}

.header.ui-header-v2 .header-language__dropdown > ul > li > a .text {

  font-size: 14px;

  font-weight: 500;

}

.header.ui-header-v2 .header-language__dropdown > ul > li > a .text span {

  font-weight: 700;

}

.header-top {

  background-color: #fff;

  height: var(--header-height-top);

  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;

  text-align: center;

}

.header-top .title {

  font-size: 14px;

  font-weight: 500;

  display: block;

  width: 100%;

  height: 100%;

}

.header-top .title:hover {

  text-decoration: underline;

}

.header-bottom {

  height: var(--header-height-bottom);

  background-color: #000000;

}

.header-container {

  height: 100%;

  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;

}

.header .hamburger {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (min-width: 1200px) {

  .header .hamburger {

    display: none;

  }

}

.header .hamburger .icon {

  font-size: 20px;

  color: #fff;

}

.header-logo a {

  display: block;

  position: relative;

}

.header-logo h1 {

  font-size: 0;

  margin: 0;

}

.header-logo img {

  width: 200px;

}

@media (max-width: 767px) {

  .header-logo img {

    width: 150px;

  }

}

.header-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 767px) {

  .header-buttons {

    display: none;

  }

}

@media (max-width: 991px) {

  .header-buttons:not([class*=ui-mobile]) {

    display: none;

  }

}

@media (min-width: 992px) {

  .header-buttons.ui-mobile {

    display: none;

  }

}

.header-buttons .btn {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  padding-left: 5px;

  padding-right: 30px;

  padding-block: 5px;

  border: 2px solid rgba(0, 0, 0, 0.1);

  border-radius: 11px;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .header-buttons .btn {

    padding-right: 5px;

  }

}

.header-buttons .btn:not(:last-child) {

  margin-right: 10px;

}

.header-buttons .btn:hover {

  border: 2px solid rgba(0, 0, 0, 0.3);

}

.header-buttons .btn:hover span.icon {

  background-color: #000000;

  color: #fff;

}

.header-buttons .btn.ui-style-basket span.icon {

  font-size: 20px;

}

.header-buttons .btn span.icon {

  font-size: 24px;

  margin-right: 12px;

  color: #000000;

  width: 40px;

  height: 40px;

  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: rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media (max-width: 991px) {

  .header-buttons .btn span.icon {

    margin-right: 0;

    width: 35px;

    height: 35px;

  }

}

.header-buttons .btn .count {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  background-color: #000000;

  width: 30px;

  height: 30px;

  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;

  position: absolute;

  right: -10px;

  top: -10px;

  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);

}

@media (max-width: 991px) {

  .header-buttons .btn .count {

    width: 25px;

    height: 25px;

    font-size: 14px;

  }

}



.navigation {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin-left: calc(-1 * var(--nav-gutter));

  margin-right: calc(-1 * var(--nav-gutter));

}

@media (max-width: 1199px) {

  .navigation {

    display: none;

  }

}

.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: #000000;

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.7px;

  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: #000000;

  color: #fff;

}

.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: #272727;

  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: #000000;

  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: #f7bb44;

}

.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;

  opacity: 0;

  visibility: hidden;

  min-height: 550px;

}

.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(0, 0, 0, 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;

  -webkit-backdrop-filter: blur(3px);

          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: #F5F5F5;

  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;

  }

}

.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: 70px;

  border-bottom: 1px solid rgba(39, 39, 39, 0.06);

}

@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: 170px;

}

.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% - 120px);

  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(39, 39, 39, 0.06);

}

.navigation-mobile__content-list > li.is-open > a {

  background: #fff;

}

.navigation-mobile__content-list > li.is-open > a .heading .text {

  color: #f7bb44;

}

.navigation-mobile__content-list > li.is-open > a .heading .icon {

  color: rgba(247, 187, 68, 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: #f7bb44;

  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: #272727;

  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(39, 39, 39, 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(39, 39, 39, 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(39, 39, 39, 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: #f7bb44;

  font-size: 14px;

}

.navigation-mobile__footer a:not(:last-child) {

  margin-right: 20px;

}



.footer-top .container {

  background-color: #1a1a1a;

  border-radius: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

  padding: 50px;

  position: relative;

  top: 150px;

}

@media (max-width: 767px) {

  .footer-top .container {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    text-align: center;

    padding: 30px;

    border-radius: 0;

  }

}

.footer-top .container .section-header {

  max-width: 50%;

}

@media (max-width: 767px) {

  .footer-top .container .section-header {

    max-width: 100%;

    text-align: center;

  }

}

.footer-ellipse {

  width: 200px;

  position: absolute;

  left: 0;

  top: 0;

}

.footer-ellipse img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.footer-cover {

  width: 300px;

  position: absolute;

  left: 100px;

  bottom: 0;

}

@media (max-width: 767px) {

  .footer-cover {

    display: none;

  }

}

.footer-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.footer-middle {

  background-color: #000000;

}

.footer-middle .container {

  padding-top: 220px;

  padding-bottom: 70px;

}

.footer-logo a {

  display: block;

  position: relative;

}

.footer-logo img {

  width: 300px;

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.footer-info {

  font-size: 14px;

  color: #fff;

  margin-block: 20px;

}

.footer-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.footer-social .icon {

  width: 35px;

  height: 35px;

  border-radius: 999px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 18px;

  color: #000000;

  background-color: #fff;

  border: 1px solid #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.footer-social .icon:not(:last-child) {

  margin-right: 7px;

}

.footer-social .icon:hover {

  background-color: transparent;

  color: #fff;

}

.footer-list .heading {

  font-size: 20px;

  font-weight: 700;

  letter-spacing: -0.8px;

  color: #fff;

  margin-bottom: 15px;

}

.footer-list ul li a {

  display: inline-block;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

}

.footer-list ul li a:hover {

  color: #fff;

}

.footer-contact {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.footer-contact > a {

  font-size: 14px;

  color: rgba(255, 255, 255, 0.8);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.footer-contact > a:not(:last-child) {

  margin-bottom: 10px;

}

.footer-contact > a:hover {

  color: #fff;

}

.footer-contact > a .text {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 10px;

}

.footer-bottom {

  background-color: #000000;

}

.footer-bottom .container {

  border-top: 1px solid rgba(255, 255, 255, 0.1);

  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-block: 30px;

}

@media (max-width: 767px) {

  .footer-bottom .container {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

  }

}

.footer-bottom .container .text {

  color: #fff;

  font-size: 14px;

}

.footer-bottom .container .text strong {

  font-weight: 800;

}

.footer-bottom__payment {

  width: 350px;

}

@media (max-width: 767px) {

  .footer-bottom__payment {

    margin-top: 10px;

  }

}

.footer-bottom__payment img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}



.footer-cookies .popup-wrapper {

  background-color: #fff;

  position: fixed;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 2222;

  -webkit-box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.2);

          box-shadow: 0 -20px 30px rgba(0, 0, 0, 0.2);

  height: 130px;

}

.footer-cookies .popup-wrapper:not(.is-visible) {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

      -ms-transform: translateY(100px);

          transform: translateY(100px);

}

.footer-cookies .popup-wrapper .container-fluid {

  padding-block: 50px;

  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) {

  .footer-cookies .popup-wrapper .container-fluid {

    -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;

    padding-block: 30px;

  }

}

.footer-cookies .popup-wrapper .container-fluid .text {

  font-size: 16px;

  font-weight: 400;

  color: #000000;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-right: 100px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

@media (max-width: 767px) {

  .footer-cookies .popup-wrapper .container-fluid .text {

    padding-right: 0;

    font-size: 14px;

    margin-bottom: 30px;

  }

}

.footer-cookies .popup-wrapper .container-fluid .text strong {

  font-weight: 800;

}

.footer-cookies .popup-wrapper .container-fluid .text a {

  color: #f7bb44;

  font-weight: 800;

  display: inline;

  text-decoration: underline;

}



.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: #f7bb44;

  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: #f7bb44;

}

.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: 2px solid rgba(39, 39, 39, 0.08);

  border-radius: 8px;

  font-family: inherit;

  padding-left: 10px;

  padding-right: 10px;

  color: #818181;

  font-size: 16px;

  font-weight: 500;

  background: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  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;

}

.form-send > input, .form-send > button {

  background: #262626;

  height: 55px;

  font-family: inherit;

  border: 0 none;

  text-align: center;

  border-radius: 8px;

  padding-left: 20px;

  padding-right: 20px;

  color: #fff;

  font-size: 16px;

  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: #000000;

}



.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;

}



.modal {

  position: fixed;

  inset: 0;

  z-index: 2223;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-backdrop-filter: blur(3px);

          backdrop-filter: blur(3px);

  background-color: rgba(247, 187, 68, 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: #f7bb44 rgba(247, 187, 68, 0.3);

  scrollbar-width: thin;

}

.modal-wrapper::-webkit-scrollbar-track {

  background-color: rgba(247, 187, 68, 0.3);

}

.modal-wrapper::-webkit-scrollbar {

  width: 2px;

}

.modal-wrapper::-webkit-scrollbar-thumb {

  background-color: #f7bb44;

}

@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: #000000;

  line-height: 1.2;

}

.modal-wrapper__description .text {

  font-size: 18px;

  color: #000000;

  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: #000000;

}

.modal-wrapper__social a .icon:not([class*=ui-color-]):hover svg path {

  fill: #fff;

}

.modal-wrapper__social a .icon:hover {

  background-color: #f7bb44;

}

.modal-wrapper__bottom .text {

  font-size: 14px;

  color: #000000;

}

.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: #f7bb44;

  color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.modal-close:hover {

  background-color: #f5a913;

}

@media (max-width: 767px) {

  .modal-close {

    font-size: 22px;

    top: 15px;

    right: 25px;

  }

}



body {

  font-family: "Montserrat", sans-serif;

  font-size: 16px;

  line-height: 1.6;

  font-weight: 400;

  color: #272727;

  overflow-x: hidden;

}

body.ui-bg {

  background: #F5F5F5;

}

body.is-scroll {

  overflow: hidden;

}

body .parallax-mirror::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#000000));

  background-image: linear-gradient(to left, transparent, #000000);

  z-index: 1;

}



.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: #000000;

}

.small-title:not(.ui-not).ui-color-light {

  color: #fff;

}

.small-title:not(.ui-not) img {

  width: 75px;

  margin-bottom: 5px;

}



.section-header.ui-txt-center {

  text-align: center;

}

.section-header.ui-txt-right {

  text-align: right;

}

.section-header.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) {

  .section-header.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;

  }

  .section-header.ui-txt-between .button-border {

    margin-top: 20px;

  }

}

.section-header:not([class*=ui-txt-color-]) .title {

  color: #000000;

}

.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: 38px;

  font-weight: 300;

  letter-spacing: -2px;

  line-height: 1.2;

  text-transform: uppercase;

}

.section-header:not([class*=ui-txt-size-]) .title span {

  font-weight: 700;

}

.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: 500;

  line-height: 1.2;

}

@media (min-width: 768px) {

  .section-header.ui-txt-size-large .title {

    font-size: 54px;

    letter-spacing: -3px;

  }

}

@media (max-width: 767px) {

  .section-header.ui-txt-size-large .title {

    font-size: 42px;

    letter-spacing: -1.5px;

  }

}

.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-shape {

  position: absolute;

  left: 0;

  top: -150px;

  width: 400px;

  pointer-events: none;

  z-index: -1;

}

.section-shape img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.section-about {

  padding-top: 70px;

}

.section-products {

  padding-top: 100px;

}

.section-parallax {

  padding-top: 100px;

}

.section-comments {

  padding-top: 70px;

}

.section-information {

  padding-top: 100px;

  position: relative;

}

.section-how {

  padding-top: 100px;

}

.section-blog {

  padding-top: 100px;

}



.about-video {

  width: 100%;

  height: 550px;

  position: sticky;

  top: 20px;

}

.about-video video {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.about-right {

  position: sticky;

  top: 20px;

}

.about-play {

  position: absolute;

  left: 50%;

  top: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  font-size: 42px;

  color: #000000;

  background-color: #fff;

  width: 100px;

  height: 100px;

  border-radius: 999px;

  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;

  z-index: 1;

}

.about-play::before {

  content: "";

  position: absolute;

  inset: -5px;

  background-color: #fff;

  border-radius: 999px;

  -webkit-animation: pulsate 2s infinite running;

          animation: pulsate 2s infinite running;

  z-index: -1;

}

.about-cover {

  width: 100%;

  height: 600px;

  overflow: hidden;

  background-color: #000000;

  -webkit-animation: radius 15s running infinite linear;

          animation: radius 15s running infinite linear;

}

@-webkit-keyframes radius {

  0% {

    border-radius: 74% 26% 59% 41%/57% 65% 35% 43%;

  }

  25% {

    border-radius: 31% 69% 40% 60%/67% 31% 69% 33%;

  }

  50% {

    border-radius: 15% 85% 56% 44%/42% 55% 45% 58%;

  }

  75% {

    border-radius: 15% 85% 31% 69%/73% 19% 81% 27%;

  }

  100% {

    border-radius: 74% 26% 59% 41%/57% 65% 35% 43%;

  }

}

@keyframes radius {

  0% {

    border-radius: 74% 26% 59% 41%/57% 65% 35% 43%;

  }

  25% {

    border-radius: 31% 69% 40% 60%/67% 31% 69% 33%;

  }

  50% {

    border-radius: 15% 85% 56% 44%/42% 55% 45% 58%;

  }

  75% {

    border-radius: 15% 85% 31% 69%/73% 19% 81% 27%;

  }

  100% {

    border-radius: 74% 26% 59% 41%/57% 65% 35% 43%;

  }

}

@media (max-width: 767px) {

  .about-cover {

    border-radius: 0 !important;

    height: auto;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .about-cover {

    height: 380px;

  }

}

.about-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.8;

}

.about-list__item {

  border: 2px solid rgba(0, 0, 0, 0.1);

  border-radius: 20px;

  padding: 20px;

  height: 220px;

}

.about-list__item .icon {

  width: 50px;

  height: 50px;

  border-radius: 999px;

  font-size: 22px;

  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: rgba(0, 0, 0, 0.1);

  color: #000000;

  margin-bottom: 10px;

}

.about-list__item .title {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 1;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

.about-list__item .text {

  font-size: 14px;

  color: #818181;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}



.parallax {

  position: relative;

}

.parallax-cover {

  width: 100%;

  height: 600px;

}

.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::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#000000));

  background-image: linear-gradient(to left, transparent, #000000);

  z-index: -1;

}

.parallax-body .container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  height: 100%;

  padding-block: 100px;

}

@media (max-width: 991px) {

  .parallax-body .container {

    padding-block: 30px;

  }

}

.parallax-body .container .section-header {

  width: 50%;

}

@media (max-width: 991px) {

  .parallax-body .container .section-header {

    width: 100%;

  }

}

.parallax-information ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.parallax-information ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.parallax-information ul li:not(:last-child) {

  margin-right: 30px;

}

.parallax-information ul li .number {

  font-size: 42px;

  font-weight: 800;

  letter-spacing: -1.5px;

  color: #fff;

}

.parallax-information ul li .text {

  font-size: 16px;

  color: rgba(255, 255, 255, 0.8);

  max-width: 100px;

  line-height: 1;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 10px;

}



.information-list {

  margin-block: 30px;

}

.information-list ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-column-gap: 20px;

     -moz-column-gap: 20px;

          column-gap: 20px;

  row-gap: 20px;

}

.information-list ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.information-list ul li .icon {

  width: 35px;

  height: 35px;

  border-radius: 999px;

  background-color: rgba(0, 0, 0, 0.1);

  color: #000000;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 18px;

}

.information-list ul li .title {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 10px;

  font-size: 16px;

  font-weight: 600;

  letter-spacing: -0.5px;

  color: #000000;

  line-height: 1.3;

}

.information-right {

  position: relative;

  text-align: right;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: end;

      -ms-flex-pack: end;

          justify-content: flex-end;

}

.information-cover {

  width: 100%;

  height: 450px;

  overflow: hidden;

  border-radius: 20px;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

}

@media (max-width: 767px) {

  .information-cover {

    height: auto;

  }

}

.information-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.information-dots {

  width: 150px;

  position: absolute;

  z-index: -2;

}

.information-dots:not([class*=ui-pos-]) {

  left: -70px;

  bottom: -30px;

}

@media (max-width: 767px) {

  .information-dots:not([class*=ui-pos-]) {

    left: 0;

  }

}

.information-dots.ui-pos-right {

  top: -30px;

  right: -50px;

}

.information-dots img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.7;

  -webkit-animation: dots 4s infinite running;

          animation: dots 4s infinite running;

}

@-webkit-keyframes dots {

  0% {

    -webkit-transform: translateX(0) translateY(0);

            transform: translateX(0) translateY(0);

  }

  50% {

    -webkit-transform: translateX(10px) translateY(-10px);

            transform: translateX(10px) translateY(-10px);

  }

  100% {

    -webkit-transform: translateX(0) translateY(0);

            transform: translateX(0) translateY(0);

  }

}

@keyframes dots {

  0% {

    -webkit-transform: translateX(0) translateY(0);

            transform: translateX(0) translateY(0);

  }

  50% {

    -webkit-transform: translateX(10px) translateY(-10px);

            transform: translateX(10px) translateY(-10px);

  }

  100% {

    -webkit-transform: translateX(0) translateY(0);

            transform: translateX(0) translateY(0);

  }

}



.how ul li {

  position: relative;

}

.how ul li:not(:last-child)::after {

  /*content: "";*/

  position: absolute;

  right: -5vw;

  top: 30px;

  background-image: url("../images/angle.png");

  width: 120px;

  height: 55px;

  background-repeat: no-repeat;

  opacity: 0.3;

  z-index: -1;

}

@media (max-width: 991px) {

  .how ul li:not(:last-child)::after {

    display: none;

  }

}

@media (max-width: 767px) {

  .how ul li:not(:last-child) {

    margin-bottom: 30px;

  }

}

.how ul li:nth-child(odd) {

  margin-top: 50px;

}

@media (max-width: 767px) {

  .how ul li:nth-child(odd) {

    margin-top: 0;

  }

}

.how ul li:nth-child(odd)::after {

  top: 0;

}

.how-item {

  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: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  text-align: center;

}

.how-item:hover .icon {

  -webkit-transform: scale(1.04);

      -ms-transform: scale(1.04);

          transform: scale(1.04);

  color: #fff;

}

.how-item:hover .icon::after {

  -webkit-transform: scale(1);

      -ms-transform: scale(1);

          transform: scale(1);

  opacity: 1;

}

.how-item .icon {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  position: relative;

  z-index: 1;

  width: 120px;

  height: 120px;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-bottom: 20px;

  z-index: 1;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  font-size: 42px;

  color: #000000;

}

.how-item .icon::before {

  content: "";

  position: absolute;

  top: 0;

  width: 120px;

  height: 120px;

  left: 0;

  border: 1px solid #000000;

  border-radius: 999px;

  opacity: 0.1;

}

.how-item .icon img {

  width: 90px;

}

.how-item .icon span {

  position: absolute;

  right: -30px;

  top: 0;

  background: #000000;

  width: 30px;

  height: 30px;

  line-height: 30px;

  color: #fff;

  font-weight: 700;

  font-size: 14px;

  border-radius: 999px;

}

.how-item .icon span::before {

  position: absolute;

  content: "";

  left: 3px;

  bottom: -3px;

  display: block;

  z-index: -1;

  width: 0;

  height: 0;

  border-left: 24px solid #000000;

  border-top: 15px solid transparent;

  border-bottom: 12px solid transparent;

  -webkit-transform: rotate(21deg);

      -ms-transform: rotate(21deg);

          transform: rotate(21deg);

}

.how-item .title {

  font-size: 20px;

  line-height: 1.2;

  color: #272727;

  font-weight: 700;

  letter-spacing: -0.8px;

  margin-bottom: 5px;

}

@media (min-width: 768px) and (max-width: 991px) {

  .how-item .title {

    font-size: 18px;

  }

}

.how-item .text {

  font-size: 14px;

  color: #818181;

  line-height: 1.5;

}



.inner-page__header {

  background-color: #000000;

}

.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:not([class*=ui-height-]) {

  height: 380px;

}

@media (max-width: 767px) {

  .inner-page__photo:not([class*=ui-height-]) {

    height: 280px;

  }

}

.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: 1;

}

.inner-page__heading {

  z-index: 3;

  position: absolute;

  inset: 0;

}

.inner-page__heading::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  width: 100%;

  background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(#000000));

  background-image: linear-gradient(to left, transparent, #000000);

  z-index: -1;

  opacity: 0.8;

}

.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: start;

      -ms-flex-align: start;

          align-items: flex-start;

  text-align: left;

  position: relative;

  z-index: 1;

  overflow: hidden;

}

.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 {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: left;

}

.inner-page__heading-content .logo a {

  display: block;

  position: relative;

}

.inner-page__heading-content .logo img {

  width: 150px;

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

.inner-page__heading-content .title {

  color: #fff;

  font-size: 48px;

  font-weight: 700;

  letter-spacing: -1px;

  line-height: 1.1;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .inner-page__heading-content .title {

    font-size: 36px;

  }

}

.inner-page__heading-content .title.ui-size-small {

  font-size: 24px;

  margin-top: 30px;

  letter-spacing: -0.5px;

}

@media (max-width: 479px) {

  .inner-page__heading-content .title.ui-size-small {

    font-size: 16px;

    font-weight: 600;

  }

}

.inner-page__heading-content .title span {

  color: #f7bb44;

}

.inner-page__heading-content .text {

  color: #fff;

  font-size: 15px;

  line-height: 1.6;

  margin-top: 5px;

  max-width: 500px;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

  .inner-page__heading-content .text {

    display: none;

  }

}

.inner-page__heading-content .text strong {

  font-weight: 800;

}

.inner-page__heading-social {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: absolute;

  left: 0;

  bottom: 40px;

}

@media (max-width: 767px) {

  .inner-page__heading-social {

    left: 50%;

    -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

            transform: translateX(-50%);

  }

}

.inner-page__heading-social .icon {

  font-size: 16px;

  color: #fff;

  width: 40px;

  height: 40px;

  border-radius: 999px;

  border: 1px solid rgba(255, 255, 255, 0.2);

  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;

}

.inner-page__heading-social .icon:not(:last-child) {

  margin-right: 10px;

}

.inner-page__heading-social .icon:hover {

  background-color: #fff;

  color: #f7bb44;

}



@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(#000000), to(transparent));

  background-image: linear-gradient(#000000, transparent);

  z-index: -1;

  opacity: 0.4;

}

.inner-page__wrapper.ui-bg-1 {

  background-color: rgba(0, 0, 0, 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-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: #f7bb44;

}

.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(39, 39, 39, 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: #000000;

}

.page-content__heading.ui-color-1 {

  color: #000000;

}

.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;

}

.page-content__photo.ui-width-small {

  width: 40%;

}

@media (min-width: 992px) {

  .page-content__photo.ui-right {

    float: right;

    margin-right: 0;

    margin-left: 30px;

  }

}

.page-content__photo img {

  width: 100%;

  height: 100%;

  overflow: hidden;

  -o-object-fit: cover;

     object-fit: cover;

}

.page-content__photo img: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: #272727;

  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: black;

  border-radius: 11px;

  width: 35px;

  height: 35px;

  background-color: rgba(0, 0, 0, 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: #818181 !important;

  font-size: 16px;

  line-height: 1.7;

  font-family: "Open Sans", sans-serif !important;

}

.page-content__description * {

  color: #818181 !important;

  font-family: "Open Sans", sans-serif !important;

}

.page-content__description.ui-txt-center {

  text-align: 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;

  color: #000000 !important;

}

.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(39, 39, 39, 0.08) !important;

}

.page-content__description table tbody tr {

  border-bottom: 1px solid rgba(39, 39, 39, 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(39, 39, 39, 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: #f7bb44;

}

.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: #000000;

  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: #f7bb44;

  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: #272727;

  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: #f7bb44;

  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: #f7bb44;

  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__detail-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;

  border-bottom: 1px solid #EBEBEB;

  padding-bottom: 20px;

  margin-bottom: 30px;

}

.page-content__detail-header .heading {

  font-size: 20px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

}

@media (max-width: 767px) {

  .page-content__detail-header .heading {

    font-size: 16px;

  }

}



.sidebar-header {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 10px;

}

.sidebar-header .page-content__heading {

  margin-bottom: 0;

}

.sidebar-header .link {

  color: rgba(129, 129, 129, 0.7);

  font-size: 11px;

  font-weight: 500;

}

.sidebar-header .link:hover {

  color: #272727;

}

.sidebar-nav {

  top: 10px;

}

.sidebar-nav ul li:not(:last-child) {

  margin-bottom: 4px;

}

.sidebar-nav ul li:hover a, .sidebar-nav ul li.is-current a {

  background: #F5F5F5;

  color: #272727;

}

.sidebar-nav ul li:hover a .icon, .sidebar-nav ul li.is-current a .icon {

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

  opacity: 1;

  visibility: visible;

}

.sidebar-nav ul li.ui-heading a {

  background: #f7bb44;

  color: #fff;

  text-transform: uppercase;

  font-weight: 800;

  padding: 10px 25px;

}

.sidebar-nav ul li.ui-heading a .account-cover {

  width: 40px;

  height: 40px;

  font-size: 16px;

  line-height: 1;

  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: #fff;

  border-radius: 999px;

  margin-right: 10px;

  color: #f7bb44;

}

.sidebar-nav ul li.ui-exit a .icon {

  color: #f7bb44;

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateX(0);

      -ms-transform: translateX(0);

          transform: translateX(0);

}

.sidebar-nav ul li a {

  background: rgba(245, 245, 245, 0.5);

  color: #818181;

  border-radius: 8px;

  font-size: 14px;

  font-weight: 500;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  position: relative;

  padding: 15px 25px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sidebar-nav ul li a .icon {

  position: absolute;

  right: 25px;

  color: #272727;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateX(-10px);

      -ms-transform: translateX(-10px);

          transform: translateX(-10px);

  -webkit-transition: 0.3s;

  transition: 0.3s;

  will-change: transform;

}

.sidebar-common {

  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

}

.sidebar-common .heading {

  font-size: 16px;

  font-weight: 800;

  color: #000000;

  padding-inline: 25px;

  padding-top: 20px;

}

.sidebar-common__item-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  border: 1px solid #EBEBEB;

  border-radius: 8px;

  position: relative;

  cursor: pointer;

  padding-inline: 10px;

  padding-block: 5px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sidebar-common__item-heading:hover, .sidebar-common__item-heading.active {

  background-color: #f7bb44;

}

.sidebar-common__item-heading:hover > a, .sidebar-common__item-heading.active > a {

  color: #fff !important;

}

.sidebar-common__item-heading:hover .icon, .sidebar-common__item-heading.active .icon {

  color: #fff !important;

}

.sidebar-common__item-heading > a {

  width: 100%;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sidebar-common__sub {

  padding-bottom: 0 !important;

  display: none !important;

}

.sidebar-common__sub a {

  position: relative;

}

.sidebar-common__sub a::before {

  content: "";

  position: absolute;

  left: -12px;

  top: 50%;

  -webkit-transform: translateY(-50%);

      -ms-transform: translateY(-50%);

          transform: translateY(-50%);

  width: 5px;

  height: 5px;

  border-radius: 999px;

  background-color: #f7bb44;

}

.sidebar-common__sub.is-current {

  display: block !important;

}

.sidebar-common__input {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 10px;

  position: relative;

}

.sidebar-common__input input {

  width: 40%;

  background-color: #fff;

  border: 2px solid rgba(0, 0, 0, 0.1);

  border-radius: 8px;

  font-size: 12px;

  font-weight: 700;

  color: #272727;

  height: 32px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding-inline: 8px;

  margin-right: 10px;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .sidebar-common__input input {

    margin-right: 3px;

    width: 50px;

    font-size: 10px;

    padding-inline: 5px;

  }

}

.sidebar-common__input input:focus {

  border-color: #f7bb44;

}

.sidebar-common__input input::-webkit-input-placeholder {

  color: #818181;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

}

.sidebar-common__input input::-moz-placeholder {

  color: #818181;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

}

.sidebar-common__input input:-ms-input-placeholder {

  color: #818181;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

}

.sidebar-common__input input::-ms-input-placeholder {

  color: #818181;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

}

.sidebar-common__input input::placeholder {

  color: #818181;

  font-family: "Open Sans", sans-serif;

  font-size: 13px;

}

.sidebar-common__input button {

  font-size: 16px;

  color: #f7bb44;

  background-color: rgba(247, 187, 68, 0.1);

  width: 32px;

  height: 32px;

  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;

  border-radius: 8px;

  position: absolute;

  right: -15px;

}

.sidebar-common.ui-style-category > ul > li {

  -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;

  position: relative;

  cursor: pointer;

}

.sidebar-common.ui-style-category > ul > li .icon {

  font-size: 14px;

  color: rgba(129, 129, 129, 0.8);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sidebar-common:not([class*=ui-style-category]) > 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;

}

.sidebar-common ul {

  padding-bottom: 30px;

  padding-top: 10px;

  padding-inline: 25px;

  overflow-y: scroll;

  max-height: 400px;

}

.sidebar-common ul::-webkit-scrollbar {

  width: 3px !important;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.sidebar-common ul::-webkit-scrollbar-track {

  background: transparent !important;

  border-radius: 99px;

  overflow: hidden;

}

.sidebar-common ul::-webkit-scrollbar-thumb {

  background: #f7bb44 !important;

  border-radius: 99px;

  overflow: hidden;

}

.sidebar-common ul::-webkit-scrollbar-thumb:hover {

  background: #555 !important;

  width: 10px !important;

}

.sidebar-common ul::-webkit-scrollbar:hover {

  width: 10px !important;

}

.sidebar-common ul li:not(:last-child) {

  margin-bottom: 8px;

}

.sidebar-common ul li a {

  font-size: 13px;

  color: #818181;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.sidebar-common ul li a:hover {

  color: #000000;

}

.sidebar-common ul li .checkbox .text {

  font-size: 13px;

  font-weight: 500;

  color: #818181;

}

.sidebar-common ul li .filtre {

  border: 1px solid rgba(247, 187, 68, 0.4);

  padding-inline: 15px;

  padding-block: 8px;

  border-radius: 8px;

  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;

}

.sidebar-common ul li .filtre .desc {

  line-height: 1;

}

.sidebar-common ul li .filtre .desc .text {

  font-size: 12px;

  color: #818181;

  margin-bottom: 7px;

}

.sidebar-common ul li .filtre .desc .title {

  font-size: 16px;

  color: #000000;

  font-weight: 800;

}

.sidebar-common ul li .filtre .icon {

  font-size: 14px;

  color: rgba(129, 129, 129, 0.7);

  margin-left: 15px;

  cursor: pointer;

}

.sidebar-products {

  border: 1px solid rgba(0, 0, 0, 0.1);

  border-radius: 11px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .sidebar-products {

    display: none;

  }

}

@media (min-width: 768px) {

  .sidebar-products__mobile {

    display: none;

  }

}



.contact-item:not(:last-child) {

  margin-bottom: 50px;

}

.contact-item:not(:first-child) {

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  padding: 50px;

  border-radius: 20px;

  overflow: hidden;

  background-color: #fff;

}

@media (max-width: 767px) {

  .contact-item:not(:first-child) {

    padding: 30px;

  }

}

.contact-item__box {

  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;

  background-color: #FBFBFB;

  border-radius: 15px;

  overflow: hidden;

  padding: 50px;

  height: 250px;

}

.contact-item__box:hover .title {

  color: #f7bb44;

}

.contact-item__box .icon {

  font-size: 52px;

  color: #000000;

  margin-bottom: 20px;

}

.contact-item__box .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.7px;

  color: #000000;

  line-height: 1.3;

  margin-bottom: 10px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.contact-item__box .text {

  font-size: 14px;

  color: #272727;

}

.contact-cover {

  width: 100%;

  height: 500px;

  border-radius: 20px;

  overflow: hidden;

}

@media (max-width: 767px) {

  .contact-cover {

    display: none;

  }

}

.contact-cover.ui-size-contain img {

  -o-object-fit: contain;

     object-fit: contain;

}

.contact-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 20px;

}



.page-content__products-filters {

  margin-bottom: 30px;

}

.page-content__products-filters ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 991px) {

  .page-content__products-filters ul {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    row-gap: 10px;

  }

}

.page-content__products-filters 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;

  border: 1px solid #EBEBEB;

  padding-block: 7px;

  padding-left: 20px;

  padding-right: 15px;

  min-width: 130px;

  border-radius: 999px;

}

.page-content__products-filters ul li:not(:last-child) {

  margin-right: 10px;

}

.page-content__products-filters ul li .desc {

  line-height: 1;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-right: 15px;

}

.page-content__products-filters ul li .desc .text {

  font-size: 12px;

  color: #818181;

}

.page-content__products-filters ul li .desc .title {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.3px;

  color: #000000;

}

.page-content__products-filters ul li .icon {

  font-size: 20px;

  color: #818181;

  cursor: pointer;

}

.page-content__products-pagination {

  margin-top: 50px;

}

.page-content__products-pagination ul {

  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;

}

.page-content__products-pagination ul li:not(:last-child) {

  margin-right: 5px;

}

.page-content__products-pagination ul li.is-active > a {

  border: 2px solid #000000;

}

.page-content__products-pagination ul li.is-active > a .icon, .page-content__products-pagination ul li.is-active > a .number {

  color: #000000;

}

.page-content__products-pagination ul li > a {

  width: 50px;

  height: 50px;

  border: 2px solid #EBEBEB;

  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;

}

.page-content__products-pagination ul li > a:hover {

  border: 2px solid #000000;

}

.page-content__products-pagination ul li > a .icon {

  font-size: 18px;

  color: #000000;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__products-pagination ul li > a .number {

  font-size: 18px;

  font-weight: 700;

  color: #000000;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__products-inner {

  background-color: #fff;

  padding: 20px;

  border-radius: 15px;

}

.page-content__products-photos .js-swiper-photos-thumb .swiper-slide-thumb-active .page-content__products-cover {

  border: 1px solid #000000;

}

.page-content__products-photos .swiper {

  margin: -20px;

  padding: 20px;

}

.page-content__products-cover {

  display: block;

  width: 100%;

  overflow: hidden;

}

.page-content__products-cover:not([class*=ui-size-small]) {

  height: 460px;

}

@media (max-width: 767px) {

  .page-content__products-cover:not([class*=ui-size-small]) {

    height: auto;

  }

}

.page-content__products-cover.ui-size-small {

  height: 70px;

  border-radius: 11px;

  cursor: pointer;

  border: 1px solid #EBEBEB;

}

.page-content__products-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__products-right {

  position: relative;

}

.page-content__products-right .icons {

  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;

  position: absolute;

  right: 10px;

  top: 10px;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}

.page-content__products-right .icons .icon {

  width: 50px;

  height: 50px;

  font-size: 22px;

  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: 1px solid #EBEBEB;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

  border-radius: 999px;

  background-color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  color: #000000;

}

.page-content__products-right .icons .icon:not(:last-child) {

  margin-bottom: 7px;

}

.page-content__products-right .icons .icon:hover {

  background-color: #000000;

  color: #fff;

}

.page-content__products-right .category {

  font-size: 14px;

  font-weight: 600;

  color: #000000;

  display: inline-block;

}

.page-content__products-right .category:hover {

  text-decoration: underline;

}

.page-content__products-right .title {

  font-size: 32px;

  font-weight: 700;

  letter-spacing: -0.5px;

  line-height: 1.2;

  color: #000000;

  display: block;

  margin-bottom: 20px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  max-width: 550px;

}

@media (max-width: 991px) {

  .page-content__products-right .title {

    font-size: 20px;

    max-width: 250px;

  }

}

@media (min-width: 768px) and (max-width: 991px) {

  .page-content__products-right .title {

    max-width: 350px;

  }

}

.page-content__products-right .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  white-space: nowrap;

}

.page-content__products-right .price .ui-d-flex:first-child {

  margin-right: 15px;

}

.page-content__products-right .price .old {

  font-size: 16px;

  color: #818181;

  font-weight: 700;

  position: relative;

}

.page-content__products-right .price .old::before {

  content: "";

  position: absolute;

  left: 0;

  right: -15px;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(-5deg);

      -ms-transform: translateY(-50%) rotate(-5deg);

          transform: translateY(-50%) rotate(-5deg);

  height: 1px;

  z-index: 1;

  background-color: #818181;

}

.page-content__products-right .price .old-tl {

  font-size: 16px;

  font-weight: 700;

  color: #818181;

}

.page-content__products-right .price .new {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

.page-content__products-right .price .new-tl {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

.page-content__products-right .discount {

  height: 35px;

  padding-inline: 15px;

  background-color: #000000;

  border-radius: 8px;

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  letter-spacing: -0.5px;

  line-height: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  margin-left: 50px;

}

.page-content__products-right .info {

  padding-top: 30px;

}

@media (max-width: 767px) {

  .page-content__products-right .info {

    padding-top: 15px;

  }

}

.page-content__products-right .info ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.page-content__products-right .info ul li .title {

  font-size: 16px;

  font-weight: 800;

  color: black;

  letter-spacing: -0.5px;

  margin-bottom: 10px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.page-content__products-right .info ul li .title span {

  padding-left: 5px;

  font-weight: 500;

  font-size: 14px;

}

.page-content__products-right .info ul li .title a {

  color: #000000;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: -0.3px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  padding-left: 10px;

  display: block;

}

.page-content__products-right .info ul li .title a:hover {

  color: #000000;

}

.page-content__products-right .info ul li.ui-style-tags .title {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.page-content__products-right .info ul li.ui-style-tags .title a {

  padding-left: 5px;

  color: #818181;

}

.page-content__products-right .info ul li.ui-style-tags .title a:hover {

  color: #000000;

}

.page-content__products-right .variation {

  padding-top: 20px;

}

.page-content__products-right .variation .title {

  font-size: 16px;

  font-weight: 800;

  color: black;

  letter-spacing: -0.5px;

  margin-bottom: 10px;

}

.page-content__products-right .variation ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 479px) {

  .page-content__products-right .variation ul {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    row-gap: 7px;

  }

}

.page-content__products-right .variation ul li:not(:last-child) {

  margin-right: 5px;

}

@media (max-width: 479px) {

  .page-content__products-right .variation ul li {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    max-width: auto;

  }

}

.page-content__products-right .variation ul li.is-active a, .page-content__products-right .variation ul li.selected a {

  border: 2px solid #000000;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__products-right .variation ul li a {

  width: 45px;

  height: 45px;

  display: block;

  position: relative;

  border: 2px solid #fff;

  border-radius: 999px;

  padding: 2px;

}

.page-content__products-right .variation ul li a img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  border-radius: 999px;

}

.page-content__products-right .buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: 30px;

}

@media (max-width: 767px) {

  .page-content__products-right .buttons {

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

    row-gap: 10px;

  }

}

.page-content__products-right .buttons > a {

  height: 40px;

}

.page-content__products-right .buttons > a:not(:last-child) {

  margin-right: 10px;

}

.page-content__products-right .buttons .value {

  margin-right: 10px;

  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: #fff;

  border: 2px solid #EBEBEB;

  max-width: 150px;

  height: 40px;

  border-radius: 999px;

  padding-inline: 15px;

}

.page-content__products-right .buttons .value .icon {

  font-size: 13px;

  color: rgba(129, 129, 129, 0.7);

  cursor: pointer;

}

.page-content__products-right .buttons .value input {

  max-width: 70px;

  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;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

  color: #000000;

}

.page-content__products-right .buttons .value input::-webkit-input-placeholder {

  color: #000000;

}

.page-content__products-right .buttons .value input::-moz-placeholder {

  color: #000000;

}

.page-content__products-right .buttons .value input:-ms-input-placeholder {

  color: #000000;

}

.page-content__products-right .buttons .value input::-ms-input-placeholder {

  color: #000000;

}

.page-content__products-right .buttons .value input::placeholder {

  color: #000000;

}

.page-content__products-right .buttons .value input[type=number]::-webkit-inner-spin-button {

  display: none;

}

.page-content__products-right .social-share {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-top: 30px;

}

.page-content__products-right .social-share .icon {

  width: 35px;

  height: 35px;

  border-radius: 999px;

  background-color: #000000;

  color: #fff;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 16px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__products-right .social-share .icon:not(:last-child) {

  margin-right: 5px;

}

.page-content__products-right .social-share .icon:hover {

  background-color: #000000 !important;

}

.page-content__products-right .social-share .icon:nth-child(1) {

  background-color: #3b5998;

}

.page-content__products-right .social-share .icon:nth-child(2) {

  background-color: #E1306C;

}

.page-content__products-right .social-share .icon:nth-child(3) {

  background-color: #1da1f2;

}

.page-content__products-right .social-share .icon:nth-child(4) {

  background-color: #0077b5;

}

.page-content__products-right .social-share .icon:nth-child(5) {

  background-color: #25d366;

}

.page-content__products-star {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.page-content__products-star .star {

  position: relative;

  height: 15px;

}

.page-content__products-star .star .rating:not([class*=ui-style-]) {

  width: 100px;

}

.page-content__products-star .star .rating:not([class*=ui-style-])::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../images/rating.svg");

  background-repeat: no-repeat;

  background-size: contain;

  width: 100%;

  height: 15px;

  display: inline-block;

}

.page-content__products-star .star .rating.ui-style-star {

  position: absolute;

  left: 0;

  top: 0;

}

.page-content__products-star .star .rating.ui-style-star::before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  background-image: url("../images/rating-star.svg");

  background-repeat: no-repeat;

  background-size: cover;

  display: inline-block;

  width: 100%;

  height: 15px;

  z-index: 1;

}

.page-content__products-star .text {

  font-size: 13px;

  font-weight: 500;

  letter-spacing: -0.2px;

  color: #272727;

  padding-left: 10px;

}

.page-content__products-tab {

  background-color: #fff;

  margin-top: 50px;

  border-radius: 15px;

}

.page-content__products-tab__header {

  padding: 30px 50px;

  border-bottom: 1px solid #EBEBEB;

}

@media (max-width: 767px) {

  .page-content__products-tab__header {

    padding: 20px;

  }

}

.page-content__products-tab__header ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.page-content__products-tab__header ul li:not(:last-child) {

  margin-right: 30px;

}

.page-content__products-tab__header ul li.is-current > a, .page-content__products-tab__header ul li:hover > a {

  color: #272727;

}

.page-content__products-tab__header ul li > a {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.7px;

  color: #818181;

  text-transform: uppercase;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

@media (max-width: 767px) {

  .page-content__products-tab__header ul li > a {

    font-size: 14px;

    line-height: 1.2;

  }

}

.page-content__products-tab__bottom {

  padding: 30px 50px;

}

@media (max-width: 767px) {

  .page-content__products-tab__bottom {

    padding: 20px;

  }

}

.page-content__products-comments ul li {

  border-bottom: 1px solid #EBEBEB;

  padding-bottom: 30px;

  margin-bottom: 30px;

}

.page-content__products-comments ul li .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.page-content__products-comments ul li .item .icon {

  width: 70px;

  height: 70px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  background-color: #F5F5F5;

  border-radius: 999px;

  font-size: 52px;

  overflow: hidden;

  color: #fff;

}

.page-content__products-comments ul li .item .desc {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 20px;

}

.page-content__products-comments ul li .item .desc .star {

  width: 80px;

}

.page-content__products-comments ul li .item .desc .star img {

  width: 100%;

  height: 100%;

}

.page-content__products-comments ul li .item .desc .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

}

.page-content__products-comments ul li .item .desc .text {

  font-size: 14px;

  color: #818181;

}

.page-content__products-form .stars {

  margin-bottom: 30px;

}

.page-content__products-form .stars .heading {

  font-size: 16px;

  font-weight: 600;

  letter-spacing: -0.3px;

  color: #000000;

}

.page-content__products-form .stars .icons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  cursor: pointer;

  margin-top: 5px;

}

.page-content__products-form .stars .icons .icon {

  font-size: 14px;

  color: rgba(129, 129, 129, 0.7);

}

.page-content__products-form .stars .icons .icon:hover {

  color: #ffa900;

}



.products-detail__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: #fff;

  padding: 10px 15px;

  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

          box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transform: translateY(-30px);

      -ms-transform: translateY(-30px);

          transform: translateY(-30px);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  position: fixed;

  left: 0;

  right: 0;

  top: var(--header-height-bottom);

  z-index: 999;

}

@media (max-width: 767px) {

  .products-detail__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;

  }

}

.products-detail__header.is-visible {

  opacity: 1;

  visibility: visible;

  pointer-events: inherit;

  -webkit-transform: translateY(0);

      -ms-transform: translateY(0);

          transform: translateY(0);

}

.products-detail__header .left {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 767px) {

  .products-detail__header .left {

    margin-bottom: 10px;

  }

}

.products-detail__header .left .cover {

  width: 100px;

}

@media (max-width: 767px) {

  .products-detail__header .left .cover {

    width: 50px;

  }

}

.products-detail__header .left .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

}

.products-detail__header .left .desc {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 20px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 767px) {

  .products-detail__header .left .desc {

    padding-left: 10px;

  }

}

.products-detail__header .left .desc .title {

  font-size: 18px;

  color: #000000;

  line-height: 1.3;

}

@media (max-width: 767px) {

  .products-detail__header .left .desc .title {

    font-size: 14px;

  }

}

.products-detail__header .left .desc .price {

  padding-left: 20px;

  font-size: 16px;

  font-weight: 700;

}

@media (max-width: 767px) {

  .products-detail__header .left .desc .price {

    padding-left: 5px;

  }

}



.page-content__basket .basket-no-product {

  background-color: #fff;

  border-radius: 20px;

  padding: 30px;

  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;

  margin-bottom: 30px;

}

.page-content__basket .basket-no-product .basket-icon {

  font-size: 62px;

  margin-bottom: 20px;

  background-color: rgba(0, 0, 0, 0.1);

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border-radius: 999px;

  color: #000000;

  overflow: hidden;

}

.page-content__basket .basket-no-product .title {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #000000;

  letter-spacing: -0.7px;

  line-height: 1.3;

  margin-bottom: 5px;

}

.page-content__basket .basket-no-product .text {

  font-size: 14px;

  color: #818181;

  margin-bottom: 10px;

}

.page-content__basket-left {

  background-color: #fff;

  border-radius: 20px;

  padding: 30px;

}

.page-content__basket-left ul li:not(:last-child) {

  border-bottom: 1px solid #EBEBEB;

  margin-bottom: 25px;

  padding-bottom: 25px;

}

.page-content__basket-left ul li .basket-product {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media (max-width: 991px) {

  .page-content__basket-left ul li .basket-product {

    -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;

  }

}

.page-content__basket-left ul li .basket-product .cover {

  width: 150px;

  height: auto;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  display: block;

}

@media (max-width: 767px) {

  .page-content__basket-left ul li .basket-product .cover {

    width: 100%;

  }

}

.page-content__basket-left ul li .basket-product .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.page-content__basket-left ul li .basket-product .desc {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 20px;

}

@media (max-width: 991px) {

  .page-content__basket-left ul li .basket-product .desc {

    padding-left: 0;

    padding-top: 10px;

  }

}

.page-content__basket-left ul li .basket-product .desc .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  line-height: 1.3;

  margin-bottom: 10px;

  display: block;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__basket-left ul li .basket-product .desc .title:hover {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .desc .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  white-space: nowrap;

}

@media (max-width: 991px) {

  .page-content__basket-left ul li .basket-product .desc .price {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    margin-bottom: 10px;

  }

}

.page-content__basket-left ul li .basket-product .desc .price .ui-d-flex:first-child {

  margin-right: 15px;

}

.page-content__basket-left ul li .basket-product .desc .price .old {

  font-size: 16px;

  color: #818181;

  font-weight: 700;

  position: relative;

}

.page-content__basket-left ul li .basket-product .desc .price .old::before {

  content: "";

  position: absolute;

  left: 0;

  right: -15px;

  top: 50%;

  -webkit-transform: translateY(-50%) rotate(-5deg);

      -ms-transform: translateY(-50%) rotate(-5deg);

          transform: translateY(-50%) rotate(-5deg);

  height: 1px;

  z-index: 1;

  background-color: #818181;

}

.page-content__basket-left ul li .basket-product .desc .price .old-tl {

  font-size: 16px;

  font-weight: 700;

  color: #818181;

}

.page-content__basket-left ul li .basket-product .desc .price .new {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

.page-content__basket-left ul li .basket-product .desc .price .new-tl {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 991px) {

  .page-content__basket-left ul li .basket-product .buttons {

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

  }

}

.page-content__basket-left ul li .basket-product .buttons > a {

  height: 40px;

}

.page-content__basket-left ul li .basket-product .buttons > a:not(:last-child) {

  margin-right: 10px;

}

.page-content__basket-left ul li .basket-product .buttons .value {

  margin-right: 10px;

  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: #fff;

  border: 2px solid #EBEBEB;

  max-width: 150px;

  height: 40px;

  border-radius: 999px;

  padding-inline: 15px;

}

.page-content__basket-left ul li .basket-product .buttons .value .icon {

  font-size: 13px;

  color: rgba(129, 129, 129, 0.7);

  cursor: pointer;

}

.page-content__basket-left ul li .basket-product .buttons .value input {

  max-width: 70px;

  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;

  text-align: center;

  font-size: 14px;

  font-weight: 700;

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input::-webkit-input-placeholder {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input::-moz-placeholder {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input:-ms-input-placeholder {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input::-ms-input-placeholder {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input::placeholder {

  color: #000000;

}

.page-content__basket-left ul li .basket-product .buttons .value input[type=number]::-webkit-inner-spin-button {

  display: none;

}

.page-content__basket-left ul li .basket-product .buttons .trash {

  height: 40px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-left: 20px;

  color: #818181;

}

.page-content__basket-left ul li .basket-product .buttons .trash:hover {

  color: #000000;

}

@media (max-width: 991px) {

  .page-content__basket-left ul li .basket-product .coupon {

    margin-bottom: 20px;

  }

}

.page-content__basket-left ul li .basket-product .coupon form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  border-radius: 11px;

  overflow: hidden;

}

.page-content__basket-left ul li .basket-product .coupon form input {

  max-width: 140px;

  width: 100%;

  background-color: #F5F5F5;

  padding-inline: 20px;

  height: 45px;

  font-size: 13px;

  font-weight: 700;

  color: #818181;

}

.page-content__basket-left ul li .basket-product .coupon form button {

  height: 45px;

  background-color: #000000;

  padding-inline: 15px;

  color: #fff;

  font-size: 14px;

  font-weight: 700;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__basket-left ul li .basket-product .coupon form button:hover {

  background-color: #000000;

}

.page-content__basket-left ul li .basket-product .coupon .apply-code {

  font-size: 14px;

  color: #000000;

}

.page-content__basket-right {

  background-color: #fff;

  border-radius: 20px;

  padding: 30px;

  top: 10px;

}

.page-content__basket-right .heading {

  font-size: 18px;

  font-weight: 700;

  color: #000000;

  letter-spacing: -1px;

  text-transform: uppercase;

}

.page-content__basket-right .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  font-weight: 700;

  letter-spacing: -0.7px;

  line-height: 1;

  color: #272727;

  margin-block: 10px;

}

.page-content__basket-right .price .tl {

  padding-left: 2px;

}

.page-content__basket-right .price span {

  color: #000000;

  font-size: 13px;

  font-weight: 600;

}

.page-content__basket-right .price:not([class*=ui-size-]) {

  font-size: 26px;

}

.page-content__basket-right .price:not([class*=ui-size-]) .tl {

  font-size: 18px;

  padding-bottom: 2px;

}

.page-content__basket-right .price.ui-size-small {

  font-size: 16px;

}

.page-content__basket-right .price.ui-size-small .tl {

  font-size: 13px;

  padding-bottom: 0;

}

.page-content__basket-right .text {

  font-size: 14px;

  font-weight: 600;

}

.page-content__basket-right .text:not([class*=ui-color-]) {

  color: #000000;

}

.page-content__basket-right .text.ui-color-1 {

  color: #272727;

}

.page-content__basket-right .total {

  border-top: 1px solid #EBEBEB;

  padding-top: 20px;

  margin-top: 30px;

}

.page-content__basket-right .total 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;

}



.page-content__payment {

  background-color: #fff;

  border-radius: 20px;

  padding: 30px;

}

.page-content__payment:not(:last-child) {

  margin-bottom: 30px;

}

.page-content__payment .payment-card .form ul {

  row-gap: 0;

}



.page-content__address .item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.page-content__address .item input[type=radio] {

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  display: inline-block;

  min-width: 24px;

  height: 24px;

  border: 2px solid #EBEBEB;

  margin-right: 10px;

  border-radius: 999px;

  position: relative;

}

.page-content__address .item input[type=radio]:checked {

  border: 2px solid #000000;

}

.page-content__address .item input[type=radio]:checked::before {

  content: "";

  position: absolute;

  inset: 3px;

  background-color: #000000;

  border-radius: 999px;

}

.page-content__address .item .box {

  padding: 20px;

  border: 1px solid #EBEBEB;

  border-radius: 11px;

  position: relative;

}

.page-content__address .item .box .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #272727;

  line-height: 1.2;

  margin-bottom: 5px;

}

.page-content__address .item .box .text {

  font-size: 14px;

  color: #818181;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}

.page-content__address .item .box .icon {

  position: absolute;

  right: 10px;

  top: 10px;

  color: #000000;

  font-size: 18px;

  cursor: pointer;

}



.page-content__order .basket-no-product {

  background-color: #fff;

  border-radius: 20px;

  border: 1px solid #EBEBEB;

  padding: 30px;

  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;

  margin-bottom: 30px;

}

.page-content__order .basket-no-product .basket-icon {

  font-size: 62px;

  margin-bottom: 20px;

  background-color: rgba(0, 0, 0, 0.1);

  width: 100px;

  height: 100px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  border-radius: 999px;

  color: #000000;

  overflow: hidden;

}

.page-content__order .basket-no-product .title {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #000000;

  letter-spacing: -0.7px;

  line-height: 1.3;

  margin-bottom: 5px;

}

.page-content__order .basket-no-product .text {

  font-size: 14px;

  color: #818181;

  margin-bottom: 10px;

}

.page-content__order ul li:not(:last-child) {

  border-bottom: 1px solid #EBEBEB;

  margin-bottom: 25px;

  padding-bottom: 25px;

}

.page-content__order ul li .order-product {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

@media (max-width: 991px) {

  .page-content__order ul li .order-product {

    -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;

  }

}

.page-content__order ul li .order-product__information {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media (max-width: 991px) {

  .page-content__order ul li .order-product__information {

    -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;

  }

}

.page-content__order ul li .order-product .cover {

  width: 150px;

  height: auto;

  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);

  overflow: hidden;

  display: block;

}

@media (max-width: 767px) {

  .page-content__order ul li .order-product .cover {

    width: 100%;

  }

}

.page-content__order ul li .order-product .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

     object-fit: contain;

}

.page-content__order ul li .order-product .desc {

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

  padding-left: 20px;

}

@media (max-width: 991px) {

  .page-content__order ul li .order-product .desc {

    padding-left: 0;

    padding-top: 10px;

  }

}

.page-content__order ul li .order-product .desc .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000000;

  line-height: 1.3;

  margin-bottom: 10px;

  display: inline-block;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__order ul li .order-product .desc .title:hover {

  color: #000000;

}

.page-content__order ul li .order-product .desc .date {

  font-size: 13px;

  color: #818181;

}

.page-content__order ul li .order-product .status {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  line-height: 1;

  color: #272727;

}

@media (max-width: 767px) {

  .page-content__order ul li .order-product .status {

    margin-block: 10px;

  }

}

.page-content__order ul li .order-product .status .icon {

  width: 30px;

  height: 30px;

  font-size: 14px;

  border-radius: 999px;

  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: #fff;

  margin-right: 10px;

}

.page-content__order ul li .order-product .status .icon:not([class*=ui-color-]) {

  background-color: #000000;

}

.page-content__order ul li .order-product .status .icon.ui-color-ready {

  background-color: #FFCC00;

}

.page-content__order ul li .order-product .status .icon.ui-color-loading {

  background-color: #000000;

}

.page-content__order ul li .order-product .status .icon.ui-color-complete {

  background-color: #5ad363;

}

.page-content__order ul li .order-product .price {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  white-space: nowrap;

}

.page-content__order ul li .order-product .price .ui-d-flex:first-child {

  margin-right: 15px;

}

.page-content__order ul li .order-product .price .new {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .page-content__order ul li .order-product .price .new {

    font-size: 20px;

  }

}

.page-content__order ul li .order-product .price .new-tl {

  font-size: 24px;

  font-weight: 800;

  color: #000000;

}

@media (min-width: 992px) and (max-width: 1199px) {

  .page-content__order ul li .order-product .price .new-tl {

    font-size: 20px;

    margin-left: 5px;

  }

}



.page-content__account .form ul li .title {

  font-size: 14px;

  color: #000000;

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 3px;

  padding-left: 10px;

}

.page-content__account .form ul li > input {

  color: #272727;

}

.page-content__account .form > .text {

  font-size: 14px;

  color: #818181;

  margin-bottom: 20px;

}

.page-content__account .form-send > input {

  padding-inline: 30px;

}



.page-content__login .login {

  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;

}

.page-content__login .login-logo a {

  display: block;

  position: relative;

}

.page-content__login .login-logo h1 {

  font-size: 0;

  margin: 0;

}

.page-content__login .login-logo img {

  width: 300px;

  -webkit-filter: brightness(0) invert(1);

          filter: brightness(0) invert(1);

}

@media (max-width: 767px) {

  .page-content__login .login-logo img {

    width: 200px;

  }

}

.page-content__login .login-tab {

  background-color: #fff;

  margin-top: 50px;

  border-radius: 15px;

  border: 1px solid #EBEBEB;

  min-width: 500px;

}

@media (max-width: 767px) {

  .page-content__login .login-tab {

    min-width: 100%;

  }

}

.page-content__login .login-tab__header {

  padding: 30px;

  border-bottom: 1px solid #EBEBEB;

}

.page-content__login .login-tab__header ul {

  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;

}

.page-content__login .login-tab__header ul li:not(:last-child) {

  margin-right: 30px;

}

.page-content__login .login-tab__header ul li.is-current > a, .page-content__login .login-tab__header ul li:hover > a {

  color: #272727;

}

.page-content__login .login-tab__header ul li > a {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.7px;

  color: #818181;

  text-transform: uppercase;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}

.page-content__login .login-tab__bottom {

  padding: 50px;

}

@media (max-width: 767px) {

  .page-content__login .login-tab__bottom {

    padding: 30px;

  }

}

.page-content__login .login-tab__bottom .reset {

  font-size: 14px;

  color: #818181;

  margin-bottom: 20px;

  text-align: center;

}

.page-content__login .login-tab__bottom .form a.text {

  font-size: 16px;

  font-weight: 600;

  letter-spacing: -0.3px;

  color: #000000;

  margin-top: 15px;

  display: inline-block;

}

.page-content__login .login-tab__bottom .form a.text:hover {

  text-decoration: underline;

}

.page-content__login .login-tab__bottom .form-send > input {

  width: 100%;

  font-size: 18px;

}



.login-cover {

  width: 100%;

  height: 100%;

  position: absolute;

  inset: 0;

  z-index: -1;

  background-color: #000000;

}

.login-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;

  opacity: 0.4;

}



.sss ul {

  row-gap: 30px;

}

@media (max-width: 767px) {

  .sss ul {

    margin-bottom: 30px;

  }

}

.sss li.is-open .icon {

  -webkit-transform: rotate(90deg);

      -ms-transform: rotate(90deg);

          transform: rotate(90deg);

}

.sss li.is-open .sss-dropdown {

  display: block;

}

.sss li.is-first .sss-dropdown {

  display: block;

}

.sss-list {

  border-radius: 11px;

}

.sss-header {

  border: 1px solid #EBEBEB;

  height: 60px;

  padding-inline: 20px;

  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-radius: 11px;

  cursor: pointer;

}

@media (max-width: 767px) {

  .sss-header {

    height: 100%;

    padding-block: 5px;

  }

}

.sss-header .heading {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.6px;

  line-height: 1.3;

  color: #000000;

  -webkit-box-flex: 1;

      -ms-flex: 1;

          flex: 1;

}

@media (max-width: 767px) {

  .sss-header .heading {

    font-size: 16px;

    font-weight: 600;

  }

}

.sss-header .icon {

  width: 35px;

  height: 35px;

  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;

  background-color: #000000;

  color: #fff;

  font-size: 16px;

  -webkit-transition: 0.4s;

  transition: 0.4s;

  margin-left: 20px;

}

.sss-dropdown {

  padding: 20px;

  display: none;

}

.sss-dropdown .text {

  font-size: 14px;

  color: #818181;

}



.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;

  -webkit-clip-path: inset(100%);

          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;

}