/* Start:/assets/css/main.css?1746377684128122*/
@charset "UTF-8";

@font-face {
  font-family: "GraphikLCG-Regular";
  src: url("/assets/css/../fonts/GraphikLCG-Regular/GraphikLCG-Regular.eot");
  src: url("/assets/css/../fonts/GraphikLCG-Regular/GraphikLCG-Regular.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/GraphikLCG-Regular/GraphikLCG-Regular.woff") format("woff"), url("/assets/css/../fonts/GraphikLCG-Regular/GraphikLCG-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "GraphikLCG-Semibold";
  src: url("/assets/css/../fonts/GraphikLCG-Semibold/GraphikLCG-Semibold.eot");
  src: url("/assets/css/../fonts/GraphikLCG-Semibold/GraphikLCG-Semibold.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/GraphikLCG-Semibold/GraphikLCG-Semibold.woff") format("woff"), url("/assets/css/../fonts/GraphikLCG-Semibold/GraphikLCG-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "rouble";
  src: url("/assets/css/../fonts/rouble/rouble.eot");
  src: url("/assets/css/../fonts/rouble/rouble.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/rouble/rouble.woff") format("woff"), url("/assets/css/../fonts/rouble/rouble.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "GraphikLCG-Bold";
  src: url("/assets/css/../fonts/GraphikLCG-Bold/GraphikLCG-Bold.eot");
  src: url("/assets/css/../fonts/GraphikLCG-Bold/GraphikLCG-Bold.eot?#iefix") format("embedded-opentype"), url("/assets/css/../fonts/GraphikLCG-Bold/GraphikLCG-Bold.woff") format("woff"), url("/assets/css/../fonts/GraphikLCG-Bold/GraphikLCG-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}


* {
  outline: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*Firefox 1-3*/
  -webkit-box-sizing: border-box;
  /* Safari */
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* html {
  line-height: 1;
} */

ol,
ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  border: 5px solid #fff;
  background: #fff;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bxslider {
  margin: 0;
  padding: 0;
}

ul.bxslider {
  list-style: none;
}

.bx-viewport {
  -webkit-transform: translatez(0);
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
  position: absolute;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url(/assets/css/images/bx_loader.gif) center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #666;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
  display: inline-block;
  vertical-align: bottom;
}

.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}

.bx-wrapper .bx-prev {
  left: 10px;
  background: url(/assets/css/images/controls.png) 0 -32px no-repeat;
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url(/assets/css/images/controls.png) -43px -32px no-repeat;
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(/assets/css/images/controls.png) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(/assets/css/images/controls.png) -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
  -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.owl-height {
  transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(/assets/css/owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #D6D6D6;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  opacity: .5;
  cursor: default;
}

.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #D6D6D6;
  display: block;
  -webkit-backface-visibility: visible;
  transition: opacity .2s ease;
  border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*
 * jquery.selectBoxIt.css 3.8.1
 * Author: @gregfranko
 */
/*
  Common CSS Properties
  ---------------------
  These properties will be applied to any themes that you use
*/
/* SelectBoxIt container */
.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * {
  font: 14px Helvetica, Arial;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  outline: none;
  white-space: nowrap;
}

/* Button */
.selectboxit-container .selectboxit {
  width: 220px;
  /* Width of the dropdown button */
  cursor: pointer;
  margin: 0;
  padding: 0;
  border-radius: 6px;
  overflow: hidden;
  display: block;
  position: relative;
}

/* Height and Vertical Alignment of Text */
.selectboxit-container span,
.selectboxit-container .selectboxit-options a {
  height: 30px;
  /* Height of the drop down */
  line-height: 30px;
  /* Vertically positions the drop down text */
  display: block;
}

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus {
  outline: 0;
}

/* Disabled Mouse Interaction */
.selectboxit.selectboxit-disabled,
.selectboxit-options .selectboxit-disabled {
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default;
}

/* Button Text */
.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px;
}

/* Options List */
.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  /* Minimum Width of the dropdown list box options */
  *width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  border-radius: 6px;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Individual options */
.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px;
}

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none;
}

/* Individual Option Optgroup Header */
.selectboxit-option,
.selectboxit-optgroup-header {
  text-indent: 5px;
  /* Horizontal Positioning of the select box option text */
  margin: 0;
  list-style-type: none;
}

/* The first Drop Down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header+.selectboxit-option-first {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}

/* The last Drop Down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

/* Drop Down optgroup headers */
.selectboxit-optgroup-header {
  font-weight: bold;
}

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover {
  cursor: default;
}

/* Drop Down down arrow container */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  position: absolute;
  right: 0;
}

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
}

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container {
  float: left;
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left;
}

.selectboxit-rendering {
  display: inline-block !important;
  *display: inline !important;
  zoom: 1 !important;
  visibility: visible !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon {
  background-color: inherit;
}

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

/*
  Default Theme
  -------------
  Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:active {
  color: #333333;
  background-color: #e6e6e6;
}

.selectboxit-btn.selectboxit-enabled:hover,
.selectboxit-btn.selectboxit-enabled:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.selectboxit-list {
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.selectboxit-list .selectboxit-option-anchor {
  color: #333333;
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
  color: #ffffff;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
  color: #999999;
}


.diswrr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  color: #3e3f44;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
  margin-bottom: 56px;
}

.ilk11k {
  height: 52px;
  margin-bottom: 20px;
}

.llk22 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 620px;
  width: 100%;
}

.bhjk {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 80px;
}

.llk22>div {
  margin-bottom: 25px;
}

.spptexrt {
  color: #595b68;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.75px;
}

.sp33 {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.42px;
  margin-bottom: 10px;
}

.bhjk {
  background-color: #f1f3f6;
  padding-top: 80px;
  padding-left: 60px;
}

.dh34 {
  color: #3e3f44;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.75px;
  margin-bottom: 30px;
}

.diswrr>div {
  margin-bottom: 20px;
}

.diswrr a {
  color: #3e3f44;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
}

.ttg {
  color: #3e3f44;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
  margin-bottom: 32px;
}

.diswrr strong {
  color: #3e3f44;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.42px;
  font-family: "GraphikLCG-Semibold";
  display: block;
  margin-bottom: 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: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  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;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  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;
  -moz-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;
  -moz-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;
  -moz-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: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

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

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

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

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(/assets/css/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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  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: -moz-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, 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: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  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: -moz-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, 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: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  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 {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  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);
  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;
  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);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  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 {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  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 {
  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;
  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 {
  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 {
  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);
  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 {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  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 {
  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 {
  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);
  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;
  -moz-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);
}

/* ---------------------------------------- */
/*!
 * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
  width: device-width;
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}


.container {
  width: 100%;
  /* padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: auto;
  margin-left: auto; */
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  padding-right: 7.5px;
  padding-left: 7.5px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7.5px;
  margin-left: -7.5px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 7.5px;
  padding-left: 7.5px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 13;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 8.3333333333%;
  }

  .offset-md-2 {
    margin-left: 16.6666666667%;
  }

  .offset-md-3 {
    margin-left: 25%;
  }

  .offset-md-4 {
    margin-left: 33.3333333333%;
  }

  .offset-md-5 {
    margin-left: 41.6666666667%;
  }

  .offset-md-6 {
    margin-left: 50%;
  }

  .offset-md-7 {
    margin-left: 58.3333333333%;
  }

  .offset-md-8 {
    margin-left: 66.6666666667%;
  }

  .offset-md-9 {
    margin-left: 75%;
  }

  .offset-md-10 {
    margin-left: 83.3333333333%;
  }

  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 13;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }

  .offset-lg-3 {
    margin-left: 25%;
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }

  .offset-lg-6 {
    margin-left: 50%;
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }

  .offset-lg-9 {
    margin-left: 75%;
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }

  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 13;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }

  .offset-xl-3 {
    margin-left: 25%;
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }

  .offset-xl-6 {
    margin-left: 50%;
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }

  .offset-xl-9 {
    margin-left: 75%;
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}

@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}

/*main css*/
body {
  font-family: "GraphikLCG-Regular";
  font-weight: 400;
  font-size: 16px;
}

