/* Start:/include/misc/uikit_v2.css?178144734550538*/
/* ========================================================================
   Component: Icon
 ========================================================================== */
/*
 * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component.
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Remove border-radius in Chrome.
 * 4. Address `overflow` set to `hidden` in IE.
 * 5. Correct `font` properties and `color` not being inherited for `button`.
 * 6. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 7. Remove default `button` padding and background color
 * 8. Style
 * 9. Fill all SVG elements with the current text color if no `fill` attribute is set
 * 10. Let the container fit the height of the icon
 */
.uk-icon {
  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  border-radius: 0;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: inherit;
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background-color: transparent;
  /* 8 */
  display: inline-block;
  /* 9 */
  fill: currentcolor;
  /* 10 */
  line-height: 0;
}
/* Required for `button`. */
button.uk-icon:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove the inner border and padding in Firefox.
 */
.uk-icon::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/*
 * Set the fill and stroke color of all SVG elements to the current text color
 */
.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) {
  fill: currentcolor;
}
.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) {
  stroke: currentcolor;
}
/*
 * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835
 */
.uk-icon > * {
  transform: translate(0, 0);
}
/* Image modifier
 ========================================================================== */
/*
 * Display images in icon dimensions
 */
.uk-icon-image {
  width: 20px;
  height: 20px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
}
/* Style modifiers
 ========================================================================== */
/*
 * Link
 */
.uk-icon-link {
  color: #999;
}
.uk-icon-link:hover,
.uk-icon-link:focus {
  color: #666;
  outline: none;
}
/* OnClick + Active */
.uk-icon-link:active,
.uk-active > .uk-icon-link {
  color: #595959;
}
/*
 * Button
 * 1. Center icon vertically and horizontally
 */
