/* ========================================================================
   Component: Inverse
 ========================================================================== */
/*
 * Implemented class depends on the general uk-theme color
 * `uk-light` is for light colors on dark backgrounds
 * `uk-dark` is or dark colors on light backgrounds
 */
.uk-light .uk-logo {
  color: #fff;
}
.uk-light .uk-logo:hover {
  color: #fff;
}
.uk-light .uk-logo:has(.uk-logo-inverse) > :not(picture:has(.uk-logo-inverse)):not(.uk-logo-inverse) {
  display: none;
}
.uk-light .uk-logo-inverse {
  display: block;
}
.uk-light .uk-grid-divider > :not(.uk-first-column)::before {
  border-left-color: rgba(255, 255, 255, 0.2);
}
.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  border-top-color: rgba(255, 255, 255, 0.2);
}
/*
 * Pass dropbar behind color to JS
 */
* {
  --uk-inverse: initial;
}
.uk-light {
  --uk-inverse: light;
}
.uk-dark {
  --uk-inverse: dark;
}
.uk-inverse-light {
  --uk-inverse: light !important;
}
.uk-inverse-dark {
  --uk-inverse: dark !important;
}
/* ========================================================================
   Component: Utility
 ========================================================================== */
/* Panel
 ========================================================================== */
.uk-panel {
  display: flow-root;
  position: relative;
  box-sizing: border-box;
}
/*
 * Remove margin from the last-child
 */
.uk-panel > :last-child {
  margin-bottom: 0;
}
/*
 * Scrollable
 */
.uk-panel-scrollable {
  height: 170px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  overflow: auto;
  resize: both;
}
/* Clearfix
 ========================================================================== */
/*
 * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit
 * 2. `table` is used again with `::after` because `clear` only works with block elements.
 * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari
 */
/* 1 */
.uk-clearfix::before {
  content: "";
  display: table-cell;
}
/* 2 */
.uk-clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/* Float
 ========================================================================== */
/*
 * 1. Prevent content overflow
 */
.uk-float-left {
  float: left;
}
.uk-float-right {
  float: right;
}
/* 1 */
[class*="uk-float-"] {
  max-width: 100%;
}
/* Overflow
 ========================================================================== */
.uk-overflow-hidden {
  overflow: hidden;
}
/*
 * Enable scrollbars if content is clipped
 */
.uk-overflow-auto {
  overflow: auto;
}
.uk-overflow-auto > :last-child {
  margin-bottom: 0;
}
/* Box Sizing
 ========================================================================== */
.uk-box-sizing-content {
  box-sizing: content-box;
}
.uk-box-sizing-border {
  box-sizing: border-box;
}
/* Resize
 ========================================================================== */
.uk-resize {
  resize: both;
}
.uk-resize-horizontal {
  resize: horizontal;
}
.uk-resize-vertical {
  resize: vertical;
}
/* Display
 ========================================================================== */
.uk-display-block {
  display: block !important;
}
.uk-display-inline {
  display: inline !important;
}
.uk-display-inline-block {
  display: inline-block !important;
}
/* Inline
 ========================================================================== */
/*
 * 1. Container fits its content
 * 2. Create position context
 * 3. Prevent content overflow
 * 4. Behave like most inline-block elements
 * 5. Force new layer without creating a new stacking context
 *    to fix 1px glitch when combined with overlays and transitions in Webkit
 * 6. Clip child elements
 */
[class*="uk-inline"] {
  /* 1 */
  display: inline-block;
  /* 2 */
  position: relative;
  /* 3 */
  max-width: 100%;
  /* 4 */
  vertical-align: middle;
  /* 5 */
  -webkit-backface-visibility: hidden;
}
.uk-inline-clip {
  /* 6 */
  overflow: hidden;
}
/* Responsive objects
 ========================================================================== */
/*
 * Preserve original dimensions
 * Because `img, `video`, `canvas` and  `audio` are already responsive by default, see Base component
 */
.uk-preserve-width,
.uk-preserve-width canvas,
.uk-preserve-width img,
.uk-preserve-width svg,
.uk-preserve-width video {
  max-width: none;
}
/*
 * Responsiveness
 * Corrects `max-width` and `max-height` behavior if padding and border are used
 */
.uk-responsive-width,
.uk-responsive-height {
  box-sizing: border-box;
}
/*
 * 1. Set a maximum width. `important` needed to override `uk-preserve-width img`
 * 2. Auto scale the height. Only needed if `height` attribute is present
 */
.uk-responsive-width {
  /* 1 */
  max-width: 100% !important;
  /* 2 */
  height: auto;
}
/*
 * 1. Set a maximum height. Only works if the parent element has a fixed height
 * 2. Auto scale the width. Only needed if `width` attribute is present
 * 3. Reset max-width, which `img, `video`, `canvas` and  `audio` already have by default
 */
.uk-responsive-height {
  /* 1 */
  max-height: 100%;
  /* 2 */
  width: auto;
  /* 3 */
  max-width: none;
}
/*
 * Fix initial iframe width. Without the viewport is expanded on iOS devices
 */
[uk-responsive],
[data-uk-responsive] {
  max-width: 100%;
}
/* Object
 ========================================================================== */
.uk-object-cover {
  object-fit: cover;
}
.uk-object-contain {
  object-fit: contain;
}
.uk-object-fill {
  object-fit: fill;
}
.uk-object-none {
  object-fit: none;
}
.uk-object-scale-down {
  object-fit: scale-down;
}
/*
 * Position
 */
.uk-object-top-left {
  object-position: 0 0;
}
.uk-object-top-center {
  object-position: 50% 0;
}
.uk-object-top-right {
  object-position: 100% 0;
}
.uk-object-center-left {
  object-position: 0 50%;
}
.uk-object-center-center {
  object-position: 50% 50%;
}
.uk-object-center-right {
  object-position: 100% 50%;
}
.uk-object-bottom-left {
  object-position: 0 100%;
}
.uk-object-bottom-center {
  object-position: 50% 100%;
}
.uk-object-bottom-right {
  object-position: 100% 100%;
}
/* Border
 ========================================================================== */
.uk-border-circle {
  border-radius: 50%;
}
.uk-border-pill {
  border-radius: 500px;
}
.uk-border-rounded {
  border-radius: 5px;
}
/*
 * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit
 */
.uk-inline-clip[class*="uk-border-"] {
  -webkit-transform: translateZ(0);
}
/* Box-shadow
 ========================================================================== */