.top-h {
  padding: 15px 0;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.wrapper-all {
  width: 100%;
  overflow: hidden;
}

.top-m a {
  color: #595b68;
  font-size: 14px;
  letter-spacing: 0.35px;
}

.top-m ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.top-m li {
  margin-right: 20px;
}

.top-m li:last-child {
  margin-right: 0;
}

.wrapper {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

.main-menu ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.main-menu li {
  margin-right: 20px;
}

.main-menu a {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  letter-spacing: 0.42px;
  display: flex;
  align-items: center;
}

.main-menu a:hover {
  color: #f87474;
}

.main-menu a.active {
  color: #f87474;
}

.main-menu a img {
  margin-left: 5px;
  position: relative;
  top: 1px;
}

.txc {
  color: #595b68;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0.42px;
  text-align: center;
  max-width: 130px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.dimhg {
  height: 100px;
}

.dimhg img {
  width: 100%;
  height: auto;
}

.ity {
  position: relative;
  padding-top: 0;
}

.ity .wrapper {
  position: relative;
  min-height: 562px;
}

.ity img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.close {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  cursor: pointer;
}

.menu-mb {
  position: fixed;
  transition: all 0.3s ease;
  top: 0;
  left: -101%;
  height: 100%;
  background: #fff;
  z-index: 99999;
  max-width: 320px;
  width: 100%;
  padding: 20px;
}

.menu-mb.show {
  left: 0;
}

.menu-mb .main-menu a img {
  display: none;
}

.menu-mb .main-menu {
  display: block;
  opacity: 1;
}

.menu-mb .main-menu ul {
  flex-direction: column;
}

.menu-mb .main-menu li {
  margin-bottom: 30px;
}

.it-rdf {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 45px;
  margin: 0 0px 25px;
}


#onesld .owl-nav {
  max-width: 1440px;
  width: 100%;
  padding: 0 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  top: -381px;
}

#onesld .owl-prev {
  background-color: transparent;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-image: url(/assets/css/../img/lfr.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

#onesld .owl-next {
  background-color: transparent;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-image: url(/assets/css/../img/rgf.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto;
}

.hw {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0.95px;
  max-width: 470px;
  width: 100%;
  margin-top: 127px;
  margin-bottom: 18px;
}

.txthw {
  color: #3e3f44;
  margin-bottom: 30px;
  font-size: 18px;
  max-width: 365px;
  width: 100%;
  line-height: 1.5;
  letter-spacing: 0.9px;
}

.detr {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.parim {
  position: relative;
  padding-top: 74%;
  text-align: center;
}

.parim img {
  position: absolute;
  width: 100%;
  height: 100%;
  max-width: 500px;
  left: 0;
  top: 0;
  object-fit: cover;
}

.llkii {
  color: #3e3f44;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.8px;
  max-width: 1175px;
  width: 100%;
}

.llkii p {
  margin-bottom: 30px;
}

.gmb {
  display: none;
}

.zgg {
  color: #3e3f44;
  font-size: 30px;
  line-height: 1.5;
  letter-spacing: 0.75px;
}

.utxtd2 {
  max-width: 645px;
  width: 100%;
  padding-top: 44px;
}



.pri {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pri>div {
  flex-basis: 33%;
  margin-bottom: 35px;
}

.er44 {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.42px;
}

.paeim {
  height: 49px;
  margin-bottom: 22px;
}

.paeim img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.disimhjj {
  max-width: 272px;
  width: 100%;
  margin-right: 120px;
}

.uiyy {
  color: #3e3f44;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
}

.uiyy p {
  margin-bottom: 30px;
}

.bitd {
  background-color: #f1f3f6;
  padding: 43px 60px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.inner {
  border-bottom: 10px solid #f2f2f2;
  margin-bottom: 25px;
}

.bx-breadcrumb {
  margin-bottom: 32px !important;
}

.bx-breadcrumb-item em {
  color: #b9b9bb;
  font-size: 15px;
  letter-spacing: 0.15px;
  font-family: "GraphikLCG-Semibold";
}

.bx-breadcrumb .bx-breadcrumb-item span {
  font-family: "GraphikLCG-Bold";
  font-size: 15px !important;
  letter-spacing: 0.15px !important;
}

.bx-breadcrumb .bx-breadcrumb-item a {
  color: #b9b9bb;
  font-size: 15px;
  letter-spacing: 0.15px;
}

.desimgh {
  max-width: 680px;
  width: 100%;
  text-align: center;
}

.nmmh {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0.95px;
  margin-bottom: 20px;
}

.dessf {
  color: #3e3f44;
  font-size: 15px;
  line-height: 1.5;
  letter-spacing: 0.75px;
  margin-bottom: 20px;
}

.cartg {
  color: #fff;
  display: inline-block;


  background-color: #2c3771;
  padding: 15px 20px;
  font-size: 18px;
  letter-spacing: 0.38px;
  margin-top: 20px;
}

.cartg:hover {
  /*background-color: #0c101b;*/
  background-color: #DC0333;
  color: #fff;

}

.detr {
  margin-bottom: 80px;
}

.stgo {
  color: #595b68;
  font-size: 14px;
  margin-bottom: 20px;
}

.stgo strong {
  display: inline-block;
  margin-right: 10px;
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 15px;
  letter-spacing: 0.38px;
}

.destit2 {
  color: #3e3f44;
  margin-bottom: 20px;
  font-size: 19px;
  line-height: 1.5;
  letter-spacing: 0.47px;
}

.txtffg {
  width: calc(100% - 680px);
}

.ctitt {

  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -1%;
  _max-width: 1042px;
  width: 100%;
}

.ctitt .it-ct {
  flex-basis: 31.33%;
  margin: 0 1%;
  width: 31.33%;
  max-width: 31.33%;
  min-width: 31.33%;
  flex-basis: 23%;
  margin: 10px 1%;
  width: 23%;
  max-width: 233%;
  min-width: 23%;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, .15);

}

h1 {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0.95px;
}

.h1 {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  margin-bottom: 24px;
  font-size: 38px;
  line-height: 1.2;
  letter-spacing: 0.95px;
}

.desb {
  display: inline-block;
  border-radius: 1px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.38px;
  padding: 13px 25px;
}

.desb:hover {
  background: #2c3771;
  font-weight: 700;
}

.desb-bann {
  display: inline-block;
  border-radius: 1px;
  background-color: #2c3771;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.38px;
  padding: 13px 25px;
}

.desb-bann:hover {
  background-color: #DC0333;
  color: #fff;
}


.txtd {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 129px;
}

.derf:hover {
  transition: all 0.3s ease;
  border-radius: 1px;
  background-color: #DC0333 !important;
  color: #fff;
  font-family: "GraphikLCG-Regular";
  font-size: 15px;
  letter-spacing: 0.33px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  margin-top: 15px;
  line-height: 1;

}



.btn_site {
  color: #f7f7fa !important;
  font-size: 14px;
  letter-spacing: 0.33px;
  border-radius: 1px;
  background-color: #2c3771;
  ;
  padding: 8px 15px;
  text-decoration: none !important;
}

.btn_site:hover {
  background: #DC0333;
  color: #f7f7fa !important;
}

.btn_sitek {
  color: #f7f7fa !important;
  font-size: 17px;
  letter-spacing: 0.33px;
  margin-left: 10px;
  background-color: #2c3771;
  padding: 15px 15px;
  text-decoration: none !important;
}

.btn_sitek:hover {
  background-color: #DC0333;
  color: #fff !important;

}





.itemsdd {

  flex-basis: 20%;
  max-width: 215px;
  text-align: center;
  padding: 10px 10px 20px;
}

.itemsdd:hover {
  box-shadow: 0 0 15px #cccccc80;
}

.itemsdd img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.cart {
  position: relative;
}

.cart span {
  position: absolute;
  top: -6px;
  left: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  background-color: #f2f2f2;
  color: #9a9ba5;
  font-size: 10px;
  letter-spacing: 0.1px;
  border-radius: 50%;
}

.mids {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

.righ {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.righ a {
  display: inline-block;
  margin-right: 25px;
}

.righ a:last-child {
  margin-right: 0;
}

main {
  min-height: 500px;
}

a {
  transition: all 0.3s ease;
  text-decoration: none;
}

a:hover {
  transition: all 0.3s ease;
  text-decoration: none;
}

.top-h_info .mail {
  margin-right: 15px;
  color: #2c3771;
}

.top-h_info .mail a {
  margin-right: 15px;
  color: #2c3771;
}

.db a {
  color: #2c3771;

}

.db {
  color: #d0d0d4;
  font-family: "GraphikLCG-Semibold";
  font-size: 14px;
  margin-right: 35px;
}

.tel {
  color: #595b68;
  letter-spacing: 0.14px;
  font-size: 14px;
}

.iuy {
  background-color: #f1f3f6;
  padding-left: 30px;
  flex-basis: 31.8%;
  position: relative;
}

.wrtild {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.naming img {
  margin-left: auto;
  display: block;
}

.dname {
  position: absolute;
  top: 38px;
  left: 30px;
}

.dname img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.textr2 {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.45px;
  position: absolute;
  bottom: 50px;
  left: 30px;
}

.h2 {
  color: #3e3f44;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0.75px;
  margin-bottom: 40px;
  margin-top: 70px;
}

h2 {
  color: #3e3f44;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0.75px;
  margin-bottom: 20px;

}

.bbn2 {
  background: url(/assets/css/../img/banners.jpg) no-repeat center/cover;
  min-height: 405px;
  position: relative;
}

.h3e {
  color: #fff;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 1.05px;
  margin-bottom: 30px;
}

.otxt {
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.85px;
  max-width: 530px;
  width: 100%;
  margin-bottom: 30px;
}

.ftetr {
  padding-left: 60px;
  padding-top: 80px;
}

@media screen and (max-width: 670px) {
  .ftetr {
    padding: 40px 20px;
  }

  .bbn2 {
    min-height: unset;
  }
}


.divimg {
  position: absolute;
  top: -102px;
  right: 62px;
}

.divimg img {
  width: auto;
  height: auto;
  max-width: 100%;
}

.pogs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.bn22 {
  color: #9a9ba5;
  font-size: 15px;
  letter-spacing: 0.38px;
}

.bn22 a {
  margin-right: 8px;
}

.bn22 a:last-child {
  margin-right: 0;
}

.all {
  color: #595b68;
}

.sldit {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.pagingInfo {
  margin-right: 25px;
}

#skj {
  margin: 0 -24px;
  max-height: 500px;
}

#skj .slick-slide {
  margin: 0 24px;
}

.nmm {
  color: #2c3771;
  font-family: "GraphikLCG-Semibold";
  line-height: 1.5;
  font-size: 14px;
  letter-spacing: 0.4px;
  margin-top: 10px;
  margin-bottom: 20px;
  word-wrap: break-word;
}

.tito {
  position: relative;
  padding-top: 103%;
}

.tito img {
  width: 100%;
  height: 100%;
  max-width: 400px;
  max-height: 500px;
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}

.tito img.img_big {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.it-ct:hover img.img_big {
  opacity: 1;
  visibility: visible;

}

.ook {
  color: #18b258;
  font-size: 14px;
  letter-spacing: 0.35px;
}

.rbb {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-top: 10px;
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 18px;
  letter-spacing: 0.45px;
}

.rbb span {
  font-family: "rouble";
}

.sali {
  color: #595b68;
  position: relative;
  font-family: "GraphikLCG-Regular";
  font-size: 15px;
  margin-left: 18px;
}

.sali em {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #DC0333;
}

.it-ct {
  padding: 20px 20px 40px 20px;
  padding: 10px 10px 20px 10px;
}

.it-ct:hover {
  box-shadow: 0 9px 29px rgba(34, 34, 34, 0.16);
}

.it-ct:hover .derf {
  background-color: #2c3771;
  ;
  color: #fff;
}

.derf {
  transition: all 0.3s ease;
  border-radius: 1px;
  background-color: #2c3771;
  color: #fff;
  font-family: "GraphikLCG-Regular";
  font-size: 15px;
  letter-spacing: 0.33px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  margin-top: 15px;
  line-height: 1;
}

@media screen and (max-width: 992px) {
  .derf {
    background-color: #2c3771;
    color: #fff;
  }

  .it-ct {
    box-shadow: 0 4px 6px rgba(34, 34, 34, 0.16);
  }
}

.dis {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-top: 33px;
}

.lkk {
  color: #3e3f44;
  max-width: 1185px;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.8px;
}

.lkk p {
  margin-bottom: 25px;
}

.twotxt {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
}

.ilkj {
  flex-basis: 32%;
  width: 32%;
  margin-bottom: 60px;
}

.stg {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  margin-bottom: 15px;
  font-size: 17px;
  line-height: 1.2;
  letter-spacing: 0.42px;
}

.tcc {
  color: #595b68;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.75px;
}

.dsc {
  background-color: #1c263e;
  padding: 60px 0;
}

.lines {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sv {
  color: #fff;
  font-size: 25px;
  letter-spacing: 0.63px;
}

.zg {
  color: #fff;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  letter-spacing: 0.42px;
  margin-bottom: 9px;
}

.jjh {
  color: #8590aa;
  font-size: 15px;
  line-height: 1.2;
  letter-spacing: 0.75px;
}

.jjh .telk2 {
  color: #596480;
  font-family: "GraphikLCG-Semibold";
  font-size: 14px;
  line-height: 1.2;
  display: block;
  margin-top: 5px;
}

.week {
  font-family: "GraphikLCG-Bold";
  color: #8590aa;
}

.mail {
  color: #8590aa;
  font-size: 14px;
}

.footer {
  background-color: #f5f5f5;
  padding: 60px 0 30px;
}

.txtft {
  margin-top: 70px;
  color: #3e3f44;
  font-size: 18px;
  line-height: 1.2;
  letter-spacing: 0.45px;
}

.ftmenu li {
  margin-bottom: 20px;
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  letter-spacing: 0.42px;
}

.ftmenu a {
  font-family: "GraphikLCG-Regular";
  color: #595b68;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.35px;
}

.ftmenu a.bldf {
  margin-bottom: 20px;
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
  letter-spacing: 0.42px;
}

.ftmenu a.bldf:hover {
  color: #DC0333;
}

.ft {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd;
}

.bldf {
  color: #3e3f44;
  font-family: "GraphikLCG-Semibold";
  font-size: 17px;
}

.bldf:hover {
  color: #DC0333;
}

.desr1 li {
  margin-bottom: 40px;
}

.mt {
  color: #595b68;
  font-size: 15px;
  letter-spacing: 0.75px;
}

.mt img {
  position: relative;
  top: 3px;
}

.copy {
  color: #595b68;
  font-size: 15px;
  letter-spacing: 0.75px;
}

.cop {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 30px;
  padding-bottom: 28px;
}

@media (max-width: 1400px) {
  .rgg44 {
    display: none;
  }

  .lgg22 {
    width: 100%;
  }

  .llk22 {
    max-width: 100%;
  }

  .bhjk {
    padding-right: 60px;
    padding-bottom: 60px;
  }
}



/*main media*/
@media (max-width: 1200px) {
  .divimg {
    display: none;
  }
}

@media (max-width: 992px) {
  .desimgh {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .itemsdd {
    flex-basis: 33%;
  }

  .pagingInfo {
    display: none;
  }

  .utxtd2 {
    max-width: 100%;
  }

  .txtffg {
    width: 100%;
  }

  .parim {
    padding-top: 56%;
  }

  .bitd {
    padding: 20px;
  }

  .iuy {
    flex-basis: 48%;
    margin-bottom: 30px;
  }
}

@media (max-width: 769px) {
  .parim img {
    max-width: 100%;
  }

  .pri>div {
    flex-basis: 48%;
  }

  .utxtd2 {
    padding-top: 0;
  }

  .parim {
    padding-top: 98%;
  }

  .bx-filter {
    max-width: 100% !important;
    margin-bottom: 30px;
  }

  .ctitt .it-ct {
    flex-basis: 48%;
    width: 48%;
    max-width: 48%;
    min-width: 48%;
  }

  .nmmh {
    font-size: 28px;
  }

  .col-sm-8 {
    flex: 100% !important;
    max-width: 100% !important;
  }

  .ctitt {
    width: 100%;
    max-width: 100%;
  }

  .col-sm-4 {
    flex: 100% !important;
    max-width: 100% !important;
  }

  .itemsdd {
    flex-basis: 48% !important;
  }

  .h_main-menu {
    display: none;
  }

  .ity .wrapper:before {
    display: block;
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff70;
  }

  .txtd {
    padding: 20px;
  }

  .righ {
    margin-top: 30px;
    width: 100%;
    max-width: 100%;
    justify-content: space-between;
  }

  .gmb {
    display: inline-block;
    width: 35px;
  }

  .gmb img {
    width: 100%;
    height: auto;
  }

  .ilkj {
    flex-basis: 48%;
    width: 48%;
  }

  .top-h_menu {
    display: none;
  }

}

@media (max-width: 500px) {
  .disimhjj {
    display: none;
  }

  .ftetr {
    padding: 20px;
  }

  .iuy {
    flex-basis: 100%;
  }

  .ilkj {
    flex-basis: 100%;
    width: 100%;
  }

  .lines>div {
    flex-basis: 100%;
  }

  .itemsdd {
    flex-basis: 100% !important;
    width: 100%;
    max-width: 100%;
  }

  .h1 {
    font-size: 24px;
  }
}

@media (max-width: 450px) {
  .pri>div {
    flex-basis: 100%;
    text-align: center;
    margin-bottom: 30px;
  }

  .ctitt {
    margin-left: 0;
    margin-right: 0;
  }

  .ctitt .it-ct {
    /* flex-basis: 100%;
width:100%;
  max-width:100%;
  min-width:100%;
    margin-left: 0;
    margin-right: 0;*/
  }
}

@media (max-width: 420px) {
  .top-h_info .mail {
    display: none;
  }
}

.banner__catalog--text strong a {
  font-family: "GraphikLCG-Bold";
  color: #2c3771;
}



.catalog-products__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  /*grid-gap: 64px 10px !important;*/
	grid-gap: 10px 10px !important;
}

.products-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--obvodka-fona);
  margin-bottom: 40px !important;
}

.status-on-stock_no::before {
  background: #e80707 !important;
}

.correct_style {
  z-index: 10;
}

.selected-filters__wrapper {
  margin-bottom: 50px !important;
}

.catalog-product .product-card {
  width: auto !important;
}

.product-card-slider-cst {
  width: auto !important;
}

.product-right {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  /* flex-direction: column; */
  align-items: center;
  row-gap: 8px;
  column-gap: 10px;
}

.product-options, .product-options15 {
  position: absolute;
  bottom: 15px;
  left: 15px;
  display: flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 10px;
  z-index: 2;
}

.product-favorite,
.product-compare {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.03);
  background-color: #F4F4F4;
  border-radius: 100%;
  cursor: pointer;
}

.product-favorite .header-shop__icon,
.product-compare .header-shop__icon {
  height: 16px;
}

.product-favorite.active path {
  fill: #ff3333;
}

.product-favorite__pic {
  width: 17px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.00093 10.6875L5.99908 10.6875C5.88045 10.6878 5.76294 10.6646 5.65334 10.6192L5.50986 10.9657L5.65334 10.6192C5.54373 10.5738 5.44421 10.5071 5.36052 10.4231L5.35992 10.4225L1.21879 6.28121L1.21879 6.28121C0.674222 5.73664 0.375 5.01452 0.375 4.24425V4.19337C0.375 3.42309 0.674236 2.70086 1.21876 2.15644C1.76339 1.61193 2.4858 1.3125 3.25563 1.3125H3.30688C4.07677 1.3125 4.79915 1.61173 5.34371 2.15629L5.73484 2.54741L6 2.81258L6.26516 2.54742L6.65629 2.15629C7.20085 1.61173 7.92323 1.3125 8.69312 1.3125H8.74438C9.51427 1.3125 10.2366 1.61173 10.7812 2.15629C11.3258 2.70086 11.625 3.42298 11.625 4.19325V4.24412C11.625 5.01441 11.3258 5.73664 10.7812 6.28106L10.7812 6.28109L6.64008 10.4223L6.63941 10.423C6.55575 10.5071 6.45624 10.5738 6.34665 10.6192C6.23706 10.6646 6.11956 10.6878 6.00093 10.6875Z' stroke='%2332477C' stroke-width='0.75'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.product-favorite.active .product-favorite__pic {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 11.0625C5.83183 11.0629 5.66524 11.03 5.50986 10.9657C5.35448 10.9013 5.21339 10.8068 5.09475 10.6876L0.953625 6.54637C0.33875 5.9315 0 5.114 0 4.24425V4.19337C0 3.32362 0.33875 2.506 0.953625 1.89125C1.5685 1.2765 2.38625 0.9375 3.25563 0.9375H3.30688C4.17625 0.9375 4.994 1.27625 5.60887 1.89112L6 2.28225L6.39113 1.89112C7.006 1.27625 7.82375 0.9375 8.69312 0.9375H8.74438C9.61375 0.9375 10.4315 1.27625 11.0464 1.89112C11.6613 2.506 12 3.3235 12 4.19325V4.24412C12 5.11387 11.6613 5.9315 11.0464 6.54625L6.90525 10.6875C6.78663 10.8067 6.64555 10.9013 6.49017 10.9656C6.33479 11.03 6.16819 11.0629 6 11.0625Z' fill='%23DC0333'/%3E%3C/svg%3E%0A");
}

.product-compare.active {
  background-color: #32477C;
}

.product-compare.active path {
  fill: #ffffff;
}

.product-compare {}

.header-medium__calling {
  display: none;
}

.header-shop__src {
  display: none;
}


@media (max-width: 1439px) {
  .product-labels {
    flex-direction: column !important;
  }
}

@media (max-width: 1000px) {

	.catalog-products__list {
		grid-gap: 35px 10px !important;
	}
}

@media (max-width: 768px) {
  .swiper-similar .swiper-wrapper {
    display: grid;
    grid-auto-flow: column;
  }

  .product-card-slider-cst {
    height: 562px !important;
  }

  .main-product .product-card {
    /* border-radius: 0 !important; */
  }

}

@media (max-width: 767px) {
  .header-shop__src {
    display: flex;
    width: 20px;
    height: 20px;
  }

  .header-shop__src img {
    filter: brightness(0) saturate(100%) invert(27%) sepia(29%) saturate(1039%) hue-rotate(184deg) brightness(94%) contrast(95%);
  }

  #search-results_mob {
    height: 0;
    overflow: hidden;
    transition: 0.2s linear;
  }

  #search-results_mob.active {
    height: 40px;
  }

  .header-shop__mount {
    right: -4px !important;
    top: -4px !important;
  }

  .hamburger {
    width: 24px;
  }

  .header-shop {
    align-items: center;
  }

  main {
    padding-top: 80px !important;
  }

  .header-medium__calling {
    display: flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 2px;
    margin-bottom: 0;
  }

  .header-shop__text {
    display: none;
  }

  .header-medium__calling .header-phone__number {
    margin-bottom: -1px;
    font-size: 4vw;
    letter-spacing: -1px;
    white-space: nowrap;
  }

  .header-medium__calling .header-phone__call {
    font-size: 4.2vw;
    white-space: nowrap;
  }

  .hero {
    padding-top: 10px !important;
  }

  .header-fix {
    padding-bottom: 6px !important;
  }

  .header-medium__calling .menu-email {
    margin-bottom: -2px;
    font-size: 13px;
  }

  .product-card-slider-cst {
    height: 500px !important;
    padding: 10px !important;
  }

  .main-product .product-bottom {
    width: 94% !important;
    margin-bottom: 10px;
  }

  .main-product .product-card {
    border-radius: 12px;
  }

  .main-product .product-img__wrapper:after {
    border-radius: 0 !important;
  }

  /* .header-shop__compare {
    display: none !important;
  } */

  .header-logo {
    width: 44vw !important;
  }

  .header-shop {
    gap: 12px !important;
  }

  .header-shop__item {
    gap: 2px !important;
  }

  .slider__col {
    z-index: 1;
  }
}


/* section compare*/

.compare {}

.compare__inner {
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
}

.compare__top {
  display: flex;
  /* column-gap: 4px; */
}

/* .compare__empty-block {
  width: 400px;
  min-width: 400px;
} */

.compare__aside {
  flex: 0 0 400px;
  margin-top: 420px;
}

.compare__aside .compare__text {
  text-align: left;
}

.compare__rows {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.compare__row {
  padding: 12px;
  min-height: 100px;
  z-index: 10;
}

.compare__row:has(.compare__row-line) {
  padding: 0;
  height: 60px;
  min-height: 60px;
}

.compare__row-line {
  display: grid;
  align-items: center;
  padding: 12px;
  height: 100%;
  width: 100%;
  background-color: #d1daf1;
}

.compare__text {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  color: var(--osnovnoy-tekst);
  text-align: center;
}

.compare__category {
  /* height: 400px; */
  margin-bottom: 20px;
}

.compare__category-label {
  padding: 12px;
  margin-bottom: 12px;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
}

.compare__category-list {
  display: flex;
  align-items: center;
  column-gap: 12px;
  flex-wrap: wrap;
  row-gap: 16px;
}

.compare__category-item {}

.compare__category-link {
  display: flex;
  padding: 12px;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 20px;
  color: var(--osnovnoy-tekst);
}

.compare__category-item.active {
  font-weight: 700;
  color: var(--svetlo-siniy);
}

.compare__category-item.active .compare__category-link {
  font-weight: 700;
  color: var(--svetlo-siniy);
}


.compare__main {
  display: flex;
  width: calc(100% + 400px);
  overflow-x: auto;
  overflow-y: hidden;
}

.compare__cards {
  display: flex;
  align-items: flex-start;
  column-gap: 4px;
  /* width: calc(100% + 400px);
  overflow-x: auto;
  overflow-y: hidden; */
}

.compare__card {
  display: grid;
  align-items: center;
  width: 400px;
  min-width: 400px;
}

.compare__card.hidden {
  display: none;
}

.compare__card-head {
  position: relative;
  z-index: 1;
  height: 400px;
  margin-bottom: 20px;
}

.compare__card-delete {
  position: absolute;
  top: 10px;
  right: 10px;
  border: 0;
  outline: 0;
  background-color: transparent;
}

.compare__card-picture {}

.compare__card-picture img {
  margin: 0 auto;
}

.compare__card-prices {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

.compare__card-price {}

.compare__card-btn {}


@media (max-width: 991px) {

  .product-favorite,
  .product-compare {
    width: 30px;
    height: 30px;
  }

  .compare__text {
    font-size: 16px;
  }

  .compare__aside {
    flex: 0 0 200px;
    margin-top: 300px;
  }

  .compare__card {
    width: 300px;
    min-width: 300px;
  }

  .compare__row {
    min-height: 60px;
  }

  .compare__row:has(.compare__row-line) {
    height: 40px;
    min-height: 40px;
  }

  .compare__card-head {
    height: 280px;
  }

  .compare__card-picture img {
    height: 200px;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  .product-page__tab-text {
    padding: 2px 0 30px 0;
  }

  .tab-characters {
    margin-bottom: 20px;
  }

  .tab-shipping,
  .tab-payment {
    padding: 20px !important;
  }

  .tab-character {
    column-gap: 20px;
  }

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

  .product-right {
    top: 10px;
    right: 10px;
    /* flex-direction: column; */
  }

  .compare__category-label {
    font-size: 20px;
  }

  .compare__category-label {
    padding: 0 12px;
  }

  .compare__category-link {
    padding: 6px 12px;
    font-size: 16px;
  }

  .compare__category-list {
    column-gap: 8px;
    row-gap: 8px;
  }

  .compare__aside {
    flex: 0 0 126px;
    margin-top: 250px;
  }

  .compare__card {
    width: 160px;
    min-width: 160px;
  }

  .compare__row {
    min-height: 44px;
    padding: 6px 12px;
  }

  .compare__row-line {
    padding: 6px 12px;
  }

  .compare__text {
    font-size: 12px;
  }

  .compare__card-picture img {
    width: 100% !important;
    height: 160px;
  }

  .compare__card-head {
    height: 230px;
  }

  .compare__card-price .product-price {
    justify-content: center;
  }
}

@media (max-widht: 359px) {
  .header-medium__calling .header-phone__number {
    font-size: 13px;
    white-space: nowrap;
    margin-bottom: -1px;
  }

  .header-medium__calling .header-phone__call,
  .header-medium__calling .menu-email {
    font-size: 11px;
  }

  .header-logo {
    width: 130px !important;
  }
}
/* End */


/* Start:/assets/js/fancybox-master_3_5_7/jquery.fancybox.min.css?172227452812795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/assets/css/headermob.css?1722274528739*/
.shd {
	display: inline-block;
	margin-right: 20px;
}

.rw223 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

.rw223 .cart span {
	top: -15px;
}

.lggh {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.mobheaders {
	display: none;
}


@media (max-width: 992px) {
	.dhd {
		display: none;
	}
.gmb {
  display: inline-block;
}
	.mobheaders {
		display: block;
	}
}


@media (max-width: 450px) {
	.logoshh img {
	max-width: 150px !important;
}

}

@media (max-width: 380px) {
	.btn_site {
	order: 3;
width: 100%;
margin-top: 15px;
text-align: center;
}

.disokl {
	margin-top: 20px;
}
}
/* End */


/* Start:/assets/js/slick/slick.css?17222745281776*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    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);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[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;
}

/* End */


/* Start:/assets/js/slick/slick-theme.css?17222745283145*/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/js/slick/./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/assets/js/slick/./fonts/slick.eot');
    src: url('/assets/js/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/assets/js/slick/./fonts/slick.woff') format('woff'), url('/assets/js/slick/./fonts/slick.ttf') format('truetype'), url('/assets/js/slick/./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/* End */


/* Start:/assets/js/sxlop/sxlop.css?17222745281262*/
.sxlop{
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
	overflow: hidden;
	position: relative;
}
.sxlop.active_set{
	height:auto;
	padding-bottom: 35px;
}

.sxlop_set_show,.sxlop_set_hide{
	background: #ffffff;
    bottom: 0;
    left: 0;
    color: #333;
    padding: 8px 0;
    position: absolute;
    text-align: center;
		width: 100%;
		line-height: 1;
		font-size: 15px;
		height: auto;
		z-index: 2;
}
.sxlop_set_show>span,.sxlop_set_hide>span{
cursor: pointer;
border-bottom: 1px dashed #333;
}
.sxlop_set_show>span:hover,.sxlop_set_hide>span:hover{
border-bottom: 1px dashed transparent;	
}
.sxlop_set_show{
display:block;
}
.sxlop_set_hide{
display:none;
}
.sxlop.active_set .sxlop_set_hide{
display:block;
}
.sxlop.active_set .sxlop_set_show{
display:none;
}
.sxlop.active_y:before {
	display:block;
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 80%;
	max-height:120px;
    pointer-events: none;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
}
.sxlop.active_y.active_set:before{
	display:none;
}
/* End */


/* Start:/newcssstyle/assets/css/style.css?1722274592190*/
@import url("/newcssstyle/assets/css/desktop.css");
@import url("/newcssstyle/assets/css/adaptive1919.css");
@import url("/newcssstyle/assets/css/adaptive1439.css");
@import url("/newcssstyle/assets/css/adaptive1199.css");
@import url("/newcssstyle/assets/css/adaptive999.css");
@import url("/newcssstyle/assets/css/adaptive767.css");
/* End */


/* Start:/newcssstyle/assets/css/desktop.css?178133529692133*/
/*
TODO

-Блок с сертификатами. Вынести в отдельный компонент и наладить работу при разных разрешениях
- в карточке продукта сделать листалку при ховере

*/

@charset "UTF-8";


*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Убираем внутренние отступы */
ul[class],
ol[class] {
  padding: 0;
}

/* Убираем внешние отступы */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}


:root {
  --temno-siniy: #013560;
  --svetlo-siniy: #32477c;
  --osnovnoy-krasnyy: #dc0333;
  --osnovnoy-tekst: #333438;
  --dop-tekst: #777b89;
  --vtorostepennyy-tekst: #99a5b3;
  --svetlyy-fon: #f8f8fa;
  --svetlyy-fon-svetlee: #fbfbfb;
  --obvodka-fona: #f4f4f4;
  --obvodka-fona-temnee: #e8e8e8;
  --belyy: #fff;
  --font-family: "Onest", sans-serif;
  --second-family: "Montserrat", sans-serif;
}


body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  position: relative;


}

body,
html {
  overflow-x: hidden;
}

body:has(.main-article),
html:has(.main-article) {
  overflow-x: unset;
}

/* Удаляем стандартную стилизацию для всех ul и il, у которых есть атрибут class*/
ul[class],
ol[class] {
  list-style: none;
}

/* Элементы a, у которых нет класса, сбрасываем до дефолтных стилей */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

a {
  text-decoration: none;
}

/* Упрощаем работу с изображениями */
img {
  max-width: 100%;
  display: block;
}

/* Указываем понятную периодичность в потоке данных у article*/
article>*+* {
  margin-top: 1em;
}

/* Наследуем шрифты для инпутов и кнопок */
input,
button,
textarea,
select {
  font: inherit;
}

input[type="submit"] {
  cursor: pointer;
}

textarea:focus,
input:focus {
  outline: none;
}

button {
  border: none;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  outline: none;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;

  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;

  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;

  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  border: none;
}

@font-face {
  font-family: "Montserrat";
  src: url("/newcssstyle/assets/css/../fonts/Montserrat-VariableFont_wght.ttf");
  font-display: swap;
}


@font-face {
  font-family: "Onest";
  src: url("/newcssstyle/assets/css/../fonts/Onest-VariableFont_wght.ttf");
  font-display: swap;
}



html {
  font-family: var(--font-family);
  font-weight: 500;
  color: var(--text-color);
  scroll-padding-top: 120px;
}

.container {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;

}

/* HEADER */

.header {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 50%;
  width: 100%;
  transform: translateX(-50%);
  background-color: #ffffff;
}

.header-top {
  background: #f5f7fa;
  padding: 6px 0;
  margin-bottom: 15px;
}

.container {}

.header-top__wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.menu-top {
  display: flex;
  gap: 30px;
}

.menu-top__item {}

.menu-top__link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  color: var(--dop-tekst);
}

.contacts-top {
  display: flex;
  gap: 40px;
  flex: 1;
  justify-content: flex-end;
}

.social-links{
  display: flex;
  margin-right: -30px;

}
.social-links img {
  margin-right: 12px;
  transition: .2s linear;
}

.social-links img:hover{opacity:.7}

.menu-address {
  display: flex;
  align-items: center;
  column-gap: 4px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.menu-address .header-phone__number {
  font-size: 15px;
}

.menu-email {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 13px;
  text-decoration: none;
  text-decoration-skip-ink: none;
  color: var(--osnovnoy-krasnyy);
}

.header-medium__container {
  margin-bottom: 15px;
}

.header-medium {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header-medium__left {
  display: flex;
  align-items: center;
}

.header-logo {
  width: 216px;
  margin-right: 40px;
}

.header-logo__img {}

.catalog-btn {
  background: var(--svetlo-siniy);
  border-radius: 4px;

  width: 137px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-right: 20px;
  cursor: pointer;
}

.catalog-btn__icon {}

.catalog-btn__text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--belyy);
}

.header-search {
  display: flex;
  width: 610px;
  height: 42px;
  position: relative;
}

.search-results {
  position: absolute;
  top: 50px;
  background: var(--belyy);
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  z-index: 2;



}

.search-results__list {
  display: flex;
  flex-direction: column;
}

.search-results__item {}

.search-results__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  transition: all 0.2s linear;
}

.search-results__link:hover {
  border-radius: 8px;
  background: #f5f7fa;
}

.search-results__link:hover .search-results__title {
  font-weight: 500;
  font-size: 15px;
  color: var(--svetlo-siniy);
}

.search-results__category {}

.search-results__product .search-results__icon {
  display: none;
}

.search-results__left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-results__icon {}

.search-results__title {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}



.search-input {
  border: 2px solid #eef0f3;
  border-radius: 8px 0 0 8px;
  ;
  padding: 0px 0px 0px 40px;
  width: 525px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--vtorostepennyy-tekst);

}

.search-product {
  position: absolute;
  right: -380px;
  top: 0;
}

/* product card */


.product-card {
  background: var(--belyy);
  border: 1px solid var(--obvodka-fona);
  border-radius: 20px;
  padding: 15px 15px 20px 15px;
  width: 360px;
  display: block;

}

.product-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  height: 74px;
}

.product-labels {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: absolute;
  top: 15px;
  left: 15px;
}

.product-label {
  border-radius: 60px;
  width: fit-content;
  height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  color: var(--belyy);
  padding: 6px 15px;

}

.label-hit {
  background: #6bba50;
}

.label-gift {
  background: var(--osnovnoy-krasnyy);
}

.label-new {
  background: #ffa800;
}

.label-custom-stick {
  background: var(--svetlo-siniy);
}

.label-tbc {
  background: #ffdd2d;
  color: #585858;
}


.product-top__btns {
  display: flex;
  gap: 10px;
  align-items: center;
}

.product-top__btn {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1.33px solid var(--obvodka-fona);
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-img__wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  position: relative;
  height: 250px;

}

.main-product .product-img__wrapper {
  height: 300px;
  margin-bottom: 0;
}

.product-img__wrapper:after {
  background: #3956730d;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 12px;

}

.main-product .product-img__wrapper:after {
  border-radius: 20px 20px 0 0;
}

ul.product-slider {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;

}

.main-product ul.product-slider {
  padding: 0 30px;
}

.product-slider__item {
  width: 24%;
  border-bottom: 2px solid var(--obvodka-fona-temnee);
}

.product-slider__item.active/*, .product-slider__item:hover*/ {
  border-bottom: 3px solid var(--svetlo-siniy);
}


.product-img {
  height: auto !important;
  width: auto !important;
}

.product-bottom {
  padding: 0 15px;
}

.product-status-article {
  display: flex;
  justify-content: space-between;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  color: var(--vtorostepennyy-tekst);
  margin-bottom: 5px;
}

.product-status {
  position: relative;
  margin-left: 10px;
}

.product-status::before {
  position: absolute;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 100%;
  left: -10px;
  top: 50%;
  transform: translateY(-50%);

}

.status-on-order::before {
  background: #0187d2;
}

.status-on-stock::before {
  background: #01d209;
}

.product-article {}

.product-article__title {}

.product-article__name {}

.product-name {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
  /* margin-bottom: 20px;*/

  /*-ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  -ms-line-clamp: 2;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  display: box;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  padding: 0px;
  margin: 0px;
  height: 40px;*/
}

.product-price {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  padding: 8px 0px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

.product-price__new {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  color: var(--osnovnoy-tekst);
}

.product-price__old {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 16px;
  color: var(--vtorostepennyy-tekst);
  text-decoration: line-through 2px solid var(--osnovnoy-krasnyy);

}

.product-price__discount {
  background: #7d03dc;
  border-radius: 30px;
  padding: 2px 6px;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 12px;
  color: var(--belyy);

}

.product-btn {
  background: var(--svetlo-siniy);
  border-radius: 40px;
  padding: 12px 0px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--belyy);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 10px;
}


.product-features {
  display: flex;
  flex-direction: column;
  margin-bottom: 100px;
}

.product-feature {
  padding: 6px 30px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.main-product .product-card .product-feature:nth-child(odd) {
  background: rgba(50, 71, 124, 0.1);
}

.main-product .product-card .product-feature:nth-child(even) {
  /* background: var(--svetlyy-fon-svetlee); */
  background: #3956730d;
}

.product-feature__name {}

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

.main-product .product-card {
  padding: 0 0 20px 0;
}

.main-product .product-top {
  padding: 15px 15px 0 15px;
}

.main-product .product-bottom {
  padding: 0 30px;
  padding-top: 20px;
  padding-bottom: 15px;
  background-color: #3956730d;
}

.main-product .product-bottom__with-price {
  background-color: #3956730d;
  padding-top: 40px;
  padding-bottom: 20px;
  border-radius: 0 0 20px 20px;
}

.main-product .product-features {
  margin-bottom: 120px;
}

.main-product .product-card {
  padding: 0;
}




/* product card */

.search-results,
.search-product {
  display: none;
}


.header-search::before {
  width: 17px;
  height: 17px;

  content: "";
  background-image: url("/newcssstyle/assets/css/../../assets/img/header/search.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);

}

.search-submit {
  background: var(--svetlo-siniy);
  border-radius: 0 8px 8px 0;
  width: 105px;

  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--belyy);
  border: 0;
}

.title-search-result {
  position: fixed !important;
  top: 87px !important;
}

.location-desktop {
  position: relative;
  z-index: 2;
  margin-right: auto;
  margin-left: 20px;
}

.location-desktop .catalog-menu__arrow {
  transform: rotate(90deg);
}

.location-mobile {
  display: none;
}

.header-phone {
  margin-left: 70px;
  margin-right: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  text-align: right;
  align-items: flex-end;
  white-space: nowrap;
}

.header-phone__number {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--svetlo-siniy);
}

.header-phone__call {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 12px;
  text-decoration: underline;
  color: var(--dop-tekst);
  cursor: pointer;
}

.header-phone__call-new {
  background: var(--svetlo-siniy);
  margin: 0;
  /* border-radius: 4px; */
  padding: 8px 10px;
  color: var(--belyy);
}

.header-phone__call.v2{
    background: #32477c;
    border-radius: 10px;
    text-decoration: none;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

@media (hover:hover) {
  .header-phone__call-new:hover {
    background: #405a9c;
    transition: all 0.2s linear;
  }
}

.header-contacts-mob {
  display: none;
}

.header-shop__icon path {
  stroke-width: 3px;
}

.header-shop {
  display: flex;
  gap: 15px;
  z-index: 10;
}

.header-shop__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  position: relative;
  cursor: pointer;
}

.header-shop__compare {}

.header-shop__icon {}

.header-shop__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 12px;
  color: var(--dop-tekst);
}

.header-shop__mount {
  background: var(--osnovnoy-krasnyy);
  border-radius: 60px;
  width: 14px;
  height: 14px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 9px;

  color: var(--belyy);
  position: absolute;
  top: 0;
  right: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header-shop__mount--compare {}

.header-shop__favorite {}

.header-shop__mount--favorite {}

.header-shop__cart {}

.header-shop__mount--cart {}

.header-bottom {
  /* padding: 10px 0; */
  border-bottom: 1px solid var(--obvodka-fona);
  border-top: 1px solid var(--obvodka-fona);
}

.menu-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-bottom__arrow {
  transition: all 0.2s linear;
}

.menu-bottom__item {
  position: relative;
  padding: 10px 0;
}

ul.submenu-bottom {
  position: absolute;

  left: 50%;
  transform: translateX(-50%);
  top: 40px;
  display: flex;
  flex-direction: column;

  gap: 10px;
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 10px;
  white-space: nowrap;
  background: var(--belyy);
}

ul.submenu-bottom {
  display: none;
  z-index: 2;
}





.submenu-bottom__item {}

.submenu-bottom__link {
  display: block;
  padding: 12px 20px;
  transition: all 0.2s linear;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}

.submenu-bottom__link:hover {
  border-radius: 8px;
  background: #f5f7fa;
  font-weight: 500;
  color: var(--svetlo-siniy);


}

.menu-bottom-active {
  border-radius: 8px;
  background: #f5f7fa;
}

.has-submenu {
  position: relative;
}

/*

.has-submenu::before {
  
  content: "";
  background-image: url(/newcssstyle/assets/css/../../assets/img/header/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: -16px;
  width: 9px;
  height: 9px;
  top: 6px;

}

*/





.menu-bottom__link {
  display: flex;
  gap: 10px;
  align-items: center;
}

.menu-bottom__icon {}

.menu-bottom__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}


.header-fix--fixed {
  position: fixed;
  width: 100%;
  z-index: 15;
  background: white;
  top: 0;
  padding-top: 15px;

}

/* dropdown catalog */

.dropdown-catalog__wrapper {
  display: none;
  position: absolute;
  z-index: 20;
  background: white;
  width: 100%;
  top: 110px;
}



.dropdown-catalog {
  display: flex;
  padding: 20px;
  height: 375px;
}

ul.catalog-menu {
  display: flex;
  flex-direction: column;
  width: 345px;
  padding-right: 30px;
  border-right: 1px solid var(--obvodka-fona);

  box-sizing: content-box;
}

.catalog-menu__item {}

.catalog-menu__link {
  padding: 12px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 8px;
  transition: all 0.2s linear;

}

.catalog-menu__left {
  display: flex;
  gap: 10px;
  align-items: center;
}

.catalog-menu__icon {}

.catalog-menu__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}

.catalog-menu__arrow {}

ul.catalog-submenu {
  width: 1089px;
  position: relative;
  padding-left: 30px;

  /* border-right: 1px solid var(--obvodka-fona);
  border-right: 1px solid black; */
}

.catalog-submenu__item {
  display: flex;
  justify-content: space-between;
}

.catalog-submenu__link {
  padding: 12px 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
  transition: all 0.2s linear;
}

.dropdown-catalog__img {}

.catalog-submenu {
  display: none;
}

.dropdown-catalog__img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.no-row .catalog-menu__arrow {
  display: none;
}

.catalog-menu__link:hover {
  background: #f5f7fa;

  border-radius: 8px;
}

.catalog-menu__link:hover .catalog-menu__text {
  color: var(--svetlo-siniy);
  font-weight: 500;
}

.catalog-submenu__link:hover:not(.child), .catalog-submenu-2 .catalog-submenu__link.child:hover {
  background: #f5f7fa;
  border-radius: 8px;
  color: var(--svetlo-siniy);
  font-weight: 500;
}

.catalog-submenu-mob {
  display: none;
}

.catalog-submenu-mob .catalog-submenu__link {
  width: 100%;
}








/* end dropdown catalog */


.hamburger {
  display: none;
}


/* MODAL */
.modal-wrapper,
.popup-phone-wrapper {
  position: fixed;
  overflow: auto;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 45, 63, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}

.popup-phone-wrapper:not(.msk) .call-btn.msk {
  display: none;
}

.popup-phone-wrapper:not(.spb) .call-btn.spb {
  display: none;
}

.popup-phone-wrapper.msk .call-btn:not(.msk) {
  display: none;
}

.popup-phone-wrapper.spb .call-btn:not(.spb) {
  display: none;
}

.modal-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

}

