:root {
  --base-font-family: "StampatelloFaceto", Arial, sans-serif;
  --fs-base: 16px;
  --font-weight-base: 400;
  --line-height-base: 1.5;
  --base-color: #000;
  --gray-color: #484848;
  --gap-xs: 5px;
  --gap-sm: 10px;
  --gap: 20px;
  --gap-md: 30px;
  --gap-lg: 40px;
  --gap-xl: 50px;
  --fs-lead: 40px;
  --fs-h1: 32px;
  --fs-h2: 30px;
  --fs-h3: 24px;
  --fs-h4: 20px;
  --fs-h5: 18px;
  --fs-h6: 16px;
  --fs-medium: 1.125rem;
  --fs-small: 0.875rem;
  --fs-xsmall: 0.8125rem;
  --fs-xxsmall: 0.75rem;
  --bg-default: #fff;
  --bg-muted: #e0e7ff;
  --bg-gray: #acacac;
  --header-bg: var(--base-body-bg);
  --header-bg-fixed: var(--bg-default);
  --primary: #9400D3;
  --primary-inverse: #fff;
  --primary300: #b507ff;
  --secondary: #1e1b4b;
  --secondary-inverse: #fff;
  --primary-dark: #8200ba;
  --secondary-dark: #171438;
  --accent: #a855f7;
  --decor: #e0e7ff;
  --text-muted: #848181;
  --success: #46A45B;
  --success-inverse: #fff;
  --warning: #ff0303;
  --error: #ff0303;
  --gold: #eccb8f;
  --gold-dark: #e8c179;
  --title-font-family: "StampatelloFaceto", Arial, sans-serif;
  --base-title-color: #333333;
  --link-color: #9400D3;
  --link-hover-color: #8200ba;
  --content-link-color: #979595;
  --border-radius-xs: 4px;
  --border-radius-sm: 10px;
  --border-radius: 20px;
  --border-radius-md: 30px;
  --base-border-width: 1px;
  --base-border-color: #e7e7e7;
  --base-border: 1px solid var(--base-border-color);
  --control-radius: 10px;
  --control-height: 60px;
  --control-px: var(--gap);
  --control-bg: var(--bg-default);
  --button-height: 50px;
  --button-height-sm: 40px;
  --button-height-lg: 60px;
  --button-radius: 7px;
  --button-radius-lg: 10px;
  --button-fs: 14px;
  --button-fs-sm: 13px;
  --button-fs-lg: 16px;
  --padding-5xl: 100px;
  --padding-4xl: 90px;
  --padding-3xl: 80px;
  --padding-2xl: 70px;
  --padding-xl: 55px;
  --padding-l: 40px;
  --padding-m: 20px;
  --section-padding-xs: 15px;
  --section-padding-sm: 40px;
  --section-padding: 80px;
  --section-padding-lg: 100px;
  --section-padding-xlg: 120px;
  --container-width: 1200px;
  --box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.075);
  --box-shadow-sm: 0 0 15px rgba(0, 0, 0, 0.1);
  --bottom-shadow: 0px 8px 14px 0px rgba(18, 30, 38, 0.06);
  --text-shadow: 0 1px 6px rgba(0, 0, 0, 0.35);
  --header-gradient: linear-gradient(to top,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.75) 60%,
      rgba(0, 0, 0, 0.95) 100%);
  --ms-gradient: linear-gradient(rgba(46, 40, 40, 0),
      rgba(2, 2, 2, 0.7));
  --bp-gradient: linear-gradient(rgba(46, 40, 40, 0),
      rgba(2, 2, 2, 0.7));
}
@media (max-width: 1279px) {
  :root {
    --padding-xl: 30px;
    --padding-l: 20px;
  }
}
@media (max-width: 1023px) {
  :root {
    --fs-lead: 30px;
    --fs-h1: 28px;
    --fs-h2: 24px;
    --fs-h3: 20px;
    --fs-h4: 18px;
    --fs-h5: 16px;
    --padding-2xl: 40px;
    --padding-xl: 20px;
    --padding-l: 20px;
  }
}
@media (max-width: 639px) {
  :root {
    --fs-h1: 26px;
    --fs-h2: 22px;
    --padding-5xl: 40px;
    --padding-4xl: 30px;
    --padding-3xl: 20px;
    --padding-2xl: 20px;
    --paddin-x-faq: 20px;
    --section-padding-xlg: 85px;
  }
}
@font-face {
  font-family: "StampatelloFaceto";
  src: local("StampatelloFaceto"), local("StampatelloFaceto"), url("../fonts/StampatelloFaceto/StampatelloFaceto.woff2") format("woff2"), url("../fonts/StampatelloFaceto/StampatelloFaceto.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
/* ========================================================================
   Component: Section
 ========================================================================== */
/*
 * 1. Make it work with `100vh` and height in general
 */
.uk-section {
  display: flow-root;
  box-sizing: border-box;
  padding-top: var(--section-padding);
  padding-bottom: var(--section-padding);
}
.uk-section-xsmall {
  padding-top: var(--section-padding-xs);
  padding-bottom: var(--section-padding-xs);
}
.uk-section-small {
  padding-top: var(--section-padding-sm);
  padding-bottom: var(--section-padding-sm);
}
.uk-section-large {
  padding-top: var(--section-padding-lg);
  padding-bottom: var(--section-padding-lg);
}
.uk-section-xlarge {
  padding-top: var(--section-padding-xlg);
  padding-bottom: var(--section-padding-xlg);
}
.uk-section-img {
  background-position: center center;
  background-repeat: no-repeat;
}
.uk-section-breadcrumb {
  padding-top: var(--gap);
  padding-bottom: var(--gap-md);
}
.uk-section > :last-child {
  margin-bottom: 0;
}
.uk-section-muted {
  background: var(--bg-muted);
}
.uk-section-primary {
  background: var(--primary);
  color: var(--primary-inverse);
}
.uk-section-secondary {
  background: var(--secondary);
  color: var(--secondary-inverse);
}
.uk-section-white {
  background: #fff;
}
.uk-section:not(.uk-section-muted):not(.uk-section-secondary):not(.uk-section-primary):not(.fw-has-bg) + .uk-section:not(.uk-section-muted):not(.uk-section-secondary):not(.uk-section-primary):not(.fw-has-bg) {
  padding-top: 0;
}
.uk-section-muted + .uk-section-muted {
  padding-top: 0;
}
/* ========================================================================
   Component: Container
 ========================================================================== */
/*
 * 1. Box sizing has to be `content-box` so the max-width is always the same and
 *    unaffected by the padding on different breakpoints. It's important for the size modifiers.
 */
.uk-container {
  display: flow-root;
  box-sizing: content-box;
  max-width: var(--container-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1280px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-container > :last-child {
  margin-bottom: 0;
}
/*
 * Remove padding from nested containers
 */
.uk-container .uk-container {
  padding-left: 0;
  padding-right: 0;
}
/* Size modifier
 ========================================================================== */
.uk-container-xsmall {
  max-width: 750px;
}
.uk-container-small {
  max-width: 900px;
}
.uk-container-large {
  max-width: 1400px;
}
.uk-container-xlarge {
  max-width: 1660px;
}
.uk-container-expand {
  max-width: none;
}
/* Expand modifier
 ========================================================================== */
/*
 * Expand one side only
 */
.uk-container-expand-left {
  margin-left: 0;
}
.uk-container-expand-right {
  margin-right: 0;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 20px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 20px);
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-container-expand-left, .uk-container-expand-right {
    max-width: calc(50% + (var(--container-width) / 2) - 30px);
  }
  .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 30px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 30px);
  }
  .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + (1400px / 2) - 30px);
  }
  .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + (1660px / 2) - 30px);
  }
}
/* Item
 ========================================================================== */
/*
 * Utility classes to reset container padding on the left or right side
 * Note: It has to be negative margin on the item, because it's specific to the item.
 */
.uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
  width: calc(100% + 15px);
}
.uk-container-item-padding-remove-left {
  margin-left: -15px;
}
.uk-container-item-padding-remove-right {
  margin-right: -15px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 20px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -20px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -20px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 30px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -30px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -30px;
  }
}
/* ========================================================================
   Component: Search
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Reset `form`
 */
.uk-search {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  margin: 0;
}
/* Input
 ========================================================================== */
/*
 * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X.
 */
