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

  :root {

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

  }

}



@media (min-width: 1750px) {

  :root {

    --slide-height: 520px;

  }

}



@media (max-width: 479px) {

  :root {

    --slide-height: 250px;

  }

}



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

  :root {

    --slide-height: 340px;

  }

}



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

  :root {

    --slide-height: 400px;

  }

}



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

  :root {

    --slide-height: 100%;

  }

}



@media (min-width: 1200px) and (max-width: 1465px) {

  :root {

    --slide-height: 100%;

  }

}



@media (min-width: 768px) {

  :root {

    --header-height: calc(var(--header-height-top) + var(--header-height-middle) + var(--header-height-bottom));

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

    --header-height-top: 30px;

    --header-height-middle: 95px;

    --header-height-bottom: 135px;

    --header-height-bottom-v2: 80px;

  }

}



@media (max-width: 767px) {

  :root {

    --header-height: calc(var(--header-height-top) + var(--header-height-middle) + var(--header-height-bottom));

    --header-height-mobile: calc(var(--header-height-top) + var(--header-height-middle) + var(--header-height-bottom-mobile));

    --header-height-top: 45px;

    --header-height-middle: 140px;

    --header-height-bottom: 130px;

    --header-height-bottom-mobile: 90px;

    --header-height-triple: calc(var(--header-height-top) + var(--header-height-middle));

  }

}



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

}



/* ____________________________________________ */

/* headers */

:where(h1, h2, h3, h4, h5, h6) {

  margin: 0;

  font-weight: normal;

  line-height: 1.3;

  text-wrap: auto;

}



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

  }

}



@media screen and (max-width: 320px) {

  .products-mobil-ui {

    -webkit-box-flex: 0 !important;

    flex: 0 0 100% !important;

    max-width: 100% !important;

  }



  .buttons-mobil-ui {

    display: flex;

    flex-direction: column;

  }



  .buttons-mobil-ui .value {

    margin-right: 0 !important;

    margin-bottom: 7px;

  }



  .buttons-mobil-ui .trash {

    margin: 0 !important;

  }



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

    max-width: 30px !important;

  }

}



.ui-d-none {

  display: none !important;

}



.ui-d-inline-block {

  display: inline-block !important;

}



.ui-d-block {

  display: block !important;

}



.ui-d-flex {

  display: -ms-flexbox !important;

  display: -webkit-box !important;

  display: flex !important;

}



.ui-d-inline-flex {

  display: -ms-inline-flexbox !important;

  display: -webkit-inline-box !important;

  display: inline-flex !important;

}



@media (max-width: 479px) {

  .ui-d-sm-none {

    display: none !important;

  }



  .ui-sm-d-inline-block {

    display: inline-block !important;

  }



  .ui-sm-d-block {

    display: block !important;

  }



  .ui-sm-d-flex {

    display: -ms-flexbox !important;

    display: -webkit-box !important;

    display: flex !important;

  }



  .ui-sm-d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: -webkit-inline-box !important;

    display: inline-flex !important;

  }

}



@media (max-width: 767px) {

  .ui-md-d-none {

    display: none !important;

  }



  .ui-md-d-inline-block {

    display: inline-block !important;

  }



  .ui-md-d-block {

    display: block !important;

  }



  .ui-md-d-flex {

    display: -ms-flexbox !important;

    display: -webkit-box !important;

    display: flex !important;

  }



  .ui-md-d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: -webkit-inline-box !important;

    display: inline-flex !important;

  }

}



@media (max-width: 991px) {

  .ui-lg-d-none {

    display: none !important;

  }



  .ui-lg-d-inline-block {

    display: inline-block !important;

  }



  .ui-lg-d-block {

    display: block !important;

  }



  .ui-lg-d-flex {

    display: -ms-flexbox !important;

    display: -webkit-box !important;

    display: flex !important;

  }



  .ui-lg-d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: -webkit-inline-box !important;

    display: inline-flex !important;

  }

}



@media (max-width: 1199px) {

  .ui-xl-d-none {

    display: none !important;

  }



  .ui-xl-d-inline-block {

    display: inline-block !important;

  }



  .ui-xl-d-block {

    display: block !important;

  }



  .ui-xl-d-flex {

    display: -ms-flexbox !important;

    display: -webkit-box !important;

    display: flex !important;

  }



  .ui-xl-d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: -webkit-inline-box !important;

    display: inline-flex !important;

  }

}



@media print {

  .ui-print-d-none {

    display: none !important;

  }



  .ui-print-d-inline-block {

    display: inline-block !important;

  }



  .ui-print-d-block {

    display: block !important;

  }



  .ui-print-d-flex {

    display: -ms-flexbox !important;

    display: -webkit-box !important;

    display: flex !important;

  }



  .ui-print-d-inline-flex {

    display: -ms-inline-flexbox !important;

    display: -webkit-inline-box !important;

    display: inline-flex !important;

  }

}



@media (min-width: 1200px) {

  .ui-gutter {

    margin-left: -20px;

    margin-right: -20px;

    row-gap: 40px;

  }



  .ui-gutter>.col,

  .ui-gutter>[class*="col-"] {

    padding-left: 20px;

    padding-right: 20px;

  }



  .ui-gutter-15 {

    margin-left: -15px;

    margin-right: -15px;

    row-gap: 30px;

  }



  .ui-gutter-15>.col,

  .ui-gutter-15>[class*="col-"] {

    padding-left: 15px;

    padding-right: 15px;

  }



  .ui-gutter-25 {

    margin-left: -25px;

    margin-right: -25px;

    row-gap: 50px;

  }



  .ui-gutter-25>.col,

  .ui-gutter-25>[class*="col-"] {

    padding-left: 25px;

    padding-right: 25px;

  }



  .ui-gutter-30 {

    margin-left: -30px;

    margin-right: -30px;

    row-gap: 60px;

  }



  .ui-gutter-30>.col,

  .ui-gutter-30>[class*="col-"] {

    padding-left: 30px;

    padding-right: 30px;

  }



  .ui-gutter-40 {

    margin-left: -40px;

    margin-right: -40px;

    row-gap: 80px;

  }



  .ui-gutter-40>.col,

  .ui-gutter-40>[class*="col-"] {

    padding-left: 40px;

    padding-right: 40px;

  }



  .ui-gutter-large {

    margin-left: -50px;

    margin-right: -50px;

    row-gap: 100px;

  }



  .ui-gutter-large>.col,

  .ui-gutter-large>[class*="col-"] {

    padding-left: 50px;

    padding-right: 50px;

  }

}



.ui-gutter-5 {

  margin-left: -5px !important;

  margin-right: -5px !important;

  row-gap: 10px;

}



.ui-gutter-5>.col,

.ui-gutter-5>[class*="col-"] {

  padding-left: 5px !important;

  padding-right: 5px !important;

}



.ui-gutter-1 {

  margin-left: -1px !important;

  margin-right: -1px !important;

  row-gap: 2px;

}



.ui-gutter-1>.col,

.ui-gutter-1>[class*="col-"] {

  padding-left: 1px !important;

  padding-right: 1px !important;

}



body.compensate-for-scrollbar {

  overflow: hidden;

}



.fancybox-active {

  height: auto;

}



.fancybox-is-hidden {

  left: -9999px;

  margin: 0;

  position: absolute !important;

  top: -9999px;

  visibility: hidden;

}



.fancybox-container {

  -webkit-backface-visibility: hidden;

  height: 100%;

  left: 0;

  outline: none;

  position: fixed;

  -webkit-tap-highlight-color: transparent;

  top: 0;

  -ms-touch-action: manipulation;

  touch-action: manipulation;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  width: 100%;

  z-index: 99992;

}



.fancybox-container * {

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



.fancybox-outer,

.fancybox-inner,

.fancybox-bg,

.fancybox-stage {

  bottom: 0;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

}



.fancybox-outer {

  -webkit-overflow-scrolling: touch;

  overflow-y: auto;

}



.fancybox-bg {

  background-color: #1e1e1e;

  opacity: 0;

  -webkit-transition-duration: inherit;

  transition-duration: inherit;

  -webkit-transition-property: opacity;

  transition-property: opacity;

  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);

  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);

}



.fancybox-is-open .fancybox-bg {

  opacity: 0.85;

  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);

}



.fancybox-infobar,

.fancybox-toolbar,

.fancybox-caption,

.fancybox-navigation .fancybox-button {

  direction: ltr;

  opacity: 0;

  position: absolute;

  -webkit-transition: opacity 0.25s ease, visibility 0s ease 0.25s;

  transition: opacity 0.25s ease, visibility 0s ease 0.25s;

  visibility: hidden;

  z-index: 99997;

}



.fancybox-show-infobar .fancybox-infobar,

.fancybox-show-toolbar .fancybox-toolbar,

.fancybox-show-caption .fancybox-caption,

.fancybox-show-nav .fancybox-navigation .fancybox-button {

  opacity: 1;

  -webkit-transition: opacity 0.25s ease 0s, visibility 0s ease 0s;

  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;

  visibility: visible;

}



.fancybox-infobar {

  color: #fff;

  font-size: 13px;

  -webkit-font-smoothing: subpixel-antialiased;

  height: 44px;

  left: 0;

  line-height: 44px;

  min-width: 44px;

  mix-blend-mode: difference;

  padding: 0 10px;

  pointer-events: none;

  top: 0;

  -webkit-touch-callout: none;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



/*.fancybox-infobar {

  height: auto;

  left: 42px;

  top: auto;

  bottom: 180px;

  padding: 0;

  font-size: 7.4rem;

  line-height: 1;

  letter-spacing: -.22em;

  color: #fff;

  mix-blend-mode: normal;

  text-shadow: 0 3px 6px rgba(black, .16);

}*/

.fancybox-toolbar {

  right: 0;

  top: 0;

}



.fancybox-toolbar button:not(:last-child) {

  display: none !important;

}



.fancybox-stage {

  direction: ltr;

  overflow: visible;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  z-index: 99994;

}



.fancybox-is-open .fancybox-stage {

  overflow: hidden;

}



.fancybox-slide {

  -webkit-backface-visibility: hidden;

  /* Using without prefix would break IE11 */

  display: none;

  height: 100%;

  left: 0;

  outline: none;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  padding: 44px;

  position: absolute;

  text-align: center;

  top: 0;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

  white-space: normal;

  width: 100%;

  z-index: 99994;

}



@media (min-width: 768px) {

  .fancybox-slide.fancybox-slide--pdf {

    padding-left: 200px;

    padding-right: 200px;

  }

}



.fancybox-slide::before {

  content: "";

  display: inline-block;

  font-size: 0;

  height: 100%;

  vertical-align: middle;

  width: 0;

}



.fancybox-is-sliding .fancybox-slide,

.fancybox-slide--previous,

.fancybox-slide--current,

.fancybox-slide--next {

  display: block;

}



.fancybox-slide--image {

  overflow: hidden;

  padding: 44px 0;

}



.fancybox-slide--image::before {

  display: none;

}



.fancybox-slide--html {

  padding: 6px;

}



.fancybox-content {

  background: #fff;

  display: inline-block;

  margin: 0;

  max-width: 100%;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  padding: 44px;

  position: relative;

  text-align: left;

  vertical-align: middle;

  border-radius: 20px;

}



.fancybox-slide--image .fancybox-content {

  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);

  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);

  -webkit-backface-visibility: hidden;

  background: #fff;

  background-repeat: no-repeat;

  background-size: 100% 100%;

  left: 0;

  max-width: none;

  overflow: visible;

  padding: 0;

  position: absolute;

  top: 0;

  -ms-transform-origin: top left;

  -webkit-transform-origin: top left;

  transform-origin: top left;

  -webkit-transition-property: opacity, -webkit-transform;

  transition-property: opacity, -webkit-transform;

  transition-property: transform, opacity;

  transition-property: transform, opacity, -webkit-transform;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  z-index: 99995;

}



.fancybox-can-zoomOut .fancybox-content {

  cursor: -webkit-zoom-out;

  cursor: zoom-out;

}



.fancybox-can-zoomIn .fancybox-content {

  cursor: -webkit-zoom-in;

  cursor: zoom-in;

}



.fancybox-can-swipe .fancybox-content,

.fancybox-can-pan .fancybox-content {

  cursor: -webkit-grab;

  cursor: grab;

}



.fancybox-is-grabbing .fancybox-content {

  cursor: -webkit-grabbing;

  cursor: grabbing;

}



.fancybox-container [data-selectable="true"] {

  cursor: text;

}



.fancybox-image,

.fancybox-spaceball {

  background: transparent;

  border: 0;

  height: 100%;

  left: 0;

  margin: 0;

  max-height: none;

  max-width: none;

  padding: 0;

  position: absolute;

  top: 0;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  width: 100%;

}



.fancybox-spaceball {

  z-index: 1;

}



.fancybox-slide--video .fancybox-content,

.fancybox-slide--map .fancybox-content,

.fancybox-slide--pdf .fancybox-content,

.fancybox-slide--iframe .fancybox-content {

  height: 100%;

  overflow: visible;

  padding: 0;

  width: 100%;

}



.fancybox-slide--video .fancybox-content {

  background: #000;

}



.fancybox-slide--map .fancybox-content {

  background: #e5e3df;

}



.fancybox-slide--iframe .fancybox-content {

  background: #fff;

}



.fancybox-video,

.fancybox-iframe {

  background: transparent;

  border: 0;

  display: block;

  height: 100%;

  margin: 0;

  overflow: hidden;

  padding: 0;

  width: 100%;

}



/* Fix iOS */

.fancybox-iframe {

  left: 0;

  position: absolute;

  top: 0;

}



.fancybox-error {

  background: #fff;

  cursor: default;

  max-width: 400px;

  padding: 40px;

  width: 100%;

}



.fancybox-error p {

  color: #444;

  font-size: 16px;

  line-height: 20px;

  margin: 0;

  padding: 0;

}



/* Buttons */

.fancybox-button {

  border: 0;

  border-radius: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  cursor: pointer;

  display: inline-block;

  height: 44px;

  margin: 0;

  padding: 10px;

  position: relative;

  -webkit-transition: color 0.2s;

  transition: color 0.2s;

  vertical-align: top;

  visibility: inherit;

  width: 44px;

}



/*.fancybox-button--close {

  position: fixed;

  display: block !important;

  width: 60px;

  height: 60px;

  right: 50px !important;

  top: 50px !important;

  padding: 0 !important;

  font-size: 40px;

  color: #fff !important;

  background: none;

  text-shadow: 0 3px 6px rgba(0,0,0,0.16);

}*/

.fancybox-button,

.fancybox-button:visited,

.fancybox-button:link {

  color: #fff;

}



.fancybox-button:hover {

  color: #fff;

}



.fancybox-button:focus {

  outline: none;

}



.fancybox-button.fancybox-focus {

  outline: 1px dotted;

}



.fancybox-button[disabled],

.fancybox-button[disabled]:hover {

  color: #888;

  cursor: default;

  outline: none;

}



/* Fix IE11 */

.fancybox-button div {

  height: 100%;

}



.fancybox-button svg {

  display: block;

  height: 100%;

  overflow: visible;

  position: relative;

  width: 100%;

}



.fancybox-button svg path {

  fill: currentColor;

  stroke-width: 0;

}



.fancybox-button--play svg:nth-child(2),

.fancybox-button--fsenter svg:nth-child(2) {

  display: none;

}



.fancybox-button--pause svg:nth-child(1),

.fancybox-button--fsexit svg:nth-child(1) {

  display: none;

}



.fancybox-progress {

  background: #ff5268;

  height: 2px;

  left: 0;

  position: absolute;

  right: 0;

  top: 0;

  -ms-transform: scaleX(0);

  -webkit-transform: scaleX(0);

  transform: scaleX(0);

  -ms-transform-origin: 0;

  -webkit-transform-origin: 0;

  transform-origin: 0;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: linear;

  transition-timing-function: linear;

  z-index: 99998;

}



/* Close button on the top right corner of html content */

.fancybox-close-small {

  background: transparent;

  border: 0;

  border-radius: 0;

  color: #ccc;

  cursor: pointer;

  opacity: 0.8;

  padding: 8px;

  position: absolute;

  right: -12px;

  top: -44px;

  z-index: 401;

}



.fancybox-close-small:hover {

  color: #fff;

  opacity: 1;

}



.fancybox-slide--html .fancybox-close-small {

  color: currentColor;

  padding: 10px;

  right: 0;

  top: 0;

}



.fancybox-slide--image.fancybox-is-scaling .fancybox-content {

  overflow: hidden;

}



.fancybox-is-scaling .fancybox-close-small,

.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {

  display: none;

}



/* Navigation arrows */