.modal-close,
.popup-phone-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.modal {
  border-radius: 20px;
  padding: 40px;
  width: 630px;
  background: var(--belyy);
  position: relative;
}

.modal-form__wrapper {}

.modal-title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 10px;
}

.modal-desc {
  margin-bottom: 20px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.modal-form {}

.modal-form label {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
  margin-bottom: 5px;
}

.modal-input {
  margin-bottom: 10px;
  background: rgba(50, 71, 124, 0.05);
  border-radius: 8px;
  padding: 0 20px;
  width: 100%;
  height: 51px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.modal-input__name {}

.modal-input__phone {}

.modal-input__submit {
  background: var(--svetlo-siniy);
  border-radius: 40px;

  width: 100%;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--belyy);
  margin-bottom: 20px;
  margin-top: 10px;
  cursor: pointer;
}

.modal-input__submit:disabled {
  opacity: 0.7;
}

.modal-privacy {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  color: var(--vtorostepennyy-tekst);

}

.modal-privacy a {
  text-decoration: underline;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);

}

.modal-form__succes {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 28px;
  text-align: center;
  color: var(--osnovnoy-tekst);
  display: none;
}

.popup-unavailable,
      .popup-error {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 10px;
        border-radius: 10px;
        max-width: 80%;
		width: 100%;
		font-size: 14px;
		font-family: var(--font-family);
		text-align: center;
        height: auto;
        background-color: white;
        box-shadow: 0px 5px 30px 10px #777b8970;
        color: #777b89;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
      }

      .close-unavailable,
      .close-error {
        background: #32477c;
        border-radius: 40px;
        width: 100%;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-family);
        font-weight: 500;
        font-size: 15px;
        color: var(--belyy);
        cursor: pointer;
      }

/* MODAL */



/* FOOTER */

.footer {
  border-radius: 20px 20px 0 0;
  background: #f5f7fa;
  padding: 40px 0 20px 0;
  margin-top: 90px;
  /*
  position: fixed;
  width: 100%;
  bottom: 0;
  */

}

.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  background: #ebeff5;
  border-radius: 8px;
  margin-bottom: 30px;

}

.header-logo {}

.footer-logo {}

.header-logo__img {}

.footer-logo__img {}

.footer-top__menu {
  display: flex;
  justify-content: space-between;
  gap: 60px;

}

.footer-top__menu--item {}

.footer-top__menu--link {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-top__menu--icon {}

.footer-top__menu--text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: #3e3f44;
}

.footer-medium {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  border-bottom: 1px solid var(--obvodka-fona-temnee);
  margin-bottom: 20px;

}

.footer-nav {
  width: 980px;
}

.footer-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-medium__title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  color: var(--vtorostepennyy-tekst);
  border-bottom: 1px solid var(--obvodka-fona-temnee);
  padding: 0px 0px 10px 0px;
}

.footer-nav__menu {
  display: flex;
  justify-content: space-between;
}

.footer-nav__col {
  display: flex;
  flex-direction: column;
  gap: 20px;

}

.footer-nav__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.footer-nav__title {

  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: #3e3f44;
}

.footer-menu__btn--mob {
  display: none;
}



.footer-nav__hidden {
  opacity: 0;
  visibility: hidden;
}

.footer-nav__item {}

.footer-nav__link {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.footer-info {
  width: 230px;
}

.footer-info__list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-info__item {}

.footer-info__link {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: #3e3f44;
  margin-bottom: 20px;
}

.footer-connect {
  width: 230px;
}

.footer-connect__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.footer-connect__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-connect__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.footer-connect__link {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: #3e3f44;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer-copyright {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--osnovnoy-tekst);
}

.footer-privacy {
  display: flex;
  gap: 40px;
}

.footer-privacy__link {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
  color: var(--osnovnoy-tekst);
}

/*FOOTER */

/* MAIN */

.hero {}

.section-padding {
  padding: 15px 0;
}

.section-padding:first-of-type {
  padding: 30px 0 0 0; /* для первого на странице */
}

.section-padding-bottom {
  padding-bottom: 30px;
}

.hero-slide {
  width: 1080px !important;
}

.swiper-overflow {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;

}

.swiper-hero-slider {
  position: relative;
  margin-bottom: 30px;
}

.slider-btn {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--belyy);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.hero-prev,
.slider-prev {

  left: -25px;
}

.hero-next,
.slider-next {
  right: -25px;
}


.hero-banners {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.hero-banners__link {
  width: 32.9%;
}

.banners-hero-slider {
  position: relative;
}


.popular-categories {}

.section-padding {}

.container {}

.popular-categories-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}

.categories-top-left {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.h1 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
}

.main-h1 {}

.h2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 30px;
}

.popular-categories__h2 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 30px;
}

.main-page .popular-categories__h2 {
  margin-bottom: 0;
}

.categories-top-right {
  width: 138px;
  display: flex;

  align-items: center;
  justify-content: space-between;
}

.categories-top__more-categories {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  text-align: right;
  color: var(--vtorostepennyy-tekst);
  width: 78px;
}

.categories-top__icon {
  width: 40px;
  height: 40px;
}

.popular-categories__list {
  display: grid;
  grid-template-columns: repeat(3, 32.8%);
  /* grid-template-rows: repeat(2, 200px); */
  grid-auto-rows: 200px;
  justify-content: space-between;
  grid-gap: 10px;
}

.popular-categories__item {
  background: var(--svetlyy-fon);
  padding: 20px;
  border-radius: 8px;
  position: relative;
}

.popular-categories__img {
  position: absolute;
  top: 50%;
  right: 0;
  /* max-height: 190px; */
  max-height: 95%;
  transform: translateY(-50%);

}

.popular-categories__left {

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 162px;

}

.popular-categories__top {}

.popular-categories__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 10px;
}

.popular-categories__products {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.popular-categories__products--count {}

.popular-categories__products--text {}

.popular-categories__arrow {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--svetlyy-fon);
  border: 1px solid var(--obvodka-fona-temnee);
  display: flex;
  align-items: center;
  justify-content: center;
}

.full-width-banner__img {
  border-radius: 20px;

}

.swiper-slider__wrapper {
  position: relative;
}

.recommendation__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  /* grid-gap: 20px; */
}

.manufacturer-img__wrapper {
  background: var(--svetlyy-fon-svetlee);
  border-radius: 8px;
  padding: 20px 40px;
  width: 241px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.articles__list {
  display: grid;
  grid-template-columns: repeat(4, 24%);
  justify-content: space-between;
  grid-gap: 20px;
}

.article__card {
  display: flex;
  flex-direction: column;
}

.article-img {

  border-radius: 12px;

}

.article__card-link {
  margin-bottom: 20px;
  display: block;
}

.article-date {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  color: var(--vtorostepennyy-tekst);
  margin-bottom: 10px;
}

.article-title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 15px;
}

.article-desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
  margin-bottom: 40px;
}

.article-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;

  border: 1px solid var(--svetlo-siniy);
  border-radius: 50px;
  padding: 10px 20px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--svetlo-siniy);
  cursor: pointer;

}

.text-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.article-btn__text {}

.article-btn__arrow {}

.show-more-articles {}

.show-more-full__btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  background: rgba(50, 71, 124, 0.05);
  border-radius: 8px;
  padding: 10px 0px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--svetlo-siniy);
  cursor: pointer;
}

.articles__list-main {
  margin-bottom: 60px;
}

.h2-seo {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 30px;
}

.seo-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.seo-text p:not(:last-child) {
  margin-bottom: 10px;
}

/* MAIN */


.breadcrumbs {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.breadcrumb {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 14px;

}

.breadcrumb-nonactive {
  color: var(--dop-tekst);
}

.breadcrumb-active {
  font-weight: 500;
  font-size: 14px;
  color: var(--svetlo-siniy);
}

.section-breadcrumbs {
  margin-top: 30px;
  margin-bottom: 20px;
}

.h1-catalog {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 34px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 40px;
}

.trust-img__wrapper {
  display: block;
}


/* CATALOG PAGE */

.catalog {}

.container {}

.h1-catalog {}

.product-row {
  display: flex;
  justify-content: space-between;
}

.product-filters {
  width: 300px;


  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-filters__top {
  border-radius: 12px;
  padding: 20px;
  border: 1px solid var(--obvodka-fona);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-filter {}

.filter-square {}

.filter-title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 10px;
  cursor: pointer;
}

.filter-inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}

.filter-input {
  background: var(--svetlyy-fon);
  border-radius: 8px;
  padding: 12px 15px;
  width: 115px;
  height: 42px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.input-square-left {}

.input-square-right {}

.square-slider {}

.products-wrapper {}

.checkbox-filters {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 15px;
}

.checkbox-filter {
  display: flex;
  align-items: center;
  gap: 10px;
}

.checkbox-filter__input {
  border: 1px solid rgba(66, 66, 66, 0.2);
  border-radius: 4px;
  width: 18px;
  height: 18px;
  accent-color: var(--svetlo-siniy);
  cursor: pointer;
}

.checkbox-filter__label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.filter-title-arrow {
  position: relative;
}

.filter-title-arrow:after {
  position: absolute;
  content: '';
  background-image: url(/newcssstyle/assets/css/../img/catalog-page/arrow.svg);
  width: 12px;
  height: 12px;
  border-radius: 100%;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);

  background-repeat: no-repeat;
  transition: all 0.2s linear;


}

.rotate180:after {
  transform: rotate(180deg);
}

.checkbox-filter-hidden {
  display: none;
}

.checkbox-filter__show-more {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
  color: var(--dop-tekst);
  cursor: pointer;

}

.product-filter__border {
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(50, 71, 124, 0.3);
}

.checkbox-filter__radio {
  /* height: 10px;
  width: 10px; */
  border-radius: 100%;
  appearance: none;
  background: #d9d9d9;
  border: 8px solid #ededed;
  padding: 5px;
}

.checkbox-filter__radio:checked {
  background: var(--svetlo-siniy);

}

.blue-btn {

  background: var(--svetlo-siniy);
  border-radius: 40px;
  padding: 12px 0px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--belyy);

  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  gap: 10px;

}

.filter-apply {
  width: 155px;
}

.filters-btn {
  display: flex;
  justify-content: space-between;
}

main.catalog-page .filters-btn {
  display: none;
}

.catalog-product ul.product-slider {
  padding: 0 6px;
}

.catalog-product .product-slider__item:nth-child(1) {
  border-bottom-left-radius: 12px 2px;
}

.catalog-product .product-slider__item:nth-child(4) {
  border-bottom-right-radius: 12px 2px;
}



.filter-reset {
  display: flex;
  align-items: center;
  gap: 5px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--svetlo-siniy);
  cursor: pointer;
}


.serts {
  border-radius: 12px;
  padding: 20px;
  border: 1px solid var(--obvodka-fona);
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.product-filters__sertificate {
  border: 1px solid var(--obvodka-fona-temnee);
  border-radius: 8px;
  padding: 0px 20px;
}

.product-filters__sertificate--img {}

.show-more__sertificates {
  display: flex;
  align-items: center;
  gap: 20px;

  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
  color: var(--vtorostepennyy-tekst);
  justify-content: center;
  cursor: pointer;
}

.product-filters__sertificate--hidden {
  display: none;
}

.products-wrapper {
  width: 1180px;
}

.products-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--obvodka-fona);
  margin-bottom: 20px;
}

.product-sort {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-sort__text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}

.product-sort__select {
  border: 1px solid var(--obvodka-fona);
  border-radius: 4px;
  padding: 10px 15px;
  width: 260px;
  appearance: none;



  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--dop-tekst);
}

.select {
  /* position: relative; */
}

/* .select:after {

  position: absolute;
  content: '';
  background-image: url(/newcssstyle/assets/css/../img/catalog-page/arrow-select.svg);
  width: 10px;
  height: 10px;
  
  right: 15px;
  top: 50%;
  transform: translateY(-50%);

  background-repeat: no-repeat;

} */

.select-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--obvodka-fona);
  border-radius: 4px;
  padding: 10px 15px;
  width: 260px;

  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--dop-tekst);
  cursor: pointer;
}

.sort-desk__btns {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 2;
  background: var(--belyy);
  border-bottom: 1px solid var(--obvodka-fona);
  border-left: 1px solid var(--obvodka-fona);
  border-right: 1px solid var(--obvodka-fona);
  border-radius: 0 0 4px 4px;
  padding: 10px 5px;
  display: none;
}

.sort-desk__btn {
  border-radius: 4px;
  padding: 10px 15px;
  width: 100%;
  text-align: left;

}


.product-help {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  text-decoration: underline;
  color: var(--osnovnoy-tekst);
  cursor: pointer;
}

.selected-filters__wrapper {
  margin-bottom: 20px;
  display: none;
}

.selected-filters {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 10px;
}

.selected-filter {
  background: var(--svetlo-siniy);
  color: var(--belyy);
}

.selected-filter__btn {
  border-radius: 100px;
  padding: 6px 10px;
  width: fit-content;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  position: relative;
  cursor: pointer;


}

.reset-selected-filters {
  background: var(--svetlyy-fon);
  color: var(--dop-tekst);
  display: none;
}


.selected-filter__text {
  margin-left: 15px;
}

.selected-filter:before {
  position: absolute;
  content: '';
  background-image: url(/newcssstyle/assets/css/../img/catalog-page/close1.svg);
  width: 10px;
  height: 10px;

  left: 10px;
  top: 50%;
  transform: translateY(-50%);

  background-repeat: no-repeat;
}

.reset-selected-filters:before {
  position: absolute;
  content: '';
  background-image: url(/newcssstyle/assets/css/../img/catalog-page/close2.svg);
  width: 10px;
  height: 10px;

  left: 10px;
  top: 50%;
  transform: translateY(-50%);

  background-repeat: no-repeat;
}

.catalog-page .catalog-products__list {
  margin-bottom: 40px;
}

.catalog-products__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-content: space-between;
  grid-gap: 30px 10px;
}

.catalog-product .product-card {
  /*width: auto;*/
  border: none;
  padding: 0;
}

.catalog-product .product-card .product-feature:nth-child(odd),
.catalog-product .product-card .product-feature:nth-child(even) {
  background: unset;
}

.catalog-product .product-bottom {
  padding: 0;
}

.catalog-product .product-feature {
  padding: 0;
}

.catalog-product .product-features {
  gap: 5px;
}

.catalog-product .product-price__old {
  font-size: 14px;
}

.show-more-products {
  margin-bottom: 20px;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}

.pagination-btn {
  border-radius: 8px;
  padding: 0px 20px;
  width: fit-content;
  height: 40px;
  background: var(--svetlyy-fon);

  display: flex;
  align-items: center;
  justify-content: center;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: #3e3f44;

  cursor: pointer;
}

.pagination-prev {}

.pagination-pages {
  display: flex;

}

.pagination-page {
  border-radius: 8px;
  width: 40px;
  height: 40px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: #3e3f44;

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
}

.pagination-page__active {
  background: var(--svetlo-siniy);
  color: var(--belyy);
}

.pagination-next {}


.product-top__mob {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  display: none;

}

.product-top__mob--left {
  display: flex;
  gap: 40px;
}

.product-top__mob--sort {}

.product-top__mob--btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-top__mob--text {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 14px;
  color: var(--svetlo-siniy);
}

.product-top__mob--filter {}

.product-help {}

.catalog-product .product-bottom__with-title {
  margin-bottom: 2px;
}

/* PRODUCT PAGE */

.product-page {
  margin-bottom: 30px;
}

.product-page__top {
  display: flex;
  align-items: center;

  margin-bottom: 30px;
  justify-content: space-between;

  width: 100%;
}

.product-page__top .h1-catalog {
  margin-bottom: 0;
}

.product-page__top .h1-catalog {
  width: 100%;
}

.product-page__top--left {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 1200px;
  flex-wrap: wrap;

}

.product-page__top--right {
  width: 290px;
  display: block;
}

.product-page .product-status {
  padding-left: 10px;
}

.status-on-stock {}

.product-page .product-article,
.product-page .product-status {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.product-article__title {}

.product-article__name {}

.product-page__favorite {}

.product-page__top--btn {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--svetlo-siniy);
  display: none;
}


/* product slider*/


.product-page__slider {
  height: 480px;
  margin-right: 30px;

  overflow: hidden;
}

.product-page__slider .swiper-container {
  width: 100%;
  height: 100%;
}

.slider__flex {
  display: flex;
  align-items: flex-start;
}

.slider__col {
  display: flex;
  flex-direction: column;
  width: 60px;
  margin-right: 10px;
}

.slider__prev,
.slider__next {
  cursor: pointer;
  text-align: center;


  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider__prev {
  margin-bottom: 10px;
}

.slider__next {
  margin-top: 10px;
}

.slider__prev:focus,
.slider__next:focus {
  outline: none;
}

.slider__thumbs {
  height: calc(480px - 40px);
}

.slider__thumbs .slider__image {
  transition: 0.25s;
  height: 60px;
  width: 60px;
  padding: 15px;

}

.slider__thumbs .slider__image:hover {}

.slider__thumbs .swiper-slide-thumb-active .slider__image {
  border: 1px solid var(--svetlo-siniy);

}

.slider__thumbs .slider__image {
  border-radius: 8px;

}



.slider__images {
  width: 520px;
  height: 480px;
  position: relative;
}

.slider__images .slider__image img {
  transition: 3s;
}

.slider__images .slider__image:hover img {
  transform: scale(1.1);
}

.slider__image {
  width: 100%;
  height: 100%;

  overflow: hidden;
}

.slider__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* @media (max-width: 767.98px) {
  .slider__flex {
    flex-direction: column-reverse;
  }
  .slider__col {
    flex-direction: row;
    align-items: center;
    margin-right: 0;
    margin-top: 24px;
    width: 100%;
  }
  .slider__images {
    width: 100%;
  }
  .slider__thumbs {
    height: 100px;
    width: calc(100% - 96px);
    margin: 0 16px;
  }
  .slider__prev,
  .slider__next {
    height: auto;
    width: 32px;
  }
} */

.slider__image {
  position: relative;
  border-radius: 12px;
  padding: 15px;
}

.slider__image:after {
  background: #3956730d;

  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.product-page__product {
  display: flex;
  margin-bottom: 50px;
  flex-wrap: wrap;
}


/* product slider*/

.product-page__labels {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 10px;
  top: 15px;
  left: 15px;

}

.slider__images .label-gift {}

.slider__images .label-hit {}

.product-page__details {
  width: 460px;
  margin-right: 30px;
}

.product-detail__square {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  row-gap: 4px;
  margin-bottom: 30px;
  align-self: flex-start;
}

.product-detail__square--title {
  flex: 0 1 100%;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 15px;
}

.product-detail__square--btns {
  display: flex;
  align-items: center;
  gap: 10px;
}

.product-square__link {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--svetlyy-fon);
  border: 1px solid var(--obvodka-fona);
  border-radius: 70px;
  padding: 6px 20px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);

}

.product-square__link--active {
  color: var(--belyy);
  background: var(--svetlo-siniy);
}

/*.product-page__details .product-detail:not(:last-of-type) {*/
.product-page__details .product-detail{
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
}

.product-page__details .product-detail:last-of-type {
  margin-bottom: 15px;
}

.product-detail__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.product-detail__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}

.all-details {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;

  color: var(--svetlo-siniy);
  display: block;
  margin-bottom: 20px;
}



.product-info__wrapper {
  width: 390px;

}

.product-page__info {
  border: 1px solid var(--obvodka-fona);
  border-radius: 20px;
  padding: 20px;
  margin-bottom: 10px;
}

.product-page__info .product-price {
  justify-content: flex-start;
  border: none;
}

.product-page__info .product-price__new {
  font-size: 30px;
}

.product-price__old {
  font-size: 18px;

}

.product-price__discount {}

.product-install {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--svetlyy-fon);
  border-radius: 60px;
  padding: 10px 20px;
  margin-bottom: 10px;
}

.product-install__text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--osnovnoy-tekst);
}

.product-install__right {
  display: flex;
  align-items: center;
  gap: 10px;

}

.product-install__price {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 18px;
  color: var(--osnovnoy-tekst);


}

.red-line-price {
  text-decoration: line-through 2px solid var(--osnovnoy-krasnyy);

}



.product-install__img {}

.product-info__btns {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  margin-bottom: 20px;

  border-bottom: 1px solid var(--obvodka-fona-temnee);
}

.product-page__info .product-btn {
  width: 170px;
}

.add-cart {}

.product-btn__text {}

.product-btn__icon {}

.one-click {
  background: rgba(50, 71, 124, 0.1);
  color: var(--svetlo-siniy);

}

.product-montazh {
  padding-bottom: 20px;
  margin-bottom: 20px;

  border-bottom: 1px solid var(--obvodka-fona-temnee);
}

.product-montazh__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 10px;
}

.product-montazh__inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-montazh__item {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;

}

.product-montazh__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.product-montazh__item label {
  display: flex;
  align-items: center;
  gap: 5px;
}

.product-montazh__price {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
}

.product-montazh__item input[type="radio"] {
  /* width: 20px;
  height: 20px;
  appearance: none;
  border: 1.11px solid rgba(66, 66, 66, 0.2);


  border-radius: 100%; */

}

.product-montazh__item input[type="radio"]:checked {
  /* background:var(--svetlo-siniy); */

}

.product-montazh__tooltip {
  position: absolute;
  top: -10px;
  right: -15px;
  cursor: pointer;
}

.tooltip-popup {
  background: var(--belyy);
  border: 1px solid var(--obvodka-fona-temnee);
  border-radius: 8px;
  padding: 16px 20px;
  width: 240px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 13px;
  color: var(--dop-tekst);
  z-index: 2;
  position: absolute;
  top: -270px;
  left: -50%;
  transform: translateX(50%);
  display: none;
}

.product-shipping {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.product-shipping__item {}

.product-shipping__name {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 5px;
}

.product-shipping__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--dop-tekst);
}

.show-more-offers {
  display: block;
  background: rgba(50, 71, 124, 0.1);
  border-radius: 40px;
  padding: 12px 30px;
  width: 100%;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--svetlo-siniy);
  cursor: pointer;
  text-align: center;
}


.product-page__tabs {
  position: relative;
}

#product-page__tabs {
  position: absolute;
  top: -260px;
}

.product-page__tabs-btns {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

.tabs-container {
  border-radius: 8px;
  overflow: hidden;
}

.product-page__tab-btn {
  width: calc(100% / 3);

  background: var(--svetlyy-fon);
  padding: 15px 0px;
  text-align: center;
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
  cursor: pointer;

}

.product-page__tab-btn:not(:last-child) {
  border-right: 1.50px solid var(--obvodka-fona-temnee);

}

.product-page__tab-btn--active {
  background: var(--svetlo-siniy);
  color: var(--belyy);
  border-radius: 8px;
}


.product-page__tab-content {
  display: flex;
}

.product-page__tab-text {
  width: 980px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--dop-tekst);
}

.product-page__tab-text p {
  margin-bottom: 10px;
}

.product-page__logo-link {
  display: block;
}

.product-page__tab-logo {
  width: 480px;
}

.product-page__tab {}

.tab-characters {}

.tab-character {
  padding: 12px 20px;
  display: flex;


}

.tab-character:nth-child(odd) {
  background: rgba(50, 71, 124, 0.05);
}


.tab-character__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
  width: 730px;
}

.tab-character__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}


.tab-shipping-payment {
  display: flex;
  justify-content: space-between;
}

.tab-shipping,
.tab-payment {
  width: 740px;
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px 30px;

}

.tab-shipping__item {
  padding-bottom: 15px;
  margin-bottom: 15px;


}

.tab-shipping__item:not(:last-child) {
  border-bottom: 1px solid var(--obvodka-fona);
}

.tab-shipping__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 20px;
}

.tab-shipping__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.tab-payment {}

.tab-payment__methods {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;

}

.tab-payment__method {
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px;
  width: 49%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.tab-payment__method--number {
  border-radius: 8px;
  width: 40px;
  height: 40px;
  background: rgba(50, 71, 124, 0.05);

  font-family: var(--font-family);
  font-weight: 700;
  font-size: 20px;
  color: var(--svetlo-siniy);

  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.tab-payment__method--text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
  max-width: 235px;
}

.tab-payment__accept {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tab-payment__accept--text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
}

.tab-payment__logos {
  display: flex;
  gap: 10px;
}

.tab-payment__logo {
  height: 50px;
}

.btn2 {
  background: rgba(50, 71, 124, 0.1);
  border-radius: 40px;
  padding: 10px 30px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--svetlo-siniy);
}



/* PRODUCT PAGE */

/* manufacturers page */



/* manufacturers page */

.manufacturers-logos {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: 150px;
  margin-bottom: 30px;

}

.manufacturers-logo {
  background: var(--svetlyy-fon-svetlee);
  border-radius: 8px;

  display: flex;
  align-items: center;
  justify-content: center;

}

.manufacturers-logo__img {
  width: 204px;
}

/* OFFERS PAGE */

.section-about-company {}

.container {}

.h1-catalog {}

.about-us__text {}

.h1-padding-20 {
  margin-bottom: 20px;
}

.text-16 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  color: var(--dop-tekst);
}

.section-offers {}

.offers-title {}

.offers-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.offers-item {
  display: flex;
  flex-direction: column;
  border-radius: 8px;
  padding: 20px 30px;
  background: var(--svetlyy-fon-svetlee);
}