.uk-search-input::-webkit-search-cancel-button, .uk-search-input::-webkit-search-decoration {
  -webkit-appearance: none;
}
/*
 * Removes placeholder transparency in Firefox.
 */
.uk-search-input::-moz-placeholder {
  opacity: 1;
}
/*
 * 1. Define consistent box sizing.
 * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.
 * 3. Remove `border-radius` in iOS.
 * 4. Change font properties to `inherit` in all browsers
 * 5. Show the overflow in Edge.
 * 6. Remove default style in iOS.
 * 7. Vertical alignment
 * 8. Take the full container width
 * 9. Style
 */
.uk-search-input {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  margin: 0;
  /* 3 */
  border-radius: 0;
  /* 4 */
  font: inherit;
  /* 5 */
  overflow: visible;
  /* 6 */
  -webkit-appearance: none;
  /* 7 */
  vertical-align: middle;
  /* 8 */
  width: 100%;
  /* 9 */
  border: none;
  color: var(--base-color);
}
.uk-search-input:focus {
  outline: none;
}
/* Placeholder */
.uk-search-input:-ms-input-placeholder {
  color: #999 !important;
}
.uk-search-input::placeholder {
  color: #999;
}
/* Icon (Adopts `uk-icon`)
 ========================================================================== */
/*
 * Remove default focus style
 */
.uk-search-icon:focus {
  outline: none;
}
/*
 * Position above input
 * 1. Set position
 * 2. Center icon vertically and horizontally
 * 3. Style
 */
.uk-search .uk-search-icon {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: #999;
}
/*
 * Required for `a`.
 */
.uk-search .uk-search-icon:hover {
  color: #999;
}
/*
 * Make `input` element clickable through icon, e.g. if it's a `span`
 */
.uk-search .uk-search-icon:not(a):not(button):not(input) {
  pointer-events: none;
}
/*
 * Position modifier
 */
.uk-search .uk-search-icon-flip {
  right: 0;
  left: auto;
}
/* Default modifier
 ========================================================================== */
.uk-search-default {
  width: 180px;
}
/*
 * Input
 */
.uk-search-default .uk-search-input {
  height: calc(var(--control-line-height) + 2*var(--base-border-width));
  padding-left: 6px;
  padding-right: 6px;
  background: transparent;
  border: 1px solid var(--base-border-color);
}
/* Focus */
.uk-search-default .uk-search-input:focus {
  background-color: transparent;
}
/*
 * Icon
 */
.uk-search-default .uk-search-icon {
  width: calc(var(--control-line-height) + 2*var(--base-border-width));
}
.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: calc(var(--control-line-height) + 2*var(--base-border-width));
}
.uk-search-default .uk-search-icon-flip ~ .uk-search-input {
  padding-right: calc(var(--control-line-height) + 2*var(--base-border-width));
}
/* Navbar modifier
 ========================================================================== */
.uk-search-navbar {
  width: 400px;
}
/*
 * Input
 */
.uk-search-navbar .uk-search-input {
  height: 40px;
  background: transparent;
  font-size: 1.5rem;
}
/*
 * Icon
 */
.uk-search-navbar .uk-search-icon {
  width: 40px;
}
.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 40px;
}
.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 40px;
}
/* Large modifier
 ========================================================================== */
.uk-search-large {
  width: 500px;
}
/*
 * Input
 */
.uk-search-large .uk-search-input {
  height: 80px;
  background: transparent;
  font-size: 2.625rem;
}
/*
 * Icon
 */
.uk-search-large .uk-search-icon {
  width: 80px;
}
.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input {
  padding-left: 80px;
}
.uk-search-large .uk-search-icon-flip ~ .uk-search-input {
  padding-right: 80px;
}
/* Toggle
 ========================================================================== */
.uk-search-toggle {
  color: #999;
}
/* Hover + Focus */
.uk-search-toggle:hover, .uk-search-toggle:focus {
  color: var(--base-color);
}
/* ========================================================================
   Component: Slideshow
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-slideshow {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/* Items
 ========================================================================== */
/*
 * 1. Create position and stacking context
 * 2. Reset list
 * 3. Clip child elements
 * 4. Prevent displaying the callout information on iOS.
 */
.uk-slideshow-items {
  /* 1 */
  position: relative;
  z-index: 0;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  overflow: hidden;
  /* 4 */
  -webkit-touch-callout: none;
}
/* Item
 ========================================================================== */
/*
 * 1. Position items above each other
 * 2. Take the full width
 * 3. Clip child elements, e.g. for `uk-cover`
 * 4. Optimize animation
 * 5. Disable horizontal panning gestures in IE11 and Edge
 * 6. Suppress outline on focus
 */
.uk-slideshow-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  left: 0;
  /* 2 */
  right: 0;
  bottom: 0;
  /* 3 */
  overflow: hidden;
  /* 4 */
  will-change: transform, opacity;
  /* 5 */
  touch-action: pan-y;
}
/* 6 */
.uk-slideshow-items > :focus {
  outline: none;
}
/*
 * Hide not active items
 */
.uk-slideshow-items > :not(.uk-active) {
  display: none;
}
/* ========================================================================
   Component: Grid
 ========================================================================== */
/*
 * 1. Allow cells to wrap into the next line
 * 2. Reset list
 */
.uk-grid {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
}
/*
 * Grid cell
 * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto
 * Reset margin for e.g. paragraphs
 */
.uk-grid > * {
  margin: 0;
}
/*
 * Remove margin from the last-child
 */
.uk-grid > * > :last-child {
  margin-bottom: 0;
}
/* Gutter
 ========================================================================== */
/*
 * Default
 */