.uk-icon-button {
  box-sizing: border-box;
  width: 36px;
  height: 36px;
  border-radius: 500px;
  background: #f8f8f8;
  color: #999;
  vertical-align: middle;
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
/* Hover + Focus */
.uk-icon-button:hover,
.uk-icon-button:focus {
  background-color: #ebebeb;
  color: #666;
  outline: none;
}
/* OnClick + Active */
.uk-icon-button:active,
.uk-active > .uk-icon-button {
  background-color: #dfdfdf;
  color: #666;
}
/* Background modifier
 ========================================================================== */
/*
 * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera
 *    Default color is set to transparent
 * 2. Container fits the text
 * 3. Fallback color for IE11
 */
.uk-text-background {
  /* 1 */
  -webkit-background-clip: text;
  /* 2 */
  display: inline-block;
  /* 3 */
  color: #1e87f0 !important;
}
@supports (-webkit-background-clip: text) {
  .uk-text-background {
    background-color: #1e87f0;
    color: transparent !important;
  }
}
/* Alignment modifiers
 ========================================================================== */
.uk-text-left {
  text-align: left !important;
}
.uk-text-right {
  text-align: right !important;
}
.uk-text-center {
  text-align: center !important;
}
.uk-text-justify {
  text-align: justify !important;
}
/* Phone landscape and bigger */
@media (min-width: 640px) {
  .uk-text-left\@s {
    text-align: left !important;
  }
  .uk-text-right\@s {
    text-align: right !important;
  }
  .uk-text-center\@s {
    text-align: center !important;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-text-left\@m {
    text-align: left !important;
  }
  .uk-text-right\@m {
    text-align: right !important;
  }
  .uk-text-center\@m {
    text-align: center !important;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-text-left\@l {
    text-align: left !important;
  }
  .uk-text-right\@l {
    text-align: right !important;
  }
  .uk-text-center\@l {
    text-align: center !important;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .uk-text-left\@xl {
    text-align: left !important;
  }
  .uk-text-right\@xl {
    text-align: right !important;
  }
  .uk-text-center\@xl {
    text-align: center !important;
  }
}
/*
 * Vertical
 */
.uk-text-top {
  vertical-align: top !important;
}
.uk-text-middle {
  vertical-align: middle !important;
}
.uk-text-bottom {
  vertical-align: bottom !important;
}
.uk-text-baseline {
  vertical-align: baseline !important;
}
/* Wrap modifiers
 ========================================================================== */
/*
 * Prevent text from wrapping onto multiple lines
 */
.uk-text-nowrap {
  white-space: nowrap;
}
/*
 * 1. Make sure a max-width is set after which truncation can occur
 * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis
 * 3. Fix for table cells
 */
.uk-text-truncate {
  /* 1 */
  max-width: 100%;
  /* 2 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 2 */
th.uk-text-truncate,
td.uk-text-truncate {
  max-width: 0;
}
/*
 * 1. Wrap long words onto the next line and break them if they are too long to fit
 * 2. Legacy `word-wrap` as fallback for `overflow-wrap`
 * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge
 *    Must use `break-all` to support IE11 and Edge
 * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed
 */
.uk-text-break {
  /* 1 */
  overflow-wrap: break-word;
  /* 2 */
  word-wrap: break-word;
}
/* 3 */
th.uk-text-break,
td.uk-text-break {
  word-break: break-all;
}
/* Label
 ========================================================================== */
/* ========================================================================
   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: Lightbox
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 * 3. Allow scrolling for the modal dialog
 * 4. Horizontal padding
 * 5. Mask the background page
 * 6. Fade-in transition
 * 7. Prevent cancellation of pointer events while dragging
 */
.uk-lightbox {
  /* 1 */
  display: none;
  /* 2 */
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1200 !important;
  /* 5 */
  background: #000;
  /* 6 */
  opacity: 0;
  transition: opacity 0.15s linear;
  /* 7 */
  touch-action: pinch-zoom;
}
/*
 * Open
 * 1. Center child
 * 2. Fade-in
 */
.uk-lightbox.uk-open {
  display: block;
  /* 2 */
  opacity: 1;
}
/* Page
 ========================================================================== */
/*
 * Prevent scrollbars
 */
.uk-lightbox-page {
  overflow: hidden;
}
/* Item
 ========================================================================== */
/*
 * 1. Center child within the viewport
 * 2. Not visible by default
 * 3. Color needed for spinner icon
 * 4. Optimize animation
 * 5. Responsiveness
 *    Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera
 *    Using `vh` and `vw` to make responsive image work in IE11
 * 6. Suppress outline on focus
 */
.uk-lightbox-items > * {
  /* 1 */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  display: none;
  justify-content: center;
  align-items: center;
  /* 3 */
  color: rgba(255, 255, 255, 0.7);
  /* 4 */
  will-change: transform, opacity;
}
/* 5 */
.uk-lightbox-items > * > * {
  max-width: 100vw;
  max-height: 100vh;
}
/* 6 */
.uk-lightbox-items > :focus {
  outline: none;
}
.uk-lightbox-items > * > :not(iframe) {
  width: auto;
  height: auto;
}
.uk-lightbox-items > .uk-active {
  display: flex;
}
/* Toolbar
 ========================================================================== */
.uk-lightbox-toolbar {
  padding: 10px 10px;
  /* background: rgba(0, 0, 0, 0.3); */
  color: rgba(255, 255, 255, 0.7);
}
.uk-lightbox-toolbar > * {
  color: rgba(255, 255, 255, 0.7);
}
/* Toolbar Icon (Close)
 ========================================================================== */
.uk-lightbox-toolbar-icon {
    padding: 7px;
    color: rgba(255, 255, 255, 0.7);
    background: rgba(0,0,0,0.7);
    border-radius: 50%;
}
.uk-close-large svg {
    fill: #fff !important;
    stroke: #fff !important;
    width: 20px;
    height: 20px;
}
.uk-close-large svg line {
    fill: #fff !important;
    stroke: #fff !important; 
}
/*
 * Hover
 */
.uk-lightbox-toolbar-icon:hover {
  color: #fff;
}
/* Button (Slidenav)
 ========================================================================== */
/*
 * 1. Center icon vertically and horizontally
 */
.uk-lightbox-button {
  box-sizing: border-box;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0.3);
  color: rgba(255, 255, 255, 0.7);
  /* 1 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
/* Hover + Focus */
.uk-lightbox-button:hover,
.uk-lightbox-button:focus {
  color: #fff;
}
/* OnClick */
/* Caption
 ========================================================================== */
.uk-lightbox-caption:empty {
  display: none;
}
/* Iframe
 ========================================================================== */
.uk-lightbox-iframe {
  width: 80%;
  height: 80%;
}
/* ========================================================================
   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: 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: 30px;
}
/* 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: 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: 10px;
  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% - (15px * 2));
  margin: 15px;
}
.uk-position-small.uk-position-center {
  transform: translate(-50%, -50%) translate(-15px, -15px);
}
.uk-position-small[class*='uk-position-center-left'],
.uk-position-small[class*='uk-position-center-right'] {
  transform: translateY(-50%) translateY(-15px);
}
.uk-position-small.uk-position-top-center,
.uk-position-small.uk-position-bottom-center {
  transform: translateX(-50%) translateX(-15px);
}
/*
 * 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: 1200px) {
  .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.03, 1.03);
}
/* 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.03, 1.03);
}
.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: 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;
}
/* 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;
  }
}
/* ========================================================================
   Component: Button
 ========================================================================== */
/*
 * 1. Remove margins in Chrome, Safari and Opera.
 * 2. Remove borders for `button`.
 * 3. Address `overflow` set to `hidden` in IE.
 * 4. Correct `font` properties and `color` not being inherited for `button`.
 * 5. Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 6. Remove default style for `input type="submit"`in iOS.
 * 7. Style
 * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements.
 *    Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements.
 * 9. Align text if button has a width
 * 10. Required for `a`.
 */
.uk-button {
-webkit-transition: transform 0.6s ease !important;
-moz-transition: transform 0.6s ease !important;
-ms-transition: transform 0.6s ease !important;
-o-transition: transform 0.6s ease !important;
transition: transform 0.6s ease !important;

  /* 1 */
  margin: 0;
  /* 2 */
  border: none;
  /* 3 */
  overflow: visible;
  /* 4 */
  font: inherit;
  color: inherit;
  /* 5 */
  text-transform: none;
  /* 6 */
  -webkit-appearance: none;
 
  /* 7 */
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  font-size: 16px;
  /* 8 */
  /* 9 */
  text-align: center;
  /* 10 */
  text-decoration: none;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color, border-color;
}
.uk-button:not(:disabled) {
  cursor: pointer;
}
/*
 * Remove the inner border and padding in Firefox.
 */
.uk-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/* Hover */
.uk-button:hover {
  /* 9 */
  text-decoration: none;
}
/* Focus */
.uk-button:focus {
  outline: none;
}
/* OnClick + Active */
/* Style modifiers
 ========================================================================== */
/*
 * Default
 */
/* СТИЛЬ ПЕРЕНЕСЕН В CSS шаблона, для отмены кеширования браузером
@media (max-width: 1000px) {
    .uk-button-default {
        background-color: var(--blue);
        color: #fff;
        border-radius: 45px;
        padding: 8px 12px;
        right: 10px;
        z-index: 12;
        bottom: 10px;
        position: fixed;
        display: flex;
        align-items: center;
        font-size: 20px;
    }
}

.uk-button svg {
    height: 30px;
    width: 30px;
    fill: #fff;
}
*/
/* Hover + Focus 
.uk-button-default:hover,
.uk-button-default:focus {
  background-color: transparent;
  color: #333;
  border-color: #b2b2b2;
}
*/
/* OnClick + Active 
.uk-button-default:active,
.uk-button-default.uk-active {
  background-color: transparent;
  color: #333;
  border-color: #999999;
}
*/
/*
 * Primary
 */
.uk-button-primary {
  background-color: #1e87f0;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-primary:hover,
.uk-button-primary:focus {
  background-color: #0f7ae5;
  color: #fff;
}
/* OnClick + Active */
.uk-button-primary:active,
.uk-button-primary.uk-active {
  background-color: #0e6dcd;
  color: #fff;
}
/*
 * Secondary
 */
.uk-button-secondary {
  background-color: #222;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-secondary:hover,
.uk-button-secondary:focus {
  background-color: #151515;
  color: #fff;
}
/* OnClick + Active */
.uk-button-secondary:active,
.uk-button-secondary.uk-active {
  background-color: #080808;
  color: #fff;
}
/*
 * Danger
 */
.uk-button-danger {
  background-color: #f0506e;
  color: #fff;
  border: 1px solid transparent;
}
/* Hover + Focus */
.uk-button-danger:hover,
.uk-button-danger:focus {
  background-color: #ee395b;
  color: #fff;
}
/* OnClick + Active */
.uk-button-danger:active,
.uk-button-danger.uk-active {
  background-color: #ec2147;
  color: #fff;
}
/*
 * Disabled
 * The same for all style modifiers
 */
.uk-button-default:disabled,
.uk-button-primary:disabled,
.uk-button-secondary:disabled,
.uk-button-danger:disabled {
  background-color: transparent;
  color: #999;
  border-color: #e5e5e5;
}
/* Size modifiers
 ========================================================================== */
.uk-button-small {
  padding: 0 15px;
  line-height: 28px;
  font-size: 0.875rem;
}
.uk-button-large {
  padding: 0 40px;
  line-height: 53px;
  font-size: 0.875rem;
}
/* Text modifiers
 ========================================================================== */
/*
 * Text
 * 1. Reset
 * 2. Style
 */
.uk-button-text {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #333;
  position: relative;
}
.uk-button-text::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  border-bottom: 1px solid #333;
  transition: right 0.3s ease-out;
}
/* Hover + Focus */
.uk-button-text:hover,
.uk-button-text:focus {
  color: #333;
}
.uk-button-text:hover::before,
.uk-button-text:focus::before {
  right: 0;
}
/* Disabled */
.uk-button-text:disabled {
  color: #999;
}
.uk-button-text:disabled::before {
  display: none;
}
/*
 * Link
 * 1. Reset
 * 2. Style
 */
.uk-button-link {
  /* 1 */
  padding: 0;
  line-height: 1.5;
  background: none;
  /* 2 */
  color: #333;
}
/* Hover + Focus */
.uk-button-link:hover,
.uk-button-link:focus {
  color: #999;
  text-decoration: none;
}
/* Disabled */
.uk-button-link:disabled {
  color: #999;
  text-decoration: none;
}
/* Group
 ========================================================================== */
/*
 * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements
 * 2. Behave like button
 * 3. Create position context
 */
.uk-button-group {
  /* 1 */
  display: inline-flex;
  /* 2 */
  vertical-align: middle;
  /* 3 */
  position: relative;
}
/* Group
     ========================================================================== */
/*
     * Collapse border
     */
.uk-button-group > .uk-button:nth-child(n+2),
.uk-button-group > div:nth-child(n+2) .uk-button {
  margin-left: -1px;
}
/*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */
.uk-button-group .uk-button:hover,
.uk-button-group .uk-button:focus,
.uk-button-group .uk-button:active,
.uk-button-group .uk-button.uk-active {
  position: relative;
  z-index: 1;
}
/* ========================================================================
   Component: Off-canvas
 ========================================================================== */
/*
 * 1. Hide by default
 * 2. Set position
 */
 @media (max-width: 1000px) {
    .uk-offcanvas {
      /* 1 */
      display: none;
      /* 2 */
      position: fixed;
      top: 0;
      bottom: 0;
      left: 0;
      z-index: 800;
    }
    #offcanvas-push {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .uk-offcanvas-page #offcanvas-push {
       -webkit-transform: translateX(0);
        transform: translateX(0);
    }
 }
/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas {
  right: 0;
  left: auto;
}
/* Bar
 ========================================================================== */
/*
 * 1. Set position
 * 2. Size and style
 * 3. Allow scrolling
 */
@media (max-width: 1000px) {
    .uk-offcanvas-bar {
      /* 1 */
      position: absolute;
      top: 0;
      bottom: 0;
      -webkit-transform: translateX(-270px);
        transform: translateX(-270px);
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s,-webkit-transform .3s;
        width: 270px;
        background: #fff;
      /* 2 */
      box-sizing: border-box;
      padding: 80px 20px 20px;
      /* 3 */
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
}
/* Flip modifier */
.uk-offcanvas-flip .uk-offcanvas-bar {
  left: auto;
  right: -270px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-offcanvas-flip .uk-offcanvas-bar {
    right: -350px;
  }
}
/*
 * Open
 */
.uk-open > .uk-offcanvas-bar {
      -webkit-transform: translateX(0);
    transform: translateX(0);
}
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
  left: auto;
  right: 0;
}
/*
 * Slide Animation (Used in slide and push mode)
 */
.uk-offcanvas-bar-animation {
    transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
}
.uk-offcanvas-flip .uk-offcanvas-bar-animation {
  transition-property: right;
}
/*
 * Reveal Animation
 * 1. Set position
 * 2. Clip the bar
 * 3. Animation
 * 4. Reset position
 */
.uk-offcanvas-reveal {
  /* 1 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 2 */
  width: 0;
  overflow: hidden;
  /* 3 */
  transition: width 0.3s ease-out;
}
.uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: 0;
}
.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar {
  /* 4 */
  left: auto;
  right: 0;
}
.uk-open > .uk-offcanvas-reveal {
  width: 270px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .uk-open > .uk-offcanvas-reveal {
    width: 350px;
  }
}
/*
 * Flip modifier
 */
.uk-offcanvas-flip .uk-offcanvas-reveal {
  right: 0;
  left: auto;
}
/* Close
 * Adopts `uk-close`
 ========================================================================== */
.uk-offcanvas-close {
    position: absolute;
    z-index: 1000;
    top: 70px;
    right: 20px;
    padding: 5px;
    color: #000 !important;
    background: transparent;
    border: 0;
}
/* Overlay
 ========================================================================== */
/*
 * Overlay the whole page. Needed for the `::before`
 * 1. Using `100vw` so no modification is needed when off-canvas is flipped
 * 2. Allow for closing with swipe gesture on devices with pointer events.
 */
.uk-offcanvas-overlay {
  /* 1 */
  width: 100%;
  /* 2 */
  touch-action: none;
}
/*
 * 1. Mask the whole page
 * 2. Fade-in transition
 */
.uk-offcanvas-overlay::before {
  /* 1 */
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  /* 2 */
  opacity: 0;
  transition: opacity 0.15s linear;
}
.uk-offcanvas-overlay.uk-open::before {
  opacity: 1;
}
/* Prevent scrolling
 ========================================================================== */
/*
 * Prevent horizontal scrollbar when the content is slide-out
 * Has to be on the `html` element too to make it work on the `body`
 */
.uk-offcanvas-page,
.uk-offcanvas-container {
  overflow-x: hidden;
}
/* Container
 ========================================================================== */
/*
 * Prepare slide-out animation (Used in reveal and push mode)
 * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars
 * lose their fixed state and behaves like `absolute` within a transformed container
 * 1. Provide a fixed width and prevent shrinking
 */
.uk-offcanvas-container {
  position: relative;
  left: 0;
    transition-duration:0.3s;
  -webkit-transition-duration:0.3s;
  -ms-transition-duration:0.3s;
  -moz-transition-duration:0.3s;
  /* 1 */
  box-sizing: border-box;
  width: 100%;
}
/*
 * Activate slide-out animation
 */
:not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
  left: 270px;
}
.uk-offcanvas-flip.uk-offcanvas-container-animation {
  left: -270px;
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  :not(.uk-offcanvas-flip).uk-offcanvas-container-animation {
    left: 350px;
  }
  .uk-offcanvas-flip.uk-offcanvas-container-animation {
    left: -350px;
  }
}
/* ========================================================================
   Component: Switcher
 ========================================================================== */
/*
 * Reset list
 */
.uk-switcher {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* Items
 ========================================================================== */
/*
 * Hide not active items
 */
.uk-switcher > :not(.uk-active) {
  display: none;
}
/*
 * Remove margin from the last-child
 */
.uk-switcher > * > :last-child {
  margin-bottom: 0;
}
/* ========================================================================
   Component: Leader
 ========================================================================== */
.uk-leader {
  overflow: hidden;
}
/*
 * 1. Place element in text flow
 * 2. Never break into a new line
 * 3. Get a string back with as many repeating characters to fill the container
 * 4. Prevent wrapping. Overflowing characters will be clipped by the container
 */
.uk-leader-fill::after {
  /* 1 */
  display: inline-block;
  margin-left: 15px;
  /* 2 */
  width: 0;
  /* 3 */
  content: attr(data-fill);
  /* 4 */
  white-space: nowrap;
}
/*
 * Hide if media does not match
 */
.uk-leader-fill.uk-leader-hide::after {
  display: none;
}
/*
 * Pass fill character to JS
 */
.uk-leader-fill-content::before {
  content: '.';
}
:root {
  --uk-leader-fill-content: .;
}

/* End */


/* Start:/bitrix/templates/lime/components/bitrix/menu/quick_menu/style.css?1781447350404*/
.quick_menu_ul {display: flex; align-items: center; list-style-type: none; padding: 0; margin: 0;}
.quick_menu_li {margin-right: 15px;}
.quick_menu_li a {color: #777;}
.quick_menu_li a:hover {color: #000;}
.limemenu a {display: flex; align-items: center; color: #d1110a;}
.limemenu a:hover {color: #aa0600;}
.limemenu svg {height: 25px;fill:#d1110a; stroke: #d1110a; margin-right: 5px; padding-top: 3px;}
/* End */


/* Start:/bitrix/templates/lime/components/bitrix/sale.basket.basket.line/.default/style.css?17814473505976*/
.bx-basket {}

.bx-basket-block {
    position: relative;
    white-space: nowrap;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.search-icon_basket  { 
    margin-left: 10px;
    float: left;
}
.search-icon_basket svg {
    height: 27px;
    stroke: #000000;
    fill: #000000;
}
span.top-basket-text {
    font-family: truthb;
    color: #000;
    font-size: 14px;
}
a.top-basket-text {
    font-family: truth;
    color: #000;
    font-size: 14px
}
.bx-basket-block .fa-cart {
    font-size: 22px;
    color: #e61523;
    margin-right: 5px;
}
.bx-basket-block>.fa {
    top: 0;
    left: 0;
    color: #e61523;
}
.bx-basket-block a:last-of-type {
    margin-right: 0;
}
.pr-q {
    font-size: 14px;
    position: absolute;
    left: 30px;
    top: -10px;
    color: #fff;
    background: #5db300;
    width: 22px;
    height: 22px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pr-t {
    font-family: truthb, arial, sans-serif;
    display: none;
}
.bx-basket-block a {
    margin-right: 10px;
}

/*FIXED BASKET*/

@media (min-width: 1001px) {

    .bx-basket-fixed.top {
        top: 10px
    }

    .bx-basket-fixed.right {
        right: 10px
    }

    .bx-basket-fixed.bottom {
        bottom: 10px
    }

    .bx-basket-fixed.left {
        left: 10px
    }

    .bx-basket-fixed.bx-max-height {
        top: 10px;
        bottom: 10px;
    }
    .search-icon_basket {
        display: none;
    }
}

@media (max-width: 1000px) {
    .bx-basket-fixed .bx-basket-block a:last-child {
        display: none;
    }
    .no-filled-user {
        color: #fff;
        font-size: 32px;
    }
    .filled-user {
        color: #fff;
        font-size: 32px;
    }
    .pr-t, .pr-aca, .pr-lo, .no-display-price, .pr-logi {
        display: none;
    }
    .pr-q {
        display: block;
        position: absolute;
        font-family: truthb;
        color: #fff;
        font-size: 15px;
        top: -10px;
        left: 15px;
    }
    .bx-basket-fixed .bx-basket-block:last-child .top-basket-text {
        margin-right: 0px;
    }
    .bx-basket-block .fa-cart {
        color: #fff;
        font-size: 32px;
    }


    .bx-basket-item-list {
        display: none;
    }
    .custom-basket-line {
    position: fixed;
    right: 15px;
    top: 10px;
    z-index: 9999;
    }

  
}

.bx-basket-fixed .bx-basket-block {
    margin-left: 10px;
    float: left;
}

.bx-basket-item-list {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list {
    padding-bottom: 75px;
}

.bx-max-height .bx-basket-item-list {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

.bx-closed .bx-basket-item-list {
    overflow: hidden;
    height: 20px;
}

.bx-basket-item-list-action {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 120;
    padding: 3px 0;
    height: 20px;
    background: #f7f7f7;
    color: #4f4f4f;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    cursor: pointer;
}

.bx-basket-item-list-button-container {
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    padding: 10px 0;
    border-top: 1px solid #f7f7f7;
    background: #fff;
    text-align: center;
}

.bx-basket-item-list-container {
    overflow-y: auto;
    max-height: 100%
}

.bx-basket-item-list-item {
    position: relative;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
    margin-bottom: 0;
    border-bottom: none;
}

.bx-basket-item-list-item-status {
    margin: 0 10px 20px;
    padding: 3px;
    border-radius: 3px;
    background: #ebebeb;
    text-align: center;
    white-space: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
}

.bx-basket-item-list-item-img {
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.bx-basket-item-list-item-img img {
    max-width: 90px;
    height: auto;
    border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name {
    padding-bottom: 5px;
}

.bx-basket-item-list-item-name a {
    font-size: 13px;
    line-height: 16px;
}

.bx-basket-item-list-item-remove {
    position: absolute;
    top: -7px;
    right: 10px;
    width: 20px;
    height: 20px;
    opacity: .5;
    cursor: pointer;
    transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 10px;
    height: 2px;
    border-radius: 1px;
    background-color: #333;
    content: '';
    transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
    -webkit-transform: translate(-50%, -50%) rotate(135deg);
    -moz-transform: translate(-50%, -50%) rotate(135deg);
    -ms-transform: translate(-50%, -50%) rotate(135deg);
    -o-transform: translate(-50%, -50%) rotate(135deg);
    transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover {
    opacity: .7;
}

.bx-basket-item-list-item-price-block {
    padding-bottom: 5px;
    font-size: 12px;
}

.bx-basket-item-list-item-price {
    display: inline-block;
    margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
    display: inline-block;
    margin-right: 5px;
    color: #b0b0b0;
    text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile {
    line-height: 1.44em;
}
/* End */


/* Start:/bitrix/templates/lime/components/bitrix/search.title/visual/style.css?17814473505222*/
@media (max-width: 1000px) {
    #head-search {    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;}
    #head-search input {max-width: 100%;
        border-right: 0;
    border-top: 1px solid #eee;
    width: 100%;
    }
    .bx-searchtitle .bx-input-group .bx-form-control{
        padding: 6px 10px !important;
        
    }
    .search-btn {
        height: 40px;
    }
    .bx-searchtitle .bx-input-group .bx-form-control {
        height: 40px;
    }
}
@media (min-width: 1001px) {
    .bx-searchtitle .bx-input-group .bx-form-control {
        width: 300px;
    }
    .search-btn {
    height:30px;
    }
    .bx-searchtitle .bx-input-group .bx-form-control {
    height: 30px;
    }
}
.bx-searchtitle {
	margin: 10px 0 0;
}
.bx-searchtitle input {margin: 0 !important;}
.bx-searchtitle .bx-block-title {
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.search-btn {
    background:transparent;
    position: absolute;
    right:1px;
    top:0px;
    z-index:2;
    border: 0;
    padding: 6px 12px;
    cursor: pointer;
}
.search-btn .fa {      font-size: 22px;
    margin-top: 0px;
}
.search-btn svg {
    height: 20px; 
    fill: #000; 
    stroke: #000;
    vertical-align: baseline;
}
.bx-searchtitle .bx-input-group {width: 100%;
	position: relative;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-searchtitle .bx-input-group {margin-top:0px;}
.bx-searchtitle .bx-input-group .bx-form-control {position: relative;
    z-index: 2;
    display: block;
    padding: 6px 12px 6px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f7f7f7;
    border-left: 0;
    border-top: 0;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    outline: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 500;
}

.bx-searchtitle .bx-input-group .bx-form-control::placeholder {color: #000;  opacity: 1;}
.bx-searchtitle .bx-input-group .bx-form-control::-ms-input-placeholder {color: #000;  opacity: 1;}
.bx-searchtitle .bx-input-group .bx-form-control:-ms-input-placeholder {color: #000;  opacity: 1;}


.bx-searchtitle .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.bx-searchtitle .bx-input-group-btn button {
	position: relative;
	border: none;
	background: #95a1a8;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:6px 12px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.bx-searchtitle .bx-input-group-btn button:hover {
	background: #1484CE;
}


div.title-search-result {
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
	-webkit-box-shadow: 0 4px 21px rgb(0 0 0 / 10%);
    box-shadow: 0 4px 21px rgb(0 0 0 / 10%);
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/lime/components/bitrix/search.title/visual/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #000;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: none;}
.bx_searche .bx_price{
	font-weight: bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}

.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #5db300;}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/bitrix/templates/lime/components/bitrix/breadcrumb/.default/style.css?1781447350487*/
.bx-breadcrumb {
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}

@media (max-width: 767px) {
}
.bx-breadcrumb .bx-breadcrumb-item {
	margin-bottom: 5px;
	white-space: nowrap;
	line-height: 12px;
	vertical-align: middle;
	margin-right: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item span {
	font-size: 13px;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

/* End */


/* Start:/bitrix/templates/lime/components/bitrix/menu/catalog_horizontal1/style.css?178144735018543*/
.desctop-menu {
    margin-top: 10px;
}
.bx-top-nav-container {
    padding: 0 0px;
    color: #fff;
    border-radius: 2px;
    position: relative;
    font-family: 'Truth', Arial, Helvetica, Sans-serif;
}
.mobile-nav-button a {
    text-align: center;
    margin: 15px auto !important;
    background: #fb2f2f;
    color: #fff !important;
    display: block;
    padding: 7px !important;
    font-family: 'Truth', arial, sans-serif;
    font-size: 16px !important;
    text-decoration: none;
    width: 75%;
    border-radius: 5px !important;

}
/* 1 lvl*/
.menu-description-under {
    display: none;
}
.bx-top-nav-container .bx-nav-list-1-lvl {
    display: -webkit-flex;
    -webkit-justify-content: center;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}
.bx-top-nav-container .bx-nav-list-1-lvl li.bx-active {
    background: #fb2f2f;
}

.bx-top-nav-container .bx-nav-2-lvl>a:hover {
    color: #d1110a;
}
.bx-nav-2-lvl .bx-active {
    color: #d1110a !important;
}
.bx-top-nav-container .bx-nav-1-lvl>a {
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    text-decoration: none;
    border-radius: 1px;
    padding: 10px 0;
}

.bx-top-nav-container .bx-nav-1-lvl>a span {
    padding: 10px 14px 14px;
    display: block;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-hover {}

nav.bx-top-nav-container ul li.bx-nav-1-lvl .imagination:after {
    display: inline-flex;
    height: 60px;
    width: 60px;
}

nav.bx-top-nav-container ul li.bx-nav-1-lvl .imagination:after {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-active>.imagination:after {
    background: #3f7900 !important;
}
nav.bx-top-nav-container ul li.bx-nav-1-lvl:hover .imagination:after {
    background: #3f7900 !important;
}

.imagination i {
    font-size: 8px;
    color: #fff;
    margin-left: 10px;
}


.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent>a,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent>a {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a:before,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a:before {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, -webkit-transform .3s;
    transition: opacity .2s, transform .3s;
    transition: opacity .2s, transform .3s, -webkit-transform .3s;
}






.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span {
    background: #fff;
}

.bx-top-nav-container .bx-nav-parent-arrow {
    display: none;
}

/*2 lvl*/
.bx-nav-2-lvl-container {

    display: flex;
}
.bx-top-nav-container .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-2-lvl-container {
    background: #fff;
    z-index: 19;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    padding: 9px 0 5px;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .08);
    border-top: 1px solid #f1f1f1;
    color: #000;
    -webkit-transition: opacity 0.15s, visibility 0.15s;
    transition: opacity 0.15s, visibility 0.15s;
}

.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-2-lvl-container:before {
    display: none;
    position: absolute;
    content: " ";
    height: 5px;
    background: #fff;
    top: -5px;
    left: 0;
    right: 0;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
    visibility: visible;
    opacity: 1;
    top: 100%;
    z-index: 2500;
    background: #fff;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container {
    top: 56px;
    margin-left: -10px;
}

.bx-top-nav-container>ul {
    box-sizing: border-box;
}

.bx-top-nav-container .bx-nav-list-2-lvl {
    margin: 0;
    padding: 5px 20px 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.bx-top-nav-container .bx-nav-2-lvl {
    display: block;
    min-width: 300px;
    padding: 0 10px;
    box-sizing: border-box;
    max-width: 400px;
}

.bx-top-nav-container .bx-nav-2-lvl>a {
    padding: 5px 15px 5px;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: none;
    display: block;
}

.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a {
    border-top: none;
    margin-top: 0;
}

/*3 lvl*/

.bx-top-nav-container .bx-nav-3-lvl {
    padding: 5px 0;
    margin: 0;
}

.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-3-lvl-container:before {
    position: absolute;
    content: " ";
    display: block;
    height: 5px;
    background: #fff;
    top: -5px;
    left: 0;
    right: 0;
}

.bx-top-nav-container .bx-nav-list-3-lvl {
    margin: 0;
    padding: 0 0 14px 7px;
}

.bx-top-nav-container .bx-nav-3-lvl {
    display: block;
    min-width: 180px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-top-nav-container .bx-nav-3-lvl a {
    padding: 3px 15px;
    color: #000;
    font-size: 13px;
    line-height: 14px;
    text-decoration: none;
    border-bottom: none;
    display: block;
}


/* col 1 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container {
    min-width: 200px;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
    display: block;
    min-width: 200px;
    width: 100%;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back {
    width: 100%;
    background: #fff;
}

/* col 2 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container {
    min-width: 400px;
    min-height: 300px;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
    display: block;
    min-width: 200px;
    width: 50%;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back {
    width: 50%;
}

/* col 3 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container {
    min-width: 600px
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
    display: block;
    min-width: 200px;
    width: 33.33333%;
    float: left;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back {
    width: 33.33333%;
}

/* col 4 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {
    position: static;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced {
    top: 100%;
    left: 0;
    right: 0;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container {
    min-width: 100%
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
    display: block;
    width: 25%;
    float: left;
}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back {
    width: 25%;
}

.bx-top-nav-container .bx-nav-catinfo {
    padding: 5px 15px 5px;
    z-index: 120;
    position: relative;
}

.bx-top-nav-container .bx-nav-catinfo img {
    box-sizing: border-box;
    border: 1px solid #e7e9ea;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.bx-top-nav-container .bx-nav-catinfo p {
    padding: 20px 5px 0;
    font-size: 14px;
}

.bx-top-nav-container .bx-nav-catinfo-back {
    position: absolute;
    display: block;
    content: ' ';
    top: -5px;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 100;
}

/* ASIDE */
/*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/

.bx-aside-nav-control {
    font-size: 28px;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 5px;
    left: 5px;
    line-height: 40px;
    cursor: pointer;
    z-index: 1100;
    color: #fff;
    text-align: center;
}

body>.bx-aside-nav-control {
    -webkit-transition: left .15s linear;
    -moz-transition: left .15s linear;
    -ms-transition: left .15s linear;
    -o-transition: left .15s linear;
    transition: left .15s linear;
}

.bx-aside-nav-control .fa {
    line-height: 40px;
    vertical-align: middle;
}

.bx-wrapper,
.bx-aside-nav {
    -webkit-transition: -webkit-transform .15s linear;
    -moz-transition: -moz-transform .15s linear;
    -ms-transition: -ms-transform .15s linear;
    -o-transition: -o-transform .15s linear;
    transition: transform .15s linear;
}


/**/


/**/
.bx-aside-nav {
    display: none;
    padding-top: 50px;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 900;
}

.bx-aside-nav.bx-opened {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    overflow-y: scroll;

}

.bx-aside-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bx-aside-nav a {
    color: #000;
    vertical-align: middle;
    line-height: 48px;
    height: 48px;
    font-size: 16px;
    display: block;
    border-bottom: 1px dotted #d8d8d8;
    font-family: truth, arial, helvetica, sans-serif;
    padding-left: 15px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.bx-aside-nav a {
    text-decoration: none;
}

.bx-aside-nav .bx-nav-1-lvl {}

.bx-aside-nav .bx-nav-1-lvl>a {}

.bx-aside-nav .bx-nav-2-lvl>a {
    padding-left: 30px;
}

.bx-aside-nav .bx-nav-3-lvl>a {
    padding-left: 45px;
}

.bx-aside-nav .bx-nav-4-lvl a {
    padding-left: 60px;
}

.bx-aside-nav .bx-nav-parent {
    position: relative;
}

.bx-aside-nav .bx-nav-parent-arrow {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 6px;
    width: 53px;
    height: 36px;
    text-align: center;
    border-left: 1px solid #5a6971;
    z-index: 200;
}

.bx-aside-nav .bx-nav-parent-arrow i {
    line-height: 34px;
    font-size: 17px;
    font-style: normal;
    color: #fff;
}

.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i {
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -ms-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
}

.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent>ul {
    overflow: hidden;
    height: 0;
}

.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened>ul {
    height: auto;
}

.bx-aside-nav .bx-nav-catinfo,
.bx-aside-nav .bx-nav-catinfo-back {
    display: none;
}

@media (min-width: 1200px) {
    .bx-top-nav-container .bx-nav-1-lvl>a {
        font-size: 16px;
    }

    .bx-top-nav-container .bx-nav-1-lvl>a span {
        padding: 5px 10px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .bx-top-nav-container .bx-nav-1-lvl>a {
        font-size: 14px;
    }

    .bx-top-nav-container .bx-nav-1-lvl>a span {
        padding: 5px 10px;
    }

    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container {
        top: 47px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .bx-top-nav-container .bx-nav-1-lvl>a {
        font-size: 11px;
    }

    .bx-top-nav-container .bx-nav-1-lvl>a span {
        padding: 5px 6px 9px;
    }

    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,
    .bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container {
        top: 37px;
    }
}

@media (min-width: 1001px) {
    .bx-aside-nav-control,
    .bx-aside-nav {
        display: none;
    }

    .bx-top-nav-container {
        display: block;
        background: #d1110a;


    }
    .mobile-under-menu {
        display: none;
    }

    .bx-nav-1-lvl>a:before {
        content: '';
        bottom: 0px;
        height: 2px;
        left: 0;
        right: 0;
        margin: auto;
        position: absolute;
        background: #ffffff;
        opacity: 0;
        z-index: 20;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }
}

@media (max-width: 1000px) {
    .imagination i {
        display: none !important;
    }
    .mobile-under-menu {
        display: flex;
        flex-direction: column;
        padding: 15px 15px 15px 15px;
    }
    .mobile-under-menu a {
        border: 0;
        height: auto;
        margin: 0 0 10px 0;
        line-height: normal;
        padding: 0;
    }
    .mobile-under-menu .bx-wa-button a {
        color: #fff;
        background: #17c83d;
        padding: 5px 25px;
        margin-top: 20px;
        border-radius: 5px;
        display: inline-flex;
    }
    .bx-aside-nav .quick-menu {
        display: none;
    }
    .bx-aside-nav.bx-opened .quick-menu {
        display: flex;
        align-self: center;
        padding: 10px 10px 50px;
    }
    .bx-aside-nav.bx-opened .quick-menu .quick_menu_li {
        margin-right:0 !important;
        margin-bottom: 5px;
    }
    .bx-aside-nav.bx-opened .quick-menu a {
        border: 0;
    }
    .bx-aside-nav .quick-menu ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }
    .limemenu a {
        display: flex;
        align-items: center;
    }

    .bx-aside-nav-control,
    .bx-aside-nav {
        display: block;
    }

    .bx-top-nav-container {
        display: none;
    }

    .bx-aside-nav .bx-nav-parent-arrow {
        display: block;
    }

    .bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa {
        display: none;
    }
    .bx-nav-1-lvl.bx-opened, .bx-aside-nav .bx-nav-1-lvl:hover>a, .bx-aside-nav .bx-nav-1-lvl.bx-hover>a {
        background: #f9f9f9;
    }
    .bx-aside-nav .bx-nav-list-2-lvl {
        background: #f7f7f7;
        width: 100%;
    }
    .mobile_d_contacts {
        display: flex;
        flex-direction: column;
        padding: 10px;
    text-align: center;
    }    
    .mobile_d_contacts .d_phone {
        font-size: 20px;
        font-weight: 600;
    }
    .mobile_d_contacts .d_adres-full {
        margin-bottom: 5px;
    }
    .mobile_d_contacts .social_d_footer {
            display: flex;
        align-items: center;
        margin: 0 auto;
    }
    .mobile_d_contacts .social_d_footer a {
        margin: 0 10px 15px;
    }
}
@media (min-width: 1100px) {
    .bx-top-nav-container .bx-nav-1-lvl {
    padding: 0px 25px 0px 25px;
    }
}
@media (max-width: 1099px) {
    .bx-top-nav-container .bx-nav-1-lvl {
    padding: 0px 15px 0px 15px;
    }
}
/* ---------------- anime----------------*/
#menu-icon svg {
    height: 55px;
    position: absolute;
    width: 55px;
    left: -5px;
    top: -5px;
}

.plate {
    height: 48px;
    width: 55px;
}
.x {
    transform: scale(0);
    transition: transform 400ms;
}
.line {
    fill: none;
    stroke: black;
    stroke-width: 5px;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 50%;
    transition: stroke-dasharray 500ms 200ms, stroke-dashoffset 500ms 200ms, transform 500ms 200ms;
}
.x .line {
    stroke-width: 5px;
}

.plate .line2 {
    stroke-dasharray: 40 200;
    stroke-dashoffset: 0px;
}
.plate .line3 {
    stroke-dasharray: 40 179;
    stroke-dashoffset: 0px;
}
.active .line {
    transition: stroke-dasharray 500ms, stroke-dashoffset 500ms, transform 500ms;
}
.active.plate .line1 {
    transform: scale(0, 1);
    transition: transform 500ms 100ms;
}
.active.plate .line2 {
    stroke-dasharray: 5px 200;
    stroke-dashoffset: -164px;
}
.active.plate .line3 {
    stroke-dasharray: 5px 179;
    stroke-dashoffset: -142px;
}
.active .x {
    transform: scale(1);
    transition: transform 400ms 350ms;
}
/* End */


/* Start:/bitrix/templates/lime/components/bitrix/menu/bottom_menu/style.css?1781447350394*/
.bx-inclinksfooter a{border-bottom: none;}
.bx-inclinksfooter .bx-block-title{
	margin: 0;
	padding: 0;
	font-size: 17px;

	color: #fff;
	font-weight: 600;
}
.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
   
}

.bx-inclinksfooter-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-inclinksfooter-item{
	padding: 0 0 5px 0;
}

/* End */


/* Start:/bitrix/templates/lime/template_styles.css?178144735065092*/
@font-face {
	font-family: 'truth';
	src: url('/bitrix/templates/lime/fonts/Montserrat-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'truth';
	src: url('/bitrix/templates/lime/fonts/Montserrat-Medium.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'truth';
	src: url('/bitrix/templates/lime/fonts/Montserrat-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
}
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background: #fff;
    font-family: 'truth', Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1em;
    line-height: 1.42857143;
    margin: 0;
    padding: 0;
    --main-color: #fb2f2f;
}

body.bx-opened {
    overflow: hidden;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wrap,
.bx-wrap,
.bx-wrapper {
    position: relative;
    background: #f9f9f9;
}
.bx-wrapper {
    --red: #d1110a;
    --orange: rgb(242, 109, 0);
    --scrollbarBg: var(--red); 
}
.container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.row {
    margin: auto !important;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    margin-top: 0;
    margin-bottom: 10px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .bx-contact-phone a, .bx-contact-phone i {
        font-size: 14px !important;
    }
    .bx-contact-phone {
        font-size: 10px;
    }
    .container {
        width: 100% !important;
    }
    p {
        font-size: 12px;
        margin: 0 0 5px;
    }
}

.tns-controls {display: none;}

/* -------------------------------------------- quick Styles ------------------------------------------------*/
.orange { 
    color: rgb(242, 109, 0);
}
.twpx {
    font-size: 20px
}
.bold {
    font-weight: bold;
}
.red-btn {
    text-align: center;
    margin-bottom: 10px;
    background: #fb2f2f;
    color: #fff;
    display: block;
    padding: 7px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
    max-width: 300px;
}
.red-btn:hover {
    color: #fff;
    background: var(--red);
}
.sale-order-detail-payment-options-methods-info-change-link, .sale-order-list-change-payment {
    display: none !important;
}
.fontsize_24 {
    font-size: 24px;
}
.fontsize_22 {
    font-size: 22px;
}
.fontsize_20 {
    font-size: 20px;
}
.fontsize_18 {
    font-size: 18px;
}
.fontsize_16 {
    font-size: 16px;
}
.flexed {
    display: flex;
}
.highlight {
    color: #d1110a !important;
}
.colored {
    color: #d1110a;
}
.red {
    color: #d1110a;
}
.notice {
    font-style: italic;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary, .btn-primary {
    color: #fff;
}
.btn-primary:hover {
    color: #fff;
}
.d-none {
    display: none !important;
}
/* -------------------------------------------- Seperated Styles --------------------------------------------*/
@media (max-width: 1000px) {
    .uk-button-default {
        display: flex;
        align-items: center;
        text-align: center;
        position: fixed;
        justify-content: center;
        background-color: var(--red);
        color: #fff !important;
        border-radius: 45px;
        padding: 8px 12px 7px;
        right: 10px;
        z-index: 12;
        bottom: 10px;
        font-size: 18px;
    }
}
.index-block_holder {
    display: flex;
}
.index-news_heading {

    display: block;
    font-size: 18px;
    color: #d1110a;
}
.heading-row .heading-row-button a {
    text-align: center;
    margin-bottom: 10px;
    background: #fb2f2f;
    color: #fff;
    display: block;
    padding: 7px;
    font-family: 'Truth', arial, sans-serif;
    font-size: 16px;
    text-decoration: none;
}
.heading-row .heading-row-button a:hover {
    background:  var(--red);
}

.header_contact_right {
    align-self: normal;
    display: flex;
    flex-direction: column;
    font-size: 15px;
    line-height: 20px;
}
.catalog-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
    justify-content: space-around;
}
.catalog-wrap .catalog-item {
    display: flex;
    width: calc(15% - 5px);
    flex-direction: column;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border-radius: 3px;
    -webkit-box-shadow: -1px 2px 2px 2px #cccccc;
    box-shadow: -1px 2px 2px 2px #cccccc;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* ---------------------------------------------------------------------- Desctop Styles ----------------------------------------------------------------------*/
@media (min-width: 1001px) {
    .wa-super-button {
        display: none !important;
    }
    .bx-header-section {
    padding: 15px 10px;
    background: #fff;
    }
    .welcome-row {
        padding: 20px;
    }
    .index-news_heading {
    margin-bottom: 30px;
    }
    .heading-row .heading-row-button a {
        border-radius: 5px;
    }
    .heading-row {
    display: flex;
    max-width: 1400px;
    margin: 20px auto 0;
    padding: 0 15px;
}
.heading-row .heading-row-button {
    width: calc(30% - 70px);
    margin-left: auto;
    min-width: 240px;
}

    .pop-up-wrap a {
    font-size: 18px;   
}

    .header_contact_left {
    color: #000;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #d63737;
    padding-right: 20px;
    text-align: right;
    font-size: 15px;
    line-height: 20px;
}
    .header_contact_right {
        text-align: right;
        padding-left: 20px;
    }
    .header_contact_right .d_phone {
        line-height: 18px;
        font-size: 15px;
        margin-top: 3px;
}
    .index-news-block {
        width: 70%;
        background: #fff;
        padding: 20px;
        -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
        box-shadow: 0 0px 8px 0 #e8e8e8;
    }
    .index-banner {
        width: calc(30% - 30px);
        align-self: flex-start;
        margin-left: auto;
        -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
        box-shadow: 0 0px 8px 0 #e8e8e8;
    }
    .header_contact_left {
        margin-left: auto;
    }
    .brend-grid-full ul li {
        width: 20%;
    }
    #offcanvas-push {
        margin-left: auto;
        width: 23%;
        position: relative;
    }
    .hidden-xl {
        display: none !important;
    }

    .sidebar_content {
        width: calc(77% - 30px) !important;
        margin-right: 30px;
    }
    .photo-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .photo-grid .grid-unit {
        flex: 0 1 calc(33% - 40px);
        margin: 20px;
    }

    .custom-basket-line {
        display: none;
    }
    .custom-mobile-logo {
        display: none !important;
    }
    .prop-name-lime {
        max-width: 300px;
        flex: 0 0 300px;
    }
    #pagetitle {
        font-size: 24px;
        margin-right: 70px;
    }
    .item-title h1 {
        font-size: 24px;
        line-height: 24px;
    }
    h2 {
        font-size: 16px;
    }
    .search-wrap {
        display: flex;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        max-width: 500px;
    }
    .bx-inc-orginfo {
        margin-left: 10px;
    }
    .bx-slogan {
        font-weight: 600;
        font-size: 20px;
        color: #000;
    }
    .bx-slogan-add {
        font-size: 16px;
    }
    .bx-logo {
        max-width: 200px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
        flex: 0 0 200px;
    }
    .header-phone {
        margin: 0 auto;
        display: flex;
        padding: 0 50px;
    }
    #bx-soa-total-mobile {
        display: none;
    }

    #bx-soa-order {
        display: flex;
        width: 100%;
    }
    .custom-cart-global {
        flex: 0 1 calc(64% - 20px);
    }
    #bx-soa-total {
        flex: 0 1 calc(36% - 20px);
        margin-left: 20px;
    }
    .bx-soa-cart-total {
        position: sticky;
        top: 20px;
    }

    #bx-soa-orderSave {
        display: none;
    }
    .custom-checkbox-container {}
    .columns-holder {
        display: flex;
        justify-content: space-between;
    }
    .last-col-footer {
        max-width: 300px;
    }
    .custom-basket-basket {
        display: flex;
    }
    .basket-checkout-container {
        position: sticky;
        top: 20px;
    }
    .custom-basket-total {
        flex: 0 1 calc(36% - 20px);
        margin-left: 20px;
    }
    .custom-items-holder-cart {
        flex: 0 1 calc(64% - 20px);
    }
    .flexed-row-column {
        flex-direction: row;
    }

    .shop_full_img {
        background: top center no-repeat;
    }
    #navigation {
        margin: 15px 10px 0;
    }
    .social {
    max-width: 160px;
    }
    .uk-offcanvas-close, .uk-button-default {
        display: none !important;
    }
    #models a {
    width: calc(50% - 20px);
    margin: 10px;
    }
    .city-list a {
    font-size: 16px;
    margin: 1px 0;
    }
    .city-list-heading {
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 15px;
    }
}
/* ---------------------------------------------------------------------- Mobile Styles ----------------------------------------------------------------------*/

@media (max-width: 1000px) {
    .city-list a {
    font-size: 14px;
    margin: 1px 0;
    }
    .city-list-heading {
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
    }
    .bx-header {
        background: none !important;
    }
    #models a {
    width: calc(50% - 8px);
    margin: 4px;
    }
    .catalog-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    }
    .catalog-wrap .catalog-item {
    width: calc(33% - 10px);
    text-align: center;
    box-sizing: border-box;
    margin: 5px;
    }
    .catalog-wrap .catalog-item {
        max-width: 300px;
    }
    .index-news-block {
        background: #fff;
        padding: 10px;
        margin-bottom: 10px;
       -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
        box-shadow: 0 0px 8px 0 #e8e8e8;
    }
    .index-banner {
       -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
        box-shadow: 0 0px 8px 0 #e8e8e8;
    }
    .welcome-row {
        padding: 10px;
    }
    .bx-header {
        padding-bottom: 5px;
    }
    .bx-footer .social {
    max-width: 160px;
    }
    .bx-inc-orginfo {
        text-align: center;
        padding-bottom: 5px;
    }
    .bx-worktime {
        text-align: center;
    }
    .bx-header-section {
        padding: 60px 5px 10px;
        border-radius: 0 0 10% 10%;
        background: #fff;
        box-shadow: 0 2px 8px 0 #e8e8e8;
            -webkit-box-shadow: 0 2px 8px 0 #e8e8e8;
    }
    .bx-content-section {
        padding: 10px 10px !important;
    }
    .bx-slogan-add {
        display: none;
    }
    .index-news_heading {
    margin-bottom: 10px;
    }
    .heading-row {
         display: flex;
         flex-direction: column-reverse;
     }
    .index-block_holder {
        flex-direction: column;
    }
    .heading-row-button {
        
        width: 100%;
        margin: 0 auto;
    }
    .header_contact_right {
        text-align: center
        
    }
    .pop-up-wrap a {
    font-size: 20px;   
}
    .header_contact_right .d_phone {
        font-size: 16px;
        margin-top: 10px;
       font-weight: 600;
    }
    .header_contact_right .social {
        display: none !important;
    }
    .bx-content-section .flexed .flexed {
        display: block !important;
    }
    .hidden-xs {
        display: none !important;
    }
    #navigation {
        margin: 5px 5px 0;
    }
    .sections-mobile {
        display: block;
    }
    .delivery-page {
        flex-direction: column;
    }
    .brend-grid-full ul li {
        width: 50%;
    }
    .sidebar_content {
        max-width: 1000px;
        width: 100%;
    }
    .sidebar {
        background: #fff;
    }
    #offcanvas-push .sidebar {
        display: block;
        background: #fff;
    }
    .shop_full_img {
        background: top left no-repeat;
    }
    .shop_block_text {
        margin: 20px auto !important;
    }
    .photo-grid {
        display: flex;
        flex-wrap: wrap;
    }
    .photo-grid .grid-unit {
        flex: 0 1 calc(50% - 20px);
        margin: 10px;
    }

    .flexed-row-column {
        flex-direction: column;
    }
    .custom-basket-basket {
        display: flex;
        flex-direction: column-reverse;
    }

    .columns-holder {
        display: flex;
        flex-direction: column;
    }
    .bx-breadcrumb {
        padding: 0;
        display: flex;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .bx-breadcrumb .bx-breadcrumb-item {
        margin-bottom: 10px !important;
    }
    .bx_catalog_text {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    .smart-filter-holder {
        /* display: none;*/
    }
    body.bx-background-image {
        background: none;
    }
    #bx-panel {
        display: none !important
    }
    .col-xs-12 {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .good_cont_in {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tns-outer {}
    .bx-aside-nav .bx-nav-parent-arrow i {
        color: #d1110a;
    }
    .bx-aside-nav .bx-nav-parent-arrow {
        border-left: 1px solid #d1110a;
    }
    .bx-aside-nav {
        padding-top: 50px;
    }
    .bx-basket-block i {
        font-size: 25px;
        color: #555;
    }
    .bx-slogan {
        font-weight: 600;
        font-size: 18px;
    }
    .top-basket-text svg {
        height: 33px !important;
        padding-bottom: 3px;
    }
    .userlogged svg, .usernotlogged svg {
        height: 33px !important;
    }
    .bx-aside-nav-control .fa {
        color: #555;
    }
    .header-line {
        flex-direction: column;
    }
    .product-item-amount-field-container {
        position: relative;
    }

    .container-fluid {
        padding: 0 !important;
    }
    .prop-name-lime {
        max-width: none;
        flex: 1;
    }
    .prop-value-lime {
        margin-left: auto;
    }
    #pagetitle {
        font-size: 18px;
    padding: 0 10px;
    margin-top: 10px;
    }
    .item-title h1 {
        font-size: 18px;
    }
    .search-wrap {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }
    #bx-soa-total-mobile {
        display: none;

    }
    #bx-soa-orderSave {
        display: none;
    }
    .btn-primary {
        text-decoration: none;

    }
    #bx-soa-orderSave {
        margin: 0 auto;
        width: 100%;
        text-align: center;

    }
    .custom-properts {
        display: inline-flex;
    }
    .custom-properts span {
        font-weight: 600;
    }
    .in_basket .incart {
        margin-left: 0;
    }
    

}
@media (max-width: 500px) {
    .catalog-wrap .catalog-item {
    width: calc(50% - 10px) !important;
    }
}
/* ---------------------------------------------------------------------- End Styles ----------------------------------------------------------------------*/
.fullwidth_content {
    width: 100%;
}
.sidebar_content .return-url {
    display: inline-block;
    margin-top: 40px;
}
.inner-content img {
    display: block;
}
.city-list-wrap {
    display: flex;
    flex-direction: column;
}
.city-list {
    display: flex;
    flex-direction: column;
    
}

.zameri-wrap .block-galery {
    display: flex;
    flex-wrap: wrap;
}
.zameri-wrap .block-galery img {
    max-height: 300px;
    padding: 5px;
    box-sizing: border-box;
}
.mark-img {
    max-width: 120px;
}
.btn-link-custom {
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    font-weight: bold;
}

.contact-page-wrapper .cont-page-block {
    display: flex;
    flex-direction: column;
    margin: 0 0 20px 0;
}
.contact-page-wrapper .cont-page-block b {
    margin: 10px 0;
}
.contact-page-wrapper .cont-page-social {
    display: flex;
    justify-content: space-between;
}
.contact-page-wrapper .cont-page-social a {
    color: #000;
    font-size: 25px;
    margin-right: 10px;
}
.contact-page-wrapper .d_adres-full, .contact-page-wrapper .d_phone {
    font-size: 20px;
}
.dealer-box {
    border: 1px dotted #a4a4a4;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}
.dealer-box p {
    line-height: 20px;
    display: flex;
    align-items: center;
}
.dealer-box i {
    margin-right: 10px;
    width: 30px;
    text-align: center;
    font-size: 18px;
}
.sidebar-menu-heading {
    text-transform: uppercase;
    font-weight: 600;
}
.footer_d_contacts {
    display: flex;
    flex-direction: column;
}
.footer_d_contacts .d_phone {
    font-size: 18px;
    font-weight: 600;
    
}
.footer_d_contacts .d_adres-full {
    margin-top: 15px;
}
.d_adres-full i{
    color: var(--red);
    margin-right: 4px;
}
.social_d_footer .social {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    
}
.social_d_footer .social a {
    color: #000;
}
.social_d_footer .social i {
    font-size: 30px;
    
}
.social_d_footer .social a:hover {
    color: var(--red);
}

.pop-up-wrap a {
    display: inline-flex;
    align-items: center;
}
.pop-up-wrap a i {
    font-size: 14px;
    margin-right:5px;
    margin-top: -2px;
    color: var(--red);
}
.header_contact_right .d_phone {
    color: #000;
}
.header_contact_right .social {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}
.header_contact_right .social i {
    font-size: 25px;
    color: #000;
}
.icon-empty {
    opacity: 0;
}

a {
    color: rgb(0, 112, 191);
    text-decoration: none;
}

a:active,
a:focus,
a:hover {
    color: #d1110a;
    text-decoration: none;
    outline: none;
}

a,
.container {
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
}
#licnt2881 {
    width: 1px !important;
    height: 1px !important;
}
.bx-header {
    background: #fff;

}

/*---------------------------------- Styles for all media----------------------------------- */
.additional_picture_wrap {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-left: -5px;
}
.add-picture {
    margin-left: 5px;
    margin-bottom: 5px;
}
.additional_picture_wrap img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    height: 100%;
    max-height: 200px;
}
.sdek_pvzLair a {
    background: #fff !important;
    font-weight: 600;
}
#models {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 10px;
}
#models a {
    -webkit-box-shadow: 0 0 2px 0 #ccc;
    box-shadow: 0 0 2px 0 #ccc;
    border-radius: 5px;
    display: block;
    position: relative;
}

#models a:before {
    opacity: 0;
    content: "";
    position: absolute;
    border-radius: 5px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 30px 0px #b6b6b6;
    -moz-box-shadow: inset 0 0 30px 0px #b6b6b6;
    -webkit-box-shadow: inset 0 0 30px 0px #b6b6b6;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
#models a:hover::before {
    opacity: 1;
}
#models a img {
    border-radius: 5px;
}
.bx-authform-formgroup-container .btn {
    border: 0;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.lane-heading {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.brend-grid-full ul {
    display: flex;
    flex-wrap: wrap;
}
.private-policy {
    font-size: 14px;
    margin-top: 10px;
}
.d-flex {
    display: flex;
    flex-wrap: wrap;
}
.d-flex-cent {
    display: flex;
    align-items: center;
}
.d-flex-column {
    display: flex;
    flex-direction: column;
}
.custom-cup-total:focus {
    border-color: #d1110a !important;
}
.custom-cup-total {
    background: #fff !important;
    border-color: #fff !important;
}
.custom-cup-total::placeholder {
    color: #777;
}


.lane-heading {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}
.lite_head {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.lite_head i {
    margin-right: 15px;
    font-size: 16px;
}
.lite_head img {
    margin-right: 15px;
    width: 20px;
}
.l_heading-under {
    display: block;
    margin-top: -20px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #d1110a;
}
.else-word {
    margin-top: 30px;
    color: #000;
    display: block;
    font-weight: 500;
    padding-top: 20px;
}
.else-phone {
    font-size: 25px;
    font-weight: 500;
    text-decoration: none;
}
.else-phone i {
    font-size: 20px;
    margin-right: 10px;
}
.else-phone {
    display: flex;
    align-items: center;
    color: #000;
}

.delivery-page {
    display: flex;
}
.island {
    display: flex;
    flex-direction: column;
}
.island .lite_head {
    margin-top: 0;
}
.simple_island {
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
}
.warn-island {
    margin-top: 20px;
    margin-bottom: 20px;
}
.warn-island p {
    color: red;
    font-size: 15px;
    font-weight: 500;
}
.page_deliv .island {
    margin-right: 10px;
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
}
.page_pay .island {
    margin-right: 10px;
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
}
.page_pay .lite_head {
    margin-bottom: 10px;
    margin-top: -5px;
}
.day-time {}
.day-time, .night-time {
    position: relative;
}
.day-time svg {
    height: 25px !important;
    width: 25px;
    position: absolute;
    left: -19px;
    top: -14px;
    fill: #ffe900;
    stroke: #ffe900;
}
.night-time svg {
    height: 18px !important;
    width: 15px;
    position: absolute;
    left: -12px;
    top: -8px;
    fill: #00afff;
    stroke: #00afff;
}
.how_to_order {
    display: flex;
    flex-direction: column;
}
.how_to_order p {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.how_to_order p i {
    font-size: 7px;
    color: #d1110a;
    margin-right: 10px;
}
/*--------full-width styles------*/
.cover-block {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 0 10px;
}

.shop_full_img {
    background-size: cover;
    min-height: 700px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: -65px;
}
.shop_full_img .shop_full_inner {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    max-width: 1400px;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding-bottom: 6.6%;
}
.shop_full_inner span:first-of-type {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.shop_full_inner span {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}

.shop_full_inner img {
    width: 300px;
}
.welcome-block {
    max-width: 800px;
    margin-top: 30px;
}
.shop_block {
    display: flex;
}
.shop_block_img {
    flex: 0 1 calc(40% - 30px);
}
.shop_block_img img {
    border-radius: 4px;
}
.shop_block_text .lane-heading {
    margin-top: 0;
}
.shop_block_text {
    flex: 0 1 50%;
    margin-left: 50px;
}
.shop_block_text .declaration {
    display: inline-flex;
    align-items: center;
    max-width: fit-content;
    margin-right: 10px;
    white-space: nowrap;
    color: #000;
    text-decoration: none
}
.shop_block_text .declaration:hover {
    color: #d1110a;
}
.shop_block_text .declaration i {
    margin-right: 5px;
    font-size: 3px;
    color: #d1110a;
}
.smallnotice {
    font-size: 12px;
}
.shop_block_global {
    padding: 35px 15px 40px;
}
.shop-block_inner {
    max-width: 1400px;
    margin: 0 auto;
}
.small-border {
    height: 3px;
    max-width: 150px;
    background: #d1110a;
    margin-bottom: 10px;
}
.micro-border {
    height: 1px;
    max-width: 150px;
    background: #d1110a;
    margin-bottom: 10px;
    margin-top: 10px;
}



.bx-green .btn.btn-default {
    background: #d1110a;
    border-color: #d1110a;

}
.bx-green .btn.btn-default:hover {
    background: #58a800;
    border-color: #58a800;
}
.popup-window.popup-window-with-titlebar {
    border: 2px solid #d1110a;
    border-radius: 10px;
}
.popup-window-buttons {
    display: flex;
    justify-content: center;
}
.popup-window-buttons .btn-default {
    font-weight: 500;
}
.popup-window-buttons .btn-buy:last-child, .popup-window-buttons .btn-buy:last-child:hover {
    background: #f8f8f8;
    border-color: #e8e8e8;
    color: #d1110a;
}
.popup-window p {
    margin-top: 10px;
}
/*-------------------temporary styles-------------------------------*/


.bx-soa-section-title-count {
    display: none;
}
header .bx-contact-phone {
    margin: 0 auto;
}
header .bx-contact-phone span {
    display: flex;
    align-items: center;
}
.bx-contact-phone i {
    display: none;
    color: #000;
    font-size: 16px;
    margin-right: 5px;
}
header a {
    text-decoration: none;
}

.bx-searchtitle .bx-input-group {
    display: inline-flex;
}

/*-------------------catalog-section-------------------*/
.catalog-section {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 321px) {
    .popup-window-buttons .btn {
        font-size: 10px !important;
    }
}
.popup-window-buttons .btn {
    font-size: 14px;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.soc-serv-main, .bx-authform-social {
    display: none;
}
.bx-subscribe {
    display: none;
}

.load-more-b {
    margin: 0 auto 15px;
    max-width: 200px;
    display: block;
}
.bx-content {
    width: 100%;
    margin-bottom: 20px;
}
.bx-section-desc {
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.seo-desc-inner {
    background: #fff;
    padding: 20px;
}
.seo-desc-inner h1 {
    font-size: 16px;
    font-weight: 500;
    color: #d1110a;
}
.seo-desc-inner h2 {
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
}
.seo-desc-inner h3, .seo-desc-inner h4, .seo-desc-inner h5, .seo-desc-inner h6 {
    font-size: 14px;
    font-weight: 500;
    color: #7f7f7f;
}
.seo-desc-inner p {
    color: #7f7f7f;
    line-height: 1.3em;
    font-size: 13px;
}
.last-word {
    margin-top: 10px;
    display: block;
}
label {
    font-weight: normal;
}
.product-item-big-card {
    padding-left: 0px;
    padding-right: 0px;
}
.product-item-big-card .col-md-12 {
    padding: 5px;
}
.bx-filter {
    font-family: truth, arial, sans-serif !important;
}
.bx-filter .bx-filter-section {
    background: #fff !important;
    padding: 0 !important;
}
.bx-filter.bx-green .bx-ui-slider-handle.left, .bx-filter.bx-green .bx-ui-slider-handle.right {
    background: none !important;
    top: -5px;
}
.bx-filter .bx-ui-slider-handle.left, .bx-filter .bx-ui-slider-handle.right {
    margin-left: -15px !important;
}
.bx-filter .bx-filter-button-box {
    padding-left: 15px;
}
.bx-filter .bx-filter-parameters-box-title span {
    color: #000000;
    border-bottom: 0 !important;
    cursor: pointer;
    text-transform: uppercase;
    margin: 5px 0 10px;
    display: block;
    font-weight: 600;
}
.bx-filter .bx-filter-title {
    display: none;
}

#pagetitle {
    font-weight: 600;
    color: #000;
    display: block;
}

.welcome-row {
    position: relative;
    display: flex;
    margin-top: 40px;
    background: #fff;
        -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
        box-shadow: 0 0px 8px 0 #e8e8e8;
}
.welcome-row h1 {
    font-size: 18px;
}
.welcome-row h2 {
    font-size: 16px;
    font-weight: 600;
}
.welcome-row p {
    font-size: 14px;
}

.banner-grid {
    margin-top: 30px;
    position: relative;
    display: flex;
}
.mini-banner {
    border: 1px solid #ededed;
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    padding: 10px 20px;
}
.mini-banner a img {
    margin-top: 30px;
}
.mini-banner a {
    align-self: center;
}
.mini-banner:last-child {
    margin-right: 0;
}

.mini-banner .mini-name {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}
.mini-banner .mini-description {
    font-size: 14px;
}
.main-headers {
    margin-left: 20px;
}
.main-headers h2 {
    font-size: 20px;
    margin-bottom: 30px;
}

/*load-more*/
.brend-grid-full {
    position: relative;
}
.brend-grid-full ul {
    list-style-type: none;
    padding: 0;
}
.brend-grid-full ul li {
    border: 1px solid #ededed;
    ;
    height: 100px;
    background: #fff;
    color: #fff;
    float: left;
    transition: box-shadow 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.brend-grid-full ul li:hover {
    -webkit-box-shadow: inset 0 0 50px 0px #e8e8e8;
    box-shadow: inset 0 0 50px 0px #e8e8e8;
}
.load-more-container ul li:nth-child(1n + 16) {
    max-height: 0;
    opacity: 0;
    transition: 0.1s ease-in;
    overflow: hidden;
}
.brend-grid {
    margin-top: 30px;
    position: relative;
}
.load-more-container {
    background: #fff;
    position: relative;
}
.load-more-container ul {
    list-style-type: none;
    padding: 0;
}
.load-more-container ul:after {
    content: "";
    display: table;
    clear: both;
}
.load-more-container ul li {
    border: 1px solid #ededed;
    ;
    height: 100px;
    background: #fff;
    color: #fff;
    float: left;
    transition: box-shadow 0.3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center;
}
.load-more-container ul li:hover {
    -webkit-box-shadow: inset 0 0 50px 0px #e8e8e8;
    box-shadow: inset 0 0 50px 0px #e8e8e8;
}
.load-more-container ul li:nth-child(1n + 16) {
    max-height: 0;
    opacity: 0;
    transition: 0.1s ease-in;
    overflow: hidden;
}
.load-more-btn {
    width: 150px;
    line-height: 40px;
    border-radius: 15px;
    margin: 0 auto;
    display: block;
    background: #ffffff;
    color: #000;
    cursor: pointer;
    text-align: center;
    border: 1px solid #d1110a;
    font-weight: normal;
}

.load-more-btn i {
    color: #d1110a;
    font-size: 18px;
    margin-left: auto;

}
.load-more-btn:hover {}
.loaded {
    display: none;
}

#load-more {
    display: none;
}
#load-more:checked~ul li:nth-child(1n + 16) {
    max-height: 999px;
    opacity: 1;
    transition: 0.2s ease-in;
    overflow: visible;
}
#load-more:checked~.load-more-btn .loaded {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
#load-more:checked~.load-more-btn .unloaded {
    display: none;
}

.unloaded {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}


/*slider*/

.slider-full {}
/*header-underline*/
#bx-header-underline-right ul {
    margin-bottom: 0;
    float: right;
    list-style-type: none;
}
#bx-header-underline-right ul li {
    float: left;
    margin: 0px 5px;
    border-right: 1px solid #e61523;
    padding-right: 10px;
}
#bx-header-underline-right ul li a {
    color: #464646;
    font-family: 'truth', arial, sans-serif;
}
#bx-header-underline-right ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.underline-favorites {
    font-size: 12px;
    font-family: 'truth', arial, sans-serif;
    color: #464646;
    font-weight: normal;
}
.bx-header-underline {
    background: #f7f7f7;
}
.bx-header-underline .underline-inner {
    display: flex;
    margin: 0 auto;
    max-width: 1400px;
    padding: 5px 10px 5px;
    align-items: center;
}
.bx-header-underline .underline-inner a {
    text-decoration: none;
}
.bx-header-underline .fas, .bx-header-underline .far {
    position: relative;
    top: 0px;
    font-size: 16px;
    color: #d1110a;
    margin-right: 5px;
}
.bx-header-underline .bx-basket-block a {
    font-size: 14px;
    font-family: 'truth', arial, sans-serif;
    color: #777;
    display: flex;
    align-items: center;
}
.bx-header-underline .bx-basket-block a:hover {
    color: #000;
    text-decoration: none;
}
.phone-class {
    font-size: 14px;
    font-family: 'truth', arial, sans-serif;
}
.phone-class a {
    color: #464646;
}
#bx-header-underline-left .bx-basket-block {
    padding: 0px;
}
.secondary-login {
    display: none !important;
}
.secondary-login .bx-basket-block:last-child {
    display: none;
}
.secondary-login {
    margin-left: auto;
}
#bx-header-underline-left .secondary-login {
    padding-right: 5px;
}
#bx-header-underline-left .right-floater {
    float: right;
    height: 20px;
}
.userlogged svg, .usernotlogged svg {
    height: 20px;
    margin-right: 10px;
}
.userlogged svg {
    stroke: #d1110a;
    fill: #d1110a;
}
.usernotlogged svg {
    stroke: #000000;
    fill: #000000;
}

.top-basket-text svg {
    stroke: #000000;
    fill: #000000;
    height: 40px;
    margin-right: 10px;
}
.basket-wrap {}
.cart-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 150px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 150px;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
}
header .bx-wa-button {}
header .bx-wa-button a {
    font-weight: 600;
    color: #d1110a;
}
header .bx-wa-button a i {
    color: #d1110a;
    font-size: 16px;
}
.bx-wa-button i {
    color: #fff;
}
.bx-wa-button a {
    display: flex;
    align-items: center;
}
.bx-wa-button a i {
    margin-left: 10px;
}

/* header-line */
.header-line {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}
.short-address {
    display: flex;
    flex-direction: column;
    position: relative;
    line-height: 21px;
}
.short-address span {
    color: #000;
    font-weight: 600;
}


.bx-contact-phone a {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}
/* Common style */

figure {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}

#catalog-grid-fullfigure img {
    position: relative;
    display: block;
    opacity: 0.8;
}

#catalog-grid-full figure figcaption {
    color: #fff;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#catalog-grid-full figure figcaption::before,
#catalog-grid-full figure figcaption::after {
    pointer-events: none;
}

#catalog-grid-full figure figcaption,
#catalog-grid-full figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*cataloge-grid*/
#catalog-grid-full div a {
    margin-top: 20px;
}
#catalog-grid-full {
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}
#catalog-grid-full a {
    display: block;
    text-align: center;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


/*description*/
#about-us-text {
    background: #f8f8f8;
    position: relative;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 15px;
}
#about-us-text h1 {
    font-size: 20px;
    font-weight: 600;
}
#about-us-text p {
    font-size: 12px;
}
/*goods*/

#goods_h {
    position: relative;
    clear: both;
    overflow: hidden;
    margin: 50px 15px;
}
#goods_h img {
    height: 50px;
    display: block;
    float: left;
    padding-left: 15px;
}
#goods_h .goods_cont {
    padding: 15px;
    border-right: 1px solid #ededed;
    overflow: hidden;
    position: relative;
}
#goods_h .goods_cont:last-child {
    border-right: 0;
}
#goods_h .inner-good {
    padding-left: 15px;
    float: left;
}
#goods_h .inner-good span {
    display: block;
}
#goods_h .inner-good span:first-child {
    font-weight: 600;
    font-size: 16px;
}
#goods_h .inner-good span {

    font-size: 12px;
}
/*custom_help*/
#custom-help {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
    color: #000;
    padding-top: 60px;
}
#custom-help .flexed {
    justify-content: space-between;
}
#custom-help a {
    text-decoration: none;
}
#custom-help .customer_title {
    text-align: center;
    margin-bottom: 30px;
}
.customer-title-under-1 a, .customer-title-under-3 a {
    color: #000;
}
.customer-title-under-1 a:hover, .customer-title-under-3 a:hover {
    text-decoration: none;
}
#custom-help .customer_title span {
    font-family: 'truth', arial, helvetica, sans-serif;
    font-size: 26px;
}
#custom-help .customer-title-under-1 {
    text-align: left;
    font-family: 'truth', arial, sans-serif;
}
#custom-help .customer-title-under-2 {
    text-align: center;
    color: #d1110a;
    font-size: 30px;
    line-height: 20px;
}
#custom-help .customer-title-under-5 {
    text-align: center;
    color: #d1110a;
    font-size: 30px;
    line-height: 20px;
    display: none;
}
#custom-help .customer-title-under-3 {
    text-align: right;
    font-family:'truth', arial, sans-serif;
}
#custom-help .customer-title-under-4 {
    text-align: center;
    font-family: 'truth', arial, sans-serif;
    padding-top: 35px;
    clear: both;
}
#custom-help .customer-title-under-4 a {
    font-family: 'truth', arial, sans-serif;
    color: #000;
}
#custom-help a {
    font-size: 16px;
}
#custom-help .customer-title-under-4 a:hover {
    text-decoration: underline;
}
/*Logo*/


