

/* Start:/bitrix/templates/compass_dealersite/js/fancybox/jquery.fancybox.css?174921136117571*/
body.compensate-for-scrollbar {
  /*overflow: hidden;*/
  margin: 0!important; }

.fancybox-active {
  /*height: auto;*/ }

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

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }

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

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

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

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

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible; }

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

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

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

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

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

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0; }

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

.fancybox-slide--html {
  padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

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

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

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

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

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

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%; }

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

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0; }

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

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

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px; }

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

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

.fancybox-button:focus {
  outline: none; }

.fancybox-button.fancybox-focus {
  outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none; }

/* Fix IE11 */
.fancybox-button div {
  height: 100%; }

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%; }

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0; }

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

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

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0;
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  transition-timing-function: linear;
  z-index: 99998; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401; }

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1; }

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden; }

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

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px; }

.fancybox-navigation .fancybox-button div {
  padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0;
  text-align: center;
  z-index: 99996; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -44px;
  z-index: -1; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

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

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate 1s linear infinite;
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes fancybox-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-caption {
    padding: 12px; }
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px; }
  .fancybox-slide--image {
    padding: 6px 0; }
  .fancybox-close-small {
    right: -6px; }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px; } }

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

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

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

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

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

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

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

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

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

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden; }

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

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

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

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs__list a:focus::before {
  opacity: .5; }

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1; }

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

/* End */


