:root {
  --gap:                20px;
  --gap-sm:             15px;
  --gap-xs:             10px;
  --gap-xxs:            5px;
  --gap-md:             30px;
  --gap-lg:             40px;
  --gap-xl:             50px;
  --fs-lead:            70px;
  --fs-base:            16px;
  --fs-h1:              42px;
  --fs-h2:              36px;
  --fs-h3:              32px;
  --fs-h4:              24px;
  --fs-h5:              22px;
  --fs-h6:              18px;
  --fs-small:           14px;
  --fs-xsmall:          12px;
  --bg-default:       #fff;
  --bg-inverse:       #bbb;
  --bg-muted:         #EEF3F6;
  --base-color:       #222;
  --dark:               var(--base-color);
  --primary:            #291773;
  --primary-dark:       #21135e;
  --primary-inverse:    #fff;
  --primary100:         #f1d2c4;
  --primary300:         #f8c26a;
  --secondary:          #3F8AC4;
  --secondary-inverse:  #fff;
  --secondary-dark:     #377db3;
  --secondary100:       #dbe9f4;
  --accent-color:       #222;
  --text-muted:         #797778;
  --success:            #99c24d;
  --success100:         #f3ffde;
  --warning:            #E98B1E;
  --base-font-family:   Noah, "Open Sans", Arial, sans-serif;
  --base-title-color:   $base-color;
  --link-color:         var(--secondary);
  --link-hover-color:   var(--secondary-dark);
  --border-radius:            0;
  --border-radius-xs:         4px;
  --border-radius-sm:         10px;
  --border-radius-md:         30px;
  --base-border-width:        2px;
  --base-border-color:        #ddd;
  --control-border-radius:    var(--border-radius-xs);
  --control-border-color:     var(--base-border-color);
  --control-bg:               #fff;
  --control-focus-bg:         #fff;
  --control-px:               var(--gap-md);
  --control-line-height:      51px;
  --control-line-height-md:   64px;
  --control-line-height-sm:   40px;
  --padding-2xl:              70px;
  --padding-xl:               50px;
  --padding-l:                40px;
  --section-padding:          70px;
  --section-small-padding:    40px;
  --container-width:          1240px;
  --notification-bg:          #fffceb;
  --box-shadow:               0 0 20px rgb(0 0 0 / 15%);
}
@media (max-width: 1279px) {
  :root {
    --padding-2xl:              40px;
    --padding-xl:               30px;
    --padding-l:                20px;
    --control-line-height:      50px;
    --fs-lead:                  50px;
    --section-padding:          80px;
    --control-px:               var(--gap);
  }
}
@media (max-width: 1023px) {
  :root {
    --padding-2xl:              20px;
    --padding-xl:               20px;
    --padding-l:                20px;
    --fs-lead:                  36px;
    --fs-h1:                    36px;
    --fs-h2:                    32px;
    --fs-h3:                    28px;
    --fs-h4:                    24px;
    --section-padding:          50px;
    --control-line-height-md:   51px;
  }
}
@media (max-width: 640px) {
  :root {
    --section-padding:          40px;
  }
}
@media (max-width: 420px) {
  :root {
    --fs-small:     12px;
    --fs-xsmall:    10px;
  }
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Light"), local("NoahText-Light"), url("../fonts/noah/NoahText-Light.woff2") format("woff2"), url("../fonts/noah/NoahText-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Light"), local("NoahHead-Light"), url("../fonts/noah/NoahHead-Light.woff2") format("woff2"), url("../fonts/noah/NoahHead-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Light"), local("NoahGrotesque-Light"), url("../fonts/noah/NoahGrotesque-Light.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Heavy"), local("Noah-Heavy"), url("../fonts/noah/Noah-Heavy.woff2") format("woff2"), url("../fonts/noah/Noah-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Heavy"), local("NoahText-Heavy"), url("../fonts/noah/NoahText-Heavy.woff2") format("woff2"), url("../fonts/noah/NoahText-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head UltraLight"), local("NoahHead-UltraLight"), url("../fonts/noah/NoahHead-UltraLight.woff2") format("woff2"), url("../fonts/noah/NoahHead-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text UltraLight"), local("NoahText-UltraLight"), url("../fonts/noah/NoahText-UltraLight.woff2") format("woff2"), url("../fonts/noah/NoahText-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Medium"), local("Noah-Medium"), url("../fonts/noah/Noah-Medium.woff2") format("woff2"), url("../fonts/noah/Noah-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Thin"), local("NoahText-Thin"), url("../fonts/noah/NoahText-Thin.woff2") format("woff2"), url("../fonts/noah/NoahText-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Black"), local("NoahHead-Black"), url("../fonts/noah/NoahHead-Black.woff2") format("woff2"), url("../fonts/noah/NoahHead-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Medium"), local("NoahText-Medium"), url("../fonts/noah/NoahText-Medium.woff2") format("woff2"), url("../fonts/noah/NoahText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Regular"), local("NoahHead-Regular"), url("../fonts/noah/NoahHead-Regular.woff2") format("woff2"), url("../fonts/noah/NoahHead-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Regular"), local("NoahText-Regular"), url("../fonts/noah/NoahText-Regular.woff2") format("woff2"), url("../fonts/noah/NoahText-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah UltraLight"), local("Noah-UltraLight"), url("../fonts/noah/Noah-UltraLight.woff2") format("woff2"), url("../fonts/noah/Noah-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Black"), local("NoahGrotesque-Black"), url("../fonts/noah/NoahGrotesque-Black.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Light"), local("Noah-Light"), url("../fonts/noah/Noah-Light.woff2") format("woff2"), url("../fonts/noah/Noah-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Bold"), local("Noah-Bold"), url("../fonts/noah/Noah-Bold.woff2") format("woff2"), url("../fonts/noah/Noah-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Thin"), local("NoahHead-Thin"), url("../fonts/noah/NoahHead-Thin.woff2") format("woff2"), url("../fonts/noah/NoahHead-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Heavy"), local("NoahGrotesque-Heavy"), url("../fonts/noah/NoahGrotesque-Heavy.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Heavy.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Medium"), local("NoahGrotesque-Medium"), url("../fonts/noah/NoahGrotesque-Medium.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Bold"), local("NoahGrotesque-Bold"), url("../fonts/noah/NoahGrotesque-Bold.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque UltraLight"), local("NoahGrotesque-UltraLight"), url("../fonts/noah/NoahGrotesque-UltraLight.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-UltraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text ExtraBold"), local("NoahText-ExtraBold"), url("../fonts/noah/NoahText-ExtraBold.woff2") format("woff2"), url("../fonts/noah/NoahText-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Black"), local("NoahText-Black"), url("../fonts/noah/NoahText-Black.woff2") format("woff2"), url("../fonts/noah/NoahText-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque ExtraBold"), local("NoahGrotesque-ExtraBold"), url("../fonts/noah/NoahGrotesque-ExtraBold.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Regular"), local("Noah-Regular"), url("../fonts/noah/Noah-Regular.woff2") format("woff2"), url("../fonts/noah/Noah-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Thin"), local("NoahGrotesque-Thin"), url("../fonts/noah/NoahGrotesque-Thin.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noah Text";
  src: local("Noah Text Bold"), local("NoahText-Bold"), url("../fonts/noah/NoahText-Bold.woff2") format("woff2"), url("../fonts/noah/NoahText-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Bold"), local("NoahHead-Bold"), url("../fonts/noah/NoahHead-Bold.woff2") format("woff2"), url("../fonts/noah/NoahHead-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Heavy"), local("NoahHead-Heavy"), url("../fonts/noah/NoahHead-Heavy.woff2") format("woff2"), url("../fonts/noah/NoahHead-Heavy.woff") fformat("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah ExtraBold"), local("Noah-ExtraBold"), url("../fonts/noah/Noah-ExtraBold.woff2") format("woff2"), url("../fonts/noah/Noah-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head Medium"), local("NoahHead-Medium"), url("../fonts/noah/NoahHead-Medium.woff2") format("woff2"), url("../fonts/noah/NoahHead-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Thin"), local("Noah-Thin"), url("../fonts/noah/Noah-Thin.woff2") format("woff2"), url("../fonts/noah/Noah-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Noah";
  src: local("Noah Black"), local("Noah-Black"), url("../fonts/noah/Noah-Black.woff2") format("woff2"), url("../fonts/noah/Noah-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Noah Head";
  src: local("Noah Head ExtraBold"), local("NoahHead-ExtraBold"), url("../fonts/noah/NoahHead-ExtraBold.woff2") format("woff2"), url("../fonts/noah/NoahHead-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Noah Grotesque";
  src: local("Noah Grotesque Regular"), local("NoahGrotesque-Regular"), url("../fonts/noah/NoahGrotesque-Regular.woff2") format("woff2"), url("../fonts/noah/NoahGrotesque-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* ========================================================================
   Component: Section
 ========================================================================== */
/*
 * 1. Make it work with `100vh` and height in general
 */
.uk-section {
  display: flow-root;
  box-sizing: border-box;
  /* 1 */
  padding-top: 40px;
  padding-bottom: 40px;
}
/* Desktop and bigger */
@media (min-width: 1024px) {
  .uk-section {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*
 * Remove margin from the last-child
 */
.uk-section > :last-child {
  margin-bottom: 0;
}
/* Size modifiers
 ========================================================================== */
/*
 * XSmall
 */
.uk-section-xsmall {
  padding-top: var(--gap, 20px);
  padding-bottom: var(--gap, 20px);
}
/*
 * Small
 */
.uk-section-small {
  padding-top: 40px;
  padding-bottom: 40px;
}
/*
 * Large
 */
.uk-section-large {
  padding-top: 60px;
  padding-bottom: 60px;
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-section-large {
    padding-top: 140px;
    padding-bottom: 140px;
  }
}
/*
 * XLarge
 */
.uk-section-xlarge {
  padding-top: 140px;
  padding-bottom: 140px;
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-section-xlarge {
    padding-top: 200px;
    padding-bottom: 200px;
  }
}
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
.uk-section-default {
  background: var(--bg-default);
}
/*
 * Muted
 */
.uk-section-muted {
  background: var(--bg-muted);
}
/*
 * Primary
 */
.uk-section-primary {
  background: var(--primary);
}
/*
 * Secondary
 */
.uk-section-secondary {
  background: var(--secondary);
}
/* Overlap modifier
 ========================================================================== */
/*
 * Reserved modifier to make a section overlap another section with an border image
 * Implemented by the theme
 */
/* ========================================================================
   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;
  /* 1 */
  box-sizing: content-box;
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .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) - 30px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 30px);
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-container-expand-left, .uk-container-expand-right {
    max-width: calc(50% + (1240px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-xsmall, .uk-container-expand-right.uk-container-xsmall {
    max-width: calc(50% + (750px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small {
    max-width: calc(50% + (900px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
    max-width: calc(50% + (1400px / 2) - 40px);
  }
  .uk-container-expand-left.uk-container-xlarge, .uk-container-expand-right.uk-container-xlarge {
    max-width: calc(50% + (1660px / 2) - 40px);
  }
}
/* 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% + 30px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -30px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -30px;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 1024px) {
  .uk-container-item-padding-remove-left, .uk-container-item-padding-remove-right {
    width: calc(100% + 40px);
  }
  .uk-container-item-padding-remove-left {
    margin-left: -40px;
  }
  .uk-container-item-padding-remove-right {
    margin-right: -40px;
  }
}
/* ========================================================================
   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 * var(--gap));
}
.uk-grid-small > *, .uk-grid-column-small > * {
  padding-left: var(--gap);
}
/* 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: var(--gap);
}
/*
 * 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 * 70px);
  }
  .uk-grid-large > *, .uk-grid-column-large > * {
    padding-left: 70px;
  }
  .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: 70px;
  }
}
/*
 * 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: -var(--gap) * 2;
}
.uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * {
  padding-left: var(--gap) * 2;
}
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
  left: var(--gap);
}
/* 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: var(--gap) * 2;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -var(--gap);
  left: var(--gap) * 2;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -var(--gap);
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: var(--gap) * 2;
}
/*
 * 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: -140px;
  }
  .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * {
    padding-left: 140px;
  }
  .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
    left: 70px;
  }
  .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: 140px;
  }
  .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
    left: 140px;
  }
  .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
    top: -70px;
  }
  .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
    left: 140px;
  }
}
/* 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
 ========================================================================== */
/*
 * 1. Allow items to wrap into the next line
 * 2. Reset list
 * 3. Gutter
 */
.uk-dotnav {
  display: flex;
  /* 1 */
  flex-wrap: wrap;
  /* 2 */
  margin: 0;
  padding: 0;
  list-style: none;
  /* 3 */
  margin-left: -12px;
}
/*
 * 1. Space is allocated solely based on content dimensions: 0 0 auto
 * 2. Gutter
 */
.uk-dotnav > * {
  /* 1 */
  flex: none;
  /* 2 */
  padding-left: 12px;
}
/* Items
 ========================================================================== */
/*
 * Items
 * 1. Hide text if present
 */
.uk-dotnav > * > * {
  display: block;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: transparent;
  /* 1 */
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  border: 1px solid rgba(var(--base-color), 0.4);
  transition: 0.2s ease-in-out;
  transition-property: background-color, border-color;
}
/* Hover + Focus */
.uk-dotnav > * > :hover, .uk-dotnav > * > :focus {
  background-color: var(--base-color);
  outline: none;
  border-color: transparent;
}
/* OnClick */
.uk-dotnav > * > :active {
  background-color: var(--base-color);
  border-color: transparent;
}
/* Active */
.uk-dotnav > .uk-active > * {
  background-color: var(--base-color);
  border-color: transparent;
}
/* Modifier: 'uk-dotnav-vertical'
 ========================================================================== */
/*
 * 1. Change direction
 * 2. Gutter
 */
.uk-dotnav-vertical {
  /* 1 */
  flex-direction: column;
  /* 2 */
  margin-left: 0;
  margin-top: -12px;
}
/* 2 */
.uk-dotnav-vertical > * {
  padding-left: 0;
  padding-top: 12px;
}
/* ========================================================================
   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: 1600px) {
  .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: 1600px) {
  /* 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: 1599px) {
  .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: 1600px) {
  .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: 1599px) {
  .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;
  }
}
.fw-header {
  font-size: var(--fs-small);
  background: var(--bg-default);
  position: relative;
  padding: var(--gap-xs) 0;
}
.fw-header.uk-sticky-fixed {
  box-shadow: var(--box-shadow);
  z-index: 1000;
}
@media (max-width: 1023px) {
  .fw-header {
    padding-bottom: 0;
  }
}
.fw-header__body {
  display: flex;
  gap: 60px;
  align-items: center;
}
@media (max-width: 1599px) {
  .fw-header__body {
    gap: var(--gap-md);
  }
}
.fw-header--inverse {
  background-color: var(--bg-inverse);
}
.fw-header--inverse .fw-header__body, .fw-header--inverse .fw-icon-menu__badge, .fw-header--inverse .primary {
  filter: invert(1);
}
@media (max-width: 1279px) {
  .fw-header__logo {
    margin-right: auto;
  }
}
.fw-header__bottom, .fw-header__top-body {
  display: flex;
  gap: var(--gap);
  align-items: center;
}
.fw-header__bottom {
  gap: var(--gap-xs);
}
.fw-header__top {
  align-items: baseline;
  padding-bottom: var(--gap-xs);
  border-bottom: 1px solid var(--base-border-color);
}
.fw-header__bottom {
  padding-top: var(--gap-xs);
}
@media (max-width: 1023px) {
  .fw-header__bottom {
    display: none;
  }
}
.fw-header__phone {
  font-size: var(--fs-h6);
  font-weight: 700;
}
@media (min-width: 1024px) {
  .uk-sticky-fixed .fw-header__logo, .uk-sticky-fixed .fw-header__top {
    display: none;
  }
}
.fw-header__logo {
  display: flex;
  gap: var(--gap-xs);
  align-items: center;
}
.w190 {
  width: 190px;
  max-width: 100%;
  box-sizing: border-box;
}
@media (max-width: 1279px) {
  .w190 {
    width: 150px;
  }
}
.fw-btn-basket__icon {
  width: 24px;
  height: 24px;
}
.fw-btn-basket__badge {
  padding: 0 4px;
  background: var(--secondary);
  color: var(--secondary-inverse);
  border-radius: 20px;
  transform: translateX(-10px);
  display: inline-block;
  line-height: 14px;
  font-size: var(--fs-small);
}
.fw-menu {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  justify-content: space-evenly;
  font-weight: 400;
  font-family: var(--base-font-family);
}
@media (max-width: 1023px) {
  .fw-menu {
    flex-direction: column;
    overflow-y: auto;
    flex-wrap: nowrap;
  }
  .fw-menu .menu {
    height: auto;
  }
}
.fw-menu .fw-menu-item--dropdown--open > .fw-submenu {
  display: block;
}
.fw-menu-bg {
  background: #fff;
}
.fw-menu-link {
  color: var(--base-color);
  display: block;
  font-size: 16px;
}
.fw-menu-link:hover {
  color: var(--secondary);
  background-color: transparent;
  text-decoration: none;
}
.fw-submenu-inner {
  list-style: none;
}
@media (max-width: 1023px) {
  .fw-menu-level-1.fw-menu-item + .fw-menu-item {
    margin-left: 0;
  }
}
.fw-menu-level-1.fw-menu-item:hover > .fw-menu-link {
  color: var(--secondary);
}
.fw-menu-level-1.fw-menu-item.fw-menu-item--current > .fw-menu-link {
  color: var(--secondary);
  background-color: transparent;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .fw-menu-level-1.fw-menu-item .fw-menu-link {
    padding: 0.5rem 0.75rem;
  }
}
.fw-menu-level-1 > .fw-menu-link {
  color: var(--base-color);
  font-size: 18px;
  font-weight: 500;
  text-transform: none;
  padding: 8px 0;
  position: relative;
  white-space: nowrap;
  transition: color linear 0.3s;
}
.fw-menu-level-2 {
  padding: 10px 0;
}
.fw-menu-level-2 > .fw-menu-link {
  color: #000;
}
.fw-menu-level-2 > .fw-menu-link:hover {
  color: var(--secondary);
  background-color: rgba(255, 255, 255, 0.2);
}
.fw-menu-level-2.fw-menu-item--dropdown > .fw-menu-link {
  padding-right: 2.25rem;
}
.fw-menu-level-3 {
  padding: 10px 0;
}
.fw-menu-level-4 {
  padding: 10px 0;
}
.fw-menu-link__title {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
  white-space: nowrap;
}
.fw-menu-desktop .fw-submenu {
  box-shadow: 1px 1px 10px #c5c5c5;
  position: absolute;
  display: none;
  padding: 20px;
  background: #fff;
  z-index: 99;
  min-width: 150px;
}
.fw-menu-desktop .fw-submenu-inner {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fw-menu-desktop .fw-menu-level-2 > .fw-submenu {
  left: 100%;
  top: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}
@media (max-width: 1023px) {
  .fw-menu-desktop {
    display: none;
  }
}
.fw-menu-level-1.fw-menu-item--dropdown--open > .fw-menu-link .fw-menu-icon-submenu {
  transform: rotate(180deg);
}
.fw-menu-mobile .fw-menu-level-1 {
  border-bottom: 2px solid var(--bg-muted);
}
.fw-menu-mobile .fw-menu-link {
  width: 100%;
  box-sizing: border-box;
}
.fw-menu-mobile .fw-menu-item-dropdown .fw-menu-link {
  width: auto;
}
.fw-menu-mobile .fw-submenu-inner {
  line-height: 1.2;
  margin-bottom: 7px;
}
.fw-menu-mobile .fw-submenu-inner .fw-menu-item {
  padding: 7px 0;
}
.fw-menu-mobile .fw-submenu {
  display: none;
}
.fw-menu-mobile .fw-submenu.open {
  display: block;
}
.fw-menu-mobile .fw-menu-icon-submenu {
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
}
.active > .fw-menu-icon-submenu {
  transform: rotate(180deg);
}
.fw-menu .fw-menu-link {
  transition: none;
}
.fw-menu-item-114 .fw-menu-link {
  font-weight: 600;
}
.fw-menu-item-114 .fw-menu-link::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M12.6068 7.14666H10.5468V2.34666C10.5468 1.22666 9.94009 0.999998 9.20009 1.84L8.66676 2.44666L4.15342 7.58C3.53342 8.28 3.79342 8.85333 4.72676 8.85333H6.78676V13.6533C6.78676 14.7733 7.39342 15 8.13342 14.16L8.66676 13.5533L13.1801 8.42C13.8001 7.72 13.5401 7.14666 12.6068 7.14666Z' fill='%23222222'/%3E%3C/svg%3E");
}
.fw-menu-item-114 .fw-menu-link:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M12.6068 7.14666H10.5468V2.34666C10.5468 1.22666 9.94009 0.999998 9.20009 1.84L8.66676 2.44666L4.15342 7.58C3.53342 8.28 3.79342 8.85333 4.72676 8.85333H6.78676V13.6533C6.78676 14.7733 7.39342 15 8.13342 14.16L8.66676 13.5533L13.1801 8.42C13.8001 7.72 13.5401 7.14666 12.6068 7.14666Z' fill='%233F8AC4'/%3E%3C/svg%3E");
}
.fw-menu-item-114.fw-menu-item--current > .fw-menu-link::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'%3E%3Cpath d='M12.6068 7.14666H10.5468V2.34666C10.5468 1.22666 9.94009 0.999998 9.20009 1.84L8.66676 2.44666L4.15342 7.58C3.53342 8.28 3.79342 8.85333 4.72676 8.85333H6.78676V13.6533C6.78676 14.7733 7.39342 15 8.13342 14.16L8.66676 13.5533L13.1801 8.42C13.8001 7.72 13.5401 7.14666 12.6068 7.14666Z' fill='%233F8AC4'/%3E%3C/svg%3E");
}
:root {
  --gradient-bg: linear-gradient(90deg,#F6BE6D 1%, #D8433C 50%, #F6BE6D);
}
.fw-btn {
  margin: 0;
  overflow: visible;
  font: inherit;
  color: inherit;
  white-space: nowrap;
  -webkit-appearance: none;
  display: inline-block;
  box-sizing: border-box;
  padding: 0 var(--control-px);
  vertical-align: middle;
  line-height: var(--control-line-height);
  text-align: center;
  text-decoration: none;
  position: relative;
  text-transform: none;
  border: var(--base-border-width) solid transparent;
  border-radius: var(--control-border-radius);
  font-weight: 600;
}
.fw-btn:not(:disabled) {
  cursor: pointer;
}
.fw-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Hover */
.fw-btn:hover {
  text-decoration: none;
}
/* Focus */
.fw-btn:focus {
  outline: none;
}
.fw-btn:disabled {
  opacity: 0.7;
}
/*
 * Primary
 */
.fw-btn-primary {
  border-color: transparent;
  color: var(--primary-inverse);
  background: var(--primary);
  transition: 0.5s;
}
/* Hover + Focus */
.fw-btn-primary:hover:not(:disabled), .fw-btn-primary:focus:not(:disabled), .fw-btn-primary:active:not(:disabled), .fw-btn-primary.uk-active:not(:disabled) {
  color: var(--primary-inverse);
  background: var(--base-color);
}
.fw-btn-secondary {
  border-color: transparent;
  color: var(--secondary-inverse);
  background: var(--secondary);
  transition: 0.5s;
}
/* Hover + Focus */
.fw-btn-secondary:hover, .fw-btn-secondary:focus, .fw-btn-secondary:active, .fw-btn-secondary.uk-active {
  color: var(--secondary-inverse);
  background: var(--secondary-dark);
}
.fw-btn-muted {
  border-color: var(--bg-muted);
  color: var(--base-color);
  background: var(--bg-muted);
  transition: 0.5s;
}
.fw-btn-muted:hover, .fw-btn-muted:focus, .fw-btn-muted:active, .fw-btn-muted.uk-active {
  color: var(--primary-inverse);
  background: var(--primary);
}
.fw-btn-accent {
  border-color: transparent;
  color: var(--primary-inverse);
  background: var(--gradient-bg);
  transition: 0.5s;
  background-size: 200%;
  background-position: 0;
}
/* Hover + Focus */
.fw-btn-accent:hover, .fw-btn-accent:focus, .fw-btn-accent:active, .fw-btn-accent.uk-active {
  color: var(--primary-inverse);
  background-position: 100%;
}
.fw-tab-btn {
  display: inline-flex;
  align-items: center;
  margin: 3px 2px 3px 0;
  padding: var(--gap-xxs) var(--gap);
  font-weight: 500;
  text-decoration: none;
  border: 1px solid var(--bg-muted);
  color: var(--base-color);
  background: #fff;
  transition: 0.3s;
  border-radius: var(--control-border-radius);
  font-family: var(--secondary-font-family);
  font-size: var(--fs-base);
  height: var(--control-line-height-sm);
  box-sizing: border-box;
  cursor: pointer;
}
.fw-tab-btn:hover, .fw-tab-btn.uk-active {
  text-decoration: none;
  background-color: var(--bg-muted);
  border-color: transparent;
  color: var(--base-color);
}
.fw-section-lead--inverse {
  /* Hover + Focus */
}
.fw-section-lead--inverse .fw-btn-accent {
  border-color: var(--bg-default);
  color: var(--bg-default);
  backdrop-filter: blur(14px);
  background: radial-gradient(187.6% 102.55% at 29% 26%, var(--bg-muted), transparent 100%);
  transition: 0.3s;
}
.fw-section-lead--inverse .fw-btn-accent:hover, .fw-section-lead--inverse .fw-btn-accent:focus, .fw-section-lead--inverse .fw-btn-accent:active, .fw-section-lead--inverse .fw-btn-accent.uk-active {
  background: radial-gradient(187.6% 102.55% at 20% 20%, var(--base-border-color), transparent 100%);
  color: var(--accent-color);
}
.fw-btn-white, .uk-light .fw-btn-white, .uk-section-primary:not(.uk-preserve-color) .fw-btn-white, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-white {
  border-color: transparent;
  color: var(--secondary);
  background: #fff;
}
.fw-btn-white:hover, .fw-btn-white:focus, .fw-btn-white:active, .fw-btn-white.uk-active, .uk-light .fw-btn-white:hover, .uk-section-primary:not(.uk-preserve-color) .fw-btn-white:hover, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-white:hover, .uk-light .fw-btn-white:focus, .uk-section-primary:not(.uk-preserve-color) .fw-btn-white:focus, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-white:focus, .uk-light .fw-btn-white:active, .uk-section-primary:not(.uk-preserve-color) .fw-btn-white:active, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-white:active, .uk-light .fw-btn-white.uk-active, .uk-section-primary:not(.uk-preserve-color) .fw-btn-white.uk-active, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-white.uk-active {
  color: var(--secondary-inverse);
  background: var(--secondary);
}
.fw-btn-light, .uk-light .fw-btn-light, .uk-section-primary:not(.uk-preserve-color) .fw-btn-light, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-light {
  border-color: transparent;
  color: var(--primary);
  background: #fff;
}
.fw-btn-light:hover, .fw-btn-light:focus, .fw-btn-light:active, .fw-btn-light.uk-active, .uk-light .fw-btn-light:hover, .uk-section-primary:not(.uk-preserve-color) .fw-btn-light:hover, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-light:hover, .uk-light .fw-btn-light:focus, .uk-section-primary:not(.uk-preserve-color) .fw-btn-light:focus, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-light:focus, .uk-light .fw-btn-light:active, .uk-section-primary:not(.uk-preserve-color) .fw-btn-light:active, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-light:active, .uk-light .fw-btn-light.uk-active, .uk-section-primary:not(.uk-preserve-color) .fw-btn-light.uk-active, .uk-section-secondary:not(.uk-preserve-color) .fw-btn-light.uk-active {
  background-color: var(--secondary);
  color: var(--secondary-inverse);
  border-color: var(--secondary);
}
.fw-btn-default {
  border-color: var(--base-border-color);
  background: #fff;
  color: var(--base-color);
}
.fw-btn-default:hover, .fw-btn-default:focus, .fw-btn-default:active, .fw-btn-default.uk-active {
  color: var(--primary-inverse);
  background: var(--primary);
  border-color: var(--primary);
}
.fw-btn-md {
  line-height: var(--control-line-height-md);
}
.fw-btn-sm {
  line-height: var(--control-line-height-sm);
}
.fw-btn-circle {
  display: inline-flex;
  height: var(--control-line-height);
  width: var(--control-line-height);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.fw-btn-login {
  padding: 0 var(--gap-sm);
}
.fw-catalog-menu__btn-toggle, .fw-btn-basket {
  font-size: 18px;
}
.fw-btn-login {
  width: 55px;
  text-transform: uppercase;
  font-size: var(--fs-h4);
}
a {
  text-decoration: none;
  text-underline-offset: 7px;
}
a:hover {
  text-decoration: none;
}
article a:not([class]) {
  color: var(--primary);
  border-bottom: 1px solid transparent;
  transition: 0.3s;
}
article a:not([class]):hover {
  text-decoration: none;
  border-bottom: 1px solid var(--primary);
}
.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-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: var(--secondary);
}
.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: var(--secondary);
}
.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);
}
/*
$base-text-color
$primary
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
  font-family: var(--base-font-family);
  line-height: 1.2;
  margin-top: 0;
  margin-bottom: var(--gap-sm);
}
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);
}
.fw-title {
  color: var(--accent-color);
  font-weight: 500;
}
.fw-title h1, .fw-title h2, .fw-title h3, .fw-title a {
  color: inherit;
  margin-bottom: 0;
}
.fw-title h1 b, .fw-title h2 b, .fw-title h3 b, .fw-title a b {
  font-weight: 800;
}
.fw-title-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.fw-title-center + .fw-title-line {
  margin-left: auto;
  margin-right: auto;
}
.fw-title-line {
  width: 5rem;
  height: 0.1875rem;
  margin-bottom: var(--gap);
}
.fw-title-mb {
  margin-bottom: var(--gap);
}
.fw-footer-title {
  font-weight: 700;
  color: white;
  font-size: 1.125rem;
}
.fw-title.uk-flex {
  align-items: center;
}
.fw-title.uk-flex h1, .fw-title.uk-flex h2, .fw-title.uk-flex h3, .fw-title.uk-flex h4, .fw-title.uk-flex h5, .fw-title.uk-flex h6 {
  margin-top: 0;
}
.fw-icon-menu {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
}
.fw-icon-menu > li {
  text-align: center;
}
@media (max-width: 1279px) {
  .fw-icon-menu > li {
    padding: 0px 5px;
    flex-grow: 1;
  }
}
.fw-icon-menu > li > a {
  padding: 9px 15px 7px;
  min-width: 60px;
  display: block;
  background: var(--secondary);
  border-radius: var(--control-border-radius);
  color: var(--primary-inverse);
  transition: none;
}
.fw-icon-menu > li > a:hover {
  color: var(--primary-inverse);
  text-decoration: none;
  background-color: var(--secondary-dark);
  box-shadow: 10px 0 0 var(--secondary-dark), -10px 0 0 var(--secondary-dark);
}
@media (max-width: 1279px) {
  .fw-icon-menu > li > a {
    padding-left: 0;
    padding-right: 0;
    background: var(--bg-default);
    color: var(--base-color);
    min-width: auto;
  }
}
.fw-icon-menu__link {
  position: relative;
  display: block;
}
.fw-icon-menu__item {
  position: relative;
  width: min-content;
}
.fw-icon-menu__icon {
  width: 24px;
  height: 24px;
  position: relative;
  line-height: 1;
}
.fw-icon-menu__icon.uk-icon {
  margin: 0 auto 3px;
  display: block;
}
.fw-icon-menu__badge {
  position: absolute;
  left: 50%;
  transform: translateX(50%);
  top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  width: 15px;
  height: 15px;
  background-color: var(--bg-default);
  color: var(--secondary);
  line-height: 17px;
  font-size: 10px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
}
.fw-icon-menu__badge-changeVal {
  color: var(--bg-default);
}
.fw-icon-menu__badge[data-val="0"] {
  display: none;
}
.fw-icon-menu__name {
  font-size: 14px;
}
@media (max-width: 1279px) {
  .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);
  }
  .fw-icon-menu__item--basket {
    min-width: 60px;
  }
}
.fw-catalog-menu {
  background: rgba(0, 0, 0, 0.75);
  padding: 0;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
  display: none;
}
.fw-catalog-menu.show {
  display: block;
}
.fw-catalog-menu__inner {
  background-color: #fff;
  padding: 30px;
  padding-left: 0;
  position: relative;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .fw-catalog-menu__inner {
    width: 1200px;
  }
}
@media (min-width: 767px) {
  .fw-catalog-menu__inner:before {
    content: "";
    position: absolute;
    background-color: #f7f7f7;
    width: 300px;
    left: 0;
    top: 0;
    bottom: 0;
  }
}
@media (max-width: 540px) {
  .fw-catalog-menu__inner {
    padding: 20px;
  }
}
.fw-catalog-menu__icon {
  width: 22px;
  flex: 0 0 22px;
  margin-right: 15px;
}
.fw-catalog-menu__header {
  display: flex;
  margin-bottom: 20px;
  position: relative;
}
.fw-catalog-menu__body {
  position: relative;
  display: flex;
  height: calc(100% - 60px);
}
@media (max-width: 1023px) {
  .fw-catalog-menu__body {
    padding-top: var(--gap-lg);
  }
}
.fw-catalog-menu__leftcol {
  flex: 0 0 270px;
  max-width: 270px;
  padding-left: 30px;
  overflow-y: auto;
}
@media (max-width: 540px) {
  .fw-catalog-menu__leftcol {
    padding-left: 0;
  }
}
.fw-catalog-menu__rightcol {
  flex-grow: 1;
  padding-left: 30px;
  overflow-y: auto;
}
@media (max-width: 540px) {
  .fw-catalog-menu__rightcol {
    padding-left: 0;
  }
}
.fw-catalog-menu__title {
  font-size: 20px;
  font-weight: 500;
}
.fw-catalog-menu__nav {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .fw-catalog-menu__header {
    flex-direction: column;
  }
  .fw-catalog-menu__header .fw-catalog-menu__leftcol {
    margin-bottom: 20px;
    flex: 0 0 auto;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .fw-catalog-menu__body .fw-catalog-menu__leftcol {
    flex: 0 0 auto;
    max-width: 100%;
    border-right: 2px solid #e9ecef;
    padding-right: 30px;
  }
}
@media (max-width: 540px) {
  .fw-catalog-menu__body .fw-catalog-menu__leftcol {
    flex: 0 0 100%;
    max-width: 100%;
    border-right: none;
    padding-right: 0;
    box-sizing: border-box;
  }
}
.fw-catalog-menu__rightcol .fw-catalog-menu__title {
  margin-bottom: 20px;
}
.fw-catalog-menu__link + .fw-catalog-submenu {
  margin-top: 10px;
}
.fw-catalog-menu__item.fw-menu-level-1 {
  padding: 7px 0;
}
.fw-catalog-menu__item.fw-menu-level-1:hover, .fw-catalog-menu__item.fw-menu-level-1.active {
  background-color: #fff;
  box-shadow: -30px 0px 0 #fff;
}
@media (max-width: 767px) {
  .fw-catalog-menu__item.fw-menu-level-1:hover, .fw-catalog-menu__item.fw-menu-level-1.active {
    background-color: #f7f7f7;
    box-shadow: -30px 0px 0 #f7f7f7, 30px 0px 0 #f7f7f7;
  }
}
.fw-catalog-menu__nav .fw-catalog-menu__item.fw-menu-level-1 {
  line-height: 1.3;
}
.fw-catalog-menu__link {
  color: #212529;
  font-size: 14px;
}
.fw-catalog-menu__link:hover {
  color: var(--secondary);
}
.fw-catalog-menu__submenu-icon {
  width: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}
.fw-menu-level-1.fw-catalog-menu__drop .fw-catalog-menu__link {
  position: relative;
  display: block;
}
.fw-catalog-submenu .fw-catalog-menu__item {
  padding: 10px 0;
}
.fw-catalog-menu__rightcol-inner {
  display: none;
}
@media (max-width: 540px) {
  .fw-catalog-menu__rightcol-inner {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: calc(100% + 30px);
    transition: linear 0.3s;
    background: #fff;
    padding: 0;
    bottom: 0;
    top: 0;
    overflow-y: auto;
  }
}
.fw-catalog-menu__rightcol-inner.active {
  display: block;
}
@media (max-width: 540px) {
  .fw-catalog-menu__rightcol-inner.active {
    left: 0;
  }
}
.fw-catalog-menu__rightcol-inner > .fw-catalog-submenu {
  column-count: 3;
}
@media (max-width: 960px) {
  .fw-catalog-menu__rightcol-inner > .fw-catalog-submenu {
    column-count: 2;
  }
}
@media (max-width: 720px) {
  .fw-catalog-menu__rightcol-inner > .fw-catalog-submenu {
    column-count: 1;
  }
}
.fw-catalog-menu__rightcol-inner > .fw-catalog-submenu .fw-catalog-menu__item {
  display: inline-block;
  width: 100%;
}
@media (min-width: 541px) {
  .fw-catalog-menu__title .fw-catalog-menu__submenu-colse {
    display: none;
  }
}
.fw-catalog-menu__item.fw-menu-level-2 > .fw-catalog-menu__link {
  font-weight: 600;
}
.fw-menu-level-2 .fw-catalog-menu__item {
  padding: 0;
}
.fw-catalog-menu__item.fw-menu-level-3 {
  margin-bottom: 5px;
}
.fw-catalog-menu__item.fw-menu-level-3:last-child {
  margin-bottom: 0;
}
.fw-catalog-menu__item.fw-menu-level-3 .fw-catalog-menu__link {
  font-size: 13px;
}
.fw-menu-level-3 .fw-catalog-submenu {
  margin-left: 20px;
}
.fw-catalog-menu__item.fw-menu-level-4 {
  margin-top: 10px;
}
.fw-catalog-menu__item > a {
  text-decoration: none;
}
.fw-catalog-menu__item > a:hover {
  text-decoration: none;
}
.fw-catalog-menu__icon {
  transform: scale(1);
  transition: 0.2s;
}
.fw-catalog-menu__item .fw-catalog-menu__title {
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 1023px) {
  .fw-menu-level-1.fw-catalog-menu__drop > .fw-catalog-menu__link {
    touch-action: none;
  }
}
/* ========================================================================
   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(--notification-bg);
  color: var(--base-color);
  font-size: 1rem;
  line-height: 1.4;
  border-radius: var(--border-radius);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  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 {
  background-color: var(--success100);
}
/*
 * Warning
 */
.uk-notification-message-warning {
  color: #faa05a;
}
/*
 * Danger
 */
.uk-notification-message-danger {
  color: #ff0d0d;
}
.fw-hide-content {
  display: none !important;
}
/*# sourceMappingURL=main.min.map */