.bx-logo .bx-logo-block {
    display: block;
    border-bottom: none;
}
.bx-logo .bx-logo-block img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    margin: 0 auto;
    display: block;
    padding: 2px 0;
}

.bx-logo-text,
.bx-logo-text:hover,
.bx-logo-text:active {
    font-size: 32px;
    font-weight: 700;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #000;
    line-height: 37px;
    text-decoration: none;
    border: none;
    vertical-align: bottom;
}

.bx-logo-text small {
    font-size: 37px;
}

.bx-logo-desc {
    text-transform: uppercase;
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 10px;
    color: #b8b8b8;
}

@media (max-width: 1000px) {
    .bx-subscribe {
        margin-top: 1px;
    }
    #custom-help {
        margin-top: 0;
    }

    #custom-help {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #custom-help .customer-title-under-1, #custom-help .customer-title-under-3, #custom-help .customer-title-under-4 {
        text-align: center;
    }
    #custom-help .customer-title-under-5 {
        display: block;
    }
    #custom-help .customer-title-under-4 {
        padding-top: 30px;
        margin-bottom: 30px;
    }
    #goods_h .goods_cont {
        border-right: 0;
    }
    .bx-logo {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 1000;
        padding: 5px 60px;
        border-bottom: 2px solid #d1110a;
        background: #ffffff;
    }
    .bx-logo .bx-logo-block {
        height: 38px;
    }
    .bx-logo-text {
        font-size: 24px;
        color: #fff;
        line-height: 30px;
        vertical-align: middle;
    }
    .bx-logo-text:hover,
    .bx-logo-text:active {
        color: #fff;
    }
    .bx-logo-text small {
        font-size: 24px;
        color: #fff;
    }
    .bx-logo-desc {
        display: none;
    }
}
/* Sections */