.offers-item__icon {
  margin-bottom: 20px;
  width: 50px;
  height: 50px;
}

.offers-item__title {
  margin-bottom: 10px;
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
}

.offers-item__desc {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.section-official-manafactures .categories-top-right {
  width: 187px;
}

.section-official-manafactures .categories-top__more-categories {
  width: 127px;
}

.section-official-manafactures .h2 {
  margin-bottom: 10px;
}


.section-install-cond {}

.container {}

.install-cond-wrapper {
  background: var(--svetlyy-fon);
  border-radius: 12px;
  padding: 40px;

}

.section-install-cond .h2 {
  margin-bottom: 10px;
}

.install-cond__text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
  margin-bottom: 20px;
}

.install-cond__form {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.install-cond__item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: 26.3%;

}

.install-cond__item input {
  background: rgba(50, 71, 124, 0.05);
  border-radius: 12px;
  padding: 0px 20px;
  width: 100%;
  height: 51px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.install-cond__form label {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.install-cond__submit {
  width: 18.5%;
  height: 51px;

  align-self: flex-end;
}

.btn-svetlo-siniy {
  background: var(--svetlo-siniy);
  border-radius: 40px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--belyy);
  text-align: center;

}




.install-cond__privacy p,
.install-cond__privacy a {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.install-cond__privacy a {
  text-decoration: underline;
}

.section-official-manafactures .popular-categories__h2 {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);

}



/* OFFERS PAGE */


/*CONTACTS PAGE*/

.section-contacts {}

.section-padding-bottom {}

.container {}

.h1-catalog {}

.h1-padding-20 {}

.contacts-list {
  display: flex;
  justify-content: space-between;
}

.contacts-list__top .contacts-list__item {
  min-width: 343px;
}

.contacts-list__item {
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px 30px;

}

.contacts-list__address {}



.fw-500 {
  font-weight: 500;
}

.mb-10 {
  margin-bottom: 10px;
}

ul.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

ul.mb-20 {
  margin-bottom: 20px;
}

.contact-item__title {
  margin-bottom: 10px;
  font-family: var(--second-family);
  color: var(--osnovnoy-tekst);
}

.text-16 {}

.contact-item__desc {}

.contacts-map {
  width: 100%;
  height: 400px;
}

.contacts-map iframe {
  border-radius: 16px;
}



/*CONTACTS PAGE*/


/* PAGE ARTICLES */

.page-articles {
  margin-bottom: 60px;
}

.page-articles .h2,
.page-articles .show-more-articles {
  display: none;
}

.page-articles .section-padding {
  padding: 0;
}

.page-articles .articles__list-main {
  margin-bottom: 20px;
}

/* PAGE ARTICLES */


/* PAGE ARTICLE */

.page-article {}

.container {}

.article-h1 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 34px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 20px;
}

.article-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  line-height: 165%;
  color: var(--dop-tekst);
  margin-bottom: 10px;
}

.page-article-desc {
  margin-bottom: 40px;
}

.article-img {
  /* margin-bottom: 40px; */
  border-radius: 12px;

}

.article-wrapper {
  display: flex;
  justify-content: space-between;
}

.article-wrapper__left {
  width: 960px;

}

.article-node:not(:last-of-type) {
  margin-bottom: 50px;
}

.article-h2 {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 28px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 20px;
}

.article-wrapper__right {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0px 0px 0px 20px;
  width: 500px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* position: absolute;
    right: 210px; */
  position: sticky;
  top: 100px;
  padding-top: 30px;

}

.fixed {
  position: fixed;

}

.article-h3 {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 22px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 20px;

}

.article-h3:not(:first-of-type) {
  margin-top: 30px;

}

ul.article-list {
  list-style-type: decimal;
  list-style-position: inside;
}

ul.list-disc {
  list-style-type: disc;
}

ul.list-decimal {
  list-style-type: decimal;
}

ul.list-circle {
  list-style-type: circle;
}

li.article-text {
  margin-bottom: 0;
}

.main-article .show-more-articles {
  display: none;
}

.article-ancor {
  padding: 14px 0px;
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 15px;
  text-decoration: underline;
  color: var(--vtorostepennyy-tekst);

}




/* PAGE ARTICLE */

/* PAGE SERVICES */

.services-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;

}

.services-item {
  background: var(--svetlyy-fon-svetlee);
  border-radius: 12px;
  padding: 20px;
}

.services-item__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 30px;
}

.services-item__top-left {
  display: flex;
  gap: 20px;
  align-items: center;
  width: calc(100% - 40px);

}

.services-item__icon {
  width: 40px;
  height: 40px;

  border-radius: 8px;
  border: 1px solid var(--obvodka-fona-temnee);
}

.services-item__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
}

.services-item__top-right {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services-item__card {
  border: 1px solid var(--obvodka-fona-temnee);
  border-radius: 8px;
  padding: 10px 15px;

  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);

}

.services-item__card:not(:last-of-type) {
  margin-bottom: 10px;
}


/* PAGE SERVICES */

/* PAGE SERVICE */

.section-service {}

.container {}

.article-h1 {}

.text-row {
  display: flex;
  justify-content: space-between;
}

.text-row p {
  width: 49.3%;
}

.text-16 {}

.service-price {}

.section-padding {}

.h2 {}

.prices-table {}

.prices-table__row {
  display: flex;
  padding: 12px 20px;

}

.prices-table__row:nth-child(even) {
  background: rgba(50, 71, 124, 0.05);
}

.prices-table__name {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
  width: 48.7%;
}

.prices-table__value {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}


/* PAGE SERVICE */


/* COMPONENT PAGE */


.components-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

}

.component-item {
  height: 160px;
}



.component-item:nth-of-type(-n + 4) {
  width: 367px;
}

.component-item:nth-of-type(n + 5) {
  width: 292px;
}

/* COMPONENTS PAGE */

/* COMPONENT PAGE */

.section-component__wrapper {
  display: flex;
  justify-content: space-between;
}

.section-component__left {
  width: 1160px;
}

.section-component__right {
  width: 300px;

}

.component-pluses {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.component-plus {
  background: rgba(50, 71, 124, 0.05);
  border-radius: 8px;
  padding: 0px 20px;
  width: 575px;
  height: 68px;
  line-height: 137%;
  display: flex;
  align-items: center;

}

.component-pluses__shop {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.component-plus__shop {
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 8px;
  padding: 20px;
  background: var(--svetlyy-fon-svetlee);
}

.component-pluses__shop-icon {
  width: 50px;
  height: 50px;
}

.component-pluses__shop-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.component-show-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;

  font-family: var(--font-family);

  font-size: 16px;
  color: var(--svetlo-siniy);
  background: rgba(50, 71, 124, 0.05);
  border-radius: 8px;
  padding: 10px 0px;
  margin-top: 50px;
}

.component-show-more p {
  font-weight: 400;
}

.component-show-more span {
  font-weight: 500;
  text-decoration: underline;
}

/* COMPONENT PAGE */


/*SITEMAP PAGE */

.sitemap-list {

  border-top: 1px solid var(--obvodka-fona-temnee);

}

.sitemap-item {
  padding: 15px 0px;
  border-bottom: 1px solid var(--obvodka-fona-temnee);


}

.sitemap-item__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
  color: var(--svetlo-siniy);
  display: block;

}

ul.sitemap-pages {
  padding-left: 40px;
  margin-top: 20px;
}

.sitemap-page {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;

  color: var(--svetlo-siniy);
}

.sitemap-page a {
  color: var(--svetlo-siniy);
}

/*SITEMAP PAGE */


/* oferta */

.h2-oferta {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  color: var(--osnovnoy-tekst);
  margin-bottom: 5px;
  margin-top: 20px;
}

.oferta-text {
  font-family: var(--font-family);
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: var(--osnovnoy-tekst);
}

/* oferta */


/* CART */

.cart-wrapper {
  display: flex;
  justify-content: space-between;
}

.cart-left {
  width: 1060px;
}

.cart-choice {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 20px;

}

.cart-choice__all {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-checkbox {
  border: 1px solid rgba(66, 66, 66, 0.2);
  border-radius: 4px;
  width: 20px;
  height: 20px;
  accent-color: var(--svetlo-siniy);
  ;

}

.cart-choice__all label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--vtorostepennyy-tekst);
}

.cart-choice__delete {
  display: flex;
  align-items: center;
  gap: 10px;
}

.cart-choice__delete-text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--svetlo-siniy);
}

.cart-products {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cart-product {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
  border-radius: 12px;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  gap: 20px;

}

.cart-product__checkbox {}

.cart-product__wrapper-img {
  padding: 30px;
  width: 130px;
  height: 120px;
  position: relative;
}

.cart-product__img {
  width: 100%;
  height: 100%;
  /*object-fit: cover;
	object-position: 50% 50%; */
}

.cart-product__wrapper-img:after {
  background: #3956730d;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 12px;

}

.cart-product__right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 0;
}

.cart-product__link {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cart-product__name {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
}

.cart-product__article {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.cart-product__quantity-price {
  display: flex;
  gap: 50px;
  align-items: center;
}

.cart-product__quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;

  border: 1px solid var(--dop-tekst);
  border-radius: 80px;
  padding: 8px 20px;
  width: 101px;
  height: 38px;
}

.cart-product__minus,
.cart-product__plus {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.cart-product__quantity-number {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 17px;
  color: #575656;
}

.cart-product__plus {}

.cart-product__price {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.cart-product_new-price {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 20px;
  color: var(--osnovnoy-tekst);
}

.cart-product_old-price {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 15px;
  color: var(--vtorostepennyy-tekst);
}

.cart-right {
  border: 1px solid var(--obvodka-fona);
  border-radius: 20px;
  padding: 20px;
  width: 400px;
  height: fit-content;

}

.cart-details__title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--osnovnoy-tekst);

}

.cart-right__prices {}

.cart-right__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;

  border-bottom: 1px solid var(--obvodka-fona-temnee);
}

.cart-right__price {
  display: flex;
  justify-content: space-between;
}

.cart-right__price-left {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.cart-right__price-right {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
}

.dashed {
  border-bottom: 1px dashed var(--obvodka-fona-temnee);
  height: 1px;
  margin: 0 10px;
  flex: 1 0;
  align-self: flex-end;
  transform: translateY(-5px);

}

.cart-right__price-sale {
  display: flex;
  align-items: center;
  gap: 5px;
}

.cart-right__price--hidden {
  display: none;
}

.cart-right__price--hidden .cart-right__price-left {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.cart-right__price--hidden .cart-right__price-right {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
}

.cart-right__price-arrow {
  transition: all 0.2s linear;
}

.rot-180,
.dropdown-catalog .catalog-menu__arrow.rot-180 {
  transform: rotate(180deg);
  transition: all 0.2s linear;
}

.dropdown-catalog .catalog-menu__arrow.rot-270 {
  transform: rotate(270deg);
  transition: all 0.2s linear;
}

.menu-mob__item .catalog-menu__arrow.rot-270 {
  transform: rotate(270deg);
  transition: all 0.2s linear;
}

.catalog-menu__arrow {
  transition: all 0.2s linear;
}



.bg-f5f7fa {
  background: #f5f7fa;
  transition: all 0.2s linear;
}

.cart-right__montazh .product-montazh {
  border-bottom: none;
  padding: 0;
  margin: 0;
}

.cart-shipping {
  margin-bottom: 20px;
}

.cart-shipping__title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 15px;
  color: var(--osnovnoy-tekst);
}

.cart-shipping__item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.radio-white-galka:checked {
  background: var(--svetlo-siniy);

}

.radio-white-galka:checked:after {
  position: absolute;
  content: '';

  background-image: url(/newcssstyle/assets/css/../img/icons/white-galka.svg);
  width: 20px;
  height: 20px;
  border-radius: 100%;

  right: -5px;
  top: 4px;

  background-repeat: no-repeat;
  transition: all 0.2s linear;
}

.radio-white-galka {
  border: 1.11px solid rgba(66, 66, 66, 0.2);
  border-radius: 100%;
  width: 20px;
  height: 20px;
  position: relative;
  appearance: none;
  cursor: pointer;


}

.cart-shipping__item label {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.cart-total {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.cart-total__text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  color: var(--osnovnoy-tekst);
}

.cart-total__price {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 24px;
  color: var(--osnovnoy-tekst);
}

.cart-checkout__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 12px 0;
}

.btn-svetlo-siniy {}

/* CART */


/* CHECKOUT */

.container {}

.cart-container {}

.cart-wrapper {}

.cart-left {}

.checkout-receiving {
  margin-bottom: 40px;
}

.checkout-border {
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);

}

.checkout-title {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 22px;
  color: var(--osnovnoy-tekst);
  margin-bottom: 20px;
}

.checkout-tabs__btns {
  display: flex;
  margin-bottom: 20px;
}

.checkout-tab__btn {
  background: var(--svetlyy-fon);
  padding: 15px 0px;
  width: 50%;
  height: 50px;

  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);

}

.checkout-tab__btn-active {
  background: var(--svetlo-siniy);
  color: var(--belyy);
  border-radius: 8px;
}

.checkout-tabs {}

.checkout-tab {}

.checkout-tab__pickup {}

.checkout-tab__pickup-top {
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px 30px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 40px;

}

.checkout-tab__pickup-top--left {
  display: flex;
  align-items: center;
  gap: 20px;

}

.radio-white-galka {}

.checkout-tab__pickup-where {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.checkout-tab__pickup-where--title {
  font-family: var(--second-family);
  font-weight: 600;
  font-size: 18px;
  color: var(--osnovnoy-tekst);
}

.checkout-tab__pickup-where--address {
  display: flex;
  gap: 10px;
  align-items: center;
}

.checkout-tab__pickup-where--text {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  color: var(--vtorostepennyy-tekst);
}


.checkout-receiver {}

.checkout-title {}

.checkout-receiver__form {
  display: flex;
  justify-content: space-between;
  gap: 10px;

}

.checkout-receiver__item {
  flex: 1;
}

.checkout-receiver__label {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);
  margin-bottom: 5px;
}

.checkout-receiver__input {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
  background: rgba(50, 71, 124, 0.05);

  border-radius: 8px;
  padding: 14px 15px;

  height: 47px;
  width: 100%;
}

.checkout-tab {}

.checkout-tab__shipping {}

.checkout-tab__shipping-items {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}

.checkout-tab__shipping-item {
  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 20px 30px;

  display: flex;
  align-items: center;
  justify-content: space-between;

}

.checkout-tab__shipping-item--left {
  display: flex;
  gap: 20px;
  align-items: center;
}

.radio-white-galka {}

.checkout-tab__shipping-text {
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 16px;
  color: var(--osnovnoy-tekst);
}

.checkout-tab__shipping-item--right {
  font-family: var(--font-family);
  font-size: 15px;

  font-weight: 400;
  color: var(--dop-tekst);
}

.checkout-tab__shipping-item--right span {
  font-weight: 500;

}

.checkout-shipping__address {}

.checkout-title {}

.checkout-shipping__item {
  margin-bottom: 10px;
}

.checkout-receiver__label {}

.checkout-receiver__input {}

.checkout-shipping__row {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.checkout-shipping__row .checkout-shipping__item {
  flex: 1;
}

.checkout-receiver__textarea {

  height: 90px;
  border: none;
}

.checkout-receiver {}

.checkout-receiver__form {}

.checkout-receiver__item {}


.cart-right__promocode {
  margin-bottom: 20px;
  gap: 5px;
}

.cart-right__item {}

.cart-promocode__text {
  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--vtorostepennyy-tekst);

}

.cart-promocode__wrapper {
  position: relative;
}

.cart-promocode__input {
  border-radius: 8px;
  padding: 14px 15px;
  width: 100%;
  height: 47px;

  background: rgba(50, 71, 124, 0.05);
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 15px;
  color: var(--dop-tekst);
}

.cart-promocode__btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;

  font-family: var(--font-family);
  font-weight: 500;
  font-size: 14px;
  color: var(--svetlo-siniy);

}



.cart-right {}

.section-thankyou .text-16 {
  margin-bottom: 10px;
}

.section-thankyou .text-16 a {
  text-decoration: underline;
  color: var(--svetlo-siniy);
}

.section-thankyou .h1-catalog {
  margin-bottom: 20px;
}




/* CHECKOUT */



/* HOVERS */

.hover-siniy-background:hover {
  background: #405a9c;
  transition: all 0.2s linear;
}

.hover-siniy-background,
.hover-svetlo-siniy-background,
.hover-svetlo-siniy-background--op01 {
  transition: all 0.2s linear;

}

.hover-siniy-color:hover {
  color: #405a9c;
  transition: all 0.2s linear;
}

.hover-siniy-color {
  transition: all 0.2s linear;
}

.hover-svetlo-siniy-background:hover {
  background: rgba(64, 90, 156, 0.05);
  transition: all 0.2s linear;
}

.hover-svetlo-siniy-background--op01:hover {
  background: rgba(64, 90, 156, 0.1);
  transition: all 0.2s linear;
}

.wrong-form-value {
  border: 1px solid #f00;

}

.wrong-form-value::placeholder {
  color: #f00;
}

.wrong-form-value::-ms-input-placeholder {
  color: #f00;
}



.wrong-text {
  color: #f00;
  font-size: 13px;
  margin-bottom: 10px;
  display: none;
}

.slider-btn:hover {
  transition: all 0.2s linear;
  background-color: #405a9c;
}

.slider-btn:hover svg path {
  fill: #fff;
  transition: all 0.2s linear;
}

.categories-top-right:hover svg rect {
  fill: #405a9c;
  transition: all 0.2s linear;

}

.popular-categories__item:hover .popular-categories__arrow,
.services-item:hover .services-item__top-right {
  background: #405a9c;
  transition: all 0.2s linear;
}

.popular-categories__item:hover .popular-categories__title {
  color: #405a9c;
}

.popular-categories__item:hover .popular-categories__arrow svg path,
.services-item:hover .services-item__top-right svg path {
  fill: #fff;
  transition: all 0.2s linear;

}

.manufacturers__img--color {
  display: none;
}

.manufacturer-img__wrapper {
  cursor: pointer;
  transition: all 0.2s linear;
}

.manufacturer-img__wrapper:hover .manufacturers__img {
  display: none;
}

.manufacturer-img__wrapper:hover .manufacturers__img--color {
  display: block;
}

.article-btn {
  transition: all 0.2s linear;
}

.article__card:hover .article-btn {
  background: #405a9c;
  color: #fff
}

.article__card:hover .article-title {
  color: #405a9c;

}

.article__card:hover .article-btn svg path {
  fill: #fff;
}

.show-more-full__btn {
  transition: all 0.2s linear;

}

.show-more-full__btn:hover {
  transition: all 0.2s linear;
  background: rgba(64, 90, 156, 0.05);
}

footer a {
  transition: all 0.2s linear;
}

footer a:hover {
  transition: all 0.2s linear;
  color: #405a9c;
}

.sort-desk__btn {
  transition: all 0.2s linear;
}

.sort-desk__btn:hover {
  transition: all 0.2s linear;
  background: #f5f7fa;
}

.checkbox-filter__input {
  transition: all 0.2s linear;
}

.checkbox-filter__input:hover {

  background: rgba(50, 71, 124, 0.1);
}


.checkbox-filter__input {
  position: relative;
  appearance: none;
  cursor: pointer;


}

.checkbox-filter__label {
  cursor: pointer;
}


.checkbox-filter__input:checked {
  background: var(--svetlo-siniy);

}

.checkbox-filter__input:checked:after {
  position: absolute;
  content: '';

  background-image: url(/newcssstyle/assets/css/../img/icons/checkbox-white-galka.svg);
  width: 18px;
  height: 18px;
  border-radius: 100%;

  right: -5px;
  top: 2px;

  background-repeat: no-repeat;
  transition: all 0.2s linear;
}

.checkbox-filter__radio {
  cursor: pointer;
  transition: all 0.2s linear;
}

.checkbox-filter__radio:hover,
.radio-white-galka:hover {
  transition: all 0.2s linear;
  background: rgba(50, 71, 124, 0.3);
}

.checkbox-filter__radio:checked:hover,
.radio-white-galka:checked:hover {
  background: var(--svetlo-siniy);
}



.product-square__link,
.product-page__tab-btn,
.pagination-page,
.radio-white-galka,
.checkout-tab__btn {
  transition: all 0.2s linear;
}

.product-square__link:hover:not(.product-square__link--active),
.product-page__tab-btn:hover:not(.product-page__tab-btn--active) {
  background: rgba(64, 90, 156, 0.05);
  transition: all 0.2s linear;
}

.pagination-page:hover:not(.pagination-page__active),
.checkout-tab__btn:hover:not(.checkout-tab__btn-active) {
  background: rgba(64, 90, 156, 0.1);
  transition: all 0.2s linear;
}

.all-pages {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.all-pages__link {
  font-size: 20px;
  color: var(--temno-siniy);
}

.discont-modal-btn {}

.discont-modal {
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(51, 52, 56, 0.5);
}

.discont-modal__inner {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  max-width: 600px;
  width: 100%;
  padding: 20px;
  margin: 40px 0;
  background-color: var(--belyy);
  border-radius: 12px;
}

.discont-modal .discont-modal__title {
  margin: 0 !important;
}

.discont-modal .discont-modal__subtitle {
  margin: 0 !important;
}

.discont-modal .discont-modal__text {
  margin: 0 !important;
}

.discont-modal__footer {}

.discont-modal__btn {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 40px;
  padding: 8px 0px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: var(--svetlo-siniy);
  margin: 0;
  padding: 8px 10px;
  color: var(--belyy);
}

@media (hover:hover) {
  .discont-modal__btn:hover {
    color: var(--belyy);
    background: #405a9c;
    transition: all 0.2s linear;
  }
}


















/* hidden */

.hidden {
  display: none;
}

.hamburger,
.menu-mob,
.header-search__mob,
.hero-slide__mob,
.hero-pagination,
.finger,
.categories-top-right__mob,
.mob,
.sort-mob__btns,
.product-filters__bottom--mob,
.tab-btn__mob,
.header-shop__favorite,
.header-shop__compare,
.product-top__btns,
.product-top,
.product-install__wrapper,
.header-search-1000,
.fwb-1440,
.fwb-1200,
.fwb-1000,
.fwb-768,
.recommendation-mob {
  display: none;

}

.title-search-result {
  overflow: visible !important;
}

/* hidden */

.popup-frame__new {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  border-radius: 12px;
  max-width: 600px;
}

.popup-frame__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.popup-frame__head .popup_frame_text {
  width: calc(100% - 20px);
  font-size: 20px;
  font-weight: 700;
  text-align: left;
}

.popup-frame__head .close_popup_frame {
  top: 25px;
  right: 15px;
}

.popup-frame__main {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}

.popup-frame__main .popup_frame_elname {
  text-align: left;
  margin-bottom: 0;
  color: #013560;
}

.popup-frame__product {
  display: flex;
  align-items: center;
  column-gap: 20px;
}

.popup-frame__icon {
  width: 80px;
  height: 60px;
}

.popup-frame__icon img {
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popup-frame__sum {
  display: flex;
  align-items: center;
  column-gap: 2px;
  margin-left: auto;
}

.popup-frame__sum-text {
  text-align: right;
  font-size: 16px;
  white-space: nowrap;
}

.popup-frame__info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  column-gap: 20px;
}

.popup-frame__product-count {
  text-align: left;
}

.popup-frame__product-sum {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.popup-frame__product-sum-text {
  font-size: 15px;
  font-weight: 700;
}

.popup-frame__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 20px;
}

.popup-frame__footer .bnt {
  margin: 0;
}

.popup-frame__footer .popup_frame_cart {
  background-color: var(--osnovnoy-krasnyy);
}

.header-placeholder {
  height: 143px;
}

.hamburger-mobile {
  display: none;
}

.location-select {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  column-gap: 8px;

  padding: 0 0 0 28px;
  width: fit-content;
  margin: 0 auto;
  margin-left: -36px;
  margin-right: 20px;
}

.location-select__icon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
}

.location-select__main {
  background-color: transparent;
  border: 0;
  outline: 0;
  width: calc(100%);
  /* border: 2px solid #eef0f3; */
  border-radius: 8px;
}

.location-select__body {}

.location-select__body .custom-select-opener {
  background-color: transparent;
}

.location-select__body .custom-select-option {
  border-radius: 4px;
}

.location-select__body .custom-select-panel {
  width: 100%;
  scrollbar-width: none;

  border: 1px solid var(--obvodka-fona);
  border-radius: 12px;
  padding: 10px;
  white-space: nowrap;
  background: var(--belyy);
}

.location-select__body .custom-select-option {
  cursor: pointer;
}

.location-select__body .custom-select-option.has-focus {
  background: #f5f7fa;
  color: var(--svetlo-siniy);
}

.custom-select-option.is-selected::before {
  content: none !important;
}

.location-select__body .custom-select-container {
  display: flex;
  align-items: center;
  height: 40px;
}

.js-select {}

@media (max-width: 767px) {
  .popup-frame__footer {
    flex-direction: column;
    row-gap: 10px;
  }

  .popup-frame__footer .bnt {
    width: 100%;
  }

  .popup-frame__head .popup_frame_text {
    font-size: 18px;
  }

  .popup-frame__product-sum-text,
  .popup-frame__sum-text,
  .popup-frame__product-count {
    font-size: 14px;
  }

  .popup-frame__main .popup_frame_elname {
    font-size: 15px;
  }

  .hamburger {
    display: none !important;
  }

  .hamburger.hamburger-mobile {
    display: flex !important;
  }
}

@media (max-width: 768px) {
  .catalog-product-cst {
   /* min-height: 640px;*/
	/*min-height: 420px;*/
  }
}



/*new modal styles*/


:root {
  --font-family-base: "SB Sans Text", Helvetica, Arial, sans-serif;
  --font-family-title: "SB Sans Display", Helvetica, Arial, sans-serif;
  --font-size-base: 14px;
  --font-size-small: 12px;
  --font-size-h1: 24px;
  --font-size-h2: 18px;
  --line-height-base: 1.333333;
  --font-weight-base: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --color-white: #FFFFFF;
  --color-black: #202020;
  --color-gray: #9B9B9B;
  --color-gray-lighter: #EEEEEE;
  --color-gray-lightest: #F6F6F6;
  --color-primary: #9B38DC;
  --color-primary-lighter: #E3C6F6;
  --color-primary-lightest: #F5EAFD;
  --color-primary-hover: #862AC1;
  --color-yellow: #FFDE56;
}

.content {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  padding: 16px;
  background: rgba(8, 8, 8, 0.5);
}

.content.is-visible {
  display: flex;
}