.fancybox-navigation {

  position: absolute;

  right: 50px;

  bottom: 70px;

}



.fancybox-navigation .fancybox-button {

  background-clip: content-box;

  height: 65px;

  opacity: 0;

  position: relative;

  cursor: pointer;

  width: 50px;

}



.fancybox-navigation .fancybox-button:not(:last-child) {

  margin-right: 20px;

}



.fancybox-navigation .fancybox-button--arrow_left {

  left: 0;

}



.fancybox-navigation .fancybox-button--arrow_right {

  right: 0;

}



/* Caption */

.fancybox-caption {

  background: -webkit-gradient(linear,

      left bottom,

      left top,

      from(rgba(0, 0, 0, 0.85)),

      color-stop(50%, rgba(0, 0, 0, 0.3)),

      color-stop(65%, rgba(0, 0, 0, 0.15)),

      color-stop(75.5%, rgba(0, 0, 0, 0.075)),

      color-stop(82.85%, rgba(0, 0, 0, 0.037)),

      color-stop(88%, rgba(0, 0, 0, 0.019)),

      to(rgba(0, 0, 0, 0)));

  background: linear-gradient(to top,

      rgba(0, 0, 0, 0.85) 0%,

      rgba(0, 0, 0, 0.3) 50%,

      rgba(0, 0, 0, 0.15) 65%,

      rgba(0, 0, 0, 0.075) 75.5%,

      rgba(0, 0, 0, 0.037) 82.85%,

      rgba(0, 0, 0, 0.019) 88%,

      rgba(0, 0, 0, 0) 100%);

  bottom: 0;

  color: #eee;

  font-size: 16px;

  font-weight: 700;

  left: 0;

  line-height: 1.5;

  padding: 75px 44px 25px 44px;

  pointer-events: none;

  right: 0;

  text-align: center;

  z-index: 99996;

}



/*@supports (padding: max(0px)) {

  .fancybox-caption {

      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));

  }

}*/

.fancybox-caption--separate {

  margin-top: -50px;

}



.fancybox-caption__body {

  max-height: 50vh;

  overflow: auto;

  pointer-events: all;

}



.fancybox-caption a,

.fancybox-caption a:link,

.fancybox-caption a:visited {

  color: #fff;

  text-decoration: none;

}



.fancybox-caption a:hover {

  color: #fff;

  text-decoration: underline;

}



/* Loading indicator */

.fancybox-loading {

  -webkit-animation: fancybox-rotate 1s linear infinite;

  animation: fancybox-rotate 1s linear infinite;

  background: transparent;

  border: 4px solid #888;

  border-bottom-color: #fff;

  border-radius: 50%;

  height: 50px;

  left: 50%;

  margin: -25px 0 0 -25px;

  opacity: 0.7;

  padding: 0;

  position: absolute;

  top: 50%;

  width: 50px;

  z-index: 99999;

}



@-webkit-keyframes fancybox-rotate {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes fancybox-rotate {

  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/* Transition effects */

.fancybox-animated {

  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);

  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);

}



/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {

  opacity: 0;

  -webkit-transform: translate3d(-100%, 0, 0);

  transform: translate3d(-100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--next {

  opacity: 0;

  -webkit-transform: translate3d(100%, 0, 0);

  transform: translate3d(100%, 0, 0);

}



.fancybox-fx-slide.fancybox-slide--current {

  opacity: 1;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,

.fancybox-fx-fade.fancybox-slide--next {

  opacity: 0;

  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);

}



.fancybox-fx-fade.fancybox-slide--current {

  opacity: 1;

}



/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {

  opacity: 0;

  -webkit-transform: scale3d(1.5, 1.5, 1.5);

  transform: scale3d(1.5, 1.5, 1.5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

  opacity: 0;

  -webkit-transform: scale3d(0.5, 0.5, 0.5);

  transform: scale3d(0.5, 0.5, 0.5);

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

  opacity: 1;

  -webkit-transform: scale3d(1, 1, 1);

  transform: scale3d(1, 1, 1);

}



/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {

  opacity: 0;

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

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

  transform: rotate(-360deg);

}



.fancybox-fx-rotate.fancybox-slide--next {

  opacity: 0;

  -ms-transform: rotate(360deg);

  -webkit-transform: rotate(360deg);

  transform: rotate(360deg);

}



.fancybox-fx-rotate.fancybox-slide--current {

  opacity: 1;

  -ms-transform: rotate(0deg);

  -webkit-transform: rotate(0deg);

  transform: rotate(0deg);

}



/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {

  opacity: 0;

  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--next {

  opacity: 0;

  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

}



.fancybox-fx-circular.fancybox-slide--current {

  opacity: 1;

  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);

}



/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {

  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);

}



.fancybox-fx-tube.fancybox-slide--next {

  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);

}



.fancybox-fx-tube.fancybox-slide--current {

  -webkit-transform: translate3d(0, 0, 0) scale(1);

  transform: translate3d(0, 0, 0) scale(1);

}



/* Styling for Small-Screen Devices */

@media all and (max-height: 576px) {

  .fancybox-slide {

    padding-left: 6px;

    padding-right: 6px;

  }



  .fancybox-slide--image {

    padding: 6px 0;

  }



  .fancybox-close-small {

    right: -6px;

  }



  .fancybox-slide--image .fancybox-close-small {

    background: #4e4e4e;

    color: #f2f4f6;

    height: 36px;

    opacity: 1;

    padding: 6px;

    right: 0;

    top: 0;

    width: 36px;

  }



  .fancybox-caption {

    padding-left: 12px;

    padding-right: 12px;

  }



  /*@supports (padding: max(0px)) {

      .fancybox-caption {

          padding-left: max(12px, env(safe-area-inset-left));

          padding-right: max(12px, env(safe-area-inset-right));

      }

  }*/

}



/* Share */

.fancybox-share {

  background: #f4f4f4;

  border-radius: 3px;

  max-width: 90%;

  padding: 30px;

  text-align: center;

}



.fancybox-share h1 {

  color: #222;

  font-size: 35px;

  font-weight: 700;

  margin: 0 0 20px 0;

}



.fancybox-share p {

  margin: 0;

  padding: 0;

}



.fancybox-share__button {

  border: 0;

  border-radius: 3px;

  display: inline-block;

  font-size: 14px;

  font-weight: 700;

  line-height: 40px;

  margin: 0 5px 10px 5px;

  min-width: 130px;

  padding: 0 15px;

  text-decoration: none;

  -webkit-transition: all 0.2s;

  transition: all 0.2s;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  white-space: nowrap;

}



.fancybox-share__button:visited,

.fancybox-share__button:link {

  color: #fff;

}



.fancybox-share__button:hover {

  text-decoration: none;

}



.fancybox-share__button--fb {

  background: #3b5998;

}



.fancybox-share__button--fb:hover {

  background: #344e86;

}



.fancybox-share__button--pt {

  background: #bd081d;

}



.fancybox-share__button--pt:hover {

  background: #aa0719;

}



.fancybox-share__button--tw {

  background: #1da1f2;

}



.fancybox-share__button--tw:hover {

  background: #0d95e8;

}



.fancybox-share__button svg {

  height: 25px;

  margin-right: 7px;

  position: relative;

  top: -1px;

  vertical-align: middle;

  width: 25px;

}



.fancybox-share__button svg path {

  fill: #fff;

}



.fancybox-share__input {

  background: transparent;

  border: 0;

  border-bottom: 1px solid #d7d7d7;

  border-radius: 0;

  color: #5d5b5b;

  font-size: 14px;

  margin: 10px 0 0 0;

  outline: none;

  padding: 10px 15px;

  width: 100%;

}



/* Thumbs */

.fancybox-thumbs {

  background: #ddd;

  bottom: 0;

  display: none;

  margin: 0;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  padding: 2px 2px 4px 2px;

  position: absolute;

  right: 0;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

  top: 0;

  width: 212px;

  z-index: 99995;

}



.fancybox-thumbs-x {

  overflow-x: auto;

  overflow-y: hidden;

}



.fancybox-show-thumbs .fancybox-thumbs {

  display: block;

}



.fancybox-show-thumbs .fancybox-inner {

  right: 212px;

}



.fancybox-thumbs__list {

  font-size: 0;

  height: 100%;

  list-style: none;

  margin: 0;

  overflow-x: hidden;

  overflow-y: auto;

  padding: 0;

  position: absolute;

  position: relative;

  white-space: nowrap;

  width: 100%;

}



.fancybox-thumbs-x .fancybox-thumbs__list {

  overflow: hidden;

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {

  width: 7px;

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {

  background: #fff;

  border-radius: 10px;

  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

}



.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {

  background: #2a2a2a;

  border-radius: 10px;

}



.fancybox-thumbs__list a {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

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

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  cursor: pointer;

  float: left;

  height: 75px;

  margin: 2px;

  max-height: calc(100% - 8px);

  max-width: calc(50% - 4px);

  outline: none;

  overflow: hidden;

  padding: 0;

  position: relative;

  -webkit-tap-highlight-color: transparent;

  width: 100px;

}



.fancybox-thumbs__list a::before {

  border: 6px solid #ff5268;

  bottom: 0;

  content: "";

  left: 0;

  opacity: 0;

  position: absolute;

  right: 0;

  top: 0;

  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  z-index: 99991;

}



.fancybox-thumbs__list a:focus::before {

  opacity: 0.5;

}



.fancybox-thumbs__list a.fancybox-thumbs-active::before {

  opacity: 1;

}



/* Styling for Small-Screen Devices */

@media all and (max-width: 576px) {

  .fancybox-thumbs {

    width: 110px;

  }



  .fancybox-show-thumbs .fancybox-inner {

    right: 110px;

  }



  .fancybox-thumbs__list a {

    max-width: calc(100% - 10px);

  }

}



/**

 * Swiper 10.1.0

 * Most modern mobile touch slider and framework with hardware accelerated transitions

 * https://swiperjs.com

 *

 * Copyright 2014-2023 Vladimir Kharlampidi

 *

 * Released under the MIT License

 *

 * Released on: August 1, 2023

 */

/* FONT_START */

@font-face {

  font-family: "swiper-icons";

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

  font-weight: 400;

  font-style: normal;

}



/* FONT_END */

:root {

  --swiper-theme-color: #007aff;

  /*

  --swiper-preloader-color: var(--swiper-theme-color);

  --swiper-wrapper-transition-timing-function: initial;

  */

}



:host {

  position: relative;

  display: block;

  margin-left: auto;

  margin-right: auto;

  z-index: 1;

}



.swiper {

  margin-left: auto;

  margin-right: auto;

  position: relative;

  overflow: hidden;

  overflow: clip;

  list-style: none;

  padding: 0;

  /* Fix of Webkit flickering */

  z-index: 1;

  display: block;

}



.swiper-vertical>.swiper-wrapper {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.swiper-wrapper {

  position: relative;

  width: 100%;

  height: 100%;

  z-index: 1;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,

      initial);

  transition-timing-function: var(--swiper-wrapper-transition-timing-function,

      initial);

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}



.swiper-android .swiper-slide,

.swiper-ios .swiper-slide,

.swiper-wrapper {

  -webkit-transform: translate3d(0px, 0, 0);

  transform: translate3d(0px, 0, 0);

}



.swiper-horizontal {

  -ms-touch-action: pan-y;

  touch-action: pan-y;

}



.swiper-vertical {

  -ms-touch-action: pan-x;

  touch-action: pan-x;

}



.swiper-slide {

  -ms-flex-negative: 0;

  flex-shrink: 0;

  width: 100%;

  height: 100%;

  position: relative;

  -webkit-transition-property: -webkit-transform;

  transition-property: -webkit-transform;

  transition-property: transform;

  transition-property: transform, -webkit-transform;

  display: block;

}



.swiper-slide-invisible-blank {

  visibility: hidden;

}



/* Auto Height */

.swiper-autoheight,

.swiper-autoheight .swiper-slide {

  height: auto;

}



.swiper-autoheight .swiper-wrapper {

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-transition-property: height, -webkit-transform;

  transition-property: height, -webkit-transform;

  transition-property: transform, height;

  transition-property: transform, height, -webkit-transform;

}



.swiper-backface-hidden .swiper-slide {

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



/* 3D Effects */

.swiper-3d.swiper-css-mode .swiper-wrapper {

  -webkit-perspective: 1200px;

  perspective: 1200px;

}



.swiper-3d .swiper-wrapper {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



.swiper-3d {

  -webkit-perspective: 1200px;

  perspective: 1200px;

}



.swiper-3d .swiper-slide,

.swiper-3d .swiper-cube-shadow {

  -webkit-transform-style: preserve-3d;

  transform-style: preserve-3d;

}



/* CSS Mode */

.swiper-css-mode>.swiper-wrapper {

  overflow: auto;

  scrollbar-width: none;

  /* For Firefox */

  -ms-overflow-style: none;

  /* For Internet Explorer and Edge */

}



.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {

  display: none;

}



.swiper-css-mode>.swiper-wrapper>.swiper-slide {

  scroll-snap-align: start start;

}



.swiper-css-mode.swiper-horizontal>.swiper-wrapper {

  -ms-scroll-snap-type: x mandatory;

  scroll-snap-type: x mandatory;

}



.swiper-css-mode.swiper-vertical>.swiper-wrapper {

  -ms-scroll-snap-type: y mandatory;

  scroll-snap-type: y mandatory;

}



.swiper-css-mode.swiper-free-mode>.swiper-wrapper {

  -ms-scroll-snap-type: none;

  scroll-snap-type: none;

}



.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {

  scroll-snap-align: none;

}



.swiper-css-mode.swiper-centered>.swiper-wrapper::before {

  content: "";

  -ms-flex-negative: 0;

  flex-shrink: 0;

  -webkit-box-ordinal-group: 10000;

  -ms-flex-order: 9999;

  order: 9999;

}



.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {

  scroll-snap-align: center center;

  scroll-snap-stop: always;

}



.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {

  -webkit-margin-start: var(--swiper-centered-offset-before);

  margin-inline-start: var(--swiper-centered-offset-before);

}



.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before {

  height: 100%;

  min-height: 1px;

  width: var(--swiper-centered-offset-after);

}



.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {

  -webkit-margin-before: var(--swiper-centered-offset-before);

  margin-block-start: var(--swiper-centered-offset-before);

}



.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before {

  width: 100%;

  min-width: 1px;

  height: var(--swiper-centered-offset-after);

}



/* Slide styles start */

/* 3D Shadows */

.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top,

.swiper-3d .swiper-slide-shadow-bottom,

.swiper-3d .swiper-slide-shadow,

.swiper-3d .swiper-slide-shadow-left,

.swiper-3d .swiper-slide-shadow-right,

.swiper-3d .swiper-slide-shadow-top,

.swiper-3d .swiper-slide-shadow-bottom {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  pointer-events: none;

  z-index: 10;

}



.swiper-3d .swiper-slide-shadow {

  background: rgba(0, 0, 0, 0.15);

}



.swiper-3d .swiper-slide-shadow-left {

  background-image: -webkit-gradient(linear,

      right top,

      left top,

      from(rgba(0, 0, 0, 0.5)),

      to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to left,

      rgba(0, 0, 0, 0.5),

      rgba(0, 0, 0, 0));

}



.swiper-3d .swiper-slide-shadow-right {

  background-image: -webkit-gradient(linear,

      left top,

      right top,

      from(rgba(0, 0, 0, 0.5)),

      to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to right,

      rgba(0, 0, 0, 0.5),

      rgba(0, 0, 0, 0));

}



.swiper-3d .swiper-slide-shadow-top {

  background-image: -webkit-gradient(linear,

      left bottom,

      left top,

      from(rgba(0, 0, 0, 0.5)),

      to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to top,

      rgba(0, 0, 0, 0.5),

      rgba(0, 0, 0, 0));

}



.swiper-3d .swiper-slide-shadow-bottom {

  background-image: -webkit-gradient(linear,

      left top,

      left bottom,

      from(rgba(0, 0, 0, 0.5)),

      to(rgba(0, 0, 0, 0)));

  background-image: linear-gradient(to bottom,

      rgba(0, 0, 0, 0.5),

      rgba(0, 0, 0, 0));

}



.swiper-lazy-preloader {

  width: 42px;

  height: 42px;

  position: absolute;

  left: 50%;

  top: 50%;

  margin-left: -21px;

  margin-top: -21px;

  z-index: 10;

  -webkit-transform-origin: 50%;

  -ms-transform-origin: 50%;

  transform-origin: 50%;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));

  border-radius: 50%;

  border-top-color: transparent;

}



.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {

  -webkit-animation: swiper-preloader-spin 1s infinite linear;

  animation: swiper-preloader-spin 1s infinite linear;

}



.swiper-lazy-preloader-white {

  --swiper-preloader-color: #fff;

}



.swiper-lazy-preloader-black {

  --swiper-preloader-color: #000;

}



@-webkit-keyframes swiper-preloader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



@keyframes swiper-preloader-spin {

  0% {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

  }



  100% {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}



/* Slide styles end */

.swiper-virtual .swiper-slide {

  -webkit-backface-visibility: hidden;

  -webkit-transform: translateZ(0);

  transform: translateZ(0);

}



.swiper-virtual.swiper-css-mode .swiper-wrapper::after {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

}



.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {

  height: 1px;

  width: var(--swiper-virtual-size);

}



.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {

  width: 1px;

  height: var(--swiper-virtual-size);

}



:root {

  --swiper-navigation-size: 44px;

  /*

  --swiper-navigation-top-offset: 50%;

  --swiper-navigation-sides-offset: 10px;

  --swiper-navigation-color: var(--swiper-theme-color);

  */

}



.swiper-button-prev,

.swiper-button-next {

  position: absolute;

  top: var(--swiper-navigation-top-offset, 50%);

  width: calc(var(--swiper-navigation-size) / 44 * 27);

  height: var(--swiper-navigation-size);

  margin-top: calc(0px - var(--swiper-navigation-size) / 2);

  z-index: 10;

  cursor: pointer;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: var(--swiper-navigation-color, var(--swiper-theme-color));

  text-rendering: auto;

}



.swiper-button-prev.swiper-button-disabled,

.swiper-button-next.swiper-button-disabled {

  opacity: 0.35;

  cursor: auto;

  pointer-events: none;

}



.swiper-button-prev.swiper-button-hidden,

.swiper-button-next.swiper-button-hidden {

  opacity: 0;

  cursor: auto;

  pointer-events: none;

}



.swiper-navigation-disabled .swiper-button-prev,

.swiper-navigation-disabled .swiper-button-next {

  display: none !important;

}



.swiper-button-prev svg,

.swiper-button-next svg {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -webkit-transform-origin: center;

  -ms-transform-origin: center;

  transform-origin: center;

}



.swiper-rtl .swiper-button-prev svg,

.swiper-rtl .swiper-button-next svg {

  -webkit-transform: rotate(180deg);

  -ms-transform: rotate(180deg);

  transform: rotate(180deg);

}



.swiper-button-prev,

.swiper-rtl .swiper-button-next {

  left: var(--swiper-navigation-sides-offset, 10px);

  right: auto;

}



.swiper-button-next,

.swiper-rtl .swiper-button-prev {

  right: var(--swiper-navigation-sides-offset, 10px);

  left: auto;

}



.swiper-button-lock {

  display: none;

}



/* Navigation font start */

.swiper-button-prev:after,

.swiper-button-next:after {

  font-family: swiper-icons;

  font-size: var(--swiper-navigation-size);

  text-transform: none !important;

  letter-spacing: 0;

  font-variant: initial;

  line-height: 1;

}



.swiper-button-prev:after,

.swiper-rtl .swiper-button-next:after {

  content: "prev";

}



.swiper-button-next,

.swiper-rtl .swiper-button-prev {

  right: var(--swiper-navigation-sides-offset, 10px);

  left: auto;

}



.swiper-button-next:after,

.swiper-rtl .swiper-button-prev:after {

  content: "next";

}



/* Navigation font end */

:root {

  /*

  --swiper-pagination-color: var(--swiper-theme-color);

  --swiper-pagination-left: auto;

  --swiper-pagination-right: 8px;

  --swiper-pagination-bottom: 8px;

  --swiper-pagination-top: auto;

  --swiper-pagination-fraction-color: inherit;

  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);

  --swiper-pagination-progressbar-size: 4px;

  --swiper-pagination-bullet-size: 8px;

  --swiper-pagination-bullet-width: 8px;

  --swiper-pagination-bullet-height: 8px;

  --swiper-pagination-bullet-border-radius: 50%;

  --swiper-pagination-bullet-inactive-color: #000;

  --swiper-pagination-bullet-inactive-opacity: 0.2;

  --swiper-pagination-bullet-opacity: 1;

  --swiper-pagination-bullet-horizontal-gap: 4px;

  --swiper-pagination-bullet-vertical-gap: 6px;

  */

}



.swiper-pagination {

  position: absolute;

  text-align: center;

  -webkit-transition: 300ms opacity;

  transition: 300ms opacity;

  -webkit-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

  z-index: 10;

}



.swiper-pagination.swiper-pagination-hidden {

  opacity: 0;

}



.swiper-pagination-disabled>.swiper-pagination,

.swiper-pagination.swiper-pagination-disabled {

  display: none !important;

}



/* Common Styles */

.swiper-pagination-fraction,

.swiper-pagination-custom,

.swiper-horizontal>.swiper-pagination-bullets,

.swiper-pagination-bullets.swiper-pagination-horizontal {

  bottom: 50px;

  top: var(--swiper-pagination-top, auto);

  left: 0;

  width: 100%;

}



/* Bullets */

.swiper-pagination-bullets-dynamic {

  overflow: hidden;

  font-size: 0;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transform: scale(0.33);

  -ms-transform: scale(0.33);

  transform: scale(0.33);

  position: relative;

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

  -webkit-transform: scale(0.66);

  -ms-transform: scale(0.66);

  transform: scale(0.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

  -webkit-transform: scale(0.33);

  -ms-transform: scale(0.33);

  transform: scale(0.33);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

  -webkit-transform: scale(0.66);

  -ms-transform: scale(0.66);

  transform: scale(0.66);

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

  -webkit-transform: scale(0.33);

  -ms-transform: scale(0.33);

  transform: scale(0.33);

}



.swiper-pagination-bullet {

  width: var(--swiper-pagination-bullet-width,

      var(--swiper-pagination-bullet-size, 10px));

  height: var(--swiper-pagination-bullet-height,

      var(--swiper-pagination-bullet-size, 10px));

  display: inline-block;

  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);

  background: var(--swiper-pagination-bullet-inactive-color, #fff);

}



button.swiper-pagination-bullet {

  border: none;

  margin: 0;

  padding: 0;

  -webkit-box-shadow: none;

  box-shadow: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  appearance: none;

}



.swiper-pagination-clickable .swiper-pagination-bullet {

  cursor: pointer;

}



.swiper-pagination-bullet:only-child {

  display: none !important;

}



.swiper-pagination-bullet-active {

  opacity: var(--swiper-pagination-bullet-opacity, 1);

}



.swiper-vertical>.swiper-pagination-bullets,

.swiper-pagination-vertical.swiper-pagination-bullets {

  right: var(--swiper-pagination-right, 8px);

  left: var(--swiper-pagination-left, auto);

  top: 50%;

  -webkit-transform: translate3d(0px, -50%, 0);

  transform: translate3d(0px, -50%, 0);

}



.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {

  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;

  display: block;

}



.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  top: 50%;

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

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

  transform: translateY(-50%);

  width: 8px;

}



.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  display: inline-block;

  -webkit-transition: 200ms top, 200ms -webkit-transform;

  transition: 200ms top, 200ms -webkit-transform;

  transition: 200ms transform, 200ms top;

  transition: 200ms transform, 200ms top, 200ms -webkit-transform;

}



.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {

  margin-inline: 15px;

}



.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

  left: 50%;

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

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

  transform: translateX(-50%);

  white-space: nowrap;

}



.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,

.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: 200ms left, 200ms -webkit-transform;

  transition: 200ms left, 200ms -webkit-transform;

  transition: 200ms transform, 200ms left;

  transition: 200ms transform, 200ms left, 200ms -webkit-transform;

}



.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

  -webkit-transition: 200ms right, 200ms -webkit-transform;

  transition: 200ms right, 200ms -webkit-transform;

  transition: 200ms transform, 200ms right;

  transition: 200ms transform, 200ms right, 200ms -webkit-transform;

}