.bx-content-section {
    min-height: 50vh;
    padding: 20px 15px;
    border-radius: 5px;
    margin: 20px auto 30px;
    background: #fff;
    -webkit-box-shadow: 0 0px 8px 0 #e8e8e8;
    box-shadow: 0 0px 8px 0 #e8e8e8;
}

.bx-worktime-title {
    color: #8d8d8d;
    font-size: 12px;
}

.bx-worktime-prop {
    font-size: 13px;
    color: #000;
}

.bx-worktime-prop>span {
    white-space: nowrap;
}
/*sidebar*/

.bx-sidebar-block {
    padding-top: 5px;
}
.bx-block-title {
    font-weight: 600;
    color: #343434;
    font-size: 12px;
    margin-bottom: 9px;
}
.bx-footer .bx-block-title {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.custom_column {
    position: relative;
}
.bx-footer-section {
    padding: 20px 15px 10px;
    position: relative;
    display: flex;
    flex-direction: column;
}
.bx-footer a {
    text-decoration: none;
}
.footer-copyright {
    margin-top: 34px;
    position: relative;
}
.footer-copyright .copytext {
    display: block;
    text-align: center;
    z-index: 2;
    position: relative;
    font-size: 16px;
    font-style: italic;
}
.footer-copyright .copytext b {
    font-size: 20px;
}
.footer-copyright:before {
    content: '';
    position: absolute;
    width: 90px;
    height: 90px;
    top: -41px;
    left: -10px;
    background: #f6f6f6;
    z-index: 1;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' fill='none' viewBox='0 0 100 100'%3E%3Cpath fill='%23f6f6f6' d='M5,61.791c0-28.809,26.598-46.362,30.729-48.55c2.992-1.63,5.762-2.725,7.66-2.725c1.653,0,2.747,0.804,2.747,2.189  c0,1.384-1.385,3.015-2.747,4.109c-3.819,2.747-14.539,17.017-14.539,30.461c0,3.551,1.921,6.834,4.109,7.95  c2.479,1.362,14.002,3.841,14.002,18.357c0,8.509-6.856,15.9-16.459,15.9C17.886,89.483,5,79.903,5,61.791zM53.014,61.791c0-28.809,26.621-46.362,30.73-48.55c3.016-1.63,5.762-2.725,7.682-2.725c1.652,0,2.725,0.804,2.725,2.189  c0,1.384-1.361,3.015-2.725,4.109c-3.84,2.747-14.537,17.017-14.537,30.461c0,3.551,1.92,6.834,4.109,7.95  C83.477,56.588,95,59.066,95,73.583c0,8.509-6.879,15.9-16.482,15.9C65.922,89.483,53.014,79.903,53.014,61.791z'/%3E%3C/svg%3E");

    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' fill='none' viewBox='0 0 100 100'%3E%3Cpath fill='%23f6f6f6' d='M5,61.791c0-28.809,26.598-46.362,30.729-48.55c2.992-1.63,5.762-2.725,7.66-2.725c1.653,0,2.747,0.804,2.747,2.189  c0,1.384-1.385,3.015-2.747,4.109c-3.819,2.747-14.539,17.017-14.539,30.461c0,3.551,1.921,6.834,4.109,7.95  c2.479,1.362,14.002,3.841,14.002,18.357c0,8.509-6.856,15.9-16.459,15.9C17.886,89.483,5,79.903,5,61.791zM53.014,61.791c0-28.809,26.621-46.362,30.73-48.55c3.016-1.63,5.762-2.725,7.682-2.725c1.652,0,2.725,0.804,2.725,2.189  c0,1.384-1.361,3.015-2.725,4.109c-3.84,2.747-14.537,17.017-14.537,30.461c0,3.551,1.92,6.834,4.109,7.95  C83.477,56.588,95,59.066,95,73.583c0,8.509-6.879,15.9-16.482,15.9C65.922,89.483,53.014,79.903,53.014,61.791z'/%3E%3C/svg%3E");

}
.bx-footer .footer-copyright ul li {
    list-style-type: disc;
    color: #7db208;
}
.bx-footer .bx-contact-phone {
    padding-left: 0;
}
/* Breadcrumb Custom*/
.bx-breadcrumb .bx-breadcrumb-item a {
    text-decoration: none;
}
.bx-breadcrumb-item a {
    color: #757575;
}
.bx-breadcrumb {
    display: flex;
}
@media (min-width: 1001px) {
    .bx-breadcrumb {
        flex-wrap: wrap;
    }
}
.bx-breadcrumb-item a:hover {
    color: #2d2d2d;
}
/* workarea */
.workarea {
    background: #f9f9f9;
}
/*TITLE*/

h1.bx-title,
h2.bx-title,
h3.bx-title,
h4.bx-title,
h5.bx-title,
h6.bx-title {
    font-weight: 600;
}

h1.bx-title,
h2.bx-title,
h3.bx-title {
    padding-bottom: 15px;
}

h4.bx-title,
h5.bx-title,
h6.bx-title {}

h1.bx-title {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0;
    padding-bottom: 10px;
}
h2.bx-title {
    font-size: 25px
}
h3.bx-title {}
h4.bx-title {}
h5.bx-title {}
h6.bx-title {}

/* FORMS */
input[type=text],
input[type=password] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    padding: 10px 10px;
    border: 1px solid #f4f5f6;
    border-radius: 4px;
    background: #f4f5f6;
    outline: none;
    max-width: 600px;
    width: 100%;
    margin: 10px 0;
    font-family: 'truth', arial, sans-serif;

}
input[type=text]:focus,
input[type=password]:focus {
    outline: none;
}
.form_wrap input[type=text]:focus,
.form_wrap input[type=password]:focus{
    border: 1px solid #d1110a;
}
textarea.form-control:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    outline: none;
    border: 1px solid #d1110a;
}
textarea.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #f4f5f6;
    border: 1px solid #f4f5f6;
    resize: none;
    height: 100px;
    font-family: 'truth', arial, sans-serif;
    font-size: 14px;
    padding: 10px;
}
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    background: #f4f5f6;
    border: 1px solid #f4f5f6;
    resize: none;
    height: 100px;
    font-family: 'truth', arial, sans-serif;
    font-size: 14px;
    padding: 10px;
    width: 100%;
    max-width: 600px;
}
/* INC.banners */

