@charset "UTF-8";
/*
100 - Thin
200 - ExtraLight (Ultra Light)
300 - Light
400 - Normal
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)
*/
@font-face {
  font-family: 'proximanova';
  src: url("./fonts/proximanova-light.woff2") format("woff2"), url("./fonts/proximanova-light.woff") format("woff"), url("./fonts/proximanova-light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal; font-display: swap;}

@font-face {
  font-family: 'proximanova';
  src: url("./fonts/proximanova-reg.woff2") format("woff2"), url("./fonts/proximanova-reg.woff") format("woff"), url("./fonts/proximanova-reg.ttf") format("truetype");
  font-weight: 400;
  font-style: normal; font-display: swap;}

@font-face {
  font-family: 'proximanova';
  src: url("./fonts/proximanova-bold.woff2") format("woff2"), url("./fonts/proximanova-bold.woff") format("woff"), url("./fonts/proximanova-bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; font-display: swap;}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin-top: 20px;
	margin-bottom: 30px;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

body.fancybox-active {
  overflow: hidden; }

body.fancybox-iosfix {
  position: fixed;
  left: 0;
  right: 0; }

.fancybox-is-hidden {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden; }

.fancybox-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99992;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }

.fancybox-outer {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  -webkit-transition-duration: inherit;
  -o-transition-duration: inherit;
  transition-duration: inherit;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: 0.87;
  -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
  position: absolute;
  direction: ltr;
  z-index: 99997;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .25s, visibility 0s linear .25s;
  -o-transition: opacity .25s, visibility 0s linear .25s;
  transition: opacity .25s, visibility 0s linear .25s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .25s, visibility 0s;
  -o-transition: opacity .25s, visibility 0s;
  transition: opacity .25s, visibility 0s; }

.fancybox-infobar {
  top: 0;
  left: 0;
  font-size: 13px;
  padding: 0 10px;
  height: 44px;
  min-width: 44px;
  line-height: 44px;
  color: #ccc;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: subpixel-antialiased;
  mix-blend-mode: exclusion; }

.fancybox-toolbar {
  top: 0;
  right: 0;
  margin: 0;
  padding: 0; }

.fancybox-stage {
  overflow: hidden;
  direction: ltr;
	z-index: 99994;
	transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0); }

.fancybox-is-closing .fancybox-stage {
  overflow: visible; }

.fancybox-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  outline: none;
  white-space: normal;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  z-index: 99994;
  -webkit-overflow-scrolling: touch;
  display: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--image {
  overflow: visible; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
  background: #000; }

.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
  background: #E5E3DF; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide > * {
  display: inline-block;
  position: relative;
  padding: 24px;
  margin: 44px 0 44px;
  border-width: 0;
  vertical-align: middle;
  text-align: left;
  background-color: #fff;
  overflow: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.fancybox-slide > title,
.fancybox-slide > style,
.fancybox-slide > meta,
.fancybox-slide > link,
.fancybox-slide > script,
.fancybox-slide > base {
  display: none; }

.fancybox-slide .fancybox-image-wrap {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  border: 0;
  z-index: 99995;
  background: transparent;
  cursor: default;
  overflow: visible;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  -o-transition-property: transform, opacity;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform; }

.fancybox-can-zoomOut .fancybox-image-wrap {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-image-wrap {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-image-wrap {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-image-wrap {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-image,
.fancybox-spaceball {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  max-width: none;
  max-height: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--iframe .fancybox-content {
  padding: 0;
  width: 80%;
  height: 80%;
  max-width: calc(100% - 100px);
  max-height: calc(100% - 88px);
  overflow: visible;
  background: #fff; }

.fancybox-iframe {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
  height: 100%;
  background: #fff; }

.fancybox-error {
  margin: 0;
  padding: 40px;
  width: 100%;
  max-width: 380px;
  background: #fff;
  cursor: default; }

.fancybox-error p {
  margin: 0;
  padding: 0;
  color: #444;
  font-size: 16px;
  line-height: 20px; }

/* Buttons */
.fancybox-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 10px;
  border: 0;
  border-radius: 0;
  background: rgba(30, 30, 30, 0.6);
  -webkit-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .3s ease;
  cursor: pointer;
  outline: none; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff; }

.fancybox-button[disabled] {
  color: #ccc;
  cursor: default;
  opacity: 0.6; }

.fancybox-button svg {
  display: block;
  position: relative;
  overflow: visible;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: currentColor;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--share svg path {
  stroke-width: 1; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

.fancybox-button--zoom svg path {
  fill: transparent; }

/* Navigation arrows */
.fancybox-navigation {
  display: none; }

.fancybox-show-nav .fancybox-navigation {
  display: block; }

.fancybox-navigation button {
  position: absolute;
  top: 50%;
  margin: -50px 0 0 0;
  z-index: 99997;
  background: transparent;
  width: 60px;
  height: 100px;
  padding: 17px; }

.fancybox-navigation button:before {
  content: "";
  position: absolute;
  top: 30px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(30, 30, 30, 0.6); }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 0; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  z-index: 10;
  cursor: pointer; }

.fancybox-close-small:after {
  content: '×';
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  font: 20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;
  color: #888;
  font-weight: 300;
  text-align: center;
  border-radius: 50%;
  border-width: 0;
  background-color: transparent;
  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  transition: background-color .25s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 2; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:focus:after {
  outline: 1px dotted #888; }

.fancybox-close-small:hover:after {
  color: #555;
  background: #eee; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  top: 0;
  right: -44px; }

.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
  font-size: 35px;
  color: #aaa; }

.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
  color: #fff;
  background: transparent; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption-wrap {
  bottom: 0;
  left: 0;
  right: 0;
  padding: 60px 2vw 0 2vw;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0, 0, 0, 0.1)), color-stop(40%, rgba(0, 0, 0, 0.2)), color-stop(80%, rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
  pointer-events: none; }

.fancybox-caption {
  padding: 30px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  font-size: 14px;
  color: #fff;
  line-height: 20px;
  -webkit-text-size-adjust: none; }

.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
  pointer-events: all;
  position: relative;
  /* Fix IE11 */ }

.fancybox-caption a {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-slide > .fancybox-loading {
  border: 6px solid rgba(100, 100, 100, 0.4);
  border-top: 6px solid rgba(255, 255, 255, 0.6);
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-slide.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5);
  opacity: 0; }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  opacity: 1; }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--next {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
  opacity: 0; }

.fancybox-fx-rotate.fancybox-slide--current {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  opacity: 1; }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--next {
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  opacity: 0; }

.fancybox-fx-circular.fancybox-slide--current {
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  opacity: 1; }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  padding: 30px;
  border-radius: 3px;
  background: #f4f4f4;
  max-width: 90%; }

.fancybox-share h1 {
  color: #222;
  margin: 0 0 20px 0;
  font-size: 33px;
  font-weight: 700;
  text-align: center; }

.fancybox-share p {
  margin: 0;
  padding: 0;
  text-align: center; }

.fancybox-share p:first-of-type {
  margin-right: -10px; }

.fancybox-share_button {
  display: inline-block;
  text-decoration: none;
  margin: 0 10px 10px 0;
  padding: 10px 20px;
  border: 0;
  border-radius: 3px;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16);
  background: #fff;
  white-space: nowrap;
  font-size: 16px;
  line-height: 23px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  min-width: 140px;
  color: #707070;
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s; }

.fancybox-share_button:focus,
.fancybox-share_button:hover {
  text-decoration: none;
  color: #333;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }

.fancybox-share_button svg {
  margin-right: 5px;
  width: 20px;
  height: 20px;
  vertical-align: text-bottom; }

.fancybox-share input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0 0 0;
  padding: 10px 15px;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  background: #ebebeb;
  color: #5d5b5b;
  font-size: 14px;
  outline: none; }

/* Thumbs */
.fancybox-thumbs {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 212px;
  margin: 0;
  padding: 2px 2px 4px 2px;
  background: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-y: hidden;
  overflow-x: auto; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  list-style: none;
  position: absolute;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 0;
  white-space: nowrap; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs > ul > li {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 2px;
  width: 100px;
  height: 75px;
  max-width: calc(50% - 4px);
  max-height: calc(100% - 8px);
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

li.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width: none;
  max-height: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-thumbs > ul > li:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 4px solid #4ea7f9;
  z-index: 99991;
  opacity: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom;
  /* direct pointer events to js */ }

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto; }

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr; }

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto; }

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; }

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0; }

/* RTL direction/left-side scrollbar */
.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0; }

.mCSB_outside + .mCSB_scrollTools {
  right: -26px; }

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px; }

/* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  border-radius: 16px;
  text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px; }

/* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px;
  /* minimum dragger width */
  height: 100%;
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  /* auto-expanded scrollbar */
  margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px;
  /* auto-expanded scrollbar */
  margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
  /* non-visible scrollbar */
  margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0; }

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  -o-transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out;
  transition: width .2s ease-out .2s, height .2s ease-out .2s,
 margin-left .2s ease-out .2s, margin-right .2s ease-out .2s,
 margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
 opacity .2s ease-in-out, background-color .2s ease-in-out; }

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
	----------------------------------------
	6.1 THEMES
	----------------------------------------
	*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #e6edf3; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #0d5da9;
  opacity: .8; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  opacity: 1; }

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  opacity: 1; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
  /*
		sprites locations
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
  /*
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
  /*
		sprites locations
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
  /*
		sprites locations
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)"; }

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px; }

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px; }

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px; }

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px; }

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto; }

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px; }

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px;
  /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px;
  /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px;
  /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px;
  /* auto-expanded scrollbar */
  margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px; }

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px; }

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px; }

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px; }

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%); }

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px; }

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px; }

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2); }

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9); }

/* ---------------------------------------- */
/*
 * Custom Select jQuery Plugin Base
 */
.custom-select {
  position: relative;
  background-color: #fff;
  color: #272727;
  font-size: 16px;
  padding-top: 3px; }
  .custom-select__option {
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    font-family: inherit;
    white-space: nowrap;
    text-align: left;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px; }
    .custom-select__option--value {
      width: 100%;
      border-radius: 15px;
      border: 1px solid #c3c3c3;
      position: relative;
      padding-left: 15px;
      padding-right: 30px; }
      .custom-select__option--value:after {
        content: '';
        display: block;
        position: absolute;
        right: 15px;
        width: 8px;
        height: 8px;
        border-top: 2px solid;
        border-right: 2px solid;
        color: #6d6d6d;
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        top: 50%;
        margin-top: -6px;
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: -webkit-transform .2s;
        transition: -webkit-transform .2s;
        -o-transition: transform .2s;
        transition: transform .2s;
        transition: transform .2s, -webkit-transform .2s; }
  .custom-select__option-wrap {
    position: relative; }
  .custom-select__input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: calc(100% - 20px);
    margin-left: 10px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #c3c3c3;
    height: 30px;
    line-height: 30px;
    padding-right: 15px;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("../images/assets/icons/search.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 17px 17px;
    padding-left: 25px;
    margin-bottom: 10px; }
  .custom-select__dropdown {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    top: 100%;
    left: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.16);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    z-index: 10;
    padding-bottom: 10px; }
    .custom-select--dropup .custom-select__dropdown {
      top: auto;
      bottom: 100%; }
    .custom-select__dropdown .custom-select__option {
      -webkit-transition: .2s;
      -o-transition: .2s;
      transition: .2s; }
      .custom-select__dropdown .custom-select__option:hover {
        background-color: #0d5da9;
        color: #fff; }
  .custom-select--active {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s; }
    .custom-select--active .custom-select__option--value {
      border-color: transparent; }
      .custom-select--active .custom-select__option--value:after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/
/* =====================================================================================================================
// RangeSlider */
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none !important; }

.irs-line-left, .irs-line-mid, .irs-line-right {
  position: absolute;
  display: block;
  top: 0; }

.irs-line-left {
  left: 0;
  width: 11%; }

.irs-line-mid {
  left: 9%;
  width: 82%; }

.irs-line-right {
  right: 0;
  width: 11%; }

.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0; }

.irs-bar-edge {
  position: absolute;
  display: block;
  top: 0;
  left: 0; }

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0; }

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1; }

.irs-slider.type_last {
  z-index: 2; }

.irs-min {
  position: absolute;
  display: block;
  left: 0;
  cursor: default; }

.irs-max {
  position: absolute;
  display: block;
  right: 0;
  cursor: default; }

.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap; }

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px; }

.irs-with-grid .irs-grid {
  display: block; }

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000; }

.irs-grid-pol.small {
  height: 4px; }

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000; }

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2; }

.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed; }

.irs-disabled {
  opacity: 0.4; }

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important; }

/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs {
  height: 55px; }

.irs-with-grid {
  height: 75px; }

.irs-line {
  height: 10px;
  top: 33px;
  background: #EEE;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #DDD), color-stop(150%, #FFF));
  background: -webkit-linear-gradient(top, #DDD -50%, #FFF 150%);
  background: -o-linear-gradient(top, #DDD -50%, #FFF 150%);
  background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);
  /* W3C */
  border: 1px solid #CCC;
  border-radius: 16px;
  -moz-border-radius: 16px; }

.irs-line-left {
  height: 8px; }

.irs-line-mid {
  height: 8px; }

.irs-line-right {
  height: 8px; }

.irs-bar {
  height: 10px;
  top: 33px;
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca;
  background: #428bca;
  background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
  background: -webkit-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: -o-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
  /* W3C */ }

.irs-bar-edge {
  height: 10px;
  top: 33px;
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  background: #428bca;
  background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
  background: -webkit-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: -o-linear-gradient(bottom, #428bca 0%, #7fc3e8 100%);
  background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
  /* W3C */
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px; }

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: 0.3;
  border-radius: 5px;
  -moz-border-radius: 5px; }

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30); }

.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #AAA;
  background: #DDD;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(20%, gainsboro), to(white));
  background: -webkit-linear-gradient(top, white 0%, gainsboro 20%, white 100%);
  background: -o-linear-gradient(top, white 0%, gainsboro 20%, white 100%);
  background: linear-gradient(to bottom, white 0%, gainsboro 20%, white 100%);
  /* W3C */
  border-radius: 27px;
  -moz-border-radius: 27px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  cursor: pointer; }

.irs-slider.state_hover, .irs-slider:hover {
  background: #FFF; }

.irs-min, .irs-max {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -moz-border-radius: 3px; }

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
  background: #ccc; }

.irs-from, .irs-to, .irs-single {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #428bca;
  border-radius: 3px;
  -moz-border-radius: 3px; }

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
  background: #999; }

.irs-grid {
  height: 27px; }

.irs-grid-pol {
  opacity: 0.5;
  background: #428bca; }

.irs-grid-pol.small {
  background: #999; }

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac; }

* {
  margin: 0;
  padding: 0;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: inherit;
  font-weight: inherit; }
  
@media screen and (max-width: 991px) {
.cat h1, h2, h3, h4, h5, h6 {
    margin-top: 25px;
  }
}  

h1 {
  font-weight: bold; }

ul, ol {
  list-style: none; }

img {
  max-width: 100%; }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  min-height: 100vh;
  min-width: 480px;
  color: #000;
  font-family: proximanova;
  position: relative;
  z-index: 1;
  background-color: #f5f6f8;
  overflow: auto !important;
  margin-right: 0 !important; }
  body .footer {
    margin-top: auto; }
  body.fancy-not-compensate {
    margin-right: 0 !important;
    overflow: auto !important; }
  @media screen and (max-width: 479px) {
    body {
      min-height: 0; } }

.browsehappy {
  margin: 0;
  padding: 15px;
  text-align: center;
  background-color: #fff;
  font-family: inherit; }

#overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.5;
  display: none;
  z-index: 980;
  cursor: pointer; }
  #overlay.active {
    display: block; }

.wrap {
  max-width: 1360px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  min-width: 480px;
  width: 100%; }
  @media screen and (max-width: 991px) {
    .wrap {
      padding-left: 40px;
      padding-right: 40px; } }
  @media screen and (max-width: 639px) {
    .wrap {
      padding-left: 15px;
      padding-right: 15px; } }

.pos-relative {
  position: relative; }

a {
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }

.header {
  position: relative;
  z-index: 100; }

.color-red {
  color: red !important; }

.top {
  background-color: #f5f6f8;
  line-height: 1;
  font-size: 16px; }
  @media screen and (max-width: 1199px) {
    .top {
      font-size: 1.17647vw; } }
  @media screen and (max-width: 991px) {
    .top {
      background-color: #247eb6;
      border-bottom: 1px solid rgba(245, 246, 248, 0.5);
      position: relative;
      z-index: 100; } }

.top__content {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 991px) {
    .top__content {
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding: 0;
      height: 107px; } }
  @media screen and (max-width: 639px) {
    .top__content {
      height: 80px; } }