/* Fraction */

.swiper-pagination-fraction {

  color: var(--swiper-pagination-fraction-color, inherit);

}



/* Progress */

.swiper-pagination-progressbar {

  background: var(--swiper-pagination-progressbar-bg-color,

      rgba(0, 0, 0, 0.25));

  position: absolute;

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  background: var(--swiper-pagination-color, var(--swiper-theme-color));

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transform-origin: left top;

  -ms-transform-origin: left top;

  transform-origin: left top;

}



.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

  -webkit-transform-origin: right top;

  -ms-transform-origin: right top;

  transform-origin: right top;

}



.swiper-horizontal>.swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-horizontal,

.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {

  width: 100%;

  height: var(--swiper-pagination-progressbar-size, 4px);

  left: 0;

  top: 0;

}



.swiper-vertical>.swiper-pagination-progressbar,

.swiper-pagination-progressbar.swiper-pagination-vertical,

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,

.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {

  width: var(--swiper-pagination-progressbar-size, 4px);

  height: 100%;

  left: 0;

  top: 0;

}



.swiper-pagination-lock {

  display: none;

}



:root {

  /*

  --swiper-scrollbar-border-radius: 10px;

  --swiper-scrollbar-top: auto;

  --swiper-scrollbar-bottom: 4px;

  --swiper-scrollbar-left: auto;

  --swiper-scrollbar-right: 4px;

  --swiper-scrollbar-sides-offset: 1%;

  --swiper-scrollbar-bg-color: rgba(0, 0, 0, 0.1);

  --swiper-scrollbar-drag-bg-color: rgba(0, 0, 0, 0.5);

  --swiper-scrollbar-size: 4px;

  */

}



.swiper-scrollbar {

  border-radius: var(--swiper-scrollbar-border-radius, 10px);

  position: relative;

  -ms-touch-action: none;

  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));

}



.swiper-scrollbar-disabled>.swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-disabled {

  display: none !important;

}



.swiper-horizontal>.swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-horizontal {

  position: absolute;

  left: var(--swiper-scrollbar-sides-offset, 1%);

  bottom: var(--swiper-scrollbar-bottom, 4px);

  top: var(--swiper-scrollbar-top, auto);

  z-index: 50;

  height: var(--swiper-scrollbar-size, 4px);

  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));

}



.swiper-vertical>.swiper-scrollbar,

.swiper-scrollbar.swiper-scrollbar-vertical {

  position: absolute;

  left: var(--swiper-scrollbar-left, auto);

  right: var(--swiper-scrollbar-right, 4px);

  top: var(--swiper-scrollbar-sides-offset, 1%);

  z-index: 50;

  width: var(--swiper-scrollbar-size, 4px);

  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));

}



.swiper-scrollbar-drag {

  height: 100%;

  width: 100%;

  position: relative;

  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));

  border-radius: var(--swiper-scrollbar-border-radius, 10px);

  left: 0;

  top: 0;

}



.swiper-scrollbar-cursor-drag {

  cursor: move;

}



.swiper-scrollbar-lock {

  display: none;

}



/* Zoom container styles start */

.swiper-zoom-container {

  width: 100%;

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

}



.swiper-zoom-container>img,

.swiper-zoom-container>svg,

.swiper-zoom-container>canvas {

  max-width: 100%;

  max-height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}



/* Zoom container styles end */

.swiper-slide-zoomed {

  cursor: move;

  -ms-touch-action: none;

  touch-action: none;

}



/* a11y */

.swiper .swiper-notification {

  position: absolute;

  left: 0;

  top: 0;

  pointer-events: none;

  opacity: 0;

  z-index: -1000;

}



.swiper-free-mode>.swiper-wrapper {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

  margin: 0 auto;

}



.swiper-grid>.swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.swiper-grid-column>.swiper-wrapper {

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

}



.swiper-fade.swiper-free-mode .swiper-slide {

  -webkit-transition-timing-function: ease-out;

  transition-timing-function: ease-out;

}



.swiper-fade .swiper-slide {

  pointer-events: none;

  -webkit-transition-property: opacity;

  transition-property: opacity;

}



.swiper-fade .swiper-slide .swiper-slide {

  pointer-events: none;

}



.swiper-fade .swiper-slide-active,

.swiper-fade .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}



.swiper-cube {

  overflow: visible;

}



.swiper-cube .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1;

  visibility: hidden;

  -webkit-transform-origin: 0 0;

  -ms-transform-origin: 0 0;

  transform-origin: 0 0;

  width: 100%;

  height: 100%;

}



.swiper-cube .swiper-slide .swiper-slide {

  pointer-events: none;

}



.swiper-cube.swiper-rtl .swiper-slide {

  -webkit-transform-origin: 100% 0;

  -ms-transform-origin: 100% 0;

  transform-origin: 100% 0;

}



.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}



.swiper-cube .swiper-slide-active,

.swiper-cube .swiper-slide-next,

.swiper-cube .swiper-slide-prev {

  pointer-events: auto;

  visibility: visible;

}



.swiper-cube .swiper-cube-shadow {

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 100%;

  opacity: 0.6;

  z-index: 0;

}



.swiper-cube .swiper-cube-shadow:before {

  content: "";

  background: #000;

  position: absolute;

  left: 0;

  top: 0;

  bottom: 0;

  right: 0;

  -webkit-filter: blur(50px);

  filter: blur(50px);

}



.swiper-cube .swiper-slide-next+.swiper-slide {

  pointer-events: auto;

  visibility: visible;

}



/* Cube slide shadows start */

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



/* Cube slide shadows end */

.swiper-flip {

  overflow: visible;

}



.swiper-flip .swiper-slide {

  pointer-events: none;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  z-index: 1;

}



.swiper-flip .swiper-slide .swiper-slide {

  pointer-events: none;

}



.swiper-flip .swiper-slide-active,

.swiper-flip .swiper-slide-active .swiper-slide-active {

  pointer-events: auto;

}



/* Flip slide shadows start */

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {

  z-index: 0;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}



/* Flip slide shadows end */

.swiper-creative .swiper-slide {

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

  -webkit-transition-property: opacity, height, -webkit-transform;

  transition-property: opacity, height, -webkit-transform;

  transition-property: transform, opacity, height;

  transition-property: transform, opacity, height, -webkit-transform;

}



.swiper-cards {

  overflow: visible;

}



.swiper-cards .swiper-slide {

  -webkit-transform-origin: center bottom;

  -ms-transform-origin: center bottom;

  transform-origin: center bottom;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  overflow: hidden;

}



.swiper-buttons {

  z-index: 3;

}



@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-sfize-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: rgb(37 53 90 / 75%);

}



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

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

  background-color: #250500;

}



@media (min-width: 768px) {



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

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

    width: 50px;

    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.ui-style-radius .swiper-button-next,

.swiper-buttons.ui-style-radius .swiper-button-prev {

  border: 1px solid #ebebeb;

  color: #1e1e1e !important;

  width: 40px;

  height: 40px;

  background-color: #fff;

  border-radius: 8px;

  top: 50%;

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

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

  transform: translateY(-50%);

  margin-top: -50px;

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

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

}



.swiper-buttons.ui-style-radius .swiper-button-next::after,

.swiper-buttons.ui-style-radius .swiper-button-prev::after {

  font-size: 14px;

}



.swiper-buttons.ui-style-radius .swiper-button-next:hover,

.swiper-buttons.ui-style-radius .swiper-button-prev:hover {

  background-color: #250500;

  color: #fff !important;

}



.swiper-buttons.ui-style-radius .swiper-button-prev {

  left: 5px !important;

}



@media (max-width: 767px) {

  .swiper-buttons.ui-style-radius .swiper-button-prev {

    left: 20px !important;

  }

}



.swiper-buttons.ui-style-radius .swiper-button-next {

  right: 5px !important;

}



@media (max-width: 767px) {

  .swiper-buttons.ui-style-radius .swiper-button-next {

    right: 20px !important;

  }

}



.swiper-buttons.ui-style-arrow .swiper-button-next,

.swiper-buttons.ui-style-arrow .swiper-button-prev {

  color: #250500 !important;

  width: 15px;

  height: 15px;

  top: 50%;

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

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

  transform: translateY(-50%);

  margin-top: -15px;

}



.swiper-buttons.ui-style-arrow .swiper-button-next::after,

.swiper-buttons.ui-style-arrow .swiper-button-prev::after {

  font-size: 24px;

}



.swiper-buttons.ui-style-arrow .swiper-button-prev {

  left: 0 !important;

}



@media (max-width: 767px) {

  .swiper-buttons.ui-style-arrow .swiper-button-prev {

    left: 30px !important;

  }

}



.swiper-buttons.ui-style-arrow .swiper-button-next {

  right: 0 !important;

}



@media (max-width: 767px) {

  .swiper-buttons.ui-style-arrow .swiper-button-next {

    right: 30px !important;

  }

}



.swiper-buttons .swiper-button-prev {

  padding-right: 2px;

}



.swiper-buttons .swiper-button-next {

  padding-left: 2px;

}



.swiper-buttons.ui-buttons-slide .swiper-button-next,

.swiper-buttons.ui-buttons-slide .swiper-button-prev {

  color: #fff !important;

  margin-top: 0;

}



.swiper-buttons.ui-buttons-slide .swiper-button-next::after,

.swiper-buttons.ui-buttons-slide .swiper-button-prev::after {

  font-size: 32px;

}



.swiper-buttons.ui-buttons-slide .swiper-button-next {

  right: 30px !important;

}



.swiper-buttons.ui-buttons-slide .swiper-button-prev {

  left: 30px !important;

}



.swiper-buttons.ui-buttons-photos .swiper-button-next,

.swiper-buttons.ui-buttons-photos .swiper-button-prev {

  color: #250500 !important;

  margin-top: 0;

}



.swiper-buttons.ui-buttons-photos .swiper-button-next::after,

.swiper-buttons.ui-buttons-photos .swiper-button-prev::after {

  font-size: 32px;

}



.swiper-buttons.ui-buttons-photos .swiper-button-next {

  right: 30px !important;

}



.swiper-buttons.ui-buttons-photos .swiper-button-prev {

  left: 30px !important;

}



.swiper-buttons.ui-buttons-gallery {

  margin-top: -15px;

}



.swiper-buttons:not([class*="ui-pos-"]) {

  position: absolute;

  top: 50%;

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

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

  transform: translateY(-50%);

  left: 0;

  right: 0;

}



@media (min-width: 768px) {



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-next,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-prev {

    right: 15px;

  }

}



@media (max-width: 767px) {



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-next,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-prev {

    right: 10px;

  }

}



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



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-next,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-prev {

    right: 0;

  }

}