.bx-incbanners {
    margin: 10px 0 25px;
    text-align: center;
}
/* INC.links.footer */

.bx-inclinksfooter a {
    border-bottom: none;
}

.bx-inclinksfooter .bx-block-title {
    margin: 0;
    padding: 0;
    font-size: 17px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: #fff;
    font-weight: 600;
}

.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.bx-inclinksfooter-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.bx-inclinksfooter-list span {
    color: #464646;
}
.no-list-style {
    list-style-type: none;
    padding-bottom: 10px;
}

.no-list-style li:last-child {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.bx-inclinksfooter-item {
    font-family: truth, arial, helvetica, sans-serif;
    padding: 0 0 8px 0;
}


/* INC.logo.footer */
.last-col-footer {
    padding-right: 0px;
}
.bx-inclogofooter {
    color: #fff;

}
.social-and-more {
    margin-top: 20px;
}

.socnet-icons-footer i {
    color: #858585;
    font-size: 30px;
    padding-right: 15px;
}
.socnet-icons-footer .fa-facebook:hover {
    color: #0b78b6;
}
.socnet-icons-footer .fa-instagram:hover {
    color: #ec7241;
}
.socnet-icons-footer .fa-vk:hover {
    color: #5181b8;
}



.bx-inclogofooter a.bx-inclogofooter-logo:hover,
.bx-inclogofooter a.bx-inclogofooter-logo {
    border-bottom: none;
}

.bx-inclogofooter-logo img {
    max-width: 100px;
    height: auto;
}

.bx-inclogofooter-block {
    padding-bottom: 20px;
    text-align: center;
}

.bx-inclogofooter-tel {
    color: #cfd0d0;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 5px;
}

.bx-inclogofooter-worktime {
    color: #000;
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}
/* INC.social.widget */

.bx-banners {
    margin: 10px 0;
}

.bx-banners .bx-block-title {
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    margin-bottom: 9px;
    font-weight: 600;
}
/* INC.wt */

.bx-wt-block {
    color: #fff;
    padding: 5px 15px;
    background: url(/bitrix/templates/lime/images/wt.png) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    border-radius: 3px;
}

.bx-wt .bx-block-title {
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 25px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #fff;
}

.bx-wt-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
}