.uk-box-shadow-small {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-medium {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-large {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-box-shadow-xlarge {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/*
 * Hover
 */
[class*="uk-box-shadow-hover"] {
  transition: box-shadow 0.1s ease-in-out;
}
.uk-box-shadow-hover-small:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-hover-medium:hover {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
.uk-box-shadow-hover-large:hover {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.uk-box-shadow-hover-xlarge:hover {
  box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16);
}
/* Box-shadow bottom
 ========================================================================== */
/*
 * 1. Set position.
 * 2. Set style
 * 3. Fix shadow being clipped in Safari if container is animated
 */
@supports (filter: blur(0)) {
  .uk-box-shadow-bottom {
    display: inline-block;
    position: relative;
    z-index: 0;
    max-width: 100%;
    vertical-align: middle;
  }
  .uk-box-shadow-bottom::after {
    content: "";
    /* 1 */
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    z-index: -1;
    /* 2 */
    height: 30px;
    border-radius: 100%;
    background: #444;
    filter: blur(20px);
    /* 3 */
    will-change: filter;
  }
}
/* Drop cap
 ========================================================================== */
/*
 * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=214004
 * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height`
 *    https://bugzilla.mozilla.org/show_bug.cgi?id=317933
 */
.uk-dropcap::first-letter,
.uk-dropcap > p:first-of-type::first-letter {
  display: block;
  margin-right: 10px;
  float: left;
  font-size: 4.5em;
  line-height: 1;
}
/* 2 */
@-moz-document url-prefix() {
  .uk-dropcap::first-letter,
  .uk-dropcap > p:first-of-type::first-letter {
    margin-top: 1.1%;
  }
}
/* Logo
 ========================================================================== */
/*
 * 1. Style
 * 2. Required for `a`
 * 3. Behave like image but can be overridden through flex utility classes
 */
.uk-logo {
  /* 1 */
  font-size: 1.5rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #333;
  /* 2 */
  text-decoration: none;
}
/* 3 */
:where(.uk-logo) {
  display: inline-block;
  vertical-align: middle;
}
/* Hover */
.uk-logo:hover {
  color: #333;
  /* 1 */
  text-decoration: none;
}
.uk-logo :where(img, svg, video) {
  display: block;
}
.uk-logo-inverse {
  display: none;
}
/* Disabled State
 ========================================================================== */
.uk-disabled {
  pointer-events: none;
}
/* Drag State
 ========================================================================== */
/*
 * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons
 * 2. Fix dragging over iframes
 */
.uk-drag,
.uk-drag * {
  cursor: move;
}
/* 2 */
.uk-drag iframe {
  pointer-events: none;
}
/* Dragover State
 ========================================================================== */
/*
 * Create a box-shadow when dragging a file over the upload area
 */
.uk-dragover {
  box-shadow: 0 0 20px rgba(100, 100, 100, 0.3);
}
/* Blend modes
 ========================================================================== */
.uk-blend-multiply {
  mix-blend-mode: multiply;
}
.uk-blend-screen {
  mix-blend-mode: screen;
}
.uk-blend-overlay {
  mix-blend-mode: overlay;
}
.uk-blend-darken {
  mix-blend-mode: darken;
}
.uk-blend-lighten {
  mix-blend-mode: lighten;
}
.uk-blend-color-dodge {
  mix-blend-mode: color-dodge;
}
.uk-blend-color-burn {
  mix-blend-mode: color-burn;
}
.uk-blend-hard-light {
  mix-blend-mode: hard-light;
}
.uk-blend-soft-light {
  mix-blend-mode: soft-light;
}
.uk-blend-difference {
  mix-blend-mode: difference;
}
.uk-blend-exclusion {
  mix-blend-mode: exclusion;
}
.uk-blend-hue {
  mix-blend-mode: hue;
}
.uk-blend-saturation {
  mix-blend-mode: saturation;
}
.uk-blend-color {
  mix-blend-mode: color;
}
.uk-blend-luminosity {
  mix-blend-mode: luminosity;
}
/* Transform
========================================================================== */
.uk-transform-center {
  transform: translate(-50%, -50%);
}
/* Transform Origin
========================================================================== */
.uk-transform-origin-top-left {
  transform-origin: 0 0;
}
.uk-transform-origin-top-center {
  transform-origin: 50% 0;
}
.uk-transform-origin-top-right {
  transform-origin: 100% 0;
}
.uk-transform-origin-center-left {
  transform-origin: 0 50%;
}
.uk-transform-origin-center-right {
  transform-origin: 100% 50%;
}
.uk-transform-origin-bottom-left {
  transform-origin: 0 100%;
}
.uk-transform-origin-bottom-center {
  transform-origin: 50% 100%;
}
.uk-transform-origin-bottom-right {
  transform-origin: 100% 100%;
}
/* ========================================================================
   Component: Margin
 ========================================================================== */
/*
 * Default
 */
.uk-margin {
  margin-bottom: 20px;
}
* + .uk-margin {
  margin-top: 20px !important;
}
.uk-margin-top {
  margin-top: 20px !important;
}
.uk-margin-bottom {
  margin-bottom: 20px !important;
}
.uk-margin-left {
  margin-left: 20px !important;
}
.uk-margin-right {
  margin-right: 20px !important;
}
/* Small
 ========================================================================== */
.uk-margin-small {
  margin-bottom: 10px;
}
* + .uk-margin-small {
  margin-top: 10px !important;
}
.uk-margin-small-top {
  margin-top: 10px !important;
}
.uk-margin-small-bottom {
  margin-bottom: 10px !important;
}
.uk-margin-small-left {
  margin-left: 10px !important;
}
.uk-margin-small-right {
  margin-right: 10px !important;
}
/* Medium
 ========================================================================== */
.uk-margin-medium {
  margin-bottom: 40px;
}
* + .uk-margin-medium {
  margin-top: 40px !important;
}
.uk-margin-medium-top {
  margin-top: 40px !important;
}
.uk-margin-medium-bottom {
  margin-bottom: 40px !important;
}
.uk-margin-medium-left {
  margin-left: 40px !important;
}
.uk-margin-medium-right {
  margin-right: 40px !important;
}
/* Large
 ========================================================================== */
.uk-margin-large {
  margin-bottom: 40px;
}
* + .uk-margin-large {
  margin-top: 40px !important;
}
.uk-margin-large-top {
  margin-top: 40px !important;
}
.uk-margin-large-bottom {
  margin-bottom: 40px !important;
}
.uk-margin-large-left {
  margin-left: 40px !important;
}
.uk-margin-large-right {
  margin-right: 40px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-large {
    margin-bottom: 70px;
  }
  * + .uk-margin-large {
    margin-top: 70px !important;
  }
  .uk-margin-large-top {
    margin-top: 70px !important;
  }
  .uk-margin-large-bottom {
    margin-bottom: 70px !important;
  }
  .uk-margin-large-left {
    margin-left: 70px !important;
  }
  .uk-margin-large-right {
    margin-right: 70px !important;
  }
}
/* XLarge
 ========================================================================== */
.uk-margin-xlarge {
  margin-bottom: 70px;
}
* + .uk-margin-xlarge {
  margin-top: 70px !important;
}
.uk-margin-xlarge-top {
  margin-top: 70px !important;
}
.uk-margin-xlarge-bottom {
  margin-bottom: 70px !important;
}
.uk-margin-xlarge-left {
  margin-left: 70px !important;
}
.uk-margin-xlarge-right {
  margin-right: 70px !important;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-xlarge {
    margin-bottom: 140px;
  }
  * + .uk-margin-xlarge {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-top {
    margin-top: 140px !important;
  }
  .uk-margin-xlarge-bottom {
    margin-bottom: 140px !important;
  }
  .uk-margin-xlarge-left {
    margin-left: 140px !important;
  }
  .uk-margin-xlarge-right {
    margin-right: 140px !important;
  }
}
/* Auto
 ========================================================================== */
.uk-margin-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.uk-margin-auto-top {
  margin-top: auto !important;
}
.uk-margin-auto-bottom {
  margin-bottom: auto !important;
}
.uk-margin-auto-left {
  margin-left: auto !important;
}
.uk-margin-auto-right {
  margin-right: auto !important;
}
.uk-margin-auto-vertical {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-auto\@s {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@s {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@s {
    margin-right: auto !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-auto\@m {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@m {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@m {
    margin-right: auto !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-auto\@l {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@l {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@l {
    margin-right: auto !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-auto\@xl {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .uk-margin-auto-left\@xl {
    margin-left: auto !important;
  }
  .uk-margin-auto-right\@xl {
    margin-right: auto !important;
  }
}
/* Remove
 ========================================================================== */
.uk-margin-remove {
  margin: 0 !important;
}
.uk-margin-remove-top {
  margin-top: 0 !important;
}
.uk-margin-remove-bottom {
  margin-bottom: 0 !important;
}
.uk-margin-remove-left {
  margin-left: 0 !important;
}
.uk-margin-remove-right {
  margin-right: 0 !important;
}
.uk-margin-remove-vertical {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.uk-margin-remove-adjacent + *,
.uk-margin-remove-first-child > :first-child {
  margin-top: 0 !important;
}
.uk-margin-remove-last-child > :last-child {
  margin-bottom: 0 !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-margin-remove-left\@s {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@s {
    margin-right: 0 !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-margin-remove-left\@m {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@m {
    margin-right: 0 !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-margin-remove-left\@l {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@l {
    margin-right: 0 !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-margin-remove-left\@xl {
    margin-left: 0 !important;
  }
  .uk-margin-remove-right\@xl {
    margin-right: 0 !important;
  }
}
/* ========================================================================
   Component: Padding
 ========================================================================== */
.uk-padding {
  padding: 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding {
    padding: 40px;
  }
}
/* Small
 ========================================================================== */
.uk-padding-small {
  padding: 15px;
}
/* Large
 ========================================================================== */
.uk-padding-large {
  padding: 40px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-padding-large {
    padding: 70px;
  }
}
/* Remove
 ========================================================================== */
.uk-padding-remove {
  padding: 0 !important;
}
.uk-padding-remove-top {
  padding-top: 0 !important;
}
.uk-padding-remove-bottom {
  padding-bottom: 0 !important;
}
.uk-padding-remove-left {
  padding-left: 0 !important;
}
.uk-padding-remove-right {
  padding-right: 0 !important;
}
.uk-padding-remove-vertical {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.uk-padding-remove-horizontal {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* ========================================================================
   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% / 3);
}
.uk-child-width-1-4 > * {
  width: 25%;
}
.uk-child-width-1-5 > * {
  width: 20%;
}
.uk-child-width-1-6 > * {
  width: calc(100% / 6);
}
.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% / 3);
  }
  .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% / 6);
  }
  .uk-child-width-auto\@s > * {
    width: auto;
  }
  .uk-child-width-expand\@s > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@s > :not([class*="uk-width"]),
  .uk-child-width-1-2\@s > :not([class*="uk-width"]),
  .uk-child-width-1-3\@s > :not([class*="uk-width"]),
  .uk-child-width-1-4\@s > :not([class*="uk-width"]),
  .uk-child-width-1-5\@s > :not([class*="uk-width"]),
  .uk-child-width-1-6\@s > :not([class*="uk-width"]),
  .uk-child-width-auto\@s > :not([class*="uk-width"]) {
    flex: initial;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .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% / 3);
  }
  .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% / 6);
  }
  .uk-child-width-auto\@m > * {
    width: auto;
  }
  .uk-child-width-expand\@m > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@m > :not([class*="uk-width"]),
  .uk-child-width-1-2\@m > :not([class*="uk-width"]),
  .uk-child-width-1-3\@m > :not([class*="uk-width"]),
  .uk-child-width-1-4\@m > :not([class*="uk-width"]),
  .uk-child-width-1-5\@m > :not([class*="uk-width"]),
  .uk-child-width-1-6\@m > :not([class*="uk-width"]),
  .uk-child-width-auto\@m > :not([class*="uk-width"]) {
    flex: initial;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .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% / 3);
  }
  .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% / 6);
  }
  .uk-child-width-auto\@l > * {
    width: auto;
  }
  .uk-child-width-expand\@l > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@l > :not([class*="uk-width"]),
  .uk-child-width-1-2\@l > :not([class*="uk-width"]),
  .uk-child-width-1-3\@l > :not([class*="uk-width"]),
  .uk-child-width-1-4\@l > :not([class*="uk-width"]),
  .uk-child-width-1-5\@l > :not([class*="uk-width"]),
  .uk-child-width-1-6\@l > :not([class*="uk-width"]),
  .uk-child-width-auto\@l > :not([class*="uk-width"]) {
    flex: initial;
  }
}
/* 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% / 3);
  }
  .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% / 6);
  }
  .uk-child-width-auto\@xl > * {
    width: auto;
  }
  .uk-child-width-expand\@xl > :not([class*="uk-width"]) {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-child-width-1-1\@xl > :not([class*="uk-width"]),
  .uk-child-width-1-2\@xl > :not([class*="uk-width"]),
  .uk-child-width-1-3\@xl > :not([class*="uk-width"]),
  .uk-child-width-1-4\@xl > :not([class*="uk-width"]),
  .uk-child-width-1-5\@xl > :not([class*="uk-width"]),
  .uk-child-width-1-6\@xl > :not([class*="uk-width"]),
  .uk-child-width-auto\@xl > :not([class*="uk-width"]) {
    flex: initial;
  }
}
/* 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% / 3);
}
.uk-width-2-3 {
  width: calc(200% / 3);
}
/* 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% / 6);
}
.uk-width-5-6 {
  width: calc(500% / 6);
}
/* Pixel */
.uk-width-small {
  width: 150px;
}
.uk-width-medium {
  width: 300px;
}
.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 */
  .uk-width-1-1\@s {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@s {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@s {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@s {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@s {
    width: 25%;
  }
  .uk-width-3-4\@s {
    width: 75%;
  }
  /* Fifths */
  .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%;
  }
  /* Sixths */
  .uk-width-1-6\@s {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@s {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@s {
    width: 150px;
  }
  .uk-width-medium\@s {
    width: 300px;
  }
  .uk-width-large\@s {
    width: 450px;
  }
  .uk-width-xlarge\@s {
    width: 600px;
  }
  .uk-width-2xlarge\@s {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@s {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@s {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@s,
  .uk-width-1-2\@s,
  .uk-width-1-3\@s,
  .uk-width-2-3\@s,
  .uk-width-1-4\@s,
  .uk-width-3-4\@s,
  .uk-width-1-5\@s,
  .uk-width-2-5\@s,
  .uk-width-3-5\@s,
  .uk-width-4-5\@s,
  .uk-width-1-6\@s,
  .uk-width-5-6\@s,
  .uk-width-small\@s,
  .uk-width-medium\@s,
  .uk-width-large\@s,
  .uk-width-xlarge\@s,
  .uk-width-2xlarge\@s,
  .uk-width-auto\@s {
    flex: initial;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  /* Whole */
  .uk-width-1-1\@m {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@m {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@m {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@m {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@m {
    width: 25%;
  }
  .uk-width-3-4\@m {
    width: 75%;
  }
  /* Fifths */
  .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%;
  }
  /* Sixths */
  .uk-width-1-6\@m {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@m {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@m {
    width: 150px;
  }
  .uk-width-medium\@m {
    width: 300px;
  }
  .uk-width-large\@m {
    width: 450px;
  }
  .uk-width-xlarge\@m {
    width: 600px;
  }
  .uk-width-2xlarge\@m {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@m {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@m {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@m,
  .uk-width-1-2\@m,
  .uk-width-1-3\@m,
  .uk-width-2-3\@m,
  .uk-width-1-4\@m,
  .uk-width-3-4\@m,
  .uk-width-1-5\@m,
  .uk-width-2-5\@m,
  .uk-width-3-5\@m,
  .uk-width-4-5\@m,
  .uk-width-1-6\@m,
  .uk-width-5-6\@m,
  .uk-width-small\@m,
  .uk-width-medium\@m,
  .uk-width-large\@m,
  .uk-width-xlarge\@m,
  .uk-width-2xlarge\@m,
  .uk-width-auto\@m {
    flex: initial;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Whole */
  .uk-width-1-1\@l {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@l {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@l {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@l {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@l {
    width: 25%;
  }
  .uk-width-3-4\@l {
    width: 75%;
  }
  /* Fifths */
  .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%;
  }
  /* Sixths */
  .uk-width-1-6\@l {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@l {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@l {
    width: 150px;
  }
  .uk-width-medium\@l {
    width: 300px;
  }
  .uk-width-large\@l {
    width: 450px;
  }
  .uk-width-xlarge\@l {
    width: 600px;
  }
  .uk-width-2xlarge\@l {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@l {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@l {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@l,
  .uk-width-1-2\@l,
  .uk-width-1-3\@l,
  .uk-width-2-3\@l,
  .uk-width-1-4\@l,
  .uk-width-3-4\@l,
  .uk-width-1-5\@l,
  .uk-width-2-5\@l,
  .uk-width-3-5\@l,
  .uk-width-4-5\@l,
  .uk-width-1-6\@l,
  .uk-width-5-6\@l,
  .uk-width-small\@l,
  .uk-width-medium\@l,
  .uk-width-large\@l,
  .uk-width-xlarge\@l,
  .uk-width-2xlarge\@l,
  .uk-width-auto\@l {
    flex: initial;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  /* Whole */
  .uk-width-1-1\@xl {
    width: 100%;
  }
  /* Halves */
  .uk-width-1-2\@xl {
    width: 50%;
  }
  /* Thirds */
  .uk-width-1-3\@xl {
    width: calc(100% / 3);
  }
  .uk-width-2-3\@xl {
    width: calc(200% / 3);
  }
  /* Quarters */
  .uk-width-1-4\@xl {
    width: 25%;
  }
  .uk-width-3-4\@xl {
    width: 75%;
  }
  /* Fifths */
  .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%;
  }
  /* Sixths */
  .uk-width-1-6\@xl {
    width: calc(100% / 6);
  }
  .uk-width-5-6\@xl {
    width: calc(500% / 6);
  }
  /* Pixel */
  .uk-width-small\@xl {
    width: 150px;
  }
  .uk-width-medium\@xl {
    width: 300px;
  }
  .uk-width-large\@xl {
    width: 450px;
  }
  .uk-width-xlarge\@xl {
    width: 600px;
  }
  .uk-width-2xlarge\@xl {
    width: 750px;
  }
  /* Auto */
  .uk-width-auto\@xl {
    width: auto;
  }
  /* Expand */
  .uk-width-expand\@xl {
    flex: 1;
    min-width: 1px;
  }
  /* Reset expand */
  .uk-width-1-1\@xl,
  .uk-width-1-2\@xl,
  .uk-width-1-3\@xl,
  .uk-width-2-3\@xl,
  .uk-width-1-4\@xl,
  .uk-width-3-4\@xl,
  .uk-width-1-5\@xl,
  .uk-width-2-5\@xl,
  .uk-width-3-5\@xl,
  .uk-width-4-5\@xl,
  .uk-width-1-6\@xl,
  .uk-width-5-6\@xl,
  .uk-width-small\@xl,
  .uk-width-medium\@xl,
  .uk-width-large\@xl,
  .uk-width-xlarge\@xl,
  .uk-width-2xlarge\@xl,
  .uk-width-auto\@xl {
    flex: initial;
  }
}
/* Intrinsic Widths
 ========================================================================== */
.uk-width-max-content {
  width: max-content;
}
.uk-width-min-content {
  width: min-content;
}
.uk-child-width-1-7 > * {
  width: calc(100% / 7);
}
.uk-child-width-1-8 > * {
  width: calc(100% / 8);
}
.uk-child-width-1-9 > * {
  width: calc(100% / 9);
}
.uk-child-width-1-10 > * {
  width: calc(100% / 10);
}
/* ========================================================================
   Component: Flex
 ========================================================================== */
.uk-flex {
  display: flex;
}
.uk-flex-inline {
  display: inline-flex;
}
/* Alignment
 ========================================================================== */
/*
 * Align items along the main axis of the current line of the flex container
 * Row: Horizontal
 */
.uk-flex-left {
  justify-content: flex-start;
}
.uk-flex-center {
  justify-content: center;
}
.uk-flex-right {
  justify-content: flex-end;
}
.uk-flex-between {
  justify-content: space-between;
}
.uk-flex-around {
  justify-content: space-around;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-left\@s {
    justify-content: flex-start;
  }
  .uk-flex-center\@s {
    justify-content: center;
  }
  .uk-flex-right\@s {
    justify-content: flex-end;
  }
  .uk-flex-between\@s {
    justify-content: space-between;
  }
  .uk-flex-around\@s {
    justify-content: space-around;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-left\@m {
    justify-content: flex-start;
  }
  .uk-flex-center\@m {
    justify-content: center;
  }
  .uk-flex-right\@m {
    justify-content: flex-end;
  }
  .uk-flex-between\@m {
    justify-content: space-between;
  }
  .uk-flex-around\@m {
    justify-content: space-around;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-left\@l {
    justify-content: flex-start;
  }
  .uk-flex-center\@l {
    justify-content: center;
  }
  .uk-flex-right\@l {
    justify-content: flex-end;
  }
  .uk-flex-between\@l {
    justify-content: space-between;
  }
  .uk-flex-around\@l {
    justify-content: space-around;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-left\@xl {
    justify-content: flex-start;
  }
  .uk-flex-center\@xl {
    justify-content: center;
  }
  .uk-flex-right\@xl {
    justify-content: flex-end;
  }
  .uk-flex-between\@xl {
    justify-content: space-between;
  }
  .uk-flex-around\@xl {
    justify-content: space-around;
  }
}
/*
 * Align items in the cross axis of the current line of the flex container
 * Row: Vertical
 */
.uk-flex-stretch {
  align-items: stretch;
}
.uk-flex-top {
  align-items: flex-start;
}
.uk-flex-middle {
  align-items: center;
}
.uk-flex-bottom {
  align-items: flex-end;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-stretch\@s {
    align-items: stretch;
  }
  .uk-flex-top\@s {
    align-items: flex-start;
  }
  .uk-flex-middle\@s {
    align-items: center;
  }
  .uk-flex-bottom\@s {
    align-items: flex-end;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-stretch\@m {
    align-items: stretch;
  }
  .uk-flex-top\@m {
    align-items: flex-start;
  }
  .uk-flex-middle\@m {
    align-items: center;
  }
  .uk-flex-bottom\@m {
    align-items: flex-end;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-stretch\@l {
    align-items: stretch;
  }
  .uk-flex-top\@l {
    align-items: flex-start;
  }
  .uk-flex-middle\@l {
    align-items: center;
  }
  .uk-flex-bottom\@l {
    align-items: flex-end;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-stretch\@xl {
    align-items: stretch;
  }
  .uk-flex-top\@xl {
    align-items: flex-start;
  }
  .uk-flex-middle\@xl {
    align-items: center;
  }
  .uk-flex-bottom\@xl {
    align-items: flex-end;
  }
}
/* Direction
 ========================================================================== */
.uk-flex-row {
  flex-direction: row;
}
.uk-flex-row-reverse {
  flex-direction: row-reverse;
}
.uk-flex-column {
  flex-direction: column;
}
.uk-flex-column-reverse {
  flex-direction: column-reverse;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-row\@s {
    flex-direction: row;
  }
  .uk-flex-column\@s {
    flex-direction: column;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-row\@m {
    flex-direction: row;
  }
  .uk-flex-column\@m {
    flex-direction: column;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-row\@l {
    flex-direction: row;
  }
  .uk-flex-column\@l {
    flex-direction: column;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-row\@xl {
    flex-direction: row;
  }
  .uk-flex-column\@xl {
    flex-direction: column;
  }
}
/* Wrap
 ========================================================================== */
.uk-flex-nowrap {
  flex-wrap: nowrap;
}
.uk-flex-wrap {
  flex-wrap: wrap;
}
.uk-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
/*
 * Aligns items within the flex container when there is extra space in the cross-axis
 * Only works if there is more than one line of flex items
 */
.uk-flex-wrap-stretch {
  align-content: stretch;
}
.uk-flex-wrap-top {
  align-content: flex-start;
}
.uk-flex-wrap-middle {
  align-content: center;
}
.uk-flex-wrap-bottom {
  align-content: flex-end;
}
.uk-flex-wrap-between {
  align-content: space-between;
}
.uk-flex-wrap-around {
  align-content: space-around;
}
/* Item ordering
 ========================================================================== */
/*
 * Default is 0
 */
.uk-flex-first {
  order: -1;
}
.uk-flex-last {
  order: 99;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-first\@s {
    order: -1;
  }
  .uk-flex-last\@s {
    order: 99;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-first\@m {
    order: -1;
  }
  .uk-flex-last\@m {
    order: 99;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-first\@l {
    order: -1;
  }
  .uk-flex-last\@l {
    order: 99;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-first\@xl {
    order: -1;
  }
  .uk-flex-last\@xl {
    order: 99;
  }
}
/* Item dimensions
 ========================================================================== */
/*
 * Initial: 0 1 auto
 * Content dimensions, but shrinks
 */
.uk-flex-initial {
  flex: initial;
}
/*
 * No Flex: 0 0 auto
 * Content dimensions
 */
.uk-flex-none {
  flex: none;
}
/*
 * Relative Flex: 1 1 auto
 * Space is allocated considering content
 */
.uk-flex-auto {
  flex: auto;
}
/*
 * Absolute Flex: 1 1 0%
 * Space is allocated solely based on flex
 */
.uk-flex-1 {
  flex: 1;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-flex-initial\@s {
    flex: initial;
  }
  .uk-flex-none\@s {
    flex: none;
  }
  .uk-flex-1\@s {
    flex: 1;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-flex-initial\@m {
    flex: initial;
  }
  .uk-flex-none\@m {
    flex: none;
  }
  .uk-flex-1\@m {
    flex: 1;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-flex-initial\@l {
    flex: initial;
  }
  .uk-flex-none\@l {
    flex: none;
  }
  .uk-flex-1\@l {
    flex: 1;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-flex-initial\@xl {
    flex: initial;
  }
  .uk-flex-none\@xl {
    flex: none;
  }
  .uk-flex-1\@xl {
    flex: 1;
  }
}
/* ========================================================================
   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: 1200px) {
  /* Horizontal */
  .uk-grid {
    margin-left: -40px;
  }
  .uk-grid > * {
    padding-left: 40px;
  }
  /* Vertical */
  .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: -15px;
}
.uk-grid-small > *,
.uk-grid-column-small > * {
  padding-left: 15px;
}
/* Vertical */
.uk-grid + .uk-grid-small,
.uk-grid + .uk-grid-row-small,
.uk-grid-small > .uk-grid-margin,
.uk-grid-row-small > .uk-grid-margin,
* + .uk-grid-margin-small {
  margin-top: 15px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-medium,
.uk-grid-column-medium {
  margin-left: -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: -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: 1200px) {
  /* Horizontal */
  .uk-grid-large,
  .uk-grid-column-large {
    margin-left: -70px;
  }
  .uk-grid-large > *,
  .uk-grid-column-large > * {
    padding-left: 70px;
  }
  /* 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: 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 #e5e5e5;
}
/* Vertical */
.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  border-top: 1px solid #e5e5e5;
}
/*
 * 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: 1200px) {
  /* Horizontal */
  .uk-grid-divider {
    margin-left: -80px;
  }
  .uk-grid-divider > * {
    padding-left: 80px;
  }
  .uk-grid-divider > :not(.uk-first-column)::before {
    left: 40px;
  }
  /* Vertical */
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin {
    margin-top: 80px;
  }
  .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before {
    top: -40px;
    left: 80px;
  }
}
/*
 * Small
 */
/* Horizontal */
.uk-grid-divider.uk-grid-small,
.uk-grid-divider.uk-grid-column-small {
  margin-left: -30px;
}
.uk-grid-divider.uk-grid-small > *,
.uk-grid-divider.uk-grid-column-small > * {
  padding-left: 30px;
}
.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before {
  left: 15px;
}
/* Vertical */
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin {
  margin-top: 30px;
}
.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
  left: 30px;
}
.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before {
  top: -15px;
}
.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before {
  left: 30px;
}
/*
 * Medium
 */
/* Horizontal */
.uk-grid-divider.uk-grid-medium,
.uk-grid-divider.uk-grid-column-medium {
  margin-left: -60px;
}
.uk-grid-divider.uk-grid-medium > *,
.uk-grid-divider.uk-grid-column-medium > * {
  padding-left: 60px;
}
.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before {
  left: 30px;
}
/* Vertical */
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin {
  margin-top: 60px;
}
.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
  left: 60px;
}
.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before {
  top: -30px;
}
.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before {
  left: 60px;
}
/*
 * Large
 */
/* Horizontal */
.uk-grid-divider.uk-grid-large,
.uk-grid-divider.uk-grid-column-large {
  margin-left: -80px;
}
.uk-grid-divider.uk-grid-large > *,
.uk-grid-divider.uk-grid-column-large > * {
  padding-left: 80px;
}
.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before,
.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before {
  left: 40px;
}
/* Vertical */
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin,
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin {
  margin-top: 80px;
}
.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
  left: 80px;
}
.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before {
  top: -40px;
}
.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before {
  left: 80px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  /* Horizontal */
  .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;
  }
  /* 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: 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: 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: 960px) {
  .uk-hidden\@m {
    display: none !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .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: 959px) {
  .uk-visible\@m {
    display: none !important;
  }
}
/* Tablet landscape and smaller */
@media (max-width: 1199px) {
  .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;
}
/* Based on the State of the Parent Element
 ========================================================================== */
/*
 * Mind that `display: none`, `visibility: hidden` and `opacity: 0`
 * remove the element from the accessibility tree and that
 * `display: none` and `visibility: hidden` are not focusable.
 *
 * The target stays visible if any element within receives focus through keyboard.
 */
/*
 * Remove space when hidden.
 * 1. Remove from document flow.
 * 2. Hide element and shrink its dimension. Current browsers and screen readers
 *    keep the element in the accessibility tree even with zero dimensions.
 *    Using `tabindex="-1"` will show the element on touch devices.
 *    Note: `clip-path` doesn't work with `tabindex` on touch devices.
 */
.uk-hidden-visually:not(:focus):not(:active):not(:focus-within),
.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) {
  /* 1 */
  position: absolute !important;
  /* 2 */
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}
/*
 * Keep space when hidden.
 * Hide element without shrinking its dimension.
 * Note: `clip-path` doesn't work with hover for elements outside of the toggle box.
 */
.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) {
  opacity: 0 !important;
}
/* Based on Hover Capability of the Pointing Device
 ========================================================================== */
/*
 * Hover
 */
/* Hide if primary pointing device doesn't support hover, e.g. touch screens. */
@media (hover: none) {
  .uk-hidden-touch {
    display: none !important;
  }
}
/* Hide if primary pointing device supports hover, e.g. mice. */
@media (hover) {
  .uk-hidden-notouch {
    display: none !important;
  }
}
.conteiner-content {
  display: flex;
}
@media (max-width: 640px) {
  .conteiner-content {
    flex-direction: column;
  }
}
.main_text_holder {
  position: relative;
  overflow: hidden;
}
.main_text_holder:before {
  content: "";
  width: 100%;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  box-shadow: 0 0 21px 16px #f0c248;
  z-index: 2;
}
.main_text_holder p {
  margin-bottom: 15px;
}
.main_text_holder b,
.main_text_holder strong {
  font-weight: bold;
}
.mainRight {
  width: 42.2%;
  padding: 10.5vh 50px 0 25px;
  box-sizing: border-box;
  transition: all 0.5s;
  transform: translateX(0);
  top: 0;
  right: 0;
  margin-top: 0;
}
.catalog-filter {
  padding-top: 10px;
  margin-bottom: 21px;
}
.catalog-filter form {
  margin: 0;
}
.catalog-filter ul {
  margin: 0;
  font-family: "PT Sans";
  text-align: center;
}
.catalog-filter li {
  display: inline-block;
  margin: 0 23px;
}
.catalog-filter a {
  font-size: 16px;
  color: #41acd8;
}
a.cardGoodsImage {
  display: inline-block;
  width: 178px;
  margin-top: -26px;
}
.cardGoods {
  display: inline-block;
  border-bottom: 15px solid #f0c248;
  border-left: 15px solid #f0c248;
  border-right: 15px solid #f0c248;
  position: relative;
  margin: 10px 0% 8vh 0;
  width: 269px;
  text-align: center;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cardGoods img {
  width: 100%;
  margin: 0 auto;
  /* margin-top: -26px; */
  /*border-bottom: 1px solid #f1f1f1;*/
  margin-bottom: 16px;
}
.cardGoods .before {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  height: 15px;
  width: 43px;
  background: #f0c248;
  z-index: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cardGoods .after {
  content: "";
  position: absolute;
  top: 0;
  right: -2px;
  height: 15px;
  width: 43px;
  background: #f0c248;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.cardGoods_name {
  font-family: "PT Sans Narrow";
  font-size: 18px;
  color: #434343;
  text-align: center;
  display: block;
  text-decoration: none;
  font-weight: bold;
  overflow: hidden;
  /*max-height:30px;*/
  margin-top: -8px;
  margin-bottom: 5px;
  line-height: 20px;
}
.cardGoods_category {
  text-align: center;
  display: block;
  color: #41acd8;
  /*font-weight: bold;*/
  font-family: "PT Sans";
  clear: both;
  margin-bottom: 23px;
  font-size: 12px;
}
.cardGoods_category a {
  text-decoration: none;
}
.cardGoods_price {
  font-family: "PT Sans";
  font-size: 16px;
  text-align: left;
}
.cardGoods_price span {
  font-size: 28px;
  font-weight: bold;
}
.cardGoods_oldprice {
  font-size: 20px;
  color: #808080;
  text-decoration: none;
  position: relative;
  top: 7px;
  width: fit-content;
  text-align: left;
}
.cardGoods_oldprice:after {
  content: "";
  /* required property */
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid red;
  height: calc(50% - 1px);
  /* 1px = half the line thickness */
  width: 100%;
  transform: rotateZ(-4deg);
}
.cardGoods_bottom {
  padding: 0 13px 12px 13px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
}
.cardGoods_name {
  padding: 0 12% 0 12%;
}
.button.one {
  float: right;
  width: 122px;
  height: 38px;
  line-height: 26px;
  transition: 0.4s;
  border: 1px solid #ca3328;
  background: #ca3328;
  font-size: 16px;
  position: relative;
  text-align: left;
  padding: 5px 0 5px 50px;
  text-decoration: none;
  color: #fff;
}
.button.one:hover {
  background: #f3f3f3;
  color: #292929;
  border: 1px solid #e8e8e8;
}
.button.one:hover:before {
  background-image: url('../image/image/basket_gray.svg');
}
.button.one:before {
  content: "";
  position: absolute;
  top: 6px;
  left: 11px;
  width: 21px;
  height: 21px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  background-repeat: no-repeat;
  background-image: url('../image/image/basket.svg');
  background-size: 100% 100%;
}
.btn_white {
  background-color: transparent !important;
  color: #ca3328 !important;
  border: 1px solid #ca3328 !important;
  transition: all ease 0.3s;
}
.btn_white:hover {
  -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
  box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.catalogContentSlider .owl-stage-outer {
  padding-top: 24px;
}
.catalogContentSlider .owl-controls {
  position: absolute;
  top: 0;
  width: inherit;
  margin-top: -30px;
}
.catalogContentSlider .owl-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.catalogContentSlider .owl-dot,
.productSaneGoodsCarousel .owl-dot {
  width: 14px;
  height: 14px;
  background: #e8e8e8;
  display: inline-block;
  margin: 0 6px;
}
.catalogRootSlider,
.cardGoodsOneSlideContainer {
  display: initial;
}
.catalogContentSlider .active.owl-dot,
.productSaneGoodsCarousel .owl-dot.active {
  background: #d97b76;
}
.owl-stage {
  display: flex;
}
.main_plus.active .two span {
  color: #2f2e2d;
}
.main_plus.active .two:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTA3LjggNDY4LjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwNy44IDQ2OC41OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6IzAyMDIwMDt9PC9zdHlsZT48Zz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMwLjcsMjYwLjhjMy41LTEuMyw2LjgtMi4xLDkuNi0zLjdjMS4zLTAuOCwyLjMtMy4yLDIuNC00LjljMS42LTE4LjQsMi45LTM2LjksNC40LTU1LjNjMi0yNS43LDQtNTEuNSw2LjEtNzcuMmMwLjQtNSwzLjQtOCw4LjUtOC4xYzE0LjgtMC4xLDI5LjctMC4yLDQ0LjUsMGM1LjMsMC4xLDcuOSwzLjIsOC41LDkuOGMwLjgsOS42LDEuNSwxOS4zLDIuMiwyOC45YzIuNiwzMi43LDUuMiw2NS40LDcuOCw5OC4xYzAuOCwxMC4xLDEuNSwyMC4zLDIuMywzMC40YzAuMiwyLjEsMC40LDQuMiwwLjcsNy4xYzQuMS0xLjUsNy42LTIuNywxMS4xLTRjMzAuMS0xMS4zLDYwLjEtMjIuNiw5MC4xLTMzLjljMS4yLTAuNSwyLjUtMSwzLjctMS40YzYuNi0xLjksMTEuMywxLjUsMTEuMyw4LjRjMC4xLDEzLjMsMCwyNi43LDAsNDBjMCwyLjcsMCw1LjMsMCw4LjhjMi4zLTAuOCw0LjEtMS40LDUuOS0yLjFjNDcuOC0xOCw5NS42LTM1LjksMTQzLjQtNTMuOWMwLjgtMC4zLDEuNi0wLjYsMi4zLTAuOGM3LjctMi43LDEyLjMsMC42LDEyLjMsOC45YzAsNDQuNywwLDg5LjMsMCwxMzRjMCwyMi41LDAsNDUsMCw2Ny41YzAsOC42LTIuNCwxMS4yLTEwLjgsMTEuMmMtMTE3LjgsMC0yMzUuNywwLTM1My41LDBjLTQ0LjIsMC04OC4zLDAtMTMyLjUsMGMtOC43LDAtMTEtMi4zLTExLTEwLjljMC00Ni4zLDAtOTIuNywwLTEzOWMwLTcuMiwxLjEtOC44LDcuOS0xMS40YzctMi43LDE0LjEtNS4xLDIxLThjMS40LTAuNiwzLTIuNiwzLjEtNC4xYzIuOC0zMyw1LjQtNjYuMSw4LTk5LjFjMi41LTMxLjQsNS4xLTYyLjgsNy42LTk0LjFjMC40LTQuNiwwLjYtOS4zLDEuMS0xMy45YzAuNi00LjgsMy41LTcuNSw4LjMtNy41YzE3LTAuMSwzNC0wLjEsNTEsMGM1LjEsMCw4LjEsMi45LDguNSw3LjljMi4xLDI1LjksNC4xLDUxLjgsNi4xLDc3LjdjMi40LDMwLjksNC44LDYxLjgsNy4yLDkyLjdDMTMwLDI1OS4yLDEzMC4zLDI1OS42LDEzMC43LDI2MC44eiBNNDkxLjgsMjY1LjdjLTIuMSwwLjctMy44LDEuMi01LjQsMS44Yy00OC41LDE4LjQtOTcuMSwzNi43LTE0NS42LDU1LjFjLTgsMy0xMi43LTAuMy0xMi43LTguN2MwLTEyLjMsMC0yNC43LDAtMzdjMC0zLjYsMC03LjIsMC0xMS4yYy0yLjIsMC43LTMuNiwxLjEtNSwxLjZjLTQ4LjgsMTguNS05Ny42LDM3LTE0Ni40LDU1LjVjLTcuOCwzLTEyLjUtMC4zLTEyLjYtOC44YzAtMTQuNSwwLTI5LDAtNDMuNWMwLTEuNC0wLjItMi44LTAuNC00LjVjLTUuMywxLjktMTAuMiwzLjUtMTUsNS4zYy00Mi43LDE2LjEtODUuNSwzMi40LTEyOC4zLDQ4LjRjLTMuNSwxLjMtNC43LDMtNC43LDYuOGMwLjIsNDAuMywwLjEsODAuNywwLjEsMTIxYzAsMS42LDAuMSwzLjIsMC4yLDVjMTU4LjgsMCwzMTcuMSwwLDQ3NS44LDBDNDkxLjgsMzkwLjEsNDkxLjgsMzI4LjIsNDkxLjgsMjY1Ljd6IE00OC4zLDI5MS44YzIuNy0wLjksNC4yLTEuNCw1LjgtMmMxNy45LTYuOCwzNS42LTEzLjksNTMuNy0yMC4xYzUuNy0yLDYuNy00LjYsNi4yLTEwYy0zLjgtNDUuOC03LjQtOTEuNi0xMS4xLTEzNy40Yy0wLjctOC4yLTEuNC0xNi41LTIuMi0yNC44Yy0xMi41LDAtMjQuNiwwLTM2LjksMEM1OC42LDE2Mi4xLDUzLjUsMjI2LjUsNDguMywyOTEuOHogTTE3OS44LDMwMy45YzEwLjctNCwyMC42LTcuNywzMC40LTExLjZjMC45LTAuMywxLjUtMi40LDEuNS0zLjZjLTAuOS0xMi42LTItMjUuMi0zLTM3LjhjLTIuNi0zMi01LjItNjQuMS03LjgtOTYuMWMtMC43LTkuMS0xLjUtMTguMS0yLjMtMjcuNWMtOS41LDAtMTguNS0wLjEtMjcuNSwwLjFjLTEuMSwwLTMsMi0zLjEsMy4yYy0wLjcsNS4xLTAuOSwxMC4zLTEuMywxNS40Yy0xLjksMjMuNy0zLjgsNDcuNS01LjYsNzEuMmMtMC44LDEwLjYtMS42LDIxLjItMi41LDMyLjZjMy40LTEuMyw2LjItMi4zLDguOS0zLjNjNy4yLTIuNSwxMi4yLDEsMTIuMiw4LjdjMCwxMi4yLDAsMjQuMywwLDM2LjVDMTc5LjgsMjk1LjYsMTc5LjgsMjk5LjQsMTc5LjgsMzAzLjl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE2MywwYzQuOC0wLjEsMTIuMiwzLjIsMTguNyw5YzksOC4xLDE1LjQsOC4zLDI1LjIsMC43YzQtMy4xLDgtMi45LDExLjEsMC41YzMsMy4yLDIuNyw3LjctMC43LDExLjJjLTExLjcsMTIuMi0zMS41LDEyLjgtNDQuOCwxLjRjLTEwLjYtOS4xLTE1LjEtOS4zLTI2LjgtMS4xYy0zLjQsMi40LTcuNywyLjEtMTAuNC0wLjhjLTMtMy4yLTMuMS03LjQsMC4xLTEwLjhDMTQxLjksMy40LDE0OS44LDAsMTYzLDB6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI1MS4yLDExMS4zYy0xMCwwLTE3LjMtMy4xLTIzLjYtOC43Yy05LjMtOC4zLTE1LjctOC42LTI1LjYtMWMtNCwzLTguMSwyLjgtMTEuMS0wLjZjLTIuOS0zLjMtMi43LTcuNiwwLjgtMTEuMWMxMS42LTEyLjEsMzEuMS0xMi44LDQ0LjQtMS42YzExLjIsOS40LDE1LjMsOS42LDI3LjEsMS4zYzMuNC0yLjQsNy42LTIuMSwxMC40LDAuOWMzLDMuMiwzLjEsNy40LTAuMSwxMC43QzI2NywxMDcuOSwyNTkuMSwxMTEuMywyNTEuMiwxMTEuM3oiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAyLjgsODAuNWMtNy45LDAtMTUtMy4yLTIxLjItOC43Yy05LjQtOC4zLTE1LjYtOC42LTI1LjYtMC45Yy00LDMtOC4xLDIuOC0xMS4xLTAuNmMtMi45LTMuMy0yLjUtNy43LDAuOC0xMS4yYzEwLjctMTEuMSwyOC42LTEyLjcsNDEuNi0zLjdjMiwxLjQsMy45LDMuMiw1LjgsNC44YzcuMiw2LjEsMTUuNSw2LDIyLjYtMC4xYzQuMy0zLjcsOC43LTMuOCwxMS45LTAuNGMzLjQsMy43LDIuOSw4LjItMS41LDEyLjJDMzE5LjYsNzcuOCwzMTIsODAuNywzMDIuOCw4MC41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMDUuNiwzMC42YzguNCwwLjQsMTUuOSwzLjIsMjIuMiw4LjljOS4yLDguMywxNS44LDguNSwyNS42LDAuOWMzLjktMyw4LjEtMi44LDExLjEsMC43YzMuMSwzLjUsMi44LDcuNS0wLjcsMTEuMWMtMTIuMSwxMi4zLTMyLjQsMTMuMS00NS4xLDAuOGMtNy40LTcuMS0xOC04LjktMjYuMi0wLjljLTMuNCwzLjMtNy43LDIuNy0xMC43LTAuNWMtMy0zLjItMi45LTcuNywwLjUtMTEuMkM4OC43LDM0LDk2LjYsMzAuOSwxMDUuNiwzMC42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05My4zLDQwOC4yYy03LjcsMC0xNS4zLTAuMi0yMywwLjFjLTQuMiwwLjEtNi4yLTEuNC02LjEtNS43YzAuMS0xMywwLjEtMjYsMC0zOC45YzAtNC4xLDEuOC01LjYsNS44LTUuNmMxNS44LDAuMSwzMS42LDAuMSw0Ny40LDBjNC4xLDAsNS42LDEuNyw1LjUsNS43Yy0wLjEsMTMtMC4xLDI2LDAsMzguOWMwLDQtMS42LDUuNy01LjcsNS42QzEwOS4zLDQwOC4xLDEwMS4zLDQwOC4yLDkzLjMsNDA4LjJ6IE03Mi41LDQwMC4xYzE0LjQsMCwyOC4zLDAsNDIuMywwYzAtMTEuNCwwLTIyLjUsMC0zMy45Yy0xNC4yLDAtMjguMSwwLTQyLjMsMEM3Mi41LDM3Ny41LDcyLjUsMzg4LjYsNzIuNSw0MDAuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDE0LjEsMzU4YzcuOCwwLDE1LjYsMC4xLDIzLjQsMGM0LjMtMC4xLDYsMS44LDYsNmMtMC4xLDEyLjgtMC4xLDI1LjYsMCwzOC40YzAsNC4yLTEuOCw2LTYuMSw1LjljLTE1LjYtMC4xLTMxLjMtMC4xLTQ2LjksMGMtNCwwLTUuNy0xLjQtNS43LTUuNWMwLjEtMTMuMSwwLjEtMjYuMywwLTM5LjRjMC0zLjksMS42LTUuNCw1LjQtNS4zQzM5OC4yLDM1OC4xLDQwNi4yLDM1OCw0MTQuMSwzNThDNDE0LjEsMzU4LDQxNC4xLDM1OCw0MTQuMSwzNTh6IE00MzUuMiwzNjYuM2MtMTQuNCwwLTI4LjIsMC00Mi4zLDBjMCwxMS40LDAsMjIuNSwwLDMzLjhjMTQuMiwwLDI4LDAsNDIuMywwQzQzNS4yLDM4OC45LDQzNS4yLDM3Ny44LDQzNS4yLDM2Ni4zeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yNTQuMiwzNThjNy43LDAsMTUuMywwLjEsMjMsMGM0LjQtMC4xLDYuNCwxLjUsNi4zLDYuMWMtMC4xLDEyLjUsMCwyNS0wLjEsMzcuNWMwLDUuMy0xLjQsNi43LTYuOSw2LjdjLTE1LjIsMC0zMC4zLTAuMS00NS41LDAuMWMtNC40LDAuMS02LjQtMS4zLTYuMy02YzAuMi0xMi44LDAuMi0yNS43LDAtMzguNWMtMC4xLTQuNCwxLjctNS45LDUuOS01LjhDMjM4LjYsMzU4LjEsMjQ2LjQsMzU4LDI1NC4yLDM1OEMyNTQuMiwzNTgsMjU0LjIsMzU4LDI1NC4yLDM1OHogTTIzMywzNjYuMmMwLDExLjUsMCwyMi43LDAsMzMuOGMxNC4yLDAsMjguMSwwLDQyLjIsMGMwLTExLjQsMC0yMi41LDAtMzMuOEMyNjEsMzY2LjIsMjQ3LjIsMzY2LjIsMjMzLDM2Ni4yeiIvPjwvZz48L3N2Zz4=);
}
.main_plus.active .three span {
  color: #fff;
}
.main_plus.active .three:before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNTEyLjkgNTEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIuOSA1MTM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzYsNTEzYy0xNC43LDAtMjkuMywwLTQ0LDBjLTEuMy0wLjMtMi41LTAuNy0zLjgtMC45Yy0xMi0xLjQtMjQuMS0yLjMtMzYtNC4zYy0yMi4yLTMuNy00My43LTkuNS02My42LTIwLjRDMTUuNyw0ODAuMyw0LjgsNDcxLjUsMCw0NTdjMC03NS4zLDAtMTUwLjcsMC0yMjZjNC42LTEzLjYsMTQuNS0yMi4zLDI2LjUtMjkuMWMzLjgtMi4xLDcuNi00LjIsMTEuNS01LjljNDQtMTguNyw5MC4zLTIyLjYsMTM3LjQtMjAuM2M5LjYsMC41LDE5LjEsMS42LDI5LjYsMi41YzAtMTMuNiwwLTI2LjcsMC0zOS44Yy0wLjEtMjUuNi0wLjQtNTEuMywwLTc2LjljMC4xLTQuNywxLjgtMTAuMSw0LjQtMTMuOWMzLjctNS40LDguNS0xMC4zLDEzLjctMTQuM2MxNC0xMC42LDMwLjMtMTYuNSw0Ny0yMS4xQzMwNy42LDEuOCwzNDUuNi0wLjcsMzg0LDEuOGMyNS43LDEuNyw1MC44LDUuOCw3NS4yLDE0LjJjMTUuOCw1LjQsMzEsMTIuMiw0Mi45LDI0LjVjNi4yLDYuNCwxMC4yLDEzLjksOS45LDIzLjJjLTAuMiw0LjMsMCw4LjYsMCwxMi45YzAsNDgsMCw5NS45LDAsMTQzLjljMCw0Mi4zLTAuMSw4NC42LDAuMSwxMjYuOWMwLDcuNy0yLjQsMTQuMy03LDIwLjNjLTcuMiw5LjEtMTYuNywxNS4yLTI3LDIwLjFjLTMwLjIsMTQuNC02Mi41LDIwLjMtOTUuNiwyMS45Yy0yMC4xLDEtNDAuMi0wLjMtNjAuNC0wLjhjLTQuOC0wLjEtOS41LTAuOC0xNC45LTEuMmMwLDIuMiwwLDMuOCwwLDUuNGMwLDEwLjgtMC42LDIxLjcsMC4xLDMyLjVjMSwxNC45LTUuNywyNS43LTE3LDM0LjFjLTUuMiwzLjgtMTAuOCw3LjMtMTYuNiwxMC4yYy0yMi43LDExLjMtNDcuMiwxNi43LTcyLjIsMjAuMUMxOTMuMSw1MTEsMTg0LjUsNTEyLDE3Niw1MTN6IE0xNTMuNiwyNzcuOGMxNC4zLTAuOSwyOC42LTEuNSw0Mi44LTIuOGMyMC42LTEuOCw0MC45LTUuNSw2MC4yLTEzYzYuMi0yLjQsMTIuMi01LjMsMTcuOC04LjljMTYuMi0xMC41LDE2LjEtMjIuNy0wLjEtMzMuM2MtNC0yLjYtOC4zLTQuOS0xMi43LTYuOGMtMjMuNy0xMC4xLTQ4LjgtMTQuNS03NC4zLTE1LjhjLTIyLjEtMS4xLTQ0LjMtMS02Ni40LDBjLTI0LDEuMS00Ny42LDUuMi03MC4yLDEzLjdjLTkuNSwzLjYtMTguOCw3LjgtMjUuOCwxNS42Yy01LjgsNi42LTUuOCwxMy44LDAuMiwyMC4xYzIuNywyLjksNS44LDUuNyw5LjMsNy41YzcsMy43LDE0LjIsNy4zLDIxLjcsOS44Qzg3LjcsMjc0LjQsMTIwLjUsMjc3LjEsMTUzLjYsMjc3Ljh6IE0zNTguNiwyMS43Yy0zMi4xLDAtNjMuOCwyLjctOTQuNywxMi4yYy0xMS4zLDMuNS0yMi40LDcuNy0zMS40LDE1LjhjLTkuMyw4LjMtOS42LDE3LjQsMCwyNS40YzUuMyw0LjQsMTEuNSw4LDE3LjgsMTAuOGMyMy42LDEwLjMsNDguOCwxNCw3NC4yLDE2LjFjMzEsMi41LDYxLjksMS45LDkyLjctMi45YzE5LjEtMywzOC02LjksNTUuMy0xNmM1LjMtMi44LDEwLjQtNi42LDE0LjctMTAuOWM1LjgtNS44LDUuNS0xMy4yLDAuMS0xOS4zYy0yLjUtMi44LTUuNC01LjctOC43LTcuNGMtNy4zLTMuOS0xNC44LTcuNy0yMi42LTEwLjRDNDI0LjQsMjQuNCwzOTEuNiwyMS43LDM1OC42LDIxLjd6IE0yMjUuNiw5NC4xYy0wLjEsMS45LTAuMywzLjQtMC4zLDVjMCwxMC4yLDAuMywyMC4zLTAuMSwzMC41Yy0wLjQsOC42LDIuOCwxNS4zLDkuOSwxOS40YzguNiw0LjksMTcuNSw5LjcsMjYuOCwxMi45YzI0LjYsOC40LDUwLjIsMTEuMiw3NiwxMi41YzM0LjgsMS44LDY5LjItMC40LDEwMy4xLTguNGMxNC40LTMuNCwyOC41LTgsNDAuNy0xNi45YzYuNS00LjcsMTAtMTAuNiw5LjYtMTljLTAuNS0xMC41LTAuMS0yMS0wLjEtMzEuNWMwLTEuNC0wLjItMi44LTAuMy00LjJjLTQxLjUsMjMuNS04Ni42LDI5LjYtMTMyLjcsMjkuNUMzMTIuMSwxMjMuNywyNjcuMSwxMTcuNywyMjUuNiw5NC4xeiBNMjg2LjYsNDExLjVjLTQxLjcsMjMuNy04Ni44LDI5LjctMTMyLjksMjkuN2MtNDYuMSwwLTkxLjItNi0xMzIuNy0yOS42Yy0wLjEsMS45LTAuMiwzLjUtMC4yLDUuMWMwLDEwLjIsMC41LDIwLjQtMC4xLDMwLjVjLTAuNSw5LDMuMiwxNS40LDEwLjMsMTkuNmM4LDQuNywxNi4zLDksMjUsMTIuMWMyMy41LDguMyw0OC4yLDExLjUsNzIuOSwxMi43YzM4LDEuOSw3NS45LDAuNCwxMTIuOS05LjdjMTMuMi0zLjYsMjYuMS04LDM2LjktMTYuOWM0LjQtMy42LDcuOC03LjksNy45LTEzLjlDMjg2LjYsNDM4LjIsMjg2LjYsNDI1LjIsMjg2LjYsNDExLjV6IE0yMC43LDI2OC4xYzAsMTIuNiwwLjMsMjQuNi0wLjEsMzYuNmMtMC4zLDcuOCwyLjYsMTMuOSw4LjksMTcuOGM3LjgsNC43LDE1LjgsOS4zLDI0LjMsMTIuNGMyNC45LDksNTEsMTIuMSw3Ny4zLDEzLjVjMzUuNiwxLjksNzAuOC0wLjEsMTA1LjYtOC40YzE0LjEtMy40LDI3LjgtNy45LDM5LjgtMTYuNGM2LjgtNC44LDEwLjctMTEsMTAuMi0xOS44Yy0wLjQtNy4zLTAuMS0xNC43LTAuMS0yMmMwLTQuNCwwLTguOCwwLTEzLjdDMjIzLjgsMzA4LjIsODIsMzA3LjQsMjAuNywyNjguMXogTTI4Ni41LDMzOS44Yy00MS43LDIzLjgtODYuOCwyOS44LTEzMi45LDI5LjhjLTQ2LjEsMC05MS4yLTYtMTMyLjktMjkuOGMwLDExLjksMC41LDIzLjQtMC4yLDM0LjhjLTAuNiwxMCwzLjUsMTcuMSwxMS42LDIxLjRjOS4zLDUsMTksOS42LDI5LDEyLjhjMjYuNCw4LjQsNTMuNywxMC45LDgxLjIsMTEuNmMzMi43LDAuOSw2NS4yLTEuNCw5Ny05LjZjMTMuNy0zLjUsMjcuMS04LDM4LjUtMTYuOWM0LjQtMy41LDguMy03LjYsOC40LTEzLjZDMjg2LjYsMzY3LjEsMjg2LjUsMzUzLjgsMjg2LjUsMzM5Ljh6IE0zMDYuOCwyNDIuOGMyLjYsMC40LDQuNSwxLDYuNSwxLjFjMTIuMywwLjksMjQuNiwyLjEsMzYuOSwyLjRjMzIuOSwwLjgsNjUuNS0xLjcsOTcuNC0xMC41YzEyLjUtMy41LDI0LjctNy44LDM1LjItMTUuOWM1LjktNC42LDktMTAuMiw4LjctMThjLTAuNS0xMC4zLTAuMS0yMC43LTAuMS0zMWMwLTEuNi0wLjItMy4yLTAuMy01LjFjLTQxLjUsMjMuNy04Ni42LDI5LjctMTMyLjcsMjkuNmMtNDYuMS0wLjEtOTEuNC02LTEzMi45LTMwYzAsNC40LDAuMiw4LjEtMC4xLDExLjhjLTAuMywzLjgsMS4xLDUsNC44LDUuOWMxOS44LDQuNiwzOS4yLDEwLjYsNTYuMiwyMi4yQzI5OS4yLDIxNC4yLDMwOS40LDIyNC44LDMwNi44LDI0Mi44eiBNNDkxLjEsMzA5LjZjLTU4LjMsMzEtMTIwLjQsMzIuNC0xODMuOCwyNi42YzAsMTcsMCwzMy41LDAsNTAuN2MxMC41LDAuOCwyMC44LDEuOCwzMS4xLDIuNGMzNi4xLDIsNzEuOS0wLjQsMTA3LTkuNGMxMy4yLTMuNCwyNi4xLTcuOSwzNy4yLTE2LjRjNC4zLTMuMyw4LjQtNy4xLDguNS0xMi45QzQ5MS4zLDMzNi45LDQ5MS4xLDMyMy4zLDQ5MS4xLDMwOS42eiBNMzA3LjMsMjY0LjVjMCwxNi44LDAsMzMuNSwwLDUwLjJjMjMuOSwzLjksNDcuNyw0LjEsNzEuNSwzLjFjMjUuMS0xLjEsNTAuMS0zLjksNzQuMS0xMmM5LjgtMy4zLDE5LjMtOC4xLDI4LjMtMTMuMmM3LjItNCwxMC45LTEwLjcsMTAuMi0xOS42Yy0wLjYtOC42LTAuMS0xNy4zLTAuMS0yNmMwLTMuMSwwLTYuMSwwLTkuM0M0MzIuOSwyNjguOSwzNzEsMjcwLjEsMzA3LjMsMjY0LjV6Ii8+PC9nPjwvc3ZnPg==);
}
.main_text .text {
  height: 217px;
  overflow-y: scroll;
  position: relative;
  display: block;
  padding-right: 20px;
}
.main_text .text h1 {
  font-size: 28px;
  margin-bottom: 10px;
}
.main_text .text h2 {
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: bold;
  font-family: "PT Sans Narrow";
  border-bottom: 1px solid #2f2e2d;
  padding-bottom: 4px;
}
.header_openCatalog.active,
.header_openCatalog:hover {
  background: #b23023;
}
.mainLeft.active {
  -webkit-transform: translateX(-57.79vw);
  transform: translateX(-57.79vw);
  position: absolute;
}
.mainRight.active {
  width: 100vw;
  height: auto;
  position: initial;
  top: 0;
  left: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
  right: 0;
}
.emulBlockLeft {
  position: absolute;
  top: 0;
  left: 0;
  width: 57.8%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  z-index: -1;
  pointer-events: none;
}
.catalog-filter label {
  position: relative;
  margin: 0;
  cursor: pointer;
}
.catalog-filter input {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.filter_button_wrapper {
  display: flex;
  justify-content: flex-start;
}
.filter_button_wrapper > div {
  margin-right: 60px;
}
.catalog {
  text-align: justify;
}
.catalog_wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.catalog_wrapper .cardGoodsBlock {
  width: 19.9%;
}
.page_catalog .catalog {
  padding: 10.5vh 67px 0 69px;
}
.catalog .catalog-filter ul {
  text-align: left;
  padding-left: 315px;
  margin-bottom: 0;
}
.cardGoods:hover {
  border-color: #f6da8f;
}
.cardGoods:hover:before {
  background: #f6da8f;
}
.cardGoods:hover:after {
  background: #f6da8f;
}
.ms2_product.cardGoods:hover {
  border-color: transparent #f6da8f #f6da8f #f6da8f;
}
.catalog .catalog-filter li {
  margin: 0 46px 0 8px;
}
.catalog #mse2_mfilter_ {
  margin-bottom: 0;
}
.catalog .cardGoods {
  margin-bottom: 91px;
  line-height: initial;
  vertical-align: top;
}
.catalog #mse2_results:after {
  content: " i i i i i i i i i i ";
  word-spacing: 299px;
  padding-left: 299px;
  visibility: hidden;
}
.catalog #mse2_results {
  line-height: 0;
  margin: 0;
  text-align: justify;
  overflow: hidden;
  padding-top: 20px;
}
.product .mainLeft {
  background: #f3f3f3;
  overflow: initial;
  height: initial;
  padding-bottom: 50px;
  min-height: 100vh;
}
.contacts .mainLeft {
  background: #f3f3f3;
  overflow: initial;
  height: initial;
  min-height: 100vh;
}
.product_img {
  text-align: center;
  margin-bottom: 51px;
}
.product_img a {
  outline: 0;
}
.product_img img {
  width: 100%;
}
header.header:after,
header.header:before {
  position: absolute;
  height: 300%;
  width: 100%;
  box-shadow: inset 0 119px 33px 0 transparent;
  content: "";
  z-index: -1;
  top: 0;
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.catalogSliderItem {
  box-sizing: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.catalogSliderItem:after {
  content: "";
  visibility: hidden;
  display: inline-block;
  width: 299px;
}
.mainRight.active.active .catalog-filter ul {
  text-align: left;
}
.ms2_product.cardGoods {
  margin-bottom: 8vh;
  margin-left: 3px;
  height: 292px;
  vertical-align: top;
}
nav.header_menu li.subMenu:before {
  content: "";
  position: absolute;
  top: 25px;
  right: 0;
  border-width: 5px 5px 0 5px;
  border-style: solid;
  border-color: #f0c248 transparent transparent transparent;
  color: transparent;
}
nav.header_menu li.subMenu:hover:before {
  border-color: transparent transparent #f0c248 transparent;
  border-width: 0 5px 5px 5px;
}
nav.header_menu li:hover ul {
  display: block;
}
.mainSlider-block {
  padding-top: 24px;
  clear: both;
}
.mainSlider-item {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ms2_product.cardGoods form {
  margin-bottom: 0;
}
.header_openCatalog .header_openCatalogClose {
  position: absolute;
  top: 25px;
  left: 28px;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header_openCatalogClose span {
  width: 14px;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  background: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header_openCatalogClose:before {
  content: "";
  position: absolute;
  height: 9px;
  width: 2px;
  background: #fff;
  bottom: -2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header_openCatalogClose:after {
  content: "";
  position: absolute;
  height: 9px;
  width: 2px;
  background: #fff;
  top: -2px;
  left: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.open .header_openCatalogClose:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 4px;
  height: 8px;
  background: #2c2a29;
}
.open .header_openCatalogClose:after {
  left: 8px;
  height: 8px;
  background: #2c2a29;
}
.open .header_openCatalogClose span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #2c2a29;
}
.contactsImage {
  margin-left: 0;
  background-image: url(https://tstver.com/assets/template/image/photo/p1.jpg);
  height: 1px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
.contacts .contactsImage {
  margin-left: -71px;
}
.contactsBanner {
  height: 420px;
}
.contactsBanner_01,
.contactsBanner_02 {
  font-family: 'PT Sans Narrow';
  height: 420px;
}
.contactsBanner_01 {
  background-image: url(https://tstver.com/assets/template/image/bg/banner_bg_01.jpg);
}
.contactsBanner_02 {
  background-image: url(https://tstver.com/assets/template/image/bg/banner_bg_02.jpg);
}
.contactsBanner_01 .contactsImageInfo,
.contactsBanner_02 .contactsImageInfo {
  border: 15px solid #f1c44d;
  box-sizing: border-box;
  padding-right: 20px;
  background-color: rgba(255, 255, 255, 0.5);
  color: #2f2e2d;
}
.contactsBanner_01 .contactsImageInfo {
  width: 50%;
}
.contactsBanner_02 .contactsImageInfo {
  width: 89%;
  height: 266px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding: 1vw 3vw;
}
.contactsImageInfo {
  border: 15px solid #88a3d6;
  position: absolute;
  left: 71px;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  background-color: rgba(47, 46, 45, 0.48);
  padding: 20px 160px 20px 30px;
}
.contactsImageInfo:before {
  content: "";
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 74px;
  height: 74px;
  background-repeat: no-repeat;
  background-image: url(https://tstver.com/assets/template/image/photo/i1.png);
  background-size: contain;
}
.contactsBanner_01 .contactsImageInfo:before,
.contactsBanner_02 .contactsImageInfo:before {
  display: none;
}
.contactsBanner_title,
.contactsImageInfo a {
  color: #fff;
  font-size: 44px;
  text-transform: uppercase;
  display: inline;
  border-bottom: 2px solid #fff;
  text-decoration: none;
  line-height: 60px;
  font-weight: 700;
}
.contactsBanner_title {
  color: #2f2e2d;
  border-bottom: none;
  display: inline-block;
  margin-bottom: 30px;
  text-decoration: underline;
  text-decoration-thickness: 3px;
  text-underline-offset: 5px;
}
.contactsBanner_content {
  justify-content: space-between;
}
.contactsBanner_content .contactsBanner_button {
  line-height: 1;
  padding: 11px 24px;
}
.contactsBanner .contactsBanner_button {
  background-color: #ca3328;
  font-size: 16px;
  padding: 9px 23px;
  color: #fff;
  font-weight: 400;
  text-transform: none;
  font-family: "PT Sans";
}
.mainSlider .contactsImage {
  height: 100%;
}
.contactsImageInfo span {
  display: block;
  font-size: 18px;
  text-transform: uppercase;
  margin-top: 20px;
}
#msMiniCart .not_empty > span {
  font-size: 12px;
}
#ms2_order_cost2 {
  font-size: 22px;
}
.box-modal {
  background: #fff;
  padding: 30px 45px 45px;
  width: 544px;
  box-sizing: border-box;
  position: relative;
}
.box-modal form {
  margin-bottom: 0;
}
.box-modal_close {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background: url(/assets/template/image/image/close.svg) center #ffc339 no-repeat;
  background-size: 13px 13px;
}
.enter-popup_text input {
  width: 100%;
  border-radius: 0;
  margin-bottom: 28px;
  font-family: "PT Sans";
}
.enterFormTitle {
  font-size: 26px;
  color: #2f2e2d;
  font-weight: 700;
}
.enter-popup_radios {
  border-bottom: 15px solid #e8e8e8;
  margin-bottom: 28px;
}
.enter-popup_radios label {
  position: relative;
  display: inline-block;
  padding-left: 34px;
  margin-right: 30px;
  margin: 26px 30px 14px 0;
  font-weight: 400;
  font-size: 14px;
  font-family: "PT Sans";
}
.enter-popup_radios input {
  visibility: hidden;
  position: absolute;
}
.enter-popup_radios .radioFalseInput {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #d0d0d0;
  position: absolute;
  left: 10px;
  top: 50%;
  margin: 0;
  margin-top: -8px;
}
.enter-popup_radios label input:checked + .radioFalseInput:before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  background: #f0c248;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
}
.enterPopupButtons button {
  width: 100%;
  border: none;
  background: #ca3328;
  color: #fff;
  text-align: center;
  font-family: "PT Sans";
  line-height: 40px;
  font-size: 16px;
}
.enter-popup_text {
  position: relative;
}
.enter-popup_text > div {
  color: red;
  position: absolute;
  left: 11px;
  top: -18px;
  font-size: 12px;
}
.openPupupForgotPass {
  display: inline-block;
  float: right;
  margin-bottom: 22px;
  margin-top: -12px;
  text-decoration: underline;
  color: red;
  cursor: pointer;
  z-index: 1;
  position: relative;
}
.enterPopupButtons .button.one {
  width: 100%;
  clear: both;
  text-align: center;
  float: none;
  padding: 0;
  height: 38px;
  background: #ca3328;
  color: #fff;
}
#forgotPassForm,
#loginForm {
  margin-top: 20px;
}
.loginMessage {
  line-height: 16px;
  color: red;
  margin-bottom: 12px;
}
.loginMessage:empty {
  margin-bottom: 0;
}
.forgotPassword {
  font-size: 16px;
  font-family: "PT Sans";
  color: #ca3328;
  text-decoration: underline;
  margin: 34px 0 40px 0;
  cursor: pointer;
}
.forgotPassMessage,
.scsforgotPassMessage {
  color: #00a900;
  font-size: 16px;
  margin-bottom: 18px;
  margin-top: 10px;
  font-family: "PT Sans";
}
.forgotPassMessage {
  color: red;
}
.text_link {
  font-size: 14px;
  color: #2f2e2d;
}
.icon_box {
  vertical-align: top;
  margin-right: 20px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-image: url(/assets/template/image/image/box.svg);
}
.opacity0 {
  opacity: 0;
}
.popupContent.two {
  font-size: 16px;
}
.popupContent {
  font-size: 14px;
  margin-top: 20px;
  font-family: "PT Sans";
}
.popupContent p {
  margin-bottom: 0;
  margin-bottom: 10px;
}
.popupContent hr {
  border-top: 11px solid #e8e8e8;
  color: #e8e8e8;
  margin: 22px 0;
}
.popupContent form {
  width: 100%;
  margin-top: 20px;
}
.popupContent input {
  width: 60%;
  border-radius: 0;
  margin-bottom: 0;
  vertical-align: top;
  font-size: 14px;
  display: inline-block;
}
.popupContent button {
  width: 36%;
  margin-left: 3%;
  height: 38px;
  line-height: 37px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  display: inline-block;
  background: #ca3328;
  text-decoration: none;
  bottom: 12px;
  border: none;
}
.popupContent form {
  font-size: 0;
}
.pagination {
  display: table;
  margin: 0 auto;
}
.pagination ul {
  margin: 0;
}
.pagination li {
  list-style: none;
  display: inline-block;
  margin: 0 4px;
}
.pagination li a,
.pagination li span {
  display: block;
  text-decoration: none;
  padding: 4px 10px;
  background-color: orange;
  color: #fff;
}
.pagination li span {
  background-color: #c3c3c3;
}
.pagination li.active a {
  background-color: #c3c3c3;
}
nav.header_menu li.active a {
  text-decoration: none;
  color: #fde377;
}
.body_content.order .mainFullWidth {
  height: initial;
  width: 100%;
}
.mainSlider-item.green .mainSlider-text {
  border-color: #b2d179;
}
.mainSlider-item.white .mainSlider-text {
  border-color: #fff;
}
.header_logo img {
  width: 300px;
}
.popupPriceBlock {
  background: #e8e8e8;
  font-family: "PT sans", sans-serif;
  position: relative;
  padding: 0 10px 9px 8px;
}
.popupPriceBlock.left {
  float: left;
}
.popupSale {
  overflow: hidden;
  padding: 0 0 11px;
  position: relative;
  margin-bottom: 16px;
}
.popupPriceBlock.right {
  float: right;
}
.popupPriceBlock .price {
  font-size: 44px;
  font-weight: 700;
  float: left;
}
.popupPriceBlock .priceInfo {
  font-size: 20px;
  float: right;
  line-height: 1;
  color: #606060;
  margin: 8px 0 0 18px;
}
.popupPriceBlock .currency {
  font-weight: 700;
}
.yellowBlockInfo {
  position: absolute;
  bottom: -8px;
  left: 9px;
  background: #eec148;
  font-size: 12px;
  padding: 0 8px 2px;
}
.arrowRight {
  position: absolute;
  top: 23px;
  left: 203px;
  width: 45px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAUCAYAAAAZb7T/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkM1OTM0NDNBN0ZDMTFFNjlBMjBDRDc3RUQxOTA0NkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkM1OTM0NDRBN0ZDMTFFNjlBMjBDRDc3RUQxOTA0NkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQzU5MzQ0MUE3RkMxMUU2OUEyMENENzdFRDE5MDQ2RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQzU5MzQ0MkE3RkMxMUU2OUEyMENENzdFRDE5MDQ2RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn1fePkAAAPMSURBVHjazJZrTFNnGMf/pz1tueiAtKVC5b64GOUiboYRb9Chmxp1QUXQaIyS6JdtuoBSm1VBrpFky0ZkZDFG56gxEZxTv+iIW+IHEz9ojBqNoEE4p7SlBVPQXqjPW9ukYbMmm1D+ycnpOc/7nP7O8z7ve/7cF0sW4+qt23ibOA7w+RAmzlHcFzZXKpHgc/qf1MREDDlG8MLp9OexOFNMtAJ3H/V+1W+1Hjpj1OdrVUrxqWhGjELhf7bb64WUBsdGR+P50BC46YAOKicjDZuLVyBFkwjzsB2jY05IOAnkvAwyns+p6TjJQFznag9/mKxUCqJtGBJ64YhCM2Vo1ChfpcP6pYVIVqtgYfDOMSjjPkCvIGo21hj7adhEV8ORlLkqleWpKGKCboRCSzDN6jNb0HDGhNX7q9F4+jeY7Q6o4uMwaLNBk5BgvlBv1LJxX+qPDAzYbJrUORp4qNKhmnbooEbGXuJE9x8o/64W7V2X4PVOQCaTIj15jsV09HAGDXFT1XsHrbakNGonbwh4xKCDrTUy/gpt3Zew1ViHX36/gicDApbmZgvXv2/JpCEyqngv9b+aVTwIHlHoUL0g+PaLl7G7rgnGjpOsx813Tv2sVfA8V2qoHRSH7ZpUqjhblGALMXw13l2tqcidpZChvnIXuhqMsbR4BYI3X21tTLrccowaflmBfwwdiklHFDvTc+V0lv9LXPEmzsmnIjeQJ5+nTcKedatTJBznio+J6m+v+lqLpIT4ZxT0ve1gO1q4+NTlcqHXozQnw4HfHl6rVh4X7I4UungVOnPBRBIXvJ40g77APjx5jt93rmfNko/Fm/fu1Tpox9Hl5x5H6YrC/9Rz7+rZ/5MbVH5WJs4fNaCqbNNG9jJ7N6yt/uunVmBtwSczDjovMx2t+yohdptQXbbJwIB3lBQffGw6hdOGKvCYQWKwpSuXQ7d4EbLmanHgxxOGs9d66raXFBm+rdjS3CeY4XJ7Igcd6kmyyUhVlOjw6YL5mBUdQwZKim9+aNN3/nnDD1y9bWt9H7k+nswTm8GIVjo3KwPlJcVYnpcDKX3nhhx2xMXGkjfpNJh6btTtXKWrOVC+ualPEPHS48HsqCh/XkSgFxHsFl0R+1xDLuNB/oKQOfLbarScPecHZhXez4Cpwm63229Rg5pW6IL5H2HP+jUozF5I5oiHYLHCOT4OFdnS2WQ7m3816Tt7QlqCKsyAucCGHxFo+ibg9oNHuNDzN1xeN3lkqf++gl7AOjK6++b9h/XbPivSV1WUNTJgVwD4HzuPL5zDn6F6LcAA9iit2ggNgcoAAAAASUVORK5CYII=);
}
.mainFullWidth.basket {
  background: #f6f6f6;
  height: auto;
  padding-bottom: 50px;
}
.iconbascet {
  position: absolute;
  top: -7px;
  left: 0;
  width: 27px;
  height: 25px;
  z-index: 2;
}
.cardGoodsBlock {
  display: inline-block;
  position: relative;
}
.loaderGoods {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 292px;
  z-index: 2;
  pointer-events: none;
  opacity: 0;
}
.loaderGoods:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(/assets/template/image/image/oval.svg);
  width: 46px;
  height: 46px;
  background-size: cover;
  margin: -23px 0 0 -9px;
}
#confirmKey {
  display: none;
}
.enterConfirmKey {
  color: green;
  margin-top: 20px;
  text-decoration: underline;
  cursor: pointer;
}
.enterFormTitle.success_popup.two {
  font-size: 32px;
}
.enterFormTitle.success_popup {
  font-size: 36px;
  text-transform: uppercase;
  border-bottom: 6px solid #e8e8e8;
  padding-bottom: 5px;
}
.inv-link {
  text-decoration: none;
  color: #2f2e2d;
}
p.bold {
  font-weight: 900;
  margin: 0;
  margin-top: -5px;
}
.rel {
  width: 30%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px;
  border-style: dotted;
  border-color: #fff;
  border-width: medium;
}
p.bold {
  font-weight: 900;
  margin: 0;
  margin-top: -5px;
}
.rel {
  width: 30%;
  margin: 0 auto;
  position: relative;
  text-align: center;
  padding: 20px;
  border-style: dotted;
  border-color: #fff;
  border-width: medium;
}
h1.big.hidden {
  display: none;
}
.main span {
  color: red;
}
.main span a {
  text-decoration: none;
  color: red;
}
.main span.small {
  color: #2f2e2d;
  font-size: 12px;
  display: block;
  padding-top: 5px;
}
.social-item {
  display: inline-block;
}
.social-item img {
  vertical-align: middle;
  width: 20px;
  padding-left: 8px;
}
.social-item-header {
  display: inline-block;
  margin-right: 9px;
}
.social-item-header img {
  vertical-align: middle;
  width: 15px;
}
.pagination__wrapper {
  margin-bottom: 60px;
}
input[type=number] {
  margin-bottom: 0 !important;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
}
input[type=number] {
  -moz-appearance: textfield !important;
}
input[type=number]:focus,
input[type=number]:hover {
  -moz-appearance: number-input !important;
}
.dostavka_i_oplata p {
  margin-bottom: 15px !important;
}
/* Main slider */
.mainSlider .owl-nav {
  position: absolute;
  top: -23px;
  right: 0;
  background: #2f2e2d;
  width: 106px;
  height: 53px;
}
.mainSlider .owl-nav > div {
  display: block !important;
  width: 53px;
  height: 53px;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.mainSlider .owl-prev {
  left: 0;
}
.mainSlider .owl-prev:before {
  content: "";
  position: absolute;
  top: 20px;
  left: 17px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(../image/image/arrow_gray.svg);
  transform: rotate(180deg);
}
.mainSlider .owl-prev:hover:before {
  background-image: url('../image/image/arrow.svg');
  transform: rotate(180deg);
}
.mainSlider .owl-next {
  right: 0;
}
.mainSlider .owl-next:before {
  content: "";
  position: absolute;
  top: 20px;
  right: 15px;
  width: 16px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(../image/image/arrow_gray.svg);
}
.mainSlider .owl-next:hover:before {
  background-image: url('../image/image/arrow.svg');
}
.mainSlider .owl-nav:before {
  content: "";
  position: absolute;
  top: 24px;
  left: 52px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #636363;
}
.mainSlider-item {
  position: absolute;
  width: 100%;
  height: 100%;
}
.mainSlider .contactsImage {
  height: 100%;
}
.mainSlider-item.green .mainSlider-text {
  border-color: #b2d179;
}
.mainSlider-item.white .mainSlider-text {
  border-color: white;
}
.mainSlider-item.cian .mainSlider-text {
  border-color: #99cce7;
  width: 640px;
}
.mainSlider-item.yellow .mainSlider-text {
  border-color: #f0c248;
}
.payKeeperLogo {
  text-align: right;
}
.payKeeperLogo img {
  width: 100%;
  max-width: 220px;
}
.contactsImage {
  background-image: url("../image/photo/bn_1.jpg");
}
.contactsImage.bg_3 {
  background-image: url("../image/photo/banner_bg_3.jpg");
}
.contactsImageInfo {
  background: rgba(255, 255, 255, 0.9);
  border: 15px solid #F1C44D;
  color: #2F2E2D;
  padding: 20px 85px 20px 30px;
  max-width: 43%;
}
.contactsBanner_title,
.contactsImageInfo a {
  color: #2F2E2D;
  text-decoration: underline;
}
.contactsImageInfo:before {
  content: none;
}
.contactsImageInfo .btn {
  height: 40px;
  line-height: 35px;
  padding: 0 23px;
  transition: 0.4s;
  border: 1px solid #ca3328;
  background: #ca3328;
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  margin-top: 30px;
}
.contactsImageInfo .btn:hover {
  background: #b23023;
}
.main_plus .one span {
  padding: 0;
}
@media (max-height: 700px) and (max-width: 1380px) {
  .contactsImageInfo {
    border: 8px solid #F1C44D;
    padding: 15px 53px 15px 15px;
  }
  .contactsBanner_title,
  .contactsImageInfo a {
    font-size: 32px;
    line-height: 40px;
  }
  .contactsImageInfo span {
    font-size: 16px;
    margin-top: 10px;
  }
  .contactsImageInfo .btn {
    height: 38px;
    line-height: 35px;
    font-size: 14px;
    margin-top: 20px;
  }
}
@media (max-width: 710px) {
  .mainSlider .contactsImage {
    height: 100% !important;
  }
  .contactsImageInfo {
    left: 25px !important;
    padding: 10px 40px 10px 20px !important;
  }
}
@media (max-width: 480px) {
  .contactsImageInfo {
    left: 10px !important;
    padding: 5px 5px 5px 10px !important;
    width: 50%;
  }
  .contactsImageInfo a {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  .contactsImageInfo span {
    font-size: 12px !important;
    margin-top: 1px !important;
    max-width: 87% !important;
  }
  .contactsImageInfo .btn {
    height: 30px !important;
    line-height: 25px !important;
    font-size: 14px !important;
    margin-top: 6px !important;
    padding: 0px 14px !important;
  }
}
/*# sourceMappingURL=main_index.css.map */