@media (min-width: 768px) {



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-prev,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-next {

    left: 15px;

  }

}



@media (max-width: 767px) {



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-prev,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-next {

    left: 10px;

  }

}



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



  .swiper-buttons:not([class*="ui-pos-"]) .swiper-button-prev,

  .swiper-buttons:not([class*="ui-pos-"]) .swiper-rtl .swiper-button-next {

    left: 0;

  }

}



.swiper-buttons.ui-pos-bottom-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  -webkit-column-gap: 5px;

  -moz-column-gap: 5px;

  column-gap: 5px;

}



@media (min-width: 768px) {

  .swiper-buttons.ui-pos-bottom-right {

    bottom: 40px;

    right: 0;

  }

}



@media (max-width: 767px) {

  .swiper-buttons.ui-pos-bottom-right {

    bottom: 20px;

    right: 0;

  }

}



.swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {

  margin-inline: auto;

  padding-inline: 10px;

  left: 0;

  max-width: var(--container);

}



@media (min-width: 768px) {

  .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

  }

}



@media (max-width: 767px) {

  .swiper-buttons.ui-pos-bottom-right.ui-swiper-slide {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.swiper-buttons.ui-pos-bottom-right .swiper-button-prev,

.swiper-buttons.ui-pos-bottom-right .swiper-button-next {

  position: relative;

  left: 0;

  right: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.swiper-buttons.ui-pos-top-right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  position: absolute;

  -webkit-column-gap: 5px;

  -moz-column-gap: 5px;

  column-gap: 5px;

}



@media (min-width: 768px) {

  .swiper-buttons.ui-pos-top-right:not([class*="ui-style-"]) {

    top: 40px;

    right: 40px;

  }

}



@media (max-width: 767px) {

  .swiper-buttons.ui-pos-top-right:not([class*="ui-style-"]) {

    top: 20px;

    right: 10px;

  }

}



.swiper-buttons.ui-pos-top-right .swiper-button-prev,

.swiper-buttons.ui-pos-top-right .swiper-button-next {

  position: relative;

  left: 0;

  right: 0;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.swiper-buttons:not([class*="ui-color-"]) .swiper-button-prev,

.swiper-buttons:not([class*="ui-color-"]) .swiper-button-next {

  color: #fff;

}



.swiper-buttons.ui-color-dark .swiper-button-prev,

.swiper-buttons.ui-color-dark .swiper-button-next {

  color: #1e1e1e;

}



.swiper-headlinenews .swiper-pagination {

  background-color: #f8f8f8;

  bottom: 0;

  position: relative;

  width: var(--headlinenews-left);

  margin-top: 15px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}



.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet {

  -ms-flex-preferred-size: 0;

  flex-basis: 0;

  -webkit-box-flex: 1;

  -ms-flex-positive: 1;

  flex-grow: 1;

  max-width: 100%;

  height: 53px;

  border-radius: 0;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin: 0;

  font-size: 20px;

  color: #818181;

  background-color: transparent;

}



.swiper-headlinenews .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

  background-color: #250500;

  color: #fff;

}



.slide {

  position: relative;

  overflow: hidden;

}



.slide,

.slide-material,

.hero {

  /* height: var(--slide-height); */

  min-height: 520px;

  margin-top: 10px;

}



.slide-container {

  padding-top: 30px;

}



@media (max-width: 991px) {

  .slide-container {

    padding-top: 0;

  }

}



.slide-navigation {

  height: 435px;

  border-radius: 15px;

  /* overflow: hidden; */

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

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

}



@media (max-width: 991px) {

  .slide-navigation {

    display: none;

  }

}



.slide-navigation>ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  padding-block: 20px;

  max-height: 435px;

  overflow-y: scroll;

}



.slide-navigation>ul::-webkit-scrollbar {

  width: 3px !important;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.slide-navigation>ul::-webkit-scrollbar-track {

  background: transparent !important;

  border-radius: 99px;

  overflow: hidden;

}



.slide-navigation>ul::-webkit-scrollbar-thumb {

  background: #250500 !important;

  border-radius: 99px;

  overflow: hidden;

}



.slide-navigation>ul::-webkit-scrollbar-thumb:hover {

  background: #555 !important;

  width: 10px !important;

}



.slide-navigation>ul::-webkit-scrollbar:hover {

  width: 10px !important;

}



.slide-navigation>ul>li:hover>a {

  background-color: #f5f5f5;

}



.slide-navigation>ul>li:hover .slide-navigation__dropdown {

  opacity: 1;

  visibility: visible;

}



.slide-navigation>ul>li:hover .slide-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;

}



.slide-navigation>ul>li>a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 10px 30px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.slide-navigation>ul>li>a .icon {

  width: 35px;

}



.slide-navigation>ul>li>a .icon img {

  width: 100%;

  height: 100%;

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

  filter: invert(1) brightness(0);

  opacity: 0.8;

}



.slide-navigation>ul>li>a .title {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

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

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding-left: 10px;

  line-height: 1.2;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.slide-navigation__dropdown {

  position: absolute;

  top: 0;

  left: 325px;

  background: #fbfbfb;

  z-index: 2;

  width: 100%;

  height: 100%;

  min-width: 1000px;

  min-height: 430px;

  opacity: 0;

  visibility: hidden;

  border-radius: 15px;

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

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

}



.slide-navigation__dropdown-content {

  padding: 50px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

  width: 100%;

}



.slide-navigation__dropdown-content .slide-list .heading {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #250500;

  line-height: 1.2;

  margin-bottom: 10px;

}



.slide-navigation__dropdown-content .slide-list>ul>li:not(:last-child) {

  margin-bottom: 5px;

}



.slide-navigation__dropdown-content .slide-list>ul>li>a {

  font-size: 14px;

  color: #818181;

  -webkit-transition: 0.3s;

  transition: 0.3s;

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

}



.slide-navigation__dropdown-content .slide-list>ul>li>a:hover {

  color: #250500;

}



.slide-navigation__dropdown-content .category-cover {

  width: auto;

}



.slide-navigation__dropdown-content .category-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.slide-banner .js-swiper-thumb {

  margin-top: 15px;

}



.slide-banner .js-swiper-thumb .swiper-slide-thumb-active .slide-banner__cover img {

  -webkit-filter: blur(0);

  filter: blur(0);

  opacity: 1;

}



.slide-banner .swiper {

  margin: -20px;

  padding: 20px;

}



.slide-banner__cover {

  display: block;

  width: 100%;

  overflow: hidden;

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

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

}



.slide-banner__cover:not([class*="ui-size-small"]) {

  height: 345px;

  border-radius: 15px;

}



@media (max-width: 991px) {

  .slide-banner__cover:not([class*="ui-size-small"]) {

    height: auto;

  }

}



.slide-banner__cover.ui-size-small {

  height: 70px;

  border-radius: 11px;

  cursor: pointer;

}



@media (max-width: 479px) {

  .slide-banner__cover.ui-size-small {

    height: 50px;

  }

}



.slide-banner__cover.ui-size-small img {

  -webkit-filter: blur(2px);

  filter: blur(2px);

  opacity: 0.8;

}



.slide-banner__cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  border-radius: 50%;

  -webkit-animation: spin 0.8s linear infinite;

  animation: spin 0.8s linear infinite;

}



.overlay {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: #1e1e1e;

  width: 100%;

  height: 100%;

  z-index: 999;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.overlay.is-visible {

  opacity: 0.6;

  visibility: visible;

}



.scrolltop {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  position: fixed;

  background: #250500;

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

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

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

    transform: translateY(-60px) !important;

  }

}



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

  color: #fff;

  position: relative;

  border-radius: 0px;

  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-style-"]) .icon {

  font-size: 12px;

  align-items: center;

}



.button.ui-style-button {

  border-radius: 11px;

}



.button.ui-style-button .icon {

  font-size: 23px;

}



.button.ui-txt-transform-uppercase {

  text-transform: uppercase;

}



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

  height: 45px !important;

  font-size: 18px !important;

  letter-spacing: -0.5px;

}



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

  padding-left: 25px;

  padding-right: 25px;

  height: 35px;

  font-size: 14px;

  font-weight: 700;

}



.button.ui-size-small {

  padding-left: 20px;

  padding-right: 20px;

  height: 35px;

  font-size: 13px;

  font-weight: 600;

}



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

  background-color: #250500;

}



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

  background-color: #000;

}



.button.ui-color-light {

  background-color: #fff;

  color: #250500;

}



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

  color: #fff;

  position: relative;

  border-radius: 8px;

  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-style-"]) .icon {

  font-size: 12px;

}



.button-border.ui-style-button {

  border-radius: 11px;

}



.button-border.ui-style-button .icon {

  font-size: 23px;

}



.button-border.ui-txt-transform-uppercase {

  text-transform: uppercase;

}



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

  height: 45px !important;

  font-size: 18px !important;

  letter-spacing: -0.5px;

}



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

  padding-left: 25px;

  padding-right: 25px;

  height: 35px;

  font-size: 14px;

  font-weight: 700;

}



.button-border.ui-size-small {

  padding-left: 20px;

  padding-right: 20px;

  height: 35px;

  font-size: 13px;

  font-weight: 600;

}



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

  border: 1px solid #ebebeb;

  color: #818181;

}



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

  color: #818181;

}



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

  background-color: #250500;

  color: #fff;

}



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

  color: #fff;

}



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

  background-color: #25d366;

  color: #fff;

}



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

  color: #25d366;

}



.button-border.ui-color-1 {

  color: #250500;

  border: 1px solid #250500;

}



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

  background-color: #250500;

  color: #fff;

}



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

  color: #250500;

}



.button-line {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-column-gap: 15px;

  -moz-column-gap: 15px;

  column-gap: 15px;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 14px;

  font-weight: 300;

  text-transform: uppercase;

  position: relative;

}



@media (max-width: 479px) {

  .button-line {

    font-size: 13px;

  }

}



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

  width: 100%;

}



.button-line:hover .icon svg {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.button-line .text {

  position: relative;

}



.button-line .text::before {

  content: "";

  position: absolute;

  right: 0;

  bottom: -2px;

  left: 0;

  height: 1px;

  background-color: #1e1e1e;

  will-change: width;

  width: 0;

  margin-inline: auto;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}



.button-line .icon {

  width: 22px;

  height: 22px;

  background-color: #250500;

  font-size: 10px;

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

}



.button-line .icon svg {

  will-change: transform;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  color: #000;

}



.button-line.ui-color-light {

  color: #fff;

}



.button-line.ui-color-1 {

  color: #250500;

}



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;

  border-radius: 3px;

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

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

}



label.checkbox input:checked+.checkbox:before {

  opacity: 1;

  visibility: visible;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

}



label.radio {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  cursor: pointer;

}



label.radio:not(.ui-no-align-center) {

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



label.radio input {

  position: absolute;

  opacity: 0;

}



label.radio .radio {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: 24px;

  height: 24px;

  background: #fff;

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

  border-radius: 50%;

  -webkit-transition: 0.2s;

  transition: 0.2s;

  position: relative;

}



label.radio .radio::before {

  content: "";

  position: absolute;

  left: 3px;

  right: 3px;

  top: 3px;

  bottom: 3px;

  background: #250500;

  border-radius: 50%;

  opacity: 0;

  visibility: hidden;

}



label.radio .text {

  color: #000;

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  font-size: 14px;

  line-height: 1.2;

  padding-left: 10px;

}



label.radio .text span {

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

  margin-left: 5px;

}



label.radio input:checked+.radio:before {

  opacity: 1;

  visibility: visible;

}



select.selectbox {

  width: 100%;

  height: 55px;

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

  border-radius: 8px;

  font-family: inherit;

  padding-left: 25px;

  padding-right: 25px;

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

}



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

  font-weight: 500;

}



.breadcrumb ul li a {

  font-size: 14px;

  text-transform: capitalize;

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

}



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

  display: none;

}



.popup {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background-color: rgba(255, 108, 24, 0.8);

  z-index: 2000;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  padding-left: 20px;

  padding-right: 20px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.popup:not(.is-visible) {

  opacity: 0;

  visibility: hidden;

}



.popup-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  width: 100%;

  height: 100%;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(100px);

  -ms-transform: translateY(100px);

  transform: translateY(100px);

}



.popup-content {

  width: 700px;

  max-width: 100%;

  display: table-cell;

  text-align: center;

  position: relative;

  overflow: hidden;

  border-radius: 20px;

}



@media (max-width: 991px) {

  .popup-content {

    height: auto;

  }

}



.popup-content img {

  width: 100%;

}



.popup-close {

  position: absolute;

  top: -15px;

  right: -15px;

  width: 45px;

  height: 45px;

  border-radius: 8px;

  background: #fff;

  font-size: 24px;

  z-index: 12;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.popup-close::before,

.popup-close::after {

  content: "";

  position: absolute;

  background: #250500;

  height: 2px;

  width: 24px;

}



.popup-close::before {

  -webkit-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  transform: rotate(45deg);

}



.popup-close::after {

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

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

  transform: rotate(-45deg);

}



.popup-close:hover {

  background: #250500;

}



.popup-close:hover::before,

.popup-close:hover::after {

  background: #fff;

}



.accordion>ul>li {

  background: #fff;

  border: 1px solid #ebebeb;

  overflow: hidden;

}



.accordion>ul>li.is-open {

  border: 1px solid transparent;

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

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

}



.accordion>ul>li.is-open .accordion-header {

  background: #f5f5f5;

}



.accordion>ul>li.is-open .accordion-header .title {

  color: #1e1e1e;

}



.accordion>ul>li.is-open .accordion-right>.icon {

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

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

  transform: rotate(-180deg);

}



.accordion:not([class*="ui-style-"])>ul>li:not(:last-child) {

  margin-bottom: 40px;

}



.accordion.ui-style-1>ul>li:not(:last-child) {

  margin-bottom: 20px;

}



.accordion-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  padding: 25px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  background-color: #fafafa;

  border-bottom: 1px solid #ebebeb;

}



@media (max-width: 479px) {

  .accordion-header {

    padding: 20px 17px;

  }

}



@media (max-width: 991px) {

  .accordion-header {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}



.accordion-header .title {

  color: #000;

  letter-spacing: -0.5px;

  font-weight: 600;

  line-height: 1.3;

  overflow: hidden;

  max-height: 43px;

}



@media (max-width: 479px) {

  .accordion-header .title {

    font-size: 14px;

  }

}



.accordion-header .title:not([class*="ui-size-"]) {

  font-size: 18px;

}



.accordion-header .title.ui-size-small {

  font-size: 14px;

}



.accordion-heading {

  color: #000;

  font-size: 18px;

  letter-spacing: -0.5px;

  font-weight: 600;

  line-height: 1.3;

  overflow: hidden;

  text-transform: uppercase;

  max-height: 43px;

  margin-bottom: 20px;

}



@media (max-width: 479px) {

  .accordion-heading {

    font-size: 14px;

  }

}



.accordion-dropdown>ul>li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

  position: relative;

  padding: 25px;

}