.content__close {
  margin-left: auto;
  font-size: 24px;
  font-weight: 900;
  color: #fff;
  cursor: pointer;
}

.content__inner::before {
  z-index: 2;
  content: '';
  position: absolute;
  bottom: -20px;
  left: 20px;
  width: calc(100% - 40px);
  height: 80px;
  background: var(--color-gray-lighter);
  border-radius: 20px;
  transition: background 0.2s ease;
}

.content__inner.is-colored-now::before {
  background: var(--color-primary-lighter);
}

.content__inner::after {
  z-index: 1;
  content: '';
  position: absolute;
  bottom: -40px;
  left: 40px;
  width: calc(100% - 80px);
  height: 80px;
  background: var(--color-gray-lightest);
  border-radius: 20px;
  transition: background 0.2s ease;
}

.content__inner.is-colored-now::after {
  background: var(--color-primary-lightest);
}

.content__list-item.is-colored .content__item::before {
  content: '';
  position: absolute;
  top: -235px;
  left: -297px;
  width: 642px;
  height: 518px;
  background: radial-gradient(50% 50% at 50% 50%, #F8A702 0%, rgba(248, 167, 2, 0) 82.68%);
  transform: rotate(44.07deg);
}

.content__list-item.is-colored .content__item::after {
  content: '';
  position: absolute;
  right: -275px;
  bottom: -163px;
  width: 599px;
  height: 375px;
  background: radial-gradient(50% 50% at 50% 50%, #05D476 0%, rgba(5, 212, 118, 0) 100%);
  transform: rotate(-14.52deg);
}

#content {
  clear: none !important;
  margin: 0;
  padding: 0;
}

#content {
  position: static !important;
}

.content__inner {
  position: relative;
  z-index: 1;
  max-width: 500px;
  margin: auto;
}

.content__list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.content__list-item {
  display: none;
}

.content__list-item.is-active {
  display: block;
}

.content__item {
  z-index: 3;
  position: relative;
  height: 246px;
  padding: 24px;
  background: var(--color-white);
  border-radius: 20px;
  word-wrap: break-word;
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.content__list-item.is-colored .content__item {
  background: var(--color-primary);
}

.content__list-item.is-colored .content__item::before {
  content: '';
  position: absolute;
  top: -235px;
  left: -297px;
  width: 642px;
  height: 518px;
  background: radial-gradient(50% 50% at 50% 50%, #F8A702 0%, rgba(248, 167, 2, 0) 82.68%);
  transform: rotate(44.07deg);
}

.content__item-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: baseline;
  margin: 0 0 16px;
}

.content__title {
  margin: 0 8px 0 0;
  font-family: var(--font-family-title);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.content__list-item.is-colored .content__title {
  color: var(--color-white);
}

.content__all-button {
  padding: 4px;
  margin: -4px;
  font-family: inherit;
  font-size: var(--font-size-small);
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary);
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
  -webkit-appearance: none;
}

.content__list-item.is-colored .content__all-button {
  color: var(--color-white);
}

.content__item-title {
  position: relative;
  z-index: 1;
  margin: 0 0 8px;
  padding: 0;
  font-family: inherit;
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-h2);
  line-height: var(--line-height-base);
  text-align: left;
  border: none;
  border-radius: 0;
  background: transparent;
  color: var(--color-black);
  border: none;
  border-radius: 0;
  background: transparent;
  cursor: pointer;
  transition: color 0.2s ease;
  user-select: none;
}

.content__list-item.is-colored .content__item-title {
  color: var(--color-white);
}