/* Horizontal */
.uk-grid {
  margin-left: -30px;
}
.uk-grid > * {
  padding-left: 30px;
}
/* Vertical */
.uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin {
  margin-top: 30px;
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  /* Horizontal */
  /* Vertical */
  .uk-grid {
    margin-left: calc(-1 * 40px);
  }
  .uk-grid > * {
    padding-left: 40px;
  }
  .uk-grid + .uk-grid, .uk-grid > .uk-grid-margin, * + .uk-grid-margin {
    margin-top: 40px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-small, .uk-grid-column-small {
  margin-left: calc(-1 * 15px);
}
.uk-grid-small > *, .uk-grid-column-small > * {
  padding-left: 15px;
}
/* Vertical */
.uk-grid + .uk-grid-small, .uk-grid + .uk-grid-row-small, .uk-grid-small > .uk-grid-margin, .uk-grid-row-small > .uk-grid-margin, * + .uk-grid-margin-small {
  margin-top: 15px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-medium, .uk-grid-column-medium {
  margin-left: calc(-1 * 30px);
}
.uk-grid-medium > *, .uk-grid-column-medium > * {
  padding-left: 30px;
}
/* Vertical */
.uk-grid + .uk-grid-medium, .uk-grid + .uk-grid-row-medium, .uk-grid-medium > .uk-grid-margin, .uk-grid-row-medium > .uk-grid-margin, * + .uk-grid-margin-medium {
  margin-top: 30px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-large, .uk-grid-column-large {
  margin-left: calc(-1 * 40px);
}
.uk-grid-large > *, .uk-grid-column-large > * {
  padding-left: 40px;
}
/* Vertical */
.uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large {
  margin-top: 40px;
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  /* Horizontal */
  /* Vertical */
  .uk-grid-large, .uk-grid-column-large {
    margin-left: calc(-1 * 60px);
  }
  .uk-grid-large > *, .uk-grid-column-large > * {
    padding-left: 60px;
  }
  .uk-grid + .uk-grid-large, .uk-grid + .uk-grid-row-large, .uk-grid-large > .uk-grid-margin, .uk-grid-row-large > .uk-grid-margin, * + .uk-grid-margin-large {
    margin-top: 60px;
  }
}
/*
 * Collapse
 */
/* Horizontal */
.uk-grid-collapse, .uk-grid-column-collapse {
  margin-left: 0;
}
.uk-grid-collapse > *, .uk-grid-column-collapse > * {
  padding-left: 0;
}
/* Vertical */
.uk-grid + .uk-grid-collapse, .uk-grid + .uk-grid-row-collapse, .uk-grid-collapse > .uk-grid-margin, .uk-grid-row-collapse > .uk-grid-margin {
  margin-top: 0;
}
/* Divider
 ========================================================================== */
.uk-grid-divider > * {
  position: relative;
}
.uk-grid-divider > :not(.uk-first-column)::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid var(--base-border-color);
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid var(--base-border-color);
}
/*
 * Default
 */
/* Horizontal */
.uk-grid-divider {
  margin-left: -60px;
}
.uk-grid-divider > * {
  padding-left: 60px;
}
.uk-grid-divider > :not(.uk-first-column)::before {
  left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  /* Horizontal */
  /* Vertical */
  .uk-grid-divider {
    margin-left: -80px;
  }
  .uk-grid-divider > * {
    padding-left: 80px;
  }
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 40px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 80px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -40px;
    left: 80px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small {
  margin-left: -30px;
}
.uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * {
  padding-left: 30px;
}
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
  left: 15px;
}
/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: 30px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium {
  margin-left: -60px;
}
.uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * {
  padding-left: 60px;
}
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before {
  left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
  left: 60px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large {
  margin-left: -80px;
}
.uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * {
  padding-left: 80px;
}
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
  left: 40px;
}
/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 80px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
  left: 80px;
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
  left: 80px;
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  /* Horizontal */
  /* Vertical */
  .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large {
    margin-left: -120px;
  }
  .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * {
    padding-left: 120px;
  }
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
    left: 60px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
    margin-top: 120px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -60px;
    left: 120px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
    top: -60px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
    left: 120px;
  }
}
/* Match child of a grid cell
 ========================================================================== */
/*
 * Behave like a block element
 * 1. Wrap into the next line
 * 2. Take the full width, at least 100%. Only if no class from the Width component is set.
 * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids)
 */
.uk-grid-match > *, .uk-grid-item-match {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
}
.uk-grid-match > * > :not([class*="uk-width"]), .uk-grid-item-match > :not([class*="uk-width"]) {
  /* 2 */
  box-sizing: border-box;
  width: 100%;
  /* 3 */
  flex: auto;
}
/* ========================================================================
   Component: Breadcrumb
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 */
.uk-breadcrumb {
  display: inline;
  padding: 0;
  list-style: none;
}
/*
 * Space is allocated solely based on content dimensions: 0 0 auto
 */
.uk-breadcrumb > * {
  flex: none;
}
/* Items
 ========================================================================== */
.uk-breadcrumb > * {
  display: inline;
}
.uk-breadcrumb > * > * {
  display: inline;
  font-size: 0.875rem;
  color: #999;
}
/* Hover + Focus */
.uk-breadcrumb > * > :hover, .uk-breadcrumb > * > :focus {
  color: var(--base-color);
  text-decoration: none;
}
/* Disabled */
/* Active */
.uk-breadcrumb > :last-child > span, .uk-breadcrumb > :last-child > a:not([href]) {
  color: var(--base-color);
}
/*
 * Divider
 * `nth-child` makes it also work without JS if it's only one row
 */
.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
  content: "/";
  display: inline-block;
  margin: 0 20px;
  font-size: 0.875rem;
  color: #999;
}
@media (max-width: 1023px) {
  .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before {
    margin: 0 5px;
  }
}
/* ========================================================================
   Component: Slidenav
 ========================================================================== */
/*
 * Adopts `uk-icon`
 */
.uk-slidenav {
  padding: 5px 10px;
  color: var(--base-color);
  transition: color 0.1s ease-in-out;
}
/* Hover + Focus */
.uk-slidenav:hover, .uk-slidenav:focus {
  color: var(--base-color);
  outline: none;
}
/* OnClick */
.uk-slidenav:active {
  color: var(--base-color);
}
/* Icon modifier
 ========================================================================== */
/*
 * Previous
 */
/*
 * Next
 */
/* Size modifier
 ========================================================================== */
.uk-slidenav-large {
  padding: 10px 10px;
}
/* Container
 ========================================================================== */
.uk-slidenav-container {
  display: flex;
}
/* ========================================================================
   Component: Dotnav
 ========================================================================== */
.uk-dotnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--gap-sm);
  margin: 0;
  padding: 0;
  list-style: none;
}
.uk-dotnav > * {
  flex: none;
}
.uk-dotnav > * > * {
  display: block;
  border-radius: 50%;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  background: var(--bg-default);
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 2px solid var(--primary);
  box-sizing: border-box;
}
/* Hover + Focus */
.uk-dotnav > * > :hover, .uk-dotnav > * > :focus {
  background: var(--primary);
  outline: none;
}
/* OnClick */
.uk-dotnav > * > :active {
  background: var(--primary);
}
/* Active */
.uk-dotnav > .uk-active > * {
  background: var(--primary);
}
/* ========================================================================
   Component: Animation
 ========================================================================== */
[class*="uk-animation-"] {
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: both;
}
/* Animations
 ========================================================================== */
/*
 * Fade
 */
.uk-animation-fade {
  animation-name: uk-fade;
  animation-duration: 0.8s;
  animation-timing-function: linear;
}
/*
 * Scale
 */
.uk-animation-scale-up {
  animation-name: uk-fade-scale-02;
}
.uk-animation-scale-down {
  animation-name: uk-fade-scale-18;
}
/*
 * Slide
 */
.uk-animation-slide-top {
  animation-name: uk-fade-top;
}
.uk-animation-slide-bottom {
  animation-name: uk-fade-bottom;
}
.uk-animation-slide-left {
  animation-name: uk-fade-left;
}
.uk-animation-slide-right {
  animation-name: uk-fade-right;
}
/*
 * Slide Small
 */
.uk-animation-slide-top-small {
  animation-name: uk-fade-top-small;
}
.uk-animation-slide-bottom-small {
  animation-name: uk-fade-bottom-small;
}
.uk-animation-slide-left-small {
  animation-name: uk-fade-left-small;
}
.uk-animation-slide-right-small {
  animation-name: uk-fade-right-small;
}
/*
 * Slide Medium
 */
.uk-animation-slide-top-medium {
  animation-name: uk-fade-top-medium;
}
.uk-animation-slide-bottom-medium {
  animation-name: uk-fade-bottom-medium;
}
.uk-animation-slide-left-medium {
  animation-name: uk-fade-left-medium;
}
.uk-animation-slide-right-medium {
  animation-name: uk-fade-right-medium;
}
/*
 * Kenburns
 */
.uk-animation-kenburns {
  animation-name: uk-scale-kenburns;
  animation-duration: 15s;
}
/*
 * Shake
 */
.uk-animation-shake {
  animation-name: uk-shake;
}
/*
 * SVG Stroke
 * The `--uk-animation-stroke` custom property contains the longest path length.
 * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically.
 * All strokes are animated by the same pace and doesn't end simultaneously.
 * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet.
 */
.uk-animation-stroke {
  animation-name: uk-stroke;
  stroke-dasharray: var(--uk-animation-stroke);
  animation-duration: 2s;
}
/* Direction modifier
 ========================================================================== */
.uk-animation-reverse {
  animation-direction: reverse;
  animation-timing-function: ease-in;
}
/* Duration modifier
 ========================================================================== */
.uk-animation-fast {
  animation-duration: 0.1s;
}
/* Toggle (Hover + Focus)
========================================================================== */
/*
 * The toggle is triggered on touch devices using `:focus` and tabindex
 */
.uk-animation-toggle:not(:hover):not(:focus) [class*="uk-animation-"] {
  animation-name: none;
}
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-animation-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/*
 * Remove outline for `tabindex`
 */
.uk-animation-toggle:focus {
  outline: none;
}
/* Keyframes used by animation classes
 ========================================================================== */
/*
 * Fade
 */
@keyframes uk-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Slide Top
 */
@keyframes uk-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom
 */
@keyframes uk-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left
 */
@keyframes uk-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right
 */
@keyframes uk-fade-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Small
 */