.bx-wt-block ul li {
    padding-bottom: 7px;
}

.bx-wt-others-block {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 4px;
}
/* news.list.sidebar */
.bx-s-info {
    margin: 10px 0;
    padding-top: 5px;
}
.bx-s-info-block {
    display: block;
    margin-bottom: 25px;
}
.bx-s-info-title {
    display: block;
    min-height: 29px;
    padding-left: 36px;
    margin-bottom: 5px;
    position: relative;
}
.bx-s-info-titleicon {
    display: block;
    background: #007FCA;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.bx-s-info-titleicon i {
    line-height: 30px;
    vertical-align: middle;
    font-style: normal;
}
.bx-s-info-titletext {
    display: block;
    padding: 6px 0;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #343434;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
}
.bx-s-info-content {
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    color: #3e454c;
    padding-left: 36px;
}

/* FOOTER */

.bx-footer {
    position: relative;
    z-index: 10;
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 -2px 8px 0 #e8e8e8;
    box-shadow: 0 -2px 8px 0 #e8e8e8;
    padding-top: 15px;
}


.columns-holder {
    position: relative;
    overflow: hidden;
}
.bx-footer a {
    color: #000;
}

.bx-footer a:hover {
    color: #d1110a;
    text-decoration: none;
}
.bx-footer .short-address span {
    color: #000;
}
.bx-footer .bx-wa-button {
    align-self: flex-start;
    display: flex;
}
.bx-footer .bx-wa-button a {
    color: #fff;
    background: #17c83d;
    padding: 5px 25px;
    margin-top: 20px;
    border-radius: 5px;
}
.bx-footer .bx-wa-button a i {
    font-size: 16px;
}