@media (max-width: 991px) {

  .accordion-dropdown>ul>li {

    padding: 15px;

  }

}



.accordion-dropdown>ul>li:not(:last-child) {

  border-bottom: 1px solid #ebebeb;

}



.accordion-dropdown>ul>li .text {

  font-size: 14px;

  color: #1e1e1e;

  line-height: 1.4;

  padding-right: 75px;

}



@media (max-width: 991px) {

  .accordion-dropdown>ul>li .text {

    padding-right: 55px;

  }

}



.accordion-dropdown>ul>li .icon {

  font-size: 23px;

  border-left: 1px solid #ebebeb;

  width: 70px;

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.accordion-dropdown>ul>li .icon:hover {

  background-color: #fafafa;

}



.accordion-right {

  margin-left: 30px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 991px) {

  .accordion-right {

    margin-left: 0;

    margin-top: 5px;

  }

}



.accordion-right>.icon {

  margin-top: 5px;

  color: #818181;

  font-size: 13px;

  -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);

  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.335, 1);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.accordion-right .date {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

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

}



.accordion-right .date .icon {

  font-size: 12px;

  margin-right: 5px;

}



.accordion-right .date .text {

  font-size: 11px;

}



.accordion-content {

  padding-left: 35px;

  padding-right: 35px;

  display: none;

}



.accordion-content .page-content__description {

  font-size: 14px;

  font-weight: 500;

  padding-top: 30px;

  padding-bottom: 30px;

}



.modal-search {

  background-color: #fff;

  position: fixed;

  inset: 0;

  z-index: 2003;

}



.modal-search-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-search-nav:not(.is-visible) {

  opacity: 0;

  visibility: hidden;

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

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

  transform: translateY(-100%);

}



.modal-search-nav__header {

  height: 80px;

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

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



@media (min-width: 1200px) {

  .modal-search-nav__header {

    padding-left: 50px;

  }

}



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

  .modal-search-nav__header {

    padding-left: 10px;

  }

}



@media (max-width: 767px) {

  .modal-search-nav__header .logo {

    display: none;

  }

}



.modal-search-nav__header .logo a {

  display: block;

  position: relative;

}



.modal-search-nav__header .logo a img {

  width: 130px;

}



.modal-search-nav__search {

  position: relative;

  background-color: #fff;

  overflow: hidden;

}



@media (max-width: 767px) {

  .modal-search-nav__search {

    width: calc(100% - 80px);

  }

}



.modal-search-nav__search input {

  height: 80px;

  font-family: inherit;

  font-size: 14px;

  padding-left: 20px;

  padding-right: 60px;

  padding-bottom: 3px;

  color: #000;

  font-weight: 700;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}



.modal-search-nav__search input::-webkit-input-placeholder {

  /* Edge */

  color: #818181;

}



.modal-search-nav__search input:-ms-input-placeholder {

  /* Internet Explorer 10-11 */

  color: #818181;

}



.modal-search-nav__search input::-moz-placeholder {

  color: #818181;

}



.modal-search-nav__search input::-ms-input-placeholder {

  color: #818181;

}



.modal-search-nav__search input::placeholder {

  color: #818181;

}



@media (min-width: 768px) {

  .modal-search-nav__search input {

    width: 400px;

  }



  .modal-search-nav__search input:focus {

    width: 450px;

  }

}



@media (max-width: 767px) {

  .modal-search-nav__search input {

    width: 100%;

  }

}



.modal-search-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-search-nav__search .icon svg {

  stroke: #dde0e4;

}



.modal-search-nav__search .borders {

  position: absolute;

  right: 0;

  bottom: 0;

  left: 0;

}



.modal-search-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-search-nav__search .borders>div:nth-child(1) {

  background-color: #ad3f81;

}



.modal-search-nav__search .borders>div:nth-child(2) {

  background-color: #18c5e8;

}



.modal-search-nav__search .borders>div:nth-child(3) {

  background-color: #f28532;

}



.modal-search-nav__search .borders>div:nth-child(4) {

  background-color: #e75c41;

}



.modal-search-nav__search .borders>div:nth-child(5) {

  background-color: #1bb39c;

}



.modal-search-nav__search .borders>div:nth-child(6) {

  background-color: #348ee5;

}



.modal-search-nav__search .borders>div:nth-child(7) {

  background-color: #f44184;

}



.modal-search-nav__close .btn {

  background-color: rgba(37 53 90 / 10%);

  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-search-nav__close .btn:hover {

  background-color: #250500;

}



.modal-search-nav__close .btn:hover .icon {

  color: #fff;

}



.modal-search-nav__close .btn .icon {

  font-size: 32px;

  color: rgba(255, 108, 24, 0.85);

}



.modal-search-nav__wrapper {

  height: calc(100% - 80px);

}



@media (max-width: 991px) {

  .modal-search-nav__wrapper {

    overflow-y: auto;

    overflow-x: hidden;

    scrollbar-color: #250500 rgba(37 53 90 / 10%);

    scrollbar-width: thin;

  }



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

    background-color: rgba(37 53 90 / 10%);

  }



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

    width: 5px;

  }



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

    background-color: #250500;

  }

}



@media (min-width: 768px) {

  .modal-search-nav__wrapper .row {

    height: 100%;

  }

}



@media (max-width: 991px) {

  .modal-search-nav__categories ul {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    overflow-x: auto;

  }

}



@media (max-width: 991px) {

  .modal-search-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-search-nav__categories ul li:not(:last-child) a {

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

  }

}



@media (max-width: 991px) {

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

    border-right: 1px solid rgba(0, 0, 0, 0.08);

  }

}



.modal-search-nav__categories ul li:hover a {

  color: #fff;

}



.modal-search-nav__categories ul li:hover a .icon {

  color: #fff;

}



.modal-search-nav__categories ul li:hover a .menu-bg {

  width: 100%;

}



.modal-search-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-search-nav__categories ul li a {

    height: calc((100vh - 80px) / 10);

    padding-right: 30px;

  }

}



@media (min-width: 1200px) {

  .modal-search-nav__categories ul li a {

    padding-left: 50px;

  }

}



@media (max-width: 991px) {

  .modal-search-nav__categories ul li a {

    padding-inline: 20px;

    height: 60px;

  }

}



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

  .modal-search-nav__categories ul li a {

    padding-left: 10px;

  }

}



.modal-search-nav__categories ul li a .text {

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}



.modal-search-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-search-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-search-nav__categories ul li a .icon {

    margin-left: 20px;

  }

}



.modal-search-nav__categories ul li a .menu-bg {

  background-color: #250500;

  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-search-nav__lists {

  background-color: #f5f5f5;

}



@media (min-width: 992px) {

  .modal-search-nav__lists {

    height: 100%;

  }

}



@media (min-width: 992px) {

  .modal-search-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-search-nav__lists ul::-webkit-scrollbar-track {

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

  }



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

    width: 5px;

  }



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

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

  }

}



@media (max-width: 991px) {

  .modal-search-nav__lists ul {

    overflow-x: auto;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

  }

}



@media (max-width: 991px) {

  .modal-search-nav__lists ul li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 auto;

    flex: 0 0 auto;

    width: auto;

    max-width: 100%;

  }

}



.modal-search-nav__lists ul li:hover a {

  color: #000;

}



@media (min-width: 992px) {

  .modal-search-nav__lists ul li:hover a::before {

    width: calc(100% + 25px * 2);

  }

}



@media (max-width: 991px) {

  .modal-search-nav__lists ul li:hover a::before {

    width: 100%;

  }

}



.modal-search-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-search-nav__lists ul li a {

    padding-top: 8px;

    padding-bottom: 8px;

  }

}



@media (max-width: 991px) {

  .modal-search-nav__lists ul li a {

    padding: 12px 20px;

  }

}



.modal-search-nav__lists ul li a::before {

  content: "";

  position: absolute;

  top: 0;

  bottom: 0;

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

  will-change: width;

  width: 0;

  -webkit-transition: width 0.3s;

  transition: width 0.3s;

}



@media (min-width: 992px) {

  .modal-search-nav__lists ul li a::before {

    right: calc(-1 * 25px);

    left: calc(-1 * 25px);

  }

}



@media (max-width: 991px) {

  .modal-search-nav__lists ul li a::before {

    right: 0;

    left: 0;

  }

}



@media (min-width: 992px) {

  .modal-search-nav__products {

    height: 100%;

  }

}



@media (max-width: 991px) {

  .modal-search-nav__products {

    margin-inline: auto;

  }

}



@media (max-width: 479px) {

  .modal-search-nav__products {

    max-width: 390px;

  }

}



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

  .modal-search-nav__products {

    max-width: 600px;

  }

}



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

  .modal-search-nav__products {

    max-width: 768px;

  }

}



@media (min-width: 992px) {

  .modal-search-nav__products .products {

    overflow-y: auto;

    overflow-x: hidden;

    scrollbar-color: #250500 rgba(37 53 90 / 10%);

    scrollbar-width: thin;

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

    padding: 30px;

  }



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

    background-color: rgba(37 53 90 / 10%);

  }



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

    width: 5px;

  }



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

    background-color: #250500;

  }

}



@media (max-width: 991px) {

  .modal-search-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(0, 0, 0, 0.15);

  box-shadow: 0 0 10px rgba(0, 0, 0, 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: 30px;

  }

}



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

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

    transform: translateY(-120px);

  }

}



.products-card {

  position: relative;

  padding: 20px;

  background-color: #fff;

}



.products-card:hover .products-icons {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

  visibility: visible;

  opacity: 1;

  pointer-events: inherit;

}



.products-cover {

  width: 100%;

  height: 220px;

  display: block;

}



@media (max-width: 991px) {

  .products-cover {

    height: 150px;

  }

}



.products-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}



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

  top: 20px;

  -webkit-transform: translateX(20px);

  -ms-transform: translateX(20px);

  transform: translateX(20px);

  visibility: hidden;

  opacity: 0;

  pointer-events: none;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.products-icons .icon {

  width: 40px;

  height: 40px;

  font-size: 18px;

  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(30, 30, 30, 0.1);

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

  border-radius: 8px;

  background-color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  color: #1e1e1e;

}



.products-icons .icon:not(:last-child) {

  margin-bottom: 7px;

}



.products-icons .icon:hover {

  background-color: #250500;

  color: #fff;

}



.products-footer {

  height: 150px;

}



.products-footer .category {

  font-size: 14px;

  font-weight: 600;

  color: #250500;

  display: inline-block;

}



.products-footer .category:hover {

  text-decoration: underline;

}



.products-footer .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  line-height: 1.2;

  color: #1e1e1e;

  margin-bottom: 5px;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

  height: 43px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.products-footer .title:hover {

  color: #250500;

}



@media (max-width: 991px) {

  .products-footer .title {

    font-size: 16px;

    height: 40px;

  }

}



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

}



.products-footer .price .old {

  font-size: 14px;

  color: #818181;

  font-weight: 700;

  margin-right: 15px;

  position: relative;

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

}



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

  font-weight: 800;

  color: #250500;

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

}



@media (max-width: 767px) {

  .products-footer .price .new {

    font-size: 16px;

  }

}



.products-footer .button-border {

  position: absolute;

  left: 20px;

  right: 20px;

  bottom: 20px;

}



.products-footer .button-border.ui-no-stock {

  background-color: #250500;

  color: #fff;

}



.categories ul li:nth-child(1) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories ul li:nth-child(2) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories ul li:nth-child(3) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories ul li:nth-child(4) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories ul li:nth-child(5) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories ul li:nth-child(6) .categories-card {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

}



.categories-card {

  position: relative;

  display: block;

  width: 100%;

  height: 250px;

  background-color: #f5f5f5;

  border-radius: 15px;

  padding: 30px;

  z-index: 1;

  overflow: hidden;

}



@media (max-width: 767px) {

  .categories-card {

    height: 200px;

  }

}



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

  .categories-card {

    height: 300px;

  }

}



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

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  transform: scale(1.05);

}



.categories-cover {

  position: absolute;

  right: -50px;

  bottom: -50px;

  width: 250px;

  z-index: -1;

}



@media (max-width: 991px) {

  .categories-cover {

    width: 220px;

  }

}



.categories-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}



.categories-body .title {

  font-size: 24px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  line-height: 1.2;

  margin-bottom: 5px;

}



.categories-body .text {

  font-size: 14px;

  color: #000;

  max-width: 250px;

}



.header {

  position: relative;

  z-index: 1001;

}



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

  height: var(--header-height);

}



.header:not([class*="ui-header-"]) .header-bottom {

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

}



.header.ui-header-v2 {

  height: auto;

}



.header.ui-header-v2 .header-bottom {

  height: 75px;

}



.header-top {

  background-color: #250500;

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

}



@media (max-width: 767px) {

  .header-top .header-contact {

    display: none;

  }



  .header-top .header-links {

    display: none;

  }

}



.header-top .header-container {

  justify-content: space-between;

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

}



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

  .header-top .header-container {

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: space-evenly;

  }

}



.header-top__right {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-contact {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



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

  .header-contact {

    display: none;

  }

}



.header-contact>a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

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

  font-size: 13px;

  font-weight: 700;

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

  letter-spacing: -0.6px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  margin-right: 20px;

}



.header-contact>a:hover {

  color: #fff;

}



.header-contact>a .icon {

  font-size: 16px;

  margin-right: 5px;

}



.header-links>ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-links>ul>li:not(:last-child) {

  margin-right: 15px;

}



.header-links>ul>li>a {

  font-size: 13px;

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

  font-weight: 800;

  letter-spacing: -0.3px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.header-links>ul>li>a:hover {

  color: #fff;

}



.header-language {

  margin-left: 30px;

  position: relative;

}



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

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-language .item .text,

.header-language .item .icon {

  font-size: 13px;

  color: white;

  font-weight: 800;

  letter-spacing: -0.3px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.header-language .item .text:hover,

.header-language .item .icon:hover {

  color: #fff;

}



.header-language .item .icon {

  margin-left: 5px;

  font-size: 11px;

}



.header-language__header {

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

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.header-language__dropdown {

  position: absolute;

  left: -30px;

  right: -30px;

  border-radius: 0 0 11px 11px;

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

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

  padding: 20px 25px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(10px);

  -ms-transform: translateY(10px);

  transform: translateY(10px);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  pointer-events: none;

  background-color: #fff;

  z-index: 1;

}



.header-language__dropdown ul li:not(:last-child) {

  margin-bottom: 5px;

}



.header-language__dropdown ul li .item:hover .text {

  color: #250500;

}



.header-language__dropdown ul li .item .text {

  color: #1e1e1e;

}



.header-middle {

  /* height: var(--header-height-middle);

  border-bottom: 2px solid #f0f0f0;

  background-color: #fff; */

  position: absolute;

  width: 100%;

  background: linear-gradient(180deg, #250500bd, #25050070, #25050047, #25050015, transparent);

}



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

  position: relative;

}



@media (max-width: 767px) {

  .header-middle .header-container {

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding-top: 10px;

  }

}



.header .hamburger {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  /* padding-top: 10px; */

}



@media (min-width: 992px) {

  .header .hamburger {

    display: none;

  }

}



.header .hamburger .icon {

  font-size: 20px;

}



.header-logo a {

  display: block;

  position: relative;

}



.header-logo h1 {

  font-size: 0;

  margin: 0;

}



.header-logo img {

  width: 230px;

  object-fit: contain;

}



@media (max-width: 991px) {

  .header-logo img {

    width: 170px;

  }



  .header-middle {

    padding-bottom: 10px;

  }

}



@media (max-width: 480px) {

  .header-logo img {

    width: 90px !important;

  }

}



.header-search {

  background-color: #fff;

  border: 1px solid rgb(37 53 90 / 50%);

  border-radius: 12px;

  -webkit-filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);

  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 2px 10px);

  padding: 11px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 50px;

  max-width: 400px;

  width: 100%;

}



@media (max-width: 767px) {

  .header-search {

    position: absolute;

    left: 50%;

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

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

    transform: translateX(-50%);

    bottom: 10px;

    max-width: 320px;

  }

}



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

  .header-search {

    max-width: 480px;

  }

}



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

  .header-search {

    max-width: 350px;

  }

}



.header-search>form {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  width: 100%;

}



.header-search button.icon {

  font-size: 24px;

  margin-right: 10px;

  color: #250500;

}



.header-search input {

  width: 100%;

  height: 100%;

  font-size: 14px;

  font-weight: 700;

  color: #1e1e1e;

  padding-left: 10px;

}



.header-search input::-webkit-input-placeholder {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

}



.header-search input::-moz-placeholder {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

}



.header-search input:-ms-input-placeholder {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

}



.header-search input::-ms-input-placeholder {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

}



.header-search input::placeholder {

  font-size: 14px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

}



