@charset "UTF-8";
/*---------- Append Here ----------*/
/*---------- Common: Start ----------*/
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-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

table {
  border-collapse: collapse;
  border-spacing: 0;
}
html,
body {
  height: 100%;
}

body {
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
  line-height: 1.5;
}
body.overflow {
  overflow: hidden;
  height: 100%;
}

body,
input,
button,
textarea {
  font-family: "Gilroy", sans-serif;
  font-weight: 500;
}

input,
button,
textarea {
  border: 0;
  padding: 0;
  margin: 0;
  outline: none;
  background: none;
}

input[type=text]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type=text]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

button {
  cursor: pointer;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

em,
i {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  font-style: normal;
}

@-ms-viewport {
  width: device-width;
}
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
*::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

.container,
.container-fluid {
  width: 100%;
  max-width: 1630px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .container,
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.page {
  padding-top: 132px;
}
@media (max-width: 991px) {
  .page {
    padding-top: 104px;
  }
}
@media (max-width: 568px) {
  .page {
    padding-top: 94px;
  }
}

.link {
  display: inline-block;
  text-decoration: underline;
  color: #ffc931;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .link:hover {
    color: #5d1900;
  }
}

.time {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #4F4F4F;
}

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

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

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

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

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

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

@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Regular.eot");
  src: url("../fonts/woff/Gilroy-Regular.woff") format("woff"), url("../fonts/eot/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ttf/Gilroy-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Medium.eot");
  src: url("../fonts/woff/Gilroy-Medium.woff") format("woff"), url("../fonts/eot/Gilroy-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/ttf/Gilroy-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Semibold.eot");
  src: url("../fonts/woff/Gilroy-Semibold.woff") format("woff"), url("../fonts/eot/Gilroy-Semibold.eot?#iefix") format("embedded-opentype"), url("../fonts/ttf/Gilroy-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Bold.eot");
  src: url("../fonts/woff/Gilroy-Bold.woff") format("woff"), url("../fonts/eot/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/ttf/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Gilroy";
  src: url("Gilroy-Extrabold.eot");
  src: url("../fonts/woff/Gilroy-Extrabold.woff") format("woff"), url("../fonts/eot/Gilroy-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/ttf/Gilroy-Extrabold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "iconfont";
  src: url("../fonts/iconfonts/iconfont.eot?8y8hvt");
  src: url("../fonts/iconfonts/iconfont.eot?8y8hvt#iefix") format("embedded-opentype"), url("../fonts/iconfonts/iconfont.ttf?8y8hvt") format("truetype"), url("../fonts/iconfonts/iconfont.woff?8y8hvt") format("woff"), url("../fonts/iconfonts/iconfont.svg?8y8hvt#iconfont") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
[class^=_icon-]::before,
[class*=" _icon-"]::before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "iconfont" !important;
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._icon-comparison:before {
  content: "\e90f";
}

._icon-envelope:before {
  content: "\e911";
}

._icon-history:before {
  content: "\e913";
}

._icon-mobile-android:before {
  content: "\e915";
}

._icon-arrow-right:before {
  content: "\e901";
}

._icon-buy:before {
  content: "\e902";
}

._icon-chart:before {
  content: "\e903";
}

._icon-check:before {
  content: "\e90d";
}

._icon-heart:before {
  content: "\e904";
}

._icon-location:before {
  content: "\e905";
}

._icon-search:before {
  content: "\e906";
}

._icon-telegram:before {
  content: "\e908";
}

._icon-instagram:before {
  content: "\e909";
}

._icon-whatsapp:before {
  content: "\e90a";
}

._icon-viber:before {
  content: "\e90c";
}

._icon-quotes:before {
  content: "\e914";
}

._icon-phone-transparent:before {
  content: "\e90b";
}

._icon-play:before {
  content: "\e912";
}

._icon-phone:before {
  content: "\e907";
}

._icon-arrow-down:before {
  content: "\e90e";
}

._icon-arrow:before {
  content: "\e900";
}

/*
== 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;
  border-radius: 16px;
}

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

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

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

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

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

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.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 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.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(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ---------------------------------------- */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("fancybox_sprite.png");
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("fancybox_loading.gif") center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url("blank.gif");
  /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url("fancybox_overlay.png");
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: 400 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: 700;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url("fancybox_sprite@2x.png");
    background-size: 44px 152px;
    /*The size of the normal image, half the size of the hi-res image*/
  }

  #fancybox-loading div {
    background-image: url("fancybox_loading@2x.gif");
    background-size: 24px 24px;
    /*The size of the normal image, half the size of the hi-res image*/
  }
}
/*! jQuery UI - v1.13.1 - 2022-03-30
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  -webkit-box-shadow: inset 1px 1px 1px #ccc;
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  /* border-width: 4px; */
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  -ms-filter: "alpha(opacity=25)";
  /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  -webkit-filter: inherit;
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: 700;
}

.ui-widget-header a {
  color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  /* border: 1px solid #cccccc; */
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  /* box-shadow: 0 0 3px 1px rgb(94, 158, 214); */
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  /* border: 1px solid #003eff;
  background: #007fff; */
  font-weight: 400;
  color: #ffffff;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
  /* border: #003eff; */
  background-color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  /* support: IE8 */
  font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  -ms-filter: "alpha(opacity=35)";
  /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
/* Three classes needed to override `.ui-button:hover .ui-icon` */
.ui-icon-blank.ui-icon-blank.ui-icon-blank {
  background-image: none;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: 0.3;
  -ms-filter: Alpha(Opacity=30);
  /* support: IE8 */
}

.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}

.select2-container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: 700;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, white), to(#eeeeee));
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: 700;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(#cccccc));
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eeeeee));
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eeeeee), to(white));
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*----------  Vendor: End  ----------*/
/*---------- Components: Start ----------*/
/* layout */
.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /*height: 100%;*/
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.layout__header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.layout__container {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.layout__footer {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* tabs */
.tabs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  border-top: 1px solid #C4C4C4;
  border-bottom: 1px solid #C4C4C4;
  min-height: 55px;
}
.tabs__item {
  position: relative;
}
.tabs__item:not(:last-child) {
  margin-right: 40px;
}
.tabs__item a {
  display: inline-block;
  color: #828282;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  font-size: 16px;
  line-height: 55px;
}
.tabs__item a.-active, .tabs__item a:hover {
  color: #333333;
}
.tabs__item a.-active::before, .tabs__item a:hover::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #FFC931;
}
.tabs_delivery {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  border: none;
  min-height: 55px;
  background: #F6F6F6;
  border-radius: 10px;
}
.tabs_delivery .tabs__item {
  position: relative;
}
.tabs_delivery .tabs__item:not(:last-child) {
  margin-right: 0;
}
.tabs_delivery .tabs__item a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #BDBDBD;
  position: relative;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-weight: 500;
  font-size: 25px;
  line-height: 140%;
  padding: 5px 25px;
  width: 280px;
  min-height: 55px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tabs_delivery .tabs__item a.-active {
  background: #fff;
  color: #333333;
  border: 2px solid #FFC830;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.tabs_delivery .tabs__item a.-active::before {
  display: none;
}
@media (any-hover: hover) {
  .tabs_delivery .tabs__item a:hover {
    color: #333333;
  }
  .tabs_delivery .tabs__item a:hover::before {
    display: none;
  }
}

.tabs-content {
  width: 100%;
  display: none;
}
.tabs-content#tab01 {
  display: block;
}

@media (max-width: 768px) {
  .tabs_delivery {
    margin-bottom: 20px;
    min-height: 45px;
  }
  .tabs_delivery .tabs__item a {
    font-size: 20px;
    line-height: 40px;
    padding: 3px 5px;
    width: 210px;
    min-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 461px) {
  .tabs {
    min-height: 45px;
  }
  .tabs__item {
    position: relative;
  }
  .tabs__item:not(:last-child) {
    margin-right: 20px;
  }
  .tabs__item a {
    display: inline-block;
    color: #828282;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-weight: 500;
    font-size: 13px;
    line-height: 45px;
  }
  .tabs_delivery {
    margin-bottom: 20px;
    min-height: 30px;
  }
  .tabs_delivery .tabs__item a {
    font-size: 14px;
    line-height: 30px;
    padding: 3px 5px;
    width: 145px;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/* button */
.button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  background: #fff;
  min-width: 100px;
  line-height: 44px;
  padding: 0 40px;
  border: none;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.button__carrot {
  background: #ffc931;
  border: 1px solid #ffc931;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
}
.button__carrot:hover {
  background: #fdbb00;
  border: 1px solid #fdbb00;
}
.button__carrot-border {
  background: transparent;
  border: 1px solid #ffc931;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  color: #ffc931;
  border-radius: 6px;
}
.button__carrot-border:hover {
  background: #ffc931;
  border: 1px solid #ffc931;
  color: #fff;
}
.button__green {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 38px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  border-radius: 10px;
  padding: 0 10px;
}
.button__green_padding {
  padding: 0 30px;
  max-width: 300px;
}
.button__small {
  line-height: 36px;
  padding: 0 10px;
  font-size: 14px;
}

#button-up {
  display: none;
  opacity: 0.6;
  position: fixed;
  right: 10px;
  bottom: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 3px solid #ffc931;
  z-index: 99999999;
}
@media (max-width: 768px) {
  #button-up {
    bottom: 60px;
  }
}
#button-up ._icon-arrow {
  display: block;
  font-size: 18px;
  position: absolute;
  color: #ffc931;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
  transform: translate(-50%, -50%) rotate(-90deg);
  line-height: 0;
}

#button-up:hover {
  cursor: pointer;
  opacity: 1;
}

/* social-icon */
.social-icon {
  position: relative;
  top: auto;
  right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.social-icon__icon {
  width: 44px;
  height: 44px;
  position: relative;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #5d5d5d;
  border-radius: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.social-icon__icon._icon-viber:before, .social-icon__icon._icon-whatsapp:before {
  font-size: 20px;
}
.social-icon__icon::before {
  margin: auto;
  color: #fff;
  font-size: 18px;
}
.social-icon__icon:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
  background: #777777;
}

/* fancybox-style */
.fancybox-skin {
  background: rgba(255, 255, 255, 0.2) !important;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}

.fancybox-outer {
  border-radius: 12px;
}

.fancybox-close {
  border: 1px solid rgba(255, 255, 255, 0.5);
  height: 30px;
  width: 30px;
  top: -5px;
  right: -5px;
  border: 4px solid #fff;
  background: #000;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  -webkit-box-shadow: 4px 4px 12px -1px rgba(34, 60, 80, 0.3);
  box-shadow: 4px 4px 12px -1px rgba(34, 60, 80, 0.3);
}
.fancybox-close::before {
  content: "x";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 24px;
  color: #fff;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.fancybox-overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-size: auto;
}

/* breadcrumbs */
.breadcrumbs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 14px;
  line-height: 19px;
  min-height: 60px;
  padding: 10px 0;
  margin-top: 10px;
}
.breadcrumbs__item {
  position: relative;
  margin-right: 40px;
}
.breadcrumbs__item.-active {
  color: #BDBDBD;
}
.breadcrumbs__item::before {
  content: "/";
  display: block;
  position: absolute;
  right: -26px;
  top: 0;
}
.breadcrumbs__item:last-child {
  margin: 0;
}
.breadcrumbs__item:last-child::before {
  display: none;
}
.breadcrumbs__item a {
  color: #343434;
}
.breadcrumbs__item a:hover {
  text-decoration: underline;
}

/* icon-menu-mobile */
.icon-menu-mobile {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
  z-index: 1;
}

.icon-menu-mobile span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #5d1900;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  z-index: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.icon-menu-mobile span:nth-child(1) {
  top: 2px;
}

.icon-menu-mobile span:nth-child(2) {
  top: 8px;
}

.icon-menu-mobile span:nth-child(3) {
  top: 14px;
  width: 80%;
  left: auto;
  right: 0;
}

.icon-menu-mobile_catalog span:nth-child(3) {
  top: 14px;
  width: 80%;
  left: 0;
  right: auto;
}