.content__item-title span {
  display: block;
  display: -webkit-box;
  max-height: 46px;
  overflow: hidden;
  -webkit-appearance: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.content__item-text {
  position: relative;
  z-index: 1;
  margin: 0 0 24px;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  color: var(--color-black);
}

.content__item-text b {
  font-weight: 700;
}

.content__list-item.is-colored .content__item-text {
  color: var(--color-white);
}

.content__item-text>div>div>div>p:first-child {
  display: block !important;
  display: -webkit-box !important;
  max-height: 54px;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.content__item-footer {
  position: relative;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 24px;
}

.content__item-date {
  font-size: var(--font-size-small);
  color: var(--color-gray);
}

.content__list-item.is-colored .content__item-date {
  color: var(--color-white);
}

.discount-label {
  position: relative;
  background-color: #32477c;
  color: #fff;
  padding: 0 20px 0 30px;
  border-radius: 0 20px 20px 0;
  line-height: 40px;
  font-size: 20px;
  font-weight: 400;
  margin-left:-30px;
}

.discount-label::before {
  content: '';
  position: absolute;
  left: -1px;
  top: 0;
  width: 20px;
  height: 40px;
  background-color: #f5f6f8;
  border-radius: 0px 20px 20px 0px;
  z-index: 1;
}

.discount-label.bg-white::before {
	background-color: #fff;
}

.product-price__new{
	flex: 1;
	text-align:center;
}

.discount-label-card {
  position: relative;
  background-color: #32477c;
  color: #fff;
  padding: 0 20px 0 20px;
  border-radius: 20px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 400;
  margin-left:0px;
}


.product-page__product .product-price__new_a{
	flex: unset;
}

.slider-container .slider-btn{
	display: none;
}

.fc{
	display: block;
    align-items: center;
}

.h1-catalog.fc .product-label{
	display: inline-block;
	font-size: 14px;
	margin-left: 10px;
  	vertical-align: middle;
}

.h1-catalog{
	font-weight: 600;
}

.consultation{
	white-space: nowrap;
}
/* End */


/* Start:/newcssstyle/assets/css/adaptive1919.css?174637883611751*/
@media (max-width:1919px) {

  .container {
    width: 1360px;

  }

  .menu-top {
    gap: 20px;
  }

  .menu-top__link {
    font-size: 12px;
  }

  .contacts-top {
    gap: 20px;
  }

  .social-links{
    margin-right: -20px;
  }

  .social-links img{
    height: 34px;
  }
  
  .menu-email,
  .menu-address {
    font-size: 12px;
  }

  .menu-address .header-phone__number {
    font-size: 13px;
  }

  .header-logo {
    width: 204px;
  }

  .catalog-btn {
    width: 127px;
    height: 38px;
  }

  .header-search {
    width: 508px;
    height: 38px;
  }

  .search-submit {
    width: 92px;
    font-weight: 300;
    font-size: 14px;

  }

  .catalog-btn__text {
    font-weight: 300;
    font-size: 15px;
  }

  .search-input {
    width: 408px;
  }

  .header-phone__number {
    font-size: 15px;
  }



  .header-shop__text {
    font-size: 11px;
  }

  .header-shop__icon {
    height: 18px;
  }

  .header-shop__mount {
    font-size: 7px;
    right: 3px;
  }

  .menu-bottom__icon {
    height: 15px;
    gap: 10px;
  }

  .menu-bottom__text {
    font-size: 13px;
  }

  ul.submenu-bottom {
    left: -23px;
    transform: translateX(0);
    top: 36px;
  }

  .submenu-bottom__link {
    font-size: 14px;
  }

  /* dropdown catalog */

  ul.catalog-menu {
    width: 330px;
  }

  ul.catalog-submenu {
    width: calc(100% - 330px);
  }


  .catalog-menu__text,
  .catalog-submenu__link {
    font-size: 14px;
  }

  /* dropdown catalog */

  /* product card */

  .search-product {
    right: -310px;
  }

  .search-product .product-card {
    width: 290px;
  }

  .product-card {
    width: 325px;
    border-radius: 12px;
  }

  .product-label {
    font-size: 11px;
  }

  .product-top__btn {
    width: 30px;
    height: 30px;
  }

  .product-bottom {
    padding: 0 5px;
  }

  .product-status-article {
    font-size: 12px;
  }

  .product-name {
    font-size: 16px;
  }

  .product-price__new {
    font-size: 17px;

  }

  .product-price__old {
    font-size: 14px;

  }

  .product-price__discount {
    font-size: 11px;

  }

  .product-btn {
    font-size: 13px;

  }

  .main-product .product-img__wrapper {
    height: 240px;
  }

  .main-product .product-img__wrapper:after {
    border-radius: 12px 12px 0 0;
  }

  .main-product .product-bottom__with-price {
    border-radius: 0 0 12px 12px;
  }

  .main-product .product-bottom,
  .main-product ul.product-slider,
  .main-product .product-feature {
    padding-left: 25px;
    padding-right: 25px;
  }

  /* product card */

  /* MODAL */

  .modal {
    width: 500px;
  }

  .modal-title {
    font-size: 24px;
  }

  .modal-desc {
    font-size: 14px;
  }

  .modal-form label {
    font-size: 13px;
  }

  .modal-input {
    font-size: 14px;

  }

  .modal-input__submit {
    font-size: 14px;

  }

  .modal-privacy {
    font-size: 13px;
  }

  .modal-form__succes {
    font-size: 23px;

  }

  /* MODAL */

  /*FOOTER */

  .footer-top__menu {
    gap: 40px;

  }

  .footer-top__menu--icon {
    width: 16px;
    height: 16px;
  }

  .footer-top__menu--text {
    font-size: 14px;
  }

  .footer-nav {
    width: 840px;
  }

  .footer-medium__title {
    font-size: 13px;
  }

  .footer-nav__title,
  .footer-nav__link,
  .footer-info__link,
  .footer-connect__text,
  .footer-connect__link {
    font-size: 14px;
  }

  .footer-copyright .footer-privacy__link {
    font-size: 12px;
  }

  /*FOOTER */


  /* MAIN */

  .fwb-1920 {
    display: none;
  }

  .fwb-1440 {
    display: block;
  }

  .article__card-link {
    margin-bottom: 15px;
  }

  .hero-slide {
    width: 1020px;
  }

  .h1 {
    font-size: 26px;
  }

  .popular-categories__h2 {
    font-size: 20px;
  }

  .categories-top-right {
    width: 133px;
  }

  .categories-top__more-categories {
    font-size: 13px;
  }

  .categories-top__icon {
    width: 35px;
    height: 35px;
  }

  .popular-categories__title {
    font-size: 15px;
  }

  .popular-categories__products {
    font-size: 13px;
  }

  .popular-categories__arrow {
    width: 35px;
    height: 35px;
  }

  .popular-categories__list {
    grid-auto-rows: 180px;
  }

  .popular-categories__img {
    max-width: 60%;
  }

  .product-feature {
    font-size: 13px;
  }

  .h2 {
    font-size: 26px;
  }

  .article-date {
    font-size: 12px;
  }

  .article-title {
    font-size: 16px;
  }

  .article-desc {
    font-size: 14px;
  }

  .show-more-full__btn {
    font-size: 15px;
  }

  .h2-seo {
    font-size: 26px;

  }

  .seo-text {
    font-size: 14px;
  }

  .manufacturer-img__wrapper {
    width: 218px;
    height: 120px;
  }




  /* MAIN */


  /* CATALOG */

  .breadcrumb {
    font-size: 13px;
  }

  .h1-catalog {
    font-size: 30px;
  }

  .section-breadcrumbs {
    margin-bottom: 10px;
  }

  .catalog-page .catalog-products__list {
    margin-bottom: 30px;
  }

  /* CATALOG PAGE */

  .product-filters {
    width: 260px;
  }

  .filter-title {
    font-size: 14px;
  }

  .filter-input {
    width: 95px;
    font-size: 13px;
  }

  .products-wrapper {
    width: 1080px;
  }

  .product-filters__top {
    padding: 19px;
  }

  .show-more__sertificates {
    font-size: 13px;
  }

  .product-sort__text,
  .product-sort__select,
  .product-help {
    font-size: 14px;
  }

  .filter-apply {
    width: 115px;
    font-size: 14px;
  }


  /* PRODUCT PAGE */

  .product-page__top--left {
    gap: 10px;
    width: 1180px;
  }

  .product-page .product-article,
  .product-page .product-status {
    font-size: 13px;
  }

  .product-page__top--right {
    width: 232px;
  }

  .product-page__slider {
    height: 460px;
  }

  .slider__images {
    width: 500px;
    height: 460px;
    position: relative;
  }

  .product-page__details {
    width: 370px;
    margin-right: 30px;
  }

  .product-detail__square--title {
    font-size: 14px;
  }

  .product-square__link {
    font-size: 14px;
    padding: 4px 15px;

  }



  .product-info__wrapper {
    width: 360px;

  }

  .slider__thumbs {
    height: calc(460px - 40px);
  }

  .product-page__info .product-price__new {
    font-size: 28px;
  }

  .product-page__info .product-price__old {
    font-size: 15px;
  }

  .product-install__text {
    font-size: 13px;
  }

  .product-install__price {
    font-size: 15px;
  }

  .product-install__img {
    height: 15px;
  }

  .product-page__info .product-btn {
    font-size: 14px;
    width: 155px;
  }

  .product-montazh__name,
  .product-shipping__name,
  .product-shipping__value {
    font-size: 13px;
  }

  .product-montazh__price {
    font-size: 14px;
  }

  .product-montazh__tooltip--premium {
    right: -5px;
  }


  .product-page__tab-text {
    width: 840px;
  }

  .tab-shipping__title,
  .tab-payment__accept--text {
    font-size: 16px;
  }

  .tab-payment__method--number {
    width: 35px;
    height: 35px;
    font-size: 16px;
  }

  .tab-payment__logo {
    height: 40px;
  }

  .tab-payment__method {
    gap: 15px;
  }

  .tab-shipping,
  .tab-payment {
    width: 670px;
  }

  .tab-payment__method--text {
    max-width: 205px;
  }

  .tooltip-popup {
    left: unset;
    transform: unset;
    right: 0;
  }

  .product-detail__value,
  .product-detail__name,
  .all-details,
  .btn2,
  .product-page__tab-btn,
  .product-page__tab-text,
  .tab-character__name,
  .tab-character__value,
  .tab-shipping__desc,
  .tab-payment__method--text {
    font-size: 14px;
  }

  /* PRODUCT PAGE */

  /* manufacturers page */

  .manufacturers-logos {
    grid-auto-rows: 120px;

  }

  .manufacturers-logo__img {
    width: 176px;
  }


  /* manufacturers page */



  /* OFFERS PAGE */

  .text-16 {
    font-size: 14px;
  }


  .offers-item {
    padding: 20px;
  }

  .offers-item__desc {
    font-size: 14px;
  }

  .install-cond-wrapper {
    padding: 30px 40px;
  }

  .install-cond__text {
    font-size: 14px;
  }

  .install-cond__form label,
  .install-cond__privacy p,
  .install-cond__privacy a {
    font-size: 13px;
  }

  .install-cond__item input {
    font-size: 14px;
  }

  .btn-svetlo-siniy {
    font-size: 14px;
  }

  .install-cond__submit,
  .install-cond__item input {
    height: 46px;
  }

  /* OFFERS PAGE */

  /*CONTACTS PAGE*/

  .contacts-list__item {
    padding: 20px;
  }

  .contacts-list__top .contacts-list__item {
    min-width: 296px;
  }


  /*CONTACTS PAGE*/

  /* PAGE ARTICLE */
  .article-h1 {
    font-size: 30px;
  }

  .article-text {
    font-size: 15px;
    line-height: 173%;
  }

  .article-wrapper__left {
    width: 820px;
  }

  .article-h2 {
    font-size: 26px;
  }

  .article-h3 {
    font-size: 20px;
  }

  .article-wrapper__right {
    /* right: 120px; */
  }

  .article-ancor {
    font-size: 14px;
  }




  /* PAGE ARTICLE */


  /* PAGE SERVICES */

  .services-item__icon {
    width: 35px;
    height: 35px;

  }

  .services-item__title {
    font-size: 15px;
  }

  .services-item__card {
    font-size: 14px;
  }

  /* PAGE SERVICES */

  /* PAGE SERVICE */

  .prices-table__value,
  .prices-table__name {
    font-size: 14px;
  }

  /* PAGE SERVICE */

  /* COMPONENTs PAGE */
  .component-item:nth-of-type(-n + 4) {
    width: 332px;

  }

  .component-item:nth-of-type(n + 5) {
    width: 264px;

  }

  /* COMPONENTs PAGE */

  /* COMPONENT PAGE */

  .section-component__left {
    width: 1000px;
  }

  .component-plus {
    width: 495px;
  }

  .component-pluses__shop-icon {
    width: 40px;
    height: 40px;
  }

  .component-pluses__shop-text {
    font-size: 14px;
  }

  .component-show-more {
    margin-top: 40px;
    font-size: 15px;

  }

  /* COMPONENT PAGE */

  /*SITEMAP PAGE */

  .sitemap-item__title {
    font-size: 15px;
  }

  .sitemap-page {
    font-size: 14px;
  }

  /*SITEMAP PAGE */


  /* oferta */

  .h2-oferta {
    font-size: 16px;
  }

  .oferta-text {
    font-size: 14px;
    line-height: 157%;
  }

  /* oferta */


  /* CART */

  .cart-choice {
    margin-bottom: 10px;
  }

  .cart-products {
    gap: 10px;
  }

  .cart-left {
    width: 970px;


  }

  .cart-right {
    width: 350px;

  }

  .cart-checkbox {
    width: 16px;
    height: 16px;
  }

  .cart-choice__all label,
  .cart-choice__delete-text {
    font-size: 14px;
  }

  .cart-product__wrapper-img {
    width: 100px;
    height: 100px;
  }

  .cart-product__name {
    font-size: 16px;
  }

  .cart-product__article,
  .cart-shipping__title,
  .cart-shipping__item label {
    font-size: 13px;
  }

  .cart-product__right {
    /* width: 754px; */
  }

  .cart-product__quantity {
    width: 96px;
  }

  .cart-product__quantity-number {
    font-size: 15px;
  }

  .cart-product__plus svg,
  .cart-product__minus svg {
    width: 10px;
  }

  .cart-product_new-price {
    font-size: 18px;
  }

  .cart-product_old-price,
  .cart-right__price-right,
  .cart-right__price-left {
    font-size: 14px;
  }

  .cart-details__title {
    font-size: 16px;
  }

  .cart-total__text {
    font-size: 20px;
  }

  .cart-total__price {
    font-size: 22px;
  }

  /* CART */


  /* CHECKOUT */

  .checkout-tab__pickup-top,
  .checkout-tab__shipping-item {
    padding: 15px 20px;
  }

  .checkout-title {
    font-size: 18px;
  }

  .checkout-tab__pickup-where--title,
  .checkout-tab__shipping-text {
    font-size: 15px;
  }

  .checkout-tab__btn {
    height: 45px;
    padding: 14px 0px;

  }

  .checkout-tab__btn,
  .checkout-tab__pickup-where--text,
  .checkout-tab__shipping-item--right,
  .checkout-receiver__input {
    font-size: 14px;
  }

  .checkout-receiver__label {
    font-size: 13px;
  }

  /* CHECKOUT */


  /* ABOUT US */

  .section-official-manafactures .popular-categories__h2 {

    font-size: 14px;

  }


  .section-official-manafactures .categories-top-right {
    width: 182px;
  }


  /* ABOUT US */










  .dropdown-catalog__wrapper{
    top: 103px;
  }



}
/* End */


/* Start:/newcssstyle/assets/css/adaptive1439.css?17486347248921*/
@media (max-width:1439px) {
  .container {
    width: 1120px;
  }

  .catalog-btn {
    width: 110px;
    height: 36px;
    margin-right: 20px;
  }

  .catalog-btn__text {
    font-size: 14px;
  }

  .search-submit {
    font-size: 12px;
  }

  .header-logo {
    width: 180px;
    margin-right: 20px;
    gap: 10px;
    margin-right: 20px;
  }

  .header-phone__call-new {
    height: 36px;
    font-size: 13px;
    padding: 8px 6px;
    border-radius: 4px;
  }

  .location-select__body .custom-select-container {
    height: 36px;
  }

  .location-select {
    margin-left: -10px;
  }

  .header-search {
    width: 412px;
    height: 36px;
  }

  .search-submit {
    width: 76px;

  }

  .search-input {
    width: 334px;
  }

  .header-phone__number {
    font-size: 14px;
  }

  .header-phone__call {
    font-size: 11px;
  }

  .header-phone {
    margin-right: 20px;
    margin-left: 56px;
  }

  .header-shop {
    gap: 10px;
  }

  .header-shop__text {
    font-size: 10px;
  }

  /* dropdown catalog */
  ul.catalog-menu {
    width: 315px;
  }

  ul.catalog-submenu {
    width: calc(100% - 315px);
  }

  .catalog-menu__text,
  .catalog-submenu__link {
    font-size: 13px;
  }

  .dropdown-catalog__img {
    width: 310px;
  }

  /* dropdown catalog */

  .submenu-bottom__link {
    font-size: 13px;
  }

  /*FOOTER */

  .footer-medium {
    flex-wrap: wrap;
    justify-content: start;
    gap: 30px;
  }

  .footer-nav {
    width: 100%;
  }


  .footer-info {
    width: 290px;
  }

  .footer-connect {
    width: 800px;
  }

  .footer-connect__list {
    flex-direction: row;
    justify-content: space-between;
  }



  /*FOOTER */

  /* MAIN */


  .fwb-1440 {
    display: none;
  }

  .fwb-1200 {
    display: block;
  }

  .product-card {
    width: 360px;
  }

  .search-product .product-card {
    width: 290px;
  }

  .product-labels {
    flex-direction: row;
  }

  .recommendation__list {
    /* grid-template-columns: repeat(3, 1fr); */
  }

  .manufacturer-img__wrapper {
    width: 216px;

  }

  .articles__list {
    grid-template-columns: repeat(3, 32%);
  }

  /* MAIN *

  /* CATALOG */

  .popular-categories__list {
    grid-auto-rows: 160px;
  }

  /* CATALOG */

  /* CATALOG PAGE */

  .h1-catalog {
    margin-bottom: 30px;
  }

  .product-top__mob {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--obvodka-fona);
    margin-bottom: 20px;

  }

  .products-wrapper {
    width: 100%;
  }

  .product-row {
    flex-direction: column;
    margin-bottom: 30px;

  }

  .product-filters {
    width: 100%;
  }

  .filter-input {
    width: 48.66%;
    font-size: 13px;
  }

  .product-filters__top {
    border: none;
    padding: 0;
    margin-bottom: 20px;
  }

  .product-filters__bottom--desk,
  .products-top,
  .product-filters {
    display: none;
  }

  .filter-reset,
  .filter-apply {
    width: 49%;
  }

  .filter-reset {
    justify-content: center;
  }

  .sort-mob__btns {
    margin-bottom: 20px;
  }

  .sort-mob__btn {
    width: 100%;
    border-radius: 4px;
    padding: 10px 15px;

    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--dop-tekst);
    text-align: left;
    transition: all 0.2s linear;

  }

  .sort-mob__btn:hover {
    background: #f5f7fa;
  }

  .product-filters__bottom--mob {
    display: flex;

  }

  .product-filters__bottom {
    flex-direction: row;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4.375%;

  }

  .product-filters__sertificate {
    width: 16.5%;
    margin-bottom: 20px;
  }

  .show-more__sertificates {
    width: 100%;

  }


  /* CATALOG PAGE */

  /* PRODUCT PAGE */

  .product-montazh__base .tooltip-popup {
    right: -150px;
    top: -260px;
  }

  .product-montazh__premium .tooltip-popup {
    top: -295px;
    right: -145px;
  }



  .product-install__text {
    margin-right: 26px;
  }

  .product-page__product {

    flex-direction: column;
  }

  .product-page__top {
    order: 2;
  }

  .product-page__details {
    order: 3;
  }

  .product-info__wrapper {
    order: 4;
  }

  .product-page__slider {
    height: auto;
    margin-bottom: 30px;
  }

  .slider__flex {
    flex-direction: column;

  }

  .slider__col {
    order: 2;
  }

  .slider__images {
    width: 1120px;
    height: 360px;
    margin-bottom: 10px;
  }

  .slider__images .slider__image img {
    width: 300px;
    object-fit: unset;
    max-height: 340px;
  }

  .slider__images .slider__image {
    display: flex;
    justify-content: center;
  }

  .slider__prev,
  .slider__next {
    display: none;
  }

  .slider__thumbs {
    height: auto;
  }

  .product-page__top--left {
    width: 878px;

  }

  .product-page__details {
    display: flex;
    justify-content: space-between;
  }

  .product-page__details {
    width: 100%;
  }

  .product-page__product .product-page__details .product-detail,
  .all-details {
    display: none;
  }

  .btn2 {
    height: 38px;
  }

  .product-info__wrapper {
    width: 100%;
  }

  .product-page__info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .product-page__info .product-price {
    width: 50%;
  }

  .product-info__btns {
    flex-direction: column;
    width: 100%;
    gap: 10px;
  }

  .product-montazh {
    width: 100%;
  }

  .product-montazh__inputs {
    justify-content: start;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .product-page__info .product-btn {
    width: 100%;
  }

  .product-montazh__tooltip--premium {
    right: -15px;
  }

  .product-page__product {
    margin-bottom: 40px;
  }

  .product-page__tab-text {
    width: 100%;

  }

  .product-page__tab-logo {
    display: none;
  }

  .tab-character__name {
    width: 540px;
  }

  .tab-shipping-payment {
    flex-direction: column;
    gap: 20px;
  }

  .tab-shipping,
  .tab-payment {
    width: 100%;
  }

  .tab-shipping__item:last-of-type {
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .tab-payment__methods {
    flex-direction: column;
    gap: 10px;

  }

  .tab-payment__method {
    width: 100%;
    padding: 10px;
  }

  .tab-btn__mob {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--obvodka-fona-temnee);
    border-radius: 8px;
    padding: 14px 20px;
    width: 100%;


    font-family: var(--second-family);
    font-weight: 600;
    font-size: 18px;
    color: var(--svetlo-siniy);
    margin-bottom: 10px;
  }

  .tab-btn__mob svg {
    transition: all 0.2s linear;
  }

  .product-page__tab.hidden {
    display: block;
  }

  .product-page__tabs-btns {
    display: none;
  }


  /* PRODUCT PAGE */

  /* manufacturers page */

  .manufacturers-logos {
    grid-template-columns: repeat(4, 1fr);

  }

  .manufacturers-logo__img {
    width: 185px;

  }


  /* manufacturers page */

  /*CONTACTS PAGE*/

  .contacts-map {
    height: 320px;
  }

  .contacts-list__bottom {
    flex-wrap: wrap;
  }

  .contacts-list__bottom .contacts-list__item {
    width: 32.7%;
  }

  .contacts-list__bottom {
    gap: 10px;
  }

  .contacts-list__top .contacts-list__item {
    min-width: 246px;
  }

  /*CONTACTS PAGE*/

  /* PAGE ARTICLE */
  .article-wrapper__left {
    width: 580px;
  }

  /* PAGE SERVICES */

  .services-list {
    grid-template-columns: repeat(2, 1fr);

  }

  /* PAGE SERVICES */


  /* PAGE ARTICLE */


  /* COMPONENTs PAGE */
  .component-item:nth-of-type(-n + 4) {
    width: 366px;

  }

  .component-item:nth-of-type(n + 5) {
    width: 366px;

  }

  /* COMPONENTs PAGE */

  /* COMPONENT PAGE */

  .section-component__left {
    width: 800px;
  }

  .section-component__right {
    width: 260px;
  }

  .component-plus {
    width: 395px;
  }

  .component-pluses__shop-icon {
    width: 40px;
    height: 40px;
  }

  .component-pluses__shop-text {
    font-size: 14px;
  }

  .component-show-more {
    margin-top: 40px;
    font-size: 15px;

  }

  .section-component .product-filters__bottom {
    display: flex;
    flex-direction: column;
  }

  .section-component .product-filters__sertificate {
    width: auto;
  }

  .component-pluses .component-plus {

    font-size: 14px;
    line-height: 157%;
    height: 90px;


  }

  /* COMPONENT PAGE */

  /* CART */
  .cart-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .cart-right,
  .cart-left {
    width: 100%;
  }

  .cart-product__right {
    /* width: 904px; */
  }

  /* CART */

  /* ABOUT US */

  .section-official-manafactures .categories-top-left .h2,
  .section-official-manafactures .categories-top-left .popular-categories__h2 {
    margin-bottom: 0;
  }

  .header-placeholder {
    height: 134px;
  }

  .product-page__product .product-price{
	width: 100%;
    justify-content: center;
  }

  .product-options{
	bottom: 45px;
   }

  .product-detail__square--title{
	white-space: nowrap;
    padding-right: 10px;
  }
}
/* End */


/* Start:/newcssstyle/assets/css/adaptive1199.css?17463790566893*/
@media (max-width:1199px) {
  .container {
    width: 920px;
  }

  .header-logo {
    margin-right: 20px;
  }

  .location-desktop .menu-bottom__link {
    padding: 0;
  }

  .header-search,
  .header-phone {
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .header-shop__text {
    font-size: 11px;
  }

  .header-shop {
    gap: 20px;
  }

  .menu-bottom {
    display: flex;
    flex-direction: column;

    align-items: flex-start;
  }

  .menu-bottom__item {
    width: 100%;
    padding: 0;
  }

  ul.submenu-bottom {
    position: static;
    border: none;
    padding: 10px 0;
  }

  .menu-bottom__link {
    padding: 12px 20px;
  }

  .menu-bottom__text {
    flex: 1;
  }

  .submenu-bottom__link {
    padding: 12px 20px;
  }

  .has-submenu::before {
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }

  .header {
    border-bottom: 1px solid var(--obvodka-fona);
  }

  .header-bottom {
    position: absolute;
    z-index: 10;
    background: #fff;
    width: 100%;
    padding: 20px 0;
    border-bottom: none;
    display: none;
  }



  .header-search-1000 {
    display: flex;
    width: 100%;
    height: 40px;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .header-search-1000 .search-input {
    width: 844px;
  }

  .header-medium__container {
    margin-bottom: 10px;
  }

  .catalog-btn {
    margin-right: 20px;
    gap: 10px;
    font-size: 14px;
  }

  .catalog-btn__text {
    font-size: 14px;
  }

  .header-shop__text {
    font-size: 10px;
  }


  /* dropdown catalog */

  .catalog-submenu {
    display: none;
  }

  .dropdown-catalog__img {
    display: none;
  }

  .dropdown-catalog {
    padding: 0;
    height: auto;
    margin-top: 20px;
  }

  ul.catalog-menu {
    width: 100%;
    padding-right: 0;
    border-right: none;
  }

  .dropdown-catalog {
    /* width: 100%; */
    flex-direction: column;
  }

  .dropdown-catalog .catalog-menu__arrow {
    transform: rotate(90deg);
  }

  .catalog-submenu-mob {
    padding-bottom: 10px;
    border-bottom: 1px solid var(--obvodka-fona);

  }

  .catalog-menu__link {
    margin-bottom: 10px;
  }

  ul.catalog-submenu {
    padding-left: 0;
  }

  .catalog-submenu__link {
    font-size: 13px;
  }

  .catalog-menu__text {
    font-size: 14px;
  }

  .dropdown-catalog__img {
    width: 310px;
  }

  /* dropdown catalog */

  /* MODAL */

  .modal {
    width: 440px;
    padding: 30px;
  }

  .modal-title {
    font-size: 20px;
  }

  .modal-desc {
    font-size: 13px;
  }

  .modal-form label {
    font-size: 12px;
  }

  .modal-input {
    font-size: 13px;

  }

  .modal-input__submit {
    font-size: 13px;

  }

  .modal-privacy {
    font-size: 12px;
  }

  .modal-form__succes {
    font-size: 20px;


  }

  /* MODAL */

  /*FOOTER */

  .footer-logo {
    width: 178px;
  }

  .footer-top__menu {
    gap: 20px;
  }


  .footer-connect {
    width: 600px;
  }

  .footer-connect__item {
    width: 33%;
    gap: 20px;
  }

  /* MAIN */

  ul.product-slider {
    /*display: none;*/
  }

  /*.recommendation-desk {
    display: none;
  }*/

  .recommendation-mob {
    display: block;
  }

  .fwb-1200 {
    display: none;
  }

  .fwb-1000 {
    display: block;
  }

  .hero-slide {
    width: 810px;
  }

  .hero-banners {
    overflow-x: auto;
    overflow-y: hidden;
    width: auto;
    gap: 10px;
    scrollbar-width: none;
  }

  .hero-banners__link {
    width: 360px;
    min-width: 360px;
  }

  .popular-categories__title {
    font-size: 14px;
  }

  .popular-categories__list {
    grid-template-columns: repeat(2, 49.5%);
  }

  .popular-categories__list {
    /* grid-template-rows: repeat(3, 160px); */
    grid-auto-rows: 160px;
  }

  .product-card,
  .hits-slide {
    width: 340px;
  }

  .main-product-page .hits-slide {
    width: 300px;
  }

  .main-product-page .swiper-similar.swiper-overflow,
  .main-product-page .swiper-viewed.swiper-overflow {
    overflow: unset;
  }



  .slider-btn {
    display: none;
  }

  .recommendation__list {
    display: flex;
    /* gap: 20px;
    overflow-x: auto;
    scrollbar-width: none; */
  }

  .manufacturers-slide {
    width: 200px;
  }

  .articles__list {
    grid-template-columns: repeat(3, 31.8%);
  }

  .manufacturer-img__wrapper {
    width: 200px;
  }


  /* MAIN */

  /* CATALOG */

  .trust-img__wrapper {}

  .trust-slide {
    width: 170px;
  }

  /* CATALOG */

  /* CATALOG PAGE*/

  .products-wrapper {
    width: 100%;
  }

  .catalog-products__list {
    grid-template-columns: repeat(3, 1fr);
  }

  .product-filters__bottom {
    gap: 6%;
  }

  .product-filters__sertificate {
    width: 20.5%;
  }



  /* CATALOG PAGE*/

  /* PRODUCT PAGE */

  .slider__images {
    width: 920px;

  }

  .product-page__top--left {
    width: 678px;

  }


  /* PRODUCT PAGE */


  /* manufacturers page */

  .manufacturers-logos {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 130px;

  }

  .manufacturers-logo__img {
    width: 213px;

  }


  /* manufacturers page */


  /* OFFERS PAGE */


  .offers-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .section-official-manafactures .popular-categories__h2 {
    font-size: 14px;
  }

  .section-official-manafactures .manufacturers-logo:nth-last-of-type(-n+4) {
    display: none;

  }

  .install-cond-wrapper {
    padding: 30px;
  }

  .install-cond__form {
    flex-wrap: wrap;
  }

  .install-cond__submit {
    width: 100%;
    margin-top: 15px;
  }

  .install-cond__item {
    width: 32.5%;
  }

  /* OFFERS PAGE */

  /*CONTACTS PAGE*/

  .contacts-map {
    height: 360px;
  }

  .contacts-list__top .contacts-list__item {
    min-width: 180px;
  }

  .contacts-list__bottom .contacts-list__item {
    width: 49.45%;
  }

  /*CONTACTS PAGE*/

  /* PAGE ARTICLE */

  .article-wrapper {
    flex-direction: column;
    gap: 40px;
  }

  .article-wrapper__left,
  .article-wrapper__right {
    width: 100%;
  }

  .article-wrapper__left {
    order: 2;
  }

  .article-wrapper__right {

    position: static;
  }




  /* PAGE ARTICLE */


  /* COMPONENTs PAGE */
  .component-item:nth-of-type(-n + 4) {
    width: 300px;


  }

  .component-item:nth-of-type(n + 5) {
    width: 300px;


  }

  /* COMPONENTs PAGE */

  /* COMPONENT PAGE */

  .section-component__wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
  }

  .section-component__left,
  .section-component__right {
    width: 100%;
  }

  .section-component .product-filters__bottom {
    flex-direction: row;
    justify-content: space-between;
  }

  .section-component .product-filters__sertificate {
    width: 20.5%;
  }

  .component-plus {
    width: 455px;

  }

  /* COMPONENT PAGE */




  /*FOOTER */

  .header-placeholder {
    height: 91px;
  }

  .location-select {}

  .dropdown-catalog__wrapper{
    top:96px;
  }

  .social-links img{
    height: 20px;
    margin-right: 8px;
  }
}
/* End */


/* Start:/newcssstyle/assets/css/adaptive999.css?17485085943143*/
@media (max-width:999px) {

  .container {
    width: 728px;
  }

  .menu-address {
    flex-direction: column;
    align-items: flex-end;
  }

  .dropdown-catalog__wrapper {
    top: 90px;
  }

  .location-desktop {
    margin-left: 10px;
  }

  .title-search-result {
    position: fixed !important;
    top: 160px !important;
  }

  .header-search-1000 .search-input {
    width: 652px;
  }

  .menu-bottom__link.has-submenu>.menu-bottom__text {
    font-size: 14px;
  }

  /*FOOTER */
  .footer {
    padding-top: 20px;
  }

  .footer-logo {
    width: 120px;
  }

  .footer-top__menu--icon {
    width: 14px;
    height: 14px;
  }

  .footer-top__menu--text {
    font-size: 11px;
  }

  .footer-top {
    padding: 12px 15px;
  }

  .footer-nav__col {
    width: 23%;
  }


  .footer-info,
  .footer-connect {
    width: 100%;
  }

  .footer-info__list {
    justify-content: space-between;
  }

  .footer-connect__item {
    width: auto;
    /*gap: 10px;*/
    gap: 0px;
    margin-bottom: 10px;
  }

  /* MAIN */


  .fwb-1000 {
    display: none;
  }

  .fwb-768 {
    display: block;
  }

  .hero-slide {
    width: 688px;
  }

  .product-card,
  .hits-slide {
    width: 330px;
  }

  .articles__list {
    grid-template-columns: repeat(2, 48.6%);
  }

  /* CATALOG PAGE */

  .product-img__wrapper {
    height: 330px;

  }

  .catalog-products__list {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-filters__bottom {
    gap: 9.5%;
  }

  .product-filters__sertificate {
    width: 27%;
  }

  .catalog-product .product-features {
    margin-bottom: 100px;
  }

  /* CATALOG PAGE */



  /* PRODUCT PAGE */

  .slider__images {
    width: 728px;
    height: 400px;
  }

  .product-page__top--left {
    width: 486px;
  }

  .tab-character__name {
    width: 344px;
  }

  /* PRODUCT PAGE */

  /* manufacturers page */

  .manufacturers-logos {
    grid-gap: 10px;

  }

  .manufacturers-logo__img {
    width: 156px;

  }


  /* manufacturers page */


  /*CONTACTS PAGE*/

  .contacts-list__top {
    flex-wrap: wrap;
    gap: 10px;
  }

  .contacts-list__top .contacts-list__item,
  .contacts-list__bottom .contacts-list__item {
    min-width: none;
    width: 359px;
  }


  /*CONTACTS PAGE*/

  /* PAGE SERVICES */

  .services-list {
    grid-template-columns: repeat(1, 1fr);

  }

  .services-item__title {
    font-size: 14px;
  }

  .services-item__card {
    font-size: 13px;
  }

  /* PAGE SERVICES */

  /* PAGE SERVICE */
  .prices-table__row {
    justify-content: space-between;
  }

  .prices-table__name {
    width: 82%;
  }

  .text-row {
    flex-direction: column;
    gap: 10px;
  }

  .text-row p {
    width: 100%;
  }

  /* PAGE SERVICE */


  .component-item:nth-of-type(-n + 4) {
    width: 359px;
  }

  .component-item:nth-of-type(n + 5) {
    width: 359px;
  }

  /* COMPONENT PAGE */

  .component-plus {
    width: 359px;
  }

  .section-component .product-filters__sertificate {
    width: 27%;
  }


  /* COMPONENT PAGE */



  /*FOOTER */

	.product-options{
		bottom: 90px;
	}

  .dropdown-catalog__wrapper{
    top:108px;
  }


	.slider-container .slider-btn{
		display:block;
	}
}
/* End */


/* Start:/newcssstyle/assets/js/swiper/swiper-bundle.min.css?172227459418436*/
/**
 * Swiper 11.0.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 27, 2024
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/newcssstyle/assets/css/custom-select.css?17279331121119*/
.custom-select-container {
  position: relative;
  box-sizing: border-box;;
}
.custom-select-container * {
  box-sizing: border-box;
}
.custom-select-container.is-disabled {
  opacity: .333;
}
.custom-select-opener {
  background-color: #ccc;
  padding: 0.5em;
  display: block;
  cursor: pointer;
  width: 100%;
}
.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-select-panel {
  max-height: 0;
  transition: max-height .5s ease-out, overflow-y 0.1s 0.5s;
  overflow: hidden;
  background-color: #e9e9e9;
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 100%;
}
.custom-select-container.is-open .custom-select-panel {
  max-height: 10.7em;
  overflow-y: auto
}
.custom-select-option {
  padding: 0.5em;
}
.custom-select-option.has-focus {
  background-color: LightBlue;
}
.custom-select-option.is-selected::before {
  content: "✔";
  padding-right: 0.5em;
}
.custom-select-optgroup > .custom-select-option {
  padding-left: 2em;
}
.custom-select-optgroup::before {
  content: attr(data-label);
  display: block;
  padding: 0.5em;
  color: #888;
}

/* End */


/* Start:/newcssstyle/assets/css/adaptive767.css?177738049637059*/
@media (max-width:767px) {

  .container {
    width: calc(34000% / 360);
  }

  .section-padding {
    padding: 20px 0;
  }

  .section-padding:first-of-type {
    margin-top: 20px;
  }

  .title-search-result {
    position: fixed !important;
    top: 120px !important;
  }

  .hero-slide__mob,
  .mob {
    display: block;
  }

  .hero-pagination {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-hero-slider .swiper-pagination-bullet-active {
    background: rgba(50, 71, 124, 0.7);
  }

  .header-fix {
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    padding-bottom: 20px;
  }

  main {
    padding-top: 110px;
  }


  .header-medium__container {
    margin-top: 15px;
  }

  .header-logo {
    width: 178px;
    margin-right: 0;
  }

  .catalog-btn,
  .header-shop__compare {
    display: none;
  }

  .header-bottom {
    border-top: none;
    display: none;
  }

  .header-medium {
    margin-bottom: 15px;
  }

  .header-search__mob {
    display: flex;
    width: 100%;
    height: 40px;
    margin-right: 0;
  }

  .header-medium__container {
    margin-bottom: 0;
  }

  .search-submit {
    display: none;
  }

  .search-input {
    width: 100%;
    border-radius: 6px;

  }

  /* dropdown catalog */

  .dropdown-catalog {
    margin-top: 70px;
  }


  /* dropdown catalog */

  .menu-mob {
    display: block;

  }

  .menu-mob .header-bottom {
    display: block;
  }



  .menu-mob .dropdown-catalog {
    margin-top: 0;
  }

  .menu-mob .menu-bottom__link {
    padding: 12px 20px;
    justify-content: space-between;

  }

  .menu-mob .menu-bottom__icon,
  .menu-mob .catalog-menu__icon {
    width: 16px;
    height: auto;
  }

  .menu-mob .has-submenu::before {
    /* right: 10px;
    background-image:url("/assets/img/header/catalog-arrow.svg");
    width: 5px;
    height: 10px; */
    display: none;
  }

  .catalog-menu__arrow {
    transform: rotate(90deg);
  }

  .catalog-menu__text {
    font-size: 14px;
  }

  .menu-bottom__text {
    font-size: 14px;
  }

  .header-info-mob {
    border-bottom: 1px solid var(--obvodka-fona);
    margin-bottom: 10px;

  }

  .header-contacts-mob {
    margin-bottom: 20px;

  }

  .header-contacts-mob__address {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--dop-tekst);
    margin-bottom: 10px;
    text-align: center;
  }

  .header-contacts-mob__email {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--osnovnoy-krasnyy);
    text-align: center;
    display: block;
  }

  .catalog-btn-mob {
    margin-bottom: 0;
  }

  .header-bottom {
    position: static;
  }

  .header {
    border-bottom: none;
  }

  .header-bottom-mob {
    padding: 0;
  }

  .dropdown-catalog__mob,
  .header-info-mob,
  .menu-mob {
    display: none;
  }

  .dropdown-catalog__wrapper {
    position: static;
  }

  .header-fix--fixed {
    padding-top: 0;
    padding-bottom: 15px;
  }



  .menu-mob {
    position: absolute;
    z-index: 20;
    background: white;
    width: 100%;
    top: 110px;
    min-height: 100vh;
  }

  /* MODAL */

  .modal {
    width: 320px;
    padding: 20px;
  }

  .modal-title {
    font-size: 18px;
    width: 95%;
  }

  .modal-form__succes {
    font-size: 18px;

  }


  /* MODAL */

  /*FOOTER */

  .footer {}

  .footer-top {
    background: unset;
    justify-content: center;
  }

  .footer-top__menu {
    display: none;
  }

  .header-logo {
    width: 190px;
  }

  .footer-medium {
    gap: 0;
    border-bottom: none;
  }

  .footer-medium__title {
    display: none;
  }

  .footer-nav__menu {
    flex-direction: column;
  }

  .footer-nav__col {
    width: 100%;
  }

  .footer-menu__btn--mob {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--obvodka-fona-temnee);
    padding-right: 10px;
  }

  .footer-menu__btn--mob svg {
    transition: all 0.2s linear;
  }



  .footer-menu__btn--text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--osnovnoy-tekst);

  }

  .footer-menu__btn--catalog {
    border-top: 1px solid var(--obvodka-fona-temnee);

  }

  .footer-nav__title {
    display: none;
  }

  .footer-info__list,
  .footer-connect__list,
  .footer-bottom,
  .footer-privacy {
    flex-direction: column;
  }

  .footer-privacy,
  .footer-bottom {
    align-items: center;
    gap: 10px;
  }

  .footer-list {
    display: none;
  }

  /*FOOTER */

  /* MAIN */

  .fwb-768 {
    display: none;
  }

  .hero-banners__wrapper {
    position: relative;
  }

  .finger {
    display: block;
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 24px;
    z-index: 2;
  }

  .hero-banners__link {
    min-width: 100%;
  }

  .h1 {
    font-size: 22px;
  }

  .pop-cat-slider {
    margin-bottom: 10px;
  }

  .popular-categories__h2 {
    font-size: 18px;
  }

  .categories-top-right__desk {
    display: none;

  }

  .categories-top-right__mob {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--svetlyy-fon-svetlee);
    padding: 6px 0;
    gap: 20px;
  }

  .categories-top__more-categories {
    width: auto;
  }

  .categories-top__icon {
    width: 35px;
    height: 35px;
  }

  .categories-top-left {
    width: 100%;
  }

  .main-page .popular-categories__list {
    /* display: flex;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
    margin-bottom: 10px; */

  }

  .popular-categories__item {
    min-width: 100%;
    height: 160px;
    display: block;
  }



  .popular-categories__wrapper {
    position: relative;
  }

  .popular-categories__wrapper .finger {
    bottom: 44px;
  }

  .h2 {
    font-size: 22px;
  }

  .product-card,
  .hits-slide {
    width: 240px;
  }

  .product-labels {
    flex-direction: column;
  }

  .product-label {
    font-size: 8px;
    height: 18px;
    padding: 0 6px;

  }

  .main-product .product-top {
    padding: 10px 10px 0 10px;
    /* background: var(--svetlyy-fon); */
  }

  .main-product .product-img__wrapper {
    height: 230px;
    margin-bottom: 10px;
  }

  .catalog-product .product-img__wrapper {
    margin-bottom: 10px;
  }

  .main-product .product-card,
  .main-product .product-img__wrapper:after {
    border-radius: 12px;

  }

  .main-product ul.product-slider {
    /* padding: 0 10px; */
    padding: 0;
  }

  .main-product .product-bottom,
  .main-product .product-card .product-feature:nth-child(odd),
  .main-product .product-card .product-feature:nth-child(even) {
    background: unset;
  }

  .main-product .product-features {
    margin-bottom: 20px;
    margin-top: 10px;
    gap: 5px;
  }




  .main-product .product-bottom {
    padding: 0
  }

  .product-article {
    /*display: none;*/
  }

  .product-feature {
    padding: 5px 0;
    font-size: 12px;

  }

  .main-product .product-feature {
    padding: 0;
  }

  .product-card .product-feature:nth-child(even) {
    background: unset;
  }

  .product-feature__value {
    color: var(--svetlo-siniy);
  }

  .catalog-product .product-feature__name {
    flex: 1 0;
  }

  .product-features {
    margin-bottom: 20px;
  }

  .product-price {
   /* justify-content: flex-start;
    border: none;
    padding: 0;
    height: auto;*/
	padding: 0px;
  }

  .discount-label{
    font-size:16px;
	}

  .discount-label.mt-1{
    margin-top: -1px;
  }

  .product-price__new {
    font-size: 18px;
  }

  .product-price__old {
    font-size: 12px;
  }

  .product-price__discount {
    font-size: 12px;
  }

  .product-btn {
    padding: 7px 0;
    font-size: 12px;
  }

  .catalog-product .product-btn,
  .main-product .product-btn {
    height: auto;
  }

  .product-btn__icon {
    height: 15px;
  }

  .product-card {
    border: none;
  }

  .product-name {
    margin-bottom: 10px;
  }

  .h2 {
    font-weight: 500;

  }

  .manufacturer-img__wrapper {
    width: 100%;
    height: 140px;

  }

  .manufacturers {
    position: relative;
  }

  .articles__list {
    grid-template-columns: repeat(1, 1fr);
  }


  .article-date {
    margin-bottom: 5px;
  }

  .article-title {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .article-desc {
    margin-bottom: 30px;
  }

  .article-btn {
    font-size: 13px;
  }

  .articles__list-main {
    margin-bottom: 40px;
  }

  .show-more-full__btn {
    font-size: 13px;
  }

  .h2-seo {
    font-size: 20px;
  }

  .footer {
    margin-top: 60px;
  }





  /* MAIN */


  /* CATALOG */

  .breadcrumb {
    font-size: 12px;
  }

  .h1-catalog {
    font-size: 22px;
  }

  .popular-categories__list {
    grid-template-columns: repeat(1, 1fr);
  }

  .trust-slide {
    width: 150px;
  }

  /* CATALOG */

  /* CATALOG PAGE */

  .catalog-page .catalog-product .product-price {
    flex-wrap: wrap;
  }

  .catalog-page .catalog-product .product-price__old {
    order: 2;
    width: 100%;
  }

  .catalog-page .catalog-product .product-price:not(:has(.product-price__old)) {
    /*margin-bottom: 32px;*/
	margin-bottom: 10px;
  }




  .product-img__wrapper {
    height: 160px;


  }

  .product-help {
    display: none;
  }

  .product-top__mob--left {
    width: 100%;
    justify-content: space-between;
  }

  .filter-input {
    width: 45.5%;
  }

  .catalog-products__list {
    grid-gap: 10px;
  }

  .product-name {
    font-size: 14px;
  }

  .product-status-article {
    font-size: 9px;
  }

  .product-price__new {
    font-size: 14px;
  }

  .product-price__discount {
    font-size: 10px;
  }

  .pagination-btn {
    padding: 9.5px 15px;
  }

  .pagination {
    gap: 10px;

  }

  .pagination-page {
    width: 35px;
    height: 35px;
  }

  .pagination-pages .pagination-page:nth-child(5) {
    display: none;
  }

  .pagination {
    justify-content: space-between;
  }

  .product-filters__bottom {
    gap: 9.5%;
    justify-content: space-between;
  }

  .product-filters__sertificate {
    width: 45%;
  }

  .catalog-product .product-bottom__with-title {
    margin-bottom: 10px;
  }

  .catalog-product .product-features {
    margin-bottom: 90px;
  }

  .catalog-product .product-price__old {
    font-size: 10px;
  }


  /* CATALOG PAGE */

  /* PRODUCT PAGE */

  .slider__images {
    width: calc(34000vw / 360);
    height: 280px;
    margin-bottom: 100px;
  }

  .slider__col {
    width: calc(34000vw / 360);
  }

  .slider__thumbs .slider__image {
    width: 50px;
    height: 50px;
  }

  .product-page__product .product-article {
    display: block;
  }

  .product-page__product .h1-catalog {
    font-size: 20px;
    order: 2;
  }

  .product-page__top--left {
    width: 100%;
    justify-content: space-between;
  }

  .product-page__top--right {
    display: none;
  }

  .product-detail__square {
    width: 100%;
  }

  .product-page__info .product-price__new {
    font-size: 24px;
  }

  .product-page__info .product-price__old {
    font-size: 14px;
  }

  .product-page__info .product-price__discount {
    font-size: 11px;
  }

  .product-page__info .product-price {
    width: 100%;
    justify-content: center;
    gap: 10px;
  }

  .product-page__info {
    padding: 20px 15px;
  }

  .product-install__wrapper {
    width: 100%;
  }

  .product-install {
    width: 100%;
  }

  .product-btn {
    height: 38px;
  }

  .tab-btn__mob {
    font-size: 15px;
  }

  .tab-character {
    justify-content: space-between;
  }

  .tab-character__name {
    width: auto;
  }

  .tab-payment__accept {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start
  }

  .tab-payment__logos {
    justify-content: space-between;
    width: 100%;
  }






  /* PRODUCT PAGE */


  .manufacturers-logos {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;

    grid-gap: 10px;

  }

  .manufacturers-logo__img {
    width: 85px;

  }

  /* CATALOG PAGE */

  /* OFFERS PAGE */

  .offers-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .install-cond-wrapper {
    padding: 20px;
  }

  .install-cond__form {
    flex-direction: column;
    gap: 10px;
  }

  .install-cond__item {
    width: 100%;
  }

  .install-cond__submit {
    margin-top: 5px;
  }

  .install-cond__privacy p,
  .install-cond__privacy a {
    font-size: 12px;
    text-align: center;
  }



  /* OFFERS PAGE */

  /*CONTACTS PAGE*/

  .contacts-list__top .contacts-list__item,
  .contacts-list__bottom .contacts-list__item {

    width: 100%;
  }

  /*CONTACTS PAGE*/

  /* PAGE ARTICLE */

  .article-h1 {
    font-size: 22px;
  }

  .article-text {
    font-size: 14px;
    line-height: 157%;
  }

  .article-ancor {
    font-size: 13px;
    padding: 10px;
  }

  .article-h2 {
    font-size: 20px;
  }

  .article-h3 {
    font-size: 16px;
  }

  .article-node:not(:last-of-type) {
    margin-bottom: 20px;
  }


  /* PAGE ARTICLE */

  /* PAGE SERVICE */

  .prices-table__name {
    width: 75%;
  }

  /* PAGE SERVICE */


  .component-item:nth-of-type(-n + 4) {
    width: 100%;
  }

  .component-item:nth-of-type(n + 5) {
    width: 100%;
  }

  .component-item {
    height: 130px;
  }

  /* COMPONENT PAGE */

  .component-pluses .component-plus {
    width: 100%;
    height: auto;
    padding: 10px 20px;

  }

  .component-show-more {
    font-size: 13px;

  }

  /* COMPONENT PAGE */

  /*SITEMAP PAGE */

  .sitemap-item__title {
    font-size: 13px;
  }

  .sitemap-page {
    font-size: 13px;
  }

  /*SITEMAP PAGE */

  /* oferta */

  .h2-oferta {
    font-size: 14px;
  }


  /* oferta */

  .h1-catalog {
    margin-bottom: 30px;
  }

  /* CART */

  .cart-product__right {
    flex-direction: column;
    gap: 5px;
  }

  .cart-choice__all label,
  .cart-choice__delete-text,
  .cart-product__quantity-number {
    font-size: 13px;
  }

  .cart-product__wrapper-img {
    width: 70px;
    height: 70px;
    padding: 5px;
  }

  .cart-product {
    gap: 10px;
    box-shadow: unset;
    border-radius: unset;
  }

  .cart-choice {
    padding: 20px 10px;
    border-radius: 0 0 12px 12px;
    /* box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.06); */
    box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.06);
  }

  .cart-products {
    border-radius: 12px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.06);
  }

  .cart-product {
    padding: 20px;
  }

  .cart-product__quantity {
    width: 71px;
    padding: 4px 10px;
    height: 25px;
    order: 2;

  }

  .cart-product__plus svg,
  .cart-product__minus svg {
    width: 8px;
  }

  .cart-product__name {
    font-size: 14px;
  }

  .cart-product__article,
  .cart-product_old-price {
    font-size: 12px;
  }

  .cart-product_new-price,
  .cart-details__title {
    font-size: 15px;
  }

  .cart-product__price {

    gap: 5px;
  }

  .cart-product__right {
    align-items: flex-start;
  }

  .cart-product__quantity-price {
    gap: 15px;
  }

  .cart-right__price--hidden .cart-right__price-left,
  .cart-right__price--hidden .cart-right__price-right {
    font-size: 13px;
  }

  .cart-total__price,
  .cart-total__text {
    font-size: 16px;
  }

  .cart-container {
    width: 100%;
  }



  /* CART */



  /* CHECKOUT */


  .checkout-title {
    font-size: 15px;
  }

  .checkout-tab__pickup-where--title,
  .checkout-tab__pickup-where--text,
  .checkout-tab__shipping-text,
  .checkout-tab__shipping-item--right {
    font-size: 13px;
  }

  .checkout-tab__btn {
    height: 41px;
    padding: 12px 0px;

  }

  .checkout-tab__pickup-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .checkout-tab__pickup-top {
    padding: 15px;
  }


  /* exp */

  .checkout-tab__pickup-top--left {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    gap: 10px;
  }

  .checkout-tab__pickup-where--address {
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;

  }

  .checkout-tab__pickup-where--address svg {
    display: none;
  }

  .checkout-receiver__form {
    flex-direction: column;
  }

  .checkout-receiver__item {
    width: 100%;
  }

  .checkout-tab__shipping-item {
    flex-direction: column;
    gap: 20px;
    padding: 15px;
    align-items: flex-start;
  }

  .checkout-tab__shipping-item--left {
    gap: 10px;
  }

  .checkout-tab__shipping-item--left .checkout-tab__shipping-text {
    flex: 1;
  }

  /* exp */

  .checkout-payments .checkout-tab__btn {
    height: 54px;
    font-size: 12px;
    text-wrap: balance;

  }






  /* CHECKOUT */

  /* ABOUT US */

  .section-official-manafactures .h2 {
    margin-bottom: 0;
  }

  .section-official-manafactures .categories-top-right {
    width: 100%;
  }

  .section-official-manafactures .categories-top__more-categories {
    width: auto;
  }

  /* ABOUT US */

  /* hidden */

  .header-top,
  .header-search__desk,
  .hero-slide__desk,
  .desk,
  .header-search-1000 {
    display: none;
  }

  /* hidden */












  .header-placeholder {
    height: 0;
  }


  .location-select {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin: 0 auto;
  }

  .location-select__icon {
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }

  .location-select__main {
    border: 0;
  }

  .location-select__body .custom-select-container {
    opacity: 0;

  }

  .location-mobile {
    display: flex;
    margin: 0 auto;
  }

  .custom-select-container.is-open {
    opacity: 1;
    width: calc(100vw);
    transform: translateX(-50%);
    position: fixed;
    top: 20px;
    left: 50%;
  }

  .location-select__body .custom-select-opener {
    background-color: transparent;
    color: transparent;
  }

  .header-medium__left {
    flex: 1 1 auto;
  }

	.product-options{
		bottom: -34px;
	}

	.product-options15 img{
		height: 20px;
	}

  .social-links{
    margin-right: 0px;
  }
  .social-links img{
    height: 28px;
  }
}