.header-buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@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(37 53 90 / 10%);

  border-radius: 11px;

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  -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(37 53 90 / 30%);

}



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

  background-color: #250500;

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

  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(37 53 90 / 10%);

  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: #1e1e1e;

  background-color: #250500;

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

  color: #fff;

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

  position: absolute;

  right: -10px;

  top: -10px;

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

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

}



@media (max-width: 991px) {

  .header-buttons .btn .count {

    width: 25px;

    height: 25px;

    font-size: 14px;

  }

}



.header-bottom {

  background-color: #fff;

}



.header-bottom .header-container {

  height: 100%;

}



.header-brands {

  position: relative;

}



.header-brands .swiper {

  padding-inline: 35px;

  margin-inline: -35px;

}



.header-brands .swiper::before {

  content: "";

  position: absolute;

  right: 0;

  top: 0;

  bottom: 0;

  width: 120px;

  background-image: -webkit-gradient(linear,

      left top,

      right top,

      from(transparent),

      color-stop(80%, #fff));

  background-image: linear-gradient(to right, transparent, #fff 80%);

  z-index: 2;

}



.header-brands__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: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.header-brands__item:hover .cover {

  border: 2px solid #250500;

}



.header-brands__item:hover .title {

  color: #250500;

}



.header-brands__item .cover {

  height: 70px;

  width: 70px;

  border: 2px solid #ebebeb;

  border-radius: 8px;

  overflow: hidden;

  padding: 7px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



@media (max-width: 767px) {

  .header-brands__item .cover {

    width: 65px;

    height: 65px;

  }

}



.header-brands__item .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}



.header-brands__item .title {

  font-size: 13px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #818181;

  padding-top: 10px;

  text-align: center;

  line-height: 1.1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.navigation {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

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

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

}



.navigation-item>a,

.navigation-item>button {

  padding-left: var(--nav-gutter);

  padding-right: var(--nav-gutter);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #ffffff;

  font-size: 18px;

  font-weight: 400;

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

  line-height: 1.2;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.navigation-item:hover>a,

.navigation-item:hover>button {

  color: #250500;

}



.navigation-item:hover>.navigation-links {

  opacity: 1;

  visibility: visible;

  pointer-events: initial;

}



.navigation-item:hover .navigation-dropdown {

  opacity: 1;

  visibility: visible;

}



.navigation-item:hover .navigation-dropdown__content {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.navigation-links {

  position: absolute;

  background: #fff;

  width: 242px;

  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.navigation-links>li {

  display: block;

}



.navigation-links>li:not(:last-child) a {

  border-bottom: 1px solid #ebebeb;

}



.navigation-links>li>a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-column-gap: 13px;

  -moz-column-gap: 13px;

  column-gap: 13px;

  font-size: 12px;

  font-weight: 500;

  line-height: 1.4;

  padding: 15px 20px;

  color: #000;

  position: relative;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.navigation-links>li>a::before {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  bottom: 0;

  width: 2px;

  background-color: #250500;

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

}



.navigation-links>li>a .icon svg:not(.ui-default) {

  font-size: 20px;

}



.navigation-links>li>a .icon svg.ui-default {

  font-size: 16px;

}



.navigation-links>li>a .text {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

}



.navigation-dropdown {

  position: absolute;

  left: 0;

  right: 0;

  background: #fff;

  z-index: 1;

  min-height: 400px;

  opacity: 0;

  visibility: hidden;

}



.navigation-dropdown::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: -1;

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

}



.navigation-dropdown__content {

  padding-top: 50px;

  padding-bottom: 50px;

  opacity: 0;

  visibility: hidden;

  -webkit-transform: translateY(20px);

  -ms-transform: translateY(20px);

  transform: translateY(20px);

}



.navigation-list .heading {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #250500;

  line-height: 1.2;

  margin-bottom: 10px;

}



.navigation-list>ul>li:not(:last-child) {

  margin-bottom: 5px;

}



.navigation-list>ul>li>a {

  font-size: 14px;

  color: #818181;

  -webkit-transition: 0.3s;

  transition: 0.3s;

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

}



.navigation-list>ul>li>a:hover {

  color: #250500;

}



.navigation .category-cover {

  width: auto;

}



.navigation .category-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.navigation-mobile {

  position: fixed;

  background-color: rgb(37 53 90 / 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(0, 0, 0, 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;

  object-fit: contain;

}



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

}



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

  background: #fff;

}



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

  color: #250500;

}



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

  color: rgba(37 53 90 / 30%);

}



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

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

  font-size: 18px;

  letter-spacing: -0.3px;

  font-weight: 700;

}



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

  width: 35px;

  margin-right: 10px;

  font-size: 24px;

  color: #818181;

}



.navigation-mobile__content-list>li>a .heading .icon img {

  width: 100%;

  height: 100%;

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

  filter: invert(1) brightness(0);

}



.navigation-mobile__content-other {

  padding-left: 60px;

  padding-right: 60px;

}



@media (max-width: 479px) {

  .navigation-mobile__content-other {

    padding-left: 30px;

    padding-right: 30px;

  }

}



.navigation-mobile__sub {

  display: none;

  background: rgba(0, 0, 0, 0.06);

}



.navigation-mobile__sub li {

  padding-left: 103px;

}



@media (max-width: 479px) {

  .navigation-mobile__sub li {

    padding-left: 55px;

  }

}



.navigation-mobile__sub li:not(:last-child) a {

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

}



.navigation-mobile__sub li a {

  color: #818181;

  font-size: 13px;

  font-weight: 500;

  display: block;

  padding: 9px 5px;

}



.navigation-mobile__footer {

  padding-left: 60px;

  padding-right: 60px;

  height: 50px;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  justify-content: space-between;

}



@media (max-width: 479px) {

  .navigation-mobile__footer {

    padding-left: 30px;

    padding-right: 30px;

  }

}



.navigation-mobile__footer a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  color: #250500;

  font-size: 14px;

}



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

  margin-right: 20px;

}



.footer {

  background-color: #fff;

}



.footer-top {

  background: #f3f0e8;

  border-top: 1px solid #e7e5e0;



}



.footer-top .container {

  padding-block: 40px;

}



.footer-info ul li {

  text-align: center;

}



@media (max-width: 479px) {

  .footer-info ul li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



@media (max-width: 767px) {

  .footer-info ul li {

    margin-bottom: 20px;

  }

}



.footer-info ul li .icon {

  font-size: 32px;

  color: #250500;

  margin-bottom: 10px;

}



.footer-info ul li .title {

  font-size: 16px;

  font-weight: 800;

  color: #1e1e1e;

  letter-spacing: -0.5px;

  margin-bottom: 5px;

}



.footer-info ul li .text {

  font-size: 14px;

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

}



@media (max-width: 767px) {

  .footer-info ul li .text {

    font-size: 12px;

  }

}



@media (max-width: 991px) {

  .footer-logo {

    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;

  }

}



.footer-logo h1 {

  font-size: 0;

  margin: 0;

}



.footer-logo a {

  display: block;

  position: relative;

}



.footer-logo img {

  width: 230px;

}



.footer-send {

  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;

}



.footer-send .description {

  margin: 20px 0;

}



@media (max-width: 767px) {

  .footer-send .description {

    text-align: center;

  }

}



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

  .footer-send .description {

    padding-inline: 20px;

  }

}



.footer-send .description .title {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  margin-bottom: 5px;

}



.footer-send .description .text {

  font-size: 13px;

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

}



.footer-send .send {

  position: relative;

  max-width: 300px;

  height: 45px;

}



.footer-send input {

  width: 300px;

  background-color: #fff;

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

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

  border-radius: 8px;

  height: 45px;

  padding-left: 20px;

  font-size: 14px;

  color: #000;

  padding-right: 50px;

}



.footer-send input::-webkit-input-placeholder {

  font-size: 14px;

  color: #818181;

}



.footer-send input::-moz-placeholder {

  font-size: 14px;

  color: #818181;

}



.footer-send input:-ms-input-placeholder {

  font-size: 14px;

  color: #818181;

}



.footer-send input::-ms-input-placeholder {

  font-size: 14px;

  color: #818181;

}



.footer-send input::placeholder {

  font-size: 14px;

  color: #818181;

}



.footer-send button {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: white;

  background-color: #250500;

  height: 45px;

  width: 45px;

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

  position: absolute;

  right: 0;

  top: 0;

}



.footer-send button:hover {

  background-color: #000;

}



.footer-middle .container {

  padding-block: 50px;

}



@media (min-width: 768px) {

  .footer-middle .row.ui-row-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

}



@media (max-width: 479px) {

  .footer-middle .row.ui-row-5>div {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



.footer-links .heading {

  font-size: 20px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #250500;

  line-height: 1.3;

  margin-bottom: 15px;

}



@media (max-width: 479px) {

  .footer-links .heading {

    font-size: 18px;

  }

}



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

  .footer-links .heading {

    font-size: 18px;

  }

}



.footer-links ul li:not(:last-child) {

  margin-bottom: 10px;

}



.footer-links ul li a {

  font-size: 14px;

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

  line-height: 1.3;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.footer-links ul li a:hover {

  color: #250500;

}



.footer-links ul li a .icon {

  font-size: 14px;

  background-color: rgba(255, 108, 24, 0.05);

  color: #250500;

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

  margin-right: 10px;

}



.footer-links .and {

  font-size: 16px;

  font-weight: 500;

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

  text-align: center;

  margin-bottom: 15px;

  line-height: 1;

  position: relative;

  z-index: 1;

}



.footer-links .and::before {

  content: "";

  position: absolute;

  left: 0;

  top: 50%;

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

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

  transform: translateY(-50%);

  height: 1px;

  width: 70px;

  background-color: #818181;

  opacity: 0.5;

  z-index: -1;

}



@media (max-width: 479px) {

  .footer-links .and::before {

    width: 60px;

  }

}



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

  .footer-links .and::before {

    width: 50px;

  }

}



.footer-links .and::after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

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

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

  transform: translateY(-50%);

  height: 1px;

  width: 70px;

  background-color: #818181;

  opacity: 0.5;

  z-index: -1;

}



@media (max-width: 479px) {

  .footer-links .and::after {

    width: 60px;

  }

}



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

  .footer-links .and::after {

    width: 50px;

  }

}



.footer-links .phone:not(:last-child) {

  margin-bottom: 20px;

}



.footer-links .phone .title {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  line-height: 1.2;

  margin-bottom: 10px;

}



.footer-links .phone .desc {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



.footer-links .phone .desc .icon {

  font-size: 14px;

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

  margin-right: 5px;

}



.footer-links .phone .desc .icon.ui-large {

  font-size: 24px;

}



.footer-links .phone .desc .number {

  font-size: 14px;

  font-weight: 700;

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

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

}



.footer-links .phone .desc .number:hover {

  color: #250500;

}



.footer-links .phone .desc .text {

  font-size: 14px;

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

  line-height: 1;

}



.footer-links .phone .desc .right {

  padding-left: 5px;

}



.footer-links .phone .desc.ui-application {

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

  border-radius: 5px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  height: 55px;

  max-width: 180px;

}



.footer-links .phone .desc.ui-application:not(:last-child) {

  margin-bottom: 10px;

}



.footer-bottom .container {

  padding-block: 30px;

  border-top: 1px solid rgba(30, 30, 30, 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;

}



@media (max-width: 991px) {

  .footer-bottom .container {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    text-align: center;

  }

}



.footer-bottom .text {

  font-size: 12px;

  color: #818181;

  padding-top: 10px;

}



@media (max-width: 991px) {

  .footer-bottom .text {

    margin-bottom: 20px;

  }

}



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

  .footer-bottom .text {

    font-size: 11px;

  }

}



.footer-bottom .text strong {

  color: #250500;

}



.footer-bank ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

}



@media (max-width: 479px) {

  .footer-bank ul {

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.footer-bank ul li {

  padding: 0 4px;

}



.footer-bank ul li .cover {

  width: 50px;

  height: 28px;

}



.footer-bank ul li .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

}



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

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

}



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

  border-radius: 8px;

  font-family: inherit;

  padding-left: 25px;

  padding-right: 25px;

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

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

  -webkit-box-shadow: 0 0 30px rgba(37 53 90 / 30%);

  box-shadow: 0 0 30px rgba(37 53 90 / 30%);

}



.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: rgb(37 53 90 / 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.js-modal-filter .modal-wrapper {

  max-width: 330px;

  border-radius: 0;

  left: 0;

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

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

  transform: translateX(-50px);

}



.modal.js-modal-filter .modal-wrapper.is-visible {

  -webkit-transform: translateX(0);

  -ms-transform: translateX(0);

  transform: translateX(0);

}



.modal:not([class*="js-modal-"]) .modal-wrapper {

  max-height: 720px;

  border-radius: 11px;

  left: 50%;

  -webkit-transform: translateY(100px) translateX(-50%);

  -ms-transform: translateY(100px) translateX(-50%);

  transform: translateY(100px) translateX(-50%);

}



.modal:not([class*="js-modal-"]) .modal-wrapper.is-visible {

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

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

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

}



.modal-wrapper {

  overflow: hidden;

  padding: 70px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  background-color: #fff;

  position: absolute;

  opacity: 0;

  visibility: hidden;

  max-width: 990px;

  width: 100%;

  height: 100%;

  overflow-y: auto;

  overflow-y: auto;

  overflow-x: hidden;

  scrollbar-color: #250500 rgba(37 53 90 / 30%);

  scrollbar-width: thin;

}



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

  background-color: rgba(37 53 90 / 30%);

}



.modal-wrapper::-webkit-scrollbar {

  width: 5px;

}



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

  background-color: #250500;

}



@media (max-width: 767px) {

  .modal-wrapper {

    padding: 30px;

    padding-top: 20px;

  }

}



@media (min-width: 1200px) and (max-width: 1465px) {

  .modal-wrapper {

    padding: 30px;

  }

}



.modal-wrapper.is-visible {

  opacity: 1;

  visibility: visible;

}



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

  color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



@media (max-width: 767px) {

  .modal-close {

    font-size: 18px;

    width: 40px;

    height: 40px;

  }

}