@keyframes uk-fade-top-small {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Small
 */
@keyframes uk-fade-bottom-small {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Small
 */
@keyframes uk-fade-left-small {
  0% {
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Small
 */
@keyframes uk-fade-right-small {
  0% {
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Top Medium
 */
@keyframes uk-fade-top-medium {
  0% {
    opacity: 0;
    transform: translateY(-50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom Medium
 */
@keyframes uk-fade-bottom-medium {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left Medium
 */
@keyframes uk-fade-left-medium {
  0% {
    opacity: 0;
    transform: translateX(-50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right Medium
 */
@keyframes uk-fade-right-medium {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Scale Up
 */
@keyframes uk-fade-scale-02 {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale Down
 */
@keyframes uk-fade-scale-18 {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Kenburns
 */
@keyframes uk-scale-kenburns {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*
 * Shake
 */
@keyframes uk-shake {
  0%, 100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/*
 * Stroke
 */
@keyframes uk-stroke {
  0% {
    stroke-dashoffset: var(--uk-animation-stroke);
  }
  100% {
    stroke-dashoffset: 0;
  }
}
/* ========================================================================
   Component: Width
 ========================================================================== */
/* Equal child widths
 ========================================================================== */
[class*="uk-child-width"] > * {
  box-sizing: border-box;
  width: 100%;
}
.uk-child-width-1-2 > * {
  width: 50%;
}
.uk-child-width-1-3 > * {
  width: calc(100% * 1 / 3.001);
}
.uk-child-width-1-4 > * {
  width: 25%;
}
.uk-child-width-1-5 > * {
  width: 20%;
}
.uk-child-width-1-6 > * {
  width: calc(100% * 1 / 6.001);
}
.uk-child-width-auto > * {
  width: auto;
}
/*
 * 1. Reset the `min-width`, which is set to auto by default, because
 *    flex items won't shrink below their minimum intrinsic content size.
 *    Using `1px` instead of `0`, so items still wrap into the next line,
 *    if they have zero width and padding and the predecessor is 100% wide.
 */
.uk-child-width-expand > :not([class*="uk-width"]) {
  flex: 1;
  /* 1 */
  min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-child-width-1-1\@s > * {
    width: 100%;
  }
  .uk-child-width-1-2\@s > * {
    width: 50%;
  }
  .uk-child-width-1-3\@s > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@s > * {
    width: 25%;
  }
  .uk-child-width-1-5\@s > * {
    width: 20%;
  }
  .uk-child-width-1-6\@s > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-child-width-1-1\@m > * {
    width: 100%;
  }
  .uk-child-width-1-2\@m > * {
    width: 50%;
  }
  .uk-child-width-1-3\@m > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@m > * {
    width: 25%;
  }
  .uk-child-width-1-5\@m > * {
    width: 20%;
  }
  .uk-child-width-1-6\@m > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  .uk-child-width-1-1\@l > * {
    width: 100%;
  }
  .uk-child-width-1-2\@l > * {
    width: 50%;
  }
  .uk-child-width-1-3\@l > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@l > * {
    width: 25%;
  }
  .uk-child-width-1-5\@l > * {
    width: 20%;
  }
  .uk-child-width-1-6\@l > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@l > * {
    width: auto;
  }
  .uk-child-width-expand\@l > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1500px) {
  .uk-child-width-1-1\@xl > * {
    width: 100%;
  }
  .uk-child-width-1-2\@xl > * {
    width: 50%;
  }
  .uk-child-width-1-3\@xl > * {
    width: calc(100% * 1 / 3.001);
  }
  .uk-child-width-1-4\@xl > * {
    width: 25%;
  }
  .uk-child-width-1-5\@xl > * {
    width: 20%;
  }
  .uk-child-width-1-6\@xl > * {
    width: calc(100% * 1 / 6.001);
  }
  .uk-child-width-auto\@xl > * {
    width: auto;
  }
  .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
}
/* Single Widths
 ========================================================================== */
/*
 * 1. `max-width` is needed for the pixel-based classes
 */
[class*="uk-width"] {
  box-sizing: border-box;
  width: 100%;
  /* 1 */
  max-width: 100%;
}
/* Halves */
.uk-width-1-2 {
  width: 50%;
}
/* Thirds */
.uk-width-1-3 {
  width: calc(100% * 1 / 3.001);
}
.uk-width-2-3 {
  width: calc(100% * 2 / 3.001);
}
/* Quarters */
.uk-width-1-4 {
  width: 25%;
}
.uk-width-3-4 {
  width: 75%;
}
/* Fifths */
.uk-width-1-5 {
  width: 20%;
}
.uk-width-2-5 {
  width: 40%;
}
.uk-width-3-5 {
  width: 60%;
}
.uk-width-4-5 {
  width: 80%;
}
/* Sixths */
.uk-width-1-6 {
  width: calc(100% * 1 / 6.001);
}
.uk-width-5-6 {
  width: calc(100% * 5 / 6.001);
}
/* Pixel */
.uk-width-small {
  width: 150px;
}
.uk-width-medium {
  width: 350px;
}
.uk-width-large {
  width: 450px;
}
.uk-width-xlarge {
  width: 600px;
}
.uk-width-2xlarge {
  width: 750px;
}
/* Auto */
.uk-width-auto {
  width: auto;
}
/* Expand */
.uk-width-expand {
  flex: 1;
  min-width: 1px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  /* Whole */
  /* Halves */
  /* Thirds */
  /* Quarters */
  /* Fifths */
  /* Sixths */
  /* Pixel */
  /* Auto */
  /* Expand */
  .uk-width-1-1\@s {
    width: 100%;
  }
  .uk-width-1-2\@s {
    width: 50%;
  }
  .uk-width-1-3\@s {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@s {
    width: calc(100% * 2 / 3.001);
  }
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  .uk-width-1-5\@s {
    width: 20%;
  }
  .uk-width-2-5\@s {
    width: 40%;
  }
  .uk-width-3-5\@s {
    width: 60%;
  }
  .uk-width-4-5\@s {
    width: 80%;
  }
  .uk-width-1-6\@s {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@s {
    width: calc(100% * 5 / 6.001);
  }
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 350px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-2xlarge\@s {
    width: 750px;
  }
  .uk-width-auto\@s {
    width: auto;
  }
  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  /* Whole */
  /* Halves */
  /* Thirds */
  /* Quarters */
  /* Fifths */
  /* Sixths */
  /* Pixel */
  /* Auto */
  /* Expand */
  .uk-width-1-1\@m {
    width: 100%;
  }
  .uk-width-1-2\@m {
    width: 50%;
  }
  .uk-width-1-3\@m {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@m {
    width: calc(100% * 2 / 3.001);
  }
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  .uk-width-1-5\@m {
    width: 20%;
  }
  .uk-width-2-5\@m {
    width: 40%;
  }
  .uk-width-3-5\@m {
    width: 60%;
  }
  .uk-width-4-5\@m {
    width: 80%;
  }
  .uk-width-1-6\@m {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@m {
    width: calc(100% * 5 / 6.001);
  }
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 350px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-2xlarge\@m {
    width: 750px;
  }
  .uk-width-auto\@m {
    width: auto;
  }
  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  /* Whole */
  /* Halves */
  /* Thirds */
  /* Quarters */
  /* Fifths */
  /* Sixths */
  /* Pixel */
  /* Auto */
  /* Expand */
  .uk-width-1-1\@l {
    width: 100%;
  }
  .uk-width-1-2\@l {
    width: 50%;
  }
  .uk-width-1-3\@l {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@l {
    width: calc(100% * 2 / 3.001);
  }
  .uk-width-1-4\@l {
    width: 25%;
  }
  .uk-width-3-4\@l {
    width: 75%;
  }
  .uk-width-1-5\@l {
    width: 20%;
  }
  .uk-width-2-5\@l {
    width: 40%;
  }
  .uk-width-3-5\@l {
    width: 60%;
  }
  .uk-width-4-5\@l {
    width: 80%;
  }
  .uk-width-1-6\@l {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@l {
    width: calc(100% * 5 / 6.001);
  }
  .uk-width-small\@l {
    width: 150px;
  }
  .uk-width-medium\@l {
    width: 350px;
  }
  .uk-width-large\@l {
    width: 450px;
  }
  .uk-width-xlarge\@l {
    width: 600px;
  }
  .uk-width-2xlarge\@l {
    width: 750px;
  }
  .uk-width-auto\@l {
    width: auto;
  }
  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
}
/* Large screen and bigger */
@media (min-width: 1500px) {
  /* Whole */
  /* Halves */
  /* Thirds */
  /* Quarters */
  /* Fifths */
  /* Sixths */
  /* Pixel */
  /* Auto */
  /* Expand */
  .uk-width-1-1\@xl {
    width: 100%;
  }
  .uk-width-1-2\@xl {
    width: 50%;
  }
  .uk-width-1-3\@xl {
    width: calc(100% * 1 / 3.001);
  }
  .uk-width-2-3\@xl {
    width: calc(100% * 2 / 3.001);
  }
  .uk-width-1-4\@xl {
    width: 25%;
  }
  .uk-width-3-4\@xl {
    width: 75%;
  }
  .uk-width-1-5\@xl {
    width: 20%;
  }
  .uk-width-2-5\@xl {
    width: 40%;
  }
  .uk-width-3-5\@xl {
    width: 60%;
  }
  .uk-width-4-5\@xl {
    width: 80%;
  }
  .uk-width-1-6\@xl {
    width: calc(100% * 1 / 6.001);
  }
  .uk-width-5-6\@xl {
    width: calc(100% * 5 / 6.001);
  }
  .uk-width-small\@xl {
    width: 150px;
  }
  .uk-width-medium\@xl {
    width: 350px;
  }
  .uk-width-large\@xl {
    width: 450px;
  }
  .uk-width-xlarge\@xl {
    width: 600px;
  }
  .uk-width-2xlarge\@xl {
    width: 750px;
  }
  .uk-width-auto\@xl {
    width: auto;
  }
  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
}
/* ========================================================================
   Component: Height
 ========================================================================== */
[class*="uk-height"] {
  box-sizing: border-box;
}
/*
 * Only works if parent element has a height set
 */
.uk-height-1-1 {
  height: 100%;
}
/*
 * Useful to create image teasers
 */
.uk-height-viewport {
  min-height: 100vh;
}
/*
 * Pixel
 * Useful for `overflow: auto`
 */
.uk-height-small {
  height: 150px;
}
.uk-height-medium {
  height: 300px;
}
.uk-height-large {
  height: 450px;
}
.uk-height-max-small {
  max-height: 150px;
}
.uk-height-max-medium {
  max-height: 300px;
}
.uk-height-max-large {
  max-height: 450px;
}
/* ========================================================================
   Component: Cover
 ========================================================================== */
/*
 * Works with iframes and embedded content
 * 1. Reset responsiveness for embedded content
 * 2. Center object
 * Note: Percent values on the `top` property only works if this element
 *       is absolute positioned or if the container has a height
 */
.uk-cover {
  /* 1 */
  max-width: none;
  /* 2 */
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
iframe.uk-cover {
  pointer-events: none;
}
/* Container
 ========================================================================== */
/*
 * 1. Parent container which clips resized object
 * 2. Needed if the child is positioned absolute. See note above
 */
.uk-cover-container {
  /* 1 */
  overflow: hidden;
  /* 2 */
  position: relative;
}
/* ========================================================================
   Component: Background
 ========================================================================== */
/* Color
 ========================================================================== */
.uk-background-default {
  background-color: var(--bg-default);
}
.uk-background-muted {
  background-color: var(--bg-muted);
}
.uk-background-primary {
  background-color: var(--primary);
}
.uk-background-secondary {
  background-color: var(--secondary);
}
/* Size
 ========================================================================== */
.uk-background-cover, .uk-background-contain {
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.uk-background-cover {
  background-size: cover;
}
.uk-background-contain {
  background-size: contain;
}
/* Position
 ========================================================================== */
.uk-background-top-left {
  background-position: 0 0;
}
.uk-background-top-center {
  background-position: 50% 0;
}
.uk-background-top-right {
  background-position: 100% 0;
}
.uk-background-center-left {
  background-position: 0 50%;
}
.uk-background-center-center {
  background-position: 50% 50%;
}
.uk-background-center-right {
  background-position: 100% 50%;
}
.uk-background-bottom-left {
  background-position: 0 100%;
}
.uk-background-bottom-center {
  background-position: 50% 100%;
}
.uk-background-bottom-right {
  background-position: 100% 100%;
}
/* Repeat
 ========================================================================== */
.uk-background-norepeat {
  background-repeat: no-repeat;
}
/* Attachment
 ========================================================================== */
/*
 * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d`
 */
.uk-background-fixed {
  background-attachment: fixed;
  /* 1 */
  backface-visibility: hidden;
}
/*
 * Exclude touch devices because `fixed` doesn't work on iOS and Android
 */
@media (pointer: coarse) {
  .uk-background-fixed {
    background-attachment: scroll;
  }
}
/* Image
 ========================================================================== */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-background-image\@s {
    background-image: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 1023px) {
  .uk-background-image\@m {
    background-image: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1279px) {
  .uk-background-image\@l {
    background-image: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1499px) {
  .uk-background-image\@xl {
    background-image: none !important;
  }
}
/* ========================================================================
   Component: Position
 ========================================================================== */
/* Directions
 ========================================================================== */
/*
 * 1. Prevent content overflow if `max-width: 100%` is used inside position container.
 */
[class*="uk-position-top"], [class*="uk-position-bottom"], [class*="uk-position-left"], [class*="uk-position-right"], [class*="uk-position-center"] {
  position: absolute !important;
  /* 1 */
  max-width: 100%;
}
/* Edges
 ========================================================================== */
/* Don't use `width: 100%` because it is wrong if the parent has padding. */
.uk-position-top {
  top: 0;
  left: 0;
  right: 0;
}
.uk-position-bottom {
  bottom: 0;
  left: 0;
  right: 0;
}
.uk-position-left {
  top: 0;
  bottom: 0;
  left: 0;
}
.uk-position-right {
  top: 0;
  bottom: 0;
  right: 0;
}
/* Corners
 ========================================================================== */
.uk-position-top-left {
  top: 0;
  left: 0;
}
.uk-position-top-right {
  top: 0;
  right: 0;
}
.uk-position-bottom-left {
  bottom: 0;
  left: 0;
}
.uk-position-bottom-right {
  bottom: 0;
  right: 0;
}
/*
 * Center
 * 1. Fix text wrapping if content is larger than 50% of the container.
 */
.uk-position-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 1 */
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
}
/* Vertical */
[class*="uk-position-center-left"], [class*="uk-position-center-right"] {
  top: 50%;
  transform: translateY(-50%);
}
.uk-position-center-left {
  left: 0;
}
.uk-position-center-right {
  right: 0;
}
.uk-position-center-left-out {
  right: 100%;
  width: max-content;
}
.uk-position-center-right-out {
  left: 100%;
  width: max-content;
}
/* Horizontal */
.uk-position-top-center, .uk-position-bottom-center {
  left: 50%;
  transform: translateX(-50%);
  /* 1 */
  width: max-content;
  max-width: 100%;
  box-sizing: border-box;
}
.uk-position-top-center {
  top: 0;
}
.uk-position-bottom-center {
  bottom: 0;
}
/* Cover
 ========================================================================== */
.uk-position-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* Utility
 ========================================================================== */
.uk-position-relative {
  position: relative !important;
}
.uk-position-absolute {
  position: absolute !important;
}
.uk-position-fixed {
  position: fixed !important;
}
.uk-position-z-index {
  z-index: 1;
}
/* Margin modifier
 ========================================================================== */
/*
 * Small
 */
.uk-position-small {
  max-width: calc(100% - (var(--gap) * 2));
  margin: var(--gap);
}
.uk-position-small.uk-position-center {
  transform: translate(-50%, -50%) translate(-var(--gap), -var(--gap));
}
.uk-position-small[class*="uk-position-center-left"], .uk-position-small[class*="uk-position-center-right"] {
  transform: translateY(-50%) translateY(-var(--gap));
}
.uk-position-small.uk-position-top-center, .uk-position-small.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-var(--gap));
}
/*
 * Medium
 */
.uk-position-medium {
  max-width: calc(100% - (30px * 2));
  margin: 30px;
}
.uk-position-medium.uk-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}
.uk-position-medium[class*="uk-position-center-left"], .uk-position-medium[class*="uk-position-center-right"] {
  transform: translateY(-50%) translateY(-30px);
}
.uk-position-medium.uk-position-top-center, .uk-position-medium.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}
/*
 * Large
 */
.uk-position-large {
  max-width: calc(100% - (30px * 2));
  margin: 30px;
}
.uk-position-large.uk-position-center {
  transform: translate(-50%, -50%) translate(-30px, -30px);
}
.uk-position-large[class*="uk-position-center-left"], .uk-position-large[class*="uk-position-center-right"] {
  transform: translateY(-50%) translateY(-30px);
}
.uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-30px);
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  .uk-position-large {
    max-width: calc(100% - (50px * 2));
    margin: 50px;
  }
  .uk-position-large.uk-position-center {
    transform: translate(-50%, -50%) translate(-50px, -50px);
  }
  .uk-position-large[class*="uk-position-center-left"], .uk-position-large[class*="uk-position-center-right"] {
    transform: translateY(-50%) translateY(-50px);
  }
  .uk-position-large.uk-position-top-center, .uk-position-large.uk-position-bottom-center {
    transform: translateX(-50%) translateX(-50px);
  }
}
/* ========================================================================
   Component: Transition
 ========================================================================== */
/* Toggle (Hover + Focus)
 ========================================================================== */
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-transition-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/*
 * Remove outline for `tabindex`
 */
.uk-transition-toggle:focus {
  outline: none;
}
/* Transitions
 ========================================================================== */
/*
 * The toggle is triggered on touch devices by two methods:
 * 1. Using `:focus` and tabindex
 * 2. Using `:hover` and a `touchstart` event listener registered on the document
 *    (Doesn't work on Surface touch devices)
 *
 * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`,
 *       therefore it's recommended to use an extra `div` for the transition.
 */
.uk-transition-fade, [class*="uk-transition-scale"], [class*="uk-transition-slide"] {
  transition: 0.3s ease-out;
  transition-property: opacity, transform, filter;
  opacity: 0;
}
/*
 * Fade
 */
.uk-transition-toggle:hover .uk-transition-fade, .uk-transition-toggle:focus .uk-transition-fade, .uk-transition-active.uk-active .uk-transition-fade {
  opacity: 1;
}
/*
 * Scale
 */
.uk-transition-scale-up {
  transform: scale(1, 1);
}
.uk-transition-scale-down {
  transform: scale(1.1, 1.1);
}
/* Show */
.uk-transition-toggle:hover .uk-transition-scale-up, .uk-transition-toggle:focus .uk-transition-scale-up, .uk-transition-active.uk-active .uk-transition-scale-up {
  opacity: 1;
  transform: scale(1.1, 1.1);
}
.uk-transition-toggle:hover .uk-transition-scale-down, .uk-transition-toggle:focus .uk-transition-scale-down, .uk-transition-active.uk-active .uk-transition-scale-down {
  opacity: 1;
  transform: scale(1, 1);
}
/*
 * Slide
 */
.uk-transition-slide-top {
  transform: translateY(-100%);
}
.uk-transition-slide-bottom {
  transform: translateY(100%);
}
.uk-transition-slide-left {
  transform: translateX(-100%);
}
.uk-transition-slide-right {
  transform: translateX(100%);
}
.uk-transition-slide-top-small {
  transform: translateY(-10px);
}
.uk-transition-slide-bottom-small {
  transform: translateY(10px);
}
.uk-transition-slide-left-small {
  transform: translateX(-10px);
}
.uk-transition-slide-right-small {
  transform: translateX(10px);
}
.uk-transition-slide-top-medium {
  transform: translateY(-50px);
}
.uk-transition-slide-bottom-medium {
  transform: translateY(50px);
}
.uk-transition-slide-left-medium {
  transform: translateX(-50px);
}
.uk-transition-slide-right-medium {
  transform: translateX(50px);
}
/* Show */
.uk-transition-toggle:hover [class*="uk-transition-slide"], .uk-transition-toggle:focus [class*="uk-transition-slide"], .uk-transition-active.uk-active [class*="uk-transition-slide"] {
  opacity: 1;
  transform: translate(0, 0);
}
/* Opacity modifier
 ========================================================================== */
.uk-transition-opaque {
  opacity: 1;
}
/* Duration modifiers
 ========================================================================== */
.uk-transition-slow {
  transition-duration: 0.7s;
}
/* ========================================================================
   Component: Visibility
 ========================================================================== */
/*
 * Hidden
 * `hidden` attribute also set here to make it stronger
 */
[hidden], .uk-hidden {
  display: none !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-hidden\@s {
    display: none !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1280px) {
  .uk-hidden\@l {
    display: none !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1500px) {
  .uk-hidden\@xl {
    display: none !important;
  }
}
/*
 * Visible
 */
/* Phone portrait and smaller */
@media (max-width: 639px) {
  .uk-visible\@s {
    display: none !important;
  }
}
/* Phone landscape and smaller */
@media (max-width: 1023px) {
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1279px) {
  .uk-visible\@l {
    display: none !important;
  }
}
/* Desktop and smaller */
@media (max-width: 1499px) {
  .uk-visible\@xl {
    display: none !important;
  }
}
/* Visibility
 ========================================================================== */
.uk-invisible {
  visibility: hidden !important;
}
/* Toggle (Hover + Focus)
 ========================================================================== */
/*
 * Hidden
 * 1. The toggle is triggered on touch devices using `:focus` and tabindex
 * 2. The target stays visible if any element within receives focus through keyboard
 *    Doesn't work in Edge, yet.
 * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable.
 *
 */
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  /* 3 */
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/*
 * Invisible
 */
/* 1 + 2 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
  /* 3 */
  opacity: 0 !important;
}
/*
 * 1. Prevent tab highlighting on iOS.
 */
.uk-visible-toggle {
  /* 1 */
  -webkit-tap-highlight-color: transparent;
}
/*
 * Remove outline for `tabindex`
 */
.uk-visible-toggle:focus {
  outline: none;
}
/* Touch
 ========================================================================== */
/*
 * Hide if primary pointing device has limited accuracy, e.g. a touch screen.
 * Works on mobile browsers: Safari, Chrome and Android browser
 */
@media (pointer: coarse) {
  .uk-hidden-touch {
    display: none !important;
  }
}
/*
 * Hide if primary pointing device is accurate, e.g. mouse.
 * 1. Fallback for IE11 and Firefox, because `pointer` is not supported
 * 2. Reset if supported
 */
/* 1 */
.uk-hidden-notouch {
  display: none !important;
}
@media (pointer: coarse) {
  .uk-hidden-notouch {
    display: block !important;
  }
}
html {
  font-family: var(--base-font-family);
  font-size: var(--fs-base);
  font-weight: var(--font-weight-base);
  line-height: var(--line-height-base);
  color: var(--base-color);
  background: var(--bg-default);
  min-height: 100vh;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  font-feature-settings: "liga" off, "lnum";
}
html::-webkit-scrollbar {
  width: 4px;
  background: #F5F5F5;
}
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
body.front:not(.cabinet) {
  background-image: url("/uploads/storage/html/pagebg.webp");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
}
main {
  min-height: 45dvh;
}
*::-webkit-scrollbar-track {
  box-shadow: none;
}
*::-webkit-scrollbar-track {
  background: var(--bg-muted);
}
*::-webkit-scrollbar {
  width: 4px;
  background-color: var(--bg-muted);
}
*::-webkit-scrollbar {
  background: #F5F5F5;
}
*::-webkit-scrollbar-thumb {
  background: var(--secondary);
}
a, button, .form-control {
  transition: all 0.2s;
}
button {
  font-family: var(--base-font-family);
  font-size: var(--fs-base);
  cursor: pointer;
}
*:focus {
  outline: 0 !important;
}
*::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 2px;
}
*::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 2px;
}
p:last-child {
  margin-bottom: 0;
}
.fw-header {
  background: var(--bg-default);
}
.fw-header__top {
  padding: var(--gap) 0;
}
.fw-header__logo {
  display: flex;
  width: 165px;
}
.fw-header__search {
  background: #fff;
  padding: 10px 0;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: var(--bottom-shadow);
}
.fw-header__search:not(.show) {
  display: none;
}
.fw-header__search-btn {
  position: absolute;
  top: 0;
  height: 50px;
  width: 50px;
  display: inline-flex !important;
  justify-content: center;
  align-items: center;
}
.fw-header__search-btn.submit {
  left: 0;
}
.fw-header__search-btn.close {
  right: 0;
}
.fw-header:not(.hdr-reverse) {
  box-shadow: var(--bottom-shadow);
}
.fw-header.hdr-reverse {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: transparent;
  z-index: 980;
}
.fw-header.hdr-reverse::after {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: var(--header-gradient);
}
.fw-header.hdr-reverse .fw-btn-mobile-nav {
  color: #fff;
}
@media (max-width: 1279px) {
  .fw-header__logo {
    width: 140px;
  }
}
@media (max-width: 1023px) {
  .fw-header__top {
    padding: var(--gap-sm) 0;
  }
}
.fw-icon-menu {
  display: flex;
  gap: var(--gap);
  list-style: none;
  padding: 0;
  margin: 0;
}
.fw-icon-menu > li {
  text-align: center;
}
.fw-icon-menu > li > a {
  display: flex;
  flex-direction: column;
  gap: 5px;
  line-height: 1;
  color: var(--base-color);
  transition: none;
}
.fw-icon-menu > li > a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.fw-icon-menu__link {
  position: relative;
  display: block;
}
.fw-icon-menu__item {
  position: relative;
  width: min-content;
}
.fw-icon-menu__name {
  font-size: var(--fs-xxsmall);
  font-weight: 500;
}
@media (max-width: 1279px) {
  .fw-icon-menu {
    gap: var(--gap-sm);
  }
}
@media (max-width: 1023px) {
  .fw-icon-menu {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--bg-default);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.1);
    padding: 7px 0;
  }
  .fw-icon-menu > li {
    flex: 1;
  }
  .fw-icon-menu > li > a {
    gap: 3px;
  }
}
@media (min-width: 1024px) {
  .fw-header.hdr-reverse .fw-icon-menu > li > a {
    color: #fff;
    text-shadow: var(--text-shadow);
  }
  .fw-header.hdr-reverse .fw-icon-menu > li > a:hover {
    color: #fff;
  }
}
.fw-menu {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: end;
  gap: var(--gap);
  font-weight: 400;
  font-family: var(--base-font-family);
}
.fw-menu-item {
  position: relative;
}
.fw-menu-item.lvl-1 {
  padding: 10px 0;
}
@media (min-width: 1024px) {
  .fw-menu-item--dropdown:hover > .fw-menu-link-wrap .fw-menu-icon-submenu {
    transform: rotate(180deg);
  }
  .fw-menu-item--dropdown:hover > .fw-submenu {
    display: block;
  }
}
.fw-menu .fw-menu-item--dropdown--open > .fw-submenu {
  display: block;
}
.fw-menu .fw-menu-level-1.fw-menu-item--dropdown--open > .fw-menu-link .fw-menu-icon-submenu {
  transform: rotate(180deg);
}
@media (max-width: 1023px) {
  .fw-menu {
    flex-direction: column;
    overflow-y: auto;
    flex-wrap: nowrap;
    gap: var(--gap-sm);
  }
  .fw-menu-item.lvl-1 {
    padding: 8px 0;
  }
}
.fw-menu-link {
  color: #000;
  display: block;
  font-size: 0.875rem;
  text-transform: uppercase;
}
.fw-menu-link:hover {
  color: var(--link-color);
  text-decoration: none;
}
@media (min-width: 1024px) {
  .fw-menu-link-lvl-1 {
    position: relative;
  }
  .fw-menu-link-lvl-1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20%;
    opacity: 0;
    width: 100%;
    height: 100%;
    border-bottom: 1px solid var(--gold-dark);
    transition: all 0.3s ease;
    pointer-events: none;
  }
  .fw-menu-link-lvl-1:hover::after {
    opacity: 1;
    bottom: -2px;
  }
  .fw-menu-link-lvl-2 {
    border-bottom: 1px solid transparent;
    padding-bottom: 1px;
  }
  .fw-menu-link-lvl-2:hover {
    border-color: var(--gold);
  }
}
.fw-menu-icon-submenu {
  color: #000;
  user-select: none;
}
.fw-menu-link-wrap {
  display: flex;
  align-items: center;
  gap: 7px;
}
@media (max-width: 1023px) {
  .fw-menu-link-wrap {
    justify-content: space-between;
  }
}
.fw-submenu {
  display: none;
  list-style: none;
  margin: 0;
  background: var(--bg-default);
}
.fw-submenu li + li {
  margin-top: 8px;
}
@media (min-width: 1024px) {
  .fw-submenu {
    padding: 14px 20px;
    position: absolute;
    z-index: 101;
    min-width: 150px;
    box-shadow: var(--box-shadow);
    top: 100%;
    width: max-content;
    background: #fff;
  }
}
@media (max-width: 1023px) {
  .fw-submenu {
    padding: 15px 0px 0px 15px;
  }
  .fw-submenu li + li {
    margin-top: 15px;
  }
}
.fw-header.hdr-reverse .fw-menu-link {
  color: #fff;
}
.fw-header.hdr-reverse .fw-menu-link:hover.fw-menu-link-lvl-1 {
  color: #fff;
}
.fw-header.hdr-reverse .fw-menu-link.fw-menu-link-lvl-2, .fw-header.hdr-reverse .fw-menu-link.fw-menu-link-lvl-3 {
  color: #fff;
}
.fw-header.hdr-reverse .fw-menu-link-lvl-1 {
  text-shadow: var(--text-shadow);
}
.fw-header.hdr-reverse .fw-menu-link-lvl-1::after {
  border-bottom-color: var(--gold);
}
.fw-header.hdr-reverse .fw-menu-icon-submenu {
  color: #fff;
}
@media (min-width: 1024px) {
  .fw-header.hdr-reverse .fw-submenu {
    box-shadow: none;
    background: var(--secondary);
  }
}
.fw-btn {
  font: inherit;
  -webkit-appearance: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid transparent;
  height: var(--button-height);
  padding: 0 25px;
  border-radius: var(--button-radius);
  font-size: var(--button-fs);
  color: inherit;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  font-weight: 400;
  cursor: pointer;
  transition: 0.2s;
}
.fw-btn:hover, .fw-btn:focus {
  text-decoration: none;
  outline: none;
  color: var(--link-hover-color);
}
.fw-btn:disabled {
  color: var(--text-muted);
}
.fw-btn-sm {
  height: var(--button-height-sm);
  padding: 0 15px;
  font-size: var(--button-fs-sm);
}
.fw-btn-lg {
  height: var(--button-height-lg);
  padding: 0 40px;
  border-radius: var(--button-radius-lg);
  font-size: var(--button-fs-lg);
  font-weight: 600;
}
.fw-btn-wide {
  min-width: 220px;
}
.fw-btn-primary {
  background-color: var(--primary);
  border: 0;
  color: #fff;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.fw-btn-primary::before {
  content: "";
  position: absolute;
  left: -10px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background-image: url("/uploads/storage/html/button-bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
  transition: 0.3s ease-in-out;
}
.fw-btn-primary:hover, .fw-btn-primary:focus {
  background-color: var(--primary-dark);
  color: #fff;
}
.fw-btn-primary:hover::before, .fw-btn-primary:focus::before {
  left: -60px;
  right: -60px;
}
.fw-btn-primary-border {
  background-color: transparent;
  border-color: var(--primary);
  color: var(--primary);
}
.fw-btn-primary-border:hover, .fw-btn-primary-border.active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: #fff;
}
.fw-btn-secondary {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: #fff;
}
.fw-btn-secondary:hover, .fw-btn-secondary:focus {
  background-color: var(--secondary-dark);
  border-color: var(--secondary-dark);
  color: #fff;
}
.fw-btn-border-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.fw-btn-border-white:hover {
  background-color: #fff;
  border-color: #fff;
  color: var(--link-hover-color);
}
a {
  color: var(--link-color);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
article a:not([class]):hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}
.fw-link, .fw-link-default {
  color: var(--primary);
}
.fw-link:hover, .fw-link-default:hover {
  border-color: inherit;
}
.fw-link-bbs {
  border-bottom: 1px solid;
  text-decoration: none;
}
.fw-link-bbs:hover {
  text-decoration: none;
}
.fw-link-bbds {
  border-bottom: 1px dashed;
  text-decoration: none;
}
.fw-link-bbds:hover {
  text-decoration: none;
}
.fw-link-bbdt {
  border-bottom: 1px dotted;
  text-decoration: none;
}
.fw-link-bbdt:hover {
  text-decoration: none;
}
.fw-link-more {
  position: relative;
  padding-right: 30px;
}
.fw-link-more .uk-icon {
  position: absolute;
  right: 0;
  bottom: 2px;
}
.fw-link-more:hover {
  padding-right: 40px;
  text-decoration: none;
}
.fw-link-text-primary {
  color: var(--base-color);
}
.fw-link-text-primary:hover {
  color: var(--primary);
}
.fw-link-gray-primary {
  color: #a1a1a1;
}
.fw-link-gray-primary:hover {
  color: var(--primary);
}
.fw-read-more {
  color: var(--primary);
  font-weight: 600;
  border: 0;
}
.fw-read-more span {
  transition: transform 0.3s;
}
.fw-read-more:hover {
  text-decoration: none;
  color: var(--accent-color);
}
.fw-read-more:hover span, .fw-read-more:hover .fw-link-arrow-right {
  transform: translateX(3px);
}
.fw-read-more:hover .span-inverse, .fw-read-more:hover .fw-link-arrow-left {
  transform: translateX(-3px);
}
.fw-link-secondary {
  color: var(--secondary);
}
.fw-link-text-secondary {
  color: var(--base-color);
}
.fw-link-text-secondary:hover {
  color: #1e1b4b;
}
.fw-link-text-white {
  color: var(--base-color);
}
.fw-link-text-white:hover {
  color: #fff;
}
.fw-link-light-primary {
  color: #fff;
}
.fw-link-light-primary:hover {
  color: var(--primary);
}
.fw-link-light-secondary {
  color: #fff;
}
.fw-link-light-secondary:hover {
  color: #1e1b4b;
}
.fw-link-nodecor {
  text-decoration: none;
}
.fw-link-nodecor:hover {
  text-decoration: none;
}
.fw-link-parent {
  margin-bottom: 5px;
  font-size: 12px;
  margin-right: 5px;
  margin-bottom: 5px;
  position: relative;
  display: inline-block;
  height: 22px;
  border-radius: 4px;
  line-height: 22px;
  border: 1px solid;
  color: var(--primary);
  padding: 0 10px;
}
.fw-link-parent:hover {
  background-color: var(--primary);
  color: #fff;
  text-decoration: none;
}
.fw-social-icon {
  display: block;
  width: 25px;
  height: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.3s;
  will-change: transform;
}
.fw-social-icon:hover {
  transform: scale(1.2);
}
a[href$=".pdf"], a[href$=".doc"], a[href$=".docx"], a:not([class])[href$=".xls"], a:not([class])[href$=".xlsx"] {
  display: inline-flex;
  padding-left: 35px;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: left center;
  min-height: 25px;
  padding-top: 5px;
  border: none !important;
}
a[href$=".pdf"] {
  background-image: url("/uploads/storage/icons/Pdf.svg");
}
a[href$=".doc"], a[href$=".docx"] {
  background-image: url("/uploads/storage/icons/word.svg");
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--base-font-family);
  color: var(--base-title-color);
  font-weight: 700;
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: 15px;
  text-indent: 0;
}
h1.fw-primary-inverse-color, h2.fw-primary-inverse-color, h3.fw-primary-inverse-color, h4.fw-primary-inverse-color, h5.fw-primary-inverse-color, h6.fw-primary-inverse-color {
  color: var(--secondary-inverse);
}
h1.fw-secondary-inverse-color, h2.fw-secondary-inverse-color, h3.fw-secondary-inverse-color, h4.fw-secondary-inverse-color, h5.fw-secondary-inverse-color, h6.fw-secondary-inverse-color {
  color: var(--secondary-inverse);
}
h1 span:not([class]), h2 span:not([class]), h3 span:not([class]), h4 span:not([class]), h5 span:not([class]), h6 span:not([class]) {
  color: var(--primary2);
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
h1.title-white, h2.title-white, h3.title-white, h4.title-white, h5.title-white, h6.title-white {
  color: #fff;
}
h1.title-white a:hover, h2.title-white a:hover, h3.title-white a:hover, h4.title-white a:hover, h5.title-white a:hover, h6.title-white a:hover {
  color: inherit;
  text-decoration: underline;
}
h1, .h1 {
  font-size: var(--fs-h1);
}
h2, .h2 {
  font-size: var(--fs-h2);
}
h3, .h3 {
  font-size: var(--fs-h3);
}
h4, .h4 {
  font-size: var(--fs-h4);
}
h5, .h5 {
  font-size: var(--fs-h5);
}
h6, .h6 {
  font-size: var(--fs-h6);
}
.h-lead {
  font-size: var(--fs-lead);
}
h1, h2, h3 {
  text-transform: uppercase;
}
.fw-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
}
.fw-title h1, .fw-title h2, .fw-title h3, .fw-title h4, .fw-title h5, .fw-title h6 {
  margin: 0 0 0 0;
  padding-right: 15px;
}
.fw-title-center {
  justify-content: center;
}
.fw-title-center h1, .fw-title-center h2, .fw-title-center h3, .fw-title-center h4, .fw-title-center h5, .fw-title-center h6 {
  padding-left: 15px;
}
.fw-title-decor {
  height: 2px;
  background: var(--decor);
  flex: 1;
}
.fw-title-line {
  height: 1.5rem;
}
.fw-title-line:last-child {
  display: none;
}
.fw-title-mb {
  margin-bottom: 1.5rem;
}
.fw-title-center + .header-line {
  margin-left: auto;
  margin-right: auto;
}
.fw-sub-title:empty {
  display: none;
}
.fw-mainslider__items {
  min-height: 650px !important;
  height: 650px;
}
.fw-mainslider__image::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: var(--ms-gradient);
}
.fw-mainslider__content {
  color: #fff;
  padding: 40px 0;
  max-width: 570px;
}
.fw-mainslider__title {
  text-transform: uppercase;
  text-shadow: var(--text-shadow);
}
.fw-mainslider__text .ms-text {
  font-size: var(--fs-medium);
  text-shadow: var(--text-shadow);
}
.fw-mainslider__more {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media (max-width: 1023px) {
  .fw-mainslider__items {
    min-height: 550px !important;
    height: 550px;
  }
  .fw-mainslider__title {
    font-size: 2rem;
  }
}
.cart-component {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 980;
}
.cart-component-total {
  position: absolute;
  white-space: nowrap;
  font-size: 0.875rem;
  font-weight: 500;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  background: var(--primary);
  top: 50%;
  transform: translateY(-50%);
  right: 125%;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all 0.15s;
}
.cart-component-total::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  transform: rotate(45deg);
  background: var(--primary);
  position: absolute;
  right: -5px;
  top: 10px;
}
.cart-component-link {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--primary);
  transition: all 0.15s;
}
.cart-component-link:hover {
  transform: scale(1.075);
}
.cart-component-link:hover + .cart-component-total {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.cart-component-badge {
  position: absolute;
  bottom: -6px;
  right: -6px;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  color: #fff;
  font-size: 0.875rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--primary);
}
@media (max-width: 1023px) {
  .cart-component {
    bottom: 65px;
    right: 15px;
  }
  .cart-component-link {
    width: 48px;
    height: 48px;
  }
}
/* ========================================================================
   Component: Notification
 ========================================================================== */
/*
 * 1. Set position
 * 2. Dimensions
 */
.uk-notification {
  /* 1 */
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1040;
  /* 2 */
  box-sizing: border-box;
  width: 350px;
}
/* Position modifiers
========================================================================== */
.uk-notification-top-right, .uk-notification-bottom-right {
  left: auto;
  right: 10px;
}
.uk-notification-top-center, .uk-notification-bottom-center {
  left: 50%;
  margin-left: -175px;
}
.uk-notification-bottom-left, .uk-notification-bottom-right, .uk-notification-bottom-center {
  top: auto;
  bottom: 10px;
}
/* Responsiveness
========================================================================== */
/* Phones portrait and smaller */
@media (max-width: 639px) {
  .uk-notification {
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
}
/* Message
========================================================================== */
.uk-notification-message {
  position: relative;
  padding: 30px;
  background: var(--bg-muted);
  color: var(--base-color);
  font-size: 1rem;
  line-height: 1.4;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow);
  font-weight: 500;
  cursor: pointer;
}
* + .uk-notification-message {
  margin-top: 10px;
}
/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-notification-close {
  display: none;
  position: absolute;
  top: var(--gap)5px;
  right: var(--gap);
}
.uk-notification-message:hover .uk-notification-close {
  display: block;
}
/* Style modifiers
 ========================================================================== */
/*
 * Primary
 */
.uk-notification-message-primary {
  color: var(--primary);
}
/*
 * Success
 */
.uk-notification-message-success {
  color: var(--success100);
}
/*
 * Warning
 */
.uk-notification-message-warning {
  color: #faa05a;
}
/*
 * Danger
 */
.uk-notification-message-danger {
  color: #ff0d0d;
}
/*# sourceMappingURL=main.min.map */