.top__menu {
  margin-right: auto;
  padding-right: 15px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (max-width: 991px) {
    .top__menu {
      display: none; } }
  .top__menu li {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px; }
    .top__menu li:not(:last-child) {
      margin-right: 1.875em; }
  .top__menu a {
    color: #272727;
    text-decoration: none;
    opacity: 0.7;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s; }
    .top__menu a:hover {
      opacity: 1; }

.top__form {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  max-width: 20.625em;
  margin-right: 1.125em;
  margin-left: auto; }
  @media screen and (max-width: 991px) {
    .top__form {
      display: none;
      position: absolute;
      top: 107px;
      width: 100%;
      max-width: none;
      margin: 0;
      left: 0;
      padding-left: 40px;
      padding-right: 40px;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #fff; }
      .top__form .ic_search {
        width: 22px;
        height: 22px; } }
  .top__form input {
    border: 1px solid #b7b7b7;
    border-radius: 20px;
    height: 2.5em;
    line-height: 2.375em;
    padding-left: 1.25em;
    padding-right: 35px;
    background-color: transparent;
    width: 100%; }
    @media screen and (max-width: 991px) {
      .top__form input {
        height: 45px;
        line-height: 43px;
        font-size: 18px;
        border-radius: 100px; } }
  .top__form .btn, .top__form .quantity button, .quantity .top__form button {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 17px; }
    @media screen and (max-width: 991px) {
      .top__form .btn, .top__form .quantity button, .quantity .top__form button {
        right: 55px;
        margin-top: -11px; } }

.top__links {
  margin-left: 3.125em;
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  @media screen and (max-width: 1199px) {
    .top__links {
      margin-left: 1.875em; } }
  @media screen and (max-width: 991px) {
    .top__links {
      margin-left: 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 40px; } }
  .top__links a {
    display: inline-block;
    position: relative; }
    .top__links a:not(:last-child) {
      margin-right: 1.875em; }
      @media screen and (max-width: 991px) {
        .top__links a:not(:last-child) {
          margin-right: 38px; } }
      @media screen and (max-width: 639px) {
        .top__links a:not(:last-child) {
          margin-right: 20px; } }
  .top__links .ic {
    font-size: 1em; }
  @media screen and (max-width: 991px) {
    .top__links .ic_user, .top__links .ic_list {
      display: none; }
    .top__links .ic_cart {
      background-image: url("../images/assets/icons/cart_white.svg");
      width: 34px;
      height: 31px;
      margin-top: 5px; } }

.top__links-mob {
  display: none;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 40px; }
  .top__links-mob a {
    margin-right: 38px; }
    .top__links-mob a.ic-search-white {
      margin-right: 32px; }
    @media screen and (max-width: 639px) {
      .top__links-mob a {
        margin-right: 20px; } }
  @media screen and (max-width: 991px) {
    .top__links-mob {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; } }

@media screen and (max-width: 991px) {
  .top__pick {
    display: none; } }

.top__pick .btn, .top__pick .quantity button, .quantity .top__pick button {
  font-size: 0.8125em;
  width: 18.76923em; }

.top__btn {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 48px; }
  @media screen and (max-width: 991px) {
    .top__btn {
      display: block; } }
  @media screen and (max-width: 639px) {
    .top__btn {
      padding-left: 10px; } }

.top__logo {
  display: none;
  margin-right: auto;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  .top__logo .logo {
    margin-top: -13px; }
    .top__logo .logo img {
      width: 190px; }
      @media screen and (max-width: 639px) {
        .top__logo .logo img {
          width: 160px; } }
  @media screen and (max-width: 991px) {
    .top__logo {
      display: block; } }

.top__review {
  display: flex;
  margin-right: 1.3em;
}
@media screen and (max-width: 991px) {
  .top__review {
    display: none; } }

.btn, .quantity button {
  display: inline-block;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: none;
  border: none;
  outline: none !important;
  white-space: nowrap;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background: transparent;
  cursor: pointer; }

.btn_blue {
  border-radius: 1.53846em;
  line-height: 3.11538em;
  background-color: #0d5da9;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 1.92308em; }
  .btn_blue:hover {
    background-color: #0f6ac1; }
  .btn_blue.ic_setup {
    padding-right: 4.23077em;
    background-size: 1.53846em;
    background-position: calc(100% - 1.53846em) center; }

.btn_menu {
  height: 20px;
  width: 32px;
  color: #fff;
  border-top: 3px solid;
  border-bottom: 3px solid;
  position: relative;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
  .btn_menu:after, .btn_menu:before {
    content: '';
    width: 100%;
    border-top: 3px solid;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .btn_menu.active {
    border: none; }
    .btn_menu.active:after, .btn_menu.activebefore {
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; }
    .btn_menu.active:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .btn_menu.active:before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.btn_gotop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #3a3a3a;
  position: relative;
  z-index: 1; }
  .btn_gotop:after {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 50%;
    margin-left: -6px;
    margin-top: -4px;
    top: 50%;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .btn_gotop:hover {
    background-color: #545454; }

.btn_green {
  min-width: 14.28571em;
  line-height: 2.85714em;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  border-radius: 1.42857em;
  background-color: #9ac43c;
  text-shadow: -1px 0 1px rgba(50, 67, 12, 0.4);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.12px;
  text-align: center;
  padding-left: 1.42857em;
  padding-right: 1.42857em; }
  .btn_green:hover {
    background-color: #8bb136; }
  @media screen and (max-width: 767px) {
    .btn_green {
      font-size: 24px; } }

.btn_next, .btn_prev {
  font-size: 10px;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  color: #fff;
  border: 1px solid; }
  .btn_next:after, .btn_prev:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-top: 2px solid;
    border-right: 2px solid;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -6px;
    margin-left: -7px; }
  .btn_next:hover, .btn_prev:hover {
    color: #b3df53; }

.btn_prev:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-left: -5px; }

.btn_catalog {
  display: block;
  color: #272727;
  font-size: 34px;
  font-weight: 700;
  line-height: 80px;
  letter-spacing: 0.49px;
  background-color: #fff;
  width: 100%;
  text-align: left;
  padding-left: 40px;
  position: relative; }
  .btn_catalog .btn_menu {
    color: #0d5da9;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  @media screen and (max-width: 639px) {
    .btn_catalog {
      padding-left: 15px; }
      .btn_catalog .btn_menu {
        right: 20px; } }
  @media screen and (min-width: 992px) {
    .btn_catalog {
      line-height: 50px;
      padding-left: 20px;
      font-size: 26px; }
      .btn_catalog .btn_menu {
        width: 25px;
        height: 20px;
        right: 20px;
        border-width: 2px; }
        .btn_catalog .btn_menu:after, .btn_catalog .btn_menu:before {
          border-width: 2px; } }

.btn_more {
  color: #0d5da9;
  font-size: 18px;
  line-height: 28px;
  letter-spacing: 0.36px; }
  .btn_more:after {
    display: inline-block;
    content: '';
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    position: relative;
    top: -3px;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center; }
  .btn_more.active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0; }
  @media screen and (min-width: 992px) {
    .btn_more_mob {
      display: none; } }

.btn_shadow {
  -webkit-box-shadow: 0 10px 20px rgba(13, 93, 169, 0.3);
  box-shadow: 0 10px 20px rgba(13, 93, 169, 0.3); }

.btn_reset {
  color: #0d5da9;
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 20px;
  letter-spacing: 0.36px; }
  .btn_reset:hover {
    color: #09437a; }

.btn_border {
  border-radius: 1.53846em;
  line-height: 2.80769em;
  background-color: transparent;
  color: #0d5da9;
  border: 2px solid #0d5da9;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  padding: 0 1.92308em; }
  .btn_border:hover {
    background-color: #0d5da9;
    color: #fff; }

.btn_st {
  width: 100%;
  max-width: 260px; }
  @media screen and (max-width: 767px) {
    .btn_st {
      font-size: 24px;
      max-width: none; } }

.ic {
  background-repeat: no-repeat;
  display: inline-block; }

.ic_setup {
  background-image: url("../images/assets/icons/setup.svg");
  min-width: 20px;
  min-height: 20px;
  background-position: right center;
  background-size: 20px; }

.ic_list {
  background-image: url("../images/assets/icons/list.svg");
  width: 1.25em;
  height: 1.5em;
  background-size: 100% 100%;
  background-position: left center; }

.ic_cart {
  background-image: url("../images/assets/icons/cart.svg");
  width: 1.5625em;
  height: 1.375em;
  background-size: 100% 100%;
  background-position: left center; }

.ic_user {
  background-image: url("../images/assets/icons/user.svg");
  width: 1.25em;
  height: 1.4em;
  background-size: 100% 100%;
  background-position: left center; }

.ic_location {
  background-image: url("../images/assets/icons/location.svg");
  width: 24px;
  height: 32px;
  background-size: 100% 100%; }

.ic_phone {
  background-image: url("../images/assets/icons/phone.png");
  width: 29px;
  height: 36px;
  background-size: 100% 100%; }

.ic_list, .ic_cart, .ic_user {
  font-size: 16px; }
  .ic_list:hover, .ic_cart:hover, .ic_user:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%); }

.ic_search {
  background-image: url("../images/assets/icons/search.svg");
  width: 17px;
  height: 17px;
  background-size: 100% 100%; }

.ic_search-white {
  background-image: url("../images/assets/icons/search-white.png");
  width: 29px;
  height: 28px;
  background-size: 100% 100%; }

.ic-soc {
  display: inline-block;
  font-size: 10px;
  width: 4.5em;
  height: 4.5em;
  background-size: 100% 100%;
  -webkit-transition: .1s;
  -o-transition: .1s;
  transition: .1s; }
  .ic-soc:hover {
    -webkit-transform: scale(1.04);
    -ms-transform: scale(1.04);
    transform: scale(1.04); }
  .ic-soc_vk {
    background-image: url("../images/assets/icons/vk.svg"); }
  .ic-soc_yt {
    background-image: url("../images/assets/icons/yt.svg"); }
  .ic-soc_fb {
    background-image: url("../images/assets/icons/fb.svg"); }
  .ic-soc_zen {
    background-image: url("../images/assets/icons/zen.svg"); }

.ic-priv {
  background-repeat: no-repeat;
  background-position: 1em top;
  padding-left: 7.66667em;
  font-size: 18px;
  color: #a1c0dd;
  line-height: 1.66667em;
  min-height: 4.44444em;
  margin-bottom: 2.22222em; }
  @media screen and (max-width: 1199px) {
    .ic-priv {
      color: #fff; } }
  .ic-priv span {
    letter-spacing: 0.4px;
    text-transform: uppercase;
    color: #fff;
    display: block;
    font-size: 1.11111em; }
    @media screen and (max-width: 1199px) {
      .ic-priv span {
        font-weight: 700; } }
  .ic-priv_var {
    background-image: url("../images/assets/varanty.png");
    background-size: 4.61111em; }
  .ic-priv_delivery {
    background-image: url("../images/assets/deliv.png");
    background-size: 5.72222em;
    background-position: left top; }
  .ic-priv_prize {
    background-image: url("../images/assets/prise.png");
    background-size: 4em;
    background-position: 1.27778em top; }

.ic-eye {
  display: inline-block;
  background-image: url("../images/assets/icons/eye.svg");
  background-size: 19px 12px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 20px;
  padding-left: 21px; }
  .ic-eye_gray {
    background-image: url("../images/assets/icons/eye-2.svg"); }

.ic-expand {
  background-size: 100% 100%;
  background-image: url("../images/assets/icons/expand.svg");
  display: inline-block;
  width: 24px;
  height: 24px; }

.ic-prod {
  padding-left: 40px;
  position: relative;
  min-height: 18px;
  display: inline-block; }
  .ic-prod:before {
    content: '';
    background-repeat: no-repeat;
    background-position: center top;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../images/assets/icons/prod-loc.png"); }
  .ic-prod_del:before {
    background-image: url("../images/assets/icons/prod-del.png"); }
  .ic-prod_eq:before {
    background-image: url("../images/assets/icons/prod-eq.png"); }

.cart-count {
  width: 1.55556em;
  height: 1.55556em;
  border-radius: 50%;
  line-height: 1.66667em;
  font-size: 9px;
  color: #fff;
  text-align: center;
  display: block;
  top: -0.77778em;
  right: -0.77778em;
  position: absolute;
  background-color: #d16161; }
  @media screen and (max-width: 991px) {
    .cart-count {
      font-size: 13px; } }

.logo {
  font-size: 16px; }
  .logo a {
    display: inline-block; }
  .logo img {
    width: 10em; }

.phone {
  text-decoration: none;
  letter-spacing: 1.2px;
  color: inherit;
  display: inline-block;
  white-space: nowrap; }
  .phone:hover {
    text-decoration: none;
    color: inherit; }

#overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  z-index: 99;
  display: none;
  background-color: rgba(2, 15, 27, 0.75); }

.bg-blue-center-gradient {
  background-color: #0d5da9;
  background-image: -webkit-radial-gradient(50% 50%, circle farthest-side, rgba(255, 255, 255, 0.35) 0, #0D5DA9 100%);
  background-image: -o-radial-gradient(50% 50%, circle farthest-side, rgba(255, 255, 255, 0.35) 0, #0D5DA9 100%);
  background-image: radial-gradient(50% 50%, circle farthest-side, rgba(255, 255, 255, 0.35) 0, #0D5DA9 100%); }
  .bg-blue-center-gradient .bubble-wrap .bubble {
    z-index: 0; }

.block-404 {
  background-image: url("../images/assets/404.png");
  background-size: 100%;
  background-position: center 34px;
  background-repeat: no-repeat;
  line-height: 1;
  padding-top: 177px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-bottom: 50px;
  position: relative;
  z-index: 2; }
  .block-404 > span {
    font-size: 254px;
    font-weight: 700;
    color: #b3df53;
    display: block; }
  .block-404 div {
    color: #fff;
    font-size: 26px;
    line-height: 1.38462em;
    font-weight: 400;
    padding-top: 2.11538em; }
  .block-404 ul {
    font-size: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 1.4375em; }
    @media screen and (max-width: 991px) {
      .block-404 ul {
        font-size: 20px; } }
    .block-404 ul a {
      color: rgba(255, 255, 255, 0.6); }
      .block-404 ul a:hover {
        text-decoration: none;
        color: #fff; }
    .block-404 ul li {
      padding: 5px 10px; }

.bubble {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #82AE28;
  background: url("../images/assets/green-circle.png");
  background-size: 100% 100%;
  background: -webkit-radial-gradient(75% 25%, circle farthest-side, #B9E261 0, #82AE28 100%);
  background: -o-radial-gradient(75% 25%, circle farthest-side, #B9E261 0, #82AE28 100%);
  background: radial-gradient(75% 25%, circle farthest-side, #B9E261 0, #82AE28 100%);
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1); }
  .bubble_2 {
    width: 90px;
    height: 90px;
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px); }
  .bubble_3 {
    width: 90px;
    height: 90px;
    -webkit-filter: blur(2px);
    filter: blur(2px); }

html.desktop .bubble-wrap {
  display: block;
  overflow: hidden; }

.bubble-wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%; }
  .bubble-wrap .bubble {
    position: absolute;
    z-index: -1; }
    .bubble-wrap .bubble:nth-child(1) {
      left: 30px;
      top: 180px; }
    .bubble-wrap .bubble:nth-child(2) {
      right: 50px;
      top: 220px; }
    .bubble-wrap .bubble:nth-child(3) {
      left: 60px;
      top: 75%; }
    .bubble-wrap .bubble:nth-child(4) {
      right: -25px;
      top: 55%; }

.slick-dots {
  line-height: 16px; }
  .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    position: relative; }
    .slick-dots li.slick-active {
      width: 16px;
      height: 16px; }
  .slick-dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    border-radius: 50%;
    font-size: 1px;
    color: transparent;
    position: absolute;
    cursor: pointer; }

.adres {
  background-image: url("../images/assets/icons/marker-adres.png");
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: left 20px;
  font-size: 18px;
  font-weight: 700;
  padding-left: 22px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0e1f2; }
  .adres p {
    font-size: 16px;
    font-weight: 400;
    padding-top: 15px; }
  @media screen and (max-width: 1199px) {
    .adres {
      font-size: 16px; }
      .adres p {
        font-size: 15px; } }
  .adres a {
    color: #0d5da9; }
    .adres a:hover {
      text-decoration: none; }

.uppercase {
  text-transform: uppercase; }

.filter-price {
  line-height: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .filter-price > span {
    padding-left: 8px;
    padding-right: 8px; }
  .filter-price label {
    display: inline-block;
    position: relative;
    width: 45%; }
    .filter-price label span {
      position: absolute;
      line-height: 30px;
      left: 15px;
      z-index: 1; }
  .filter-price input {
    width: 100%;
    height: 30px;
    border-radius: 15px;
    line-height: 28px;
    border: 1px solid #c3c3c3;
    display: inline-block;
    padding-left: 35px;
    padding-right: 20px;
    background-color: #fff; }
    @media screen and (max-width: 991px) {
      .filter-price input {
        padding-left: 40px; } }
  .filter-price input[type=number]::-webkit-inner-spin-button,
  .filter-price input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0; }
  .filter-price input[type=number] {
    -moz-appearance: textfield; }

.checkbox {
  display: inline-block;
  cursor: pointer;
  line-height: 1;
  font-size: 16px;
  position: relative; }
  .checkbox input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0; }
  .checkbox__label {
    padding-left: 2.0625em;
    position: relative;
    display: block;
    padding-top: 1px; }
    .checkbox__label:after {
      content: '';
      width: 0.875em;
      height: 0.875em;
      display: block;
      left: 0;
      top: 0;
      border: 1px solid #c3c3c3;
      position: absolute; }
  .checkbox a {
    font-size: inherit; }
  .checkbox input:checked + .checkbox__label:after {
    background-position: center center;
    background-image: url("../images/assets/checkbox.svg");
    background-size: 0.875em;
    background-repeat: no-repeat; }
  .checkbox__link {
    display: block;
    font-size: 80%;
    padding-top: 5px; }
    .checkbox__link a {
      color: #0d5da9; }
      .checkbox__link a:hover {
        text-decoration: none; }

.checkbox-color {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 8px; }
  .checkbox-color input {
    display: none;
    position: absolute;
    opacity: 0;
    visibility: hidden; }
  .checkbox-color__color {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #c3c3c3;
    background-color: #fff;
    text-align: center;
    line-height: 24px;
    padding-top: 1px; }
    .checkbox-color__color[style] {
      border: none; }
    .checkbox-color__color:after {
      content: '✔';
      color: #fff;
      text-shadow: 0 0 1px #000000;
      opacity: 0; }
  .checkbox-color input:checked + .checkbox-color__color:after {
    opacity: 1; }

.block-more {
  display: none; }
  @media screen and (min-width: 992px) {
    .block-more_mob {
      display: block !important; } }

.sort {
  font-size: 14px;
  color: #4f4f50;
  line-height: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 35px; }
  @media screen and (max-width: 991px) {
    .sort {
      display:none;
      font-size: 18px; } 
       .top-sort.sort {
      display:flex;
      font-size: 18px; } 
      .top-sort .sort__link_pagecount{
        display: none!important;
      }
    }
  .sort a {
    color: #4f4f50;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block; }
    .sort a:hover {
      text-decoration: none;
      color: #0d5da9; }
    .sort a.active {
      border-color: #0d5da9; }
      .sort a.active:hover {
        color: #4f4f50; }
  .sort a, .sort span {
    margin-right: 15px;
    display: inline-block; }
  .sort .checkbox {
    line-height: 20px;
    margin-top: 10px;
    margin-bottom: 10px; }
  .sort__links {
    margin-right: auto; }

.pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #a3a3a4;
  line-height: 40px;
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px; }
  .pagination__prev, .pagination__next {
    margin-left: 30px;
    color: #a3a3a4; }
    .pagination__prev:after, .pagination__next:after {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border-top: 2px solid;
      border-right: 2px solid;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .pagination__prev:hover, .pagination__next:hover {
      color: #0d5da9; }
  .pagination__prev {
    margin-left: 0;
    margin-right: 30px; }
    .pagination__prev:after {
      -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .pagination__link {
    color: inherit;
    text-decoration: none;
    margin-left: 6px;
    margin-right: 6px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center; }
    .pagination__link:hover {
      color: #0d5da9; }
    .pagination__link.active {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      color: #fff;
      background-color: #9ac43c; }
  @media screen and (max-width: 639px) {
    .pagination {
      padding-left: 5px; } }

.back-bg {
  background-size: cover;
  background-color: #0d5da9;
  background-image: url("../images/assets/back1.png"); }

.display-h2 {
  font-size: 34px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0.36px; }

.color-white {
  color: #fff; }

.arrow-wrap {
  text-align: right;
  padding-bottom: 15px; }
  .arrow-wrap .slick-arrow {
    display: inline-block;
    position: relative; }
  .arrow-wrap .btn_prev {
    margin-right: 12px; }

.display-h1 {
  color: #0d5da9;
  font-size: 60px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.83333em; }
  @media screen and (max-width: 1199px) {
    .display-h1 {
      font-size: 50px; } }
  @media screen and (max-width: 767px) {
    .display-h1 {
      font-size: 34px; } }

.two-coll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 90px;
  padding-bottom: 90px; }
  @media screen and (max-width: 991px) {
    .two-coll {
      display: block;
      padding-top: 45px;
      padding-bottom: 45px; } }
  .two-coll__left {
    padding-right: 50px;
    width: 50%; }
    @media screen and (max-width: 1199px) {
      .two-coll__left {
        padding-right: 25px; } }
    @media screen and (max-width: 991px) {
      .two-coll__left {
        padding-right: 0;
        padding-bottom: 30px;
        width: 100%; } }
  .two-coll__right {
    padding-left: 50px;
    width: 50%;
    color: #3a3a3b;
    font-size: 18px;
    line-height: 1.66667em; }
    @media screen and (max-width: 1199px) {
      .two-coll__right {
        padding-left: 25px; } }
    @media screen and (max-width: 991px) {
      .two-coll__right {
        padding-left: 0;
        width: 100%; } }
    .two-coll__right p {
      margin-bottom: 30px; }

.display-decor {
  color: #0d5da9;
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  letter-spacing: 0.48px;
  position: relative;
  padding-left: 3.75em; }
  @media screen and (max-width: 1199px) {
    .display-decor {
      font-size: 22px; } }
  .display-decor:before {
    content: '“';
    color: #cee99c;
    font-size: 8.79167em;
    position: absolute;
    display: block;
    left: 0;
    top: 0.30806em; }

.display-h3 {
  font-size: 30px;
  font-weight: 300;
  line-height: 1.63333em; }
  @media screen and (max-width: 767px) {
    .display-h3 {
      font-size: 24px; } }

.indent-1 {
  height: 110px; }
  @media screen and (max-width: 991px) {
    .indent-1 {
      height: 70px; } }
  @media screen and (max-width: 767px) {
    .indent-1 {
      height: 50px; } }

.indent-2 {
  height: 70px; }
  @media screen and (max-width: 991px) {
    .indent-2 {
      height: 40px; } }
  @media screen and (max-width: 767px) {
    .indent-2 {
      font: 30px; } }

.h1-title {
  font-size: 30px; }
  @media screen and (max-width: 991px) {
    .h1-title {
      margin-bottom: 30px; } }

.breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .breadcrumbs {
      font-size: 16px; } }
  .breadcrumbs__item {
    padding: 5px 0; }
    .breadcrumbs__item:not(:last-child):after {
      content: '>';
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
    .breadcrumbs__item:last-child a {
      pointer-events: none;
      opacity: .9; }
  .breadcrumbs a {
    color: #272727;
    text-decoration: none;
    font-weight: 300; }
    .breadcrumbs a:hover {
      text-decoration: underline; }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px; }
  .row__item {
    margin-left: 15px;
    margin-right: 15px; }

.input {
  height: 2.5em;
  line-height: 2.375em;
  border: 1px solid #ffffff;
  border-radius: 50px;
  background-color: #fff;
  color: #272727;
  padding-left: 1.25em;
  padding-right: 1.25em;
  font-size: 16px; }
  .input.placeholder {
    color: inherit; }
  .input:-moz-placeholder {
    color: inherit; }
  .input::-moz-placeholder {
    color: inherit; }
  .input:-ms-input-placeholder {
    color: inherit; }
  .input::-webkit-input-placeholder {
    color: inherit; }
  @media screen and (max-width: 767px) {
    .input {
      font-size: 20px; } }

@media screen and (max-width: 991px) {
  .row-title-filter {
    display: block; } }

.content .row {
	margin-bottom: 30px;
}
.content .row:last-child {
	margin-bottom: 0;
}

.stars {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #9ac43c;
  width: 122px; }
  .stars li:not(:last-child) {
    margin-right: 7px; }
  .stars li:after {
    content: '★';
    font-size: 24px; }
  .stars_4 li:last-child {
    color: #abacae; }
  .stars_3 li:last-child, .stars_3 li:nth-child(4) {
    color: #abacae; }
  .stars_2 li:last-child, .stars_2 li:nth-child(4), .stars_2 li:nth-child(3) {
    color: #abacae; }
  .stars_1 li:last-child, .stars_1 li:nth-child(4), .stars_1 li:nth-child(3), .stars_1 li:nth-child(2) {
    color: #abacae; }
  .stars_0 {
    color: #abacae; }

.bg-second {
  background-color: #e9edf0; }

.table-inf {
  color: #272727;
  margin-bottom: 40px; }
  .table-inf__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 29.95px;
    letter-spacing: 0.52px;
    margin-bottom: 20px; }
  .table-inf table {
    font-size: 18px;
    letter-spacing: 0.36px;
    font-weight: 300;
    width: 100%; }
    .table-inf table td:first-child {
      font-weight: 700; }
    .table-inf table td {
      padding-bottom: 10px;
      padding-top: 10px;
      border-bottom: 1px solid #dcdcdd;
      width: 50%; }

@media screen and (max-width: 639px) {
   .table-inf__title {
     font-size: 21px; }
     }

.review {
  background-color: #e9edf0;
  font-size: 18px;
  padding: 30px;
  color: #272727;
  position: relative;
  line-height: 1.55556em;
  margin-top: 35px; }
  .review__top {
    padding-bottom: 8px; }
    .review__top span {
      font-weight: 700;
      padding-right: 10px; }
    .review__top time {
      opacity: .5; }
  .review .stars {
    float: right; }
  .review .text-right {
    padding-top: 10px; }

.text-right {
  text-align: right; }

.text-bold {
  font-weight: 700; }

.detail-text h2,
.product-detail-text h2 {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px;
}
.detail-text h3,
.product-detail-text h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 20px
}
.detail-text h4,
.product-detail-text h4 {
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 15px
}
.detail-text h5,
.product-detail-text h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 15px;
}
.detail-text h6,
.product-detail-text h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 15px;
}
.detail-text p,
.product-detail-text p {
  margin-bottom: 30px;
}
.detail-text ul,
.product-detail-text ul {
  line-height: 1.44444em;
  list-style-type: none; }
  .detail-text ul li,
  .product-detail-text ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 14px; }
    .detail-text ul li:before,
    .product-detail-text ul li:before {
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: #0d5da9;
      position: absolute;
      left: 2px;
      top: 0.44444em;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
.detail-text ol,
.product-detail-text ol {
  line-height: 1.44444em;
  counter-reset: item; }
  .detail-text ol li,
  .product-detail-text ol li {
    position: relative;
    counter-increment: item;
    padding-left: 20px;
    margin-bottom: 14px; }
    .detail-text ol li:before,
    .product-detail-text ol li:before {
      content: counter(item);
      color: #0d5da9;
      position: absolute;
      left: 2px;
      top: 1px;
      font-weight: 600;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      
.h2-title {
  color: #272727;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15385em;
  letter-spacing: 0.52px;
  margin-bottom: 15px; }
  @media screen and (max-width: 639px) {
    .h2-title {
      text-align: center;
      font-size: 24px; } }

.pt-40 {
  padding-top: 40px; }

.text-price-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  line-height: 1.36364em; }
  .text-price-col > span {
    font-size: 3.18182em;
    line-height: 1;
    display: inline-block;
    margin-top: -0.14286em;
    padding-left: 0.28571em;
    padding-right: 0.28571em; }
  @media screen and (max-width: 1199px) {
    .text-price-col {
      font-size: 18px; } }
  @media screen and (max-width: 991px) {
    .text-price-col {
      display: block; }
      .text-price-col > span {
        display: none; } }

@media screen and (max-width: 991px) {
  .hidden-md {
    display: none !important; } }

.text-center {
  text-align: center; }

.pt-30 {
	padding-top: 30px; }

/* .input-place input[type="textarea"] {
	min-height: 250px;
} */

.input-place {
  font-size: 18px;
  color: #272727;
  position: relative;
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .input-place {
      font-size: 22px; } }
  .input-place input {
    border: none;
    background-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: inherit;
    color: inherit;
    padding-bottom: 5px;
    line-height: 1;
    width: 100%;
    position: relative;
    z-index: 1; }
    .input-place input.error-input + .input-place__placeholder {
      width: 100%;
      border-color: red; }
    .input-place input:focus + .input-place__placeholder, .input-place input.has-value + .input-place__placeholder {
      width: 100%; }
      .input-place input:focus + .input-place__placeholder span, .input-place input.has-value + .input-place__placeholder span {
        font-size: 80%;
        -webkit-transform: translateY(-1.5em);
        -ms-transform: translateY(-1.5em);
        transform: translateY(-1.5em); }
  .input-place__placeholder {
    position: absolute;
    left: 0;
    bottom: -1px;
    line-height: 1;
    padding-bottom: 5px;
    width: 0;
    border-bottom: 2px solid #0d5da9;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .input-place__placeholder span {
      position: relative;
      display: block;
      opacity: .8;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s;
      white-space: nowrap; }
  .input-place .custom-select {
    background-color: transparent;
    color: #272727;
    padding-top: 0;
    font-size: inherit;
    line-height: 26px;
    margin-top: -2px; }
    .input-place .custom-select__option--value {
      border: none;
      line-height: 26px;
      padding-left: 0;
      opacity: .8;
      padding-bottom: 2px; }
    .input-place .custom-select__dropdown {
      padding-top: 10px;
      border-top: 2px solid #0d5da9; }
    .input-place .custom-select--active {
      -webkit-box-shadow: none;
      box-shadow: none; }
    .input-place .custom-select--change:after {
      content: '';
      display: block;
      position: absolute;
      bottom: -1px;
      left: 0;
      border-bottom: 2px solid #0d5da9;
      width: 100%; }
    .input-place .custom-select--change .custom-select__option--value {
      opacity: 1; }

input.masked-tel.placeholder {
  letter-spacing: 2px !important; }

input.masked-tel:-moz-placeholder {
  letter-spacing: 2px !important; }

input.masked-tel::-moz-placeholder {
  letter-spacing: 2px !important; }

input.masked-tel:-ms-input-placeholder {
  letter-spacing: 2px !important; }

input.masked-tel::-webkit-input-placeholder {
  letter-spacing: 2px !important; }

.indent-3 {
  height: 60px; }
  @media screen and (max-width: 991px) {
    .indent-3 {
      height: 30px; } }

.adaptiv-video {
  position: relative;
  padding-bottom: 56.25%;
  /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  padding-top: 30px;
  height: 0;
  overflow: hidden; }
  .adaptiv-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.color-blue {
  color: #0d5da9; }

.text-normal {
  font-weight: 400; }

.bg-blue {
  background-color: #0d5da9; }

.pick-mob-btn {
  display:none;
  text-align: center; }
  .pick-mob-btn .btn, .pick-mob-btn .quantity button, .quantity .pick-mob-btn button {
    font-size: 26px; }
  @media screen and (min-width: 992px) {
    .pick-mob-btn {
      display: none; } }

.menu {
  background-color: #247eb6;
  font-size: 13px;
  color: #fff;
  border-bottom: 1px solid rgba(245, 246, 248, 0.5);
  min-width: 480px; }
  .menu .logo {
    font-size: 1.23077em; }
    @media screen and (max-width: 991px) {
      .menu .logo {
        display: none; } }
  @media screen and (min-width: 992px) {
    .menu {
      display: block !important; } }
  @media screen and (max-width: 1199px) {
    .menu {
      font-size: 1.08333vw; } }
  @media screen and (max-width: 991px) {
    .menu {
      display: none;
      font-size: 24px;
      line-height: 1;
      border-bottom: none;
      font-weight: 700;
      padding-bottom: 20px;
      position: absolute;
      width: 100%;
      left: 0;
      top: 107px;
      z-index: 100; } }
  @media screen and (max-width: 639px) {
    .menu {
      top: 80px; } }

@media screen and (min-width: 992px) {
  .menu__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.38462em;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between; } }

@media screen and (max-width: 991px) {
  .menu__content {
    margin-left: -40px;
    margin-right: -40px; } }

@media screen and (max-width: 639px) {
  .menu__content {
    margin-left: -15px;
    margin-right: -15px; } }

.menu__nav {
  text-transform: uppercase;
  max-width: 918px;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .menu__nav {
      -webkit-flex-basis: 70%;
      -ms-flex-preferred-size: 70%;
      flex-basis: 70%; } }
  @media screen and (min-width: 1360px) {
    .menu__nav {
      padding-left: 2.69231em; } }
  @media screen and (max-width: 991px) {
    .menu__nav {
      max-width: none; } }
  .menu__nav a, .menu__nav > ul > li > span {
    color: #fff;
    text-decoration: none;
    padding: 1.15385em 2.76923em;
    display: block;
    cursor: pointer;
    -webkit-transition: background-color 0.2s, text-shadow 0.2s;
    -o-transition: background-color 0.2s, text-shadow 0.2s;
    transition: background-color 0.2s, text-shadow 0.2s; }
    @media screen and (min-width: 1360px) {
      .menu__nav a, .menu__nav > ul > li > span {
        letter-spacing: 0.06em; } }
    @media screen and (max-width: 1359px) {
      .menu__nav a, .menu__nav > ul > li > span {
        padding: 1.15385em 2.20588vw; } }
    @media screen and (max-width: 991px) {
      .menu__nav a, .menu__nav > ul > li > span {
        padding: 10px 0; } }
  .menu__nav > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    @media screen and (max-width: 991px) {
      .menu__nav > ul {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px; } }
    .menu__nav > ul > li {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; }
      .menu__nav > ul > li:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.2); }
        @media screen and (max-width: 991px) {
          .menu__nav > ul > li:not(:last-child) {
            border: none; } }
      .menu__nav > ul > li > a, .menu__nav > ul > li > span {
        letter-spacing: 0.78px;
        white-space: nowrap;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        text-align: center; }
        .menu__nav > ul > li > a:hover, .menu__nav > ul > li > span:hover {
          text-shadow: 0 0 50px #bbdbfa;
          color: #b3df53; }
      .menu__nav > ul > li ul {
        position: absolute;
        font-size: 1.07692em;
        padding-top: 0.85714em;
        background-color: #0d5da9;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
        @media screen and (max-width: 991px) {
          .menu__nav > ul > li ul {
            position: relative;
            background-color: transparent;
            -webkit-transform: scaleY(0);
            -ms-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: center top;
            -ms-transform-origin: center top;
            transform-origin: center top;
            height: 0;
            padding: 0;
            overflow: hidden; } }
        .menu__nav > ul > li ul a {
          background-color: #0d5da9;
          text-transform: none;
          padding: 1.07143em 2.5em;
          letter-spacing: normal; }
          .menu__nav > ul > li ul a:hover {
            background-color: #09437a; }
          @media screen and (max-width: 991px) {
            .menu__nav > ul > li ul a {
              padding-top: 10px;
              padding-bottom: 10px;
              font-size: 20px;
              text-align: center; } }
      .menu__nav > ul > li:hover > ul {
        visibility: visible;
        opacity: 1; }
        @media screen and (max-width: 991px) {
          .menu__nav > ul > li:hover > ul {
            -webkit-transform: none;
            -ms-transform: none;
            transform: none;
            height: auto; } }
    .menu__nav > ul.menu__nav__mob {
      display: none; }
      @media screen and (max-width: 991px) {
        .menu__nav > ul.menu__nav__mob {
          display: block; } }

.menu__phone {
  text-align: right;
  font-size: 1.07692em; }
  @media screen and (max-width: 991px) {
    .menu__phone {
      font-size: 18px;
      text-align: center; } }
  .menu__phone .link_white:hover {
    color: #b3df53; }
  .menu__phone .phone {
    font-size: 1.42857em;
    padding-top: 0.35em; }

.menu__nav__mob {
  font-size: 20px;
  font-weight: 400;
  border-top: 1px solid rgba(245, 246, 248, 0.5);
  padding-top: 10px;
  padding-bottom: 10px; }
  .menu__nav__mob a:hover {
    color: #b3df53; }

.link {
  display: inline-block;
  text-decoration: none; }

.link_white {
  color: #fff; }

.link-add-product {
  text-decoration: none;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  width: 20px;
  height: 18px;
  background: url("../images/assets/icons/cart-add-sprite.png") -10px -10px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  .link-add-product:hover, .link-add-product.active {
    background-position: -50px -10px; }
  @media screen and (max-width: 991px) {
    .link-add-product {
      -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
      transform: scale(1.6);
      margin-left: 15px;
      margin-right: 15px;
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center; } }

.link-favorites-product {
  text-decoration: none;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
  width: 20px;
  height: 17px;
  background: url("../images/assets/icons/favorites-sprite.png") -5px -5px;
  background-repeat: no-repeat;
  -webkit-transition: none;
  -o-transition: none;
  transition: none; }
  .link-favorites-product:hover {
    width: 20px;
    height: 17px;
    background-position: -35px -5px; }
  .link-favorites-product.active {
    background-position: -5px -32px; }
  @media screen and (max-width: 991px) {
    .link-favorites-product {
      -webkit-transform: scale(1.6);
      -ms-transform: scale(1.6);
      transform: scale(1.6);
      -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
      transform-origin: center center;
      margin-left: 15px;
      margin-right: 15px; } }

.link-product {
  display: block;
  position: relative;
  padding-left: 6.38889em;
  font-size: 18px;
  color: #272727;
  text-decoration: none;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f2f2f2; }
  .link-product img {
    width: 5em;
    position: absolute;
    left: 0;
    top: 20px; }
  .link-product > span {
    color: #0d5da9;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    padding-top: 15px; }
    .link-product > span span {
      color: #272727;
      font-size: 0.88889em; }
  .link-product:hover {
    text-decoration: underline; }
    .link-product:hover span {
      text-decoration: none; }
  @media screen and (max-width: 1199px) {
    .link-product {
      padding-left: 0;
      text-align: center; }
      .link-product img {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 0;
        display: block;
        margin-bottom: 10px; } }

.link_blue {
  color: #0d5da9;
  letter-spacing: 0.44px;
  font-size: 22px; }
  .link_blue:hover {
    color: #1177d8; }

.link_all {
  display: inline-block;
  text-decoration: underline;
  font-size: 14px;
  text-transform: uppercase;
  color: #0d5da9;
  font-weight: 400; }
  .link_all:after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .link_all:hover {
    text-decoration: none; }

.link_pdf {
  color: #0d5da9;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: underline;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400; }
  .link_pdf:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url("../images/assets/icons/pdf.png");
    background-size: 100% 100%;
    height: 3.14286em;
    width: 2.71429em;
    margin-right: 1.42857em; }
  .link_pdf:hover {
    text-decoration: none; }

.link_toshop {
  font-size: 14px;
  text-transform: uppercase;
  color: #0d5da9;
  text-decoration: underline; }
  .link_toshop:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg); }
  .link_toshop:hover {
    text-decoration: none; }

.footer {
  background-color: #272727;
  font-size: 12px;
  padding-top: 4.58333em;
  padding-bottom: 2.5em;
  color: #858585;
  text-transform: uppercase;
  line-height: 1;
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1199px) {
    .footer {
      font-size: 11px; } }
  @media screen and (max-width: 991px) {
    .footer {
      padding-top: 17px; } }
  @media screen and (max-width: 639px) {
    .footer {
      font-size: 9px; } }
  @media screen and (max-width: 574px) {
    .footer {
      font-size: 8px; } }
  .footer .btn_gotop {
    position: absolute;
    right: 15px;
    top: -5px; }
    @media screen and (max-width: 991px) {
      .footer .btn_gotop {
        display: none; } }

.footer__title {
  color: #fff;
  position: relative;
  margin-bottom: 1.25em;
  letter-spacing: 1.2px; }
  @media screen and (max-width: 991px) {
    .footer__title {
      font-size: 1.63636em;
      letter-spacing: 1.4px; } }

.footer__bottom {
  border-top: 1px solid #393939;
  font-size: 1.16667em;
  margin-top: 3.21429em;
  text-transform: none;
  padding-top: 1.78571em; }
  .footer__bottom a {
    color: inherit;
    margin-right: 3.21429em; }
    .footer__bottom a:hover {
      text-decoration: none; }
  .footer__bottom span.dev {
    float: right;}
  .footer__bottom span.dev a {
    text-transform: uppercase;
    color: #9B6AB3;
    margin-right: 0;}
  .footer__bottom .copyright {
    padding-right: 3.21429em; }
  .footer__bottom div {
    padding-top: 1.42857em; }
  @media screen and (max-width: 991px) {
    .footer__bottom {
      font-size: 2.18182em;
      margin-top: 1.875em;
      padding-top: 1.125em; }
      .footer__bottom .copyright {
        padding-right: 0; }
      .footer__bottom div, .footer__bottom a {
        /*display: none;*/ }
      .footer__bottom span.dev {
        display: block;
        float: none;
        margin-top: 10px; } 
        .footer__bottom span.dev a {
          display: inline-block;  }}

          

.footer__list {
  width: 32%;
  padding-right: 20px; }
  .footer__list > ul:first-child {
    margin-top: 3.75em; }
  .footer__list li {
    margin-bottom: 1.41667em; }
  .footer__list a {
    color: inherit;
    text-decoration: none;
    letter-spacing: 0.72px; }
    .footer__list a:hover {
      text-decoration: underline; }
  .footer__list .footer__title {
    min-height: 2.5em; }
    .footer__list .footer__title:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 9.58333em;
      height: 1px;
      background-color: #393939; }

.footer__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  @media screen and (max-width: 991px) {
    .footer__content {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; } }

.footer__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 67%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 1359px) {
    .footer__nav {
      max-width: 60%; } }
  @media screen and (max-width: 991px) {
    .footer__nav {
      display: none; } }

.footer__contacts {
  max-width: 33%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1; }
  @media screen and (max-width: 1359px) {
    .footer__contacts {
      max-width: 40%; } }
  @media screen and (max-width: 991px) {
    .footer__contacts {
      max-width: 100%;
      width: 100%; } }
  .footer__contacts__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 4.5em;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .footer__contacts__box > div {
      width: 50%; }
    @media screen and (max-width: 991px) {
      .footer__contacts__box:nth-last-child(2) {
        margin-top: 2.45455em; }
      .footer__contacts__box > div:nth-child(2) {
        padding-left: 3.09091em; } }
  .footer__contacts .btn_blue {
    width: 18.76923em;
    margin-top: -5px; }
    @media screen and (max-width: 991px) {
      .footer__contacts .btn_blue {
        display: none; } }

.footer__share a {
  vertical-align: top;
  margin-bottom: 10px; }
  .footer__share a:not(:last-child) {
    margin-right: 13px; }

@media screen and (max-width: 991px) {
  .footer__share a:not(:last-child) {
    margin-right: 16px; }
  .footer__share .ic-soc {
    font-size: inherit;
    width: 5.27273em;
    height: 5.27273em; } }

.footer__pays {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; 
  flex-wrap: wrap;
  row-gap: 0.5rem;
}
  .footer__pays img {
    width: 5em;
    height: 3.16667em;
    margin-top: 2.5px;
    margin-bottom: 2.5px; }
    .footer__pays img:not(last-child) {
      margin-right: 5px; }
    @media screen and (max-width: 991px) {
      .footer__pays img {
        width: 7.09091em;
        height: 4.36364em; } }

.footer__phone {
  padding-right: 15px;
  letter-spacing: 1.2px; }
  .footer__phone .phone {
    font-size: 1.66667em; }
  @media screen and (max-width: 991px) {
    .footer__phone {
      margin-bottom: 1.18182em; }
      .footer__phone .phone {
        font-size: 2.36364em; } }

.catalog {
  background-color: #ffffff;
  padding-top: 25px;
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 310px; }
  @media screen and (max-width: 991px) {
    .catalog {
      max-width: none; } }
  @media screen and (max-width: 991px) {
    .catalog > ul {
      border-top: 1px solid #e1e1e1; } }
  .catalog > ul > li {
    padding-left: 20px; }
    @media screen and (max-width: 991px) {
      .catalog > ul > li {
        border-bottom: 1px solid #e1e1e1;
        padding-left: 40px; } }
    @media screen and (max-width: 639px) {
      .catalog > ul > li {
        padding: 5px 0;
        padding-left: 15px; } }
  .catalog > ul > li:last-child {
    border-top: 1px solid #e1e1e1;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 8px; }
    @media screen and (max-width: 991px) {
      .catalog > ul > li:last-child {
        border-top: none;
        margin: 0;
        padding-bottom: 0; } }
  @media screen and (min-width: 992px) {
    .catalog > ul > li:hover .catalog__sub {
      visibility: visible;
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
      -webkit-transition: .3s;
      -o-transition: .3s;
      transition: .3s; } }

.catalog__head {
  color: #272727;
  font-weight: 700;
  letter-spacing: 0.52px;
  font-size: 26px;
  padding-left: 20px;
  line-height: 1;
  margin-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .catalog__head {
      display: none; } }

.catalog__categories {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.28px;
  font-size: 14px;
  min-height: 48px;
  line-height: 1;
  text-decoration: none;
  color: #272727;
  opacity: .9;
  padding-right: 20px; 
  text-transform: uppercase;
}
  @media screen and (max-width: 991px) {
    .catalog__categories {
      font-size: 22px;
      text-transform: none;
      padding-right: 60px; } }
  @media screen and (max-width: 639px) {
    .catalog__categories {
      padding-right: 20px; 
      text-transform: none;} }
  @media screen and (min-width: 992px) {
    .catalog__categories:hover {
      opacity: 1;
      color: #fe4f4f; }
      .catalog__categories:hover .catalog__icon {
        -webkit-filter: hue-rotate(140deg) brightness(135%);
        filter: hue-rotate(140deg) brightness(135%); } }
  .catalog__categories:after {
    content: '';
    display: inline-block;
    min-width: 8px;
    min-height: 8px;
    color: inherit;
    border-top: 1px solid;
    border-right: 1px solid;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    margin-left: auto;
    position: relative;
    z-index: 1;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -o-transition: transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s; }
    @media screen and (max-width: 991px) {
      .catalog__categories:after {
        min-width: 12px;
        min-height: 12px;
        border-width: 2px; } }
  @media screen and (max-width: 991px) {
    .catalog__categories.active {
      opacity: 1;
      color: #fe4f4f; }
      .catalog__categories.active .catalog__icon {
        -webkit-filter: hue-rotate(140deg) brightness(135%);
        filter: hue-rotate(140deg) brightness(135%); }
      .catalog__categories.active:after {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg); } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .catalog__categories span:last-child {
      max-width: calc(100% - 68px);
      display: inline-block; } }

.catalog__icon {
  display: block;
  min-width: 38px;
  position: relative;
  margin-right: 20px; }
  @media screen and (max-width: 991px) {
    .catalog__icon {
      margin-right: 15px; } }
  .catalog__icon img {
    max-width: 38px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 33px; }

.catalog__sub {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 100%;
  top: 0;
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  border-left: 1px solid #e1e1e1; }
  @media screen and (min-width: 992px) {
    .catalog__sub {
      visibility: hidden;
      opacity: 0;
      -webkit-transform: scaleX(0.5);
      -ms-transform: scaleX(0.5);
      transform: scaleX(0.5);
      -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
      transform-origin: left center; } }
  @media screen and (max-width: 991px) {
    .catalog__sub {
      position: relative;
      left: 0;
      border-left: none;
      padding-top: 0;
      padding-bottom: 0;
      -webkit-transform: scaleY(0);
      -ms-transform: scaleY(0);
      transform: scaleY(0);
      -webkit-transform-origin: center top;
      -ms-transform-origin: center top;
      transform-origin: center top;
      height: 0;
      overflow: hidden;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
      .catalog__sub .catalog__head {
        display: none; }
      .catalog__sub.active {
        height: auto;
        visibility: visible;
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding-top: 10px;
        padding-bottom: 10px; } }

.catalog__sale-link {
  color: #fe4f4f;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 48px; }
  @media screen and (max-width: 991px) {
    .catalog__sale-link {
      font-size: 20px; } }
  .catalog__sale-link:hover {
    text-decoration: underline; }

.catalog__submenu {
  padding-top: 10px;
  padding-bottom: 60px; }
  @media screen and (max-width: 991px) {
    .catalog__submenu {
      padding-bottom: 0;
      font-size: 24px; } }
  .catalog__submenu a {
    opacity: .9;
    color: #272727;
    display: inline-block;
    padding: 5px 20px;
    text-decoration: none; }
    .catalog__submenu a:hover {
      opacity: 1;
      color: #fe4f4f; }

.catalog__brands {
  padding-left: 10px;
  padding-right: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px; }
  @media screen and (max-width: 991px) {
    .catalog__brands {
      display: none; } }
  .catalog__brands li {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    margin-bottom: 15px; }
  .catalog__brands a {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: .9; }
    .catalog__brands a:hover {
      -webkit-filter: none;
      filter: none;
      opacity: 1; }

.catalog__scroll {
  height: 100%;
  width: 100%;
  overflow: hidden; }

.catalog__offer {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #fff;
  left: 100%;
  top: 0;
  border-left: 1px solid #e1e1e1;
  padding-top: 30px;
  padding-bottom: 47px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 991px) {
    .catalog__offer {
      display: none; } }

.catalog__product {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e1e1e1; }
  .catalog__product__img {
    height: 190px;
    line-height: 190px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 40px; }
  .catalog__product__sale {
    font-size: 32px;
    width: 2.1875em;
    height: 2.1875em;
    border-radius: 50%;
    background-color: #9ac43c;
    line-height: 2.1875em;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px; }
    .catalog__product__sale small {
      font-size: 0.6875em;
      font-weight: 300; }
  .catalog__product__type {
    color: #272727;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 300;
    opacity: .7; }
  .catalog__product__name {
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 0.4px;
    font-weight: 700;
    color: #272727;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 10px; }
    .catalog__product__name:hover {
      text-decoration: none; }
  .catalog__product__price-old {
    font-size: 18px;
    text-decoration: line-through;
    color: #4c4c4c;
    white-space: nowrap;
    line-height: 2.22222em; }
    .catalog__product__price-old small {
      text-decoration: none;
      display: inline-block; }
  .catalog__product__price {
    color: #0d5da9;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap; }
    .catalog__product__price small {
      font-size: 0.6em;
      color: #4c4c4c; }
  .catalog__product__bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }

.catalog__product-instruction {
  margin-top: auto;
  color: #0d5da9;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.24px;
  padding-left: 20px;
  padding-right: 20px; }
  .catalog__product-instruction a {
    letter-spacing: 0.36px;
    font-size: 18px;
    color: #272727;
    text-transform: none;
    display: inline-block;
    margin-top: 10px; }
    .catalog__product-instruction a:hover {
      text-decoration: none; }

.catalog__product-description {
  font-size: 16px;
  line-height: 1.375em;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px; }

@media screen and (min-width: 992px) and (max-width: 1199px) {
  .catalog {
    width: 270px; } }

.banner-main {
  position: relative;
  overflow: hidden;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  /* Убрана фиксированная высота */
  aspect-ratio: 990/540; /* Соотношение сторон оригинального баннера (990x540) */
}

@media screen and (max-width: 1359px) {
  .banner-main {
    font-size: 1.76471vw;
  }
}

@media screen and (max-width: 991px) {
  .banner-main {
    font-size: 24px;
    /* Убрана фиксированная высота */
    aspect-ratio: 16/9; /* Более универсальное соотношение для мобильных */
  }
}

.banner-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  position: absolute; /* Чтобы изображение заполняло весь блок */
  top: 0;
  left: 0;
}

/* Убраны медиазапросы для img, так как теперь он всегда заполняет блок */

.banner-main__body {
  position: absolute;
  top: 3.33333em;
  left: 0;
  width: 27.08333em;
  padding-left: 2.08333em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  z-index: 2;
}

.banner-main__body a {
  color: #fff; 
  text-decoration: none;
}

@media screen and (max-width: 1199px) {
  .banner-main__body {
    top: 1.66667em;
  }
}

@media screen and (max-width: 991px) {
  .banner-main__body {
    width: auto;
  }
}

@media screen and (max-width: 639px) {
  .banner-main__body {
    padding-left: 15px;
    margin-top: 38px;
  }
}

.banner-main__titl {
  font-size: 2.25em;
  font-weight: 700;
  line-height: 1.1;
  padding-top: 0.27778em;
  padding-bottom: 0.18519em;
  display: none;  
}

@media screen and (max-width: 991px) {
  .banner-main__titl {
    font-size: 1.25em;
    display: none;     
  }
}

.banner-main__subtitl {
  font-weight: 300;
  display: none;   
}

@media screen and (max-width: 991px) {
  .banner-main__subtitl {
    display: none;
  }
}

.banner-main__label {
  font-size: 0.875em;
  line-height: 1.7619em;
  color: #fff;
  letter-spacing: 0.1181em;
  border-radius: 0.85714em 0 0 0.85714em;
  padding-left: 1.57143em;
  padding-right: 1.80952em;
  background-color: #d12222;
  position: absolute;
  right: 0;
  top: 1em;
  text-transform: uppercase;
}

.banner-main .btn_green {
  font-size: 0.58333em;
  margin-top: 2.85714em;
  width: 150px; /* Фиксированная ширина кнопки */
  min-width: 150px; /* Запрещаем уменьшение */
  max-width: 150px; /* Запрещаем увеличение */
  text-align: center; /* Центрируем текст */
  padding: 0; /* Убираем внутренние отступы */
  box-sizing: border-box; /* Учитываем границы в ширине */
  display: none;    
}

@media screen and (max-width: 991px) {
  .banner-main .btn_green {
    font-size: 24px;
  }
}

@media screen and (max-width: 639px) {
  .banner-main .btn_green {
    font-size: 18px;
    display: none;
  }
}

.carousel {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.carousel__item {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
}

/* Убраны все фиксированные отступы у карусели */
@media screen and (max-width: 991px) {
  .carousel {
    margin-left: 0;
    margin-right: 0;
  }
}

.carousel.slick-initialized {
  overflow: visible;
}

.carousel.slick-initialized .carousel__item {
  visibility: visible;
  opacity: 1;
}

.carousel .slick-arrow {
  position: absolute;
  bottom: 20px;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .carousel .slick-arrow {
    display: none !important;
  }
}

.carousel .btn_next {
  right: 30px;
}

.carousel .btn_prev {
  right: calc(6.2em + 30px);
}

.carousel .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 30px;
}

@media screen and (max-width: 991px) {
  .carousel {
    margin-left: 0;
    margin-right: 0;
  }
}

.aside__div {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 25px;
  padding-top: 25px;
  font-size: 14px; }
  .aside__div_blu {
    background-color: #dbedff; }
  .aside__div_review {
    background-color: transparent;
    display: flex;
    justify-content: center; }
  .aside__div_border {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 25px; }
    .aside__div_border + .aside__div_border {
      margin-top: 0; }
    .aside__div_border .uppercase {
      font-size: 14px;
      letter-spacing: 0.42px;
      margin-bottom: 18px; }
  @media screen and (max-width: 991px) {
    .aside__div {
      display: none; } }

.aside__title {
  color: #272727;
  font-weight: 700;
  letter-spacing: 0.52px;
  font-size: 26px;
  line-height: 1;
  margin-bottom: 20px; }

.aside .btn_blue {
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px; }

.aside form {
  background-color: #fff;
  padding-bottom: 30px; }
  .aside form ul li:not(:last-child) {
    margin-bottom: 16px; }
  .aside form .btn_more {
    display: block;
    background-color: #fff;
    margin-top: -1px;
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 20px;
    text-align: left; }
  .aside form .btn_blue {
    width: calc(100% - 40px);
    margin-left: 20px;
    margin-bottom: 20px; }
  .aside form .btn_reset {
    display: block;
    width: calc(100% - 40px);
    margin-left: 20px; }
  @media screen and (max-width: 991px) {
    .aside form {
      margin-left: -40px;
      margin-right: -40px;
      margin-top: -25px; }
      .aside form .aside__div {
        display: block; } }
  @media screen and (max-width: 639px) {
    .aside form {
      margin-left: -15px;
      margin-right: -15px; } }

.aside__cart {
  margin-top: 25px;
  background-image: url("../images/assets/bg-cart.jpg");
  background-size: cover;
  font-size: 18px;
  color: #fff;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 30px;
  padding-bottom: 35px; }
  .aside__cart__total {
    font-size: 26px;
    font-weight: 700;
    white-space: nowrap;
    padding-top: 15px;
    padding-bottom: 25px;
    letter-spacing: 0.52px; }
  .aside__cart .btn, .aside__cart .quantity button, .quantity .aside__cart button {
    width: 100%; }
  @media screen and (max-width: 991px) {
    .aside__cart {
      display: none; } }

@media screen and (max-width: 991px) {
  .aside .block-more_mob {
    background-color: #fff;
    margin-left: -40px;
    margin-right: -40px;
    min-width: 480px; }
    .aside .block-more_mob form {
      margin-left: 0;
      margin-right: 0;
      padding-left: 20px;
      padding-right: 20px; }
    .aside .block-more_mob .aside__div {
      font-size: 18px; }
    .aside .block-more_mob .checkbox {
      font-size: 18px; }
    .aside .block-more_mob .btn_blue {
      max-width: 300px;
      display: block;
      margin-left: auto;
      margin-right: auto; } }

@media screen and (max-width: 639px) {
  .aside .block-more_mob {
    margin-left: -15px;
    margin-right: -15px; } }

@media screen and (max-width: 991px) {
  .aside .btn_more_mob {
    margin-left: -40px;
    display: block;
    background-color: #fff;
    font-size: 24px;
    line-height: 80px;
    padding-left: 40px;
    width: calc(100% + 80px);
    text-align: left;
    font-weight: 700; }
    .aside .btn_more_mob:after {
      border-width: 2px;
      margin-left: 20px; } }

@media screen and (max-width: 639px) {
  .aside .btn_more_mob {
    width: calc(100% + 30px);
    margin-left: -15px;
    padding-left: 15px; } }

.page-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 120px; }
  @media screen and (min-width: 1200px) {
    .page-column .aside {
      min-width: 310px;
      max-width: 310px; }
    .page-column__right {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: calc(100% - 310px);
      padding-left: 30px; } }
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .page-column .aside {
      min-width: 270px;
      max-width: 270px; }
    .page-column__right {
      padding-left: 15px;
      max-width: calc(100% - 270px); } }
  @media screen and (max-width: 991px) {
    .page-column {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 0;
      padding-bottom: 50px; }
      .page-column__right {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1; }
      .page-column .aside {
        max-width: none; } }

.page-column__adaptiv-catalog, .page-column__adaptiv-home {
  position: relative; }
  @media screen and (max-width: 991px) {
    .aside__div__subsection{
      margin-bottom: 25px;
    }
    .page-column__adaptiv-catalog, .page-column__adaptiv-home {
      padding-top: 0px;
      display: block; }
      .page-column__adaptiv-catalog .carousel, .page-column__adaptiv-home .carousel {
        position: absolute;
        top: 0;
        width: calc(100% + 80px);
        left: -40px;
        margin-left: 0;
        margin-right: 0;
        min-width: 480px; } 
        .page-column__adaptiv-home .carousel{
          position: relative;
        }}
  @media screen and (max-width: 639px) {
     .aside__div__subsection{
      margin-bottom: 25px;
    }
    .page-column__adaptiv-catalog .carousel, .page-column__adaptiv-home .carousel {
      width: calc(100% + 30px);
      left: -15px; } 
    .page-column__adaptiv-home .carousel{
          position: relative;
        }}

@media screen and (min-width: 992px) {
  .page-column__adaptiv-catalog {
    padding-top: 30px; } }

@media screen and (max-width: 991px) {
  .catalog-wrap {
    margin-left: -40px;
    margin-right: -40px; }
    .catalog-wrap .catalog {
      display: none; } }

@media screen and (max-width: 639px) {
  .catalog-wrap {
    margin-left: -15px;
    margin-right: -15px; } }

@media screen and (min-width: 992px) {
  .catalog-wrap_toggle-catalog-md .btn_catalog {
    display: none; } }

.catalog-wrap_toggle-catalog .catalog {
  display: none; }
  .catalog-wrap_toggle-catalog .catalog > .catalog__head {
    display: none; }

@media screen and (min-width: 992px) {
  .catalog-wrap_toggle-catalog .catalog__sub {
    height: calc(100% + 50px);
    top: -50px; } }

.catalog-wrap__catalog {
  height: 50px;
  max-width: 310px;
  min-width: 310px;
  width: 310px; }
  @media screen and (max-width: 1199px) {
    .catalog-wrap__catalog {
      min-width: 270px;
      max-width: 270px; } }
  @media screen and (max-width: 991px) {
    .catalog-wrap__catalog {
      max-width: none;
      width: 100%;
      margin-bottom: 40px; } }

.catalog-wrap_page-style {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 10px; }
  .catalog-wrap_page-style .breadcrumbs {
    padding-left: 50px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  @media screen and (max-width: 991px) {
    .catalog-wrap_page-style {
      display: block;
      padding-top: 0; } }

.product-card {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 25px;
  padding-top: 40px;
  position: relative;
  background-color: #fff;
  max-width: 310px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  margin-bottom: 30px; }
  @media screen and (max-width: 1199px) {
    .product-card {
      padding-top: 20px;
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 767px) {
    .product-card {
      max-width: 560px;
      padding-left: 40px;
      padding-right: 40px; } }
  .product-card__colors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: absolute;
    top: 40px;
    padding-left: 25px;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .product-card__colors li {
      width: 24px;
      height: 24px;
      border-radius: 50%;
      margin-right: 8px;
      border: 1px solid #c3c3c3;
      background-color: #fff; }
      .product-card__colors li[style] {
        border: 1px solid #000; }
  .product-card__img {
    line-height: 190px;
    height: 190px;
    text-align: center;
    overflow: hidden; }
    .product-card__img img {
      max-height: 100%;
      max-width: 100%; }
    @media screen and (max-width: 1199px) {
      .product-card__img {
        height: 160px;
        line-height: 160px; } }
    @media screen and (max-width: 767px) {
      .product-card__img {
        height: auto;
        line-height: 1; }
        .product-card__img img {
          display: block;
          margin-left: auto;
          margin-right: auto; } }
  .product-card__link {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    height: 25px;
    margin-bottom: 15px; }
    .product-card__link a {
      color: #0d5da9;
      letter-spacing: 0.36px;
      visibility: hidden;
      opacity: 0; }
      .product-card__link a:hover {
        text-decoration: none; }
  .product-card__sale {
    font-size: 32px;
    width: 2.1875em;
    height: 2.1875em;
    border-radius: 50%;
    background-color: #9ac43c;
    line-height: 2.1875em;
    text-align: center;
    color: #fff;
    position: absolute;
    z-index: 1;
    right: 15px;
    top: 15px; }
    .product-card__sale small {
      font-size: 0.6875em;
      font-weight: 300; }
    @media screen and (max-width: 1199px) {
      .product-card__sale {
        font-size: 24px; } }
    @media screen and (max-width: 767px) {
      .product-card__sale {
        font-size: 32px; } }
  .product-card__type {
    color: #272727;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    font-size: 14px; }
    @media screen and (max-width: 767px) {
      .product-card__type {
        font-size: 14px;
        font-weight: 300; } }
  .product-card__name {
    display: block;
    font-size: 20px;
    line-height: 1.5em;
    letter-spacing: 0.4px;
    font-weight: 700;
    color: #272727;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 10px;
    margin-bottom: auto; }
    .product-card__name:hover {
      text-decoration: none; }
    @media screen and (max-width: 1199px) {
      .product-card__name {
        font-size: 18px; } }
    @media screen and (max-width: 767px) {
      .product-card__name {
        font-size: 21px; } }
  .product-card__price-old {
    font-size: 18px;
    text-decoration: line-through;
    color: #4c4c4c;
    white-space: nowrap;
    line-height: 2.22222em; }
    .product-card__price-old small {
      text-decoration: none;
      display: inline-block; }
    @media screen and (max-width: 767px) {
      .product-card__price-old {
        font-size: 22px; margin:-9px 0px; } }
  .product-card__price {
    color: #0d5da9;
    font-size: 30px;
    line-height: 1;
    white-space: nowrap; }
    .product-card__price small {
      font-size: 0.6em;
      color: #4c4c4c; }
    @media screen and (max-width: 1199px) {
      .product-card__price {
        font-size: 24px; } }
    @media screen and (max-width: 767px) {
      .product-card__price {
        font-size: 28px; } }
  .product-card__bot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .product-card__controll {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -8px; }
  .product-card__stock {
    color: #9ac43c;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.32px;
    background-image: url("../images/assets/stock.png");
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 25px;
    margin-bottom: 5px; }
    .product-card__stock_not {
      background-image: none;
      font-weight: 300;
      color: #777777;
      padding-left: 0; }
    @media screen and (max-width: 991px) {
      .product-card__stock {
        font-size: 20px; } }
  .product-card__tegs a {
    color: #b7b7b7;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    display: inline-block;
    letter-spacing: 0.22px;
    border: 1px solid;
    border-radius: 100px;
    padding: 6px 12px;
    vertical-align: top;
    margin-right: 4px;
    text-transform: uppercase;
    text-decoration: none; }
    .product-card__tegs a:hover {
      color: #0d5da9; }
  .product-card__value {
    padding-top: 25px;
    padding-bottom: 25px;
    letter-spacing: 0.36px;
    font-size: 18px;
    line-height: 1;
    font-weight: 700; }
    .product-card__value span {
      font-weight: 300; }
    .product-card__value li {
      margin-bottom: 15px; }
      .product-card__value li:last-child {
        margin-bottom: 0; }
    @media screen and (max-width: 991px) {
      .product-card__value {
        font-size: 24px; } }
  .product-card .buy {
    width: 100%;
    margin-bottom: 30px; }
    @media screen and (max-width: 991px) {
      .product-card .buy {
        font-size: 18px; } }
  .product-card__hover-block {
    height: 0;
    overflow: hidden;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    left: 0;
    top: 100%;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .product-card:hover {
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    z-index: 10; }
    .product-card:hover .product-card__link a {
      visibility: visible;
      opacity: 1; }
    .product-card:hover .product-card__colors {
      opacity: 1;
      visibility: visible; }
    .product-card:hover .product-card__hover-block {
      height: auto;
      visibility: hidden;
      opacity: 1;
      overflow: hidden;
      padding-top: 20px;
      -webkit-box-shadow: 0 -10px 0 #fff, 0 1px 16px rgba(0, 0, 0, 0.2);
      box-shadow: 0 -10px 0 #fff, 0 1px 16px rgba(0, 0, 0, 0.2); }

.product-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  padding-top: 0px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media screen and (max-width: 1199px) {
    .product-list {
      margin-left: -7px;
      margin-right: -7px; } }
  @media screen and (max-width: 767px) {
    .product-list {
      margin-left: -15px;
      margin-right: -15px;
      display: block; } }
  .product-list .product-card, .product-list .baner-catalog {
    width: calc(33.3333333333333% - 30px);
    margin-left: 15px;
    margin-right: 15px; }
    @media screen and (max-width: 1199px) {
      .product-list .product-card, .product-list .baner-catalog {
        width: calc(33.3333333333333% - 14px);
        margin-left: 7px;
        margin-right: 7px;
        margin-bottom: 14px; } }
    @media screen and (max-width: 767px) {
      .product-list .product-card, .product-list .baner-catalog {
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px; } }

.baner-catalog {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 30px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s; }
  @media screen and (max-width: 767px) {
    .baner-catalog {
      max-width: 560px;
      height: 400px; } }
  .baner-catalog img {
    max-width: none;
    height: 100%; }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    .baner-catalog img {
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; } }
  .baner-catalog__title {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 43.46px;
    letter-spacing: 0.41px;
    width: 100%;
    text-align: center;
    z-index: 1;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    left: 0;
    top: 0;
    padding-top: 40px;
    text-shadow: -1px 0 1px rgba(50, 67, 12, 0.4); }
  .baner-catalog .btn, .baner-catalog .quantity button, .quantity .baner-catalog button {
    width: 200px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -100px; }
  .baner-catalog:hover {
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2); }

.banner {
  background-color: #fff;
  position: relative;
  margin-bottom: 30px;
  background-size: 100% 100%;
  margin-left: 15px;
  margin-right: 15px;
  padding-top: 30px;
  padding-left: 20px;
  z-index: 1;
  width: calc(33.333333333% - 30px);
  color: #272727; }
  @media screen and (max-width: 1199px) {
    .banner {
      width: calc(33.333333333% - 14px);
      margin-bottom: 14px;
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 767px) {
    .banner {
      width: calc(100% - 30px);
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
      max-width: 560px;
      min-height: 380px;
      overflow: hidden; } }
  .banner__label {
    font-size: 11px;
    font-weight: 700;
    line-height: 2.72727em;
    color: #0d5da9;
    border-radius: 50px;
    border: 1px solid;
    padding: 0 1.81818em;
    letter-spacing: 0.22px;
    display: inline-block; }
  .banner__title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.43333em;
    letter-spacing: 0.41px;
    padding: 10px 0;
    position: relative;
    z-index: 1; }
    @media screen and (max-width: 1199px) {
      .banner__title {
        font-size: 26px; } }
  .banner__img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .banner__img img {
      top: 50%;
      -webkit-transform: translate(70px, -50%);
      -ms-transform: translate(70px, -50%);
      transform: translate(70px, -50%);
      width: 360px;
      max-width: none;
      position: absolute;
      right: 0;
      display: block; }
      @media screen and (max-width: 767px) {
        .banner__img img {
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          width: auto;
          position: relative;
          margin-left: auto;
          margin-right: auto; } }
  .banner__hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    background-color: #fcd941;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
    .banner__hover img {
      width: 100%;
      height: 100%; }
  .banner .btn_blue {
    position: absolute;
    left: 20px;
    width: 200px;
    bottom: 30px;
    max-width: calc(100% - 40px);
    z-index: 1; }
  .banner p {
    font-size: 18px;
    line-height: 1.44444em;
    position: relative;
    z-index: 1;
    opacity: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .banner:hover {
    overflow: visible;
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2); }
    .banner:hover .banner__hover {
      opacity: 1; }
    .banner:hover .banner__img {
      overflow: visible; }
    .banner:hover p {
      opacity: 1; }
  .banner_big {
    padding-right: 30%;
    width: calc(66.6666666666666% - 30px); }
    @media screen and (max-width: 1199px) {
      .banner_big {
        width: calc(66.6666666666666% - 14px); } }
    @media screen and (max-width: 767px) {
      .banner_big {
        width: calc(100% - 30px);
        max-width: 560px; } }
    .banner_big .banner__title {
      font-size: 34px; }
    .banner_big .banner__hover {
      background-color: #d12222;
      padding-left: 50px; }
    .banner_big .banner__img img {
      width: 454px; }
      @media screen and (max-width: 767px) {
        .banner_big .banner__img img {
          -webkit-transform: translate(100px, -50%);
          -ms-transform: translate(100px, -50%);
          transform: translate(100px, -50%);
          width: 70%;
          position: relative;
          margin-left: auto;
          margin-right: auto; } }
    .banner_big .btn_blue {
      position: relative;
      bottom: auto;
      left: auto;
      margin-top: 30px; }
    .banner_big:hover {
      color: #fff; }

.video-pre {
  padding-top: 65px;
  padding-bottom: 100px;
  position: relative;
  z-index: 1; }
  .video-pre__text {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: 0.44px;
    padding-top: 20px; }
    @media screen and (max-width: 767px) {
      .video-pre__text {
        display: none; } }
  .video-pre .btn_green {
    min-width: 260px;
    margin-top: 35px; }
  @media screen and (max-width: 767px) {
    .video-pre {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      padding-top: 90px;
      padding-bottom: 90px;/*AGT 0*/ }
      .video-pre .video-slide {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1; }
      .video-pre .arrow-wrap {
        position: relative;
        text-align: center;
        top: -140px; }
        .video-pre .arrow-wrap .btn_prev {
          margin-right: 30px; }
      .video-pre .display-h2 {
        display: none; }
      .video-pre .btn_green {
        margin-top: 80px;
        width: 400px;
        margin-left: auto;
        margin-right: auto;
        display: block; } }
  .video-pre .slick-dots {
    position: absolute;
    top: 15px;
    left: 15px; }

.video-pre__background {
  overflow: hidden;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  @media screen and (max-width: 991px) {
    .video-pre__background {
      display: none; } }
  .video-pre__background video {
    width: 100%;
    min-width: 1600px;
    height: auto; }
  .video-pre__background:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0d5da9;
    opacity: .45; }

.video-slide {
  padding-left: 36.875vw; }
  @media screen and (max-width: 1199px) {
    .video-slide {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (max-width: 767px) {
    .video-slide {
      padding-left: 0;
      padding-right: 0; }
      .video-slide__video {
        min-height: 500px;
        position: relative; } }
  .video-slide__item {
    width: 423px;
    height: 288px;
    overflow: hidden;
    position: relative;
    font-size: 18px;
    line-height: 1.33333em;
    margin-right: 30px; }
    @media screen and (max-width: 767px) {
      .video-slide__item {
        width: auto;
        height: auto;
        margin-right: 0;
        font-size: 34px;
        text-align: center; } }
    .video-slide__item a {
      width: 100%;
      height: 100%;
      color: #fff;
      display: block;
      text-decoration: none; }
      .video-slide__item a:after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.75)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, transparent 100%); }
      .video-slide__item a:before {
        content: '►';
        position: absolute;
        width: 56px;
        height: 56px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-radius: 50%;
        color: #fff;
        font-size: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0.25em;
        padding-top: 0.2em;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: #b3df53;
        z-index: 1; }
        @media screen and (max-width: 767px) {
          .video-slide__item a:before {
            width: 97px;
            height: 97px;
            font-size: 40px; } }
      .video-slide__item a img {
        height: 100%;
        max-width: none; }
      @supports ((-o-object-fit: cover) or (object-fit: cover)) {
        .video-slide__item a img {
          -o-object-fit: cover;
          object-fit: cover;
          width: 100%;
          height: 100%; } }
      .video-slide__item a span {
        display: block;
        position: absolute;
        left: 0;
        padding-left: 20px;
        bottom: 20px;
        max-width: 325px;
        z-index: 1; }
        @media screen and (max-width: 767px) {
          .video-slide__item a span {
            max-width: none;
            padding-left: 40px;
            padding-right: 40px;
            width: 100%; } }
      .video-slide__item a:hover {
        text-decoration: none; }
  .video-slide .slick-arrow {
    position: absolute; }

.privilege {
  background-size: cover;
  background-color: #0d5da9;
  background-position: left center;
  background-image: url("../images/assets/bg-privilege.jpg");
  color: #fff;
  background-repeat: no-repeat; }
  @media screen and (max-width: 1199px) {
    .privilege {
      background-size: cover; } }
  .privilege .display-h3 {
    margin-bottom: 60px; }
  .privilege > .wrap {
    padding-top: 95px;
    padding-bottom: 130px; }
    @media screen and (max-width: 1199px) {
      .privilege > .wrap {
        padding-top: 70px;
        padding-bottom: 70px;
        background-color: rgba(13, 93, 169, 0.9); } }
    @media screen and (max-width: 767px) {
      .privilege > .wrap {
        padding-bottom: 30px; } }
    .privilege > .wrap .display-h3 {
      padding-left: 51%; }
      @media screen and (max-width: 1199px) {
        .privilege > .wrap .display-h3 {
          padding-left: 0; } }
    .privilege > .wrap ul {
      padding-left: calc(51% + 64px); }
      @media screen and (max-width: 1199px) {
        .privilege > .wrap ul {
          padding-left: 105px; } }
      @media screen and (max-width: 991px) {
        .privilege > .wrap ul {
          padding-left: 0; } }

.links-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .links-block__item {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    position: relative;
    color: #fff;
    overflow: hidden;
    min-height: 360px;
    z-index: 1;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 25px;
    font-size: 18px;
    line-height: 1.33333em;
    margin-bottom: 30px; }
    @media screen and (max-width: 767px) {
      .links-block__item {
        width: calc(100% - 30px); } }
    .links-block__item:before {
      display: block;
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.5)), to(transparent));
      background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
      background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0, transparent 100%);
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0, transparent 100%); }
    .links-block__item img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      max-width: none;
      z-index: -1; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      .links-block__item img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%; } }
    .links-block__item P {
      max-width: 55%;
      position: relative;
      z-index: 1;
      font-weight: 300;
      color: #bfc0c1; }
      @media screen and (max-width: 991px) {
        .links-block__item P {
          max-width: none; } }
    .links-block__item .color-white {
      position: relative;
      z-index: 1; }
  .links-block__title {
    font-size: 34px;
    font-weight: 700;
    line-height: 1.41176em;
    letter-spacing: 0.36px;
    position: relative;
    z-index: 1;
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      .links-block__title {
        font-size: 30px; } }
  .links-block .btn_blue {
    min-width: 200px;
    position: absolute;
    left: 30px;
    bottom: 40px;
    z-index: 1; }

.links-block__item_light {
  background-color: #dbedff;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 40px; }
  .links-block__item_light:before {
    display: none; }
  .links-block__item_light .links-block__title {
    color: inherit;
    margin-bottom: 20px; }
  .links-block__item_light .text-price-col {
    margin-bottom: auto; }
  .links-block__item_light .btn_blue {
    position: relative;
    left: auto;
    bottom: auto;
    margin-right: 20px; }
  .links-block__item_light .link {
    color: #000;
    font-size: 18px;
    text-decoration: underline;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px; }
    .links-block__item_light .link:hover {
      text-decoration: none; }
  @media screen and (max-width: 991px) {
    .links-block__item_light {
      padding-bottom: 10px; }
      .links-block__item_light .link {
        float: right; } }

.news {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 35px;
  position: relative; }
  @media screen and (max-width: 1199px) {
    .news {
      margin-left: -7px;
      margin-right: -7px; } }
  @media screen and (max-width: 991px) {
    .news {
      margin-left: -15px;
      margin-right: -15px; } }

.news__item {
  width: calc(25% - 30px);
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  height: 35.83333em;
  background-color: #fff;
  overflow: hidden;
  font-size: 12px;
  -webkit-transition: -webkit-box-shadow 0.2s;
  transition: -webkit-box-shadow 0.2s;
  -o-transition: box-shadow 0.2s;
  transition: box-shadow 0.2s;
  transition: box-shadow 0.2s, -webkit-box-shadow 0.2s; }
  @media screen and (max-width: 1199px) {
    .news__item {
      width: calc(25% - 14px);
      margin-bottom: 14px;
      margin-left: 7px;
      margin-right: 7px; } }
  @media screen and (max-width: 991px) {
    .news__item {
      font-size: 15px;
      width: calc(50% - 30px);
      margin-bottom: 30px;
      margin-left: 15px;
      margin-right: 15px; } }
  @media screen and (max-width: 767px) {
    .news__item {
      width: calc(100% - 30px); } }
  .news__item__img {
    display: block;
    height: 20em;
    overflow: hidden; }
    .news__item__img img {
      height: 100%;
      max-width: none; }
    @media screen and (max-width: 767px) {
      .news__item__img {
        width: 100%; }
        .news__item__img img {
          height: auto;
          width: 100%; } }
  @supports ((-o-object-fit: cover) or (object-fit: cover)) {
    @media screen and (min-width: 768px) {
      .news__item__img img {
        width: 100%;
        height: 20em;
        -o-object-fit: cover;
        object-fit: cover; } } }
  .news__item > a {
    position: relative;
    display: block;
    text-decoration: none;
    height: 100%; }
  .news__item__type {
    color: #0d5da9;
    font-weight: 400;
    line-height: 2.5em;
    text-transform: uppercase;
    letter-spacing: 0.24px;
    margin-top: 0.83333em;
    padding-left: 15px;
    display: block; }
  .news__item time {
    color: #858585;
    position: absolute;
    bottom: 20px;
    left: 15px;
    font-size: 1.33333em;
    line-height: 1.875em; }
  .news__item .ic-eye_gray {
    color: #858585;
    font-size: 1.16667em;
    line-height: 2.14286em;
    position: absolute;
    right: 15px;
    bottom: 20px; }
  .news__item__title {
    color: #272727;
    font-size: 1.66667em;
    font-weight: 400;
    line-height: 1.4em;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    max-height: 4.5em;
    overflow: hidden; }
  .news__item__title2 {
    font-size: 26px;
    color: #fff;
    line-height: 36px;
    margin-bottom: 15px; }
  .news__item__after-title {
    font-size: 22px;
    font-weight: 300;
    line-height: 36px; }
  .news__item form {
    margin-top: auto; }
  .news__item .input {
    background-color: transparent;
    color: #fff;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 20px; }
  .news__item:hover {
    -webkit-box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 16px rgba(0, 0, 0, 0.2); }
  .news__item_big {
    width: calc(50% - 30px);
    color: #fff; }
    @media screen and (max-width: 1199px) {
      .news__item_big {
        width: calc(50% - 14px); } }
    @media screen and (max-width: 991px) {
      .news__item_big {
        width: calc(100% - 30px); } }
    .news__item_big > a {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      height: 100%;
      z-index: 1;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      color: #fff;
      text-decoration: none;
      padding: 20px; }
      .news__item_big > a:after {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 50%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.75)), to(transparent));
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, transparent 100%);
        z-index: -1; }
    .news__item_big .news__item__type {
      font-size: 1em;
      line-height: 2.5em;
      text-transform: uppercase;
      letter-spacing: 0.24px;
      padding-left: 0;
      color: #fff; }
    .news__item_big img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      z-index: -1; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      .news__item_big img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
    .news__item_big .news__item__title {
      font-size: 2.16667em;
      line-height: 1.30769em;
      letter-spacing: 0.52px;
      text-transform: uppercase;
      padding-left: 0;
      padding-right: 0;
      color: #fff;
      max-height: none; }
    .news__item_big time {
      color: #aba3a0;
      font-size: 1.33333em;
      font-weight: 300;
      line-height: 1.875em;
      padding-left: 0;
      position: relative;
      bottom: auto;
      left: auto; }
    .news__item_big .ic-eye {
      color: #aba3a0;
      position: absolute;
      bottom: 20px;
      right: 20px;
      font-size: 1.16667em;
      line-height: 2.14286em; }
  .news__item_video a:before {
    content: '►';
    position: absolute;
    width: 56px;
    height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0.25em;
    padding-top: 0.2em;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #b3df53;
    z-index: 1; }
    @media screen and (max-width: 767px) {
      .news__item_video a:before {
        width: 97px;
        height: 97px;
        font-size: 40px; } }
  .news__item_baner {
    background-color: #0d5da9;
    background-image: url("../images/assets/bike-fon.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    padding: 20px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .news__item_baner .news__item__type {
      font-size: 1.83333em;
      font-weight: 300;
      line-height: 1.63636em;
      letter-spacing: 0.33px;
      text-transform: none;
      color: #fff;
      padding: 0;
      margin: 0; }
      @media screen and (max-width: 1199px) {
        .news__item_baner .news__item__type {
          font-size: 18px; } }
      @media screen and (max-width: 991px) {
        .news__item_baner .news__item__type {
          font-size: 22px; } }
      @media screen and (max-width: 767px) {
        .news__item_baner .news__item__type {
          font-size: 30px; } }
    .news__item_baner .news__item__title {
      color: #ffffff;
      font-size: 2.16667em;
      line-height: 3.58333em;
      letter-spacing: 0.27px;
      padding: 0; }
    .news__item_baner .phone {
      color: #9ac43c;
      font-size: 2.58333em;
      font-weight: 700;
      line-height: 1;
      letter-spacing: 0.42px; }
      @media screen and (max-width: 1199px) {
        .news__item_baner .phone {
          font-size: 23px; } }
      @media screen and (max-width: 991px) {
        .news__item_baner .phone {
          font-size: 30px; } }
      @media screen and (max-width: 767px) {
        .news__item_baner .phone {
          font-size: 44px; } }
    .news__item_baner .link {
      color: #ffffff;
      font-size: 1.5em;
      line-height: 2.5em;
      text-decoration: underline;
      letter-spacing: 0.27px; }
      .news__item_baner .link:hover {
        text-decoration: none; }
      @media screen and (max-width: 1199px) {
        .news__item_baner .link {
          font-size: 14px; } }
      @media screen and (max-width: 991px) {
        .news__item_baner .link {
          font-size: 18px; } }
    .news__item_baner .btn_green {
      width: 100%; }
      @media screen and (max-width: 1199px) {
        .news__item_baner .btn_green {
          font-size: 12px; } }
      @media screen and (max-width: 991px) {
        .news__item_baner .btn_green {
          font-size: 18px; } }
    .news__item_baner div:last-child {
      margin-top: auto; }
  .news__item_baner-sub {
    background-image: url("../images/assets/bg-sub-baner.png");
    background-position: center center; }

.subs {
  background-image: url("../images/assets/bg-subscrib.png");
  background-size: cover;
  background-color: #0d5da9;
  padding: 35px 0;
  color: #fff; }
  .subs > .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .subs .input {
    background-color: transparent;
    color: #fff; }
  .subs__title {
    font-size: 26px;
    letter-spacing: 0.39px;
    line-height: 1.38462em;
    max-width: 400px;
    margin-right: 80px; }
    .subs__title span {
      display: block;
      font-weight: 300;
      letter-spacing: 0.33px;
      line-height: 1.36364em;
      font-size: 0.84615em; }
    @media screen and (max-width: 991px) {
      .subs__title {
        text-align: center;
        max-width: none;
        width: 100%;
        margin-right: 0; } }
  .subs form {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  .subs .btn_green {
    width: 260px;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .subs .btn_green {
        margin-left: auto;
        margin-right: auto;
        display: block; } }
  .subs .input {
    margin-right: 30px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top: 20px;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .subs .input {
        width: 100%;
        margin-right: 0; } }

.tabs {
  position: relative; }
  .tabs__menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 1.875em; }
    @media screen and (max-width: 991px) {
      .tabs__menu {
        display: none; } }
    .tabs__menu li {
      margin-right: 18px; }
    .tabs__menu a {
      display: inline-block;
      color: #272727;
      text-decoration: none;
      border-bottom: 2px solid transparent; }
      .tabs__menu a:hover {
        color: #0d5da9; }
      .tabs__menu a.active {
        border-color: #0d5da9; }
        .tabs__menu a.active:hover {
          color: #272727; }
  .tabs__item {
    display: none;
    padding-bottom: 30px; }
    @media screen and (min-width: 992px) {
      .tabs__item {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        max-width: 100vw;
        padding-bottom: 0; }
        .tabs__item.active {
          position: relative;
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.2s;
          -o-transition: opacity 0.2s;
          transition: opacity 0.2s; } }
    .tabs__item.active {
      display: block; }

.tabs_product {
  padding-bottom: 40px; }
  .tabs_product > .bg-second:first-child .wrap, .tabs_product .sticky-wrapper .bg-second .wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
    .tabs_product > .bg-second:first-child .wrap .btn_blue, .tabs_product .sticky-wrapper .bg-second .wrap .btn_blue {
      -webkit-flex-basis: 260px;
      -ms-flex-preferred-size: 260px;
      flex-basis: 260px; }
      @media screen and (max-width: 1199px) {
        .tabs_product > .bg-second:first-child .wrap .btn_blue, .tabs_product .sticky-wrapper .bg-second .wrap .btn_blue {
          -webkit-flex-basis: 0;
          -ms-flex-preferred-size: 0;
          flex-basis: 0; } }
  .tabs_product .sticky-wrapper.is-sticky {
    position: relative;
    z-index: 100; }
  .tabs_product .tabs__menu {
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 30px;
    font-weight: 700;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    .tabs_product .tabs__menu a {
      border-width: 4px;
      padding-bottom: 20px;
      white-space: nowrap; }
    .tabs_product .tabs__menu li:not(:last-child) {
      margin-right: 4.5%; }
      @media screen and (max-width: 1199px) {
        .tabs_product .tabs__menu li:not(:last-child) {
          margin-right: 25px; } }

.tabs__btn {
  display: block;
  background-color: #fff;
  padding-left: 40px;
  padding-right: 40px;
  line-height: 50px;
  font-size: 19px;
  text-decoration: none;
  color: #272727;
  border-top: 1px solid #dadada;
  font-weight: 600; }
  .tabs__btn:after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 3px solid;
    border-right: 3px solid;
    border-color: #0d5da9;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    float: right;
    margin-top: 17px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  .tabs__btn.active:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg); }
  @media screen and (max-width: 639px) {
    .tabs__btn {
      padding-left: 15px;
      padding-right: 15px; } }
  @media screen and (min-width: 992px) {
    .tabs__btn {
      display: none; } }

.product {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 55px; }

.product__art {
  color: #646565;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.84px;
  position: absolute;
  right: 0;
  top: -35px; }
  @media screen and (max-width: 991px) {
    .product__art {
      top: 50px;
      font-weight: 400; } }    

.product__stars {  
  color: #646565;
  font-size: 14px;  
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .product__stars > a {
    color: #646565;
    font-size: 18px;
    font-weight: 300;
    margin-left: 15px; }
    .product__stars > a:hover {
      text-decoration: none; }     

.product__logo {
  padding-left: 45px; }
  .product__logo img {
    max-height: 50px; }

.product__top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding-bottom: 15px; }
  .product__top .h1-title {
    margin-right: auto; }
  @media screen and (max-width: 991px) {
    .product__top {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .product__top .h1-title {
        width: 100%; } }

.product__left {
  margin-right: 30px;
  width: calc(68% - 30px); }
  @media screen and (max-width: 1199px) {
    .product__left {
      width: calc(68% - 15px);
      margin-right: 15px; } }
  @media screen and (max-width: 991px) {
    .product__left {
      width: 100%; } }

.product__galery {
  height: 520px;
  overflow: hidden;
  background-color: #fff;
  background-image: url("../images/assets/ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 20px;
  width: 100%; }
  .product__galery .fancy-product {
    opacity: 0;
    visibility: hidden;
    text-align: right;
    display: block;
    height: 0;
    padding-right: 10px; }
    .product__galery .fancy-product a {
      margin-top: 10px;
      display: inline-block; }
  .product__galery__img {
    visibility: hidden;
    opacity: 0;
    text-align: center;
    line-height: 520px;
    height: 520px;
    padding: 20px 35px;
    width: 100%; }
    .product__galery__img img {
      display: inline-block;
      max-height: 100%; }
    @media screen and (max-width: 991px) {
      .product__galery__img {
        line-height: 400px;
        height: 400px; } }
  .product__galery .slick-current .fancy-product {
    visibility: visible; }
  .product__galery img {
    max-height: 100%; }
  .product__galery.slick-initialized {
    height: auto; }
    .product__galery.slick-initialized .product__galery__img {
      visibility: visible;
      opacity: 1;
      -webkit-transition: opacity 0.2s;
      -o-transition: opacity 0.2s;
      transition: opacity 0.2s; }
  .product__galery .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #0d5da9;
    z-index: 1;
    border: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    opacity: 0; }
    .product__galery .slick-arrow:after {
      width: 20px;
      height: 20px;
      border-width: 4px;
      margin-top: -10px;
      margin-left: -10px; }
    .product__galery .slick-arrow.btn_next {
      right: -30px; }
      .product__galery .slick-arrow.btn_next:after {
        margin-left: -15px; }
    .product__galery .slick-arrow.btn_prev {
      left: -30px; }
    @media screen and (max-width: 991px) {
      .product__galery .slick-arrow {
        opacity: 1; }
        .product__galery .slick-arrow.btn_next {
          right: 0; }
        .product__galery .slick-arrow.btn_prev {
          left: 0; } }
  .product__galery:hover .fancy-product {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1; }
  .product__galery:hover .slick-arrow {
    opacity: 1; }
    .product__galery:hover .slick-arrow.btn_next {
      right: 0; }
    .product__galery:hover .slick-arrow.btn_prev {
      left: 0; }

.product__thumbs {
  margin-bottom: -3px; }
  .product__thumbs .slick-slide {
    width: 155px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    overflow: hidden;
    margin-right: 16px;
    cursor: pointer;
    border: 3px solid transparent;
    background-color: #fff; }
    .product__thumbs .slick-slide.slick-current, .product__thumbs .slick-slide.slick-active {
      border-color: #0d5da9; }
    .product__thumbs .slick-slide img {
      max-height: 100%;
      display: inline-block; }
  @media screen and (max-width: 991px) {
    .product__thumbs {
      display: none; } }

.product__price-old {
  color: #4c4c4c;
  font-size: 18px;
  line-height: 1;
  margin-bottom: .5em;
  white-space: nowrap; }
  .product__price-old span {
    text-decoration: line-through; }

.product__price {
  color: #4c4c4c;
  font-size: 24px;
  line-height: 1; }
  .product__price span {
    font-size: 1.4em;
    color: #0d5da9; }

.product__colors {
  padding-top: 25px;
  padding-bottom: 15px;
  font-size: 16px; }
  .product__colors p {
    margin-bottom: 10px; }
    @media screen and (max-width: 991px) {
      .product__colors p {
        font-size: 20px; } }

.product__in {
  padding-top: 20px; }
  .product__in a {
    color: #676767;
    text-decoration: none; }
    .product__in a:hover {
      color: #000; }
  .product__in li {
    margin-bottom: 20px; }

.product__stock {
  opacity: 0.8;
  color: #9ac43c;
  font-size: 0.88889em;
  font-weight: 700;
  line-height: 1.625em;
  letter-spacing: 0.32px;
  padding-left: 40px;
  position: relative; }
  .product__stock:before {
    background-image: url("../images/assets/stock.png");
    background-repeat: no-repeat;
    background-position: center center;
    content: '';
    width: 30px;
    min-height: 26px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0; }
  .product__stock_not {
    padding-left: 0;
    color: #676767;
    font-weight: 300; }
    .product__stock_not:before {
      display: none; }

.product__right {
  width: 32%;
  background-color: #fff;
  padding: 30px 40px;
  padding-bottom: 0;
  color: #676767;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  @media screen and (max-width: 1199px) {
    .product__right {
      padding-left: 20px;
      padding-right: 20px; } }
  @media screen and (max-width: 991px) {
    .product__right {
      width: 100%;
      padding-left: 40px;
      padding-right: 40px;
      font-size: 20px; } }
  .product__right__line {
    margin-left: -20px;
    margin-right: -20px;
    background-color: #c3c3c3;
    opacity: 0.5;
    height: 1px; }
  .product__right .btn, .product__right .quantity button, .quantity .product__right button {
    width: 100%;
    margin-top: 14px; }
    @media screen and (max-width: 991px) {
      .product__right .btn, .product__right .quantity button, .quantity .product__right button {
        min-width: 50%;
        display: block;
        font-size: 14px; } }

.product__drive {
  padding-bottom: 30px;
  margin-top: auto; }
  @media screen and (min-width: 992px) {
    .product__drive {
      margin-left: -20px;
      margin-right: -20px;
      padding-bottom: 0; }
      .product__drive .btn, .product__drive .quantity button, .quantity .product__drive button {
        margin-top: 0;
        border-radius: 0;
        line-height: 68px; } }
  @media screen and (min-width: 1200px) {
    .product__drive {
      margin-left: -40px;
      margin-right: -40px; } }

.product-video-carousel {
  /*height: 376px;*/ }
  .product-video-carousel .slick-slide {
    position: relative;
    height: 300px; }
  .product-video-carousel .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 30px;
    text-align: center; }
  .product-video-carousel__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .product-video-carousel__img:after {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.48); }
    .product-video-carousel__img img {
      height: 100%;
      max-width: none; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      .product-video-carousel__img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%; } }
  .product-video-carousel__title {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    padding-top: 50px;
    letter-spacing: 0.6px; }
  .product-video-carousel__link {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-decoration: none; }
    .product-video-carousel__link:before {
      content: '►';
      width: 56px;
      height: 56px;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      color: #fff;
      font-size: 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      padding-left: 0.25em;
      padding-top: 0.2em;
      background-color: #b3df53;
      z-index: 1; }
      @media screen and (max-width: 767px) {
        .product-video-carousel__link:before {
          width: 97px;
          height: 97px;
          font-size: 40px; } }

.product-video-carousel-control {
  position: relative;
  margin-bottom: 40px; }
  .product-video-carousel-control .slick-arrow {
    border: 1px solid #fff;
    position: absolute;
    z-index: 1;
    top: -213px;
    margin-top: 0; }
  .product-video-carousel-control .btn_next {
    right: 15px; }
  .product-video-carousel-control .btn_prev {
    left: 15px; }
  .product-video-carousel-control .slick-slide {
    position: relative; }
  @media screen and (max-width: 991px) {
    .product-video-carousel-control .btn_next {
      right: 40px; }
    .product-video-carousel-control .btn_prev {
      left: 40px; } }
  @media screen and (max-width: 639px) {
    .product-video-carousel-control .btn_next {
      right: 15px; }
    .product-video-carousel-control .btn_prev {
      left: 15px; } }

.product_inf {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .product_inf .product__left {
    width: 49%;
    padding-right: 60px;
    margin: 0; }
    @media screen and (max-width: 991px) {
      .product_inf .product__left {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px; } }
  .product_inf .product__right {
    width: 51%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    background-color: transparent;
    font-size: 18px;
    color: #272727;
    line-height: 1.44444em; }
    @media screen and (max-width: 991px) {
      .product_inf .product__right {
        width: 100%; } }
    .product_inf .product__right > p {
      margin-bottom: 30px; }

.fancybox-thumbs {
  display: none; }

@media all and (min-width: 800px) {
  .fancybox-thumbs {
    display: block !important;
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3); }
  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px; }
  .fancybox-thumbs-x ul {
    margin-left: auto;
    margin-right: auto; } }

.card {
  background-color: #fff;
  padding: 1.11111em;
  padding-left: 190px;
  height: 11.66667em;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px; }
  .card__img {
    position: absolute;
    list-style-position: outside;
    top: 0;
    left: 0;
    width: 190px;
    padding: 20px;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
    .card__img img {
      max-height: 100%;
      width: 100%; }
  .card__link {
    opacity: 0.8;
    color: #272727;
    font-weight: 300;
    line-height: 1.33333em;
    letter-spacing: 0.36px;
    margin-bottom: auto;
    max-height: 5.11111em;
    overflow: hidden; }
    .card__link:hover {
      opacity: 1; }
  .card__price {
    font-size: 1.66667em;
    font-weight: 400;
    line-height: 1;
    color: #0d5da9;
    margin-bottom: 1em;
    white-space: nowrap; }
    .card__price span {
      color: #4c4c4c; }
  .card .btn, .card .quantity button, .quantity .card button {
    line-height: 30px;
    max-width: 164px;
    width: 100%; }
  @media screen and (max-width: 1199px) {
    .card {
      padding-left: 140px;
      font-size: 16px; }
      .card__img {
        width: 130px;
        padding: 10px; } }
  @media screen and (max-width: 991px) {
    .card {
      padding-left: 20px;
      height: 370px;
      font-size: 17px; }
      .card__img {
        position: relative;
        height: 140px;
        margin-bottom: 15px;
        padding: 0;
        width: 100%; }
      .card .btn, .card .quantity button, .quantity .card button {
        margin-left: auto;
        margin-right: auto; }
      .card__price {
        text-align: center; }
      .card__link {
        text-align: center; } }
  @media screen and (max-width: 767px) {
    .card {
      font-size: 14px;
      max-width: 400px;
      margin-left: auto;
      margin-right: auto;
      height: 470px; }
      .card__img {
        height: 170px; }
      .card .btn, .card .quantity button, .quantity .card button {
        font-size: 24px;
        line-height: 1.66667em;
        max-width: none; } }

.carousel-3 {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 50px; }
  @media screen and (max-width: 991px) {
    .carousel-3 {
      margin-left: -7px;
      margin-right: -7px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .carousel-3 {
      margin-left: -15px;
      margin-right: -15px; } }
  .carousel-3__item {
    padding: 0 15px; }
    @media screen and (max-width: 991px) {
      .carousel-3__item {
        padding: 0 7px; } }
    @media screen and (max-width: 767px) {
      .carousel-3__item {
        padding: 0 15px; } }
  .carousel-3 .slick-arrow {
    color: #2f2f2f;
    opacity: .7;
    border: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1; }
    .carousel-3 .slick-arrow:after {
      width: 12px;
      height: 12px; }
  .carousel-3 .btn_next {
    right: 5px; }
  .carousel-3 .btn_prev {
    left: 5px; }
  @media screen and (min-width: 1430px) {
    .carousel-3 .btn_next {
      right: -30px; }
    .carousel-3 .btn_prev {
      left: -30px; } }

.basket-item {
  padding: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #dbdbdc; }
  @media screen and (max-width: 991px) {
    .basket-item {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      position: relative;
      background-color: #fff;
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: none;
      margin-bottom: 20px;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .basket-item > div {
      -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
      flex-shrink: 1; } }

.basket-item__img {
  font-size: 10px;
  min-width: 16em;
  max-width: 16em;
  height: 16em;
  text-align: center;
  line-height: 16em;
  background-color: #fff;
  padding: 5px; }
  .basket-item__img img {
    max-height: 100%; }

.basket-item__name {
  color: #272727;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.4px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-left: 30px;
  padding-right: 10px;
  max-width: 485px;
  -webkit-flex-basis: 350px;
  -ms-flex-preferred-size: 350px;
  flex-basis: 350px; }
  .basket-item__name a {
    color: inherit; }
    .basket-item__name a:hover {
      color: #000; }
  @media screen and (max-width: 991px) {
    .basket-item__name {
      max-width: none;
      font-size: 26px;
      -webkit-flex-basis: calc(100% - 160px);
      -ms-flex-preferred-size: calc(100% - 160px);
      flex-basis: calc(100% - 160px);
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-self: stretch;
      -ms-flex-item-align: stretch;
      align-self: stretch; } }

.basket-item__opt {
  -webkit-flex-basis: 195px;
  -ms-flex-preferred-size: 195px;
  flex-basis: 195px; }
  @media screen and (max-width: 991px) {
    .basket-item__opt {
      -webkit-flex-basis: 160px;
      -ms-flex-preferred-size: 160px;
      flex-basis: 160px;
      padding-top: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1; } }
  @media screen and (max-width: 767px) {
    .basket-item__opt {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      width: 100%;
      border-bottom: 1px solid #dbdbdc;
      padding-bottom: 10px;
      margin-bottom: 10px; } }

.basket-item__price {
  color: #0d5da9;
  font-size: 20px;
  white-space: nowrap;
  line-height: 1;
  font-weight: 700;
  -webkit-flex-basis: 200px;
  -ms-flex-preferred-size: 200px;
  flex-basis: 200px; }
  .basket-item__price span {
    font-size: 0.8em;
    color: #4c4c4c;
    font-weight: normal; }
  @media screen and (max-width: 991px) {
    .basket-item__price {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center;
      font-size: 30px; } }

.basket-item__count {
  min-width: 100px; }
  @media screen and (max-width: 991px) {
    .basket-item__count {
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-align: center; }
      .basket-item__count .quantity {
        margin-left: auto;
        margin-right: auto; } }

.basket-item__remove {
  font-size: 18px;
  white-space: nowrap;
  min-width: 65px;
  text-align: center;
  margin-left: auto; }
  .basket-item__remove a {
    text-decoration: none;
    color: #ff0000;
    display: inline-block; }
  @media screen and (max-width: 991px) {
    .basket-item__remove {
      position: absolute;
      top: 10px;
      right: 10px;
      min-width: 0; } }

.basket-item_header {
  padding-bottom: 10px;
  padding-top: 40px; }
  @media screen and (max-width: 991px) {
    .basket-item_header {
      display: none; } }
  .basket-item_header .basket-item__img, .basket-item_header .basket-item__opt, .basket-item_header .basket-item__price, .basket-item_header .basket-item__count, .basket-item_header .basket-item__remove {
    font-size: 14px;
    color: #afafb1;
    text-transform: uppercase;
    height: auto;
    background-color: transparent;
    display: block;
    line-height: 1;
    white-space: nowrap;
    font-weight: 300; }
  .basket-item_header .basket-item__img {
    padding: 0;
    max-width: 11.42857em;
    min-width: 11.42857em; }

.basket-item__total {
  color: #272727;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.4px; }
  @media screen and (max-width: 991px) {
    .basket-item__total {
      font-size: 30px;
      padding-top: 20px;
      padding-bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .basket-item__total {
      text-align: center; } }

.basket-item__head {
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  white-space: nowrap;
  height: 0;
  margin-bottom: 20px;
  color: #272727;
  text-transform: uppercase;
  padding-bottom: 5px; }
  @media screen and (min-width: 992px) {
    .basket-item__head {
      display: none; } }

.basket-item__line {
  margin-top: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dbdbdc;
  width: 100%; }
  @media screen and (min-width: 992px) {
    .basket-item__line {
      display: none; } }

.basket-item_footer {
  padding-top: 50px;
  padding-bottom: 50px;
  border-bottom: none; }
  .basket-item_footer .link_toshop {
    margin-right: auto; }
  .basket-item_footer .btn, .basket-item_footer .quantity button, .quantity .basket-item_footer button {
    width: 260px;
    margin-left: 25px; }
  @media screen and (max-width: 991px) {
    .basket-item_footer {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      padding-top: 20px;
      padding-bottom: 20px; }
      .basket-item_footer .link_toshop {
        display: none; } }
  @media screen and (max-width: 767px) {
    .basket-item_footer {
      display: block; }
      .basket-item_footer .btn, .basket-item_footer .quantity button, .quantity .basket-item_footer button {
        width: 100%;
        font-size: 24px;
        margin-left: 0; } }

.basket-item_order .basket-item__name {
  margin-right: auto; }

.basket-item_order.basket-item_footer {
  padding-top: 20px;
  padding-bottom: 40px;
  display: block;
  text-align: right; }

input[type=number] {
  -moz-appearance: textfield;
  outline: none !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

.quantity {
  position: relative;
  width: 4.3em;
  padding: 0 1em;
  font-size: 20px; }
  @media screen and (max-width: 991px) {
    .quantity {
      font-size: 26px; } }
  .quantity input {
    border: none;
    font-size: 1em;
    color: #272727;
    background-color: transparent;
    text-align: center;
    width: 100%; }
  .quantity button {
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    z-index: 1; }
    .quantity button:after {
      content: '';
      width: 0.6em;
      border-top: 2px solid #272727;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .quantity button:hover:after, .quantity button:hover:before {
      border-color: #0d5da9; }
  .quantity__up {
    right: 0; }
    .quantity__up:before {
      content: '';
      height: 0.6em;
      border-left: 2px solid #272727;
      display: block;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
  .quantity__down {
    left: 0; }

.form {
  color: #272727;
  padding-top: 30px;
  font-size: 18px; }
  .form .checkbox {
    margin-right: 50px;
    margin-bottom: 15px;
    font-size: inherit;
    text-align: left;
    vertical-align: top; }
  @media screen and (max-width: 991px) {
    .form .text-center {
      text-align: left; } }
  @media screen and (max-width: 767px) {
    .form {
      font-size: 22px; } }

.form__title {
  font-size: 26px;
  font-weight: 700;
  line-height: 1.15385em;
  letter-spacing: 0.52px;
  margin-bottom: 1.15385em; }

.form__line {
  border-top: 1px solid #dbdbdc;
  margin-top: 20px;
  margin-bottom: 50px; }

.form__center {
  max-width: 824px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 40px; }
  .form__center__col {
    width: 50%;
    padding-left: 17px;
    padding-right: 17px; }
  .form__center__row {
    width: 100%;
    padding-left: 17px;
    padding-right: 17px; }
  @media screen and (max-width: 991px) {
    .form__center {
      max-width: none;
      margin-left: -15px;
      margin-right: -15px; }
      .form__center__col, .form__center__row {
        padding-left: 15px;
        padding-right: 15px; } }
  @media screen and (max-width: 767px) {
    .form__center__col {
      width: 100%; } }

.compare {
  color: #272727;
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }
  @media screen and (max-width: 991px) {
    .compare {
      font-size: 12px; } }
  .compare__head {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.52px;
    border-bottom: 1px solid #dbdbdc;
    padding-bottom: 15px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis; }
    @media screen and (max-width: 991px) {
      .compare__head {
        font-size: 20px; } }
  .compare__list {
    line-height: 40px;
    font-weight: 300;
    border-right: 1px solid #dbdbdc;
    padding-top: 20px; }
    @media screen and (max-width: 991px) {
      .compare__list {
        padding-top: 10px; } }
    .compare__list li {
      padding-left: 40px;
      padding-right: 40px;
      border-bottom: 1px solid #dbdbdc;
      white-space: nowrap;
      max-height: 100%;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis; }
      @media screen and (max-width: 991px) {
        .compare__list li {
          padding-left: 10px;
          padding-right: 10px; } }
  .compare__info {
    width: 25%;
    min-width: 200px; }
    .compare__info .compare__list {
      font-weight: 700; }
      .compare__info .compare__list li {
        padding-left: 0;
        padding-right: 10px; }
    .compare__info .compare__img {
      background-color: transparent;
      opacity: 0; }

.compare__item {
  max-width: 498px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%; }
  .compare__item .compare__head {
    padding-left: 40px; }
  @media screen and (max-width: 991px) {
    .compare__item {
      max-width: 300px; } }

.compare__content {
  max-width: 75%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow-x: hidden; }

.compare__img {
  margin-bottom: 20px;
  background-color: #fff;
  overflow: hidden;
  height: 15em;
  line-height: 15em;
  text-align: center; }
  .compare__img img {
    max-height: 100%;
    display: inline-block; }

.compare__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 30px;
  padding-left: 40px;
  padding-bottom: 20px; }
  @media screen and (max-width: 991px) {
    .compare__footer {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-left: 15px; } }
  .compare__footer .btn, .compare__footer .quantity button, .quantity .compare__footer button {
    margin-right: 30px; }
    @media screen and (max-width: 991px) {
      .compare__footer .btn, .compare__footer .quantity button, .quantity .compare__footer button {
        font-size: 15px;
        margin-right: 0;
        width: 200px;
        margin-bottom: 20px; } }
  .compare__footer .link {
    font-size: 18px; }

.article {
  color: #4f4f50;
  font-size: 18px;
  line-height: 1.66667em; }
  .article .h1-title {
    margin-bottom: 35px; }
  .article .h2-title {
    margin-bottom: 35px;
    text-transform: uppercase; }
  @media screen and (max-width: 991px) {
    .article .h1-title, .article .h2-title {
      text-align: center; } }

.article__img {
  padding-bottom: 40px; }
  .article__img img {
    display: block;
    margin-left: auto;
    margin-right: auto; }

.article__colls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 10px; }
  .article__colls .article__left {
    width: calc(100% - 310px); }
  .article__colls .article__right {
    width: 310px; }
  @media screen and (max-width: 991px) {
    .article__colls {
      padding-bottom: 40px; }
      .article__colls .article__left {
        width: 100%;
        padding-right: 0; }
      .article__colls .article__right {
        width: 100%;
        padding-right: 0;
        padding-top: 30px; } }

.article__text-blue {
  color: #0d5da9;
  font-size: 22px;
  font-weight: 400;
  line-height: 36px;
  margin-bottom: 20px; }
  .article__text-blue_border {
    border-top: 2px solid #0d5da9;
    border-bottom: 2px solid #0d5da9;
    text-align: center;
    padding: 35px 8%; }

.article__left {
  padding-right: 30px; }

.article__right .news {
  margin-left: 0;
  margin-right: 0; }
  .article__right .news__item {
    margin: 0;
    width: 100%; }
    @media screen and (max-width: 991px) {
      .article__right .news__item {
        max-width: 500px;
        height: auto;
        margin-left: auto;
        margin-right: auto; } }

.article__right_video-text {
  font-size: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end; }
  .article__right_video-text .color-blue {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 1; }
    .article__right_video-text .color-blue span {
      font-size: 1.83333em; }
  .article__right_video-text p a {
    color: #0d5da9; }

.article__trend {
  margin-left: -25px;
  margin-right: -25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .article__trend__item {
    width: calc(33.3333333333% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    margin-bottom: 30px; }
    .article__trend__item > span:first-child {
      width: 62px;
      line-height: 62px;
      border-radius: 50%;
      display: block;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 15px;
      background-color: #0f5fab;
      font-size: 22px;
      color: #fff;
      text-align: center; }
  .article__trend_style2 .article__trend__item {
    position: relative;
    padding-top: 30px;
    z-index: 1; }
    .article__trend_style2 .article__trend__item > span:first-child {
      color: #c0d1e4;
      font-size: 80px;
      font-weight: 700;
      line-height: 1;
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      border: 0;
      background-color: transparent;
      -webkit-transform: translateX(-30%);
      -ms-transform: translateX(-30%);
      transform: translateX(-30%);
      z-index: -1; }
  @media screen and (max-width: 1199px) {
    .article__trend .article__trend__item {
      width: calc(50% - 50px); }
    .article__trend_style2 {
      padding-left: 40px; } }
  @media screen and (max-width: 991px) {
    .article__trend {
      margin-left: -10px;
      margin-right: -10px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .article__trend .article__trend__item {
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        text-align: center; }
      .article__trend_style2 {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        .article__trend_style2 .article__trend__item {
          text-align: left; } }
  @media screen and (max-width: 767px) {
    .article__trend_style2 {
      padding-left: 10px; }
      .article__trend_style2 .article__trend__item {
        width: calc(100% - 20px); } }
  @media screen and (max-width: 574px) {
    .article__trend .article__trend__item {
      width: calc(100% - 20px); } }

.article__catalog a {
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #272727;
  letter-spacing: 0.19px;
  text-transform: uppercase;
  height: 75px;
  line-height: 1; }
  .article__catalog a:hover {
    text-decoration: underline; }
  @media screen and (max-width: 767px) {
    .article__catalog a {
      height: 50px; } }

.article__catalog__icon {
  display: block;
  min-width: 38px;
  position: relative;
  margin-right: 20px; }
  .article__catalog__icon img {
    margin-left: auto;
    margin-right: auto;
    display: block; }

.article__catalog ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden; }
  .article__catalog ul li {
    width: 33.33333333%;
    border-bottom: 1px solid #cccccc;
    position: relative;
    bottom: -1px;
    padding-left: 40px; }
    .article__catalog ul li:nth-child(3n+2) {
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc; }
    .article__catalog ul li:nth-child(3n+1) {
      padding-left: 0; }
    @media screen and (max-width: 1199px) {
      .article__catalog ul li {
        width: 50%; }
        .article__catalog ul li:nth-child(3n+2) {
          border-left: none;
          border-right: none; }
        .article__catalog ul li:nth-child(3n+1) {
          padding-left: 40px; }
        .article__catalog ul li:nth-child(odd) {
          border-right: 1px solid #ccc; } }
    @media screen and (max-width: 767px) {
      .article__catalog ul li {
        padding-left: 20px !important; } }
    @media screen and (max-width: 639px) {
      .article__catalog ul li {
        width: 100%;
        border-right: none !important; } }

.article__brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: -15px;
  margin-right: -15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .article__brand li {
    margin-left: 15px;
    margin-right: 15px;
    width: calc(20% - 30px);
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative; }
    @media screen and (max-width: 1199px) {
      .article__brand li {
        min-width: 0;
        width: calc(25% - 30px); } }
    @media screen and (max-width: 991px) {
      .article__brand li {
        min-width: 0;
        width: calc(20% - 30px); } }
    @media screen and (max-width: 767px) {
      .article__brand li {
        min-width: 0;
        width: calc(33.33333333% - 30px); } }
  .article__brand a {
    display: block; }
  .article__brand img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
    .article__brand img:hover {
      -webkit-filter: none;
      filter: none; }

.carousel-2 {
  padding-top: 108px;
  padding-bottom: 90px;
  margin-left: -15px;
  margin-right: -15px; }
  .carousel-2__item {
    position: relative;
    padding-left: 15px;
    padding-right: 15px; }
  .carousel-2__text {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 25px;
    padding-bottom: 30px;
    z-index: 1;
    font-size: 26px;
    line-height: 1.15385em; }
  .carousel-2__img {
    width: 100%;
    height: 430px;
    position: relative; }
    .carousel-2__img:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 60%;
      left: 0;
      bottom: 0;
      background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, 0.75)), to(transparent));
      background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
      background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0, transparent 100%);
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0, transparent 100%); }
    .carousel-2__img img {
      width: 102%;
      max-width: none; }
    @supports ((-o-object-fit: cover) or (object-fit: cover)) {
      .carousel-2__img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover; } }
    @media screen and (max-width: 1600px) {
      .carousel-2__img {
        height: 26.875vw; } }
    @media screen and (max-width: 991px) {
      .carousel-2__img {
        height: auto; }
        .carousel-2__img img {
          width: 100%;
          height: auto; } }
  .carousel-2 .slick-arrow {
    position: absolute;
    top: 40px;
    right: 15px; }
  .carousel-2 .btn_prev {
    right: 80px; }

.popup {
  display: none;
  padding: 0;
  background-color: transparent; }
  .popup .fancybox-close-small {
    border-radius: 0;
    top: 35px;
    right: 20px; }
    .popup .fancybox-close-small:after, .popup .fancybox-close-small:before {
      content: "" !important;
      width: 3px;
      height: 35px;
      background-color: #fff;
      position: absolute;
      top: 50%;
      margin-top: -15px;
      left: 50%;
      margin-left: -1px;
      border-radius: 0; }
    .popup .fancybox-close-small:after {
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg); }
    .popup .fancybox-close-small:before {
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg); }

.popup__head {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.6px;
  padding-right: 15px;
  min-height: 65px;
  padding-bottom: 20px; }

.popup__content {
  max-width: 1000px;
  width: 100%;
  border-radius: 6px;
  background-color: #fff;
  padding: 40px; }
  .popup__content_blue {
    background-color: #0d5da9;
    color: #fff; }

.popup_pick {
  max-width: 1000px;
  width: 100%; }

.pick__title {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.44px;
  margin-bottom: 20px; }

.pick__item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px; }
  .pick__item input {
    display: none; }
  .pick__item__label {
    height: 160px;
    border-radius: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 2px solid #fff;
    vertical-align: middle;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    cursor: pointer;
    opacity: 0.3; }
    .pick__item__label span {
      font-size: 13px;
      font-weight: 400;
      letter-spacing: 0.32px;
      text-transform: uppercase;
      display: block;
      position: absolute;
      width: 100%;
      text-align: center;
      bottom: 30px; }
  .pick__item input:checked + .pick__item__label {
    opacity: 1; }

.pick__list {
  max-width: 680px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  padding-bottom: 40px; }
  .pick__list .pick__item {
    width: calc(33.3333333% - 30px);
    margin-left: 15px;
    margin-right: 15px; }
  @media screen and (max-width: 991px) {
    .pick__list {
      margin-left: -10px;
      margin-right: -10px;
      max-width: none;
      width: auto; }
      .pick__list .pick__item {
        width: calc(25% - 20px);
        margin-left: 10px;
        margin-right: 10px; } }
  @media screen and (max-width: 767px) {
    .pick__list .pick__item {
      width: calc(33.333333333% - 20px); } }
  @media screen and (max-width: 639px) {
    .pick__list .pick__item {
      width: calc(50% - 20px); } }

.pick__info {
  padding: 20px;
  border-radius: 6px;
  background-color: #1170ca;
  width: 210px;
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  right: 40px;
  top: 154px; }
  .pick__info span {
    display: block;
    width: 27px;
    height: 27px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    line-height: 20px;
    text-align: center;
    font-size: 16px; }
  @media screen and (max-width: 991px) {
    .pick__info {
      position: relative;
      top: auto;
      right: auto;
      width: auto;
      margin-bottom: 20px; }
      .pick__info span {
        display: inline-block;
        margin-right: 15px; } }

.pick_mob {
  padding-top: 40px; }
  @media screen and (min-width: 992px) {
    .pick_mob {
      display: none; } }
  .pick_mob .pick__title {
    color: #272727;
    font-size: 28px; }
  .pick_mob .pick__item__label {
    color: #0d5da9;
    opacity: .5;
    border-color: #0d5da9;
    height: 216px; }
    .pick_mob .pick__item__label span {
      font-size: 17px; }
  .pick_mob .pick__list {
    width: auto;
    margin-left: -20px;
    margin-right: -20px;
    padding-bottom: 0; }
    .pick_mob .pick__list .pick__item {
      width: calc(50% - 40px);
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom: 40px; }

.pick__head {
  color: #272727;
  font-size: 38px;
  font-weight: 700;
  line-height: 41.37px;
  letter-spacing: 0.55px;
  margin-bottom: 25px; }

.range-double .irs {
  margin-top: -20px;
  margin-bottom: 20px; }

.range-double .irs-line {
  height: 8px; }

.range-double .irs-bar {
  background: #0d5da9;
  border: none;
  height: 8px; }

.range-double .irs-slider {
  background: #b3df53;
  width: 20px;
  height: 20px;
  top: 27px; }






.accordeon {
	margin-bottom: 50px;
	padding-top: 30px;
}
.accordeon_title {
	position: relative;
}
.accordeon_title:after {
  position: absolute;
  top: 28px;
  right: 30px;
	width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: white transparent transparent transparent;
	content: '';
	color: #fff;
	transition: all ease 0.5s;
}
.active > .accordeon_title:after {
  transform: rotate(180deg);
	transition: all ease 0.5s;
}
.accordeon_title h3 {
  padding: 20px;
	font-size: 20px;
  text-transform: uppercase;
  background-color: #0d5da9;
	color: #ffffff;
	cursor: pointer;
  margin: 0;
}
.accordeon_item {
  margin-bottom: 5px;
}
.accordeon_content {
  padding: 20px;
  background-color: #fff;
}
.accordeon_content h4 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-weight: bold;
}
.accordeon_content p {
	margin-bottom: 5px;
}
.send_vacancy {
	text-align: center;
	width: 100%;
	margin-bottom: 60px;
}
.send_vacancy h3 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 15px;
}
.send_vacancy p {
	margin-bottom: 20px;
}
.send_vacancy p>a {
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
	background-color: #6fa51c;
	padding: 10px 15px;
}
.content {
	margin-bottom: 60px;
	margin-top: 30px;
}
.content p {
	margin-bottom: 10px;
}
.block_heading {
	padding: 20px;
	text-align: center;
	font-size: 20px;
  text-transform: uppercase;
  background-color: #0d5da9;
	color: #ffffff;
  margin: 0;
}
.block_heading.green {
	background-color: #84C221;
}
.block_body {
	padding: 20px;
}
.block_body p {
	margin-bottom: 10px;
}
.block_body p>a {
	font-size: 19px;
	font-weight: bold;
	display: inline-block;
	color: #0C66B2;
	text-decoration: none;
}
.section_title {
	padding: 20px;
	display: block;
	text-align: center;
	margin-bottom: 15px;
	font-size: 20px;
  text-transform: uppercase;
}
.section_title.blue {
	background-color: #0d5da9;
	color: #ffffff;
}
.section_title.green {
	background-color: #83C221;
	color: #ffffff;
}
.section_title.grey {
	background-color: #D9D9D9;
}
.section_title.attention {
	color: #FE0000;
}
.section_title.price {
	background-color: #2B2B2B;
	color: #fff;
}
.table-responsive {
	display: block;
  width: 100%;
  overflow-x: auto;
}
table {
	width: 100%;
	min-width: 100%;
}
table thead th {
	background-color: #83C221;
	color: #fff;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	padding: 20px 0;
}
table tbody td {
	padding: 20px 15px;
}
table.half_page {
	margin-bottom: 20px;
}
table.half_page thead th,
table.half_page tbody td { 
	padding: 10px;
}
table.half_page thead th {
	background-color: #0E5DAA;
}
table.delivery  {
	text-align: center;
	margin-bottom: 30px;
}
.delivery table tbody tr td:first-child {
	text-align: left;
}
.attention_text {
	color: #FE0000;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
}
.calculator p {
	font-weight: bold;
	font-weight: 16;
}
.calculator a {
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	color: #ffffff;
	background-color: #6fa51c;
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 10px 15px;
}
.delivery_type_heading span {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}
.delivery_type {
	min-height: 80px;
	background-color: #D9D9D9;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
.packaging_type_title {
	text-align: center;
	padding: 20px 0;
	background-color: #D9D9D9;
	transition: 0.3s;
}
.packaging_type_body {
	text-align: center;
}
.packaging_type_body img {
	width: 100%;
}
.packaging_type:hover .packaging_type_title {
	background-color: #6fa51c;
	color: #fff;
}
.attention_block {
	background-color: #FFE8DA;
	padding: 20px;
}
ul.tabs-nav {
	list-style-type: none;
	width: 100%;
	margin-bottom: 20px;
}
ul.tabs-nav li {
	float: left;
	text-align: center;
	padding: 5px 5px;
	margin-bottom: 0;
}
ul.tabs-nav li a {
	color: #fff;
	display: block;
	padding: 20px 0;
	width: 100%;
	background-color: #979797;
	text-transform: uppercase;
	text-decoration: none;
}
ul.tabs-nav li a.active {
	background-color: #84C221;
	color: #000;
}
.tabgroup_tab {
	width: 100%;
	padding: 30px;
	background-color: #DADADA;
	margin-bottom: 50px;
}
.tabgroup h2 {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 18px;
}
.tabgroup_links {
	margin-top: 30px;
}
.tabgroup_links .block_link {
	margin-bottom: 0;
}
.gift-cards {
	text-align: center;
	padding: 50px 0;
	margin-bottom: 30px;
	background-color: #272727;
	color: #fff;
}
.gift-cards img {
	margin-bottom: 30px;
	width: 80%;
}
ul.big-list {
	list-style-type: none;
	padding: 0;
}
ul.big-list li {
	padding: 15px;
	margin: 0;
	font-size: 18px;
}
ul.big-list li:nth-child(2n+1) {
	background-color: #fff;
}
ul.big-list li:nth-child(2n) {
	background-color: #E1E1E1;
}
.block_link {
	display: block;
	text-align: center;
	background-color: #AAAAAA;
	color: #000;
	margin-bottom: 20px;
	padding: 20px 15px;
	text-decoration: none;
	text-transform: uppercase;
}
.block_link:hover {
	background-color: #777777;
	color: #fff;
}
.block_link.green {
	background-color: #84C221;
	color: #fff;
}
.block_link.blue:hover {
	background-color: #0D5DA9;
}
.block_link.mh {
	display: flex;
	justify-content: center;
	align-items: center;
}
span.discount_section_title {
	color: #0D5DA9;
	font-size: 20px;
	line-height: 1.5;
	text-transform: uppercase;
	font-weight: bold;
	display: inline-block;
	margin-bottom: 30px;
}
.discount_item {
	margin-bottom: 30px;
	background-color: #EDEDED;
	transition: 0.3s;
}
.discount_item_title {
	text-align: center;
	padding: 20px;
	font-size: 20px;
  text-transform: uppercase;
	background-color: #84C221;
	color: #ffffff;
	margin: 0;
	transition: 0.3s;
}
.discount_item:hover .discount_item_title {
	background-color: #0d5da9;
}
.discount_item_image img {
	width: 100%;
}
.discount_item_body {
  padding: 20px 20px 0 20px;
  margin-bottom: 15px;
  max-height: 500px;
  transition: 0.3s;
}
.discount_item_body.collapsed {
  max-height: 80px;
  overflow: hidden;
}
.discount_read_more {
  cursor: pointer;
  padding-left: 20px;
  color: #2264C5;
}
.discount_item_link {
	text-align: center;
  padding-bottom: 20px;
}
.discount_item_link a {
	color: #2264C5;
	font-weight: bold;
}
.discount_item:hover {
	background-color: #D1D1D1;
}
.discount_item:hover .discount_item_title {
	background-color: #0d5da9;
}
.contact_item {
	margin-bottom: 30px;
	background-color: #EDEDED;
}
.contact_item_title {
	text-align: center;
	padding: 20px;
	font-size: 20px;
  text-transform: uppercase;
	background-color: #0d5da9;
	color: #ffffff;
	margin: 0;
	transition: 0.3s;
}
.contact_item_body {
	padding: 20px;
	min-height: 100px;
}
span.info_text {
	display: block;
	font-weight: bold;
	font-size: 18px;
}
.ask_block img {
	margin-bottom: 15px;
}
.ask_block .question {
	display: block;
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.ask_block .answer {
	text-transform: uppercase;
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
}
.ask_block a {
	display: block;
	background-color: #94BA3B;
	text-transform: uppercase;
	color: #fff;
	padding: 20px 0;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 15px;
}
.storage_grey_block {
	background-color: #D9D9D9;
	padding: 40px;
}
.storage_grey_block p {
	margin: 0;
}
table.storage_price {
	margin-bottom: 20px;
}
table.storage_price th,
table.storage_price td {
	text-align: center;
}
table.storage_price thead th {
	background-color: #B6B6B6;
	padding: 20px;
	font-weight: normal;
	text-transform: uppercase;
}
span.price_description {
	font-weight: bold;
}
.order_info {
	background-color: #272727;
	color: #fff;
	padding: 40px 0;
	margin-bottom: 20px;
}
.order_number {
	font-size: 40px;
	display: block;
	margin: 10px 0;
}
.order_info p {
	margin: 0;
}
ul.payment_systems {
	list-style-type: none;
	bottom: 20px;
	padding: 0;
}
ul.payment_systems li {
	display: inline-block;
}
.order_links a,
.order_links span {
	display: block;
	margin-bottom: 20px;
}
.order_links a {
	padding: 20px 0;
	text-transform: uppercase;
	text-decoration: none;
}
.order_links a.pay {
	background-color: #00B601;
	color: #fff;
}
.order_links a.personal {
	background-color: #747474;
	color: #000;
}
.side_block {
	background-color: #E1E1E1;
	padding: 20px;
}
.side_block p:last-child {
	margin-bottom: 0;
}
.tuning_images_top img {
	min-width: 100%;
}
.tuning_images_bottom img {
	width: 100%;
	display: block;
}
ul.certificate_problems {
	font-size: 19px;
}
.certificate_advantages {
	font-size: 20px;
	/* font-weight: bold; */
}
.certificate_table th {
	background-color: #0D5DA9;
}
.certificate_table td,
.certificate_table th {
	width: 50%;
}
.bordered_block {
	border: 1px solid #000;
	padding: 20px;
}
.bordered_block span {
	display: block;
}
.faq_q,
.faq_a {
	min-height: 180px;
	display: flex;
	align-items: center;
	background-color: #EDEDED;
	padding: 0 30px;
	margin: 15px 0;
}
.faq_q {
	font-weight: bold;
	font-size: 18px;
}
.faq_q img {
	margin-right: 20px;
}
.service_big_item_title {
	text-align: center;
	padding: 20px;
	font-size: 20px;
	text-transform: uppercase;
	background-color: #84C221;
	color: #ffffff;
	margin: 0;
}
.service_big_item_map {
	min-height: 400px;
}
.service_big_item_body {
	padding: 20px;
}
.service_item_nav {
	display: block;
	text-align: center;
	background-color: #DBDBDB;
	color: #000;
	transition: 0.3s;
	padding: 20px 0;
	text-transform: uppercase;
	text-decoration: none;
	margin-bottom: 20px;
}
.service_item_nav:hover {
	background-color: #A7A7A7;
	color: #fff;
}
.service_item {
	background-color: #EDEDED;
	margin-bottom: 30px;
}
.service_item_title {
	text-align: center;
	transition: 0.3s;
	padding: 20px;
	height: 85px;
	font-size: 20px;
	text-transform: uppercase;
	background-color: #0C66B2;
	color: #ffffff;
	margin: 0;
}
.service_item:hover .service_item_title {
	background-color: #84C221;
}
.service_item_map {
	min-height: 250px;
}
.service_item_body {
  margin-top: auto;
	padding: 0 20px 20px 20px;
}
.dealers_item_nav {
	display: block;
	text-align: center;
	background-color: #DBDBDB;
	color: #000;
	transition: 0.3s;
	padding: 20px 0;
	text-transform: uppercase;
	text-decoration: none;
}
.tabgroup_tab_dealers {
	width: 100%;
	padding: 0;
}
.dealer-item {
  background-color: #EDEDED;
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
}
.dealer-icons  {
  padding: 20px;
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.dealer-icons__title {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
ul.dealer-icons__list {
  margin-top: auto;
	width: 100%;
	padding: 0;
	list-style-type: none;
	margin-bottom: 0;
}
.dealer-icons__list li {
	display: inline-block;
	background-image: url("../images/dealers.png");
	width: 36px;
	height: 36px;
  border-radius: 5px;
  margin: 0;
}
.type-rent {
	background-position: 0 0;
}
.type-shop {
	background-position: -36px 0;
}
.type-eshop {
	background-position: -72px 0;
}
.prod-bike {
	background-position: 0 36px;
}
.prod-tricycle {
	background-position: -36px 36px;
}
.prod-battery {
	background-position: -72px 36px;
}
.dealer-footer {
  display: grid;
  grid-template-columns: repeat(2, 50%);
}
.dealer-footer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: 2px;
}
.dealer-footer__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  transition: 0.3s;
  padding: 20px;
  color: #fff;
  background-color: #0C66B2;
  text-decoration: none;
}
.dealer-footer__icon {
  margin-right: 5px;
}
.dealer-content {
  padding: 20px;
}
.dealer-content__title {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
.dealer-content__val {
  display: block;
  margin-bottom: 10px;
  border: none !important;
}

.row.videos {
	display: flex;
	justify-content: center;
}
.about-slider {
	margin-bottom: 30px;
}
.about-slider .item {
	padding: 20px;
}
.about-slider .btn_prev,
.about-slider .btn_next {
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
}
.about-slider .btn_next {
	right: 50px;
}
.about-slider .btn_prev {
	left: 50px;
}
.about-slider.video .btn_prev,
.about-slider.video .btn_next {
	background-color: #84C221;
}
.login_body {
	background-color: #EDEDED;
	padding: 30px;
}
.socials_login {
	text-align: center;
	margin-bottom: 20px;
}
.socials_login>span {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 20px;
}
.login_form button.btn {
	text-transform: uppercase;
}
.repair_icon {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
}
.repair_icon img {
	margin-right: 15px;
}
.repair_description {
	margin-bottom: 30px;
}
.repair_video {
	margin-bottom: 30px;
}
.repair_testimonial {
	display: flex;
	margin-bottom: 30px;
}
.repair_testimonial .repair_testimonial_photo {
	margin-right: 15px;
	width: 10%;
}
.repair_testimonial .repair_testimonial_text {
	width: 90%;
}
.repair_testimonial .name {
	font-size: 19px;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
.repair_testimonial_form {
	background-color: #fff;
}
.repair_testimonial_form .form {
	font-size: 16px;
}
.repair_testimonial_form .form .checkbox {
	margin-right: 0;
}

.tooltips {
  position: relative;
}

.tooltips span {  
  font-weight: 300;
  font-size: 12px;
  transform: translate(-50%,-20px);
  top: 15px;
  border-radius: 15px;
  position: absolute;
  color: #FFFFFF;
  background: #000000;
  padding:5px 10px;
  width:100px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: transform .3s, opacity .6s, margin-left .2s, margin-top .2s;
}

.tooltips > span img{max-width:140px;}


.tooltips span:after {
  content: '';
  position: absolute;
  width: 0; height: 0;
}

.tooltips[tooltip-position="top"] span:after{
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid black;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.tooltips[tooltip-position="bottom"] span:after{
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  border-bottom: 8px solid black;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.tooltips[tooltip-position="left"] span:after{
  top: 50%;
  left: 100%;
  margin-top: -8px;
  border-left: 8px solid black;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.tooltips[tooltip-position="right"] span:after{
  top: 50%;
  right: 100%;
  margin-top: -8px;
  border-right: 8px solid black;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.tooltips:hover span {
  visibility: visible;
  opacity: 1;
  z-index: 999;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  filter: alpha(opacity=100);
}

.tooltips[tooltip-position="top"]:hover span{
  bottom: 30px;
  left: 50%;
  margin-left: -76px;
}

.tooltips[tooltip-position="bottom"]:hover span{
  top: 33px;
  left: 50%;
  transform: translateX(-50%)
}

.tooltips[tooltip-position="left"]:hover span{
  right: 100%;
  top: 50%;
  margin-top: -15px;
  margin-right: 15px;
}

.tooltips[tooltip-position="right"]:hover span{
  left: 100%;
  top: 50%;
  margin-top: -15px;
  margin-left: 15px;
}

.tooltips[tooltip-type="primary"] > span {
  background-color:#2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="top"] > span:after{
  border-top: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="bottom"] > span:after{
  border-bottom: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="left"] > span:after{
  border-left: 8px solid #2980b9;
}

.tooltips[tooltip-type="primary"][tooltip-position="right"] > span:after{
  border-right: 8px solid #2980b9;
}

.tooltips[tooltip-type="success"] > span {
  background-color:#27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="top"] > span:after{
  border-top: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="bottom"] > span:after{
  border-bottom: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="left"] > span:after{
  border-left: 8px solid #27ae60;
}

.tooltips[tooltip-type="success"][tooltip-position="right"] > span:after{
  border-right: 8px solid #27ae60;
}

.tooltips[tooltip-type="warning"] > span {
  background-color:#f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="top"] > span:after{
  border-top: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="bottom"] > span:after{
  border-bottom: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="left"] > span:after{
  border-left: 8px solid #f39c12;
}

.tooltips[tooltip-type="warning"][tooltip-position="right"] > span:after{
  border-right: 8px solid #f39c12;
}

.tooltips[tooltip-type="danger"] > span {
  background-color:#c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="top"] > span:after{
  border-top: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="bottom"] > span:after{
  border-bottom: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="left"] > span:after{
  border-left: 8px solid #c0392b;
}

.tooltips[tooltip-type="danger"][tooltip-position="right"] > span:after{
  border-right: 8px solid #c0392b;
}

.instructions-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  grid-gap: 30px;
  margin-bottom: 60px;
}
.instruction__header {
  text-align: center;
  padding: 20px;
  font-size: 17px;
  text-transform: uppercase;
  background-color: #0C66B2;
  color: #ffffff;
  margin: 0;
}
.instruction__body {
  min-height: 250px;
  position: relative;
}
.instruction__body::before {
  content: '';
  top: 0;
  left: 0;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.7);
  z-index: 2;
}
.instruction__image {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.instruction__content {
  position: relative;
  z-index: 5;
  padding: 20px;
  color: #fff;
}
.instruction__footer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));
  grid-gap: 2px;
}
.instruction__btn {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 16px;
  transition: 0.3s;
  padding: 20px;
  color: #fff;
  background-color: #0C66B2;
  text-decoration: none;
}
.instruction__icon {
  margin-right: 5px;
}

.filter {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
  grid-gap: 20px;
  margin-bottom: 30px;
}

.filter__label {
  display: block;
  margin-bottom: 10px;
}

.filter__select {
  width: 100%;
  border-radius: 8px;
  padding: 5px 10px;
}
.filter__apply {
  display: flex;
  align-items: center;
}
.dealers-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-gap: 30px;
}
.dealers-grid__item {
  display: flex;
}
.other-town {
  display: inline-block;
  margin-top: 20px;
}
.links-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 15px;
  margin-bottom: 30px;
}
.links-grid__item {
  color: #fff;
  text-decoration: none;
  border-radius: 8px;
  border: 2px solid !important;
  border-color: white;
  padding: 20px 20px;
}
.links-grid__item--dark {
  color: #000;
  border-color: #0C66B2;
}
.story-title {
  font-size: 25px;
  font-weight: 700;
  line-height: 48px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.36px;
}
.story-detail {
  margin-bottom: 25px;
}
.story-slider-title {
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 1px;
  margin-bottom: 15px;
}
.video-slide {
  padding-left: 0;
}
.models-slider {
  padding: 10px 70px;
}
.models-slider__item {
  position: relative;
  margin: 20px;
}
.models-slider__image {
  display: flex;
  position: relative;
  padding-top: 65%;
  overflow: hidden;
  background-color: #fefefe;
}
.models-slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 0;
}
.models-slider__desc {
  display: block;
  background-color: #0C5DAC;
  text-align: center;
  padding: 5px;
  color: #fff;
}
.models-slider__link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.models-slider .slick-arrow {
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
  z-index: 10;
  color: #0c5dac;
}
.models-slider .btn_prev {
  left: 20px;
}
.models-slider .btn_next {
  right: 20px;
}

.video-slide--story {
  background-color: #0C5DAC;
  padding: 10px 70px!important;
  margin-bottom: 30px;
}
.video-slide--story .video-slide__item {
  margin-right: 0;
  margin: 20px;
  position: relative;
}
.video-slide--story .video-slide__item a span {
  bottom: 0;
}
.video-slide.video-slide--story .slick-arrow {
	position: absolute;
	cursor: pointer;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
}
.video-slide.video-slide--story .btn_prev {
  left: 20px;
}
.video-slide.video-slide--story .btn_next {
  right: 20px;
}
@media screen and (max-width: 768px) {
  .video-slide--story {
    padding: 0;
  }
  .video-slide--story .video-slide__item {
    margin: 0;
  }
  .video-slide.video-slide--story .slick-arrow {
    background-color: #0C5DAC;
    /* color: #0C5DAC; */
  }
}

.top-sort .sort__links{
  margin-top: 0;
  margin-bottom: 0!important;
      display: flex;
    align-items: center;
    column-gap: 1rem;
}
.sort.top-sort{
      background: #fff;
    padding: 1rem;
    margin-top: 1rem;
}
.top-sort .sort_link_sort, .top-sort .sort__link_pagecount{
      display: flex;
    align-items: center;
}

.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}