.search {

  position: fixed;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 2000;

  background: rgba(255, 108, 24, 0.7);

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  padding-left: 10px;

  padding-right: 10px;

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.search.is-visible {

  opacity: 1;

  visibility: visible;

}



.search-wrapper {

  width: 800px;

  max-width: 100%;

  height: 90vh;

  max-height: 750px;

  background: #fff;

  border-radius: 15px;

  opacity: 0;

  visibility: hidden;

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

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

  transform: translateY(-70px);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



@media (max-width: 767px) {

  .search-wrapper {

    height: 85vh;

  }

}



.search-wrapper.is-visible {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

  -ms-transform: translateY(0);

  transform: translateY(0);

}



.search-wrapper .row {

  height: 100%;

}



.search-wrapper .row>div {

  height: 100%;

}



.search-header {

  height: 65px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 0 25px;

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

  position: relative;

}



.search-header .heading {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  color: #250500;

  font-weight: 700;

  font-size: 18px;

}



.search-header .heading .icon {

  font-size: 20px;

  margin-right: 20px;

}



.search-header form {

  width: 100%;

}



.search-header input {

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

  color: #1e1e1e;

  height: 63px;

  width: 100%;

  font-size: 16px;

}



.search-close {

  position: absolute;

  right: 20px;

  top: 50%;

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

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

  transform: translateY(-50%);

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

}



.search-close .icon {

  color: #250500;

  font-size: 28px;

}



.search-nav {

  background: rgba(255, 108, 24, 0.08);

  -webkit-box-flex: 0;

  -ms-flex: 0 0 260px;

  flex: 0 0 260px;

  max-width: 260px;

  position: relative;

  border-radius: 8px 0 0 8px;

}



@media (max-width: 767px) {

  .search-nav {

    display: none;

  }

}



.search-nav ul {

  padding-top: 15px;

}



.search-nav ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  padding: 12px 25px;

  color: #250500;

  font-size: 16px;

  font-weight: 500;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.search-nav ul li a:hover {

  background: #250500;

  color: #fff;

}



.search-nav ul li a .icon {

  width: 25px;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  font-size: 22px;

  margin-right: 15px;

  opacity: 0.3;

}



.search-nav ul li a .text {

  text-overflow: ellipsis;

  overflow: hidden;

  white-space: nowrap;

}



.search-content {

  width: calc(100% - 260px);

}



@media (max-width: 767px) {

  .search-content {

    width: 100%;

  }

}



.search-list {

  height: calc(100% - 65px);

  overflow-y: auto;

  scrollbar-color: rgba(0, 0, 0, 0.2) #fff;

  scrollbar-width: thin;

}



.search-list::-webkit-scrollbar-track {

  background-color: #fff;

}



.search-list::-webkit-scrollbar {

  width: 6px;

}



.search-list::-webkit-scrollbar-thumb {

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

}



.search-list ul {

  padding: 10px 25px;

}



.search-list .search-outer ul {

  position: relative;

}



.search-list .search-outer>ul:not(.special)>li {

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

  padding-top: 15px;

  padding-bottom: 15px;

  position: relative;

  z-index: 1;

}



.search-list .search-outer>ul:not(.special)>li:before {

  content: "";

  position: absolute;

  z-index: -1;

  top: -1px;

  right: -15px;

  bottom: -1px;

  left: -15px;

  border-radius: 15px;

  background: rgba(255, 108, 24, 0.08);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.search-list .search-outer>ul:not(.special)>li:last-child {

  border-bottom: 0 none;

}



.search-list .search-outer>ul:not(.special)>li:hover:before {

  opacity: 1;

  visibility: visible;

}



.search-list .search-outer>ul:not(.special)>li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

}



.search-list__photo {

  width: 100px;

  height: 80px;

  overflow: hidden;

  border-radius: 11px;

  padding: 5px;

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

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

  background: #fff;

  position: relative;

}



.search-list__photo .icon {

  font-size: 36px;

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

  position: absolute;

  top: 50%;

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

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

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

  left: 50%;

}



.search-list__photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  border-radius: 8px;

}



.search-list__right {

  padding-left: 15px;

  width: calc(100% - 100px);

  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;

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

}



.search-list__right .title {

  color: #250500;

  font-size: 16px;

  font-weight: 600;

  line-height: 1.3;

  overflow: hidden;

  max-height: 42px;

}



.search-list__right>.text {

  font-size: 14px;

  color: #818181;

}



.search-list__right .tag {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  font-size: 11px;

  margin-top: 8px;

  color: #818181;

}



.search-list__right .tag .icon {

  font-size: 11px;

  opacity: 0.5;

  margin-right: 7px;

}



.search-list__right .tag .text {

  line-height: 1;

  font-weight: 900;

  text-transform: uppercase;

}



@media (max-width: 767px) {

  html {

    overflow-x: hidden;

  }

}



body {

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

  font-size: 16px;

  line-height: 1.6;

  font-weight: 400;

  color: #000;

  overflow-x: hidden;

}



body.ui-bg {

  background: #f5f5f5;

}



body.is-scroll {

  overflow: hidden;

}



body.ui-style-brands .header {

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

}



body.ui-style-brands .header-bottom {

  display: none;

}



/* @media (max-width: 767px) {

  body.ui-style-home .header {

    height: var(--header-height-mobile) !important;

  }

} */



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

}



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

  color: #fff;

}



.section-header.ui-txt-center {

  text-align: center;

}



.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-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

  }

}



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

  color: #1e1e1e;

}



.section-header.ui-txt-color-light .title,

.section-header.ui-txt-color-light .text {

  color: #fff;

}



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

  font-size: 42px;

  font-weight: 800;

  letter-spacing: -1.5px;

  line-height: 1.2;

}



@media (max-width: 767px) {

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

    font-size: 34px;

  }

}



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

  line-height: 1.2;

}



@media (min-width: 768px) {

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

    font-size: 54px;

    letter-spacing: -2px;

  }

}



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

  letter-spacing: -1px;

  line-height: 1.3;

  text-transform: uppercase;

  font-weight: 700;

}



.section-header.ui-txt-size-small .text {

  font-size: 14px;

}



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

  padding-top: 70px;

}



.section-products {

  padding-top: 70px;

}



.section-seller {

  padding-top: 70px;

}



.section-explanation {

  padding-block: 70px;

}



.section-explanation .explanation {

  border-radius: 20px;

  overflow: hidden;

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

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

  background-color: #fff;

}



.section-explanation .explanation-description {

  font-size: 13px;

  color: #555555;

  padding: 35px 40px;

  max-height: 600px;

  overflow-y: scroll;

}



@media (max-width: 767px) {

  .section-explanation .explanation-description {

    max-height: 400px;

    padding: 30px;

  }

}



.section-explanation .explanation-description::-webkit-scrollbar {

  width: 3px !important;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



.section-explanation .explanation-description::-webkit-scrollbar-track {

  background: rgba(37 53 90 / 10%5) !important;

  border-radius: 99px;

  overflow: hidden;

}



.section-explanation .explanation-description::-webkit-scrollbar-thumb {

  background: #250500 !important;

  border-radius: 99px;

  overflow: hidden;

}



.section-explanation .explanation-description::-webkit-scrollbar-thumb:hover {

  background: #555 !important;

  width: 10px !important;

}



.section-explanation .explanation-description::-webkit-scrollbar:hover {

  width: 10px !important;

}



.section-explanation .explanation-description strong {

  color: #1e1e1e;

  font-weight: 700;

  font-size: 16px;

}



.section-explanation .explanation-description .title {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  margin-top: 20px;

  margin-bottom: 10px;

}



.section-explanation .explanation-description .text {

  font-weight: 500;

}



.section-explanation .explanation-description>ul {

  list-style: disc;

  padding-left: 20px;

  margin-block: 10px;

}



.section-explanation .explanation-description>ul>li {

  font-weight: 600;

  color: #1e1e1e;

}



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

  .featured {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }

}



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

  .featured {

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: end;

    -ms-flex-align: end;

    align-items: flex-end;

  }

}



.featured-banner {

  position: relative;

  display: block;

  border-radius: 15px;

  overflow: hidden;

}



.featured-cover {

  width: 100%;

  height: 480px;

}



@media (max-width: 991px) {

  .featured-cover {

    height: 400px;

  }

}



.featured-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



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

  -ms-flex-align: start;

  align-items: flex-start;

  -webkit-box-pack: start;

  -ms-flex-pack: start;

  justify-content: flex-start;

  text-align: left;

  padding: 30px;

  z-index: 1;

}



.featured-body::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  height: 150px;

  background-image: -webkit-gradient(linear,

      left bottom,

      left top,

      from(transparent),

      to(#1e1e1e));

  background-image: linear-gradient(to top, transparent, #1e1e1e);

  z-index: -1;

  opacity: 0.4;

}



.featured-body .title {

  font-size: 32px;

  font-weight: 800;

  letter-spacing: -1.3px;

  color: #fff;

  line-height: 1.2;

  margin-block: 5px;

}



.featured-body .title span {

  font-weight: 400;

  font-size: 28px;

}



.products .swiper {

  padding: 25px;

  margin: -25px;

}



.products .swiper-container {

  border: 1px solid #ebebeb;

  border-radius: 15px;

  overflow: hidden;

}



.products .swiper-slide:not(:last-child) {

  border-right: 1px solid #ebebeb;

}



.products.ui-style-border {

  border-radius: 15px;

  overflow: hidden;

}



@media (min-width: 992px) {

  .products:not([class*="ui-style-list"])>ul>li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 20%;

    flex: 0 0 20%;

    max-width: 20%;

  }

}



.products>ul {

  row-gap: 0;

  position: relative;

  z-index: 2;

}



.products>ul::before {

  content: "";

  position: absolute;

  inset: 0;

  border: 1px solid #ebebeb;

  z-index: 1;

  border-radius: 15px;

  pointer-events: none;

}



.products>ul>li {

  border-right: 1px solid #ebebeb;

  border-bottom: 1px solid #ebebeb;

}



@media (max-width: 479px) {

  .products>ul>li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



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

}



.inner-page__photo.ui-height-medium {

  height: 400px;

}



.inner-page__photo.ui-height-large {

  height: 750px;

}



.inner-page__photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.inner-page__heading {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  z-index: 3;

}



.inner-page__heading .container {

  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

  -ms-flex-direction: column;

  flex-direction: column;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  text-align: center;

}



.inner-page__heading-photo {

  height: 300px;

  border-radius: 15px;

  overflow: hidden;

}



.inner-page__heading-photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



.inner-page__heading-content {

  margin-left: auto;

  margin-right: auto;

  max-width: 750px;

}



.inner-page__heading-content .title {

  color: #fff;

  font-size: 52px;

  font-weight: 700;

  letter-spacing: -1.5px;

  line-height: 1.3;

}



.inner-page__heading-content .text {

  color: #818181;

  font-size: 15px;

  line-height: 1.6;

  margin-top: 5px;

}



.inner-page__heading-content .text strong {

  font-weight: 800;

}



.inner-page__wrapper {

  margin-bottom: 55px;

}



@media (min-width: 768px) {

  .inner-page__wrapper:not([class*="ui-mt-"]) {

    margin-top: 55px;

  }

}



@media (max-width: 767px) {

  .inner-page__wrapper:not([class*="ui-mt-"]) {

    margin-top: 30px;

  }

}



.inner-page__wrapper.ui-mv-0 {

  margin-top: 0;

  margin-bottom: 0;

}



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

  }

}



.inner-page__row.no-gutters>div {

  padding-left: 0 !important;

  padding-right: 0 !important;

}



@media (min-width: 992px) {

  .inner-page__products .inner-page__article {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(100% - 300px);

    flex: 0 0 calc(100% - 300px);

    max-width: calc(100% - 300px);

  }

}



@media (min-width: 992px) {

  .inner-page__products .inner-page__sidebar {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 300px;

    flex: 0 0 300px;

    max-width: 300px;

  }

}



@media (min-width: 992px) {

  .inner-page__article {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(100% - 340px);

    flex: 0 0 calc(100% - 340px);

    max-width: calc(100% - 340px);

  }

}



@media (max-width: 767px) {

  .inner-page__article {

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

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(100% - 275px);

    flex: 0 0 calc(100% - 275px);

    max-width: calc(100% - 275px);

  }

}



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

  .inner-page__article {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 calc(100% - 300px);

    flex: 0 0 calc(100% - 300px);

    max-width: calc(100% - 300px);

  }

}



.inner-page__sidebar>div:not(:last-child) {

  margin-bottom: 30px;

}



@media (min-width: 992px) {

  .inner-page__sidebar {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 340px;

    flex: 0 0 340px;

    max-width: 340px;

  }

}



@media (max-width: 767px) {

  .inner-page__sidebar {

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

    -webkit-box-flex: 0;

    -ms-flex: 0 0 275px;

    flex: 0 0 275px;

    max-width: 275px;

  }

}



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

  .inner-page__sidebar {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 300px;

    flex: 0 0 300px;

    max-width: 300px;

  }

}



.inner-page__content {

  position: relative;

  z-index: 1;

}



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

  position: relative;

}



.page-content__header:not([class*="ui-no-border"]) {

  /*border-bottom: 1px solid #ebebeb;

  margin-bottom: 30px;*/

  padding-bottom: 20px;

}



.page-content__header.ui-no-border {

  margin-bottom: 20px;

  padding-inline: 20px;

}



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

  .page-content__header.ui-no-border {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

  }

}



.page-content__header .title {

  font-size: 30px;

  font-weight: 700;

  line-height: 1.3;

  color: #000;

  text-transform: uppercase;

}



.page-content__header .view-list .text {

  font-size: 14px;

  font-weight: 500;

  letter-spacing: -0.5px;

  color: #818181;

}



.page-content__header .view-list .text strong {

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

  color: #000;

}



.page-content__title {

  margin-bottom: 35px;

}



.page-content__title.ui-txt-transform-uppercase .title {

  text-transform: uppercase;

}



.page-content__title .title {

  font-size: 40px;

  font-weight: 700;

  color: #000;

  letter-spacing: -0.5px;

}



@media (max-width: 991px) {

  .page-content__title .title {

    font-size: 28px;

  }

}



.page-content__heading {

  font-weight: 700;

  margin-bottom: 30px;

  color: #000;

  font-size: 30px;

}



.page-content__photo {

  overflow: hidden;

  position: relative;

  margin-bottom: 60px;

  border-radius: 0px;

}



@media (min-width: 992px) {

  .page-content__photo {

    width: 50%;

  }

}



@media (min-width: 992px) {

  .page-content__photo:not([class*="ui-width-"]) {

    margin-right: 30px;

    float: left;

  }

}



.page-content__photo.ui-width-full {

  width: 100%;

  height: 450px;

}



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

  margin-bottom: 25px;

  font-size: 18px !important;

  color: #000;

  font-weight: 700 !important;

}



.page-content__spot * {

  font-size: 18px !important;

  font-weight: 700 !important;

}



.page-content__description {

  color: #000 !important;

  line-height: 1.7;

  font-family: "Catamaran", sans-serif !important;

}



.page-content__description * {

  color: #000 !important;

  font-family: "Catamaran", sans-serif !important;

}



.page-content__description:not([class*="ui-txt-size-"]) {

  font-size: 16px;

}



.page-content__description.ui-txt-size-large {

  font-size: 18px;

}



.page-content__description.ui-txt-center {

  text-align: center;

}



.page-content__description a {

  color: #250500;

  font-weight: 700;

}



.page-content__description a:hover {

  text-decoration: underline;

}



.page-content__description h3 {

  font-weight: 700;

  font-size: 24px;

  letter-spacing: -0.75px;

}



.page-content__description h5 {

  font-weight: 700;

  font-size: 14px;

}



.page-content__description>p:not(:last-child) {

  margin-bottom: 12px;

}



.page-content__description>ul:not(:last-child) {

  margin-bottom: 12px;

}



.page-content__description strong {

  color: #1e1e1e;

  font-weight: 700;

  font-size: 16px;

}



.page-content__description .title {

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  margin-top: 20px;

  margin-bottom: 10px;

}



.page-content__description .text {

  font-weight: 500;

}



.page-content__description>ul {

  list-style: disc;

  padding-left: 20px;

  margin-block: 10px;

}



.page-content__description>ul>li {

  font-weight: 600;

  color: #1e1e1e;

}



.page-content__description img {

  max-width: 100%;

}



.page-content__description ul,

.page-content__description ol {

  padding-left: 20px;

}



.page-content__description ol li {

  list-style: decimal;

}



.page-content__description table {

  width: 100% !important;

  border: 1px solid #ebebeb !important;

}



.page-content__description table tbody tr {

  border-bottom: 1px solid #ebebeb !important;

}



.page-content__description table tbody tr td,

.page-content__description table tbody tr th {

  padding: 10px 20px !important;

  border-right: 1px solid #ebebeb !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: 40px;

}



.page-content__other {

  display: inline-block;

  width: 100%;

}



.page-content__other:not(.ui-no-mt) {

  margin-top: 50px;

}



.page-content__item.ui-style-mission {

  background-color: #250500;

  padding-left: calc((100vw - var(--container)) / 2);

  padding-block: 50px;

  padding-right: 50px;

}



@media (max-width: 479px) {

  .page-content__item.ui-style-mission {

    padding-inline: 20px;

  }

}



.page-content__item.ui-style-vision {

  background-color: #000;

  padding-right: calc((100vw - var(--container)) / 2);

  padding-block: 50px;

  padding-left: 50px;

}



@media (max-width: 479px) {

  .page-content__item.ui-style-vision {

    padding-inline: 20px;

  }

}



.page-content__item .title {

  font-size: 22px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #fff;

  margin-bottom: 5px;

}



.page-content__item .text {

  font-size: 16px;

  color: #fff;

  display: -webkit-box;

  -webkit-line-clamp: 4;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}



@media (max-width: 479px) {

  .page-content__item .text {

    display: -webkit-box;

    -webkit-line-clamp: 8;

    -webkit-box-orient: vertical;

    overflow: hidden;

    max-height: auto;

  }

}



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

}



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

}



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

}



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

  color: #fff;

  text-transform: uppercase;

  font-weight: 800;

  padding: 10px 25px;

  border-radius: 0;

}



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

  margin-right: 10px;

  color: #250500;

}



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

  color: #250500;

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

  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(30, 30, 30, 0.1);

}



.sidebar-common .heading {

  font-size: 16px;

  font-weight: 800;

  color: #1e1e1e;

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

}



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

  background-color: #250500;

}



.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(30, 30, 30, 0.1);

  border-radius: 8px;

  font-size: 12px;

  font-weight: 700;

  color: black;

  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;

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

}



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

}



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

  color: #818181;

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

  font-size: 13px;

}



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

  color: #818181;

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

  font-size: 13px;

}



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

  color: #818181;

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

  font-size: 13px;

}



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

  color: #818181;

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

  font-size: 13px;

}



.sidebar-common__input input::placeholder {

  color: #818181;

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

  font-size: 13px;

}



.sidebar-common__input button {

  font-size: 16px;

  color: #250500;

  background-color: rgba(37 53 90 / 10%);

  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.ui-style-font>ul>li .checkbox .text {

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

}



.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: #250500 !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: #1e1e1e;

}