@media (max-width:370px) {
  .product-price__new {
    font-size: 12px;
  }

  .discount-label{
    font-size: 14px;
    padding: 0px 10px 0px 25px;
  }

  .social-links img{
    height: 22px;
  }
  .header-phone__call.v2{
    font-size: 12px;
    padding: 4px 6px;
  }

  .section-padding:first-of-type {
    margin-top: 0px;
  }
}@media (max-width:767px) {

  .container {
    width: calc(34000% / 360);
  }

  .section-padding {
    padding: 20px 0;
  }

  .section-padding:first-of-type {
    margin-top: 20px;
  }

  .title-search-result {
    position: fixed !important;
    top: 120px !important;
  }

  .hero-slide__mob,
  .mob {
    display: block;
  }

  .hero-pagination {
    position: absolute;
    z-index: 2;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .swiper-hero-slider .swiper-pagination-bullet-active {
    background: rgba(50, 71, 124, 0.7);
  }

  .header-fix {
    position: fixed;
    z-index: 100;
    background: #fff;
    width: 100%;
    padding-bottom: 20px;
  }

  main {
    padding-top: 110px;
  }


  .header-medium__container {
    margin-top: 15px;
  }

  .header-logo {
    width: 178px;
    margin-right: 0;
  }

  .catalog-btn,
  .header-shop__compare {
    display: none;
  }

  .header-bottom {
    border-top: none;
    display: none;
  }

  .header-medium {
    margin-bottom: 15px;
  }

  .header-search__mob {
    display: flex;
    width: 100%;
    height: 40px;
    margin-right: 0;
  }

  .header-medium__container {
    margin-bottom: 0;
  }

  .search-submit {
    display: none;
  }

  .search-input {
    width: 100%;
    border-radius: 6px;

  }

  /* dropdown catalog */

  .dropdown-catalog {
    margin-top: 70px;
  }


  /* dropdown catalog */

  .menu-mob {
    display: block;

  }

  .menu-mob .header-bottom {
    display: block;
  }



  .menu-mob .dropdown-catalog {
    margin-top: 0;
  }

  .menu-mob .menu-bottom__link {
    padding: 12px 20px;
    justify-content: space-between;

  }

  .menu-mob .menu-bottom__icon,
  .menu-mob .catalog-menu__icon {
    width: 16px;
    height: auto;
  }

  .menu-mob .has-submenu::before {
    /* right: 10px;
    background-image:url("/assets/img/header/catalog-arrow.svg");
    width: 5px;
    height: 10px; */
    display: none;
  }

  .catalog-menu__arrow {
    transform: rotate(90deg);
  }

  .catalog-menu__text {
    font-size: 14px;
  }

  .menu-bottom__text {
    font-size: 14px;
  }

  .header-info-mob {
    border-bottom: 1px solid var(--obvodka-fona);
    margin-bottom: 10px;

  }

  .header-contacts-mob {
    margin-bottom: 20px;

  }

  .header-contacts-mob__address {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 12px;
    color: var(--dop-tekst);
    margin-bottom: 10px;
    text-align: center;
  }

  .header-contacts-mob__email {
    font-family: var(--font-family);
    font-weight: 300;
    font-size: 12px;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    color: var(--osnovnoy-krasnyy);
    text-align: center;
    display: block;
  }

  .catalog-btn-mob {
    margin-bottom: 0;
  }

  .header-bottom {
    position: static;
  }

  .header {
    border-bottom: none;
  }

  .header-bottom-mob {
    padding: 0;
  }

  .dropdown-catalog__mob,
  .header-info-mob,
  .menu-mob {
    display: none;
  }

  .dropdown-catalog__wrapper {
    position: static;
  }

  .header-fix--fixed {
    padding-top: 0;
    padding-bottom: 15px;
  }



  .menu-mob {
    position: absolute;
    z-index: 20;
    background: white;
    width: 100%;
    top: 110px;
    min-height: 100vh;
  }

  /* MODAL */

  .modal {
    width: 320px;
    padding: 20px;
  }

  .modal-title {
    font-size: 18px;
    width: 95%;
  }

  .modal-form__succes {
    font-size: 18px;

  }


  /* MODAL */

  /*FOOTER */

  .footer {}

  .footer-top {
    background: unset;
    justify-content: center;
  }

  .footer-top__menu {
    display: none;
  }

  .header-logo {
    width: 190px;
  }

  .footer-medium {
    gap: 0;
    border-bottom: none;
  }

  .footer-medium__title {
    display: none;
  }

  .footer-nav__menu {
    flex-direction: column;
  }

  .footer-nav__col {
    width: 100%;
  }

  .footer-menu__btn--mob {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid var(--obvodka-fona-temnee);
    padding-right: 10px;
  }

  .footer-menu__btn--mob svg {
    transition: all 0.2s linear;
  }



  .footer-menu__btn--text {
    font-family: var(--second-family);
    font-weight: 500;
    font-size: 14px;
    color: var(--osnovnoy-tekst);

  }

  .footer-menu__btn--catalog {
    border-top: 1px solid var(--obvodka-fona-temnee);

  }

  .footer-nav__title {
    display: none;
  }

  .footer-info__list,
  .footer-connect__list,
  .footer-bottom,
  .footer-privacy {
    flex-direction: column;
  }

  .footer-privacy,
  .footer-bottom {
    align-items: center;
    gap: 10px;
  }

  .footer-list {
    display: none;
  }

  /*FOOTER */

  /* MAIN */

  .fwb-768 {
    display: none;
  }

  .hero-banners__wrapper {
    position: relative;
  }

  .finger {
    display: block;
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 24px;
    z-index: 2;
  }

  .hero-banners__link {
    min-width: 100%;
  }

  .h1 {
    font-size: 22px;
  }

  .pop-cat-slider {
    margin-bottom: 10px;
  }

  .popular-categories__h2 {
    font-size: 18px;
  }

  .categories-top-right__desk {
    display: none;

  }

  .categories-top-right__mob {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: var(--svetlyy-fon-svetlee);
    padding: 6px 0;
    gap: 20px;
  }

  .categories-top__more-categories {
    width: auto;
  }

  .categories-top__icon {
    width: 35px;
    height: 35px;
  }

  .categories-top-left {
    width: 100%;
  }

  .main-page .popular-categories__list {
    /* display: flex;
    overflow-x: auto;
    width: 100%;
    scrollbar-width: none;
    margin-bottom: 10px; */

  }

  .popular-categories__item {
    min-width: 100%;
    height: 160px;
    display: block;
  }



  .popular-categories__wrapper {
    position: relative;
  }

  .popular-categories__wrapper .finger {
    bottom: 44px;
  }

  .h2 {
    font-size: 22px;
  }

  .product-card,
  .hits-slide {
    width: 240px;
  }

  .product-labels {
    flex-direction: column;
  }

  .product-label {
    font-size: 8px;
    height: 18px;
    padding: 0 6px;

  }

  .main-product .product-top {
    padding: 10px 10px 0 10px;
    /* background: var(--svetlyy-fon); */
  }

  .main-product .product-img__wrapper {
    height: 230px;
    margin-bottom: 10px;
  }

  .catalog-product .product-img__wrapper {
    margin-bottom: 10px;
  }

  .main-product .product-card,
  .main-product .product-img__wrapper:after {
    border-radius: 12px;

  }

  .main-product ul.product-slider {
    /* padding: 0 10px; */
    padding: 0;
  }

  .main-product .product-bottom,
  .main-product .product-card .product-feature:nth-child(odd),
  .main-product .product-card .product-feature:nth-child(even) {
    background: unset;
  }

  .main-product .product-features {
    margin-bottom: 20px;
    margin-top: 10px;
    gap: 5px;
  }




  .main-product .product-bottom {
    padding: 0
  }

  .product-article {
    /*display: none;*/
  }

  .product-feature {
    padding: 5px 0;
    font-size: 12px;

  }

  .main-product .product-feature {
    padding: 0;
  }

  .product-card .product-feature:nth-child(even) {
    background: unset;
  }

  .product-feature__value {
    color: var(--svetlo-siniy);
  }

  .catalog-product .product-feature__name {
    flex: 1 0;
  }

  .product-features {
    margin-bottom: 20px;
  }

  .product-price {
   /* justify-content: flex-start;
    border: none;
    padding: 0;
    height: auto;*/
	padding: 0px;
  }

  .discount-label{
    font-size:16px;
	}

  .discount-label.mt-1{
    margin-top: -1px;
  }

  .product-price__new {
    font-size: 18px;
  }

  .product-price__old {
    font-size: 12px;
  }

  .product-price__discount {
    font-size: 12px;
  }

  .product-btn {
    padding: 7px 0;
    font-size: 12px;
  }

  .catalog-product .product-btn,
  .main-product .product-btn {
    height: auto;
  }

  .product-btn__icon {
    height: 15px;
  }

  .product-card {
    border: none;
  }

  .product-name {
    margin-bottom: 10px;
  }

  .h2 {
    font-weight: 500;

  }

  .manufacturer-img__wrapper {
    width: 100%;
    height: 140px;

  }

  .manufacturers {
    position: relative;
  }

  .articles__list {
    grid-template-columns: repeat(1, 1fr);
  }


  .article-date {
    margin-bottom: 5px;
  }

  .article-title {
    font-size: 15px;
    margin-bottom: 10px;
  }

  .article-desc {
    margin-bottom: 30px;
  }

  .article-btn {
    font-size: 13px;
  }

  .articles__list-main {
    margin-bottom: 40px;
  }

  .show-more-full__btn {
    font-size: 13px;
  }

  .h2-seo {
    font-size: 20px;
  }

  .footer {
    margin-top: 60px;
  }





  /* MAIN */


  /* CATALOG */

  .breadcrumb {
    font-size: 12px;
  }

  .h1-catalog {
    font-size: 22px;
  }

  .popular-categories__list {
    grid-template-columns: repeat(1, 1fr);
  }

  .trust-slide {
    width: 150px;
  }

  /* CATALOG */

  /* CATALOG PAGE */

  .catalog-page .catalog-product .product-price {
    flex-wrap: wrap;
  }

  .catalog-page .catalog-product .product-price__old {
    order: 2;
    width: 100%;
  }

  .catalog-page .catalog-product .product-price:not(:has(.product-price__old)) {
    /*margin-bottom: 32px;*/
	margin-bottom: 10px;
  }




  .product-img__wrapper {
    height: 160px;


  }

  .product-help {
    display: none;
  }

  .product-top__mob--left {
    width: 100%;
    justify-content: space-between;
  }

  .filter-input {
    width: 45.5%;
  }

  .catalog-products__list {
    grid-gap: 10px;
  }

  .product-name {
    font-size: 14px;
  }

  .product-status-article {
    font-size: 9px;
  }

  .product-price__new {
    font-size: 14px;
  }

  .product-price__discount {
    font-size: 10px;
  }

  .pagination-btn {
    padding: 9.5px 15px;
  }

  .pagination {
    gap: 10px;

  }

  .pagination-page {
    width: 35px;
    height: 35px;
  }

  .pagination-pages .pagination-page:nth-child(5) {
    display: none;
  }

  .pagination {
    justify-content: space-between;
  }

  .product-filters__bottom {
    gap: 9.5%;
    justify-content: space-between;
  }

  .product-filters__sertificate {
    width: 45%;
  }

  .catalog-product .product-bottom__with-title {
    margin-bottom: 10px;
  }

  .catalog-product .product-features {
    margin-bottom: 90px;
  }

  .catalog-product .product-price__old {
    font-size: 10px;
  }


  /* CATALOG PAGE */

  /* PRODUCT PAGE */

  .slider__images {
    width: calc(34000vw / 360);
    height: 280px;
    margin-bottom: 100px;
  }

  .slider__col {
    width: calc(34000vw / 360);
  }

  .slider__thumbs .slider__image {
    width: 50px;
    height: 50px;
  }

  .product-page__product .product-article {
    display: block;
  }

  .product-page__product .h1-catalog {
    font-size: 20px;
    order: 2;
  }

  .product-page__top--left {
    width: 100%;
    justify-content: space-between;
  }

  .product-page__top--right {
    display: none;
  }

  .product-detail__square {
    width: 100%;
  }

  .product-page__info .product-price__new {
    font-size: 24px;
  }

  .product-page__info .product-price__old {
    font-size: 14px;
  }

  .product-page__info .product-price__discount {
    font-size: 11px;
  }

  .product-page__info .product-price {
    width: 100%;
    justify-content: center;
    gap: 10px;
  }

  .product-page__info {
    padding: 20px 15px;
  }

  .product-install__wrapper {
    width: 100%;
  }

  .product-install {
    width: 100%;
  }

  .product-btn {
    height: 38px;
  }

  .tab-btn__mob {
    font-size: 15px;
  }

  .tab-character {
    justify-content: space-between;
  }

  .tab-character__name {
    width: auto;
  }

  .tab-payment__accept {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start
  }

  .tab-payment__logos {
    justify-content: space-between;
    width: 100%;
  }






  /* PRODUCT PAGE */


  .manufacturers-logos {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 100px;

    grid-gap: 10px;

  }

  .manufacturers-logo__img {
    width: 85px;

  }

  /* CATALOG PAGE */

  /* OFFERS PAGE */

  .offers-list {
    grid-template-columns: repeat(1, 1fr);
  }

  .install-cond-wrapper {
    padding: 20px;
  }

  .install-cond__form {
    flex-direction: column;
    gap: 10px;
  }

  .install-cond__item {
    width: 100%;
  }

  .install-cond__submit {
    margin-top: 5px;
  }

  .install-cond__privacy p,
  .install-cond__privacy a {
    font-size: 12px;
    text-align: center;
  }



  /* OFFERS PAGE */

  /*CONTACTS PAGE*/

  .contacts-list__top .contacts-list__item,
  .contacts-list__bottom .contacts-list__item {

    width: 100%;
  }

  /*CONTACTS PAGE*/

  /* PAGE ARTICLE */

  .article-h1 {
    font-size: 22px;
  }

  .article-text {
    font-size: 14px;
    line-height: 157%;
  }

  .article-ancor {
    font-size: 13px;
    padding: 10px;
  }

  .article-h2 {
    font-size: 20px;
  }

  .article-h3 {
    font-size: 16px;
  }

  .article-node:not(:last-of-type) {
    margin-bottom: 20px;
  }


  /* PAGE ARTICLE */

  /* PAGE SERVICE */

  .prices-table__name {
    width: 75%;
  }

  /* PAGE SERVICE */


  .component-item:nth-of-type(-n + 4) {
    width: 100%;
  }

  .component-item:nth-of-type(n + 5) {
    width: 100%;
  }

  .component-item {
    height: 130px;
  }

  /* COMPONENT PAGE */

  .component-pluses .component-plus {
    width: 100%;
    height: auto;
    padding: 10px 20px;

  }

  .component-show-more {
    font-size: 13px;

  }

  /* COMPONENT PAGE */

  /*SITEMAP PAGE */

  .sitemap-item__title {
    font-size: 13px;
  }

  .sitemap-page {
    font-size: 13px;
  }

  /*SITEMAP PAGE */

  /* oferta */

  .h2-oferta {
    font-size: 14px;
  }


  /* oferta */

  .h1-catalog {
    margin-bottom: 30px;
  }

  /* CART */

  .cart-product__right {
    flex-direction: column;
    gap: 5px;
  }

  .cart-choice__all label,
  .cart-choice__delete-text,
  .cart-product__quantity-number {
    font-size: 13px;
  }

  .cart-product__wrapper-img {
    width: 70px;
    height: 70px;
    padding: 5px;
  }

  .cart-product {
    gap: 10px;
    box-shadow: unset;
    border-radius: unset;
  }

  .cart-choice {
    padding: 20px 10px;
    border-radius: 0 0 12px 12px;
    /* box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.06); */
    box-shadow: 0px 13px 10px -7px rgba(0, 0, 0, 0.06);
  }

  .cart-products {
    border-radius: 12px;
    box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.06);
  }

  .cart-product {
    padding: 20px;
  }

  .cart-product__quantity {
    width: 71px;
    padding: 4px 10px;
    height: 25px;
    order: 2;

  }

  .cart-product__plus svg,
  .cart-product__minus svg {
    width: 8px;
  }

  .cart-product__name {
    font-size: 14px;
  }

  .cart-product__article,
  .cart-product_old-price {
    font-size: 12px;
  }

  .cart-product_new-price,
  .cart-details__title {
    font-size: 15px;
  }

  .cart-product__price {

    gap: 5px;
  }

  .cart-product__right {
    align-items: flex-start;
  }

  .cart-product__quantity-price {
    gap: 15px;
  }

  .cart-right__price--hidden .cart-right__price-left,
  .cart-right__price--hidden .cart-right__price-right {
    font-size: 13px;
  }

  .cart-total__price,
  .cart-total__text {
    font-size: 16px;
  }

  .cart-container {
    width: 100%;
  }



  /* CART */



  /* CHECKOUT */


  .checkout-title {
    font-size: 15px;
  }

  .checkout-tab__pickup-where--title,
  .checkout-tab__pickup-where--text,
  .checkout-tab__shipping-text,
  .checkout-tab__shipping-item--right {
    font-size: 13px;
  }

  .checkout-tab__btn {
    height: 41px;
    padding: 12px 0px;

  }

  .checkout-tab__pickup-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }

  .checkout-tab__pickup-top {
    padding: 15px;
  }


  /* exp */

  .checkout-tab__pickup-top--left {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    gap: 10px;
  }

  .checkout-tab__pickup-where--address {
    width: 100%;
    position: absolute;
    left: 0;
    top: 30px;

  }

  .checkout-tab__pickup-where--address svg {
    display: none;
  }

  .checkout-receiver__form {
    flex-direction: column;
  }

  .checkout-receiver__item {
    width: 100%;
  }

  .checkout-tab__shipping-item {
    flex-direction: column;
    gap: 20px;
    padding: 15px;
    align-items: flex-start;
  }

  .checkout-tab__shipping-item--left {
    gap: 10px;
  }

  .checkout-tab__shipping-item--left .checkout-tab__shipping-text {
    flex: 1;
  }

  /* exp */

  .checkout-payments .checkout-tab__btn {
    height: 54px;
    font-size: 12px;
    text-wrap: balance;

  }






  /* CHECKOUT */

  /* ABOUT US */

  .section-official-manafactures .h2 {
    margin-bottom: 0;
  }

  .section-official-manafactures .categories-top-right {
    width: 100%;
  }

  .section-official-manafactures .categories-top__more-categories {
    width: auto;
  }

  /* ABOUT US */

  /* hidden */

  .header-top,
  .header-search__desk,
  .hero-slide__desk,
  .desk,
  .header-search-1000 {
    display: none;
  }

  /* hidden */












  .header-placeholder {
    height: 0;
  }


  .location-select {
    width: 24px;
    min-width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0;
    margin: 0 auto;
  }

  .location-select__icon {
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  }

  .location-select__main {
    border: 0;
  }

  .location-select__body .custom-select-container {
    opacity: 0;

  }

  .location-mobile {
    display: flex;
    margin: 0 auto;
  }

  .custom-select-container.is-open {
    opacity: 1;
    width: calc(100vw);
    transform: translateX(-50%);
    position: fixed;
    top: 20px;
    left: 50%;
  }

  .location-select__body .custom-select-opener {
    background-color: transparent;
    color: transparent;
  }

  .header-medium__left {
    flex: 1 1 auto;
  }

	.product-options{
		bottom: -34px;
	}

	.product-options15 img{
		height: 20px;
	}

  .social-links{
    margin-right: 0px;
    gap: 6vw;
  }
  .social-links img{
    height: 28px;
  }

  .menu-mob {
    top: 100px;
  }

  .h1-catalog.fc .product-label{
	font-size: 12px;
   	padding: 2px 10px;
  }

  .product-page .product-label{
	font-size: 14px;
    padding: 12px;
  }
}

@media (max-width:370px) {
  .product-price__new {
    font-size: 12px;
  }

  .discount-label{
    font-size: 14px;
    padding: 0px 10px 0px 25px;
  }

  .social-links img{
    height: 22px;
  }
  .header-phone__call.v2{
    font-size: 12px;
    padding: 4px 6px;
  }

  .section-padding:first-of-type {
    margin-top: 0px;
  }
  .menu-mob {
    top: 80px;
  }
}
/* End */