/* Start:/bitrix/templates/compass_dealersite/css/init.css?174921136132343*/
* { box-sizing: border-box; margin: 0; padding: 0; transition: 0.5s 0.1s; }
html { font-size: 20px; height: 100%; position: relative; transition: none; width: 100%; }
body { background: #f5f5f5!important; color: #2a2a2a!important; font-family: 'Roboto', Arial, sans-serif!important; font-size: 0.8rem!important; height: 100%; min-width: 360px; padding: 4.25rem 1rem 0; padding-bottom: calc(4rem + 2px); }
body img { max-width: 100%; }
body a { color: #2a2a2a; text-decoration: none; }
body a:hover { color: #b18300; }
body p { margin-bottom: 1rem; }
body p a { color: #454546; text-decoration: underline; }
body p iframe { height: 450px; width: 100%; }
body hr { border-top: 1px solid #d9d9d9; margin: 1.5rem 0; }
body strong, body b { font-weight: 700; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-weight: bold; margin: 1.5rem 0; }
body h1 { font-size: 2rem; }
body ul { list-style-type: none; margin-bottom: 1rem; }
body ul li { margin-bottom: 0.25rem; padding-left: 1rem; }
body ul li:before { background: #3d3d3d; border-radius: 50%; content: ''; display: inline-block; height: 0.2rem; margin: 0 0.8rem 0.2rem -1rem; width: 0.2rem; }
body ol { margin-bottom: 1rem; padding-left: 1.25rem; }
body ol li { margin-bottom: 0.25rem; }

/* Grid */
.row { margin-left: -1rem!important; margin-right: -1rem!important; }
.row > [class*='col-'] { padding-left: 1rem!important; padding-right: 1rem!important; }
.row.no-gutters { margin-left: 0!important; margin-right: 0!important; }
.row.no-gutters > [class*='col-'] { padding-left: 0!important; padding-right: 0!important; }
.row.narrow-gutters { margin-left: -0.5rem!important; margin-right: -0.5rem!important; }
.row.narrow-gutters > [class*='col-'] { padding-left: 0.5rem!important; padding-right: 0.5rem!important; }
.container { max-width: 2000px!important; min-width: 330px; padding: 0!important; }
.content-wrapper { margin: 0 0 4rem 9.5rem; position: relative; }

/* Helpers */
.h-uppercase { text-transform: uppercase; }
.h-pseudolink { border-bottom: 1px dashed #00adef; color: #00adef; font-size: 0.875rem; }
.h-close { cursor: pointer; padding: 1rem; position: absolute; right: 0; top: 0; }
.h-close__icon { height: 1rem; width: 1rem; }
.h-close--background-white .h-close__icon * { fill: #fff; }
.h-close--background-black .h-close__icon * { fill: #000; }
.h-close--background-white:hover .h-close__icon * { fill: #00adef; }
.h-close--background-black:black .h-close__icon * { fill: #00adef; }
.d-none { display: none; }

/* Layout */
.header { font-size: 0.7rem; left: 0; padding: 0 1rem; position: fixed; top: 0; width: 100%; z-index: 11; }
.header a { color: #eee; }
.header .container { background: #454546; border-radius: 0 0 1rem 1rem; }
.header__logo-wrapper { line-height: 3.75rem; margin: 0 2rem; }
.header__logo { fill: #fff; max-height: 3rem; vertical-align: middle; }
.header__slogan { color: #eee; font-size: 0.65rem; line-height: 1.25; margin: 1rem 0 0; }
.header__search { flex-grow: 1; margin: 0.875rem 2rem 0; position: relative; }
.header__search-input { background: transparent!important; border: 1px solid #888!important; color: #eee!important; margin: 0!important; }
.header__search-button { background: transparent; border: none; position: absolute; height: 2.25rem; right: 1rem; top: 0; width: 1.25rem; }
.header__search-icon { fill: #888; height: 1.5rem; margin-top: 0.125rem; }
.header__phone { border-radius: 0 0 1rem 0; border-left: 1px solid #888; line-height: 3.75rem; padding: 0 1rem; }
.header__phone-icon { fill: none; height: 1.25rem; margin: 0 0 -0.5rem; stroke: #888; stroke-width: 2; width: 1.25rem; }
.header__phone:hover { background: #b18300; color: #eee; text-decoration: none; }
.header__phone:hover .header__phone-icon { stroke: #eee; }
.header__show-menu { border-right: 1px solid #888; border-radius: 0 0 0 1rem; cursor: pointer; padding: 0 1.125rem; position: relative; width: 3.75rem; }
.header__show-menu-dash { background: #fff; height: 2px; position: absolute; width: 1.5rem; }
.header__show-menu-dash--top { top: calc(50% - 10px); }
.header__show-menu-dash--middle { top: calc(50% - 1px); }
.header__show-menu-dash--bottom { top: calc(50% + 9px); }
.header__show-menu:hover { background: #b18300; }
.header__show-menu--active { background: #b18300; }

.main { display: flex; min-height: 100%; }

.footer { color: #eee; font-size: 0.65rem; }
.footer a { color: #eee; }
.footer hr { border-top: 1px solid #888; }
.footer .content-wrapper { background: #454546; border-radius: 1rem 1rem 0 0; margin: 0 0 0 8.5rem; padding: 1.5rem 2rem; }
.footer__copy {  }
.footer__policy { text-align: right; }
.footer__policy a { margin-left: 0.5rem; }
.footer__socials { align-items: end; display: flex; justify-content: center; }

.guarantee-wrapper { font-size: 0.9rem; }
.guarantee-special { background: #eee; padding: 1.25rem; }
.guarantee-special__name { color: #b8082e; font-weight: 500; font-size: 1rem; margin-bottom: 0.5rem; }
.guarantee-special__price { font-size: 1.25rem; font-weight: 500; margin-bottom: 0.5rem; }
.guarantee-special__price span { font-size: 2.5rem; font-weight: 400; margin: 0 0.5rem; }
.guarantee-benefits { border: 1px solid #969b9b; display: flex; margin: 1.25rem 0; padding: 1.25rem 1.25rem 0; }
.guarantee-benefits__item { margin-bottom: 1.25rem; }
.guarantee-benefits__item-icon { fill: #b8082e; height: 3rem; margin-bottom: 0.5rem; width: 3rem; }
.guarantee-benefits__item-name { font-weight: 500; }

.service-contracts-wrapper { font-size: 0.9rem; }
.service-contracts-wrapper .col-12 h3 { margin-top: 0; }
.service-contracts { margin: 2.5rem 0 1.25rem; }
.service-contracts__item { background: #eee; height: 100%; padding: 1.5rem 1.25rem 1.25rem 12.5rem; }
.service-contracts__item-name { font-size: 1.25rem; margin-bottom: 1.25rem; }
.service-contracts__item-icon { float: left; margin: -1.25rem 0 0 -11.25rem; width: 10rem; }

.benefits { margin-bottom: 2rem; }
.benefits__item { border: 1px solid #d9d9d9; border-radius: 1rem; height: 100%; padding: 0 1.5rem 0.5rem; }
.benefits__item-image { border-radius: 1rem; margin: 0 -1.5rem; max-width: none; width: calc(100% + 3rem); }

.news { margin: 3rem 0 1.5rem; }
.news__item { margin-bottom: 1.25rem; }
.news__item a { color: #454546; }
.news__item a:hover { color: #454546; text-decoration: none; }
.news__item .btn { margin-right: 0.5rem; }
.news__item-name { margin-top: 0; }
.news__item-image { border: 1px solid #d9d9d9; border-radius: 1rem; margin: 0 0 1rem; width: 100%; }
.news__item-icon-wrapper { border: 1px solid #d9d9d9; border-radius: 1rem; display: block; line-height: 7.5rem; text-align: center; }
.news__item-icon-wrapper .news__item-image { border: none; margin: 0; }
.news__item-icon { fill: #d9d9d9; width: 3rem; vertical-align: middle; }
.news__item-logo { margin: 0.5rem 0 1.25rem; width: 100%; }
.news__item-date { color: #888; }
.news__item--video { display: inline-block; width: 33%; }
.news-header { margin-left: 1.25rem; }
.news-all-btn { margin-left: 1.25rem; }
.news--index { border-top: 1px solid #3d3d3d; margin: 1.25rem -1.25rem 1.25rem 0; }
.news--index .news__item { border-bottom: 1px solid #3d3d3d; margin: 0; padding: 0.5rem 1.25rem; }
.news--index .news__item-name { color: #eee; display: block; margin-bottom: 0.5rem; }
.news--index .news__item-name:hover { color: #b8082e; }

.news-item-wrapper {  }
.news-item-wrapper__image { border: 1px solid #d9d9d9; border-radius: 1rem; margin-top: 0.25rem; }
.news-item-wrapper__text { font-family: 'Roboto'; }
.news-item-wrapper__text table { font-family: 'Roboto'; font-size: 0.65rem; margin-bottom: 1rem; width: 100%; }
.news-item-wrapper__text table th { background: #eee; border: 1px solid #969b9b; padding: 0.5rem; }
.news-item-wrapper__text table td { border: 1px solid #969b9b; padding: 0.5rem; }
.news-item-wrapper__text .btn { margin-right: 0.5rem; }

.news-text-wrapper table { font-family: 'Roboto'; font-size: 0.65rem; margin-bottom: 1rem; width: 100%; }
.news-text-wrapper table th { background: #eee; border: 1px solid #969b9b; padding: 0.5rem; }
.news-text-wrapper table td { border: 1px solid #969b9b; padding: 0.5rem; }

.spares-service {  }
.spares-service > .col-12 { margin-bottom: 0.5rem; }
.spares-service__item { border: 1px solid #d9d9d9; border-radius: 1rem; color: #454546; display: block; height: 100%; padding: 0 1.25rem 1.25rem; }
.spares-service__item .btn { margin-right: 0.5rem; }
.spares-service__item-image-wrapper { background: #fff; border-radius: 1rem; margin: 0 -1.25rem 1rem; text-align: center; }
.spares-service__item-name { font-size: 1.25rem; font-weight: 500; margin: 0 0 1rem; }
.spares-service__item:hover { text-decoration: none; }

.actions { margin: 3rem 0 1.5rem; }
.actions .col-12 { margin-bottom: 1.25rem; }
.actions__item { border: 1px solid #969b9b; color: #454546; display: block; height: 100%; padding: 0 1.25rem 3.5rem; }
.actions__item .btn { bottom: 1.25rem; position: absolute; }
.actions__item-image-wrapper { height: 17.5rem; margin: 0 -1.25rem 1.25rem; }
.actions__item-image { height: 100%; width: 100%; }
.actions__item:hover { color: #454546; text-decoration: none; }

.contacts { font-size: 1rem; }
.contacts__map { border: 1px solid #d9d9d9; border-radius: 1rem; overflow: hidden; }
.contacts__map iframe { border: none; display: block; height: 400px; width: 100%; }
.contacts__name { color: #8c8c8c; font-size: 0.8rem; }
.contacts__phone { color: #454546; display: block; font-size: 1.25rem; font-weight: 500; margin-bottom: 0.25rem; }
.contacts__email { color: #454546; }
.contacts__comment { color: #8c8c8c; font-size: 0.8rem; margin-bottom: 2.5rem; }
.contacts__form-wrapper { font-size: 0.8rem; }

.downloads {  }
.downloads__item { margin-bottom: 1rem; min-height: 4rem; padding-left: 4.25rem; position: relative; }
.downloads__item-name { display: block; font-size: 0.9rem; margin-bottom: 0.5rem; }
.downloads__item-icon { float: left; margin-left: -4.25rem; width: 3rem; }
.downloads__item-type { font-size: 0.75rem; left: 0; position: absolute; text-align: center; top: 1.85rem; width: 2.75rem; }
.downloads__item-date { color: #888; font-size: 0.65rem; }
.downloads__item:hover .downloads__item-icon { fill: #b8082e; }

.brochures {  }
.brochures__item { border: 1px solid #d9d9d9; border-radius: 1rem; display: flex; flex-direction: column; height: 100%; min-height: 15rem; }
.brochures__item-image { background-position: 50% 50%; background-size: cover; border-radius: 1rem; flex-grow: 1; }
.brochures__item-name { font-size: 0.9rem; padding: 1rem 1.25rem; }

.maintenance-calculator-table__name { color: #b18300; font-size: 1.25rem; font-weight: 500; margin-bottom: 1.25rem; }
.maintenance-calculator-table__article { font-weight: 500; }
.maintenance-calculator-table__total { font-weight: 500; }
.maintenance-calculator-table__complect-name { margin: 0.5rem 0 0.25rem; }
.maintenance-calculator-table table { margin-bottom: 2rem; width: 100%; }
.maintenance-calculator-table tr { border-bottom: 1px solid #d9d9d9; }
.maintenance-calculator-table th { color: #888; font-size: 0.65rem; font-weight: normal; padding: 0.5rem 1rem 0.5rem 0; }
.maintenance-calculator-table td { padding: 0.5rem 1rem 0.5rem 0; }
.maintenance-calculator-table .tabs { border-bottom: 1px solid #d9d9d9; margin: 0 0 1rem; }

.maintenance-calculator__sep { padding-top: 1.25rem; position: relative; text-align: center; }
.maintenance-calculator__sep span { background: #f5f5f5; position: relative; z-index: 2; }
.maintenance-calculator__sep:before { border-bottom: 3.5rem solid #d9d9d9; border-left: 1.75rem solid transparent; content: ''; left: calc(50% - 0.875rem); position: absolute; top: 0; }
.maintenance-calculator__sep:after { border-bottom: 3.5rem solid #f5f5f5; border-left: 1.75rem solid transparent; content: ''; left: calc(50% - 0.875rem + 1px); position: absolute; top: 0; }

.maintenance-calculator__result { background: #d9d9d9; border-radius: 1rem 1rem 1.5rem 1.5rem; max-width: 30rem; padding: 1rem 1.5rem 0; }
.maintenance-calculator__result hr { border-top: 1px solid #888; margin: 1rem 0; }
.maintenance-calculator__result table { margin-bottom: 1rem; width: 100%; }
.maintenance-calculator__result th { font-weight: 500; padding: 0 0 0.25rem; text-align: right; }
.maintenance-calculator__result td { color: #8c8c8c; padding: 0 0 0.25rem; }
.maintenance-calculator__result .btn { margin: 0 -1.5rem; width: calc(100% + 3rem); }
.maintenance-calculator__result .tabs { border-bottom: 1px solid #888; margin: 1rem 0; }
.maintenance-calculator__result-name { font-size: 1rem; font-weight: 500; margin-bottom: 0.5rem; }
.maintenance-calculator__result-total { color: #b18300; font-size: 1.25rem; font-weight: bold!important; line-height: 1; }
.maintenance-calculator__result--fixed { position: fixed; top: 5rem; }
.maintenance-calculator__result--absolute { bottom: 0; position: absolute; }
.maintenance-calculator__result-back { color: #b18300; display: block; margin-bottom: 1rem; padding-left: 1.5rem; position: relative; }
.maintenance-calculator__result-back:before { background: #b18300; content: ''; display: block; height: 2px; left: 0; position: absolute; top: calc(50% - 1px); width: 0.75rem; }
.maintenance-calculator__result-back:after { border-top: 2px solid #b18300; border-right: 2px solid #b18300; content: ''; display: block; height: 0.5rem; left: 0; position: absolute; top: calc(50% - 0.25rem); width: 0.5rem; transform: rotate(-135deg); }

.slider--index { margin-bottom: 2.5rem; }
.slider--index .slider__item { background: #d9d9d9; border-radius: 1rem; }
.slider--index .slider__item-name { font-size: 2rem; margin-bottom: 0.5rem; }
.slider--index .slider__item-text { font-size: 0.9rem; margin-bottom: 2.5rem; }
.slider--index .slider__item-image { border-radius: 1rem; width: 100%; }
.slider--index .slider__item-text-wrapper { padding: 5rem 2.5rem 0; }
.slider--index .owl-dots { bottom: calc(1.5rem - 2px); left: calc(58.33% + 2.25rem); width: auto; }
.slider--news { border-bottom: 1px solid #3d3d3d; border-top: 1px solid #3d3d3d; }
.slider--news .slider__item-name-wrapper { padding: 1.25rem; }
.slider--news .slider__item-name { font-size: 1.25rem; margin: 0 0 1.25rem; }
.slider--gallery { margin: 1.25rem 0; }
.slider--thumbs { position: absolute; }
.slider-thumbs { margin: 0.5rem 0 1rem; }
.slider-thumbs__item { border: 1px solid #969b9b; cursor: pointer; height: 5rem; margin-right: 0.35rem; overflow: hidden; position: relative; width: 5rem; }
.slider-thumbs__item img { display: block; position: absolute; top: 0; }
.slider-thumbs__item:hover { border: 1px solid #454546; }
.slider-thumbs__item.active { border: 1px solid #b8082e; }
.slider-wrapper--fixed { position: fixed; top: 5rem; }
.slider-wrapper--absolute { bottom: 0; position: absolute; }
.slider-wrapper--news { margin: 0 -1.25rem 2.5rem; width: calc(100% + 2.5rem); }
.slider-wrapper--news h5 { margin-left: 1.25rem; }

.swiper { overflow-x: hidden; position: relative; }
.swiper-slides { display: flex; transition-delay: 0s; }
.swiper-slides__item { flex-shrink: 0; }
.swiper__arrow { background: #b18300; border-radius: 50%; cursor: pointer; height: 3rem; line-height: 3rem; position: absolute; text-align: center; top: calc(50% - 1.5rem); width: 3rem; }
.swiper__arrow:before { border-left: 2px solid #eee; border-top: 2px solid #eee; content: ''; display: inline-block; height: 0.5rem; vertical-align: middle; width: 0.5rem; }
.swiper__arrow--previous { left: 1rem; }
.swiper__arrow--previous:before { transform: rotate(-45deg); }
.swiper__arrow--next { right: 1rem; }
.swiper__arrow--next:before { transform: rotate(135deg); }

/* Interface */
.crumbs { color: #888; font-size: 0.65rem; margin: 2rem 0 -1rem; }
.crumbs__item { color: #888; }
.crumbs__sep { fill: #888; height: 0.25rem; margin: 0 0.5rem 0.125rem; }
.crumbs--bottom { margin: 1rem 0; }

.menu {}
.menu ul { list-style-type: none; margin: 0; }
.menu ul li { margin: 0; padding: 0; }
.menu ul li:before { display: none; }
.menu__bg { background: #323c3f; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; z-index: -1; width: 100%; }
.menu--main { background: #454546; border-radius: 1rem; font-size: 0.65rem; font-weight: bold; position: fixed; top: 4.25rem; z-index: 11; width: 7.5rem; }
.menu--main a { color: #eee; }
.menu--main > ul { position: relative; }
.menu--main > ul > .menu__item > a { border-bottom: 1px solid #888; display: block; line-height: 1.25; padding: 0.75rem 1rem; position: relative; text-align: center; }
.menu--main > ul > .menu__item > a:hover { background: #b18300; border-radius: 1rem; color: #eee; text-decoration: none; }
.menu--main > ul > .menu__item > a:hover:before { opacity: 1; }
.menu--main > ul > .menu__item > a:hover:after { opacity: 1; }
.menu--main > ul > .menu__item > a[href='/news/']:before { display: none; }
.menu--main > ul > .menu__item > a[href='/news/']:after { display: none; }
.menu--main > ul > .menu__item > a > .menu__item-icon { margin-bottom: 0.25rem; max-height: 3rem; width: 5.5rem; }
.menu--main > ul > .menu__item > ul { background: #b18300; border-radius: 1rem; left: 100%; min-height: 100%; opacity: 0; overflow: hidden; position: absolute; top: 0; width: 0; z-index: 10; }
.menu--main > ul > .menu__item > ul > .menu__item > a { border-radius: 1rem; color: #eee; display: block; padding: 1.25rem 1rem; position: relative; text-align: center; }
.menu--main > ul > .menu__item > ul > .menu__item > a:hover { background: #940725; text-decoration: none; }
.menu--main > ul > .menu__item > ul > .menu__item--selected > a { background: #940725; text-decoration: none; }
.menu--main > ul > .menu__item--parent > a:hover { border-radius: 1rem 0 0 1rem; }
.menu--main > ul > .menu__item--parent > a:before { border-radius: 0 0 1rem 0; box-shadow: 1rem 1rem 0 0 #b18300; content: ''; height: 2rem; opacity: 0; position: absolute; right: 0; top: -2rem; transition: 0.5s 0.1s; width: 2rem; }
.menu--main > ul > .menu__item--parent > a:after { border-radius: 0 1rem 0 0; bottom: -2rem; box-shadow: 1rem -1rem 0 0 #b18300; content: ''; height: 2rem; opacity: 0; position: absolute; right: 0; transition: 0.5s 0.1s; width: 2rem; }
.menu--main > ul > .menu__item--parent:hover > a { border-radius: 1rem 0 0 1rem; }
.menu--main > ul > .menu__item--parent:first-of-type:hover > a { border-radius: 1rem 0 1rem 1rem; }
.menu--main > ul > .menu__item--parent:last-of-type:hover > a { border-radius: 1rem 1rem 0 1rem; }
.menu--main > ul > .menu__item--selected > a { background: #b18300; border-radius: 1rem; color: #eee; text-decoration: none; }
.menu--main > ul > .menu__item:hover > ul { opacity: 1; width: 7.5rem; }
.menu--main > ul > .menu__item:hover > a { background: #b18300; border-radius: 1rem; }
.menu--main > ul > .menu__item:hover > a:before { opacity: 1; }
.menu--main > ul > .menu__item:hover > a:after { opacity: 1; }
.menu--main > ul > .menu__item:first-of-type > ul { border-radius: 0 1rem 1rem 1rem; }
.menu--main > ul > .menu__item:first-of-type > a:before { display: none; }
.menu--main > ul > .menu__item:last-of-type > ul { border-radius: 1rem 1rem 1rem 0; }
.menu--main > ul > .menu__item:last-of-type > a { border-bottom: none; }
.menu--main > ul > .menu__item:last-of-type > a:after { display: none; }
.menu--main:hover ~ .menu__bg { opacity: 0.2; z-index: 9; }
.menu--footer > ul { display: flex; flex-wrap: wrap; }
.menu--footer > ul > .menu__item { padding-right: 1rem; width: 16.66%; }
.menu--footer > ul > .menu__item > a { display: inline-block; font-weight: bold; margin-bottom: 0.5rem; }
.menu--footer > ul > .menu__item > a > .menu__item-icon { display: none!important; }
.menu--footer > ul > .menu__item > ul { margin-bottom: 1rem; }
.menu--footer > ul > .menu__item > ul > .menu__item { margin-bottom: 0.25rem; }
.menu--tabs { background: #f5f5f5; border: 1px solid #d9d9d9; border-radius: 1rem; font-size: 0.8rem; font-weight: bold; margin: 0 0 2rem -1rem; padding-right: 1rem; position: fixed; z-index: 10; }
.menu--tabs > ul { display: flex; flex-wrap: wrap; }
.menu--tabs > ul > .menu__item { position: relative; }
.menu--tabs > ul > .menu__item > a { color: #454546; display: block; line-height: 3rem; margin-left: 1rem; white-space: nowrap; }
.menu--tabs > ul > .menu__item > a:hover { color: #b18300; text-decoration: none; }
.menu--tabs > ul > .menu__item--selected > a { color: #b18300; }
.menu--nomargin { margin-top: 0; }
.menu-gap { height: 3rem; }

.socials {  }
.socials__item { background: #b18300; border-radius: 50%; color: #eee; cursor: pointer; height: 1.75rem; line-height: 1.75rem; margin: 0 0.25rem 0 0; width: 1.75rem; }
.socials__item-icon { display: block; fill: #eee; float: left; height: 1rem; margin: 0.375rem; width: 1rem; }

.search-form { position: relative; }
.search-form__button { background: transparent; border: none; position: absolute; height: 2rem; right: 0; top: 0; width: 2rem; }
.search-form__icon { fill: #969b9b; height: 1.5rem; }

.search-results { margin-bottom: 2.5rem; }
.search-results__item { border-bottom: 1px solid #969b9b; margin-bottom: 1.25rem; }
.search-results__item-date { color: #8c8c8c; font-size: 0.65rem; margin-bottom: 1.25rem; }
.search-results__item-date a { color: #8c8c8c; }
.search-results__item-name { color: #000; display: block; font-size: 1.25rem; margin-bottom: 1rem; }

body label { display: block; margin-bottom: 0.25rem; }
body input[type=text], body input[type=password] { background: transparent; border: 1px solid #d9d9d9; color: #2a2a2a; border-radius: 1rem; display: block; font-family: 'Roboto', Arial, sans-serif; font-size: 0.7rem; height: 2rem; line-height: 2rem; margin-bottom: 1rem; outline: none; padding: 0 1rem; width: 100%; }
body input[type=text]:hover, body input[type=password]:hover { border: 1px solid #b18300; outline: none; }
body input[type=text]:focus, body input[type=password]:focus { border: 1px solid #b18300; outline: none; }
body input[type=text]:disabled, body input[type=text]:read-only, body input[type=password]:disabled { cursor: default; opacity: 0.5; }
body input[type=text]:disabled:hover, body input[type=text]:read-only:hover, body input[type=password]:disabled:hover { border: 1px solid #b18300; outline: none; }
body input[type=text]:disabled:focus, body input[type=text]:read-only:focus, body input[type=password]:disabled:focus { border: 1px solid #b18300; outline: none; }
body input[type=text]:-internal-autofill-selected { background: none; }
body input[type=text].input--error { border: 1px solid #b8082e; }
body input[type=number] { background: transparent; border: 1px solid #969b9b; color: #323c3f; display: inline-block; font-family: 'Roboto', Arial, sans-serif; font-size: 0.7rem; height: 2.25rem; line-height: 2.25rem; margin-bottom: 1.25rem; outline: none; padding: 0 0.65rem 0 1.25rem; }
body input[type=number]:hover, body input[type=password]:hover { border: 1px solid #b18300; outline: none; }
body input[type=number]:focus, body input[type=password]:focus { border: 1px solid #b18300; outline: none; }
body input[type=number].input--error { border: 1px solid #b8082e; }
body textarea { background: transparent; border: 1px solid #d9d9d9; border-radius: 1rem; color: #2a2a2a; display: block; font-family: 'Roboto', Arial, sans-serif; font-size: 0.7rem; margin-bottom: 1.25rem; outline: none; padding: 0.5rem 1.25rem; width: 100%; }
body textarea:hover { border: 1px solid #b18300; }
body textarea:focus { border: 1px solid #b18300; }
body textarea.input--error { border: 1px solid #b8082e; }
body select { background: transparent; border: 1px solid #d9d9d9; border-radius: 1rem; color: #2a2a2a; cursor: pointer; font-family: 'Roboto', Arial, sans-serif; font-size: 0.7rem; height: 2rem; line-height: 2rem; margin-bottom: 1.25rem; padding: 0 1rem; width: 100%; }
body select:disabled { cursor: default; opacity: 0.5; }
body .btn { border-radius: 1rem; font-family: 'Roboto', Arial, sans-serif; font-size: 0.8rem; height: 2rem; line-height: 2rem; padding: 0 1rem; text-decoration: none; }
body .btn:focus { box-shadow: none; outline: none; }
body .btn:disabled { cursor: default; opacity: 0.5; }
body .btn-black { background: #454546; color: #eee; }
body .btn-black:hover { background: #3d3d3d; color: #eee; }
body .btn-black:disabled:hover { background: #454546; color: #eee; }
body .btn-black--bordered { background: transparent; border: 1px solid #454546; color: #454546; }
body .btn-gray { background: #eee; color: #454546; }
body .btn-gray:hover { background: #969b9b; color: #454546; }
body .btn-gray:disabled:hover { background: #eee; color: #454546; }
body .btn-red { background: #b8082e; color: #eee!important; }
body .btn-red:hover { background: #b18300; color: #eee!important; }
body .btn-red:disabled:hover { background: #b8082e; color: #eee!important; }
body .btn-red--bordered { background: transparent; border: 1px solid #b8082e; color: #b8082e!important; }
body .btn-mustard { background: #b18300; color: #eee!important; }
body .btn-mustard:hover { background: #b18300; color: #eee!important; }
body .btn-mustard:disabled:hover { background: #b18300; color: #eee!important; }
body .btn-mustard--bordered { background: transparent; border: 1px solid #b18300; color: #b18300!important; }
body .btn-green { background: #557230; border: 1px solid #557230; color: #eee!important; }
body .btn-green:hover { background: #435f20; color: #eee!important; }
body .btn-green:disabled:hover { background: #557230; color: #eee!important; }
body .btn-green--bordered { background: transparent; border: 1px solid #557230; color: #557230!important; }
body .btn-large { border-radius: 1.5rem; font-size: 1rem; font-weight: bold; height: 3rem; line-height: 3rem; padding: 0 1.5rem; text-decoration: none; }
body .btn-messenger { padding: 0; width: 2.25rem; }
body .btn-messenger:hover { opacity: 0.8; }
body .btn-messenger svg { fill: #fff; height: 1.25rem; margin-top: 0.4rem; width: 1.25rem; }
body .btn-messenger--viber { background: #7043b8; }
body .btn-messenger--telegram { background: #27a3e3; }
body .btn-messenger--whatsapp { background: #5ace5f; }
body .btn-messenger--print { background: #b8082e; }
.error-block { background: #f9ebee; border: 1px solid #b8082e; border-radius: 1rem; color: #b8082e; margin: 1.25rem 0; padding: 0.65rem 1.25rem; position: relative; }
.error-block a { color: #b8082e; position: relative; text-decoration: underline; z-index: 1; }
.error-block--nomargin { margin-top: 0; }
.success-block { background: #dfefca; border: 1px solid #557230; border-radius: 1rem; color: #557230; margin: 1.25rem 0; padding: 0.65rem 1.25rem; position: relative; }
.success-block a { color: #557230; position: relative; text-decoration: underline; z-index: 1; }
.success-block--nomargin { margin-top: 0; }
.status-block { background: #f4eedb; border: 1px solid #b18300; border-radius: 1rem; color: #b18300; margin: 1.25rem 0; padding: 0.65rem 1.25rem; position: relative; }
.status-block a { color: #b18300; position: relative; text-decoration: underline; z-index: 1; }
.status-block--nomargin { margin-top: 0; }

.select { margin-bottom: 1.25rem; position: relative; }
.select:after { border-bottom: 1px solid #454546; border-right: 1px solid #000; content: ''; display: block; height: 6px; position: absolute; right: 8px; transform: rotate(45deg); top: 1rem; width: 6px; z-index: 0; }
.select__input { margin: 0!important; }
.select__options { background: #fff; border: 1px solid #969b9b; color: #454546; display: none; font-size: 0.7rem; margin-top: -1px; position: absolute; width: 100%; z-index: 10; }
.select__options-item { cursor: pointer; padding: 0.25rem 1.25rem; }
.select__options-item:hover { background: #eee; }
.select__options-item--selected { background: #969b9b; }

.checkbox { cursor: pointer; display: block; margin-bottom: 0.5rem; padding-left: 1.75rem; position: relative; }
.checkbox__input { display: none; }
.checkbox__label:before { border: 1px solid #3d3d3d; content: ''; float: left; height: 1rem; margin: 0 0 0 -1.75rem; transition: 0.5s 0.1s; width: 1rem; }
.checkbox__label:after { border-bottom: 2px solid #b8082e; border-left: 2px solid #b8082e; content: ''; height: 0.4rem; left: 0.2rem; opacity: 0; top: 0.2rem; position: absolute; transform: rotate(-50deg); transition: 0.5s 0.1s; width: 0.6rem; }
.checkbox__input:checked ~ .checkbox__label:after { opacity: 1; }
.checkbox--policy a { text-decoration: underline; }
.checkbox:hover .checkbox__label:before { border: 1px solid #ccc; }

.radiobutton { cursor: pointer; display: inline-block; margin: 0 1.25rem 1.25rem 0; padding-left: 1.75rem; }
.radiobutton__input { display: none; }
.radiobutton__label:before { border: 1px solid #3d3d3d; border-radius: 50%; content: ''; float: left; height: 1rem; margin: 0 0 0 -1.75rem; transition: 0.5s 0.1s; width: 1rem; }
.radiobutton__label:after { background: #b8082e; border-radius: 50%; content: ''; float: left; height: 0.5rem; margin: 0.25rem 0 0 -1.5rem; opacity: 0; transition: 0.5s 0.1s; width: 0.5rem; }
.radiobutton:hover .radiobutton__label:before { border: 1px solid #ccc; }
.radiobutton__input:checked ~ .radiobutton__label:after { opacity: 1; }
.radiobutton__input:disabled ~ .radiobutton__label { opacity: 0.5; }

.pdf-link { align-items: center; color: #454546; display: flex; letter-spacing: 0.05rem; margin: 1.25rem 0; text-transform: uppercase; }
.pdf-link__icon { margin-right: 1rem; width: 2rem; }
.pdf-link:hover .pdf-link__icon { fill: #b8082e; }

body .table-bordered { font-family: 'Roboto'; font-size: 0.65rem; margin-bottom: 1rem; width: 100%; }
body .table-bordered th, body .table-bordered td { border: 1px solid #d9d9d9; padding: 0.5rem; }

.show-more { cursor: pointer; }
.hide-content { display: none; margin: 1.25rem 0; transition: none; }
.opened .hide-content { display: block; }
.opened ~ div .hide-content { display: block; }

.tabs { border-bottom: 1px solid #d9d9d9; display: flex; font-weight: bold; line-height: 3rem; margin: 0 1rem -1px 0; }
.tabs__item { border-radius: 1rem 1rem 0 0; cursor: pointer; padding: 0 1rem; white-space: nowrap; }
.tabs__item--selected { background: #b18300; color: #fff; cursor: default; }
.tab-content { border: 1px solid #d9d9d9; border-radius: 0 1rem 1rem 1rem; display: none; padding: 1rem; }
.tab-content--selected { display: block; }
.tab-content--noborder { border: none; padding: 0; }

.shadow { background: #000; display: none; height: 100%; left: 0; opacity: 0.2; position: fixed; top: 0; transition: none; width: 100%; z-index: 10; }
.loading { display: none; height: 100%; left: 0; position: fixed; top: 0; transition: none; width: 100%; z-index: 1000; }
.loading__shadow { background: #000; height: 100%; left: 0; opacity: 0.2; position: absolute; top: 0; width: 100%; }
.loading__image { left: 50%; margin: 0 0 0 -52.5px; opacity: 0.8; position: absolute; top: 50%; }

.fancybox-content { color: #323c3f; cursor: inherit!important; max-width: 1600px; padding: 1.25rem; transition: none; }
.fancybox-content a { color: #323c3f; }

.pages { margin: 0 0 1.5rem -0.125rem; position: relative; }
.pages ul { display: flex; }
.pages ul li { padding: 0; }
.pages ul li:before { display: none; }
.pages__item { border: 1px solid #d9d9d9; border-radius: 50%; height: 2rem; line-height: 2rem; margin: 0 0.125rem; text-align: center; width: 2rem; }
.pages__item a { color: #2a2a2a; display: block; line-height: 2rem; width: calc(2rem - 2px); }
.pages__item--selected { color: #b18300; }
.pages__item:hover { border: 1px solid #b18300; }
.pages__item:hover a { color: #2a2a2a; text-decoration: none; }
.pages__arrow { border: 1px solid #d9d9d9; border-radius: 50%; display: block; height: 2rem; line-height: 1.75rem; margin: 0 0.125rem; text-align: center; width: 2rem; }
.pages__arrow:before { border-left: 1px solid #3d3d3d; border-top: 1px solid #3d3d3d; content: ''; display: inline-block; height: 0.4rem; width: 0.4rem; }
.pages__arrow:hover { border: 1px solid #b18300; }
.pages__arrow--previous:before { transform: rotate(-45deg); }
.pages__arrow--next:before { transform: rotate(135deg); }
.pages__fast-link { margin: 0 0 0 1.25rem; }
.pages__fast-link a { color: #8c8c8c; line-height: 1.25rem; }
.pages__fast-link:first-of-type { margin: 0 1.25rem 0 0; }

[class*='ymaps-2'] * { transition: none; }
[class*='ymaps-2'][class*='-ground-pane'] { filter: grayscale(1); -ms-filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); }
/* End */


/* Start:/bitrix/templates/compass_dealersite/css/mediaqueries.css?17492113613235*/
@media (max-width: 1600px) {
	.content-wrapper { margin-left: 8.5rem; }

	.slider--index .slider__item-text-wrapper { padding: 2.5rem 1.25rem 0; }
}

@media (max-width: 1400px) {
	html { font-size: 18px; }
}

@media (max-width: 1200px) {
	.header__slogan { flex-grow: 1; }
	.header__search { border-left: 1px solid #888; flex-grow: unset; line-height: 3.75rem; margin: 0; text-align: center; width: 3.75rem; }
	.header__search-icon { margin-top: 1.25rem; }
	.header__search:hover { background: #b18300; }
	.header__search:hover .header__search-icon { fill: #eee; }

	.menu--tabs { margin: 0 1.25rem 0 0; }
	.menu-wrapper--tabs { background: #eee; margin: 0 -1.25rem 2.5rem; overflow-y: scroll; }
}

@media (max-width: 991px) {
	html { font-size: 16px; }

	.news-header { margin-left: 0; }
	.news-all-btn { margin-left: 0; }
	.news--index { margin: 1.25rem -1.25rem; }

	.news__item-image { width: calc(360px - 2.5rem); }

	.slider--index .slider__item-text-wrapper { height: auto; padding: 1.25rem; }
	.slider--index .owl-dots { bottom: -1rem; left: auto; width: 100%; }

	.footer__copy { padding-bottom: 1rem; }
	.footer__policy { padding-top: 0; text-align: left; }
	.footer__policy a { margin-left: 0; margin-right: 0.5rem; }
	.footer__socials { justify-content: left; padding-bottom: 1rem; }
}

@media (max-width: 767px) {
	.header__logo-wrapper { flex-grow: 1; }
	.header__phone { text-align: center; width: 3.75rem; }
	.header__phone-icon { margin-top: 1.25rem; }

	.footer .content-wrapper { margin: 0; }

	.content-wrapper { margin: 0 0 2rem; }

	.menu--main { display: none; overflow-y: scroll; transition: none; width: 15rem; }
	.menu--main > ul > .menu__item { border-bottom: 1px solid #41627c; }
	.menu--main > ul > .menu__item > a { border-bottom: none; font-size: 1rem; font-weight: 500; padding: 1.25rem 1rem; position: relative; text-align: left; }
	.menu--main > ul > .menu__item > ul { background: none; height: 0; letter-spacing: 0; margin: 0; opacity: 1; padding: 0; position: static; text-transform: none; transition: none; width: auto; }
	.menu--main > ul > .menu__item > ul > .menu__item > a { font-size: 0.9rem; padding: 0.75rem 1rem; text-align: left; }
	.menu--main > ul > .menu__item:hover > ul { width: auto; }
	.menu--main > ul > .menu__item--parent > a:before { display: none; }
	.menu--main > ul > .menu__item--parent > a:after { border-left: 2px solid #fff; border-bottom: 2px solid #fff; box-shadow: none; content: ''; display: block; height: 0.5rem; opacity: 1; position: absolute; right: 1.125rem; top: 1.5rem; transform: rotate(-45deg); transition: 0.5s 0.1s; width: 0.5rem; }
	.menu--main > ul > .menu__item--opened > ul { height: auto; padding: 0 0 1rem; }
	.menu--main > ul > .menu__item--opened > a:after { transform: rotate(135deg); }
	.menu--main .header__phone { border: none; float: right; margin-right: 1rem; width: auto; }
	.menu--tabs { position: relative; }
	.menu-gap { display: none; }
}

@media (max-width: 575px) {
	html { font-size: 14px; }
	body { padding: 3.25rem 1rem 0; }

	.content-wrapper__bg { background-position: 40% 50%; height: 10rem; }
	.content-wrapper__bg:after { border-top: 10rem solid transparent; }

	.slider--index .slider__item-image-wrapper { height: 300px; }
}
/* End */
/* /bitrix/templates/compass_dealersite/js/fancybox/jquery.fancybox.css?174921136117571 */
/* /bitrix/templates/compass_dealersite/css/init.css?174921136132343 */
/* /bitrix/templates/compass_dealersite/css/mediaqueries.css?17492113613235 */