.sidebar-common ul li .checkbox .text {

  font-size: 13px;

  font-weight: 500;

  color: #818181;

}



.sidebar-common ul li .filtre {

  border: 1px solid rgba(255, 108, 24, 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: #1e1e1e;

  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(30, 30, 30, 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:last-child {

  -webkit-box-shadow: 0 0 20px #25050030;

  box-shadow: 0 0 20px #25050030;

  padding: 50px;

  border-radius: 0px;

  overflow: hidden;

  background-color: #fff;

}



@media (max-width: 767px) {

  .contact-item:last-child {

    padding: 30px;

  }

}



.contact-item__box {

  background-color: #fefefe;

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

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

  overflow: hidden;

  padding: 50px;

  height: 250px;

}



.contact-item__box:hover .title {

  color: #250500;

}



.contact-item__box .icon {

  font-size: 52px;

  color: #250500;

  margin-bottom: 20px;

}



.contact-item__box .title {

  font-size: 18px;

  font-weight: 700;

  letter-spacing: -0.7px;

  color: #1e1e1e;

  line-height: 1.3;

  margin-bottom: 10px;

  -webkit-transition: 0.3s;

  transition: 0.3s;

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

}



.contact-item__box .text {

  font-size: 14px;

  color: #000;

}



.contact-cover {

  width: 100%;

  height: 500px;

  border-radius: 8px;

  overflow: hidden;

}



@media (max-width: 767px) {

  .contact-cover {

    display: none;

  }

}



.contact-cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

}



@-webkit-keyframes sardesInstallmentsMFE-src-universal-partials-Installment-Installment__placeholderAnimate {

  0% {

    opacity: 0;

  }



  25% {

    opacity: 0.25;

  }



  50% {

    opacity: 0.5;

  }



  75% {

    opacity: 0.75;

  }



  to {

    opacity: 1;

  }

}



@keyframes sardesInstallmentsMFE-src-universal-partials-Installment-Installment__placeholderAnimate {

  0% {

    opacity: 0;

  }



  25% {

    opacity: 0.25;

  }



  50% {

    opacity: 0.5;

  }



  75% {

    opacity: 0.75;

  }



  to {

    opacity: 1;

  }

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner {

  text-align: center;

  margin: 0 auto 24px;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__MobileBanner {

  display: none;

  margin: 0 auto;

}



@media only screen and (max-width: 600px) {

  .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__MobileBanner {

    display: block;

    width: 100%;

    margin: 0 auto;

  }

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__DesktopBanner {

  margin: 0 auto;

}



@media only screen and (max-width: 1024px) {

  .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__DesktopBanner {

    width: 100%;

    margin: 0 auto;

  }

}



@media only screen and (max-width: 600px) {

  .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentBanner .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__DesktopBanner {

    display: none;

  }

}



.installment {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  margin: 0 -12px;

}



@media only screen and (max-width: 1024px) {

  .installment {

    margin: 0 -6px;

  }

}



@media only screen and (max-width: 768px) {

  .installment {

    margin: 0 -12px;

  }

}



@media only screen and (max-width: 600px) {

  .installment {

    margin: 0;

  }

}



.installment .installmentTable {

  width: 25%;

  padding: 0 12px 24px;

}



@media only screen and (max-width: 1024px) {

  .installment .installmentTable {

    padding: 0 6px 24px;

  }

}



@media only screen and (max-width: 768px) {

  .installment .installmentTable {

    width: 50%;

    padding: 0 12px 24px;

  }

}



@media only screen and (max-width: 600px) {

  .installment .installmentTable {

    width: 100%;

    padding: 0 0 24px;

  }

}



.installment .installmentTable .installmentBox {

  border: 1px solid #f5f5f5;

  border-radius: 6px;

  width: 100%;

}



.installment .installmentTable .installmentBox .installmentHeader {

  background-color: #f5f5f5;

  height: 44px;

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

}



.installment .installmentTable .installmentBox .installmentHeader img {

  height: 25px;

  width: 60px;

  -o-object-fit: contain;

  object-fit: contain;

}



.installment .installmentTable .installmentBox .installmentBody,

.installment .installmentTable .installmentBox .installmentBody table {

  width: 100%;

}



.installment .installmentTable .installmentBox .installmentBody table thead,

.installment .installmentTable .installmentBox .installmentBody table tbody,

.installment .installmentTable .installmentBox .installmentBody table tr {

  margin: 0;

  padding: 0;

  border: 0;

  vertical-align: baseline;

}



.installment .installmentTable .installmentBox .installmentBody table thead:first-child th,

.installment .installmentTable .installmentBox .installmentBody table tbody:first-child th,

.installment .installmentTable .installmentBox .installmentBody table tr:first-child th {

  border-top-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table thead:last-child td,

.installment .installmentTable .installmentBox .installmentBody table tbody:last-child td,

.installment .installmentTable .installmentBox .installmentBody table tr:last-child td {

  border-bottom-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table thead td,

.installment .installmentTable .installmentBox .installmentBody table tbody td,

.installment .installmentTable .installmentBox .installmentBody table tr td {

  font-weight: 700;

}



.installment .installmentTable .installmentBox .installmentBody table thead td:first-child,

.installment .installmentTable .installmentBox .installmentBody table tbody td:first-child,

.installment .installmentTable .installmentBox .installmentBody table tr td:first-child {

  border-left-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table thead td:last-child,

.installment .installmentTable .installmentBox .installmentBody table tbody td:last-child,

.installment .installmentTable .installmentBox .installmentBody table tr td:last-child {

  border-right-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table thead td span,

.installment .installmentTable .installmentBox .installmentBody table tbody td span,

.installment .installmentTable .installmentBox .installmentBody table tr td span {

  color: #ff6000;

  padding: 0 0 0 2px;

  margin: 0;

}



.installment .installmentTable .installmentBox .installmentBody table th {

  padding: 2px 5px;

  height: 36px;

  text-align: center;

  border: solid 1px #f5f3f3;

  vertical-align: middle;

  font-size: 13px;

}



.installment .installmentTable .installmentBox .installmentBody table th:first-child {

  border-left-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table th:last-child {

  border-right-width: 0;

}



.installment .installmentTable .installmentBox .installmentBody table td {

  padding: 2px 5px;

  height: 36px;

  text-align: center;

  border: solid 1px #f5f3f3;

  vertical-align: middle;

  font-size: 13px;

}



.installment .installmentTable .installmentBox .installmentBody table td:last-child {

  color: #919191;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea h4.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaTitle {

  margin: 0 0 12px 4px;

  font-size: 18px;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea h4.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaTitleBottom {

  margin: 21px 0 12px 4px;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea ul.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaUl {

  padding: 0;

  margin: 0;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea ul.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaUl li {

  margin: 0;

  padding: 0 0 10px;

  font-size: 14px;

  line-height: 1.5;

}



@media only screen and (max-width: 600px) {

  .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea ul.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaUl li {

    font-size: 15px;

  }

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea ul.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__TextAreaUl li a {

  color: red;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea p {

  font-size: 14px;

  line-height: 1.5;

  margin: 0 0 10px;

}



@media only screen and (max-width: 600px) {

  .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea p {

    font-size: 15px;

  }

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea p:last-child {

  margin: 0;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea p span,

.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea p a {

  color: red;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentDisable .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentFlex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

  -ms-flex-align: start;

  align-items: flex-start;

  margin: 0 0 8px;

}



.sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentTextArea .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentDisable .sardesInstallmentsMFE-src-universal-partials-Installment-Installment__InstallmentFlex img {

  margin: 0 16px 0 0;

}



.installmentHeader p:not(:last-child) {

  margin-bottom: 0;

}



.installmentHeaderDescription {

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  margin-top: 0;

}



.installmentHeaderSubDescription {

  margin-top: 6px;

  margin-bottom: 12px;

  font-size: 10px;

  line-height: 12px;

  text-align: center;

}



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

  position: relative;

}



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

  border: 2px solid #250500;

}



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

  content: "";

  position: absolute;

  inset: 3px;

  background-color: #250500;

  border-radius: 8px;

}



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

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

  font-size: 18px;

  cursor: pointer;

}



.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(37 53 90 / 10%);

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

  color: #250500;

  overflow: hidden;

}



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

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #1e1e1e;

  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;

}



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

  border: 2px solid #25050030;

  box-shadow: 0px 0px 10px #25050030;

  -webkit-box-shadow: 0px 0px 10px #25050030;

  border-radius: 15px;

  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: #1e1e1e;

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

}



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

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

}



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

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

  color: #818181;

}



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

  font-size: 24px;

  font-weight: 800;

  color: #250500;

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

}



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

  font-size: 24px;

  font-weight: 800;

  color: #250500;

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

}



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

  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: #1e1e1e;

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

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

}



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

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

}



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

  height: 45px;

  background-color: #250500;

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

}



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

  font-size: 14px;

  color: #1e1e1e;

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

}



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

  letter-spacing: -1px;

  text-transform: uppercase;

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

}



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

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

  line-height: 1;

  color: #000;

  margin-block: 10px;

}



.page-content__basket-right .price .tl {

  padding-left: 2px;

}



.page-content__basket-right .price span {

  color: #250500;

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

}



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

  color: #000;

}



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

}



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

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

}



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

}



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

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

  color: #250500;

}



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

}



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

  font-size: 18px;

  color: #1e1e1e;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  font-size: 18px;

  font-weight: 700;

  color: #1e1e1e;

  -webkit-transition: 0.3s;

  transition: 0.3s;

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

}



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

}



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

  border-radius: 15px;

}



@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(30, 30, 30, 0.1);

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

  border-radius: 8px;

  background-color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

  color: #1e1e1e;

}



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

  margin-bottom: 7px;

}



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

  background-color: #250500;

  color: #fff;

}



.page-content__products-right .category {

  font-size: 14px;

  font-weight: 600;

  color: #250500;

  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: #1e1e1e;

  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;

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

}



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

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

  color: #818181;

}



.page-content__products-right .price .new {

  font-size: 24px;

  font-weight: 800;

  color: #250500;

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

}



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

  font-size: 24px;

  font-weight: 800;

  color: #250500;

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

}



.page-content__products-right .discount {

  height: 35px;

  padding-inline: 15px;

  background-color: #d40000;

  border-radius: 8px;

  color: #fff;

  font-size: 16px;

  font-weight: 800;

  letter-spacing: -0.5px;

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

  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: #1e1e1e;

  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;

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

}



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

  color: #250500;

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

}



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

}



.page-content__products-right .variation {

  padding-top: 20px;

}



.page-content__products-right .variation .title {

  font-size: 16px;

  font-weight: 800;

  color: #1e1e1e;

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

}



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

  background-color: #250500;

  color: #fff;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  padding-inline: 20px;

  height: 40px;

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

  -ms-flex-pack: center;

  justify-content: center;

  background-color: #fff;

  color: #000;

  font-size: 13px;

  font-weight: 800;

  letter-spacing: -0.3px;

  border: 2px solid rgba(37 53 90 / 10%);

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

  background-color: #250500;

  color: #fff;

}



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

  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: #1e1e1e;

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

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  color: #1e1e1e;

}



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

  background-color: #250500;

  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: #250500 !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: #000;

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

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

}



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

  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: #1e1e1e;

}



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

}



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

}



.page-content__brands>ul {

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

}



@media (min-width: 1200px) {

  .page-content__brands>ul>li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 12.5%;

    flex: 0 0 12.5%;

    max-width: 12.5%;

  }

}



@media (max-width: 479px) {

  .page-content__brands>ul>li {

    -webkit-box-flex: 0;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

  }

}



.page-content__brands-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: center;

  -ms-flex-pack: center;

  justify-content: center;

}



.page-content__brands-item:hover .cover img {

  -webkit-transform: scale(1.05);

  -ms-transform: scale(1.05);

  transform: scale(1.05);

}



.page-content__brands-item:hover .title {

  color: #250500;

}



.page-content__brands-item .cover {

  width: 120px;

  height: 120px;

}



.page-content__brands-item .cover img {

  width: 100%;

  height: 100%;

  -o-object-fit: contain;

  object-fit: contain;

  -webkit-transition: 0.6s;

  transition: 0.6s;

}



.page-content__brands-item .title {

  font-size: 16px;

  font-weight: 700;

  letter-spacing: -0.5px;

  color: #000;

  padding-top: 10px;

  text-align: center;

  line-height: 1.1;

  -webkit-transition: 0.3s;

  transition: 0.3s;

}



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

}



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

  }

}



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

}



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

  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;

}



.page-content__account .form ul li .title {

  font-size: 14px;

  color: #250500;

  font-weight: 700;

  letter-spacing: -0.5px;

  margin-bottom: 3px;

  padding-left: 10px;

}



.page-content__account .form ul li>input {

  color: #000;

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

}



.page-content__account .form>.text {

  font-size: 14px;

  color: #818181;

  margin-bottom: 20px;

}



.page-content__account .form-send>input {

  padding-inline: 30px;

}



.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(37 53 90 / 10%);

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

  color: #250500;

  overflow: hidden;

}



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

  font-size: 18px;

  font-weight: 800;

  letter-spacing: -0.5px;

  color: #1e1e1e;

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

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

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

  border-radius: 15px;

  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: #1e1e1e;

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

}



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

  font-size: 13px;

  color: #818181;

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

}



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

}



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

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -ms-flex-align: center;

  align-items: center;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  justify-content: center;

  color: #fff;

  margin-right: 10px;

}



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

  background-color: #250500;

}



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

}



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

  background-color: #439b38;

}



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

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

}



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

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

}



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

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

    font-size: 20px;

    margin-left: 5px;

  }

}



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

}







.section-blog {

  padding-block: 100px;

}



@media (min-width: 1750px) {

  .section-blog .container-fluid {

    padding-right: 100px;

  }

}



.section-blog .swiper {

  padding: 50px;

  margin: -50px;

}



@media (max-width: 991px) {

  .section-blog .swiper {

    padding-inline: 0;

    margin-inline: 0;

  }

}



@media (min-width: 1750px) {

  .section-blog .swiper {

    padding-right: 100px;

    margin-right: -100px;

  }



  .section-blog .swiper .swiper-button-next {

    right: 70px;

  }

}



.section-blog .swiper .swiper-slide-active .blog-card,

.section-blog .swiper .swiper-slide-next .blog-card {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-filter: blur(0);

  filter: blur(0);

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.blog-card {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

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

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

  overflow: hidden;

  opacity: 0.7;

  -webkit-transform: scale(0.98);

  -ms-transform: scale(0.98);

  transform: scale(0.98);

  -webkit-transition: 0.4s;

  transition: 0.4s;

  -webkit-filter: blur(3px);

  filter: blur(3px);

}



@media (max-width: 1199px) {

  .blog-card {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

  }

}



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

  -o-object-position: 40% 50%;

  object-position: 40% 50%;

}



.blog-card:hover .blog-description {

  background-color: rgb(0 155 223 / 5%);

}



.blog-photo {

  width: 350px;

  height: 380px;

}



@media (max-width: 1199px) {

  .blog-photo {

    width: 100%;

    height: auto;

  }

}



.blog-photo img {

  width: 100%;

  height: 100%;

  -o-object-fit: cover;

  object-fit: cover;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.blog-description {

  -webkit-box-flex: 1;

  -ms-flex: 1;

  flex: 1;

  padding: 30px;

  position: relative;

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



@media (max-width: 1199px) {

  .blog-description {

    padding: 20px;

    -webkit-box-flex: inherit;

    -ms-flex: inherit;

    flex: inherit;

  }

}



.blog-description .date {

  font-size: 13px;

  font-weight: 700;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #009bdf;

  margin-bottom: 5px;

}



.blog-description .title {

  font-size: 20px;

  font-weight: 600;

  color: #1e1e1e;

  line-height: 1.3;

  margin-bottom: 10px;

  display: -webkit-box;

  -webkit-line-clamp: 3;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}



.blog-description .text {

  font-size: 14px;

  color: #818181;

  display: -webkit-box;

  -webkit-line-clamp: 7;

  -webkit-box-orient: vertical;

  overflow: hidden;

  max-height: auto;

}



.blog-description .button-line {

  position: absolute;

  left: 30px;

  bottom: 30px;

}



@media (max-width: 1199px) {

  .blog-description .button-line {

    position: relative;

    left: 0;

    bottom: 0;

  }

}



.page-content__blog .blog-card {

  opacity: 1;

  -webkit-transform: scale(1);

  -ms-transform: scale(1);

  transform: scale(1);

  -webkit-filter: blur(0);

  filter: blur(0);

  -webkit-transition: 0.4s;

  transition: 0.4s;

}



.swiper-buttons.ui-buttons-blog {

  margin-top: -20px;

}