.bx-footer-line {
    background: #1f496a;
}

.bx-footer-bottomline {
    display: flex;
    font-size: 12px;
    margin-top: 30px;
}
.bx-footer-bottomline .bottomline-right {
    margin-left: auto;
}
.bx-up {
    text-align: right;
}

.bx-up a,
.bx-up a:hover {
    border-bottom: none;
}


@media (max-width: 1000px) {
    .bx-hdr-profile {
        text-align: center;
    }
    .bx-basket-fixed .bx-basket-block {
        padding-left: 0;
        display: none !important;
    }
    .bx-basket-fixed .bx-basket-block a {
        color: #000;
        font-family: 'truth', arial, sans-serif;
        font-size: 14px;
        display: block;
    }

    .bx-footer-bottomline {
        margin: 25px 0px 0;
        text-align: center;
        border-top: 1px solid #ededed;
        padding-top: 5px;
        display: flex;
    flex-direction: column;
    }
    .bx-footer-bottomline .bottomline-right {
        margin-left: unset !important;
        margin-top: 10px;
        font-style: italic;
    }
    .last-col-footer {
        padding: 5px 15px;
    }
    .bx-input-group {
        margin: 0 auto;
    }

    .columns-holder {
        padding: 0;
    }
    .bx-footer {
        padding-top: 20px;
        background: #ffffff;
        border-top: 1px solid #ededed;
        -webkit-box-shadow: 0 -2px 10px 0 #E8E8E8;
        box-shadow: 0 -2px 10px 0 #E8E8E8;
    }
    .bx-up {
        text-align: center;
    }
    .bx-inclinksfooter-list {
        display: none;
        list-style-type: none;
    }
    .visible-nav+nav .bx-inclinksfooter-list {
        display: block;
        padding-left: 20px;
    }
    .bx-footer .bx-block-title {
        padding-top: 15px;
    }
    .bx-footer .col-md-3:first-child .bx-block-title {
        border-top: 0;
    }
    .nav-footer-one:after, .nav-footer-two:after, .nav-footer-three:after {
        content: url('/images/d-arrow.png');
        color: #c7c7c7;
        position: absolute;
        right: 50px;
        width: 5px;
        height: 5px;
    }
    .visible-nav.nav-footer-one:after, .visible-nav.nav-footer-two:after, .visible-nav.nav-footer-three:after {
        content: url('/images/up-arrow.png');
        position: absolute;
        top: 20px;
        right: 50px;
        width: 5px;
        height: 5px;
    }
    .bx-center-section {
        padding-top: 0;
        background: #fff;
    }
}