.icon-menu-mobile.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.icon-menu-mobile.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.icon-menu-mobile.open span:nth-child(3) {
  top: 8px;
  width: 100%;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* footer */
.footer {
  position: relative;
  background-color: #343434;
}
.footer .logo {
  margin-bottom: 20px;
}
.footer__content {
  padding: 35px 0 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
}
.footer__wrap-grup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  padding-right: 10px;
}
.footer__item_contacts {
  padding-right: 50px;
}
@media (max-width: 1630px) {
  .footer__item_contacts {
    padding-right: calc(0px + 50 * ((100vw - 1230px) / 400));
  }
}
.footer__title {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #fff;
  font-weight: 600;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .footer__title:hover {
    text-decoration: underline;
  }
}
.footer__title.open ._icon-arrow-down {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.footer .social-icon {
  margin-bottom: 60px;
}
.footer__contacts-name {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .footer__contacts-name {
    font-size: calc(16px + 2 * ((100vw - 1230px) / 400));
  }
}
.footer__contacts-list {
  margin-bottom: 20px;
}
.footer__contacts-list li {
  font-size: 16px;
  line-height: 24px;
}
.footer__contacts-list li:not(:last-child) {
  margin-bottom: 20px;
}
.footer .map__addresses p {
  font-size: 18px;
}
@media (max-width: 1630px) {
  .footer .map__addresses p {
    font-size: calc(16px + 2 * ((100vw - 1230px) / 400));
  }
}
.footer .map__addresses a,
.footer .map__addresses span {
  color: #fff;
}
@media (any-hover: hover) {
  .footer .map__addresses a:hover {
    text-decoration: underline;
  }
}
.footer__menu {
  padding-bottom: 10px;
}
.footer__menu li:not(:last-child) {
  margin-bottom: 15px;
}
.footer__menu li a {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-weight: 500;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .footer__menu li a:hover {
    text-decoration: underline;
  }
}
.footer__info-item {
  margin-bottom: 20px;
}
.footer__info-item b {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  display: block;
}
.footer__info-item p,
.footer__info-item a {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #fff;
}
.footer ._icon-arrow-down {
  display: inline-block;
  vertical-align: middle;
  font-size: 7px;
  line-height: 0;
  margin-left: 5px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (min-width: 1231px) {
  .footer ._icon-arrow-down {
    display: none;
  }
}

@media (max-width: 1230px) {
  .footer__spoler {
    display: none;
  }
  .footer .map__addresses p {
    font-size: 16px;
  }
  .footer__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-right: 10px;
  }
  .footer__item_menu, .footer__item_catalog {
    display: none;
  }
  .footer__item_contacts {
    padding-right: 0;
    max-width: 305px;
  }
  .footer__contacts-name {
    font-size: 16px;
  }
  .footer .social-icon {
    margin-bottom: 10px;
  }
  .footer .pay-list {
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 50px;
  }
}
@media (max-width: 600px) {
  .footer__wrap-grup {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__item {
    width: 100%;
  }
  .footer__item_contacts {
    padding-right: 0;
    max-width: 305px;
  }
}
/* footer-copyrights */
.footer-copyrights {
  color: #999999;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  font-size: 13px;
  font-weight: 300;
}
.footer-copyrights__item {
  position: relative;
}
.footer-copyrights__item a {
  color: #999999;
  display: inline-block;
}
.footer-copyrights__item + .footer-copyrights__item {
  margin-left: 100px;
}
.footer-copyrights__item-sheer a {
  display: inline-block;
  position: relative;
}
.footer-copyrights__item-sheer a::after {
  content: "";
  position: relative;
  display: inline-block;
  background: url("../images/sheer.png") 50% 50% no-repeat;
  background-size: cover;
  width: 60px;
  height: 22px;
  vertical-align: middle;
  margin-left: 3px;
  margin-top: -2px;
}

@media (max-width: 1230px) {
  .footer-copyrights__item + .footer-copyrights__item {
    margin-left: 50px;
  }
}
@media (max-width: 991px) {
  .footer-copyrights__item {
    font-size: 12px;
  }
  .footer-copyrights__item + .footer-copyrights__item {
    margin-left: 30px;
  }
}
@media (max-width: 568px) {
  .footer-copyrights {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0;
    height: auto;
  }
  .footer-copyrights__item {
    font-size: 12px;
  }
  .footer-copyrights__item + .footer-copyrights__item {
    margin: 10px 0 0;
  }
}

/* consultation */
.consultation {
  position: relative;
  z-index: 1;
}
.consultation__wrap {
  background: #ffd463;
  background: -webkit-gradient(linear, right top, left top, from(#ffd463), to(#ffe6b0));
  background: linear-gradient(270deg, #ffd463 0%, #ffe6b0 100%);
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-left: 80px;
  padding-right: 80px;
}
@media (max-width: 1630px) {
  .consultation__wrap {
    padding-top: calc(50px + 50 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .consultation__wrap {
    padding-bottom: calc(50px + 50 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .consultation__wrap {
    padding-left: calc(30px + 50 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .consultation__wrap {
    padding-right: calc(30px + 50 * ((100vw - 768px) / 862));
  }
}
.consultation__image {
  position: absolute;
  bottom: -40px;
  right: 90px;
  width: 395px;
}
@media (max-width: 1630px) {
  .consultation__image {
    bottom: calc(-20px + -20 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .consultation__image {
    right: calc(0px + 90 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .consultation__image {
    width: calc(275px + 120 * ((100vw - 768px) / 862));
  }
}
.consultation__image img {
  width: 100%;
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
}
.consultation__title {
  font-size: 36px;
  line-height: 34px;
  font-weight: 900;
  margin-bottom: 10px;
}
@media (max-width: 1630px) {
  .consultation__title {
    font-size: calc(21px + 15 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .consultation__title {
    line-height: calc(21px + 13 * ((100vw - 320px) / 1310));
  }
}
.consultation__text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 40px;
  font-weight: 600;
}
@media (max-width: 1630px) {
  .consultation__text {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .consultation__text {
    line-height: calc(24px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .consultation__text {
    margin-bottom: calc(10px + 30 * ((100vw - 320px) / 1310));
  }
}
.consultation__form {
  max-width: 840px;
}

@media (max-width: 700px) {
  .consultation__wrap {
    position: relative;
    padding: 40px 30px;
  }
  .consultation__image {
    display: none;
  }
}
@media (max-width: 568px) {
  .consultation__wrap {
    position: relative;
    padding: 30px 20px;
  }
}
@media (max-width: 461px) {
  .consultation__wrap {
    position: relative;
    padding: 20px 15px;
  }
  .consultation br {
    display: none;
  }
}

/* form */
.form {
  width: 100%;
}
.form_line .form__item {
  margin: 0;
  width: 33.3333333333%;
}
.form_line .form__item:not(:last-child) {
  margin: 0px;
  margin-right: 15px;
  position: relative;
}
.form_line .form__item input {
  width: 100%;
  padding: 0 12px 0 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 56px;
  background: #fff;
  outline: none;
  border: none;
  border-radius: 6px;
}
.form_line .form__item-button .button {
  max-width: 250px;
  padding: 0;
}
.form_line .form__item-check {
  width: auto;
}
.form_line .form__item-check p {
  color: #343434;
}
.form__wrap-fl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 25px;
}
.form__item:not(:last-child) {
  margin: 0 0 20px;
  position: relative;
}
.form__item input {
  width: 100%;
  padding: 0 12px 0 16px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #BDBDBD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  font-size: 14px;
  line-height: 50px;
  background: #fff;
  outline: none;
}
.form__item textarea {
  width: 100%;
  height: 100px;
  resize: none;
  font-size: 14px;
  padding: 15px 16px;
  border: 1px solid #BDBDBD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  background: #fff;
  color: #343434;
}
.form__item-button .button {
  width: 100%;
}
.form ::-webkit-input-placeholder {
  color: #BDBDBD;
}
.form ::-moz-placeholder {
  color: #BDBDBD;
}
.form :-moz-placeholder {
  color: #BDBDBD;
}
.form :-ms-input-placeholder {
  color: #BDBDBD;
}
.form__item-check {
  position: relative;
  margin: 0 0 15px;
  display: block;
  cursor: pointer;
  min-height: 28px;
}
.form__item-check p {
  font-size: 12px;
  line-height: 24px;
  font-weight: 400;
  color: #BDBDBD;
  text-align: left;
}
.form__item-check p a {
  text-decoration: underline;
  color: #BDBDBD;
}
@media (any-hover: hover) {
  .form__item-check p a:hover {
    color: #0c97cb;
  }
}
.form__item-check input.error ~ label.text {
  display: none !important;
}
.form__item-check input.error ~ label.error {
  margin: 5px 0 0 !important;
  z-index: 9;
}
.form__item-check input[type=checkbox] {
  opacity: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  padding: 0;
  top: 0px;
  left: -23px;
  display: block;
  z-index: 1;
}
.form__item-check input[type=checkbox]:checked ~ label:after {
  content: "";
  position: absolute;
  background: url("../images/check-green.png") 50% 50% no-repeat;
  background-size: cover;
  top: 8px;
  left: 3px;
  width: 8px;
  height: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.form__item-check label {
  position: relative;
  padding-left: 20px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  display: block;
  width: 100%;
  cursor: pointer;
}
.form__item-check label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  background: transparent;
  border: 1px solid #343434;
  width: 14px;
  height: 14px;
}

@media (max-width: 700px) {
  .form_line .form__wrap-fl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .form_line .form__item {
    margin: 0;
    width: 100%;
  }
  .form_line .form__item:not(:last-child) {
    margin: 0px;
    margin-right: 0;
    margin-bottom: 20px;
    position: relative;
  }
  .form_line .form__item-button {
    text-align: center;
  }
  .form_line .form__item-button .button {
    max-width: 100%;
  }
  .form_line .form__item-check {
    text-align: center;
  }
  .form_line .form__item-check label {
    display: inline-block;
    width: auto;
  }
}
@media (max-width: 568px) {
  .form_line .form__wrap-fl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .form_line .form__item {
    margin: 0;
    width: 100%;
  }
  .form_line .form__item input {
    line-height: 46px;
  }
  .form_line .form__item-button {
    text-align: center;
  }
  .form_line .form__item-button .button {
    max-width: 100%;
    line-height: 46px;
  }
  .form_line .form__item-check {
    text-align: center;
  }
  .form_line .form__item-check label {
    display: inline-block;
    width: auto;
  }
}
/* instagram */
.instagram {
  position: relative;
  background: #f4f4f4;
}
.instagram__wrap {
  position: relative;
  padding-top: 90px;
  padding-bottom: 130px;
}
@media (max-width: 1630px) {
  .instagram__wrap {
    padding-top: calc(20px + 70 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .instagram__wrap {
    padding-bottom: calc(50px + 80 * ((100vw - 320px) / 1310));
  }
}
.instagram__title {
  font-weight: 900;
  line-height: 0px;
  color: #f4f4f4;
  -webkit-text-stroke: 1px #d7b186;
  -webkit-text-fill-color: transparent;
  position: absolute;
  left: 0;
  bottom: 100px;
  font-size: 72px;
  z-index: 1;
}
@media (max-width: 1630px) {
  .instagram__title {
    bottom: calc(30px + 70 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .instagram__title {
    font-size: calc(36px + 36 * ((100vw - 320px) / 1310));
  }
}
.instagram__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
}
.instagram__content {
  padding-top: 40px;
}
@media (max-width: 1630px) {
  .instagram__content {
    padding-top: calc(10px + 30 * ((100vw - 1230px) / 400));
  }
}
.instagram .section__title {
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .instagram .section__title {
    margin-bottom: calc(5px + 15 * ((100vw - 1230px) / 400));
  }
}
.instagram__image {
  position: relative;
  padding-bottom: 105%;
}
.instagram__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.instagram__icon {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 76px;
  height: 76px;
  border-radius: 50%;
  background: #416794;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .instagram__icon:hover {
    background: #2072d7;
  }
}
.instagram__icon::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 29px;
  height: 18px;
  background: url("../images/vk.svg") 50% 50% no-repeat;
  background-size: cover;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (max-width: 1200px) {
  .instagram__items {
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
  }
}
@media (max-width: 1200px) and (max-width: 1200px) {
  .instagram__items {
    gap: calc(10px + 20 * ((100vw - 320px) / 880));
  }
}
@media (max-width: 1200px) {
  .instagram__content {
    padding-top: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .instagram .section__title {
    margin-bottom: 5px;
  }
}
@media (max-width: 768px) {
  .instagram__icon {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 568px) {
  .instagram__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* section */
.section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 1630px) {
  .section {
    padding-top: calc(30px + 10 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .section {
    padding-bottom: calc(20px + 20 * ((100vw - 320px) / 1310));
  }
}
.section__title {
  position: relative;
  font-size: 30px;
  line-height: 38px;
  margin-bottom: 20px;
  font-weight: 600;
}
@media (max-width: 1630px) {
  .section__title {
    font-size: calc(22px + 8 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .section__title {
    line-height: calc(26px + 12 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .section__title {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}
.section__text {
  font-size: 18px;
  line-height: 26px;
}
@media (max-width: 1630px) {
  .section__text {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .section__text {
    line-height: calc(21px + 5 * ((100vw - 320px) / 1310));
  }
}

/* services */
.services {
  position: relative;
  background: #f4f4f4;
}
.services__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1630px) {
  .services__items {
    gap: calc(15px + 25 * ((100vw - 320px) / 1310));
  }
}
.services .section__text {
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .services .section__text {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}

@media (max-width: 900px) {
  .services__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }
}
@media (max-width: 900px) and (max-width: 1630px) {
  .services__items {
    gap: calc(15px + 25 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 768px) {
  .services br {
    display: none;
  }
}
/* service-card */
.service-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  height: 100%;
}
.service-card__image {
  position: relative;
  padding-bottom: 63%;
  overflow: hidden;
  background: #fff;
}
.service-card__image img {
  position: absolute;
  max-width: 100%;
  height: 80%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .service-card__image:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
  }
}
.service-card__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 20px;
}
@media (max-width: 1630px) {
  .service-card__body {
    padding-top: calc(10px + 10 * ((100vw - 900px) / 730));
  }
}
.service-card__content {
  margin-bottom: 30px;
}
@media (max-width: 1630px) {
  .service-card__content {
    margin-bottom: calc(15px + 15 * ((100vw - 900px) / 730));
  }
}
.service-card__name {
  font-weight: 900;
  line-height: 30px;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1630px) {
  .service-card__name {
    line-height: calc(24px + 6 * ((100vw - 900px) / 730));
  }
}
@media (max-width: 1630px) {
  .service-card__name {
    font-size: calc(17px + 3 * ((100vw - 900px) / 730));
  }
}
@media (max-width: 1630px) {
  .service-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 900px) / 730));
  }
}
.service-card__text {
  line-height: 24px;
  font-size: 16px;
}
@media (max-width: 1630px) {
  .service-card__text {
    line-height: calc(21px + 3 * ((100vw - 900px) / 730));
  }
}
@media (max-width: 1630px) {
  .service-card__text {
    font-size: calc(14px + 2 * ((100vw - 900px) / 730));
  }
}

@media (max-width: 900px) {
  .service-card__body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
  }
  .service-card__content {
    margin-bottom: 15px;
  }
  .service-card__name {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .service-card__name {
    line-height: calc(21px + 3 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .service-card__name {
    font-size: calc(17px + 1 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .service-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) {
  .service-card__text {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .service-card__text {
    line-height: calc(21px + 3 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .service-card__text {
    font-size: calc(14px + 2 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 568px) {
  .service-card__name {
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 10px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .service-card__name {
    line-height: calc(21px + 3 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .service-card__name {
    font-size: calc(17px + 1 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .service-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) {
  .service-card__text {
    line-height: 24px;
    font-size: 16px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .service-card__text {
    line-height: calc(21px + 3 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .service-card__text {
    font-size: calc(14px + 2 * ((100vw - 320px) / 248));
  }
}
/* mobile-slider */
.mobile-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
/*  height: calc(100% + 20px); */
  max-width: 100%;
  margin-bottom: 20px;
}
.mobile-slider.slick-initialized {
  overflow: visible !important;
  display: block;
}
.mobile-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.mobile-slider .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px 20px;
}
.mobile-slider .slick-slide > div {
  height: 100%;
  width: 100%;
}
.mobile-slider__slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100% !important;
  height: 100% !important;
}
.mobile-slider .slick-arrow {
  display: none !important;
}
.mobile-slider .slick-dots {
  display: block;
  position: absolute !important;
  left: 50%;
  margin-left: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -20px;
  padding: 0;
  margin: 0;
}
.mobile-slider .slick-dots li {
  display: inline-block !important;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #343434;
  background: #343434;
}
.mobile-slider .slick-dots li button {
  display: none;
}
.mobile-slider .slick-dots li:last-child {
  margin: 0;
}
.mobile-slider button.button {
  display: inline-block;
}
.mobile-slider li.slick-active {
  background: #ffc931;
  border: 1px solid #ffc931;
}

/* block-card */
.block-card {
  position: relative;
}
.block-card__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1630px) {
  .block-card__items {
    gap: calc(15px + 25 * ((100vw - 1110px) / 520));
  }
}

@media (max-width: 1100px) {
  .block-card__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
}
@media (max-width: 900px) {
  .block-card__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (max-width: 568px) {
  .block-card__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}

/* goods-card */
/* product-card */
.product-card {
  position: relative;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.product-card__image {
  position: relative;
  display: block;
  padding-bottom: 70%;
  width: 100%;
  overflow: hidden;
}
.product-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .product-card__image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.product-card__image-content {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.product-card__body {
  border-bottom: 1px solid #dcdcde;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.product-card__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.product-card__info {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 10px 0;
  padding-top: 30px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.product-card__sticers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
  position: absolute;
  top: 10px;
  left: 10px;
}
.product-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.product-card__icon button {
  width: 40px;
  height: 40px;
  font-size: 21px;
  color: #666666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #f9f9f9;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.product-card__icon button::before {
  margin: auto;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .product-card__icon button:hover {
    background: #ffd687;
  }
}
.product-card__info-header {
  position: relative;
  font-size: 14px;
  line-height: 16px;
  color: #7f7e7e;
  margin-bottom: 10px;
}
.product-card__name {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 10px;
  font-weight: 500;
  display: inline-block;
  color: #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 1630px) {
  .product-card__name {
    font-size: calc(16px + 1 * ((100vw - 1100px) / 530));
  }
}
@media (max-width: 1630px) {
  .product-card__name {
    line-height: calc(21px + 3 * ((100vw - 1100px) / 530));
  }
}
@media (max-width: 1630px) {
  .product-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 1100px) / 530));
  }
}
.product-card__name .weight {
  display: block;
}
@media (any-hover: hover) {
  .product-card__name:hover {
    color: #ffc931;
  }
}
.product-card__footer {
  padding-top: 20px;
}
@media (max-width: 1630px) {
  .product-card__footer {
    padding-top: calc(10px + 10 * ((100vw - 1100px) / 530));
  }
}
.product-card__info-footer {
  display: block;
}
.product-card__info-cost {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 10px;
}
@media (max-width: 1630px) {
  .product-card__info-cost {
    margin-bottom: calc(5px + 5 * ((100vw - 1100px) / 530));
  }
}
.product-card__info-cost .old {
  font-size: 16px;
  font-weight: 500;
  text-decoration: line-through;
}
.product-card__info-cost .current {
  font-size: 20px;
  font-weight: 900;
}
.product-card__choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .product-card__choice {
    gap: calc(10px + 10 * ((100vw - 1100px) / 530));
  }
}
@media (max-width: 1630px) {
  .product-card__choice {
    margin-bottom: calc(10px + 10 * ((100vw - 1100px) / 530));
  }
}
.product-card__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.product-card__buttons .button {
  line-height: 40px;
  font-size: 16px;
  font-weight: 500;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 10px;
}
.product-card__buttons .button:first-child {
  margin-right: 10px;
}

@media (max-width: 1100px) {
  .product-card__name {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__name {
    font-size: calc(16px + 1 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__name {
    line-height: calc(21px + 3 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) {
  .product-card__footer {
    padding-top: 20px;
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__footer {
    padding-top: calc(10px + 10 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) {
  .product-card__info-cost {
    margin-bottom: 10px;
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__info-cost {
    margin-bottom: calc(5px + 5 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) {
  .product-card__choice {
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__choice {
    gap: calc(10px + 10 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 1100px) and (max-width: 1100px) {
  .product-card__choice {
    margin-bottom: calc(10px + 10 * ((100vw - 900px) / 200));
  }
}
@media (max-width: 900px) {
  .product-card__name {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__name {
    font-size: calc(16px + 1 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__name {
    line-height: calc(21px + 3 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) {
  .product-card__footer {
    padding-top: 20px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__footer {
    padding-top: calc(10px + 10 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) {
  .product-card__info-cost {
    margin-bottom: 10px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__info-cost {
    margin-bottom: calc(5px + 5 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) {
  .product-card__choice {
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__choice {
    gap: calc(10px + 10 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 900px) and (max-width: 900px) {
  .product-card__choice {
    margin-bottom: calc(10px + 10 * ((100vw - 568px) / 332));
  }
}
@media (max-width: 680px) {
  .product-card__buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .product-card__buttons .button {
    line-height: 40px;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0 10px;
  }
  .product-card__buttons .button:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media (max-width: 568px) {
  .product-card__name {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__name {
    font-size: calc(16px + 1 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__name {
    line-height: calc(21px + 3 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__name {
    margin-bottom: calc(5px + 5 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) {
  .product-card__footer {
    padding-top: 20px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__footer {
    padding-top: calc(10px + 10 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) {
  .product-card__info-cost {
    margin-bottom: 10px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__info-cost {
    margin-bottom: calc(5px + 5 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) {
  .product-card__choice {
    gap: 20px;
    margin-bottom: 20px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__choice {
    gap: calc(10px + 10 * ((100vw - 320px) / 248));
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .product-card__choice {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 248));
  }
}
/* quantity-block */
.quantity-block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 120px;
  border-radius: 6px;
  background: #fff;
  border: 1px solid #dcdcde;
  /* Для Firefox */
}
.quantity-block__num {
  font-size: 16px;
  line-height: 40px;
  padding-top: 4px;
  outline: none;
  width: 33.3%;
  height: 40px;
  text-align: center;
  border: none;
  border-left: 1px solid #dcdcde;
  border-right: 1px solid #dcdcde;
}
.quantity-block__minus, .quantity-block__plus {
  cursor: pointer;
  position: relative;
  font-size: 18px;
  width: 33.3%;
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .quantity-block__minus:hover, .quantity-block__plus:hover {
    background: #F1F3F8;
  }
}
.quantity-block__minus:before, .quantity-block__plus:before {
  display: block;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 18px;
  line-height: 0px;
}
.quantity-block__plus:before {
  content: "+";
}
.quantity-block__minus:before {
  content: "-";
}
.quantity-block input[type=number]::-webkit-inner-spin-button,
.quantity-block input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.quantity-block input[type=number] {
  -moz-appearance: textfield;
}
.quantity-block input[type=number]::-webkit-inner-spin-button,
.quantity-block input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
.quantity-block input[type=number] {
  -moz-appearance: textfield;
}

@media (max-width: 1230px) {
  .quantity-block {
    width: 100px;
  }
  .quantity-block__num {
    line-height: 34px;
    padding-top: 2px;
    height: 34px;
  }
  .quantity-block__minus, .quantity-block__plus {
    font-size: 18px;
    width: 33.3%;
    height: 34px;
  }
}
/* sticer */
.sticer {
  position: relative;
  display: inline-block;
  text-align: center;
  padding: 0 10px;
  line-height: 32px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: #fff;
}
.sticer__orange-dark {
  background: #af3c26;
}
.sticer__red {
  background: #d4290a;
}
.sticer__orange-light {
  background: #fdb926;
}

/* color-selection */
.color-selection {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.color-selection__result {
  font-size: 14px;
  line-height: 0;
  margin: 0 !important;
}
.color-selection__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.color-selection__content input {
  display: none;
}
.color-selection__content label {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.color-selection__content label:not(:last-child) {
  margin-right: 20px;
}
.color-selection__content label.blue-dark {
  background-color: #2c3f5e;
}
.color-selection__content label.green-dark {
  background-color: #44543c;
}
.color-selection__content label.beige {
  background-color: #b6a48b;
}
.color-selection__content label.pink-forest {
  background-color: #5d1900;
}
.color-selection__content label.dark-gold {
  background-color: #bd9909;
}
.color-selection__content input:checked + label {
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ffc931;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ffc931;
}

/* reviews */
.reviews {
  position: relative;
}
.reviews__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}
@media (max-width: 1630px) {
  .reviews__wrap {
    gap: calc(30px + 30 * ((100vw - 991px) / 639));
  }
}
.reviews__item {
  width: calc(50% - 30px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.reviews__item article p:not(:last-child) {
  margin-bottom: 20px;
}
.reviews__item article:not(:last-child) {
  margin-bottom: 20px;
}
.reviews__content {
  max-height: 200px;
  overflow-y: auto;
}
.reviews__image {
  position: relative;
  width: 100%;
  padding-bottom: 46%;
  margin-bottom: 35px;
}
@media (max-width: 1630px) {
  .reviews__image {
    margin-bottom: calc(20px + 15 * ((100vw - 320px) / 1310));
  }
}
.reviews__image_large {
  padding-bottom: 72%;
}
.reviews__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.reviews__block-img {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.reviews__block-image {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.reviews__block-image img {
  width: 100%;
  height: 100%;
  vertical-align: top;
  -o-object-fit: cover;
  object-fit: cover;
}
.reviews .mCSB_dragger_bar {
  background-color: #7a392b !important;
}
.reviews .mCSB_draggerRail {
  background-color: #ffc830 !important;
}
.reviews .mCSB_container {
  margin-right: 5px !important;
}
.reviews .mCSB_scrollTools {
  background-color: #ffc830 !important;
  width: 4px !important;
}

@media (max-width: 991px) {
  .reviews__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
  }
  .reviews__item {
    width: 100%;
  }
}
@media (max-width: 461px) {
  .reviews__block-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* categories */
.categories {
  position: relative;
  background: #f4f4f4;
}
.categories__items {
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  grid-template-columns: repeat(16, 1fr);
  gap: 30px;
  grid-auto-rows: 1fr;
}
@media (max-width: 1630px) {
  .categories__items {
    gap: calc(10px + 20 * ((100vw - 320px) / 1310));
  }
}
.categories__item {
  position: relative;
  background: #fff;
  display: block;
  color: #343434;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
@media (any-hover: hover) {
  .categories__item:hover {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0, -2%);
    transform: translate(0, -2%);
  }
}
.categories__item_first {
  grid-area: 1/1/span 2/span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.categories__item_first .categories__image {
  position: relative;
  width: 120%;
  margin-left: -10%;
  height: auto;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
.categories__item_first .categories__image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.categories__item_two {
  grid-area: 1/5/span 1/span 7;
}
.categories__item_three {
  grid-area: 1/12/span 1/span 5;
}
.categories__item_four {
  grid-area: 2/5/span 1/span 5;
}
.categories__item_five {
  grid-area: 2/10/span 1/span 7;
}
.categories__item_six {
  grid-area: 3/1/span 1/span 5;
}
.categories__item_seven {
  grid-area: 3/6/span 1/span 7;
}
.categories__item_seven .categories__image {
  width: 70%;
}
.categories__item_eight {
  grid-area: 3/13/span 2/span 4;
}
.categories__item_eight .categories__image {
  height: 80%;
}
.categories__item_nine {
  grid-area: 4/1/span 1/span 7;
}
.categories__item_ten {
  grid-area: 4/8/span 1/span 5;
}
.categories__content {
  padding: 30px;
  padding-right: 0;
}
@media (max-width: 1630px) {
  .categories__content {
    padding: calc(10px + 20 * ((100vw - 320px) / 1310));
  }
}
.categories__content-name {
  display: inline-block;
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px;
  position: relative;
  z-index: 1;
  font-weight: 900;
  color: #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 1630px) {
  .categories__content-name {
    font-size: calc(16px + 8 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .categories__content-name {
    line-height: calc(21px + 13 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .categories__content-name {
    margin-bottom: calc(5px + 15 * ((100vw - 320px) / 1310));
  }
}
@media (any-hover: hover) {
  .categories__content-name:hover {
    color: #ffc931;
  }
}
.categories__content-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.categories__content-list {
  position: relative;
}
.categories__content-list:not(:last-child) {
  margin-right: 50px;
}
.categories__content-list li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1630px) {
  .categories__content-list li {
    padding-left: calc(8px + 12 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .categories__content-list li {
    font-size: calc(12px + 4 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .categories__content-list li {
    line-height: calc(16px + 8 * ((100vw - 320px) / 1310));
  }
}
.categories__content-list li::before {
  content: "";
  display: block;
  position: absolute;
  background: #ffc931;
  left: 0;
  top: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 0;
  top: 8px;
  top: 8px;
}
@media (max-width: 1630px) {
  .categories__content-list li::before {
    top: calc(6px + 2 * ((100vw - 320px) / 1310));
  }
}
.categories__content-list li:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .categories__content-list li:not(:last-child) {
    margin-bottom: calc(5px + 15 * ((100vw - 320px) / 1310));
  }
}
.categories__content-list li a {
  color: #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .categories__content-list li a:hover {
    color: #ffc931;
  }
}
.categories__image {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.categories__image img {
  max-height: 100%;
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1230px) {
  .categories__item {
    overflow: hidden;
  }
  .categories__item_first .categories__image {
    right: auto;
    bottom: auto;
  }
  .categories__content-list_last {
    display: none;
  }
  .categories__image {
    right: -20px;
  }
}
@media (max-width: 991px) {
  .categories__items {
    grid-template-columns: repeat(16, 1fr);
    grid-auto-rows: 1fr;
  }
  .categories__item_first {
    grid-area: 1/1/span 2/span 6;
  }
  .categories__item_two {
    grid-area: 1/7/span 1/span 10;
  }
  .categories__item_three {
    grid-area: 3/1/span 1/span 8;
  }
  .categories__item_four {
    grid-area: 3/9/span 1/span 8;
  }
  .categories__item_five {
    grid-area: 2/7/span 1/span 10;
  }
  .categories__item_six {
    grid-area: 4/1/span 1/span 8;
  }
  .categories__item_seven {
    grid-area: 4/9/span 1/span 8;
  }
  .categories__item_eight {
    grid-area: 5/11/span 2/span 6;
  }
  .categories__item_nine {
    grid-area: 5/1/span 1/span 10;
  }
  .categories__item_ten {
    grid-area: 6/1/span 1/span 10;
  }
  .categories__image {
    right: 0px;
  }
}
@media (max-width: 700px) {
  .categories__image {
    right: -20px;
  }
}
@media (max-width: 568px) {
  .categories__item_first {
    grid-area: 1/1/span 2/span 8;
  }
  .categories__item_two {
    grid-area: 4/1/span 1/span 16;
  }
  .categories__item_three {
    grid-area: 2/9/span 1/span 8;
  }
  .categories__item_four {
    grid-area: 1/9/span 1/span 8;
  }
  .categories__item_five {
    grid-area: 3/1/span 1/span 16;
  }
  .categories__item_six {
    grid-area: 5/1/span 1/span 8;
  }
  .categories__item_seven {
    grid-area: 6/1/span 1/span 8;
  }
  .categories__item_eight {
    grid-area: 5/9/span 2/span 8;
  }
  .categories__item_nine {
    grid-area: 7/1/span 1/span 16;
  }
  .categories__item_ten {
    grid-area: 8/1/span 1/span 16;
  }
}
@media (max-width: 430px) {
  .categories__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
  }
  .categories__item {
    width: 100%;
    min-height: 100px;
  }
  .categories__item_first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .categories__item_first .categories__image {
    width: 50%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .categories__item_first .categories__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    vertical-align: top;
  }
  .categories__image {
    right: 0;
  }
}
@media (max-width: 430px) {
  .categories__item {
    width: 100%;
  }
  .categories__content-list {
    position: relative;
  }
  .categories__content-list li {
    position: relative;
    padding-left: 10px;
    font-size: 14px;
    line-height: 19px;
  }
  .categories__content-list li::before {
    content: "";
    display: block;
    position: absolute;
    background: #ffc931;
    left: 0;
    top: 0;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    left: 0;
    top: 8px;
    top: 8px;
  }
}
@media (max-width: 430px) and (max-width: 1630px) {
  .categories__content-list li::before {
    top: calc(6px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 430px) {
  .categories__content-list li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 430px) and (max-width: 1630px) {
  .categories__content-list li:not(:last-child) {
    margin-bottom: calc(5px + 15 * ((100vw - 320px) / 1310));
  }
}

/* about */
.about {
  position: relative;
}
.about__info {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 40px;
  font-weight: 600;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1630px) {
  .about__info {
    font-size: calc(18px + 6 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .about__info {
    line-height: calc(24px + 8 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .about__info {
    margin-bottom: calc(20px + 20 * ((100vw - 320px) / 1310));
  }
}
.about__info span {
  font-weight: 900;
}
.about__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1630px) {
  .about__content {
    gap: calc(15px + 15 * ((100vw - 1230px) / 400));
  }
}
.about__item {
  padding: 50px;
  padding-left: 140px;
  background: #f4f4f4;
  position: relative;
}
@media (max-width: 1630px) {
  .about__item {
    padding: calc(30px + 20 * ((100vw - 1230px) / 400));
  }
}
@media (max-width: 1630px) {
  .about__item {
    padding-left: calc(130px + 10 * ((100vw - 1230px) / 400));
  }
}
.about__item-image {
  position: absolute;
  left: 15px;
  top: 20px;
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 0px 1px #fdb926;
  box-shadow: 0px 0px 0px 1px #fdb926;
}
.about__item-image img {
  width: 60%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover;
}
.about__item-name {
  font-size: 18px;
  line-height: 30px;
  font-weight: 900;
  margin-bottom: 10px;
}
@media (max-width: 1630px) {
  .about__item-name {
    font-size: calc(15px + 3 * ((100vw - 1230px) / 400));
  }
}
@media (max-width: 1630px) {
  .about__item-name {
    line-height: calc(21px + 9 * ((100vw - 1230px) / 400));
  }
}
.about__item-text {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 1630px) {
  .about__item-text {
    font-size: calc(14px + 2 * ((100vw - 1230px) / 400));
  }
}
@media (max-width: 1630px) {
  .about__item-text {
    line-height: calc(18px + 6 * ((100vw - 1230px) / 400));
  }
}

@media (max-width: 1230px) {
  .about__item-image {
    position: relative;
    left: auto;
    top: auto;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    margin-bottom: 30px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item-image {
    margin-bottom: calc(15px + 15 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) {
  .about__item {
    padding: 30px;
    padding-left: 30px;
    background: #f4f4f4;
    position: relative;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item {
    padding: calc(15px + 15 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item {
    padding-left: calc(15px + 15 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) {
  .about__item-name {
    font-size: 18px;
    line-height: 30px;
    font-weight: 900;
    margin-bottom: 10px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item-name {
    font-size: calc(15px + 3 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item-name {
    line-height: calc(21px + 9 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) {
  .about__item-text {
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item-text {
    font-size: calc(14px + 2 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .about__item-text {
    line-height: calc(18px + 6 * ((100vw - 320px) / 910));
  }
}
@media (max-width: 1230px) {
  .about__content {
    gap: 20px;
  }
}
@media (max-width: 991px) {
  .about__content {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media (max-width: 568px) {
  .about__content {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
/* map */
.map {
  position: relative;
  height: 630px;
}
.map .container {
  height: 100%;
}
.map__wrap {
  position: relative;
  height: 100%;
  max-width: 490px;
  z-index: 1;
}
.map__content {
  position: relative;
  display: block;
  width: 490px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #ffe3ac;
  padding: 45px 45px;
  height: 100%;
}
.map__content-title {
  font-size: 30px;
  line-height: 36px;
  margin-bottom: 30px;
  font-weight: 600;
  position: relative;
}
.map__content-text {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
  font-weight: 600;
  position: relative;
}
.map__addresses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 50px;
}
.map__addresses-icon {
  font-size: 24px;
  line-height: 20px;
  padding-right: 25px;
}
.map__addresses-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.map__addresses-item a, .map__addresses-item span {
  width: 50%;
  font-size: 16px;
  line-height: 24px;
  color: #343434;
}
@media (any-hover: hover) {
  .map__addresses-item a:hover {
    text-decoration: underline;
  }
}
.map #map {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}
.map #cities {
  display: none;
}
.map .ymaps-2-1-79-balloon__close + .ymaps-2-1-79-balloon__content {
  margin-right: 0px !important;
  padding: 0 !important;
}
.map .ymaps-2-1-79-balloon__close {
  width: 20px;
  height: 20px;
}
.map .ymaps-2-1-79-balloon__close-button {
  width: 20px;
  height: 20px;
}
.map .icn_content {
  color: #fff;
  font-weight: 700;
}

.map-content {
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.map-content span {
  display: block;
  padding: 10px;
}
.map-content p {
  font-size: 14px;
  margin-bottom: 7px;
}

@media (max-width: 1630px) {
  .map .container {
    padding: 0;
  }
  .map__wrap {
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .map #map {
    height: 100%;
    width: calc(100% - 490px);
    position: relative;
    left: auto;
    top: auto;
  }
}
@media (max-width: 1230px) {
  .map {
    height: 550px;
  }
  .map__content {
    width: 420px;
    padding: 50px 35px;
  }
  .map #map {
    width: calc(100% - 420px);
  }
  .map__content-title {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 20px;
  }
  .map__content-text {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
  .map__addresses {
    margin-bottom: 30px;
    gap: 15px;
  }
}
@media (max-width: 991px) {
  .map {
    height: 490px;
  }
  .map__content {
    width: 370px;
    padding: 40px 25px;
  }
  .map #map {
    width: calc(100% - 370px);
  }
  .map__content-title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
  .map__content-text {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
  .map__addresses {
    margin-bottom: 25px;
    gap: 10px;
  }
  .map__addresses-item p {
    font-size: 16px;
    line-height: 22px;
  }
  .map__addresses-item a,
.map__addresses-item span {
    font-size: 15px;
    line-height: 22px;
  }
}
@media (max-width: 768px) {
  .map {
    height: 430px;
  }
  .map__content {
    width: 330px;
    padding: 30px 15px;
  }
  .map #map {
    width: calc(100% - 330px);
  }
  .map__content-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .map__content-text {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .map__addresses {
    margin-bottom: 20px;
    gap: 7px;
  }
  .map__addresses-item p {
    font-size: 15px;
    line-height: 21px;
  }
  .map__addresses-item a,
.map__addresses-item span {
    font-size: 14px;
    line-height: 21px;
  }
}
@media (max-width: 700px) {
  .map {
    height: auto;
  }
  .map__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .map__content {
    width: 100%;
    padding: 30px 25px;
  }
  .map #map {
    width: 100%;
    height: 300px;
  }
  .map__content-title {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 15px;
  }
  .map__content-text {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 10px;
  }
  .map__addresses {
    margin-bottom: 20px;
    gap: 7px;
  }
  .map__addresses-item p {
    font-size: 15px;
    line-height: 21px;
  }
  .map__addresses-item a,
.map__addresses-item span {
    font-size: 14px;
    line-height: 21px;
  }
}
/* first-screen */
.first-screen {
  position: relative;
  background: #f4f4f4;
}
.first-screen .slider-for {
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
}
.first-screen__wrap {
  position: relative;
  width: 50%;
  position: relative;
}
.first-screen__body {
  padding-top: 70px;
  padding-bottom: 20px;
  padding-right: 30px;
}
@media (max-width: 1630px) {
  .first-screen__body {
    padding-top: calc(25px + 45 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__body {
    padding-bottom: calc(10px + 10 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__body {
    padding-right: calc(10px + 20 * ((100vw - 700px) / 930));
  }
}
.first-screen__body-image {
  position: absolute;
  right: -80px;
  top: 0;
  height: 100%;
  width: 620px;
}
.first-screen__body-image img {
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: 100%;
}
.first-screen .slider-nav {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}
.first-screen__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 1;
}
.first-screen__info-content {
  width: 56%;
  background: #5d1900;
  color: #fff;
  padding: 30px;
}
@media (max-width: 1630px) {
  .first-screen__info-content {
    padding: calc(15px + 15 * ((100vw - 700px) / 930));
  }
}
.first-screen__info-image {
  width: 44%;
  padding-bottom: 31%;
  position: relative;
}
.first-screen__info-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.first-screen__info-title {
  font-size: 30px;
  line-height: 36px;
  font-weight: 900;
  margin-bottom: 5px;
}
@media (max-width: 1630px) {
  .first-screen__info-title {
    font-size: calc(21px + 9 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__info-title {
    line-height: calc(26px + 10 * ((100vw - 700px) / 930));
  }
}
.first-screen__info-subtitle {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 10px;
}
@media (max-width: 1630px) {
  .first-screen__info-subtitle {
    font-size: calc(18px + 6 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__info-subtitle {
    line-height: calc(24px + 12 * ((100vw - 700px) / 930));
  }
}
.first-screen__info-text {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .first-screen__info-text {
    font-size: calc(12px + 2 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__info-text {
    line-height: calc(16px + 5 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__info-text {
    margin-bottom: calc(10px + 10 * ((100vw - 700px) / 930));
  }
}
.first-screen__info-link {
  font-size: 14px;
  line-height: 21px;
  text-decoration: underline;
  color: #fff;
}
@media (max-width: 1630px) {
  .first-screen__info-link {
    font-size: calc(12px + 2 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .first-screen__info-link {
    line-height: calc(16px + 5 * ((100vw - 700px) / 930));
  }
}
@media (any-hover: hover) {
  .first-screen__info-link:hover {
    text-decoration: none;
  }
}

@media (max-width: 1230px) {
  .first-screen__body-image {
    display: none;
  }
}
@media (max-width: 991px) {
  .first-screen__info-content {
    width: 100%;
    padding: 30px;
  }
}
@media (max-width: 991px) and (max-width: 1630px) {
  .first-screen__info-content {
    padding: calc(15px + 15 * ((100vw - 768px) / 862));
  }
}
/*@media (max-width: 991px) {
  .first-screen__info-image {
    display: none;
  }
}*/
@media (max-width: 700px) {
  .first-screen {
    padding-bottom: 20px;
  }
  .first-screen .slider-for {
    position: relative;
    width: 100%;
    height: auto;
    right: auto;
    top: auto;
  }
  .first-screen .slider-nav {
    margin-bottom: 10px;
  }
  .first-screen__wrap {
    position: relative;
    width: 100%;
  }
  .first-screen__body {
    padding: 0px 0px 10px 0px;
  }
  .first-screen .slider-counter {
    margin-bottom: 10px;
    display: none;
  }
}
@media (max-width: 400px) {
  .first-screen__body {
    position: relative;
  }
}

/* main-slider */
.main-slider {
  position: relative;
  width: 100%;
  display: none;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
}
.main-slider.slick-initialized {
  overflow: visible !important;
  display: block;
}
.main-slider.slider-nav.slick-initialized {
  overflow: visible !important;
  display: block !important;
  height: 370px;
}
/*.main-slider.slider-nav .slick-list {
  height: 100% !important;
}*/
.main-slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  height: 100%;
}
/*.main-slider .slick-list {
  height: 100%;
}*/
.main-slider .slick-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main-slider .slick-slide > div {
  height: 100%;
  width: 100%;
}
.main-slider__slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100% !important;
  height: 100% !important;
}
.main-slider__image {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.main-slider__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-slider .slick-arrow {
  display: none !important;
}

@media (max-width: 700px) {
  .main-slider__image {
    position: relative;
    width: 100%;
    padding-bottom: 80%;
    height: 100%;
    left: auto;
    top: auto;
  }
}
/* slider-counter */
.slider-counter {
  position: relative;
  padding-right: 30px;
  padding: 20px 30px 10px 0px;
}
@media (any-hover: hover) {
  .slider-counter .slick-arrow:hover {
    background: #ffc931;
  }
}
.slider-counter .slick-next {
  left: 50px;
}
.slider-counter .slick-next:before {
  -webkit-transform: translate(3px, -50%) rotate(-135deg) !important;
  transform: translate(3px, -50%) rotate(-135deg) !important;
}
.slider-counter .slick-prev {
  left: 0px;
  z-index: 1;
}
.slider-counter .slick-prev:before {
  -webkit-transform: translate(7px, -50%) rotate(46deg);
  transform: translate(7px, -50%) rotate(46deg);
}
.slider-counter .slick-prev,
.slider-counter .slick-next {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block !important;
  width: 30px;
  height: 30px;
  border: 1px solid #343434;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  outline: none;
}
.slider-counter .slick-prev::before,
.slider-counter .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  width: 9px;
  height: 9px;
  border-bottom: 2px solid #343434;
  border-left: 2px solid #343434;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slider-counter .slick-disabled {
  border: 1px solid #d4290a;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.slider-counter .slick-disabled::before {
  border-color: #d4290a;
}
.slider-counter .slider-counter {
  padding-right: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.slider-counter .slider-counter__dots {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0 10px;
}
.slider-counter .slider-counter__dots .slick-dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.slider-counter .slider-counter__dots .slick-dots li {
  display: block !important;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  height: 3px;
  background: #343434;
  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.slider-counter .slider-counter__dots .slick-dots li button {
  display: none;
}
.slider-counter .slider-counter__dots .slick-dots li:last-child {
  margin: 0;
}
.slider-counter .slider-counter__dots .slick-dots li.slick-active {
  background: #d4290a;
}

/* main-circle */
.main-circle {
  position: absolute;
  right: 80px;
  top: 60px;
}
@media (max-width: 1630px) {
  .main-circle {
    right: calc(0px + 80 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .main-circle {
    top: calc(60px + 10 * ((100vw - 700px) / 930));
  }
}
.main-circle__filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.main-circle__filter:before {
  position: absolute;
  display: block;
  content: " ";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -2;
  border: 15px solid rgba(235, 235, 235, 0.49);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
  -webkit-animation: pulsate 2s ease-out;
  animation: pulsate 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
.main-circle__filter:after {
  position: absolute;
  display: block;
  content: " ";
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -3;
  border: 15px solid rgba(235, 235, 235, 0.49);
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
  -webkit-animation: pulsate 3s ease-out;
  animation: pulsate 3s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: 0;
}
.main-circle__image {
  width: 224px;
  height: 224px;
  position: relative;
}
@media (max-width: 1630px) {
  .main-circle__image {
    width: calc(120px + 104 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .main-circle__image {
    height: calc(120px + 104 * ((100vw - 700px) / 930));
  }
}
.main-circle__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 2;
}
.main-circle__content {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
}
.main-circle__content p {
  font-size: 24px;
  line-height: 38px;
}
@media (max-width: 1630px) {
  .main-circle__content p {
    font-size: calc(16px + 8 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .main-circle__content p {
    line-height: calc(26px + 12 * ((100vw - 700px) / 930));
  }
}
.main-circle__content p:last-child {
  margin-top: -7px;
}
.main-circle__content .sum {
  font-size: 48px;
  line-height: 42px;
  color: #7a392b;
  font-weight: 900;
}
@media (max-width: 1390px) {
  .main-circle__content .sum {
    font-size: calc(24px + 24 * ((100vw - 320px) / 1070));
  }
}
@media (max-width: 1390px) {
  .main-circle__content .sum {
    line-height: calc(32px + 10 * ((100vw - 320px) / 1070));
  }
}

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}

@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
  }
}
@media (max-width: 700px) {
  .main-circle {
    right: 80px;
    top: 20px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle {
    right: calc(0px + 80 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle {
    top: calc(30px + -10 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 700px) {
  .main-circle__image {
    width: 224px;
    height: 224px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle__image {
    width: calc(140px + 84 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle__image {
    height: calc(140px + 84 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 700px) {
  .main-circle__content p {
    font-size: 24px;
    line-height: 38px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle__content p {
    font-size: calc(16px + 8 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .main-circle__content p {
    line-height: calc(26px + 12 * ((100vw - 400px) / 300));
  }
}
@media (max-width: 400px) {
  .main-circle {
    top: 60px;
    right: 0;
    bottom: auto;
    margin-bottom: 5px;
  }
  .main-circle__image {
    width: 120px;
    height: 120px;
  }
}
@media (max-width: 400px) and (max-width: 400px) {
  .main-circle__image {
    width: calc(90px + 30 * ((100vw - 320px) / 80));
  }
}
@media (max-width: 400px) and (max-width: 400px) {
  .main-circle__image {
    height: calc(90px + 30 * ((100vw - 320px) / 80));
  }
}
@media (max-width: 400px) {
  .main-circle__content p {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 400px) and (max-width: 400px) {
  .main-circle__content p {
    font-size: calc(12px + 2 * ((100vw - 320px) / 80));
  }
}
@media (max-width: 400px) and (max-width: 400px) {
  .main-circle__content p {
    line-height: calc(18px + 6 * ((100vw - 320px) / 80));
  }
}
@media (max-width: 400px) {
  .main-circle__content .sum {
    font-size: 20px;
  }
}
@media (max-width: 400px) {
  .main-circle__filter {
    display: none;
  }
}

/* slide-content */
.slide-content {
  position: relative;
}
.slide-content__title {
  font-size: 72px;
  line-height: 74px;
  margin-bottom: 20px;
  font-weight: 900;
  text-transform: uppercase;
}
@media (max-width: 1630px) {
  .slide-content__title {
    font-size: calc(44px + 28 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .slide-content__title {
    line-height: calc(48px + 26 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .slide-content__title {
    margin-bottom: calc(10px + 10 * ((100vw - 700px) / 930));
  }
}
.slide-content__list {
  margin-bottom: 20px;
}
.slide-content__list li {
  font-size: 24px;
  line-height: 52px;
  font-weight: 600;
  position: relative;
}
@media (max-width: 1630px) {
  .slide-content__list li {
    font-size: calc(18px + 6 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .slide-content__list li {
    line-height: calc(36px + 16 * ((100vw - 700px) / 930));
  }
}
.slide-content__info {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 30px;
}

@media (max-width: 700px) {
  .slide-content {
    padding-top: 30px;
  }
  .slide-content__title {
    font-size: 44px;
    line-height: 48px;
    margin: 0;
    font-weight: 900;
    text-transform: uppercase;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .slide-content__title {
    font-size: calc(32px + 12 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .slide-content__title {
    line-height: calc(38px + 10 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .slide-content__list {
    margin-bottom: 10px;
  }
  .slide-content__list li {
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    font-weight: 400;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .slide-content__list li {
    font-size: calc(14px + 2 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .slide-content__list li {
    line-height: calc(21px + 3 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .slide-content__info {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 12px;
  }
}
@media (max-width: 700px) {
  .slide-content__button .button {
    line-height: 40px;
    min-height: 40px;
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .slide-content {
    padding-top: 20px;
  }
  .slide-content__list {
    margin-bottom: 5px;
  }
}

/* menu-map */
.menu-map {
  position: relative;
  margin-bottom: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.menu-map li {
  font-size: 16px;
  line-height: 24px;
  display: inline-block;
  cursor: pointer;
}
.menu-map li::before {
  font-size: 20px;
  line-height: 0;
  margin-right: 5px;
  vertical-align: middle;
  text-decoration: none;
}
.menu-map li:not(:last-child) {
  margin-bottom: 15px;
}
@media (any-hover: hover) {
  .menu-map li:hover {
    font-weight: 600;
    border-bottom: 1px solid #dcdcde;
  }
}
.menu-map li.active {
  font-weight: 600;
  border-bottom: 1px solid #dcdcde;
  color: #343434;
}

@media (max-width: 1230px) {
  .menu-map br {
    display: none;
  }
}
@media (max-width: 768px) {
  .menu-map {
    margin-bottom: 20px;
  }
  .menu-map li {
    font-size: 15px;
    line-height: 21px;
  }
}
/* logo */
.logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}
.logo_footer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.logo_footer .logo__text {
  color: #fff;
}
.logo_footer .logo__icon {
  width: 180px;
  height: 56px;
}
.logo__icon {
  position: relative;
  width: 180px;
  height: 55px;
}
.logo__icon img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  -ms-interpolation-mode: nearest-neighbor;
  /* IE */
  image-rendering: crisp-edges;
  /* Стандартное свойство */
}
.logo__text {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #000;
}

@media (max-width: 991px) {
  .logo__text p {
    padding-top: 5px;
    font-size: 14px;
    line-height: 16px !important;
  }
  .logo__icon {
    height: 49px;
  }
}
@media (max-width: 461px) {
  .logo {
    gap: 5px;
  }
  .logo__text p {
    padding-top: 2px;
    font-size: 11px !important;
    line-height: 12px !important;
  }
  .logo__icon {
    width: 90px;
    height: 28px;
  }
}

/* header */
.header {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
.header__wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 50;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 5px 0;
  min-height: 70px;
  position: relative;
}
.header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 340px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 20px;
}
.header__main p {
  font-size: 13px;
  line-height: 18px;
}
.header .phone {
  color: #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .header .phone:hover {
    color: #ffc931;
    text-decoration: underline;
  }
}
.header .callback {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  font-weight: 400;
  border-bottom: 1px dashed #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #343434;
}
.header .callback::before {
  display: none;
}
@media (any-hover: hover) {
  .header .callback:hover {
    color: #ffc931;
    border-bottom: 1px dashed #ffc931;
  }
}
.header__contacts-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}
.header__contacts-icon a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
  color: #343434;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  background: #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__contacts-icon a::before {
  margin: auto;
}
.header__contacts-icon a:hover {
  background: #ffe3ac;
}
.header__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
}
.header__search {
  padding-right: 20px;
}
@media (min-width: 650px) {
  .header__search {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 420px;
  }
}
.header__addresses {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__addresses ._icon-location {
  line-height: 20px;
  font-size: 20px;
  margin-right: 10px;
}
.header__body {
  position: relative;
  min-height: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #f0f0f0;
}
.header__body-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
  padding-right: 10px;
}
.header__body-item::before {
  margin-bottom: 5px;
}
.header__body-item span {
  font-size: 16px;
  font-weight: 600;
  padding: 0 5px 5px 5px;
  display: inline-block;
}
.header .icon-menu-mobile::before {
  content: "\2630"; /* ☰ — символ гамбургера */
  font-size: 16px;
}
.header .icon-menu-mobile {
  display: block;
  position: relative;
}
.header .icon-menu-mobile span {
  padding: 0;
}
.header__container {
  position: relative;
}
.header__body-catalog, .header__body-menu {
  background: #ffc931;
  padding: 0px 15px;
  height: 40px;
  border-radius: 8px;
  text-transform: uppercase;
  font-weight: 800;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
.header__body-catalog span, .header__body-menu span {
  padding: 2px 0 0;
}

@media (max-width: 1230px) {
  .header .menu {
    display: none;
  }
  .header__body-menu {
    margin-left: auto;
  }
  .header .logo__text {
    display: none;
  }
  .header__main {
    max-width: 200px;
    padding-right: 10px;
  }
}
@media (max-width: 1100px) {
  .header .callback {
    border-bottom: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ffc931;
    color: #5d1900;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
  }
  .header .callback:before {
    display: block;
  }
  .header .callback span {
    display: none;
  }
}
@media (max-width: 991px) {
  .header__contacts {
    margin-left: auto;
  }
  .header__top {
    min-height: 60px;
  }
  .header__body {
    min-height: 44px;
  }
  .header__addresses {
    display: none;
  }
  .header__body-catalog, .header__body-menu {
    padding: 0px 15px;
    height: 30px;
    border-radius: 8px;
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
  }
  .header__body-catalog span, .header__body-menu span {
    padding: 2px 0 0;
  }
}
@media (max-width: 768px) {
  .header__search {
    display: none;
  }
  .header__action {
    display: none;
  }
}
@media (max-width: 568px) {
  .header__top {
    min-height: 50px;
  }
  .header .phone {
    font-size: 14px;
  }
}
/* search-form */
.search-form {
  max-width: 420px;
}
.search-form__item {
  border: 1px solid #f0f0f0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
}
.search-form input::-webkit-input-placeholder {
  color: #6d6e6e;
}
.search-form input::-moz-placeholder {
  color: #6d6e6e;
}
.search-form input::-ms-input-placeholder {
  color: #6d6e6e;
}
.search-form input::placeholder {
  color: #6d6e6e;
}
.search-form__icon {
  display: none;
}
.search-form__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 40px;
  flex: 0 0 40px;
  height: 40px;
  font-size: 18px;
}
.search-form__btn._icon-search {
  line-height: 0px;
}
.search-form__input {
  font-size: 14px;
  width: 100%;
  padding: 0px 5px 0px 15px;
}

@media (max-width: 768px) {
  .search-form._active .search-form__item {
    opacity: 1;
    visibility: visible;
    bottom: 100%;
    z-index: 999;
  }
  .search-form__icon {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 0;
    color: #fff;
  }
  .search-form__item {
    -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    position: absolute;
    width: 100%;
    bottom: -100%;
    left: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
}
/* action-header */
.action-header {
  position: relative;
  display: grid;
  grid-template-columns: auto;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  padding-left: 20px;
}
.action-header__item a {
  display: block;
  width: 40px;
  height: 40px;
  font-size: 20px;
  line-height: 20px;
  color: #343434;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.action-header__item a::before {
  margin: auto;
}
@media (any-hover: hover) {
  .action-header__item a:hover {
    background: #ffc931;
  }
}
.action-header__item ._icon-buy {
  font-size: 20px;
}

@media (max-width: 768px) {
  .action-header {
    display: none;
  }
}
/* menu */
.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.menu li a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  display: inline-block;
  color: #343434;
  font-size: 16px;
  line-height: 16px;
  font-weight: 600;
  padding: 5px 0;
  text-transform: uppercase;
}
@media (any-hover: hover) {
  .menu li a:hover {
    color: #ffc931;
  }
}

@media (max-width: 991px) {
  .menu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .menu li a {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
  }
}
/* navigation */
.navigation {
  width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  position: absolute;
  height: 100vH;
  top: 66px;
  right: 0;
}
@media (max-width: 991px) {
  .navigation {
    top: 44px;
    right: -15px;
  }
}
@media (max-width: 461px) {
  .navigation {
    width: 290px;
  }
}
.navigation.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.navigation.active .navigation__inner {
  background-color: #ffc931;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: background-color 0s linear 599ms, -webkit-transform 300ms linear;
  transition: background-color 0s linear 599ms, -webkit-transform 300ms linear;
  transition: transform 300ms linear, background-color 0s linear 599ms;
  transition: transform 300ms linear, background-color 0s linear 599ms, -webkit-transform 300ms linear;
}
.navigation.active .navigation__inner:after {
  width: 300%;
  border-radius: 50%;
  -webkit-animation: elastic 150ms ease 300.5ms both;
  animation: elastic 150ms ease 300.5ms both;
}

.navigation__inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 999999;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  -webkit-transition: background-color 0s linear 300ms, -webkit-transform 300ms linear;
  transition: background-color 0s linear 300ms, -webkit-transform 300ms linear;
  transition: transform 300ms linear, background-color 0s linear 300ms;
  transition: transform 300ms linear, background-color 0s linear 300ms, -webkit-transform 300ms linear;
}
.navigation__inner:after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #ffc931;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@-webkit-keyframes elastic {
  0% {
    border-radius: 50%;
  }
  45% {
    border-radius: 0;
  }
  65% {
    border-top-left-radius: 40px 50%;
    border-bottom-left-radius: 40px 50%;
  }
  80% {
    border-radius: 0;
  }
  90% {
    border-top-left-radius: 20px 50%;
    border-bottom-left-radius: 20px 50%;
  }
  100% {
    border-radius: 0;
  }
}

@keyframes elastic {
  0% {
    border-radius: 50%;
  }
  45% {
    border-radius: 0;
  }
  65% {
    border-top-left-radius: 40px 50%;
    border-bottom-left-radius: 40px 50%;
  }
  80% {
    border-radius: 0;
  }
  90% {
    border-top-left-radius: 20px 50%;
    border-bottom-left-radius: 20px 50%;
  }
  100% {
    border-radius: 0;
  }
}
.navigation__wrap {
  display: none;
}

/* navigation-wrap */
.navigation-wrap {
  position: relative;
  padding: 30px;
  color: #fff;
  height: calc(100% - 120px);
  overflow-y: auto;
  text-transform: uppercase;
}
.navigation-wrap .menu-burger {
  margin-bottom: 10px;
  padding-bottom: 5px;
  position: relative;
}
.navigation-wrap .menu-burger li a {
  display: inline-block;
  color: #fff;
  padding: 5px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 1230px) {
  /*.navigation-wrap .menu {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .navigation-wrap .menu li a {
    color: #5d1900;
    font-weight: 600;
  }
  .navigation-wrap .phone {
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    color: #5d1900;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }*/
}
@media (max-width: 991px) {
  .navigation-wrap .header__contacts-icon {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .navigation-wrap .header__contacts-icon a {
    color: #fff;
    background: #5d1900;
  }
  .navigation-wrap .action-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .navigation-wrap .action-header__item a {
    width: 30px;
    height: 30px;
    font-weight: 700;
  }
}
@media (max-width: 768px) {
  .navigation-wrap .header__addresses {
    display: none;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  .navigation-wrap .header__addresses .dropbtn {
    color: #5d1900;
    font-weight: 600;
  }
  .navigation-wrap .header__addresses ._icon-location {
    color: #343434;
  }
}
/* cart-header */
.cart-header {
  position: relative;
}
.cart-header a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (any-hover: hover) {
  .cart-header:hover ._icon-basketshop {
    color: #ffc931;
  }
}
.cart-header__icon {
  margin: auto;
  font-size: 16px;
  color: #000;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
  position: relative;
  display: block;
  line-height: 0;
}
.cart-header__icon span {
  position: absolute;
  width: 15px;
  height: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: -7px;
  right: -7px;
  border-radius: 50%;
  background: #ffc931;
  font-size: 10px;
  color: #5d1900;
}

@media (max-width: 991px) {
  .cart-header__icon span {
    background: #5d1900;
    color: #fff;
  }
}
/* dropdown */
.dropdown {
  position: relative;
}
@media (any-hover: hover) {
  .dropdown:hover .dropdown-content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
  }
}
.dropdown .dropbtn {
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  font-weight: 400;
  border-bottom: 1px dashed #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #343434;
  cursor: pointer;
}
.dropdown .dropbtn::before {
  display: none;
}
@media (any-hover: hover) {
  .dropdown .dropbtn:hover {
    color: #ffc931;
    border-bottom: 1px dashed #ffc931;
  }
}
.dropdown .dropdown-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  z-index: 1;
  padding: 5px;
  min-width: 200px;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  -webkit-transform: translate(0%, -15px);
  transform: translate(0%, -15px);
  position: absolute;
  left: 0;
  top: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
}
.dropdown .dropdown-content a {
  color: #343434;
  font-size: 12px;
  line-height: 16px;
}
.dropdown .dropdown-content a:not(:last-child) {
  margin-bottom: 10px;
}
@media (any-hover: hover) {
  .dropdown .dropdown-content a:hover {
    color: #ffc931;
  }
}

/* success */
.success {
  position: relative;
}
.success__wrap {
  margin-top: 30px;
  margin-bottom: 110px;
  position: relative;
  background: url("../images/success_bg.jpg") 50% 50% no-repeat;
  background-size: cover;
  padding-bottom: 42%;
}
@media (max-width: 1630px) {
  .success__wrap {
    margin-bottom: calc(50px + 60 * ((100vw - 320px) / 1310));
  }
}
.success__content {
  position: absolute;
  top: 90px;
  left: 110px;
}
@media (max-width: 1630px) {
  .success__content {
    top: calc(40px + 50 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .success__content {
    left: calc(50px + 60 * ((100vw - 768px) / 862));
  }
}
.success__title {
  font-size: 45px;
  margin-bottom: 10px;
  font-weight: 500;
  line-height: 140%;
}
@media (max-width: 1630px) {
  .success__title {
    font-size: calc(36px + 9 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .success__title {
    margin-bottom: calc(0px + 10 * ((100vw - 768px) / 862));
  }
}
.success__subtitle {
  font-weight: 500;
  font-size: 30px;
  margin-bottom: 25px;
  line-height: 140%;
}
@media (max-width: 1630px) {
  .success__subtitle {
    font-size: calc(24px + 6 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .success__subtitle {
    margin-bottom: calc(15px + 10 * ((100vw - 768px) / 862));
  }
}
.success__text {
  font-size: 18px;
  line-height: 130%;
  margin-bottom: 50px;
}
@media (max-width: 1630px) {
  .success__text {
    font-size: calc(16px + 2 * ((100vw - 768px) / 862));
  }
}
@media (max-width: 1630px) {
  .success__text {
    margin-bottom: calc(30px + 20 * ((100vw - 768px) / 862));
  }
}

@media (max-width: 768px) {
  .success__wrap {
    margin-top: 30px;
    background: url("../images/success_bg.jpg") 20% 50% no-repeat;
    background-size: cover;
    padding-bottom: 0;
    height: 320px;
  }
  .success__content {
    position: absolute;
    top: 40px;
    left: 50px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .success__content {
    top: calc(30px + 10 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .success__content {
    left: calc(20px + 30 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) {
  .success__title {
    font-size: 36px;
    margin-bottom: 6px;
  }
}
@media (max-width: 768px) {
  .success__subtitle {
    font-size: 24px;
    margin-bottom: 15px;
  }
}
@media (max-width: 768px) {
  .success__text {
    font-size: 16px;
    margin-bottom: 35px;
  }
}
/* services-page */
.services-page {
  padding-bottom: 50px;
}
@media (max-width: 1630px) {
  .services-page {
    padding-bottom: calc(30px + 20 * ((100vw - 320px) / 1310));
  }
}
.services-page .service-card__name {
  text-align: center;
}

/* pager */
.pager {
  margin: 0;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  position: relative;
  min-height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pager__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pager .page-numbers:not(:last-child) {
  margin-right: 15px;
}
.pager a {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border: 1px solid #BDBDBD;
  color: #BDBDBD;
  border-radius: 5px;
}
@media (any-hover: hover) {
  .pager a:not(.prev, .next):hover {
    border: 1px solid #ffc931;
    color: #fff;
    background: #ffc931;
  }
}
.pager span.current {
  display: inline-block;
  color: #fff;
  background: #ffc931;
  border: 1px solid #ffc931;
  border-radius: 5px;
  text-align: center;
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.pager .prev,
.pager .next {
  width: 42px;
  height: 42px;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  outline: none;
  background: #fff;
  position: relative;
  border: none;
}
.pager .prev::before,
.pager .next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  display: inline-block;
  width: 12px;
  height: 12px;
  border-bottom: 2px solid #ffc931;
  border-left: 2px solid #ffc931;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pager .next::before {
  -webkit-transform: translate(-9px, -50%) rotate(-135deg);
  transform: translate(-9px, -50%) rotate(-135deg);
}
.pager .prev::before {
  -webkit-transform: translate(-3px, -50%) rotate(45deg);
  transform: translate(-3px, -50%) rotate(45deg);
}
.pager .disabled {
  cursor: default;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.pager .disabled::before {
  border-color: #BDBDBD;
}

@media (max-width: 461px) {
  .pager {
    min-height: 80px;
  }
  .pager .page-numbers:not(:last-child) {
    margin-right: 10px;
  }
  .pager a {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pager span.current {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .pager .prev,
.pager .next {
    width: 30px;
    height: 30px;
  }
}

/* about-us */
.about-us {
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 1630px) {
  .about-us {
    padding-bottom: calc(30px + 20 * ((100vw - 320px) / 1310));
  }
}
.about-us__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.about-us__block-text {
  position: relative;
  padding-right: 70px;
}
@media (max-width: 1630px) {
  .about-us__block-text {
    padding-right: calc(20px + 50 * ((100vw - 991px) / 639));
  }
}
.about-us__text p:not(:last-child) {
  margin-bottom: 20px;
}
.about-us__image {
  position: relative;
  width: 100%;
  height: 100%;
}
.about-us__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .about-us__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .about-us__image {
    width: 100%;
    padding-bottom: 62%;
  }
  .about-us__block-text {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
/* shares */
.shares {
  position: relative;
}
.shares__image {
  width: 100%;
  padding-bottom: 35%;
  position: relative;
  background: url("../images/shares01.jpg") 50% 50% no-repeat;
  background-size: cover;
}
.shares__content {
  position: absolute;
  top: 80px;
  left: 110px;
}
.shares__title {
  font-weight: 400;
  font-size: 48px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 40px;
}
.shares__title span {
  font-size: 64px;
  color: #5d1900;
}
.shares__button {
  width: 280px;
}
.shares__button .button {
  width: 100%;
}

@media (max-width: 1230px) {
  .shares__image {
    padding-bottom: 0;
    height: 400px;
  }
  .shares__content {
    top: 60px;
    left: 80px;
  }
  .shares__title {
    font-size: 44px;
    line-height: 140%;
    margin-bottom: 30px;
  }
  .shares__title span {
    font-size: 54px;
  }
  .shares__button {
    width: 260px;
  }
  .shares__button .button {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .shares__image {
    padding-bottom: 0;
    height: 360px;
  }
  .shares__content {
    top: 50px;
    left: 70px;
  }
  .shares__title {
    font-size: 40px;
    line-height: 140%;
    margin-bottom: 25px;
  }
  .shares__title span {
    font-size: 48px;
  }
  .shares__button {
    width: 240px;
  }
  .shares__button .button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .shares__image {
    height: 330px;
  }
  .shares__content {
    top: 40px;
    left: 60px;
  }
  .shares__title {
    font-size: 36px;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .shares__title span {
    font-size: 44px;
  }
  .shares__button {
    width: 240px;
  }
  .shares__button .button {
    width: 100%;
  }
}
@media (max-width: 568px) {
  .shares__image {
    height: 300px;
  }
  .shares__content {
    top: 40px;
    left: 40px;
  }
  .shares__title {
    font-size: 32px;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .shares__title span {
    font-size: 40px;
  }
  .shares__button {
    width: 240px;
  }
  .shares__button .button {
    width: 100%;
  }
}
@media (max-width: 461px) {
  .shares__image {
    height: 260px;
  }
  .shares__content {
    top: 30px;
    left: 20px;
  }
  .shares__title {
    font-size: 28px;
    line-height: 140%;
    margin-bottom: 20px;
  }
  .shares__title span {
    font-size: 36px;
  }
  .shares__button {
    width: 250px;
  }
  .shares__button .button {
    width: 100%;
    line-height: 40px;
  }
}

/* guarantees */
.guarantees {
  position: relative;
}
.guarantees .block-text {
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 1630px) {
  .guarantees .block-text {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1310));
  }
}

/* block-text */
.block-text {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #4F4F4F;
}
.block-text article {
  position: relative;
}
.block-text article ul {
  margin-bottom: 30px;
}
.block-text article ul li {
  position: relative;
  padding-left: 28px;
}
.block-text article ul li:not(:last-child) {
  margin-bottom: 20px;
}
.block-text article ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffc931;
}
.block-text article ul li span {
  display: block;
  font-weight: 500;
}
.block-text article h2 {
  font-weight: 500;
  font-size: 25px;
  padding-top: 20px;
  margin-bottom: 30px;
  line-height: 140%;
  color: #000000;
}
@media (max-width: 1630px) {
  .block-text article h2 {
    font-size: calc(20px + 5 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .block-text article h2 {
    padding-top: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .block-text article h2 {
    margin-bottom: calc(20px + 10 * ((100vw - 320px) / 1310));
  }
}
.block-text article p:not(:last-child) {
  margin-bottom: 20px;
}

/* news */
.news {
  position: relative;
  padding-bottom: 60px;
}
@media (max-width: 1630px) {
  .news {
    padding-bottom: calc(20px + 40 * ((100vw - 320px) / 1310));
  }
}
.news__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
@media (max-width: 1630px) {
  .news__items {
    gap: calc(20px + 20 * ((100vw - 991px) / 639));
  }
}

@media (max-width: 991px) {
  .news__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 600px) {
  .news__items {
    grid-template-columns: repeat(1, 1fr);
  }
}
/* news-item */
.news-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border: 1px solid #E0E0E0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  overflow: hidden;
  height: 100%;
}
.news-item__image {
  display: block;
  width: 100%;
  padding-bottom: 68%;
  position: relative;
  overflow: hidden;
}
.news-item__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .news-item__image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.news-item__body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 1630px) {
  .news-item__body {
    padding-top: calc(15px + 15 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .news-item__body {
    padding-left: calc(15px + 15 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .news-item__body {
    padding-right: calc(15px + 15 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .news-item__body {
    padding-bottom: calc(25px + 15 * ((100vw - 991px) / 639));
  }
}
.news-item__name {
  display: inline-block;
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 130%;
  margin-bottom: 25px;
  color: #000000;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (max-width: 1630px) {
  .news-item__name {
    margin-bottom: calc(10px + 15 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .news-item__name {
    font-size: calc(18px + 2 * ((100vw - 991px) / 639));
  }
}
@media (any-hover: hover) {
  .news-item__name:hover {
    text-decoration: underline;
    color: #5d1900;
  }
}
.news-item__text {
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 130%;
  color: #4F4F4F;
}
@media (max-width: 1630px) {
  .news-item__text {
    margin-bottom: calc(30px + 30 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .news-item__text {
    font-size: calc(15px + 1 * ((100vw - 991px) / 639));
  }
}
.news-item__text p {
  margin: 0;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
}
.news-item__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 991px) {
  .news-item__body {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__body {
    padding-top: calc(15px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__body {
    padding-left: calc(15px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__body {
    padding-right: calc(15px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__body {
    padding-bottom: calc(25px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) {
  .news-item__name {
    margin-bottom: 25px;
    font-size: 20px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__name {
    margin-bottom: calc(10px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__name {
    font-size: calc(18px + 2 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) {
  .news-item__text {
    margin-bottom: 60px;
    font-size: 16px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__text {
    margin-bottom: calc(30px + 30 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .news-item__text {
    font-size: calc(14px + 2 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 600px) {
  .news-item__body {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__body {
    padding-top: calc(15px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__body {
    padding-left: calc(15px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__body {
    padding-right: calc(15px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__body {
    padding-bottom: calc(25px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) {
  .news-item__name {
    margin-bottom: 25px;
    font-size: 20px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__name {
    margin-bottom: calc(10px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__name {
    font-size: calc(18px + 2 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) {
  .news-item__text {
    margin-bottom: 60px;
    font-size: 16px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__text {
    margin-bottom: calc(30px + 30 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .news-item__text {
    font-size: calc(15px + 1 * ((100vw - 320px) / 280));
  }
}
/* article */
.article {
  position: relative;
  padding-bottom: 50px;
}
@media (max-width: 1630px) {
  .article {
    padding-bottom: calc(30px + 20 * ((100vw - 320px) / 1310));
  }
}
.article__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 30px;
}
@media (max-width: 1630px) {
  .article__wrap {
    margin-bottom: calc(10px + 20 * ((100vw - 320px) / 1310));
  }
}
.article__text-image {
  position: relative;
  padding-right: 70px;
}
@media (max-width: 1630px) {
  .article__text-image {
    padding-right: calc(20px + 50 * ((100vw - 768px) / 862));
  }
}
.article .time {
  color: #fdb926;
  margin-bottom: 20px;
}
.article__image {
  position: relative;
  width: 100%;
  height: 100%;
}
.article__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .article__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .article__image {
    width: 100%;
    padding-bottom: 62%;
  }
  .article__text-image {
    margin-bottom: 20px;
  }
}
/* block-video */
.block-video {
  position: relative;
}
.block-video__image {
  position: relative;
  padding-bottom: 52%;
  width: 100%;
}
.block-video__image::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}
.block-video__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

/* video-button */
.video-button {
  background: #fff;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  outline: none;
  focus: none;
  border: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  -webkit-animation: anim_btn 3s linear infinite;
  animation: anim_btn 3s linear infinite;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 2;
}
.video-button:focus {
  outline: 0;
}
@media (any-hover: hover) {
  .video-button:hover ._icon-play {
    color: #d4290a;
  }
}
.video-button ._icon-play {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 44px;
  color: #343434;
  line-height: 0;
  margin-left: 3px;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

@-webkit-keyframes anim_btn {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    -webkit-box-shadow: 0 0 0 9.1733333333px rgba(249, 108, 0, 0), 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 9.1733333333px rgba(249, 108, 0, 0), 0 0 0 4.5866666667px rgba(255, 255, 255, 0.2);
  }
  80% {
    -webkit-box-shadow: 0 0 0 18.3466666667px rgba(255, 255, 255, 0.2), 0 0 0 9.1733333333px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 18.3466666667px rgba(255, 255, 255, 0.2), 0 0 0 9.1733333333px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 22.9333333333px rgba(255, 255, 255, 0.05), 0 0 0 18.3466666667px rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 22.9333333333px rgba(255, 255, 255, 0.05), 0 0 0 18.3466666667px rgba(255, 255, 255, 0.05);
  }
}

@keyframes anim_btn {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    -webkit-box-shadow: 0 0 0 9.1733333333px rgba(249, 108, 0, 0), 0 0 0 10px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 9.1733333333px rgba(249, 108, 0, 0), 0 0 0 4.5866666667px rgba(255, 255, 255, 0.2);
  }
  80% {
    -webkit-box-shadow: 0 0 0 18.3466666667px rgba(255, 255, 255, 0.2), 0 0 0 9.1733333333px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 18.3466666667px rgba(255, 255, 255, 0.2), 0 0 0 9.1733333333px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 22.9333333333px rgba(255, 255, 255, 0.05), 0 0 0 18.3466666667px rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 0 22.9333333333px rgba(255, 255, 255, 0.05), 0 0 0 18.3466666667px rgba(255, 255, 255, 0.05);
  }
}
@media (max-width: 568px) {
  .video-button {
    width: 60px;
    height: 60px;
  }
  .video-button ._icon-play {
    font-size: 36px;
  }
}
/* block-image */
.block-image {
  position: relative;
}
.block-image__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
}
@media (max-width: 1630px) {
  .block-image__items {
    gap: calc(8px + 27 * ((100vw - 320px) / 1310));
  }
}
.block-image__item {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}
.block-image__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.block-image__item_large {
  grid-column: span 2;
  grid-row: span 2;
}

@media (max-width: 568px) {
  .block-image__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
/* block-form */
.block-form {
  position: relative;
  padding: 30px 40px 30px 40px;
  text-align: center;
  border-radius: 12px;
  width: 100%;
  background: #fff;
  border: 1px solid #BDBDBD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
}
.block-form__title {
  margin-bottom: 20px;
}
.block-form__title p,
.block-form__title a {
  font-size: 24px;
  line-height: 24px;
  font-weight: 500;
}
.block-form__title span {
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}

/* feedback */
.feedback {
  position: relative;
}
.feedback__wrap {
  position: relative;
  padding: 96px 0;
}
.feedback__content {
  padding-top: 75px;
  padding-bottom: 75px;
  padding-left: 75px;
  padding-right: 50%;
  background: #F4F4F4;
}
@media (max-width: 1390px) {
  .feedback__content {
    padding-top: calc(50px + 25 * ((100vw - 768px) / 622));
  }
}
@media (max-width: 1390px) {
  .feedback__content {
    padding-bottom: calc(50px + 25 * ((100vw - 768px) / 622));
  }
}
@media (max-width: 1390px) {
  .feedback__content {
    padding-left: calc(40px + 35 * ((100vw - 768px) / 622));
  }
}
.feedback__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 140%;
  margin-bottom: 30px;
}
@media (max-width: 1390px) {
  .feedback__title {
    font-size: calc(22px + 3 * ((100vw - 768px) / 622));
  }
}
.feedback__text {
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 1390px) {
  .feedback__text {
    font-size: calc(18px + 2 * ((100vw - 768px) / 622));
  }
}
.feedback__form {
  max-width: 550px;
  position: absolute;
  right: 70px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
@media (max-width: 1390px) {
  .feedback__form {
    max-width: calc(400px + 150 * ((100vw - 1230px) / 160));
  }
}
@media (max-width: 1390px) {
  .feedback__form {
    right: calc(60px + 10 * ((100vw - 1230px) / 160));
  }
}
.feedback .block-form {
  padding-top: 30px;
  padding-bottom: 50px;
  padding-left: 130px;
  padding-right: 130px;
}
@media (max-width: 1390px) {
  .feedback .block-form {
    padding-top: calc(20px + 10 * ((100vw - 1230px) / 160));
  }
}
@media (max-width: 1390px) {
  .feedback .block-form {
    padding-bottom: calc(20px + 30 * ((100vw - 1230px) / 160));
  }
}
@media (max-width: 1390px) {
  .feedback .block-form {
    padding-left: calc(70px + 60 * ((100vw - 1230px) / 160));
  }
}
@media (max-width: 1390px) {
  .feedback .block-form {
    padding-right: calc(70px + 60 * ((100vw - 1230px) / 160));
  }
}

@media (max-width: 1230px) {
  .feedback .block-form {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 70px;
    padding-right: 70px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .feedback .block-form {
    padding-left: calc(50px + 20 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .feedback .block-form {
    padding-right: calc(50px + 20 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) {
  .feedback__form {
    max-width: 400px;
    position: absolute;
    right: 60px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .feedback__form {
    max-width: calc(350px + 50 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .feedback__form {
    right: calc(40px + 20 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 991px) {
  .feedback .block-form {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .feedback .block-form {
    padding-left: calc(30px + 20 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .feedback .block-form {
    padding-right: calc(30px + 20 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) {
  .feedback__form {
    max-width: 45%;
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 768px) {
  .feedback__wrap {
    padding: 20px 0;
  }
  .feedback__form {
    max-width: 80%;
    margin: 0 auto;
    position: relative;
    right: auto;
    top: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .feedback__content {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__content {
    padding-top: calc(20px + 30 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__content {
    padding-bottom: calc(20px + 30 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__content {
    padding-left: calc(20px + 30 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__content {
    padding-right: calc(20px + 30 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) {
  .feedback .block-form {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback .block-form {
    padding-left: calc(30px + 20 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback .block-form {
    padding-right: calc(30px + 20 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) {
  .feedback__title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__title {
    font-size: calc(20px + 2 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 768px) {
  .feedback__text {
    font-size: 18px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .feedback__text {
    font-size: calc(16px + 2 * ((100vw - 320px) / 448));
  }
}
@media (max-width: 568px) {
  .feedback__form {
    max-width: 90%;
  }
}
@media (max-width: 461px) {
  .feedback__form {
    max-width: 100%;
  }
}

/* visualization */
.visualization {
  position: relative;
  padding-bottom: 80px;
}
@media (max-width: 1630px) {
  .visualization {
    padding-bottom: calc(30px + 50 * ((100vw - 320px) / 1310));
  }
}
.visualization .text-image__content {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 1620px) {
  .visualization .text-image__content {
    padding-top: calc(0px + 50 * ((100vw - 991px) / 629));
  }
}
@media (max-width: 1620px) {
  .visualization .text-image__content {
    padding-bottom: calc(0px + 50 * ((100vw - 991px) / 629));
  }
}

@media (max-width: 991px) {
  .visualization .text-image__content {
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* text-image */
.text-image {
  position: relative;
  padding-bottom: 70px;
}
@media (max-width: 1630px) {
  .text-image {
    padding-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.text-image__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.text-image__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .text-image__title {
    font-size: calc(18px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .text-image__title {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}
.text-image__content {
  position: relative;
  padding-right: 70px;
}
@media (max-width: 1630px) {
  .text-image__content {
    padding-right: calc(20px + 50 * ((100vw - 991px) / 639));
  }
}
.text-image__text {
  padding-bottom: 40px;
}
@media (max-width: 1630px) {
  .text-image__text {
    padding-bottom: calc(20px + 20 * ((100vw - 320px) / 1310));
  }
}
.text-image__text p:not(:last-child) {
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .text-image__text p:not(:last-child) {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}
.text-image__text ul li {
  position: relative;
  padding-left: 55px;
}
.text-image__text ul li:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 1630px) {
  .text-image__text ul li:not(:last-child) {
    margin-bottom: calc(15px + 15 * ((100vw - 320px) / 1310));
  }
}
.text-image__icon {
  position: absolute;
  left: 0;
  top: 0;
  max-width: 30px;
}
.text-image__icon img {
  max-width: 100%;
  vertical-align: top;
}
.text-image__image {
  position: relative;
  width: 100%;
  height: 100%;
}
.text-image__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .text-image__wrap {
    grid-template-columns: repeat(1, 1fr);
  }
  .text-image__image {
    width: 100%;
    padding-bottom: 62%;
  }
  .text-image__content {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
/* montage */
.montage {
  position: relative;
  padding-bottom: 80px;
}
@media (max-width: 1630px) {
  .montage {
    padding-bottom: calc(30px + 50 * ((100vw - 320px) / 1310));
  }
}

/* catalog */
.catalog {
  position: relative;
  padding-bottom: 80px;
}
@media (max-width: 1630px) {
  .catalog {
    padding-bottom: calc(30px + 50 * ((100vw - 320px) / 1310));
  }
}
.catalog__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.catalog__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media (max-width: 1390px) {
  .catalog__items {
    gap: calc(15px + 15 * ((100vw - 1230px) / 160));
  }
}
.catalog__sidebar {
  position: relative;
  width: 230px;
  padding-top: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-top: 1px solid #CFCFCF;
}
.catalog__content {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 115px;
}
@media (max-width: 1390px) {
  .catalog__content {
    margin-left: calc(20px + 95 * ((100vw - 1230px) / 160));
  }
}
.catalog__description-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.catalog__description-content a {
  display: inline-block;
  color: #828282;
}
.catalog__description-content a:not(:last-child) {
  margin-bottom: 10px;
}
.catalog__description-content a.active {
  color: #7A382C;
}
@media (any-hover: hover) {
  .catalog__description-content a:hover {
    text-decoration: underline;
  }
}
.catalog__content-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 40px;
}
.catalog__btn-filter {
  position: relative;
  max-width: 131px;
  font-size: 16px;
  line-height: 22px;
  padding: 5px 25px 5px 40px;
  font-weight: 400;
}
@media (any-hover: hover) {
  .catalog__btn-filter:hover {
    color: #FFC931;
  }
}
.catalog__btn-filter::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 27px;
  height: 22px;
  background: url("../images/filter01.png") 50% 50% no-repeat;
  background-size: cover;
}
.catalog__btn-filter:before {
  content: "";
  position: absolute;
  top: 10px;
  right: 0px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #FFC931;
  border-left: 2px solid #FFC931;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.catalog__btn-filter.open:before {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.catalog__block-filter {
  margin-bottom: 20px;
  display: none;
}
.catalog__block-slider {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 70px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 30px;
}
@media (max-width: 1540px) {
  .catalog__block-slider {
    gap: calc(30px + 40 * ((100vw - 991px) / 549));
  }
}
.catalog__block-slider .button {
  padding: 0 10px;
}
.catalog__block-dropdown {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 50px;
}
@media (max-width: 1540px) {
  .catalog__block-dropdown {
    gap: calc(10px + 20 * ((100vw - 1500px) / 40));
  }
}
.catalog__select-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.catalog__select-wrap p {
  font-size: 16px;
  font-weight: 400;
  line-height: 130%;
  margin-right: 20px;
}
.catalog__select {
  width: 235px;
}

@media (max-width: 1500px) {
  .catalog__block-dropdown {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
@media (max-width: 1230px) {
  .catalog__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .catalog__content {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 260px);
    margin-left: 30px;
  }
  .catalog__sidebar {
    width: 230px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .catalog__content-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .catalog__block-slider .button {
    width: 100%;
    padding: 0 10px;
  }
  .catalog__block-dropdown {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .catalog__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .catalog__content {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(100% - 240px);
    margin-left: 30px;
  }
  .catalog__block-slider {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .catalog__block-dropdown {
    grid-template-columns: repeat(2, 1fr);
  }
  .catalog__sidebar {
    width: 210px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}
@media (max-width: 850px) {
  .catalog__select-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .catalog__select-wrap p {
    margin: 0 0 5px;
  }
}
@media (max-width: 768px) {
  .catalog__btn-filter {
    margin-bottom: 20px;
    margin-top: 10px;
  }
  .catalog__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
  .catalog__content-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .catalog__select-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
    width: 100%;
  }
  .catalog__select-wrap .catalog__select {
    width: 100%;
  }
  .catalog__select-wrap p {
    margin: 0 0 5px;
  }
  .catalog__block-slider {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
  }
  .catalog__block-slider .block-slider {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .catalog__select-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 20px;
  }
  .catalog__select-wrap p {
    font-size: 16px;
    line-height: 130%;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  .catalog__block-dropdown {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 568px) {
  .catalog__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .catalog__content {
    width: 100%;
    margin: 0 0 20px;
  }
  .catalog__sidebar {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .catalog__block-dropdown {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 461px) {
  .catalog__block-dropdown {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* description */
.description {
  position: relative;
  background: #fff;
  background: transparent;
  padding: 0;
  margin: 0 0 15px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.description.-active .description__block .arrow {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.description .arrow {
  position: relative;
  right: auto;
  top: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  width: 10px;
  height: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: transparent;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.description .arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #343434;
  border-left: 1px solid #343434;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.description__block {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 10px;
  cursor: pointer;
  padding: 0;
}
.description__block-title {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  font-size: 16px;
  position: relative;
  padding-right: 15px;
}
@media (max-width: 1630px) {
  .description__block-title {
    font-size: calc(16px + 2 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .description__block-title {
    line-height: calc(20px + 4 * ((100vw - 320px) / 1310));
  }
}
.description__info {
  padding: 15px 0 0;
  position: relative;
  display: none;
  overflow: hidden;
  -webkit-transition: all 0.3s linear 0;
  transition: all 0.3s linear 0;
}

/* sidebar-filter */
.sidebar-filter {
  position: relative;
}
.sidebar-filter__item-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #62666e;
  font-size: 15px;
}
.sidebar-filter__item-title {
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fdb926;
}
@media (any-hover: hover) {
  .sidebar-filter__item-title:hover {
    text-decoration: underline;
  }
}
.sidebar-filter__item-block:not(:last-child) {
  margin-bottom: 10px;
}

/* product-page */
.product-page {
  position: relative;
}
.product-page__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
}
@media (max-width: 1630px) {
  .product-page__wrap {
    margin-bottom: calc(20px + 10 * ((100vw - 320px) / 1310));
  }
}
.product-page__item {
  position: relative;
  width: calc(50% - 20px);
}
.product-page__slider {
  margin-right: 40px;
}

@media (max-width: 1230px) {
  .product-page__wrap {
    margin-bottom: 50px;
  }
}
@media (max-width: 991px) {
  .product-page__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .product-page__item {
    position: relative;
    width: 100%;
  }
  .product-page__slider {
    margin: 0 0 50px;
  }
}
/* card-slider */
.card-slider {
  width: 100%;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.card-slider .slider-card-nav {
  width: 125px;
  height: 100%;
  margin-right: 35px;
  margin-bottom: 0;
  padding: 25px 0;
  display: none;
}
.card-slider .slider-card-nav.slick-initialized {

  display: block;
}
.card-slider .slider-card-nav .slick-slide {
  padding: 5px 0;
}
.card-slider .slider-card-nav .slick-list {
  padding: 0 !important;
}
.card-slider .slider-card-nav .slick-next {
  bottom: -5px;
}
.card-slider .slider-card-nav .slick-next:before {
  -webkit-transform: translate(3px, -50%) rotate(-45deg) !important;
  transform: translate(3px, -50%) rotate(-45deg) !important;
}
.card-slider .slider-card-nav .slick-prev {
  top: -5px;
  z-index: 1;
}
.card-slider .slider-card-nav .slick-prev:before {
  -webkit-transform: translate(5px, -50%) rotate(135deg);
  transform: translate(5px, -50%) rotate(135deg);
}
.card-slider .slider-card-nav .slick-prev,
.card-slider .slider-card-nav .slick-next {
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  display: block !important;
  width: 34px;
  height: 34px;
  padding: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  cursor: pointer;
  border: none;
  outline: none;
}
.card-slider .slider-card-nav .slick-prev::before,
.card-slider .slider-card-nav .slick-next::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  display: block;
  width: 15px;
  height: 15px;
  border-bottom: 2px solid #fdb926;
  border-left: 2px solid #fdb926;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.card-slider .slider-card-nav .slick-disabled::before {
  border-bottom: 2px solid #BDBDBD;
  border-left: 2px solid #BDBDBD;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.card-slider .slider-card-for {
  width: calc(100% - 160px);
  display: none;
}
.card-slider .slider-card-for.slick-initialized {
  overflow: visible !important;
  display: block;
}
.card-slider .slider-card-for .slick-list, .card-slider .slider-card-for .slick-track {
  height: 100%;
}
.card-slider .slider-card-for .card-slider__slide {
  position: relative;
}
.card-slider .slider-card-for .card-slider__slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.card-slider__slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
}
.card-slider.slick-initialized {
  overflow: visible !important;
  display: block;
}
.card-slider .slick-slide {
  padding: 0;
}
.card-slider .slick-slide > div {
  height: 100%;
  width: 100%;
}
.card-slider__slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  padding: 0;
  width: 100%;
  min-height: 100% !important;
  height: 100% !important;
}
.card-slider__slide img {
  width: 100%;
  vertical-align: top;
}
.card-slider .slick-arrow {
  display: none !important;
}
.card-slider .slick-dots {
  display: block;
  position: absolute !important;
  left: 50%;
  margin-left: 0;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  bottom: -40px;
  padding: 0;
  margin: 0;
}
.card-slider .slick-dots li {
  display: inline-block !important;
  margin: 0 10px 0 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid #5d1900;
  background: #5d1900;
}
.card-slider .slick-dots li button {
  display: none;
}
.card-slider .slick-dots li:last-child {
  margin: 0;
}
.card-slider button.button {
  display: inline-block;
}
.card-slider li.slick-active {
  background: #fdb926;
  border: 1px solid #5d1900;
}

@media (max-width: 1230px) {
  .card-slider .slider-card-nav {
    display: none;
  }
  .card-slider .slider-card-for {
    width: 100%;
  }
}
@media (max-width: 991px) {
  .card-slider .slider-card-for .card-slider__slide {
    position: relative;
    padding-bottom: 65%;
  }
  .card-slider .slider-card-for .card-slider__slide img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
/* card-large */
.card-large {
  position: relative;
}
.card-large__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}
.card-large__header-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.card-large__header-item small {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  color: #828282;
}
.card-large__header-item small:not(:last-child) {
  margin-bottom: 10px;
}
.card-large__header-item .availability {
  padding-left: 17px;
  position: relative;
}
.card-large__header-item .availability::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #828282;
}
.card-large__header-item .availability._active {
  color: #E99F32;
}
.card-large__header-item .availability._active::before {
  background: #E99F32;
}
.card-large__block-name {
  margin-bottom: 30px;
}
@media (max-width: 1620px) {
  .card-large__block-name {
    margin-bottom: calc(20px + 10 * ((100vw - 991px) / 629));
  }
}
.card-large__name {
  font-weight: 400;
  font-size: 30px;
  font-size: 30px;
  line-height: 140%;
  margin-bottom: 7px;
}
@media (max-width: 1620px) {
  .card-large__name {
    font-size: calc(22px + 8 * ((100vw - 991px) / 629));
  }
}
.card-large__content-info {
  margin-bottom: 30px;
}
@media (max-width: 1620px) {
  .card-large__content-info {
    margin-bottom: calc(20px + 10 * ((100vw - 991px) / 629));
  }
}
.card-large__cost {
  font-weight: 700;
  font-size: 30px;
  line-height: 100%;
  margin-right: 60px;
}
.card-large__cost span {
  display: inline-block;
  line-height: 0;
}
.card-large__block-selects {
  max-width: 530px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
  -webkit-column-gap: 50px;
  -moz-column-gap: 50px;
  column-gap: 50px;
  margin-bottom: 30px;
}
.card-large__select {
  margin-bottom: 0;
}
.card-large__select p {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 16px;
}
@media (max-width: 1620px) {
  .card-large__select p {
    font-size: calc(14px + 2 * ((100vw - 991px) / 629));
  }
}
.card-large__buttons .button {
  line-height: 50px;
}
.card-large__buttons .button:not(:last-child) {
  margin-right: 20px;
}
.card-large__footer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 30px;
}
@media (max-width: 1620px) {
  .card-large__footer-item {
    margin-bottom: calc(20px + 10 * ((100vw - 991px) / 629));
  }
}
.card-large__block-radio {
  max-width: 500px;
  margin-bottom: 35px;
}
.card-large__block-radio p {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 16px;
}

@media (max-width: 1230px) {
  .card-large__block-selects {
    max-width: 530px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 15px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-bottom: 20px;
  }
  .card-large__select {
    margin-bottom: 0;
  }
  .card-large__select p {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
  }
  .card-large__select .catalog__select {
    width: 210px;
  }
  .card-large .catalog__block-slider {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991px) {
  .card-large__name {
    font-size: 22px;
  }
  .card-large__select {
    margin-bottom: 0;
  }
  .card-large__select p {
    font-size: 14px;
  }
  .card-large__footer-item {
    margin-bottom: 20px;
  }
  .card-large__block-name {
    margin-bottom: 20px;
  }
  .card-large__content-info {
    margin-bottom: 20px;
  }
  .card-large .catalog__block-slider {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 568px) {
  .card-large .catalog__block-slider {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 480px) {
  .card-large__header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .card-large__header .card-large__header-item {
    margin-bottom: 7px;
  }
  .card-large__name {
    font-size: 18px;
    font-weight: 700;
  }
  .card-large__block-selects {
    max-width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }
  .card-large__select {
    margin-bottom: 0;
  }
  .card-large__select .catalog__select {
    width: 100%;
  }
  .card-large__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .card-large__buttons .button {
    line-height: 50px;
  }
  .card-large__buttons .button:not(:last-child) {
    margin: 0 0 20px;
  }
}
@media (max-width: 400px) {
  .card-large .catalog__block-slider {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* select2 */
.select2 {
  position: relative;
}

.select2-selection--single {
  border: 1px solid #CFCFCF;
  padding: 0 20px;
  height: 42px !important;
}

.select2-selection__rendered {
  height: 42px !important;
  line-height: 42px !important;
}
.select2-selection__rendered .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.select2-selection__rendered .icon img {
  height: 28px;
  vertical-align: top;
  margin-right: 10px;
}

.select2-selection__arrow {
  right: 20px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 !important;
  font-weight: 400;
  font-size: 16px;
  color: #343434;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 42px !important;
  right: 10px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #fdb926;
  border-left: 2px solid #fdb926;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:before {
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
  transform: translate(-50%, -50%) rotate(-225deg);
}

.catalog-select2 {
  z-index: 1;
}
.catalog-select2 .select2-results__option {
  padding: 0 20px;
  height: 42px;
  line-height: 42px;
  font-weight: 400;
  font-size: 16px;
}
.catalog-select2 .select2-results__option--selectable {
  background-color: transparent !important;
  color: #343434 !important;
}
.catalog-select2 .catalog-select2 .select2-results__option--selectable {
  background-color: transparent !important;
  color: #343434 !important;
}
.catalog-select2 .select2-results__option--selected {
  background: #CFCFCF !important;
}
.catalog-select2 .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.catalog-select2 .icon img {
  height: 28px;
  vertical-align: top;
  margin-right: 10px;
}

/* card-info */
.card-info {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #828282;
}
.card-info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.card-info__item:not(:last-child) {
  margin-bottom: 15px;
}
.card-info__item p {
  width: 150px;
  margin-right: 30px;
}

@media (max-width: 480px) {
  .card-info {
    font-size: 14px;
  }
  .card-info__item:not(:last-child) {
    margin-bottom: 10px;
  }
  .card-info__item p {
    width: 150px;
    margin-right: 30px;
  }
}

/* rating-stars */
.rating-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
}
.rating-stars__body {
  position: relative;
}
.rating-stars__body:before {
  content: "★ ★ ★ ★ ★";
  display: block;
  color: #C4C4C4;
}
.rating-stars__active {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
}
.rating-stars__active:before {
  content: "★ ★ ★ ★ ★";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: #ffd300;
}
.rating-stars__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.rating-stars__item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  height: 100%;
  opacity: 0;
}
.rating-stars__value {
  font-size: 50%;
  line-height: 1;
  padding: 0px 0px 0px 10px;
  display: none;
}
.rating-stars__info {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #4F4F4F;
  display: inline-block;
  margin-left: 20px;
  margin-top: 1px;
}

/* card-content */
.card-content {
  position: relative;
}
.card-content__text {
  position: relative;
  margin-bottom: 70px;
  max-width: 650px;
}
@media (max-width: 1630px) {
  .card-content__text {
    margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.card-content__text p {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
}

/* mobile-menu */
.mobile-menu {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.mobile-menu li:not(:last-child) {
  margin-bottom: 5px;
}
.mobile-menu li a {
  color: #5d1900;
  font-weight: 600;
}
@media (any-hover: hover) {
  .mobile-menu li a:hover {
    text-decoration: underline;
  }
}

/* block-slider */
.block-slider {
  max-width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.block-slider__item-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}
.block-slider__item-fields input {
  border: 1px solid #BDBDBD;
  width: 110px;
  height: 35px;
  border-radius: 8px;
  text-align: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #333333;
}
@media (max-width: 1540px) {
  .block-slider__item-fields input {
    width: calc(60px + 50 * ((100vw - 991px) / 549));
  }
}
.block-slider__item-fields input:not(:last-child) {
  margin-right: 15px;
}
.block-slider__item-name {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-right: 10px;
}
.block-slider__item-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding-top: 7px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.block-slider .slider {
  margin-bottom: 10px;
  width: 100%;
}
.block-slider__item-val {
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  color: #BDBDBD;
  padding-left: 30px;
  margin-bottom: 10px;
}

.ui-slider-horizontal {
  height: 7px !important;
}

.ui-widget-content {
  border: 1px solid #BDBDBD !important;
  background: #BDBDBD !important;
}

.ui-widget-header {
  border: 1px solid #BDBDBD !important;
  background: #BDBDBD !important;
  height: 4px !important;
}

.ui-slider .ui-slider-handle {
  width: 7px !important;
  height: 7px !important;
  background: #FFC931;
  -webkit-box-shadow: 0 0 0 6px #fff, 0 0 0 7px #FFC931;
  box-shadow: 0 0 0 6px #fff, 0 0 0 7px #FFC931;
  border-radius: 50%;
  cursor: pointer !important;
  border: none !important;
  outline: none !important;
  focus: none !important;
  top: -1px;
}

.ui-state-active,
.ui-state-focus,
.ui-state-hover {
  border: none !important;
}

.ui-widget-header {
  border: 1px solid #FFC931 !important;
  background: #FFC931 !important;
  height: 7px !important;
}

.ui-slider-horizontal .ui-slider-range {
  top: -1px !important;
}

@media (max-width: 991px) {
  .block-slider__item-fields input {
    border: 1px solid #BDBDBD;
    width: 60px;
    height: 30px;
    line-height: 32px;
  }
}
/* delivery-steps */
.delivery-steps {
  position: relative;
}
.delivery-steps__icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #fdb926;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.delivery-steps__icon img {
  vertical-align: top;
  max-width: 100%;
}
.delivery-steps__content {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #4F4F4F;
}

@media (max-width: 1230px) {
  .delivery-steps {
    text-align: center;
  }
  .delivery-steps__icon {
    margin: 0 auto 20px;
  }
}
/* delivery */
.delivery {
  position: relative;
}
.delivery__wrapper {
  position: relative;
}
.delivery__image {
  position: absolute;
  right: 0;
  top: -50px;
  width: 48%;
}
@media (max-width: 880px) {
  .delivery__image {
    display: none;
  }
}
.delivery__image img {
  position: relative;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: top;
}
.delivery__title {
  font-weight: 500;
  font-size: 25px;
  line-height: 140%;
  font-size: 25px;
  margin-bottom: 50px;
}
@media (max-width: 1630px) {
  .delivery__title {
    font-size: calc(20px + 5 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .delivery__title {
    margin-bottom: calc(20px + 30 * ((100vw - 320px) / 1310));
  }
}
.delivery__steps {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 90px;
  margin-bottom: 70px;
}
@media (max-width: 1620px) {
  .delivery__steps {
    gap: calc(20px + 70 * ((100vw - 991px) / 629));
  }
}
@media (max-width: 1630px) {
  .delivery__steps {
    margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.delivery__pay-block {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
  margin-bottom: 70px;
}
@media (max-width: 1620px) {
  .delivery__pay-block {
    gap: calc(20px + 20 * ((100vw - 991px) / 629));
  }
}
@media (max-width: 1630px) {
  .delivery__pay-block {
    margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.delivery__list {
  margin-bottom: 70px;
}
@media (max-width: 1630px) {
  .delivery__list {
    margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.delivery__list li {
  position: relative;
  padding-left: 30px;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: #4F4F4F;
}
.delivery__list li:not(:last-child) {
  margin-bottom: 24px;
}
.delivery__list li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 15px;
  height: 22px;
  background: url("../images/pin-yellow.png") 50% 50% no-repeat;
  background-size: cover;
}

@media (max-width: 991px) {
  .delivery__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .delivery__pay-block {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .delivery br {
    display: none;
  }
}
@media (max-width: 568px) {
  .delivery__steps {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
  .delivery__pay-block {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
/* pay-block */
.pay-block {
  position: relative;
}
.pay-block__content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pay-block__item {
  position: relative;
  border: 1px solid #BDBDBD;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 40px 0;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (any-hover: hover) {
  .pay-block__item:hover {
    -webkit-transform: translate(0, -5%);
    transform: translate(0, -5%);
  }
}
.pay-block__icon {
  max-width: 110px;
  margin: 0 auto 30px;
  text-align: center;
}
.pay-block__icon img {
  max-width: 100%;
  vertical-align: top;
}
.pay-block__text {
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #4F4F4F;
}
@media (max-width: 1620px) {
  .pay-block__text {
    font-size: calc(14px + 4 * ((100vw - 991px) / 629));
  }
}

@media (max-width: 991px) {
  .pay-block__text {
    font-size: 18px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .pay-block__text {
    font-size: calc(14px + 4 * ((100vw - 568px) / 423));
  }
}
@media (max-width: 568px) {
  .pay-block__text {
    font-size: 18px;
  }
}
@media (max-width: 568px) and (max-width: 568px) {
  .pay-block__text {
    font-size: calc(14px + 4 * ((100vw - 320px) / 248));
  }
}
/* delivery-tabs */
.delivery-tabs {
  position: relative;
}
.delivery-tabs__wrap {
  margin-bottom: 70px;
}
@media (max-width: 1630px) {
  .delivery-tabs__wrap {
    margin-bottom: calc(30px + 40 * ((100vw - 320px) / 1310));
  }
}
.delivery-tabs__block-text {
  position: relative;
  max-width: 490px;
  color: #4F4F4F;
  font-weight: 400;
  margin-bottom: 40px;
}
.delivery-tabs__block-text p {
  font-size: 20px;
  line-height: 140%;
}
@media (max-width: 1630px) {
  .delivery-tabs__block-text p {
    font-size: calc(16px + 4 * ((100vw - 320px) / 1310));
  }
}
.delivery-tabs__block-text p:not(:last-child) {
  margin-bottom: 7px;
}
.delivery-tabs__block-text small {
  padding-left: 11px;
  margin-top: 20px;
  font-size: 12px;
  line-height: 140%;
  position: relative;
  display: block;
}
.delivery-tabs__block-text small::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #E99F32;
}
.delivery-tabs__button .button {
  line-height: 50px;
  min-height: 50px;
  width: 280px;
}
.delivery-tabs__table-items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -webkit-column-gap: 100px;
  -moz-column-gap: 100px;
  column-gap: 100px;
  row-gap: 50px;
}
@media (max-width: 1620px) {
  .delivery-tabs__table-items {
    -webkit-column-gap: calc(20px + 80 * ((100vw - 1230px) / 390));
    -moz-column-gap: calc(20px + 80 * ((100vw - 1230px) / 390));
    column-gap: calc(20px + 80 * ((100vw - 1230px) / 390));
  }
}
@media (max-width: 1620px) {
  .delivery-tabs__table-items {
    row-gap: calc(30px + 20 * ((100vw - 1230px) / 390));
  }
}
.delivery-tabs__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.delivery-tabs__table {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-right: 100px;
}
@media (max-width: 1620px) {
  .delivery-tabs__table {
    margin-right: calc(20px + 80 * ((100vw - 1230px) / 390));
  }
}
.delivery-tabs__form {
  max-width: 400px;
}

@media (max-width: 1230px) {
  .delivery-tabs__table-items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    row-gap: 50px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .delivery-tabs__table-items {
    -webkit-column-gap: calc(20px + 80 * ((100vw - 991px) / 239));
    -moz-column-gap: calc(20px + 80 * ((100vw - 991px) / 239));
    column-gap: calc(20px + 80 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .delivery-tabs__table-items {
    row-gap: calc(30px + 20 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) {
  .delivery-tabs__table {
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  .delivery-tabs__table-items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    row-gap: 50px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .delivery-tabs__table-items {
    -webkit-column-gap: calc(20px + 80 * ((100vw - 600px) / 391));
    -moz-column-gap: calc(20px + 80 * ((100vw - 600px) / 391));
    column-gap: calc(20px + 80 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .delivery-tabs__table-items {
    row-gap: calc(30px + 20 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 860px) {
  .delivery-tabs__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .delivery-tabs__table {
    margin: 0 0 30px;
  }
  .delivery-tabs__form {
    max-width: 80%;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .delivery-tabs__table-items {
    grid-template-columns: repeat(1, 1fr);
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    row-gap: 50px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .delivery-tabs__table-items {
    -webkit-column-gap: calc(20px + 80 * ((100vw - 320px) / 280));
    -moz-column-gap: calc(20px + 80 * ((100vw - 320px) / 280));
    column-gap: calc(20px + 80 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .delivery-tabs__table-items {
    row-gap: calc(30px + 20 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) {
  .delivery-tabs__form {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 461px) {
  .delivery-tabs__form {
    max-width: 100%;
    margin: 0 auto;
  }
}

/* table */
.table {
  position: relative;
}
.table__name {
  font-weight: 500;
  font-size: 20px;
  line-height: 140%;
  color: #000000;
}
.table__table {
  width: 100%;
  color: #4F4F4F;
}
.table__table tr td {
  padding: 10px 10px 10px 0px;
  vertical-align: top;
}
.table__table tr td:first-child {
  border-right: 1px #BDBDBD solid;
}
.table__table tr th {
  padding: 3px 10px;
}
.table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
  padding-left: 30px;
  color: #828282;
  width: 165px;
}
@media (max-width: 1620px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: calc(20px + 10 * ((100vw - 1230px) / 390));
  }
}
@media (max-width: 1620px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    width: calc(120px + 45 * ((100vw - 1230px) / 390));
  }
}
.table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
  padding-left: 50px;
  color: #828282;
  width: 185px;
}
@media (max-width: 1620px) {
  .table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
    padding-left: calc(20px + 30 * ((100vw - 1230px) / 390));
  }
}
@media (max-width: 1620px) {
  .table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
    width: calc(120px + 65 * ((100vw - 1230px) / 390));
  }
}
.table__table_large tr td {
  padding: 10px 20px 10px 0px;
}

@media (max-width: 1230px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: 30px;
    color: #828282;
    width: 165px;
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: calc(20px + 10 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) and (max-width: 1230px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    width: calc(120px + 45 * ((100vw - 991px) / 239));
  }
}
@media (max-width: 1230px) {
  .table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
    padding-left: 20px;
    width: 120px;
  }
}
@media (max-width: 991px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: 30px;
    width: 165px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: calc(15px + 15 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    width: calc(110px + 55 * ((100vw - 600px) / 391));
  }
}
@media (max-width: 991px) {
  .table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
    padding-left: 20px;
    width: 120px;
  }
}
@media (max-width: 600px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: 30px;
    width: 265px;
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    padding-left: calc(15px + 15 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) and (max-width: 600px) {
  .table__table tr td:nth-child(even), .table__table tr th:nth-child(even) {
    width: calc(110px + 155 * ((100vw - 320px) / 280));
  }
}
@media (max-width: 600px) {
  .table__table_large tr td:nth-child(even), .table__table_large tr th:nth-child(even) {
    padding-left: 20px;
    width: 120px;
  }
}
/* contacts */
.contacts {
  position: relative;
}
.contacts .map__content {
  background: transparent;
}
.contacts #cities {
  display: none;
}
.contacts__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contacts__block-info {
  width: 50%;
  padding-right: 20px;
}
.contacts__title {
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 20px;
  line-height: 130%;
  margin-bottom: 20px;
}
@media (max-width: 1630px) {
  .contacts__title {
    font-size: calc(19px + 6 * ((100vw - 320px) / 1310));
  }
}
@media (max-width: 1630px) {
  .contacts__title {
    margin-bottom: calc(10px + 10 * ((100vw - 320px) / 1310));
  }
}
.contacts__block-item:not(:last-child) {
  margin-bottom: 30px;
}
.contacts__block-item .map__addresses-item:not(:last-child) {
  margin-bottom: 10px;
}
.contacts__block-item .map__addresses-icon {
  padding-right: 10px;
  font-size: 21px;
}
.contacts__block-item .map__addresses-item a, .contacts__block-item .map__addresses-item span {
  color: #4F4F4F;
  font-weight: 400;
}
.contacts__block-item .menu-map li {
  color: #4F4F4F;
  font-weight: 400;
}

@media (max-width: 991px) {
  .contacts .map__content {
    padding: 0;
  }
}
@media (max-width: 768px) {
  .contacts .map {
    height: 465px;
  }
}
@media (max-width: 700px) {
  .contacts .map {
    height: auto;
  }
}
@media (max-width: 600px) {
  .contacts__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .contacts__block-info {
    width: 100%;
    padding-right: 0px;
  }
  .contacts__block-info:not(:last-child) {
    margin-bottom: 20px;
  }
  .contacts__block-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
/* order */
.order {
  position: relative;
}
.order__content {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px;
  padding-left: 80px;
  padding-right: 80px;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 1630px) {
  .order__content {
    padding-top: calc(30px + 30 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__content {
    padding-bottom: calc(30px + 30 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__content {
    padding-left: calc(40px + 40 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__content {
    padding-right: calc(40px + 40 * ((100vw - 700px) / 930));
  }
}
.order__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}
@media (max-width: 1630px) {
  .order__header {
    margin-bottom: calc(20px + 20 * ((100vw - 700px) / 930));
  }
}
.order__item {
  width: 50%;
  font-size: 30px;
  line-height: 48px;
  padding-right: 45px;
}
@media (max-width: 1630px) {
  .order__item {
    font-size: calc(16px + 14 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__item {
    line-height: calc(24px + 24 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__item {
    padding-right: calc(35px + 10 * ((100vw - 700px) / 930));
  }
}
.order__item-title {
  font-weight: 400;
  position: relative;
}
.order__item-title::before {
  content: "";
  display: block;
  position: absolute;
  left: -35px;
  top: 12px;
  top: 12px;
  width: 20px;
  height: 16px;
  background: url("../images/check.png") 50% 50% no-repeat;
  background-size: cover;
}
@media (max-width: 1630px) {
  .order__item-title::before {
    left: calc(-25px + -10 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__item-title::before {
    top: calc(4px + 8 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__item-title::before {
    width: calc(16px + 4 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__item-title::before {
    height: calc(13px + 3 * ((100vw - 700px) / 930));
  }
}
.order__item-text {
  font-weight: 600;
}
.order__block-text {
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}
@media (max-width: 1630px) {
  .order__block-text {
    margin-bottom: calc(20px + 20 * ((100vw - 700px) / 930));
  }
}
.order__block-text p {
  max-width: 1000px;
  font-size: 24px;
  line-height: 26px;
  margin-bottom: 30px;
}
@media (max-width: 1630px) {
  .order__block-text p {
    font-size: calc(16px + 8 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__block-text p {
    line-height: calc(24px + 2 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__block-text p {
    margin-bottom: calc(15px + 15 * ((100vw - 700px) / 930));
  }
}
.order__block-text a {
  display: inline-block;
  color: #343434;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .order__block-text a:hover {
    text-decoration: none;
  }
}
.order__footer {
  position: relative;
  z-index: 2;
}
.order__footer-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 60px;
}
@media (max-width: 1630px) {
  .order__footer-title {
    font-size: calc(24px + 16 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__footer-title {
    line-height: calc(36px + 24 * ((100vw - 700px) / 930));
  }
}
.order__footer-text {
  font-weight: 600;
  font-size: 30px;
  line-height: 50px;
}
@media (max-width: 1630px) {
  .order__footer-text {
    font-size: calc(19px + 11 * ((100vw - 700px) / 930));
  }
}
@media (max-width: 1630px) {
  .order__footer-text {
    line-height: calc(26px + 24 * ((100vw - 700px) / 930));
  }
}
.order__image {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 33%;
  padding-bottom: 25%;
}
.order__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.order__image_large {
  right: 0;
  top: 0;
  height: 100%;
  width: 10%;
}
.order__image_large img {
  -o-object-fit: cover;
  object-fit: cover;
  right: 0;
}

@media (max-width: 700px) {
  .order__content {
    padding: 35px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__content {
    padding: calc(25px + 10 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .order__header {
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .order__header .order__item:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 700px) {
  .order__item {
    font-size: 16px;
    line-height: 24px;
    padding-right: 0;
    width: 100%;
  }
}
@media (max-width: 700px) {
  .order__item-title::before {
    left: -20px;
    top: 4px;
    width: 16px;
    height: 13px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__item-title::before {
    left: calc(-15px + -5 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__item-title::before {
    top: calc(5px + -1 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__item-title::before {
    width: calc(12px + 4 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__item-title::before {
    height: calc(10px + 3 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .order__block-text {
    margin-bottom: 20px;
  }
  .order__block-text p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__block-text p {
    font-size: calc(15px + 1 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__block-text p {
    line-height: calc(21px + 3 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .order__footer-title {
    font-size: 24px;
    line-height: 36px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__footer-title {
    font-size: calc(21px + 3 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__footer-title {
    line-height: calc(28px + 8 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .order__footer-text {
    font-size: 19px;
    line-height: 26px;
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__footer-text {
    font-size: calc(18px + 1 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) and (max-width: 700px) {
  .order__footer-text {
    line-height: calc(24px + 2 * ((100vw - 320px) / 380));
  }
}
@media (max-width: 700px) {
  .order__image {
    display: none;
  }
	.main-slider.slider-nav.slick-initialized {
  overflow: visible !important;
  display: none !important;
}
}
/* navigation-left */
.navigation-left {
  width: 300px;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms;
  position: absolute;
  height: 100vH;
  top: 66px;
  left: 0;
}
@media (max-width: 991px) {
  .navigation-left {
    top: 44px;
    left: -15px;
  }
}
.navigation-left .sidebar-filter__item-title {
  color: #fff;
}
.navigation-left .description__block-title, .navigation-left .catalog__description-content a {
  color: #5d1900;
}
@media (any-hover: hover) {
  .navigation-left .description__block-title:hover, .navigation-left .catalog__description-content a:hover {
    text-decoration: underline;
  }
}
@media (max-width: 461px) {
  .navigation-left {
    width: 290px;
  }
}
.navigation-left.active {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.navigation-left.active .navigation__inner-left {
  background-color: #ffc931;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: background-color 0s linear 599ms, -webkit-transform 300ms linear;
  transition: background-color 0s linear 599ms, -webkit-transform 300ms linear;
  transition: transform 300ms linear, background-color 0s linear 599ms;
  transition: transform 300ms linear, background-color 0s linear 599ms, -webkit-transform 300ms linear;
}
.navigation-left.active .navigation__inner-left:after {
  width: 300%;
  border-radius: 50%;
  -webkit-animation: elastic 150ms ease 300.5ms both;
  animation: elastic 150ms ease 300.5ms both;
}

.navigation__inner-left {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  overflow: hidden;
  z-index: 999999;
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  -webkit-transition: background-color 0s linear 300ms, -webkit-transform 300ms linear;
  transition: background-color 0s linear 300ms, -webkit-transform 300ms linear;
  transition: transform 300ms linear, background-color 0s linear 300ms;
  transition: transform 300ms linear, background-color 0s linear 300ms, -webkit-transform 300ms linear;
}
.navigation__inner-left:after {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  background-color: #ffc931;
  border-radius: 50%;
  z-index: -1;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}

@keyframes elastic {
  0% {
    border-radius: 50%;
  }
  45% {
    border-radius: 0;
  }
  65% {
    border-top-right-radius: 40px 50%;
    border-bottom-right-radius: 40px 50%;
  }
  80% {
    border-radius: 0;
  }
  90% {
    border-top-right-radius: 20px 50%;
    border-bottom-right-radius: 20px 50%;
  }
  100% {
    border-radius: 0;
  }
}
.navigation__wrap-left {
  display: none;
}

/* comparison */
.comparison {
  position: relative;
}
.comparison__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.comparison__close {
  margin-left: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  padding: 3px 15px;
  margin-bottom: 10px;
}
.comparison__close span {
  display: inline-block;
  margin-right: 10px;
  font-size: 14px;
  line-height: 24px;
}
.comparison__close::after {
  content: "";
  display: block;
  position: relative;
  width: 7px;
  height: 7px;
  background: url("../images/close.png") 50% 50% no-repeat;
  background-size: cover;
}
.comparison__items {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px;
}
@media (max-width: 1630px) {
  .comparison__items {
    gap: calc(20px + 20 * ((100vw - 991px) / 639));
  }
}

@media (max-width: 991px) {
  .comparison__items {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}
@media (max-width: 768px) {
  .comparison__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
}
@media (max-width: 500px) {
  .comparison__items {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}
/* comparison-card */
.comparison-card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}
.comparison-card__close {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 7px;
  height: 7px;
  background: url("../images/close.png") 50% 50% no-repeat;
  background-size: cover;
  z-index: 2;
}
.comparison-card__image {
  display: block;
  position: relative;
  padding-bottom: 65%;
  width: 100%;
  border: 1px solid #f4f4f4;
}
.comparison-card__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.comparison-card__info {
  padding-top: 25px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (max-width: 1630px) {
  .comparison-card__info {
    padding-top: calc(20px + 5 * ((100vw - 991px) / 639));
  }
}
.comparison-card__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 25px;
  color: #343434;
}
@media (max-width: 1630px) {
  .comparison-card__name {
    font-size: calc(16px + 1 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .comparison-card__name {
    margin-bottom: calc(20px + 5 * ((100vw - 991px) / 639));
  }
}
@media (any-hover: hover) {
  .comparison-card__name:hover {
    text-decoration: underline;
  }
}
.comparison-card__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.comparison-card__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.comparison-card__cost {
  font-size: 20px;
  line-height: 30px;
  font-weight: 800;
}
@media (max-width: 1630px) {
  .comparison-card__cost {
    font-size: calc(18px + 2 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .comparison-card__cost {
    line-height: calc(26px + 4 * ((100vw - 991px) / 639));
  }
}
.comparison-card__button .button {
  line-height: 40px;
  min-height: 40px;
  padding: 0 15px;
}
.comparison-card__footer {
  margin-top: 25px;
  border-top: 1px solid #dcdcde;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1630px) {
  .comparison-card__footer {
    margin-top: calc(20px + 5 * ((100vw - 991px) / 639));
  }
}
.comparison-card__footer-item {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #dcdcde;
  font-size: 15px;
}
@media (max-width: 1630px) {
  .comparison-card__footer-item {
    padding-top: calc(5px + 5 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .comparison-card__footer-item {
    padding-bottom: calc(5px + 5 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .comparison-card__footer-item {
    padding-left: calc(10px + 5 * ((100vw - 991px) / 639));
  }
}
@media (max-width: 1630px) {
  .comparison-card__footer-item {
    padding-right: calc(10px + 5 * ((100vw - 991px) / 639));
  }
}

@media (max-width: 991px) {
  .comparison-card__info {
    padding-top: 25px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__info {
    padding-top: calc(20px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) {
  .comparison-card__name {
    font-size: 17px;
    margin-bottom: 25px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__name {
    font-size: calc(16px + 1 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__name {
    margin-bottom: calc(20px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) {
  .comparison-card__cost {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__cost {
    font-size: calc(18px + 2 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__cost {
    line-height: calc(26px + 4 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) {
  .comparison-card__footer {
    margin-top: 25px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__footer {
    margin-top: calc(20px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) {
  .comparison-card__footer-item {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__footer-item {
    padding-top: calc(5px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__footer-item {
    padding-bottom: calc(5px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__footer-item {
    padding-left: calc(10px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 991px) and (max-width: 991px) {
  .comparison-card__footer-item {
    padding-right: calc(10px + 5 * ((100vw - 768px) / 223));
  }
}
@media (max-width: 768px) {
  .comparison-card__info {
    padding-top: 25px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__info {
    padding-top: calc(20px + 5 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) {
  .comparison-card__name {
    font-size: 17px;
    margin-bottom: 25px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__name {
    font-size: calc(16px + 1 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__name {
    margin-bottom: calc(20px + 5 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) {
  .comparison-card__cost {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__cost {
    font-size: calc(18px + 2 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__cost {
    line-height: calc(26px + 4 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) {
  .comparison-card__footer {
    margin-top: 25px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__footer {
    margin-top: calc(20px + 5 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) {
  .comparison-card__footer-item {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__footer-item {
    padding-top: calc(5px + 2 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__footer-item {
    padding-bottom: calc(5px + 2 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__footer-item {
    padding-left: calc(10px + 5 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 768px) and (max-width: 768px) {
  .comparison-card__footer-item {
    padding-right: calc(10px + 5 * ((100vw - 500px) / 268));
  }
}
@media (max-width: 500px) {
  .comparison-card__info {
    padding-top: 25px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__info {
    padding-top: calc(20px + 5 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) {
  .comparison-card__name {
    font-size: 17px;
    margin-bottom: 25px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__name {
    font-size: calc(16px + 1 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__name {
    margin-bottom: calc(20px + 5 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) {
  .comparison-card__cost {
    font-size: 20px;
    line-height: 30px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__cost {
    font-size: calc(18px + 2 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__cost {
    line-height: calc(26px + 4 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) {
  .comparison-card__footer {
    margin-top: 25px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__footer {
    margin-top: calc(20px + 5 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) {
  .comparison-card__footer-item {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__footer-item {
    padding-top: calc(5px + 2 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__footer-item {
    padding-bottom: calc(5px + 2 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__footer-item {
    padding-left: calc(10px + 5 * ((100vw - 320px) / 180));
  }
}
@media (max-width: 500px) and (max-width: 500px) {
  .comparison-card__footer-item {
    padding-right: calc(10px + 5 * ((100vw - 320px) / 180));
  }
}
/* bottom-menu */
.bottom-menu {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #343434;
  min-height: 50px;
  width: 100%;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: none;
}
.bottom-menu ._icon-buy, .bottom-menu .icon {
  color: #fff;
}
.bottom-menu .icon {
  font-size: 18px;
  line-height: 1px;
}
.bottom-menu .cart-header__icon span {
  background: #ffc931;
  color: #343434;
}

@media (max-width: 768px) {
  .bottom-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .bottom-menu .action-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
  }
  .bottom-menu .action-header__item a {
    width: 30px;
    height: 30px;
    font-weight: 700;
    color: #fff;
  }
}
/* dropdowns */
.dropdowns {
  position: relative;
  width: 100%;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.7);
}
.dropdowns__content {
  display: none;
  position: absolute;
  background: white;
  width: 100%;
  z-index: 1;
  max-height: 300px;
  overflow: auto;
  border: 1px solid #CFCFCF;
  border-top: none;
}
.dropdowns__content a {
  color: black;
  padding: 2px 0 10px 20px;
  text-decoration: none;
  display: block;
}
@media (any-hover: hover) {
  .dropdowns__content a:hover {
    background-color: #f1f1f1;
  }
}
.dropdowns__content-item {
  padding: 0 15px 0 20px;
  min-height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.dropdowns__content-item:not(:last-child) {
  border-bottom: 1px solid #CFCFCF;
}
.dropdowns__title {
  width: 100%;
  display: block;
  position: relative;
  line-height: 40px;
  min-height: 40px;
  padding: 0 25px 0 20px;
  background: white;
  border: 1px solid #CFCFCF;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  cursor: pointer;
}
.dropdowns__title.-active:before {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}
.dropdowns__title:before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: block;
  width: 7px;
  height: 7px;
  border-bottom: 2px solid #FFC931;
  border-left: 2px solid #FFC931;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* item-check */
.item-check {
  position: relative;
  display: block;
  cursor: pointer;
  min-height: 28px;
}
.item-check p {
  font-size: 16px;
  line-height: 30px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.7);
  text-align: left;
}
.item-check input[type=checkbox] {
  opacity: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  padding: 0;
  top: 0px;
  left: -23px;
  display: block;
  z-index: 1;
}
.item-check input[type=checkbox]:checked ~ label:after {
  content: "";
  position: absolute;
  background: url("../images/check-yellow.png") 50% 50% no-repeat;
  background-size: cover;
  top: 9px;
  left: 5px;
  width: 11px;
  height: 9px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-check label {
  position: relative;
  padding-left: 30px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  display: block;
  width: 100%;
  cursor: pointer;
}
.item-check label:before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0px;
  background: transparent;
  border: 1px solid #FFC931;
  width: 20px;
  height: 20px;
}
.item-check_circle {
  min-height: 24px;
}
.item-check_circle p {
  line-height: 24px;
}
.item-check_circle input[type=checkbox] {
  opacity: 0;
  width: 18px;
  height: 18px;
  position: absolute;
  padding: 0;
  top: 0px;
  left: -23px;
  display: block;
  z-index: 1;
}
.item-check_circle input[type=checkbox]:checked ~ label:after {
  content: "";
  position: absolute;
  background: transparent;
  top: 0px;
  left: 0px;
  width: 24px;
  height: 23px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ffc931;
  box-shadow: 0 0 0 1px #fff, 0 0 0 2px #ffc931;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-check_circle label {
  position: relative;
  padding-left: 30px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  display: block;
  width: 100%;
  cursor: pointer;
}
.item-check_circle label .item-check__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  overflow: hidden;
}
.item-check_circle label .item-check__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.item-check_circle label:before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
}

/* radio-toolbar */
.radio-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.radio-toolbar input[type=radio] {
  display: none;
}
.radio-toolbar label {
  position: relative;
  width: 50%;
  cursor: pointer;
  border: 1px solid rgba(9, 9, 9, 0.7);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  min-height: 40px;
  line-height: 40px;
  font-weight: 400;
  font-size: 16px;
  line-height: 40px;
  color: rgba(9, 9, 9, 0.7);
  text-align: center;
}
.radio-toolbar label span {
  display: inline-block;
  position: relative;
  padding-left: 14px;
  margin-right: 14px;
}
.radio-toolbar label:not(:last-child) {
  margin-right: 20px;
}
.radio-toolbar input[type=radio]:checked + label {
  position: relative;
  border: 1px solid #ffc931;
  background-color: #ffc931;
  color: #fff;
}

@media (max-width: 568px) {
  .radio-toolbar label {
    position: relative;
    width: 50%;
    cursor: pointer;
    border: 1px solid rgba(9, 9, 9, 0.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
  }
  .radio-toolbar label span {
    padding-left: 10px;
    margin-right: 10px;
  }
  .radio-toolbar label:not(:last-child) {
    margin-right: 10px;
  }
}
@media (max-width: 461px) {
  .radio-toolbar {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .radio-toolbar label {
    position: relative;
    width: 100%;
    cursor: pointer;
    border: 1px solid rgba(9, 9, 9, 0.7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    min-height: 40px;
    font-weight: 400;
    font-size: 14px;
    line-height: 40px;
  }
  .radio-toolbar label span {
    padding-left: 10px;
    margin-right: 10px;
  }
  .radio-toolbar label:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

/* pay-info */
.pay-info {
  position: relative;
}
.pay-info__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pay-info__content {
  width: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 30px;
}
.pay-info__text {
  max-height: 330px;
  overflow-y: auto;
}
.pay-info__text article {
  padding-right: 20px;
}
.pay-info__text span {
  display: inline;
  font-weight: 500;
}
.pay-info__text p:not(:last-child) {
  margin-bottom: 20px;
}
.pay-info__image {
  width: 50%;
  position: relative;
}
.pay-info__image img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}
.pay-info .mCSB_dragger_bar {
  background-color: #7a392b !important;
}
.pay-info .mCSB_draggerRail {
  background-color: #ffc830 !important;
}
.pay-info .mCSB_container {
  margin-right: 5px !important;
}
.pay-info .mCSB_scrollTools {
  background-color: #ffc830 !important;
  width: 4px !important;
}

@media (max-width: 768px) {
  .pay-info__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .pay-info__content {
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
  }
  .pay-info__image {
    width: 100%;
    padding-bottom: 44%;
  }
}
/* pay-list */
.pay-list {
  position: relative;
}
.pay-list__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (any-hover: hover) {
  .pay-list .footer__title:hover {
    text-decoration: none;
  }
}
.pay-list__item {
  position: relative;
  width: 48px;
  height: 28px;
  border-radius: 3px;
  overflow: hidden;
  display: block;
}
.pay-list__item:not(:last-child) {
  margin-right: 10px;
}
.pay-list__item img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------  Components: End  ----------*/

.slider-card-nav .card-slider__slide img {
    max-height: 100%;
        width: auto;
    margin: 0 auto;
}
.card-slider .slider-card-nav .slick-list {
    max-height: 100%;
}
.sidebar-filter {
    padding-right: 10px;
        max-height: calc(100vh - 145px);
    overflow: auto;
    position: sticky;
    top: 145px;
    transition: all 0.3s;
}
.sidebar-filter::-webkit-scrollbar {
    -webkit-appearance: none;
}
.sidebar-filter::-webkit-scrollbar:vertical {
    width: 3px;
}
.sidebar-filter::-webkit-scrollbar:horizontal {
    height: 3px;
}
.sidebar-filter::-webkit-scrollbar-thumb {
    background-color: #ffc931;
    border-radius: 10px;
}
.sidebar-filter::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #828282;
}
.footer .logo {
    margin-top: -12px;
}
.map__addresses {
        gap: 11px;
        margin-bottom: 20px;
}
.order__block-text .col a,
.comparison__close {
  background: #ffc931;
  border: 1px solid #ffc931;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 56px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  border-radius: 6px;
}
.order__block-text .col a {
        text-decoration: none;
    padding: 0 30px;
}
.order__block-text .col a:hover,
.comparison__close:hover {
  background: #fdbb00;
  border: 1px solid #fdbb00;
}
.comparison__close::after {
    	filter: invert(0) sepia(0) saturate(1) hue-rotate(0deg) brightness(5);
}
.bx-soa-more-btn .btn:last-child {
        margin-left: auto;
}
.bx-soa-cart-total {
    position: sticky !important;
    top: 145px !important;
}
.bx-soa-cart-total-ghost {
    display: none !important;
}
body .bx-soa-sidebar {
    height: initial;
}
.bx-soa-pp-company {
    z-index: 2 !important;
}
.card-slider__slide {
    height: 90px !important;
}
body .product-card__choice {
        margin-bottom: 0;
    min-height: auto;
}
.categories__item_three .categories__content-list,
.categories__item_2 .categories__content-list {
    max-width: 230px;
}
.catalog__block-filter .catalog__block-dropdown {
        display: inline-block;
            min-width: 225px;
    vertical-align: top;
    margin-right: 20px;
}
.all_result_title a {
        display: inline-block;
    vertical-align: middle;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    background: #fff;
    min-width: 100px;
    line-height: 44px;
    padding: 0 40px;
    border: none;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    background: #ffc931;
    border: 1px solid #ffc931;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 42px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 6px;
        margin-top: 20px;
}
.all_result_title a:hover {
        background: #fdbb00;
    border: 1px solid #fdbb00;
}
.bx_item_block.all_result {
    background: none !important;
}
.bx_searche .bx_item_block {
        font-size: 15px;
    display: flex;
    align-items: center;
    background: transparent !important;
}
body .title-search-result {
    height: auto;
    max-height: calc(100% - 80px);
}
.bx_searche .bx_img_element {
        margin-right: 15px;
        flex: none;
}
@media only screen and (max-width : 1300px) {
    .categories__item_three .categories__content-list,
    .categories__item_2 .categories__content-list {
    max-width: 220px;
}
}
@media only screen and (max-width : 992px) {
    .categories__item_three .categories__content-list,
    .categories__item_2 .categories__content-list {
    max-width: 177px;
}
}
@media only screen and (max-width : 768px) {
    .bx-soa-cart-total.bx-soa-cart-total-fixed {
    padding-top: 20px !important;
    }
    .catalog__block-filter .catalog__block-dropdown {
    display: grid;
    margin-right: 0;
        margin-bottom: 25px;
}
}
@media only screen and (max-width : 568px) {
    .sidebar-filter {
           padding-right: 0px;
        max-height: initial;
    position: relative;
    top: 0; 
    }
}