/* Start:/custom/custom.css?17223469166604*/
/**********12.07.2024 - custom.php*****************/
/* Выпадающее меню каталога */

.dropdown-catalog {
    padding: 20px 0px !important;
}

.dropdown-catalog__img {
    width: 50% !important;
    border-radius: 10px !important;
}

/* Слайдер баннеров на главной */

img.hero-slide__desk {
    border-radius: 20px !important;
}
img.hero-slide__mob {
    border-radius: 12px !important;
}
@media screen and (max-width: 768px) {
    .hero-slide {
        max-width: 100% !important;
    }
}

/* Стили текста h1 и под ним h2 на главной */
.h1.main-h1 {
    margin: 0px !important;
}
.popular-categories__h2 {
    margin: 0px !important;
}

/* Стили карточек разделов на странице категорий */
.popular-categories__img {
    max-height: 100% !important;
}
.popular-categories__item {
    overflow: hidden !important;
}

/* Стили h2 */
.h2 {
    margin-top: 20px !important;
}

/* Стили карточек товаров на главной */
/* img.product-img.ic {
    width: 100% !important;
} */

.product-card.product-card-slider-cst {
    background-color: #F5F6F8 !important;
}
.main-product .product-img__wrapper {
    background-color: #fff !important;
}
.main-product .product-bottom {
    background-color: #39567300 !important;
}
.main-product .product-card .product-feature:nth-child(even) {
    background: #39567300 !important;
}
.main-product .product-bottom__with-price {
    background-color: #39567300 !important;
}

/* Карточки производители на главной */
img.manufacturers__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
img.manufacturers__img--color {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Карточки страница производители */
.manufacturers-logo {
    padding: 20px 40px !important;
}
.manufacturers-logo__img {
    object-fit: contain !important;
    height: 100% !important;
    width: 100% !important;
}

/* Карточки статьи на главной */
.article-date {
    margin-top: 10px !important;
}
.article-title.text-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.article-desc.text-clamp {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* Стили страницы раздела каталога */
.products-top {
    margin-bottom: 20px !important;
}

.selected-filters__wrapper {
    margin-bottom: 20px !important;
}

.sort-desk__btns.cvf {
    width: 100% !important;
}

.ctitt {
    margin: 0px !important;
}

.product-img__wrapper {
    overflow: hidden !important;
}

.bx-pag-prev.pagination-btn.pagination-prev.hover-svetlo-siniy-background--op01 {
    margin: 0px 10px 0px 0px !important;
}
.bx-pag-next.pagination-btn.pagination-next.hover-svetlo-siniy-background--op01 {
    margin: 0px 0px 0px 10px !important;
}

/* Стили на странице статьи */
.page-article-desc {
    margin-bottom: 20px !important;
}

.article-wrapper {
    margin-top: 30px !important;
}

img.article-img {
    width: 100% !important;
    max-height: 400px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.article__card img.article-img {
    width: 100% !important;
    max-height: 200px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.article__card-link {
    margin-bottom: 0px !important;
}

/* Стили пункта в футере */
.footer-info__list {
    display: flex !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
}

/*Стили для капчи*/
input[name='captcha_word']{
    margin-top: 10px;
    border: 1px solid #32477c;
    height: 38px;
}
.img_captcha{
    margin-top: 10px;
    margin-bottom: 10px;
}
.error-f{
    border: 1px solid red !important;
}
.text-error-captcha{
    margin-top: 5px;
    margin-bottom: 5px;
    color:red;
}
.elem_form{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.install-cond__form{
    flex-direction: column;
}
@media(max-width:767px){
    .elem_form{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 1199px) {
    .elem_form {
        flex-wrap: wrap;
    }
}
/*фиксим корзину */
.basket-coupon-block-total-price-current{
font:unset;
}

.del_montazh{
    font-size: 19px;
    color: #32477c;
    cursor:pointer;
}
.m-MONTAZH_V_PODAROK_HIDDEN_NO{
    display:none;
}

.del_montazh_0_0{
    display: none;
}

.cart-product_old-price {
    display: none !important;
}

.cart-wrapper td.basket-items-list-item-notification {
    padding: 0px 0 20px 0px !important;
}

@media screen and (max-width: 960px) {
    .basket-item-amount-btn-minus {
        border: 0px !important;
        background-color: transparent !important;
    }
    .basket-item-amount-btn-plus {
        border: 0px !important;
        background-color: transparent !important;
    }
}

@media screen and (max-width: 767px) {
    .basket-items-list {
        padding: 0 10px !important;
    }
    .cart-choice {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
    .cart-product {
        padding: 10px 0px 0px 0px !important;
    }
    .cart-product__quantity {
        width: 91px !important;
        height: 35px !important;
    }
    .cart-product__plus svg, .cart-product__minus svg {
        width: 16px !important;
    }
}


/*Монтаж в корзине */
.zena-montazha_p-0{
    display: none !important;
}
.zena-montazha_v-{
    display: none !important;
}
.show-montazh{
    display:none;
}
.h-MONTAZH_V_PODAROK_HIDDEN_0{
    display: flex !important;
}
.k-MONTAZH_V_PODAROK_HIDDEN_NO{
    display:none !important;
}
.k-MONTAZH_V_PODAROK_HIDDEN_0{
      display:none !important;
}
.k-{
    display: none !important;
}
.test-YES{
    display: flex !important;
}
.test-NO{
    display: none !important;
}

/*Исправляю высоту слайдеров 2*/
.swiper-wrapper {
    height: auto !important;
}

/*Исправляю высоту документов*/
@media screen and (max-width: 767px) {
    .swiper-slide.trust-slide {
        width: 150px !important;
    }
}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/menu1/style.min.css?1722274592490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/menu1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/search.title/search_mob3/style.min.css?1726310196679*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/main/components/bitrix/search.title/search_mob3/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/menumob/style.min.css?1722274592490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/menumob/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/search.title/search/style.css?1722584164908*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/main/components/bitrix/search.title/search/images/icon-search.svg);
	background-repeat: no-repeat;
	background-position: center;
	min-width: 45px;
}

.title-search-result {
	border: 1px solid #ced4da;
	display: none;
	overflow: hidden;
	z-index: 205;
	background-color: #fff;
	padding: 10px;
	border-radius: 3px;
}

.search-title-result-item {
	border-bottom: 1px solid #ddd;
}


.search-title .search-title-result-item:last-child {
	border-bottom:  none;
}

.search-title-result-item-link {
	font-size: 16px;
	transition: 170ms linear all;
}

.search-title-result-item-price {
	font-size: 16px;
}

.search-title-result-item-current-price {
	font-weight: bold;
}

.search-title-result-item-old-price {
	font-size: 80%;
	text-decoration: line-through;
}
.url-htyre{
	color:white;
}
.url-htyre:hover{
	color:white;
}
.url-htyre:visited{
	color:white;
}
.search-submit{
	cursor: pointer;
}
/* End */


/* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/malayakorzina/style.min.css?17222745923774*/
.bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em}
/* End */


/* Start:/local/templates/main/components/bitrix/search.title/search_mob/style.min.css?1722274592679*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/main/components/bitrix/search.title/search_mob/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/local/templates/main/components/bitrix/search.title/search_mob2/style.min.css?1722788442679*/
.searche-title {}

.search-title-button {
	background-image: url(/local/templates/main/components/bitrix/search.title/search_mob2/images/icon-search.svg); background-repeat:no-repeat;background-position:center;min-width:45px}.title-search-result{border:1px solid #ced4da;display:none;overflow:hidden;z-index:205;background-color:#fff;padding:10px;border-radius:3px}.search-title-result-item{border-bottom:1px solid #ddd}.search-title .search-title-result-item:last-child{border-bottom:0}.search-title-result-item-link{font-size:16px;transition:170ms linear all}.search-title-result-item-price{font-size:16px}.search-title-result-item-current-price{font-weight:bold}.search-title-result-item-old-price{font-size:80%;text-decoration:line-through}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/menu_footer_1/style.min.css?1722274592490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/menu_footer_1/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/footer_m/style.min.css?1722274592490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/footer_m/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/main/components/bitrix/menu/footer_info/style.min.css?1722274592490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/main/components/bitrix/menu/footer_info/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/components/klimkort/main.feedback/templates/call_to/style.min.css?1722274592251*/
div.mf-name,div.mf-email,div.mf-captcha,div.mf-message{width:80%;padding-bottom:.4em}div.mf-name input,div.mf-email input{width:60%}div.mf-message textarea{width:60%}span.mf-req{color:red}div.mf-ok-text{color:green;font-weight:bold;padding-bottom:1em}
/* End */


/* Start:/local/templates/main/styles.css?17478955766209*/
/* {
    background: #ff2209;
    border-radius: 4px;
    line-height: 19px;
    color: white;
    padding: 1px 19px;
} */
.btn-oi {
  border: none;
  outline: none;
  display: inline-block;
  color: #fff;
  background-color: #DC0333;
  padding: 11px 29px;
  margin-bottom: 15px;
  margin-top: 15px;
  border-radius: 30px;
  text-align: center;
  cursor: pointer;
  transition: opacity ease-in-out .3s;
  font-size: 14px;
}

.btn-oi:hover {
  background-color: #007dcc;
}

.itemsdd {
  flex-basis: 20%;
  max-width: 215px;
  text-align: center;
  padding: 10px 10px 20px;
}

.btn_site {
  color: #f7f7fa !important;
  font-size: 14px;
  letter-spacing: 0.33px;
  border-radius: 1px;
  background-color: #2c3771;
  padding: 8px 15px;
  text-decoration: none !important;
  border-radius: 5px;
}

.serv_block_input-srh {
  font-family: "GraphikLCG-Regular";
  font-weight: 400;
  font-size: 16px;
  /* display: block; */
  width: 335px;
  padding: 5px 15px;
  line-height: 1;
  border: 0;
  /* border-radius: 5px; */
  /* box-shadow: 0 0 10px rgba(0,0,0,0.1); */
  border-radius: 52px;
}

.derf {
  transition: all 0.3s ease;
  border-radius: 5px;
  background-color: #2c3771;
  color: #fff;
  font-family: "GraphikLCG-Regular";
  font-size: 15px;
  letter-spacing: 0.33px;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  margin-top: 15px;
  line-height: 1;
}

.sticker.stick {
  background: #DC0333;
  border-radius: 5px;
}

.desb {
  display: inline-block;
  border-radius: 5px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 15px;
  letter-spacing: 0.38px;
  padding: 13px 25px;
}

.bbn2 {
  border-radius: 14px;
}

.iuy {
  border-radius: 7px;
}


#title-search {
  margin-right: 10px;
  border-radius: 9px;
  box-shadow: 0 0 10px rgb(0 0 0 / 10%);
  border: 2px solid #2c3771;
}

div.title-search-result {
  /*border: 2px solid #2c3771;*/
  display: none;
  overflow: hidden;
  z-index: 205;
}

.btn_sitek {
  font-size: 13px;
}

.cartg {
  font-size: 14px;
}


@media (max-width:500px) {
  .itemsdd {
    max-width: 50% !important;
  }

  a.listrf {
    margin: 5px;
    flex-basis: 45%;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px 5px 15px;
  }

}

@media (min-width:767px) {

  .itemsdd:nth-child(7),
  .itemsdd:nth-child(8),
  .itemsdd:nth-child(9),
  .itemsdd:nth-child(10) {
    max-width: 25%;
  }

  .itemsdd:nth-child(7) .dimhg,
  .itemsdd:nth-child(8) .dimhg,
  .itemsdd:nth-child(9) .dimhg,
  .itemsdd:nth-child(10) .dimhg {
    height: 100px;
  }


}

.listen {
  margin-bottom: 40px;
}

.listen__item {
  color: #3e3f44;
  position: relative;
  padding-left: 20px;
  margin-bottom: 20px;
}

.listen__item::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  height: 1px !important;
  width: 15px;
  background: #3e3f44;
}

.brandLink:hover {
  box-shadow: 0 0 14px rgb(0 0 0 / 20%);

}

.hw {
  max-width: 817px !important;

}

.itemsdd:hover {
  box-shadow: 0 0 11px #cccccc80;
  _flex-basis: 21%;
  _max-width: 215px;
  border-radius: 5px;
}

.slideshow .slick-arrow,
.slideshowClients .slick-arrow {
  display: none !important
}

#skj {
  margin: 0 -9px
}

.headerfix {
  width: 100%;
  background: #fff;

}

.headerfix .mids {
  -webkit-transition-duration: 0.25s;
  -o-transition-duration: 0.25s;
  transition-duration: 0.25s;
}

html.scroll {
  padding-top: 0px
}

html.scroll .headerfix {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  box-shadow: 0 0 10px rgba(0, 0, 0, .15)
}

html.scroll .headerfix .mids {
  padding-top: 10px;
  padding-bottom: 10px
}

.dhd {
  z-index: 5;
}

@media (max-width: 992px) {
  html {
    padding-top: 0px
  }

  .mobheaders {
    width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 5;
    box-shadow: 0 0 10px rgba(0, 0, 0, .15)
  }

  .rw223 {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .lggh {
    margin-bottom: 10px
  }

  .gmb img {
    width: 32px;
    height: 32px
  }
}

.wrapper-all {
  overflow: visible
}


#bx_incl_area_12 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#bx_incl_area_13 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

#bx_incl_area_8 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px
}

@media(min-width:769px) {
  .product-bottom-cst {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .product-card-cst {
    position: relative;
    height: 100%;
  }

  .catalog-product-cst {
   /* min-height: 545px;*/
   margin-bottom: 10px;
  }

  /*******/
  .product-card-slider-cst {
    /*height: 700px;*/
    /*height: 660px;*/
    position: relative;
  }

  .product-card-slider-cst-viewed {
    height: 600px;
    position: relative;
  }

  .product-bottom-cst-slider {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

@media(max-width:768px) {
  .product-bottom-cst {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .product-card-cst {
    position: relative;
    height: 100%;
  }
}

@media(max-width:568px) {

  .product-bottom-cst {
    position: absolute;
    bottom: 0;
    width: 100%;
  }

  .product-card-cst {
    position: relative;
    height: 100%;
  }

  .catalog-product-cst {
    /*min-height: 475px;*/
	/*min-height: 430px;*/
  }
}


@media(max-width:1875px) {

  /*******/
  .product-card-slider-cst {
    /*height: 639px;*/
	/*height: 600px;*/
    position: relative;
  }

  .product-bottom-cst-slider {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}

@media(max-width:768px) {

  /*******/
  .product-card-slider-cst {
    height: 483px;
    position: relative;
  }

  .product-bottom-cst-slider {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
}


.swiper-slide {
  width: unset;
  height: unset;
}

.swiper-slide .main-product, .swiper-slide .main-product .product-card-slider-cst{
  height: 100%;
}

@media (max-width: 767px) {
  .footer-menu__bottom{
    display: none;
  }
  .footer-menu__bottom .footer-info__list{
    gap: 0 !important
  }
  .footer-menu__bottom .footer-info__link{
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    color: var(--dop-tekst);
  }
}
/* End */


/* Start:/local/templates/main/template_styles.css?17478955769574*/
@media screen and (min-width: 1000px) {
    .sliderMain {
        min-height: 636px;
    }
}
body.noscroll {
    overflow: hidden;
}

#ekran_block{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  min-width:320px;
  height:100%;
  min-height:400px;
  background-color:#333;
  background-color: rgba(0, 0, 0, 0.8);
  z-index:99995;
}
#circularG{
  position:relative;
  width:128px;
  height:128px;
  margin: 40vh auto 0;
  display:none;
}

.circularG{
  position:absolute;
  background-color:#776f68;
  width:29px;
  height:29px;
  -moz-border-radius:19px;
  -moz-animation-name:bounce_circularG;
  -moz-animation-duration:0.96s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -webkit-border-radius:19px;
  -webkit-animation-name:bounce_circularG;
  -webkit-animation-duration:0.96s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -ms-border-radius:19px;
  -ms-animation-name:bounce_circularG;
  -ms-animation-duration:0.96s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -o-border-radius:19px;
  -o-animation-name:bounce_circularG;
  -o-animation-duration:0.96s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  border-radius:19px;
  animation-name:bounce_circularG;
  animation-duration:0.96s;
  animation-iteration-count:infinite;
  animation-direction:linear;
}

#circularG_1{
  left:0;
  top:50px;
  -moz-animation-delay:0.36s;
  -webkit-animation-delay:0.36s;
  -ms-animation-delay:0.36s;
  -o-animation-delay:0.36s;
  animation-delay:0.36s;
}

#circularG_2{
  left:14px;
  top:14px;
  -moz-animation-delay:0.48s;
  -webkit-animation-delay:0.48s;
  -ms-animation-delay:0.48s;
  -o-animation-delay:0.48s;
  animation-delay:0.48s;
}

#circularG_3{
  top:0;
  left:50px;
  -moz-animation-delay:0.6s;
  -webkit-animation-delay:0.6s;
  -ms-animation-delay:0.6s;
  -o-animation-delay:0.6s;
  animation-delay:0.6s;
}

#circularG_4{
  right:14px;
  top:14px;
  -moz-animation-delay:0.72s;
  -webkit-animation-delay:0.72s;
  -ms-animation-delay:0.72s;
  -o-animation-delay:0.72s;
  animation-delay:0.72s;
}

#circularG_5{
  right:0;
  top:50px;
  -moz-animation-delay:0.84s;
  -webkit-animation-delay:0.84s;
  -ms-animation-delay:0.84s;
  -o-animation-delay:0.84s;
  animation-delay:0.84s;
}

#circularG_6{
  right:14px;
  bottom:14px;
  -moz-animation-delay:0.96s;
  -webkit-animation-delay:0.96s;
  -ms-animation-delay:0.96s;
  -o-animation-delay:0.96s;
  animation-delay:0.96s;
}

#circularG_7{
  left:50px;
  bottom:0;
  -moz-animation-delay:1.08s;
  -webkit-animation-delay:1.08s;
  -ms-animation-delay:1.08s;
  -o-animation-delay:1.08s;
  animation-delay:1.08s;
}

#circularG_8{
  left:14px;
  bottom:14px;
  -moz-animation-delay:1.2s;
  -webkit-animation-delay:1.2s;
  -ms-animation-delay:1.2s;
  -o-animation-delay:1.2s;
  animation-delay:1.2s;
}

@-moz-keyframes bounce_circularG{
  0%{
    -moz-transform:scale(1)}

    100%{
      -moz-transform:scale(.3)}

    }

    @-webkit-keyframes bounce_circularG{
      0%{
        -webkit-transform:scale(1)}

        100%{
          -webkit-transform:scale(.3)}

        }

        @-ms-keyframes bounce_circularG{
          0%{
            -ms-transform:scale(1)}

            100%{
              -ms-transform:scale(.3)}

            }

            @-o-keyframes bounce_circularG{
              0%{
                -o-transform:scale(1)}

                100%{
                  -o-transform:scale(.3)}

                }

                @keyframes bounce_circularG{
                  0%{
                    transform:scale(1)}

                    100%{
                     transform:scale(.3)}

                   }


.popup_frame{
	margin: 50px auto 0;
	position: relative;
	max-width: 500px;
	padding: 25px 15px 15px;
	text-align: center;
	background: #ffffff;
	width: 95%;
}
.close_popup_frame{
	background: transparent url("/assets/img/close.png") no-repeat scroll 0 0;
	height: 17px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 18px;
	cursor: pointer;
	z-index: 1;
}
.frame_err{
	background: #ffe1f8
}
.popup_frame_title{
	font-weight: bold;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.frame_err .popup_frame_title{
	color:#ff0000;
}
.popup_frame_text{
	font-size: 16px;
	margin-bottom: 10px;
}
.popup_frame_closebutton{
	background: #ff0000 none repeat scroll 0 0;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
	padding: 4px 10px;
	text-transform: uppercase;
}
.popup_frame_img{
	height: 135px;
	margin: 0 auto 10px;
	width: 200px;
	background-repeat:no-repeat;
	background-position: center;
	-webkit-background-size:contain;
	background-size:contain;
}
.popup_frame_elname{
	color: #8e723f;
	font-size: 17px;
	margin-bottom: 10px;
}
.popup_frame_cont,.popup_frame_cart{
	cursor: pointer;
	display: inline-block;
	text-transform: uppercase;
	margin: 10px 3px;
	text-decoration: none;
}
.popup_frame_cart:hover{
	text-decoration: none;
	color:#fff;
}
.bnt {
    border-radius: 20px;
   /* background-color: #f38901;*/
    background-color: #2c3771;
    display: inline-block;
    cursor: pointer;
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.38px;
    padding: 12px 27px;
    margin-top: 15px;
    transition: all 0.3s ease;
}
.bnt:hover{
  background-color: #007dcc;
  color:#ffffff;	
}
.bezd.fancybox-content {
	border-radius:5px;}


.banner__catalog--text {
    border-radius:5px;}


.prod_row{
	display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
	-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
align-items: flex-start;
}
.prod_left_block{
	flex-basis:250px;
	max-width:250px;
	width:250px;
	min-width:250px;
/*	padding-right:15px;
border-right:1px solid #eaeaea;*/
transition: all 0.3s ease 0s;

}
.prod_el_block{
	flex-basis:calc(100% - 280px);
	width:calc(100% - 280px);	
}



.filtr_close {
    position: absolute;
    top: 10px;
    right: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    z-index: 2;
	display:none;
}
.filtr_close:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filtr_close:before, .filtr_close:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    height: 2px;
    background-color: #555;
    -webkit-transition: background-color 0.66s ease;
    transition: background-color 0.66s ease;
}
.filtr_close:before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.filtr_close:after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.filtr_close:hover:before, .filtr_close:hover:after {
	background-color: #000;
}
.filtr_open{
	display:none;
}

@media screen and (max-width: 1200px) {
.filtr_close {
	display:block;
}
.filtr_open{
display: block;
flex: 0 0 auto;
margin-bottom: 30px;
line-height: 1;
background:#2c3771;
color: #fff;
padding: 10px 15px;
border-radius: 5px;
cursor: pointer;
}
.filtr_open:hover{
	
	border: 1px solid #2c3771;
	color:#fff;
}
.prod_row{
	-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.prod_left_block{
max-width: 320px;
width: 100%;
min-width: 300px;
border-right: 0;
display: block;
position: fixed;
top: 0;
left: -400px;
z-index: 99999;
background: #fff;
padding: 40px 15px 30px 15px;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.prod_left_block.isopen{
	left:0;
}

.prod_el_block{
flex-basis: 100%;
width: 100%;
max-width:100%;
min-width:100%;
}

}

.fordopfil{
	display:none;
}
#dopfil_flex{
	margin: 0 -10px 20px;
	display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}


.block_text {
	line-height:1.5;
}
.block_text p{
line-height:1.5;
margin-bottom:16px;	
}
.block_text b,.block_text strong{
	font-weight:bold;
}
.block_text i,.block_text em{
	font-style:italic;
}

.scroll_up{
position: fixed;
bottom: 45px;
right: 10px;
display: none;
z-index: 20;
width: 50px;
height: 50px;
opacity:1;
}
.scroll_up>span{
	display:block;
	width:100%;
	height:100%;
}

.scroll_up span{
	background-image: url(/assets/img/up-arrow-n.svg);
}

.scroll_up:hover span{
	background-image: url(/assets/img/up.png);
	 fill: red;
}


.righ a.dop_search_ico{
	display:none;
}
 @media only screen and (max-width: 1300px)  {

	.righ #title-search .serv_block_input-srh{
		width: 235px
	}
 }
 @media only screen and (max-width: 1240px)  {
	 .righ a.dop_search_ico{
		display: inline-block;
	}
	.righ #title-search{
		display:none;
	}
 }

@media(max-width: 500px) {
div#onesld {
  display: none;
}
.itemsdd:not(:last-child) {
  max-width: 50%;
}
.itemsdd {
  box-shadow: 0 0 15px #cccccc80;
}
}

.nal_art{
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
}
.nal_art .art_num{
	color:#777;
	font-size: 14px;
}
.lpt-widget-btn_position-right{
right:unset !important;
left:45px !important;	
}

.llkii b {
 font-weight: 700;
{
/* End */
/* /assets/css/main.css?1746377684128122 */
/* /assets/js/fancybox-master_3_5_7/jquery.fancybox.min.css?172227452812795 */
/* /assets/css/headermob.css?1722274528739 */
/* /assets/js/slick/slick.css?17222745281776 */
/* /assets/js/slick/slick-theme.css?17222745283145 */
/* /assets/js/sxlop/sxlop.css?17222745281262 */
/* /newcssstyle/assets/css/style.css?1722274592190 */
/* /newcssstyle/assets/css/desktop.css?178133529692133 */
/* /newcssstyle/assets/css/adaptive1919.css?174637883611751 */
/* /newcssstyle/assets/css/adaptive1439.css?17486347248921 */
/* /newcssstyle/assets/css/adaptive1199.css?17463790566893 */
/* /newcssstyle/assets/css/adaptive999.css?17485085943143 */
/* /newcssstyle/assets/js/swiper/swiper-bundle.min.css?172227459418436 */
/* /newcssstyle/assets/css/custom-select.css?17279331121119 */
/* /newcssstyle/assets/css/adaptive767.css?177738049637059 */
/* /custom/custom.css?17223469166604 */
/* /local/templates/main/components/bitrix/menu/menu1/style.min.css?1722274592490 */
/* /local/templates/main/components/bitrix/search.title/search_mob3/style.min.css?1726310196679 */
/* /local/templates/main/components/bitrix/menu/menumob/style.min.css?1722274592490 */
/* /local/templates/main/components/bitrix/search.title/search/style.css?1722584164908 */
/* /local/templates/main/components/bitrix/sale.basket.basket.line/malayakorzina/style.min.css?17222745923774 */
/* /local/templates/main/components/bitrix/search.title/search_mob/style.min.css?1722274592679 */
/* /local/templates/main/components/bitrix/search.title/search_mob2/style.min.css?1722788442679 */
/* /local/templates/main/components/bitrix/menu/menu_footer_1/style.min.css?1722274592490 */
/* /local/templates/main/components/bitrix/menu/footer_m/style.min.css?1722274592490 */
/* /local/templates/main/components/bitrix/menu/footer_info/style.min.css?1722274592490 */
/* /local/components/klimkort/main.feedback/templates/call_to/style.min.css?1722274592251 */
/* /local/templates/main/styles.css?17478955766209 */
/* /local/templates/main/template_styles.css?17478955769574 */