/**/

.btn,
.btn:hover,
.btn:active,
.btn:focus {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary {
    background-color: #fb2f2f;
    border-color: #fb2f2f;
    font-weight: normal;
    border-radius: 5px;
    cursor: pointer;
    border: 0px;
    padding: 6px 12px;
    font-size: 14px;
    font-family: 'truth', Arial, Helvetica, sans-serif;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
    background-color: #d1110a;
    border-color: #d1110a;

}

.btn-link {
    color: #000;
}

.btn-link:focus,
.btn-link:hover {
    color: #000;
    text-decoration: underline;
}
/*404*/

.bx-404-container {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.bx-404-block {
    margin-top: 100px;
    margin-bottom: 66px;
}

@media (max-width: 1000px) {
    .bx-404-block {
        margin-top: 50px;
        margin-bottom: 33px;
    }
}

.bx-404-text-block {
    font-size: 20px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
}

.bx-maps-title {
    color: #8f8f8f;
    font-size: 16px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #e9eaea;
}

.map-columns {
    padding-top: 20px;
}

.bx-map-title {
    font-weight: bold;
    font-size: 14px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    position: relative;
    min-height: 20px;
    padding-left: 25px;
    margin-bottom: 20px;
}

.bx-map-title .fa {
    color: #0083d1;
    position: absolute;
    left: 0;
    top: 2px;
    font-size: 15px;
}

.map-columns ul {
    list-style: none;
    margin-bottom: 5px;
}

.map-level-0 {
    margin-left: 0;
    padding-left: 25px;
    margin-bottom: 20px;
}

.map-level-0 li {
    margin-left: 0;
    padding-left: 0;
}

.map-level-0 ul {
    padding-left: 15px;
}

ul.map-level-1 {
    margin-bottom: 30px;
}
/*ABOUT*/

.bxd-block {
    width: 100%;
    border: 1px solid #e3e6e7;
    display: block;
    background: #fff;
    padding: 15px;
    min-height: 210px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

a.bxd-block:hover {}

.bxd-icon {
    display: block;
    border-radius: 50%;
    height: 68px;
    width: 68px;
    margin: 0 auto;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-block:hover .bxd-icon {}

.bxd-icon .fa {
    margin-left: -1px;
    position: relative;
    font-size: 35px;
    height: 68px;
    width: 68px;
    text-align: center;
    line-height: 68px;
    vertical-align: middle;
    -webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    -o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-link:hover .bxd-icon .fa {}

.bxd-title {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    text-align: center;
    color: #000;
    font-size: 15px;
    font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: uppercase;
}

.bxd-desc {
    display: block;
    text-align: center;
    color: #464646;
    font-size: 12px;
}


.bx-up-button {
    border-radius: 2px;
    color: #fff;
    position: fixed;
    right: 30px;
    bottom: 30px;
    font-size: 12px;
    line-height: 20px;
    cursor: pointer;
    vertical-align: middle;
    padding: 9px 18px 7px 38px;
    -webkit-transition: background-color .3s ease, opacity .3s ease;
    -moz-transition: background-color .3s ease, opacity .3s ease;
    -ms-transition: background-color .3s ease, opacity .3s ease;
    -o-transition: background-color .3s ease, opacity .3s ease;
    transition: background-color .3s ease, opacity .3s ease;
    background: #c2c4c7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC) 18px 13px no-repeat;
}
.bx-up-button:hover {
    background-color: #9fa0a3;
}
/*bootstrap 5 column*/
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 1001px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*---------------------- Animate text ----------------------*/
.groove-text {
    background: url(/images/custom/animated-text-fill.png) repeat-y;
    -webkit-background-clip: text;
    background-clip: text;

    /* Animate Background Image */

    -webkit-text-fill-color: transparent;
    -webkit-animation: aitf 80s linear infinite;

    /* Activate hardware acceleration for smoother animations */

    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;

}

/* Animate Background Image */

@-webkit-keyframes aitf {
    0% {
        background-position: 0% 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}
/* ---------------------- Animate text end ----------------------*/

/* ---------------------- PopUp Style ----------------------*/
/* Базовые стили слоя затемнения и модального окна  */
.search-popup-window {position:relative; z-index:999;}
.overlay {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    display: none;
/* фон затемнения */
    background-color: rgba(0, 0, 0, 0.65);
    position: fixed; /* фиксированное поцизионирование */
    cursor: default; /* тип курсара */
}
/* активируем слой затемнения */
.overlay:target {
    display: block;
}
/* стили модального окна */
.popup {
    top: -100%;
    right: 0;
    left: 50%;
    font-size: 14px;
    z-index: 20;
    margin: 0;
    width: 85%;
    min-width: 320px;
    max-width: 600px;
/* фиксированное позиционирование, окно стабильно при прокрутке */
    position: fixed;
    padding: 25px;
    border: 1px solid #383838;
    background: #fefefe;
/* скругление углов */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
/* внешняя тень */
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -ms-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.6s ease-out;
    -moz-transition: -moz-transform 0.6s ease-out;
    -o-transition: -o-transform 0.6s ease-out;
    transition: transform 0.6s ease-out;
    max-height: 500px;
    overflow-y: scroll;
}
/* стили скролл-бара попапа */
.popup::-webkit-scrollbar {
  width: 12px;
}
.popup::-webkit-scrollbar-track {
  background: var(--red);
}
.popup::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
  border: 3px solid var(--red);
}

/* активируем модальный блок */
.overlay:target+.popup {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 15%;
}
/* формируем кнопку закрытия */
.close-pop {
    top: 0px;
    right: 4px;
    position: absolute;
    padding: 0;
    text-decoration: none;
}
.close-pop:before {
color: rgb(255 0 0 / 90%);
    content: "\f00d";
    font-size: 25px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

/* изображения внутри окна */
.popup img {
    width: 100%;
    height: auto;
}
/* миниатюры слева/справа */
.pic-left, 
.pic-right {
    width: 25%;
    height: auto;
}
.pic-left {
    float: left;
    margin: 5px 15px 5px 0;
}
.pic-right {
    float: right;
    margin: 5px 0 5px 15px;
}
/* элементы м-медиа, фреймы */
.popup embed, 
.popup iframe {
    top: 0;
    right: 0;
    bottom: 0; 
    left: 0; 
    display:block;
    margin: auto;
    min-width: 320px;
    max-width: 600px;
    width: 100%;
}
.popup h2 { /* заголовок 2 */
    margin: 0;
    color: #008000;
    padding: 5px 0px 10px;
    text-align: left;
    text-shadow: 1px 1px 3px #adadad;
    font-weight: 500;
    font-size: 1.4em;
    font-family: 'Tahoma', Arial, sans-serif;
    line-height: 1.3;
}
/* параграфы */
.popup p {margin: 0; padding: 5px 0}

 .wa-super-button {
        position: fixed;
        bottom: 15px;
        left: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        margin: 0;
        width: 0.5em;
        height: 0.5em;
        font-size: 25vmin;
        background: #1eb100;
        border-radius: 0.5em;
        -webkit-box-shadow: 0 0 0 0 rgb(52 152 219 / 0%), 0 0.05em 0.1em rgb(0 0 0 / 20%);
        box-shadow: 0 0 0 0 rgb(52 152 219 / 0%), 0 0.05em 0.1em rgb(0 0 0 / 20%);
        -webkit-transform: translate3d(0,0,0) scale(1);
        transform: translate3d(0,0,0) scale(1);
    }
    .wa-super-button i {    font-size: 28px;
    color: #fff;
}


.wa-super-button:before,
.wa-super-button:after {
    content: " ";
    display: block;
    position: absolute;
    border: 50%;
    border: 1px solid #1eb100;/*цвет анимированных волн от кнопки*/
    left: -10px;
    right: -10px;
    top: -10px;
    bottom: -10px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden; 
}
 
.wa-super-button:after{
    animation-delay: .5s;
}
.start_calculator .hidden {
    display: none !important;
}
@keyframes animate
{
    0%
    {
        transform: scale(0.5);
        opacity: 0;
    }
    50%
    {
        opacity: 1;
    }
    100%
    {
        transform: scale(1.2);
        opacity: 0;
    }
}
/* End */
/* /include/misc/uikit_v2.css?178144734550538 */
/* /bitrix/templates/lime/components/bitrix/menu/quick_menu/style.css?1781447350404 */
/* /bitrix/templates/lime/components/bitrix/sale.basket.basket.line/.default/style.css?17814473505976 */
/* /bitrix/templates/lime/components/bitrix/search.title/visual/style.css?17814473505222 */
/* /bitrix/templates/lime/components/bitrix/breadcrumb/.default/style.css?1781447350487 */
/* /bitrix/templates/lime/components/bitrix/menu/catalog_horizontal1/style.css?178144735018543 */
/* /bitrix/templates/lime/components/bitrix/menu/bottom_menu/style.css?1781447350394 */
/* /bitrix/templates/lime/template_styles.css?178144735065092 */