@charset "UTF-8";
.active-upravlenie:after, .bu-list-sorting__mobile-caption.wait-loading-jax::after, .bu-list-sorting__link.wait-loading-jax::after, .tradein-info__premium--item:before, .tradein-info__docs--item:before, .sending i::before, .warrantyuridi__box ul li::before, .action-not-found__link::before, .pagination__link.wait-loading-jax::after, .wait-loading-jax span::after {
  font-family: "icomoon";
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/*
MY POINT
1180
992
800
780 --
570
480
360

<576px 	sm
≥576px 	md
≥768px 	lg
≥992px 	xl
≥1200px 	xxl
≥1400px
540px 	720px 	960px 	1140px 	1320px
*/
/*
$redColor: #ff0000;

$primaryColor: #202124;
$siteColor: #EF2A32;
$siteHovColor: darken($siteColor, 20%);
$grey: #656565;

$paletteWt: #f1faee;
$palettePr: #a8dadc;
$palettePd: #457b9d;

$linkColor: $primaryColor;
$linkHoverColor: $siteColor;
$linkRedHoverColor: darken($siteColor, 20%);
$green: #36bd01;
*/
/*
%box-color {
	border-color: $boxHoverBorderColor;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px 1px;
}
*/
.debug {
  width: 100%;
  max-width: 800px;
  margin: 20px auto;
  padding: 10px;
  background-color: red;
  color: white;
}

.not-work {
  margin: 30px 0;
}
.not-work__img {
  display: block;
  margin: 0 auto;
}
.not-work__code {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.not-work__code pre {
  font-size: 8px !important;
  color: #666;
}

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

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

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

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

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

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

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

* {
  padding: 0;
  margin: 0;
  border: 0px;
}

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

:focus,
:active {
  outline: none;
}

aside,
nav,
footer,
header,
section {
  display: block;
}

input,
button,
textarea {
  font-family: inherit;
  background: none;
  color: inherit;
}

input::-ms-clear {
  display: none;
}

input:invalid,
input:valid {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

button {
  cursor: pointer;
  position: relative;
}

button::-moz-focus-inner {
  padding: 0;
  margin: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

a,
a:hover,
a:active,
a:visited {
  text-decoration: none;
}

ul,
ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: inherit;
  font-size: inherit;
}

* :not(body) {
  scrollbar-width: thin;
  scrollbar-color: #145476 #0d3348;
}

/*-webkit-overflow-scrolling: touch;*/
/*animation-play-state:paused !important;*/
/** --------------------------------------------------------------
для всех кнопок
---------------------------------------------------------------- */
.btn {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 8px 15px 7px 15px;
  font-size: 13px;
  text-transform: uppercase;
  overflow: hidden;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  font-weight: 500;
}
@media (max-width: 570px) {
  .btn {
    padding: 4px 10px 6px 10px;
  }
}
.btn i {
  font-size: 1.2rem;
  top: 2px;
  margin-right: 5px;
}
.btn:before {
  content: "";
  position: absolute;
  left: -25px;
  top: 0;
  width: 15px;
  height: 100%;
  background: #fff;
  -webkit-filter: blur(10px);
          filter: blur(10px);
  -webkit-transform: rotate(25deg);
      -ms-transform: rotate(25deg);
          transform: rotate(25deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.btn:after {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 3s ease;
  transition: all 3s ease;
}
.btn.sending:after {
  left: 0%;
}
.btn:hover:before {
  left: calc(100% + 25px);
}

/** --------------------------------------------------------------
красная
---------------------------------------------------------------- */
.btn-red {
  background: #01b81d;
  color: white;
  -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
}
.btn-red:hover {
  background-color: #019f19;
  -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #01eb25;
}
.btn-red.disabled {
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  background-color: #b3b8b9;
  opacity: 0.8;
}
.btn-red.disabled:hover {
  background-color: #b3b8b9;
  -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid transparent;
  cursor: default;
}

/*
	$boxColorButton: rgba(darken($siteColor, 40%), 0.6);
.btn-red {
	background-color: $siteColor;
	color: white;
	box-shadow: 0px 4px 10px 2px rgba(black, 0.2), inset 0px 0px 0px 0px $boxColorButton;
	border: 1px solid transparent;
	transition: background-color 0.8s, box-shadow 10s;

	&:hover {
		background-color: darken($siteColor, 20%);
		box-shadow: 0px 4px 6px 2px rgba(black, 0.3);
		border: 1px solid lighten($siteColor, 20%);

	}

	&.disabled {
		transition: all 0.8s ease;
		background-color: #b3b8b9;
		opacity: 0.8;
		&:hover {
			background-color: #b3b8b9;
			//box-shadow: 0px 4px 10px 2px rgba(black, 0.2);
			border: 1px solid transparent;
			cursor: default;
		}
	}

	&.sending {
		box-shadow: 0px 4px 10px 2px rgba(black, 0.2), inset 300px 0px 0px 0px $boxColorButton;
	}
}
*/
/** --------------------------------------------------------------
Черная
---------------------------------------------------------------- */
.btn-dark {
  background-color: #343434;
  color: white;
  -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}
.btn-dark:hover {
  background-color: #010101;
  -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #676767;
}

/** --------------------------------------------------------------
btn-primary
---------------------------------------------------------------- */
.btn-primary {
  background: #333;
  background: -webkit-gradient(linear, left bottom, left top, from(#262626), to(rgba(64, 64, 64, 0.7)));
  background: linear-gradient(0deg, #262626 0%, rgba(64, 64, 64, 0.7) 100%);
  color: white;
  -webkit-box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
}
.btn-primary:hover {
  background-color: #363636;
  -webkit-box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 4px 6px 2px rgba(0, 0, 0, 0.3);
  border: 1px solid #4d4d4d;
}

/** --------------------------------------------------------------
Другие кнопки 
---------------------------------------------------------------- */
/** --------------------------------------------------------------
Анимация ссылки нижняя линия
---------------------------------------------------------------- */
.aniLink {
  position: relative;
}
.aniLink::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  border-bottom: 1px solid #01b81d;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.aniLink:hover::after {
  bottom: 0px;
  opacity: 1;
}
.aniLink:hover .nav-menu__icon-catalog::after {
  width: 50%;
  -webkit-transform: translate(50%, -50%);
      -ms-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
}

/** --------------------------------------------------------------
Гамбургер
---------------------------------------------------------------- */
.menu-burger {
  position: relative;
  /* задаем относительное позиционирование */
  width: 30px;
  /* определяем размеры блока */
  height: 30px;
  display: block;
}
.menu-burger span, .menu-burger:after, .menu-burger:before {
  height: 3px;
  width: 100%;
  position: absolute;
  background: #515758;
  margin: 0 auto;
  left: 0;
}
.menu-burger span {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menu-burger:after, .menu-burger:before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: "";
  left: 0;
}
.menu-burger:after {
  bottom: 5px;
}
.menu-burger:before {
  top: 5px;
}
.menu-burger.open-menu span {
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.menu-burger.open-menu:before, .menu-burger.open-menu:after {
  top: 47%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.menu-burger.open-menu:before {
  -webkit-transform: rotate(38deg);
      -ms-transform: rotate(38deg);
          transform: rotate(38deg);
}
.menu-burger.open-menu:after {
  -webkit-transform: rotate(-38deg);
      -ms-transform: rotate(-38deg);
          transform: rotate(-38deg);
}

/** --------------------------------------------------------------

---------------------------------------------------------------- */
/*
.wait-preloader {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	/* фоновый цвет * /
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0.6;
	z-index: 0;

	// .wait-preloader__block
	&__block {
		display: block;
		position: relative;
		width: 150px;
		height: 150px;
		margin: 30px auto;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #337ab7;
		animation: card-preloader-spin 2s linear infinite;
	}
	// .wait-preloader__block:before
	&__block:before {
		content: "";
		position: absolute;
		top: 5px;
		left: 5px;
		right: 5px;
		bottom: 5px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #bfe2ff;
		animation: card-preloader-spin 3s linear infinite;
	}
	// .wait-preloader__block:after
	&__block:after {
		content: "";
		position: absolute;
		top: 15px;
		left: 15px;
		right: 15px;
		bottom: 15px;
		border-radius: 50%;
		border: 3px solid transparent;
		border-top-color: #337ab7;
		animation: card-preloader-spin 1.5s linear infinite;
	}
}
@keyframes card-preloader-spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
*/
.wait-car-one-spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 0;
}
.wait-car-one-spinner span, .wait-car-one-spinner:before, .wait-car-one-spinner:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: -25px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #01b81d;
  -webkit-animation: wait-car-preloader-op 0.6s linear infinite;
          animation: wait-car-preloader-op 0.6s linear infinite;
}
.wait-car-one-spinner:before {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  left: 0px;
}
.wait-car-one-spinner:after {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  left: 25px;
}

@-webkit-keyframes wait-car-preloader-op {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes wait-car-preloader-op {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(0.1);
            transform: scale(0.1);
  }
  100% {
    opacity: 0.5;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.wait-preloader-one-spinner {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  margin: -50px 0 0 -50px;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top-color: #01b81d;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-animation: wait-preloader-spin 2s linear infinite;
          animation: wait-preloader-spin 2s linear infinite;
  z-index: 0;
}
.wait-preloader-one-spinner:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #08fe2d;
  -webkit-animation: wait-preloader-spin 3s linear infinite;
          animation: wait-preloader-spin 3s linear infinite;
}
.wait-preloader-one-spinner:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #54fe6e;
  -webkit-animation: wait-preloader-spin 1.5s linear infinite;
          animation: wait-preloader-spin 1.5s linear infinite;
}

@-webkit-keyframes wait-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes wait-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.wait-loading-jax span::after {
  content: "\ea35";
  display: inline-block;
  font-size: 18px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  position: relative;
  top: 3px;
  margin: -10px 0;
  margin-left: 5px;
  animation: wait-preloader-spin 0.6s steps(8) infinite reverse;
}

.pagination__link.wait-loading-jax {
  position: relative;
}
.pagination__link.wait-loading-jax::after {
  content: "\ea19";
  display: block;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-size: 34px;
  position: absolute;
  top: 5px;
  left: 7px;
  margin: 0;
  animation: wait-preloader-spin 0.6s steps(8) infinite reverse;
}

.pagination__button.wait-loading-jax span::after {
  margin-right: -20px;
}

.list-models__link.wait-loading-jax {
  position: relative;
}
.list-models__link.wait-loading-jax span::after {
  position: absolute;
  top: 5px;
  left: 7px;
  display: block;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-size: 24px;
  position: absolute;
  top: 5px;
  left: auto;
  right: 10px;
  margin: 0;
}
.list-models__link.wait-loading-jax span:last-child:after {
  display: none;
}

html {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #333;
  height: 100%;
}

html,
body {
  background: #fff;
}

/* ======================================
Контейнер
========================================= */
.container {
  width: 100%;
  max-width: 1300px;
  min-width: 310px;
  margin: 0 auto;
  padding: 0 15px;
}

/* ======================================
для иконок
========================================= */
[class^=icon-],
[class*=" icon-"] {
  position: relative;
}

/* ======================================
для ссылок
========================================= */
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

a:hover {
  color: #333;
  text-decoration: underline;
}

.jpop {
  cursor: pointer;
}

/* ======================================
Скрыть hidden
========================================= */
.hidden {
  display: none;
}

/* ======================================
Без переноса
========================================= */
.no-break,
.nowrap {
  white-space: nowrap;
}

/* ======================================
Цвет сайта
========================================= */
.site-color {
  color: #01b81d;
}

.green {
  color: #36bd01;
}

.black {
  color: black;
}

.bold {
  font-weight: bold;
}

.prplet {
  text-transform: lowercase;
}

/* ======================================
b-lazy
========================================= */
.b-lazy {
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}

.b-lazy.b-loaded {
  opacity: 1;
}

/* ======================================
favorite
========================================= */
#insert-car-favorite {
  width: 100%;
  min-height: 300px;
  position: relative;
}
#insert-car-favorite .card-not-found {
  padding: 0px 0;
  text-align: center;
}

/* ======================================
BLUR
========================================= */
.blur {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='3'/></filter></svg>#blur");
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="3");
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

/* ======================================
ToolTIP
========================================= */
.jBox-Tooltip {
  margin-top: -10px;
}
.jBox-Tooltip .jBox-content {
  padding: 8px 15px;
  background-color: #495057;
  color: #fff;
  border-radius: 10px;
  font-size: 12px;
  font-weight: 500;
  width: auto;
  max-width: 200px;
  text-align: center;
  position: relative;
}
.jBox-Tooltip .jBox-content:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 5px solid #495057;
  position: absolute;
  left: 50%;
  bottom: -5px;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

/* ======================================
страница в разработке
========================================= */
.page_in_work {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 300px 0;
  font-size: 30px;
}

.fixed-body {
  position: fixed;
  width: 100%;
  height: 100%;
}

.preloader {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  /* фоновый цвет */
  background: rgba(255, 255, 255, 0.95);
  z-index: 1001;
}
.preloader__element {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 150px;
  height: 150px;
  margin: -75px -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #337ab7;
  -webkit-animation: preloader-5-spin 2s linear infinite;
          animation: preloader-5-spin 2s linear infinite;
}
.preloader__element:before, .preloader__element:after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 3px solid transparent;
  -webkit-animation: preloader-5-spin 1s linear infinite;
          animation: preloader-5-spin 1s linear infinite;
}
.preloader__element:before {
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-top-color: #bfe2ff;
  -webkit-animation-duration: 3s;
          animation-duration: 3s;
}
.preloader__element:after {
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-top-color: #337ab7;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
}

@-webkit-keyframes preloader-5-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes preloader-5-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.not-found {
  margin: 50px 0;
}
@media (max-width: 570px) {
  .not-found {
    margin: 20px 0;
  }
}
.not-found__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
@media (max-width: 570px) {
  .not-found__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.not-found__column {
  width: 50%;
}
@media (max-width: 570px) {
  .not-found__column {
    width: 100%;
    text-align: center;
  }
}
.not-found__image {
  text-align: center;
  margin-top: 20px;
}
.not-found__img {
  width: auto;
  max-width: 100%;
  height: auto;
}

@media (max-width: 570px) {
  .name-not-found {
    margin-bottom: 20px;
  }
}
.name-not-found__404 {
  font-size: 180px;
  font-weight: bold;
  text-align: center;
  color: #01b81d;
}
@media (max-width: 800px) {
  .name-not-found__404 {
    font-size: 100px;
  }
}
.name-not-found__no-search {
  text-align: center;
  font-size: 30px;
  color: #01b81d;
  margin-top: -30px;
}
@media (max-width: 800px) {
  .name-not-found__no-search {
    font-size: 16px;
    margin-top: 0;
  }
}

.action-not-found__caption {
  margin-bottom: 25px;
}
.action-not-found__vopros {
  margin-bottom: 25px;
}
.action-not-found__link {
  position: relative;
  display: block;
  margin: 10px;
  text-decoration: underline;
  font-weight: bold;
  padding-left: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.action-not-found__link::before {
  content: "\e9f8";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.action-not-found__link:hover::before {
  left: -3px;
}

/** --------------------------------------------------------------
FOOTER 
---------------------------------------------------------------- */
.footer {
  position: relative;
  background-color: rgba(248, 248, 248, 0.95);
}
.menu-footer {
  padding: 30px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 680px) {
  .menu-footer {
    display: block;
  }
}
.menu-footer__box {
  width: 20%;
  margin: 0 15px;
}
@media (max-width: 680px) {
  .menu-footer__box {
    width: 100%;
    margin-top: 35px;
  }
  .menu-footer__box:first-child {
    margin-top: 0;
  }
}
.menu-footer__caption {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
}
.menu-footer__item {
  margin-top: 16px;
}
.menu-footer__link {
  font-size: 14px;
  color: #6c6a6a;
}
.menu-footer__link--tel {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  white-space: nowrap;
}

.info-footer {
  border-top: 1px solid #e0e3e9;
  padding: 10px 0 20px 0;
  font-size: 12px;
  color: #6f7382;
}
.info-footer a {
  font-size: 12px;
  color: #6f7382;
  text-decoration: underline;
}
.info-footer a:hover {
  color: #01b81d;
}
.info-footer p {
  margin-top: 15px;
}

/** --------------------------------------------------------------
Шапка
---------------------------------------------------------------- */
.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 50;
}

/*
#header {
	height: 90px;

	@include media(992) {
		height: 100px;
	}
}

#header-pole-space {
	height: 150px;

	@include media(992) {
		height: 100px;
	}
}
*/
#header-hidden-mobile-menu {
  display: none;
}

#header-pole-space {
  height: 80px;
}

/** --------------------------------------------------------------
header-top
---------------------------------------------------------------- */
.header-top {
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
}

.top-header {
  background: #fff;
  padding: 5px 0;
}
@media (max-width: 992px) {
  .top-header {
    padding: 5px 0;
    padding-bottom: 4px;
  }
}
.top-header__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.top-header__logo {
  width: 180px;
}
.top-header__logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .top-header__logo {
    width: 140px;
  }
}
.top-header__nav {
  margin: 0 25px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 992px) {
  .top-header__nav {
    display: none;
  }
}
.top-header__medal {
  margin-left: 20px;
}
@media (max-width: 992px) {
  .top-header__medal {
    display: none;
  }
}
.top-header__medal--box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
}
.top-header__medal--box img {
  width: 24px;
  height: auto;
  display: block;
  margin-right: 10px;
}
.top-header__tel {
  text-align: right;
}
.top-header__tel a {
  font-size: 18px;
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 480px) {
  .top-header__tel {
    display: none;
  }
}
.top-header__callback {
  margin-left: 20px;
}
@media (max-width: 680px) {
  .top-header__callback {
    display: none;
  }
}
.top-header__burger {
  display: none;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30px;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}
@media (max-width: 992px) {
  .top-header__burger {
    display: block;
    margin: -6px 0;
    margin-left: -13px;
    margin-right: 15px;
    padding: 8px 10px;
    background-color: #01b81d;
  }
}
.top-header__burger .menu-burger span, .top-header__burger .menu-burger:after, .top-header__burger .menu-burger:before {
  background: #fff;
  left: 0;
}

/** --------------------------------------------------------------
btn-header
---------------------------------------------------------------- */
.btn-header {
  padding: 10px 20px;
  white-space: nowrap;
  /*
  	font-size: 14px;
  	font-weight: 500;
  	line-height: 1;
  	//border-radius: 10px;
  	color: #fff;
  	//	background-color: $siteColor;
  	//	border-color: $siteColor;
  */
}
.btn-header i {
  margin: -8px 0;
  margin-right: 5px;
}
@media (max-width: 1140px) {
  .btn-header {
    padding: 15px 10px;
  }
  .btn-header span {
    display: none;
  }
  .btn-header i {
    margin-right: 0;
  }
}

/** --------------------------------------------------------------
header-center
---------------------------------------------------------------- */
/*
.header-center {
	background-color: $primaryColor;
	padding: 15px 0;
	position: relative;

	@include media(992) {
		display: none;
	}
}

.cen-header {

	// .cen-header__menu-box
	&__menu-box {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	// .cen-header__menu-left
	&__menu-left {}

	// .cen-header__menu-right
	&__menu-right {
		//		display: none;
	}

	//.cen-header__menu-right--link --favorite__link
	&__menu-right--link {}

	// .cen-header__menu
	&__menu {}
}
*/
/** --------------------------------------------------------------
menu-header
---------------------------------------------------------------- */
.menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-header__item {
  margin-right: 25px;
}
.menu-header__item:last-child {
  margin-right: 0;
}
.menu-header__ttx {
  cursor: pointer;
  color: #333;
  font-size: 14px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.menu-header__ttx b {
  font-weight: normal;
}
.menu-header__ttx i {
  font-size: 20px;
  top: 1px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.menu-header__ttx:hover {
  color: #333;
}
.menu-header__ttx:hover b {
  text-decoration: underline;
}
.menu-header__ttx--link {
  display: block;
}
.menu-header__link {
  color: #333;
  white-space: nowrap;
}
.menu-header__link--before {
  display: block;
  margin: 15px 0 0 0;
  text-align: center;
}
.menu-header__logotypes {
  display: none;
}
.menu-header__uslugi {
  display: none;
}

/** --------------------------------------------------------------
logotypes-header
---------------------------------------------------------------- */
.logotypes-header {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  padding-top: 20px;
}
.logotypes-header__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  margin-top: 10px;
  padding: 24px 15px;
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
}
.logotypes-header__link {
  width: calc(10% - 8px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 2px 4px;
  padding: 4px 2px;
}
.logotypes-header__link:hover, .logotypes-header__link.active {
  color: #333;
}
@media (max-width: 1080px) {
  .logotypes-header__link {
    width: calc(11.1111111111% - 8px);
  }
}
@media (max-width: 992px) {
  .logotypes-header__link {
    width: calc(12.5% - 8px);
  }
}
.logotypes-header__logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35px;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
  width: 35px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 4px;
  display: block;
}
.logotypes-header__text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.logotypes-header__name {
  font-size: 11px;
  font-weight: 500;
}
.logotypes-header__col {
  font-size: 11px;
  font-weight: 400;
}

/** --------------------------------------------------------------
favorite
---------------------------------------------------------------- */
.favorite__link {
  color: #333;
  font-size: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin-right: 25px;
}
@media (max-width: 992px) {
  .favorite__link {
    display: none;
  }
}
.favorite__link i {
  font-size: 26px;
  margin: -5px 0;
  top: 1px;
  margin-left: 10px;
}
@media (max-width: 1100px) {
  .favorite__link i {
    margin-left: 5px;
  }
}
.favorite__link span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 0px;
  height: 0px;
  visibility: hidden;
  opacity: 0;
  padding: 0 0 2px 0;
  border-radius: 50%;
  background-color: #01b81d;
  position: absolute;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  top: -6px;
  right: -6px;
}
.favorite__link.active i::before {
  content: "\ea1e";
}
.favorite__link.active span {
  visibility: visible;
  opacity: 1;
  width: 16px;
  height: 16px;
}
.favorite__link:hover {
  text-decoration: none;
}

/** --------------------------------------------------------------
uslugi-header
---------------------------------------------------------------- */
.uslugi-header {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 100%;
  padding-top: 20px;
}
.uslugi-header__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background-color: #fff;
  margin-top: 10px;
  padding: 24px 35px;
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
}
.uslugi-header__item {
  width: calc(25% - 30px);
  background-color: #f8f8f8;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  -webkit-box-shadow: 0 4px 12px rgba(187, 187, 187, 0.15);
          box-shadow: 0 4px 12px rgba(187, 187, 187, 0.15);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
}
.uslugi-header__item span {
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-top: 15px;
  white-space: nowrap;
}
.uslugi-header__item img {
  width: 100%;
  height: auto;
}
.uslugi-header__item:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
}

/** --------------------------------------------------------------
header-hidden-mobile-menu
---------------------------------------------------------------- */
@media (max-width: 480px) {
  #header-hidden-mobile-menu.fancybox-content {
    padding: 20px;
    width: 95%;
  }
}
#header-hidden-mobile-menu.fancybox-content .header {
  position: static;
}
#header-hidden-mobile-menu.fancybox-content .container {
  width: 100% !important;
  max-width: auto !important;
  min-width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
#header-hidden-mobile-menu.fancybox-content .top-header__row {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
#header-hidden-mobile-menu.fancybox-content .top-header__callback {
  margin: 20px 0 0 0;
}
#header-hidden-mobile-menu.fancybox-content .top-header__burger {
  display: none;
}
#header-hidden-mobile-menu.fancybox-content .header-top {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#header-hidden-mobile-menu.fancybox-content .top-header__tel {
  margin: 15px 0;
  display: block;
}
#header-hidden-mobile-menu.fancybox-content .top-header__nav {
  display: block;
}
#header-hidden-mobile-menu.fancybox-content .top-header__callback {
  display: block;
}
#header-hidden-mobile-menu.fancybox-content .header-center {
  display: block;
  background: none;
}
#header-hidden-mobile-menu.fancybox-content .cen-header__menu-box {
  display: block;
}
#header-hidden-mobile-menu.fancybox-content .top-header__favorite {
  padding: 25px 0;
}
#header-hidden-mobile-menu.fancybox-content .top-header__favorite a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#header-hidden-mobile-menu.fancybox-content .favorite__link {
  display: block;
}
#header-hidden-mobile-menu.fancybox-content .btn-header span {
  display: inline-block;
  margin-left: 5px;
}
#header-hidden-mobile-menu.fancybox-content .cen-header__menu-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#header-hidden-mobile-menu.fancybox-content .menu-header {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#header-hidden-mobile-menu.fancybox-content .menu-header__item {
  margin: 15px 0 0 0;
  text-align: center;
}
#header-hidden-mobile-menu.fancybox-content .menu-header__ttx i {
  display: none;
}
#header-hidden-mobile-menu.fancybox-content .menu-header__ttx,
#header-hidden-mobile-menu.fancybox-content .menu-header__link {
  font-size: 16px;
}
#header-hidden-mobile-menu.fancybox-content .cen-header__menu-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#header-hidden-mobile-menu.fancybox-content .cen-header__menu-right .cen-header__menu-right--link {
  color: #000;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 25px;
  font-weight: 500;
  font-size: 16px;
}

.pulse-button {
  position: fixed;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 10;
}
.pulse-button i {
  display: block;
  color: #fff;
  font-size: 40px;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  height: 44px;
  margin: -20px 0 0 -22px;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.pulse-button:hover i {
  opacity: 0.8 !important;
}
.pulse-button:before, .pulse-button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid transparent;
  border-radius: 50%;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  -webkit-animation: pulse-zvonok-animate 1.5s linear infinite;
          animation: pulse-zvonok-animate 1.5s linear infinite;
}
@media (max-width: 570px) {
  .pulse-button:before, .pulse-button:after {
    border-width: 2px;
  }
}
.pulse-button:after {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.pulse-button span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  opacity: 1;
  -webkit-transition: opacity 0.6s;
  transition: opacity 0.6s;
}
.pulse-button:hover span {
  opacity: 1;
}

@-webkit-keyframes pulse-zvonok-animate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
    background-color: rgba(1, 184, 29, 0.2);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse-zvonok-animate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 1;
    background-color: rgba(1, 184, 29, 0.2);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulse-zvonok-animate-icon {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  33% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.6;
  }
  66% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}
@keyframes pulse-zvonok-animate-icon {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
  33% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0deg) scale(1.1);
            transform: rotate(0deg) scale(1.1);
    opacity: 0.6;
  }
  66% {
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
  }
}
.pulse-zvonok {
  bottom: 30px;
  right: 50px;
  background: #01eb25;
  border: 3px solid white;
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
}
.pulse-zvonok:before, .pulse-zvonok:after {
  border-color: #01eb25;
}
@media (max-width: 1330px) {
  .pulse-zvonok {
    bottom: 25px;
    right: 15px;
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
  .pulse-zvonok span {
    font-size: 12px;
  }
}
@media (max-width: 800px) {
  .pulse-zvonok {
    bottom: 20px;
    right: 10px;
  }
}
@media (max-width: 570px) {
  .pulse-zvonok {
    bottom: 20px;
    right: 5px;
    -webkit-transform: scale(0.6);
        -ms-transform: scale(0.6);
            transform: scale(0.6);
  }
}

/*

.pulse-zvonok-desctop {
//	@include media(992) {
		//display: none;
//	}
}

.pulse-zvonok-mobile {
	display: none;

	@include media(992) {
		display: block;
	}

	i {
		margin: -20px 0 0 -15px;
	}
}

.pulse-tradein {
	display: none;
	bottom: 50px;
	left: 50px;
	background: #f95c18;
	border: 3px solid white;

	&:before,
	&:after {
		border-color: #f95c18;
		animation-delay: 0.2s;
	}

	&:after {
		animation-delay: 0.7s;
	}

	i {
		animation-delay: 0.5s;
	}

	@include media(1330) {
		bottom: 15px;
		left: 15px;
		transform: scale(0.7);

		span {
			font-size: 12px;
		}
	}

	@include media(800) {
		bottom: 10px;
		left: 10px;
	}

	@include media(570) {
		bottom: 5px;
		left: 5px;
		transform: scale(0.6);
	}
}
*/
.sidebar {
  position: fixed;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 50;
}
.sidebar_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(1, 184, 29, 0.9);
  border: 2px solid rgba(1, 184, 29, 0.95);
  border-radius: 0 5px 5px 0;
  color: #fff;
  padding: 15px 5px;
}
.sidebar_button:hover {
  color: rgba(1, 184, 29, 0.95);
  background: #fff;
}
.sidebar_button:hover img {
  -webkit-filter: brightness(100%);
          filter: brightness(100%);
}
.sidebar_button img {
  display: block;
  margin: 0 -2px;
  width: 32px;
  height: auto;
  -webkit-filter: brightness(1000%);
          filter: brightness(1000%);
  margin-bottom: 15px;
  -webkit-transition: -webkit-filter 0.8s;
  transition: -webkit-filter 0.8s;
  transition: filter 0.8s;
  transition: filter 0.8s, -webkit-filter 0.8s;
}
.sidebar_button span {
  display: block;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 18px;
  font-weight: bold;
}
.sidebar_button:before, .sidebar_button:after {
  content: " ";
  display: block;
  position: absolute;
  border: 50%;
  border: 1px solid transparent;
  border-radius: 5px;
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
  -webkit-animation: pulse-trd-ps-animate 1.5s linear infinite;
          animation: pulse-trd-ps-animate 1.5s linear infinite;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  z-index: 0;
}
.sidebar_button:after {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
@media (max-width: 760px) {
  .sidebar_button {
    padding: 8px 4px;
  }
  .sidebar_button span {
    font-size: 15px;
  }
  .sidebar_button img {
    width: 20px;
    margin-bottom: 5px;
  }
}
@media (max-width: 460px) {
  .sidebar_button {
    display: none;
  }
}

@-webkit-keyframes pulse-trd-ps-animate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
    background-color: rgba(1, 184, 29, 0.2);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}

@keyframes pulse-trd-ps-animate {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
  }
  50% {
    opacity: 0.2;
    background-color: rgba(1, 184, 29, 0.2);
  }
  100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
}
/* ======================================
Кнопка наверх
========================================= */
#addtoTop {
  position: fixed;
  display: none;
  left: 10px;
  bottom: 50px;
  width: 40px;
  height: 40px;
  border: 1px solid #eee;
  -webkit-box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.6);
          box-shadow: 2px 2px 5px rgba(204, 204, 204, 0.6);
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  opacity: 0.55;
  z-index: 9;
  font-size: 24px;
  line-height: 40px;
  color: #333;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  text-shadow: 1px 1px 5px #fff;
}
#addtoTop:hover {
  opacity: 1;
  color: #01b81d;
}
@media (max-width: 1330px) {
  #addtoTop {
    right: 5px;
    bottom: 100px;
  }
}
@media (max-width: 580px) {
  #addtoTop {
    opacity: 0.85;
  }
}

.banks-partneer {
  margin: 30px 0;
}
.banks-partneer__list {
  margin-top: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.banks-partneer__item {
  width: 14%;
  min-width: 120px;
  max-width: 150px;
  text-align: center;
  margin: 10px;
}
.banks-partneer__image {
  width: 80%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.bigslider {
  max-width: 1920px;
  margin: 0px auto;
  padding-bottom: 10px;
  position: relative;
  /*
  	// .bigslider__dots
  	&__dots {
  		display: flex;
  		align-items: center;
  		justify-content: center;
  		margin-top: -30px;

  		li {
  			list-style: none;
  			margin: 0 10px;
  		}

  		button {
  			font-size: 0;
  			width: 15px;
  			height: 15px;
  			background-color: $siteColor;
  			border: 1px solid transparent;
  			border-radius: 50%;
  		}

  		li.slick-active button {
  			background-color: white;
  			border: 1px solid $siteColor;
  		}
  	}
  */
  /* Слайдер */
  /* Слайдер запущен */
  /* Слайдер с точками */
  /* Ограничивающая оболочка */
  /* Лента слайдов */
  /* Слайд */
  /* Слайд активный (показывается) */
  /* Слайд основной */
  /* Слайд по центру */
  /* Клонированный слайд */
  /* Стрелка */
  /* Стрелка влево */
  /* Стрелка вправо */
  /* Стрелка не активная */
  /* Точки (булиты) */
  /* Активная точка */
  /* Элемент точки */
}
.bigslider__slider {
  min-width: 0;
  position: relative;
  z-index: 1;
}
.bigslider__item {
  height: 600px;
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  max-width: 1920px;
}
@media (max-width: 1080px) {
  .bigslider__item {
    background-position: 52% top;
    height: 400px;
  }
}
@media (max-width: 992px) {
  .bigslider__item {
    background-position: 60% top;
    height: 350px;
  }
}
@media (max-width: 780px) {
  .bigslider__item {
    background-position: 62% top;
    height: 320px;
  }
}
@media (max-width: 580px) {
  .bigslider__item {
    background-position: 35% top;
    height: 300px;
  }
}
.bigslider__item--arrows {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 80px;
  z-index: 10;
  color: white;
  opacity: 0.6;
  cursor: pointer;
}
@media (max-width: 570px) {
  .bigslider__item--arrows {
    display: none !important;
  }
}
.bigslider__item--arrows:hover {
  opacity: 0.9;
}
.bigslider__item--arrows--next {
  right: 0;
}
.bigslider__item--arrows--prew {
  left: 0;
}
.bigslider .slick-list {
  overflow: hidden;
}
.bigslider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bigslider .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bigslider {
  /*
  	// ==============================
  	.bigslider__container {
  		position: relative;
  		height: 100%;
  		display: flex;
  		flex-direction: column;
  		justify-content: center;
  		align-items: center;
  	}
  	// ==============================
  	.bigslider__box {
  		position: relative;
  		color: #fff;

  		transform: translateY(-50%);

  		&::after {
  			content: "";
  			position: absolute;
  			top: 0;
  			left: 0;
  			right: 0;
  			bottom: 0;
  			background-color: rgba(#000, 0.6);
  			z-index: -1;
  		}

  		@include media(570) {
  		}
  	}
  	// ==============================
  	.bigslider__caption {
  		position: relative;
  		font-size: 55px;
  		font-family: $fontLato;
  		font-weight: bold;
  		border-radius: 10px;
  		padding: 5px 20px 10px 20px;
  		opacity: 0;
  		transform: translateY(-100%);
  		transition: transform 2.5s ease-out 0.3s, opacity 2.8s ease-out 0.2s;
  	}
  	.slick-active .bigslider__caption {
  		transform: translateY(0);
  		opacity: 1;
  	}

  	// ==============================
  	.bigslider__text {
  		position: relative;
  		margin-top: 10px;
  		font-family: $fontLato;
  		font-weight: bold;
  		font-size: 28px;
  		color: #fff;
  		padding: 10px 20px 15px 20px;
  		border-radius: 10px;
  	}
  	// ==============================
  	.bigslider__button {
  		position: relative;
  	}
  */
}
.bigslider__container {
  width: 100%;
  position: relative;
}
.bigslider__box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bigslider .bigslider__wrap {
  position: relative;
  background: rgba(0, 0, 0, 0.55);
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  padding: 35px 15px 40px;
  -webkit-box-shadow: 0px 0 55px 20px rgba(0, 0, 0, 0.8);
          box-shadow: 0px 0 55px 20px rgba(0, 0, 0, 0.8);
}
@media (max-width: 400px) {
  .bigslider .bigslider__wrap {
    padding: 15px 5px 25px;
  }
}
.bigslider .slick-active .bigslider__wrap {
  -webkit-transition: opacity 1.8s, -webkit-transform 1s;
  transition: opacity 1.8s, -webkit-transform 1s;
  transition: transform 1s, opacity 1.8s;
  transition: transform 1s, opacity 1.8s, -webkit-transform 1s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  z-index: 1;
  opacity: 1;
}
.bigslider .bigslider__caption {
  width: 100%;
  position: relative;
  font-size: 45px;
  text-align: center;
  color: #fff;
  font-weight: 900;
}
@media (max-width: 1080px) {
  .bigslider .bigslider__caption {
    font-size: 40px;
  }
}
@media (max-width: 992px) {
  .bigslider .bigslider__caption {
    font-size: 35px;
  }
}
@media (max-width: 800px) {
  .bigslider .bigslider__caption {
    font-size: 28px;
  }
}
@media (max-width: 580px) {
  .bigslider .bigslider__caption {
    font-size: 22px;
  }
}
.bigslider .bigslider__text {
  width: 100%;
  position: relative;
  margin-top: 15px;
  text-align: center;
  font-weight: 500;
  font-size: 24px;
  color: #f5f5f5;
}
@media (max-width: 1080px) {
  .bigslider .bigslider__text {
    font-size: 24px;
  }
}
@media (max-width: 992px) {
  .bigslider .bigslider__text {
    font-size: 20px;
    margin-top: 10px;
  }
}
@media (max-width: 800px) {
  .bigslider .bigslider__text {
    font-size: 17px;
  }
}
@media (max-width: 580px) {
  .bigslider .bigslider__text {
    font-size: 15px;
  }
}
.bigslider .bigslider__button {
  position: relative;
  margin: 10px 0 0 50px;
  padding: 5px 10px;
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
          box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
  opacity: 0;
}
.bigslider .big-slider-dark .bigslider__caption {
  color: #333;
}
.bigslider .big-slider-dark .bigslider__text {
  color: #333;
}
.bigslider .big-slider-dark .bigslider__wrap::after {
  background-color: rgba(255, 255, 255, 0.8);
}

/*
	.bigslider__container {
		padding: 50px 55px 10px 55px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;

		@include media(570) {
			padding-top: 30px;
			padding-left: 15px;
			padding-right: 15px;
		}
	}
// ==============================
.bigslider__caption {

	font-weight: bold;
	font-size: 35px;
	color: #ffffff;
	text-shadow: 0px 0px 22px #000000, 1px -1px 22px #000000, -1px 0px 22px #000000;
	position: relative;
	transform: translateY(-100%);
	opacity: 0;
	transition: transform 1s ease-out 0.3s, opacity 1s ease-out 0.3s;

	@include media(992) {
		font-size: 28px;
		margin-top: 20px;
	}
	@include media(570) {
		font-size: 20px;
		margin-top: 5px;
	}
}

.slick-active .bigslider__caption {
	transform: translateY(0);
	opacity: 1;
}
// ==============================
.bigslider__text {
	margin: 10px 0 50px;
	font-weight: bold;
	font-size: 28px;
	//	text-transform: uppercase;
	color: #ffffff;
	text-shadow: 0px 0px 22px #000000, 1px -1px 22px #000000, -1px 0px 22px #000000;

	& b {
		white-space: nowrap;
	}

	@include media(992) {
		font-size: 22px;
		margin: 10px 0 30px;
	}
	@include media(570) {
		font-size: 15px;
		margin: 5px 0 20px;
	}
}
// ==============================
// .bigslider__button
.bigslider__button {
	//margin-left: 15px;
	padding: 10px 20px 14px 20px;
	box-shadow: 0px 0px 10px 0px #000000;

	@include media(992) {
		padding: 6px 20px 10px 20px;
	}
	@include media(570) {
		margin-left: 0px;
		padding: 4px 10px 6px 10px;
	}
}
*/
.breadcrumbs {
  margin: 15px 0;
}
@media (max-width: 480px) {
  .breadcrumbs {
    border-bottom: 1px solid #eee;
  }
}
.breadcrumbs__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 480px) {
  .breadcrumbs__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.breadcrumbs__item {
  font-size: 13px;
}
@media (max-width: 480px) {
  .breadcrumbs__item {
    padding: 3px 0;
  }
}
@media (max-width: 480px) {
  .breadcrumbs__item {
    display: none;
    font-size: 13px;
  }
}
.breadcrumbs__item--mobile {
  display: none;
}
@media (max-width: 480px) {
  .breadcrumbs__item--mobile {
    display: block;
  }
}
.breadcrumbs__link, .breadcrumbs__link:visited {
  color: #555;
  text-decoration: underline;
}
.breadcrumbs__link i, .breadcrumbs__link:visited i {
  color: #555;
}
.breadcrumbs__item--pazdelitel {
  padding-left: 5px;
}
@media (max-width: 480px) {
  .breadcrumbs__item--pazdelitel {
    display: block;
  }
}
.breadcrumbs__item--pazdelitel:before {
  content: "/";
  display: inline-block;
  padding-right: 2px;
  color: #999;
}
@media (max-width: 480px) {
  .breadcrumbs__item--pazdelitel:before {
    display: none;
  }
}
.breadcrumbs__text {
  color: #666;
}
@media (max-width: 480px) {
  .breadcrumbs__text {
    text-align: center;
    display: inline-block;
    margin: auto;
  }
}

.caption-page {
  margin: 30px 0;
}

/** --------------------------------------------------------------
caption-line
---------------------------------------------------------------- */
.caption-line {
  position: relative;
  /*
  &::after {
  	content: "";
  	display: block;
  	width: 80px;
  	height: 4px;
  	border-radius: 2px;
  	position: absolute;
  	bottom: -8px;
  	left: 0;
  	background-color: $siteColor;
  }
  */
}

/** --------------------------------------------------------------
h1
---------------------------------------------------------------- */
.h1 {
  font-family: "Raleway", sans-serif;
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .h1 {
    font-size: 26px;
  }
}
@media (max-width: 570px) {
  .h1 {
    font-size: 22px;
  }
}
.h1__black {
  color: black;
}
.h1__tt {
  text-transform: uppercase;
}

/** --------------------------------------------------------------
h2
---------------------------------------------------------------- */
.h2 {
  font-family: "Raleway", sans-serif;
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 880px) {
  .h2 {
    font-size: 26px;
  }
}
@media (max-width: 580px) {
  .h2 {
    font-size: 22px;
  }
}

.h__black {
  color: black;
}
.h__sitecolor {
  color: #01b81d;
  white-space: nowrap;
}

.h3 {
  font-family: "Raleway", sans-serif;
  font-size: 32px;
  font-weight: 700;
}
@media (max-width: 880px) {
  .h3 {
    font-size: 22px;
  }
}
@media (max-width: 580px) {
  .h3 {
    font-size: 18px;
  }
}

/** --------------------------------------------------------------
Для каталога 
---------------------------------------------------------------- */
@media (max-width: 992px) {
  .catalog-caption {
    margin: 10px 0;
  }
}
.catalog-caption__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .catalog-caption__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.catalog-caption__speed {
  position: relative;
  background-repeat: no-repeat;
  background-position: 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 35%;
}
@media (max-width: 992px) {
  .catalog-caption__speed {
    width: 300px;
    margin: 0;
    margin-top: 15px;
  }
}
@media (max-width: 480px) {
  .catalog-caption__speed {
    width: 100%;
    margin-top: 15px;
  }
}
.catalog-caption__speed::after {
  content: "";
  position: absolute;
  background-image: url("../img/catalog-speed-time-buttons.png");
  width: 115px;
  height: 112px;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.08;
}
@media (max-width: 992px) {
  .catalog-caption__speed::after {
    left: -100px;
  }
}
@media (max-width: 480px) {
  .catalog-caption__speed::after {
    left: 0px;
  }
}
.catalog-caption__text {
  position: relative;
  z-index: 1;
  width: 170px;
  margin-right: 10px;
}
.catalog-caption__button {
  width: 154px;
  margin: 5px 0;
}
.catalog-caption__button i {
  font-size: 36px;
  margin: -5px 5px -8px 0;
}
@media (max-width: 1280px) {
  .catalog-caption .h1 {
    font-size: 26px;
  }
}
@media (max-width: 1280px) {
  .catalog-caption__pod-h1 {
    font-size: 13px;
    line-height: 18px;
  }
}

.page {
  margin-bottom: 30px;
}
.page h1 {
  font-size: 40px;
  line-height: 45px;
  font-weight: bold;
  letter-spacing: -0.2px;
  margin: 45px 0 30px;
}
@media (max-width: 992px) {
  .page h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 30px 0 20px;
  }
}
.page h2 {
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0.2px;
  margin: 45px 0 30px;
}
@media (max-width: 992px) {
  .page h2 {
    font-size: 20px;
    margin: 30px 0 20px;
  }
}
.page p {
  margin: 0 0 1em 0;
  line-height: 18px;
}
@media (max-width: 992px) {
  .page p {
    font-size: 13px;
    line-height: 18px;
  }
}
.page p::first-letter {
  text-transform: uppercase;
}
.page ul {
  margin: 10px;
}
.page ul li {
  list-style: disc;
  margin: 3px 0 0 10px;
}
@media (max-width: 992px) {
  .page ul li {
    font-size: 13px;
  }
}
.page i {
  font-weight: bold;
}

.about-header {
  max-width: 1920px;
  margin: 0 auto;
  background: url(../img/about.jpg) center no-repeat;
  background-size: cover;
}
.about-header h1 {
  padding: 50px 0 150px;
}
.about-header h1 .h1__black {
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.about-header h1 .h1__sitecolor {
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}

.contact h1 {
  margin-bottom: 40px;
}
@media (max-width: 880px) {
  .contact h1 {
    text-align: center;
  }
}
@media (max-width: 400px) {
  .contact h1 {
    text-align: center;
  }
}
.contact__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 880px) {
  .contact__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.contact__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 400px) {
  .contact__tel {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.contact__tel--icon {
  font-size: 30px;
  margin-right: 15px;
}
@media (max-width: 992px) {
  .contact__tel--icon {
    font-size: 24px;
  }
}
.contact__tel--box {
  margin-bottom: 20px;
}
.contact__tel--num {
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .contact__tel--num {
    font-size: 24px;
  }
}
.contact__tel--info {
  text-align: right;
  color: #666;
  margin-top: -5px;
  font-size: 13px;
}
@media (max-width: 992px) {
  .contact__tel--info {
    font-size: 12px;
    margin-top: 0;
  }
}
.contact__address {
  font-size: 24px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .contact__address {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .contact__address {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .contact__address {
    text-align: center;
    font-size: 13px;
    margin: 0 -5px;
    margin-bottom: 20px;
  }
}
.contact__work-time {
  font-size: 24px;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .contact__work-time {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .contact__work-time {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .contact__work-time {
    text-align: center;
  }
}
.contact__form {
  max-width: 450px;
  margin-left: 15px;
  border: 1px solid #999;
  border-radius: 10px;
  padding: 10px;
}
@media (max-width: 880px) {
  .contact__form {
    margin: 20px 0 50px 0;
  }
}
.contact__form .top-form__caption-car {
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 25px;
}
.contact__form .valid-pole.error::after {
  bottom: -12px;
}

.about h1 p {
  color: #fff;
  font-size: 18px;
  margin: 5px 0 0 10px;
}
.about p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  color: #666;
  margin-top: 25px;
  font-family: "Raleway", sans-serif;
}

.about-premium {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.about-premium h2 {
  width: 100%;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
.about-premium__box {
  width: calc(25% - 20px);
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 10px;
  padding: 5px;
  text-align: center;
  border-radius: 10px;
}
@media (max-width: 780px) {
  .about-premium__box {
    width: calc(50% - 20px);
  }
}
@media (max-width: 400px) {
  .about-premium__box {
    margin: 5px;
    padding: 0;
  }
}
.about-premium__icon {
  margin: 10px auto;
  color: #fff;
  font-size: 40px;
  width: 120px;
  height: 120px;
  background-color: rgba(1, 159, 25, 0.8);
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 400px) {
  .about-premium__icon {
    width: 80px;
    height: 80px;
  }
}
.about-premium__caption {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
@media (max-width: 400px) {
  .about-premium__caption {
    font-size: 18px;
  }
}
.about-premium__text {
  font-size: 15px;
  line-height: 18px;
  color: #666;
  font-family: "Raleway", sans-serif;
}
@media (max-width: 400px) {
  .about-premium__text {
    font-size: 14px;
  }
}

.contact-map {
  margin-top: 25px;
}
.contact-map iframe {
  width: 100%;
}

.premium-text {
  margin: 30px 0;
}
.premium-text__text {
  margin: 20px 0;
  color: #555;
}
.premium-text__box {
  margin: 20px 0;
  line-height: 20px;
}
.premium-text__list {
  margin-left: 20px;
}
.premium-text__item {
  padding-left: 18px;
  line-height: 25px;
}
.premium-text__item::before {
  content: "- ";
  font-weight: bold;
}

.uslugi2 {
  margin: 50px 0;
}
.uslugi2__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 10px;
  margin-top: 10px;
}
.uslugi2__item {
  width: calc(25% - 30px);
  background-color: #f8f8f8;
  border-radius: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: space-between;
  -webkit-align-items: space-between;
      -ms-flex-align: space-between;
          align-items: space-between;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
}
@media (max-width: 1080px) {
  .uslugi2__item {
    width: calc(50% - 10px);
    margin-top: 15px;
  }
}
@media (max-width: 580px) {
  .uslugi2__item {
    width: 100%;
    margin-top: 15px;
  }
}
.uslugi2__item span {
  font-weight: bold;
  font-size: 22px;
  display: block;
  margin-top: 25px;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .uslugi2__item span {
    font-size: 20px;
  }
}
.uslugi2__item img {
  width: 100%;
  height: auto;
  max-height: 120px;
}
.uslugi2__item p {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  color: #6c6a6a;
  margin-top: 12px;
}
.uslugi2__item:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
}

.uslugi {
  margin: 30px 0;
  padding: 50px 0 30px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, #eee));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #eee 40%);
  -webkit-box-shadow: 0px 20px 20px rgba(238, 238, 238, 0.8);
          box-shadow: 0px 20px 20px rgba(238, 238, 238, 0.8);
}
.uslugi__list {
  margin: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.uslugi-card {
  position: relative;
  width: calc(33.3333333333% - 20px);
  margin: 10px 10px;
  border: 1px solid #eee;
  border-radius: 20px;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.uslugi-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.6;
  z-index: 0;
}
@media (max-width: 840px) {
  .uslugi-card {
    width: calc(50% - 20px);
    margin: 10px 10px;
  }
}
@media (max-width: 570px) {
  .uslugi-card {
    width: 100%;
    margin: 10px 0;
  }
}
.uslugi-card__icon {
  padding: 15px 20px;
  position: relative;
  z-index: 1;
  font-size: 40px;
  color: rgba(255, 255, 255, 0.7);
}
.uslugi-card__darken {
  padding: 15px 20px;
  position: relative;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
}
.uslugi-card__name {
  padding: 15px 20px;
  padding-bottom: 5px;
  min-height: 54px;
  padding-top: 0;
  position: relative;
  z-index: 1;
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-transform: uppercase;
}
.uslugi-card__text {
  color: white;
  min-height: 90px;
}
.uslugi-card__button {
  margin: 15px;
  margin-top: 0;
  margin-bottom: 5px;
  margin-left: 0;
}
.ac-podbor-trd {
  margin: 50px 0;
}
.ac-podbor-trd__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #F8F8F8;
  border-radius: 10px;
}
@media (max-width: 880px) {
  .ac-podbor-trd__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.ac-podbor-trd__item {
  width: 33.3333333333%;
  background: rgba(255, 255, 255, 0.95);
}
@media (max-width: 880px) {
  .ac-podbor-trd__item {
    width: 100%;
  }
}
.ac-podbor-trd__caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: rgba(248, 248, 248, 0.95);
  font-size: 24px;
  font-weight: 500;
  color: #6C6A6A;
}
@media (max-width: 880px) {
  .ac-podbor-trd__caption {
    padding: 40px 0;
    text-align: center;
  }
}
@media (max-width: 480px) {
  .ac-podbor-trd__caption {
    font-size: 20px;
  }
}
.ac-podbor-trd__action {
  padding: 20px 0;
}
@media (max-width: 880px) {
  .ac-podbor-trd__action {
    padding: 20px;
  }
}
.ac-podbor-trd__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.ac-podbor-trd__button img {
  width: 100%;
  max-width: 150px;
  height: auto;
}
.ac-podbor-trd__button span {
  font-size: 18px;
  font-weight: 500;
  color: #000;
}
.ac-podbor-trd__button i {
  color: #423F42;
  font-size: 50px;
  top: 2px;
}
@media (max-width: 880px) {
  .ac-podbor-trd__button {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (max-width: 480px) {
  .ac-podbor-trd__button span {
    font-size: 16px;
  }
  .ac-podbor-trd__button i {
    font-size: 40px;
  }
}

.salonnew {
  margin: 30px 0 0 0;
}
.salonnew h2 {
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 30px;
  margin-bottom: 35px;
}
@media (max-width: 400px) {
  .salonnew h2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.salonnew h2 img {
  width: 100%;
  max-width: 380px;
  margin-left: 20px;
  -webkit-filter: invert(100%) brightness(100%) grayscale(100%);
          filter: invert(100%) brightness(100%) grayscale(100%);
}
@media (max-width: 400px) {
  .salonnew h2 img {
    margin-left: 0px;
    margin-top: 15px;
  }
}
.salonnew__visio-box {
  padding: 180px 0;
  position: relative;
}
@media (max-width: 1180px) {
  .salonnew__visio-box {
    padding: 60px 0;
  }
}
@media (max-width: 400px) {
  .salonnew__visio-box {
    padding: 20px 0;
  }
}
.salonnew__visio-box::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}
.salonnew__visio-box video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.salonnew__visio-box .container {
  position: relative;
  z-index: 10;
}
.salonnew__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 480px) {
  .salonnew__box {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.salonnew__info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-right: 20px;
}
@media (max-width: 480px) {
  .salonnew__info {
    margin-right: 0;
  }
}
.salonnew__image {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  width: 100%;
  max-width: 300px;
  margin-top: -15px;
  border-radius: 10px;
  overflow: hidden;
}
.salonnew__image img {
  width: 100%;
  height: auto;
  opacity: 0.8;
}
@media (max-width: 480px) {
  .salonnew__image {
    display: none;
  }
}

.slinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.slinfo__item {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
  width: calc(50% - 10px);
  padding: 25px 28px;
  margin-top: 15px;
  border-radius: 10px;
  border: 1px solid rgba(229, 231, 235, 0.2);
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1180px) {
  .slinfo__item {
    width: 100%;
  }
}
.slinfo__item a {
  color: #fff;
}
.slinfo__icon {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 37px;
  height: 37px;
  border-radius: 10px;
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.slinfo__icon i {
  font-size: 22px;
  color: #01b81d;
}
.slinfo__text {
  margin-left: 20px;
}
.slinfo__text-caption {
  font-size: 16px;
}
@media (max-width: 780px) {
  .slinfo__text-caption {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .slinfo__text-caption {
    font-size: 13px;
  }
}
.slinfo__text-value {
  margin-top: 5px;
  font-size: 22px;
  font-weight: 500;
}
@media (max-width: 780px) {
  .slinfo__text-value {
    font-size: 18px;
  }
}
.slinfo__text-value a {
  white-space: nowrap;
}
@media (max-width: 400px) {
  .slinfo__text-value {
    font-size: 16px;
  }
}
.slinfo__text-value--nomar {
  font-size: 18px;
}
@media (max-width: 400px) {
  .slinfo__text-value--nomar {
    font-size: 14px;
  }
}

.review-page {
  margin: 30px 0;
}
.review-page__box {
  max-width: 1600px;
  margin: 0 auto;
}

.box-review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.box-review__item {
  background: #fff;
  width: calc(20% - 10px);
  margin: 5px;
  border: 1px solid #eee;
  border-radius: 15px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media (max-width: 1180px) {
  .box-review__item {
    width: calc(25% - 10px);
  }
}
@media (max-width: 992px) {
  .box-review__item {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 640px) {
  .box-review__item {
    width: calc(50% - 10px);
  }
}
@media (max-width: 480px) {
  .box-review__item {
    width: 100%;
    margin: 10px 10%;
  }
}
@media (max-width: 380px) {
  .box-review__item {
    width: 100%;
    margin: 10px 0;
  }
}
.box-review__image {
  width: 100%;
  height: 250px;
}
.box-review__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.box-review__stars {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin: 10px 0;
  padding: 0 10px;
}
.box-review__rating {
  position: relative;
  font-size: 20px;
}
.box-review__rating::before {
  content: "★★★★★";
  display: block;
  color: #dfdfdf;
}
.box-review__rating--active {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.box-review__rating--active::before {
  content: "★★★★★";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #ffd300;
}
.box-review__rating--value {
  font-size: 1px;
  visibility: hidden;
  opacity: 0;
}
.box-review__name {
  font-size: 16px;
  font-weight: bold;
  margin: 10px 0;
  padding: 0 10px;
}
.box-review__text {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0 10px;
  font-size: 14px;
  line-height: normal;
  color: #666;
  max-height: 70px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .box-review__text {
    font-size: 13px;
    max-height: 64px;
  }
}
.box-review__text::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.6)), color-stop(90%, #fff));
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.6) 50%, #fff 90%);
}
.box-review__text::after {
  content: " ...";
  display: block;
  color: #000;
  font-size: 16px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  height: 11px;
  background: #fff;
}
.box-review__action {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px 0;
}
.box-review__action--pp, .box-review__action--pp:visited {
  display: block;
  padding: 6px 10px;
  border-radius: 10px;
  border: 1px solid #333;
  background: #333;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.box-review__action--pp:hover, .box-review__action--pp:visited:hover {
  background: black;
  color: #fff;
}

@media (max-width: 680px) {
  .review-jax {
    padding: 20px !important;
  }
}
.review-jax__caption {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}
@media (max-width: 680px) {
  .review-jax__caption {
    font-size: 20px;
  }
}
.review-jax__item {
  width: 100%;
  max-width: 1000px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 600px) {
  .review-jax__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.review-jax__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  border-radius: 20px;
  overflow: hidden;
}
.review-jax__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .review-jax__image {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.review-jax__item--box {
  margin-left: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 600px) {
  .review-jax__item--box {
    margin: 0px 0 20px 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
.review-jax__stars {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
              -ms-grid-row-align: center;
          align-self: center;
  margin: 10px 0;
  padding: 0 10px;
}
.review-jax__rating {
  position: relative;
  font-size: 20px;
}
.review-jax__rating::before {
  content: "★★★★★";
  display: block;
  color: #dfdfdf;
}
.review-jax__rating--active {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}
.review-jax__rating--active::before {
  content: "★★★★★";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #ffd300;
}
.review-jax__rating--value {
  font-size: 1px;
  visibility: hidden;
  opacity: 0;
}
.review-jax__name {
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 680px) {
  .review-jax__name {
    font-size: 18px;
  }
}
.review-jax__text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 20px 0;
  color: #666;
  font-size: 15px;
  line-height: 22px;
}
@media (max-width: 680px) {
  .review-jax__text {
    font-size: 14px;
    line-height: 20px;
  }
}
.review-jax__action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 30px;
}
@media (max-width: 480px) {
  .review-jax__action {
    margin-top: 20px;
  }
}
.review-jax__action--pp, .review-jax__action--pp:visited {
  display: block;
  padding: 10px 50px;
  border-radius: 10px;
  border: 1px solid #666;
  background: #666;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.review-jax__action--pp:hover, .review-jax__action--pp:visited:hover {
  background: #000;
  color: #fff;
}

/** --------------------------------------------------------------
hidden-menu в для мобильного меню
---------------------------------------------------------------- */
.hidden-menu_logo {
  text-align: center;
  margin-bottom: 20px;
}
.hidden-menu_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 0 0;
}
.hidden-menu_button button {
  padding: 3px 10px 7px 10px;
}
.hidden-menu_button button i {
  top: 4px;
}
.hidden-menu__logo--img {
  width: 200px;
  height: auto;
}

/** --------------------------------------------------------------
перенастройка nav-menu для мобильного меню header
---------------------------------------------------------------- */
.hidden-menu .nav-menu__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.hidden-menu .nav-menu__item {
  margin: 10px 0;
}
.hidden-menu .nav-menu__link {
  font-size: 14px;
}
@media (min-width: 480px) {
  .hidden-menu .nav-menu__link {
    font-size: 16px;
  }
}

.jxautoteka__container {
  width: 100%;
  max-width: 500px;
}
.jxautoteka__logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.jxautoteka__logo img {
  margin-right: 8px;
  width: 40px;
  height: auto;
}
.jxautoteka__caption {
  margin-top: 10px;
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 15px;
  margin-top: 25px;
}
.jxautoteka__caption span {
  font-weight: 500;
}
.jxautoteka__caption--h {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.jxautoteka__car {
  margin: 25px 0 0 0;
}
.jxautoteka__car--cap {
  font-size: 20px;
  font-weight: 500;
  margin: 10px 0;
}
.jxautoteka__teh--row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 13px;
}
.jxautoteka__teh--row:last-child {
  border-bottom: none;
}
.jxautoteka__teh--key {
  min-width: 40%;
  max-width: 40%;
}
.jxautoteka__teh--val {
  font-weight: 500;
  min-width: 60%;
  max-width: 60%;
}
.jxautoteka__teh--vin {
  margin: 10px 0;
  font-size: 13px;
  font-weight: normal;
  color: #9fa7b5;
}
.jxautoteka__info {
  margin-top: 25px;
}
.jxautoteka__green {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.jxautoteka__green::before {
  display: inline-block;
  margin-right: 6px;
  content: "";
  width: 12px;
  height: 12px;
  background: #38c172;
  border-radius: 50%;
}
.jxautoteka__text {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
}
.jxautoteka__yellow {
  font-size: 14px;
  font-weight: bold;
  position: relative;
}
.jxautoteka__yellow::before {
  display: inline-block;
  margin-right: 6px;
  content: "";
  width: 12px;
  height: 12px;
  background: #38c172;
  border-radius: 50%;
}

.warrantyuridi__container {
  width: 100%;
  max-width: 500px;
}
.warrantyuridi__caption {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 15px;
}
.warrantyuridi__box {
  font-size: 14px;
  line-height: 18px;
}
.warrantyuridi__box ul {
  display: block;
  margin: 15px 0 20px;
}
.warrantyuridi__box ul li {
  position: relative;
  margin-bottom: 4px;
  padding-left: 10px;
}
.warrantyuridi__box ul li::before {
  content: "\e9f2";
  color: #067eff;
  margin-right: 5px;
}
.warrantyuridi__infocar {
  margin-top: 25px;
}
.warrantyuridi__infocar--caption {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.warrantyuridi__infocar--minitech {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.warrantyuridi__infocar--minitech-photo {
  width: 40%;
  margin-right: 20px;
}
.warrantyuridi__infocar--minitech-photo img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.warrantyuridi__infocar--minitech--info {
  font-size: 13px;
  line-height: 18px;
}

.jax-car-warranty {
  width: 100% !important;
  overflow: hidden;
}
.jax-car-warranty__container {
  width: 100%;
  max-width: 800px;
}
.jax-car-warranty__caption {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  margin: 15px 0 0px;
}
.jax-car-warranty__podcaption {
  margin-top: 10px;
  margin-bottom: 30px;
  color: #555;
  text-align: center;
  font-weight: bold;
}
.jax-car-warranty__box {
  width: 100%;
}
.jax-car-warranty__img-box {
  margin: 20px 0;
}
.jax-car-warranty__img {
  overflow-x: auto;
  width: 100%;
}
.jax-car-warranty__img--inner {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 800px;
}
.jax-car-warranty__img--inner img {
  display: block;
  width: 100%;
  height: 100%;
}
.jax-car-warranty__list-teh {
  margin: 20px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.jax-car-warranty__list-teh--box {
  width: calc(20% - 20px);
  text-align: center;
  margin: 10px;
}
@media (max-width: 780px) {
  .jax-car-warranty__list-teh--box {
    width: calc(33.3333333333% - 10px);
    margin: 10px 5px;
  }
}
@media (max-width: 480px) {
  .jax-car-warranty__list-teh--box {
    width: calc(50% - 10px);
    margin: 10px 5px;
  }
}
.jax-car-warranty__list-teh--icon {
  font-size: 60px;
  color: #01b81d;
}
@media (max-width: 992px) {
  .jax-car-warranty__list-teh--icon {
    font-size: 40px;
  }
}
@media (max-width: 580px) {
  .jax-car-warranty__list-teh--icon {
    font-size: 30px;
  }
}
.jax-car-warranty__list-teh--caption {
  font-size: 14px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .jax-car-warranty__list-teh--caption {
    font-size: 13px;
  }
}
@media (max-width: 580px) {
  .jax-car-warranty__list-teh--caption {
    font-size: 12px;
  }
}
.jax-car-warranty__list-podr {
  margin: 10px 0 10px 15px;
}
.jax-car-warranty__list-podr li {
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0;
  color: #666;
}
@media (max-width: 580px) {
  .jax-car-warranty__list-podr li {
    font-size: 13px;
    line-height: 18px;
  }
}
.jax-car-warranty__list-podr li b {
  color: #333;
}
.jax-car-warranty__text-normal {
  color: #686868;
  font-size: 14px;
  line-height: 22px;
  margin: 20px 0;
}
@media (max-width: 580px) {
  .jax-car-warranty__text-normal {
    font-size: 13px;
    line-height: 18px;
  }
}
.jax-car-warranty__text-normal a,
.jax-car-warranty__text-normal a:visited {
  color: #333;
  font-weight: bold;
  border-bottom: 1px dashed #333;
}
.jax-car-warranty__text-bold {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
}
@media (max-width: 580px) {
  .jax-car-warranty__text-bold {
    font-size: 13px;
    line-height: 18px;
  }
}
.jax-car-warranty__close {
  text-align: center;
  display: block;
  width: 200px;
  margin: 0 auto;
  border: 1px solid #ccc;
  padding: 5px 25px;
  color: #666;
}

.ajax-form-fancybox .fancybox-button {
  width: 64px;
  height: 64px;
  outline: none;
}
.ajax-form-fancybox .fancybox-button.fancybox-close-small {
  padding-top: 0px;
}
.ajax-form-fancybox .fancybox-content {
  width: auto;
  max-width: 1000px;
  position: relative;
}
.ajax-form-fancybox .fancybox-content::after {
  content: "";
  width: 46px;
  height: 59px;
  position: absolute;
  top: -8px;
  left: 25px;
  background: url(../img/modal-label.png) 0 0 no-repeat;
}
@media (max-width: 480px) {
  .ajax-form-fancybox .fancybox-content {
    padding: 15px;
    padding-top: 40px;
  }
}

.pp-best {
  width: 100%;
  max-width: 420px;
}
.pp-best__caption {
  font-weight: bold;
  font-size: 40px;
  line-height: 47px;
  margin-bottom: 20px;
  color: #01b81d;
  text-align: center;
}
@media (max-width: 480px) {
  .pp-best__caption {
    font-size: 34px;
    line-height: 40px;
  }
}
.pp-best__dedline {
  font-weight: normal;
  font-size: 15px;
  color: black;
  margin-bottom: 10px;
  text-align: center;
}
.pp-best__ttx {
  font-size: 14px;
  line-height: 18px;
  text-align: center;
}
@media (max-width: 480px) {
  .pp-best__ttx {
    font-size: 13px;
    line-height: 16px;
  }
}

.pp-zvonok {
  width: 100%;
  max-width: 420px;
}
.pp-zvonok__caption {
  font-weight: bold;
  font-size: 30px;
  line-height: normal;
  margin-bottom: 20px;
  color: #01b81d;
  text-align: center;
}
.pp-zvonok__caption br {
  display: none;
}
@media (max-width: 480px) {
  .pp-zvonok__caption {
    font-size: 32px;
    line-height: normal;
  }
  .pp-zvonok__caption br {
    display: block;
  }
}
.pp-zvonok__caption-uvedomit {
  font-size: 24px;
}
.pp-zvonok__car-pred {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  text-align: left;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 480px) {
  .pp-zvonok__car-pred {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
  }
}
.pp-zvonok__car-pred img {
  margin-right: 10px;
  width: 180px;
  height: auto;
}
@media (max-width: 480px) {
  .pp-zvonok__car-pred img {
    width: 100px;
    margin-right: 8px;
  }
}
.pp-zvonok__ttx {
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  color: #666;
}
@media (max-width: 480px) {
  .pp-zvonok__ttx {
    font-size: 13px;
    line-height: 16px;
  }
}

.pp-credit {
  width: 100%;
  max-width: 740px;
}
.pp-credit__caption {
  font-weight: bold;
  font-size: 30px;
  line-height: 34px;
  margin-bottom: 10px;
  color: #333;
  text-align: center;
}
.pp-credit__caption span {
  color: #01b81d;
}
@media (max-width: 780px) {
  .pp-credit__caption {
    margin-bottom: 20px;
  }
}
@media (max-width: 580px) {
  .pp-credit__caption {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 480px) {
  .pp-credit__caption {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 400px) {
  .pp-credit__caption {
    font-size: 18px;
    line-height: 22px;
  }
}
.pp-credit__ttx {
  font-size: 14px;
  line-height: 18px;
}
@media (max-width: 600px) {
  .pp-credit__ttx {
    font-size: 13px;
    line-height: 15px;
  }
}
.pp-credit__car {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 600px) {
  .pp-credit__car {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.pp-credit__car--avto {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 200px;
      -ms-flex: 0 0 200px;
          flex: 0 0 200px;
}
@media (max-width: 600px) {
  .pp-credit__car--avto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.pp-credit__car--avto img {
  width: 100%;
  max-width: 170px;
  height: auto;
  border-radius: 5px;
}
@media (max-width: 600px) {
  .pp-credit__car--avto img {
    float: left;
    margin-top: -10px;
    margin-bottom: 5px;
    margin-right: 10px;
  }
}
@media (max-width: 340px) {
  .pp-credit__car--avto img {
    max-width: 120px;
    margin-top: -10px;
    margin-right: 10px;
  }
}
.pp-credit__car .pp-credit__ttx {
  text-align: left;
  font-size: 14px;
  line-height: 18px;
  color: #666;
}
@media (max-width: 780px) {
  .pp-credit__car .pp-credit__ttx {
    margin-right: -25px;
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 600px) {
  .pp-credit__car .pp-credit__ttx {
    margin-top: 0px;
    font-size: 13px;
  }
}
@media (max-width: 480px) {
  .pp-credit__car .pp-credit__ttx {
    font-size: 13px;
    line-height: 16px;
    margin-right: 0px;
  }
}
.pp-credit__car .pp-credit__ttx p {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  text-align: left;
  color: #333;
  margin-bottom: 10px;
}
@media (max-width: 600px) {
  .pp-credit__car .pp-credit__ttx p {
    text-align: center;
  }
}
@media (max-width: 580px) {
  .pp-credit__car .pp-credit__ttx p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-width: 480px) {
  .pp-credit__car .pp-credit__ttx p {
    font-size: 15px;
    line-height: 18px;
  }
}
.pp-credit__comp {
  font-size: 13px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  margin-top: 10px;
  text-align: center;
}
.pp-credit__gos {
  text-align: center;
  font-size: 21px;
  font-weight: bold;
  margin: 15px 0 -5px 0;
  color: #01b81d;
}
@media (max-width: 780px) {
  .pp-credit__gos {
    margin-bottom: 0px;
    font-size: 21px;
  }
}
@media (max-width: 600px) {
  .pp-credit__gos {
    font-size: 18px;
    margin-bottom: 0px;
  }
}
@media (max-width: 400px) {
  .pp-credit__gos {
    font-size: 17px;
  }
}
.pp-credit__box {
  margin-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 780px) {
  .pp-credit__box {
    width: calc(100% + 30px);
    margin: 0 -25px;
  }
}
@media (max-width: 600px) {
  .pp-credit__box {
    width: 100%;
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pp-credit__box--left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 320px;
      -ms-flex: 0 0 320px;
          flex: 0 0 320px;
}
@media (max-width: 780px) {
  .pp-credit__box--left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 290px;
        -ms-flex: 0 0 290px;
            flex: 0 0 290px;
  }
}
@media (max-width: 316px) {
  .pp-credit__box--left .form__pole button.form__button {
    font-size: 13px;
  }
  .pp-credit__box--left .form__pole button.form__button i {
    margin-left: 3px;
  }
}
.pp-credit__box--right {
  margin-left: 40px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media (max-width: 780px) {
  .pp-credit__box--right {
    margin-left: 25px;
  }
}
@media (max-width: 600px) {
  .pp-credit__box--right {
    margin-left: 0px;
  }
}

.pp-credit-list__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 20px;
}
@media (max-width: 600px) {
  .pp-credit-list__list {
    margin-top: 5px;
  }
}
.pp-credit-list__item {
  margin-top: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #666;
  font-size: 13px;
  line-height: 16px;
  font-weight: 400;
  font-family: "Raleway", sans-serif;
}
.pp-credit-list__item:before {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  font-family: "icomoon";
  content: "\e9c9";
  position: relative;
  left: -5px;
  top: 1px;
  color: #0f7cc0;
  font-size: 20px;
  height: 100%;
}
@media (max-width: 780px) {
  .pp-credit-list__item {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .pp-credit-list__item {
    font-size: 13px;
    margin-top: 8px;
  }
}

.pp-spec {
  width: 100%;
  max-width: 620px;
}
.pp-spec__caption--top {
  font-weight: bold;
  font-size: 40px;
  line-height: 47px;
  margin-bottom: 15px;
  color: #01b81d;
  text-align: center;
}
@media (max-width: 530px) {
  .pp-spec__caption--top {
    font-size: 34px;
    line-height: 40px;
  }
}
@media (max-width: 400px) {
  .pp-spec__caption--top {
    font-size: 26px;
    line-height: 30px;
  }
}
.pp-spec__caption--bank {
  font-size: 50px;
  font-weight: bold;
  color: #2EA1DC;
}
@media (max-width: 530px) {
  .pp-spec__caption--bank {
    font-size: 30px;
    line-height: normal;
  }
}
@media (max-width: 530px) {
  .pp-spec__caption--bank {
    font-size: 30px;
  }
}
.pp-spec__caption--bank-vtb {
  width: auto;
  height: 60px;
}
@media (max-width: 570px) {
  .pp-spec__caption--bank-vtb {
    height: auto;
    width: 30%;
  }
}
.pp-spec__caption--bank-firm {
  width: auto;
  height: 60px;
}
@media (max-width: 570px) {
  .pp-spec__caption--bank-firm {
    height: auto;
    width: 55%;
  }
}
.pp-spec__ttx-one {
  font-style: normal;
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #2EA1DC;
  text-align: left;
  padding: 20px 0 10px 0;
}
@media (max-width: 500px) {
  .pp-spec__ttx-one {
    font-size: 15px;
    line-height: 18px;
    padding: 15px 0 5px 0;
  }
}
.pp-spec__ttx-two {
  font-weight: bold;
  font-size: 17px;
  color: #333;
  margin-top: 0px;
}
.pp-spec__ttx-two br {
  display: none;
}
@media (max-width: 500px) {
  .pp-spec__ttx-two {
    font-size: 15px;
    line-height: 18px;
  }
}
@media (max-width: 480px) {
  .pp-spec__ttx-two {
    position: relative;
    z-index: 1;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(255, 255, 255, 0.4), 1px 0px 1px rgba(255, 255, 255, 0.4), 0px -1px 1px rgba(255, 255, 255, 0.4), -1px 0px 1px rgba(255, 255, 255, 0.4), -1px -1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(255, 255, 255, 0.4);
  }
  .pp-spec__ttx-two br {
    display: block;
  }
}
.pp-spec__box {
  position: relative;
}
.pp-spec__box:after {
  content: "";
  position: absolute;
  bottom: -44px;
  right: -44px;
  width: 220px;
  height: 328px;
  background: url("../img/women-rub-min-vtb.png") top left no-repeat;
  background-size: 100%;
}
@media (max-width: 480px) {
  .pp-spec__box:after {
    bottom: -15px;
    right: -15px;
    background-size: 110%;
    width: 230px;
    height: 338px;
  }
}
@media (max-width: 400px) {
  .pp-spec__box:after {
    opacity: 0.85;
  }
}
.pp-spec__box--form {
  position: relative;
  z-index: 1;
  width: 260px;
}
.pp-spec__box--form .form__input {
  background-color: rgba(255, 255, 255, 0.6);
}
.pp-spec__box--form .form__pole--checkbox-label,
.pp-spec__box--form .form-jax__ps {
  color: #333;
  text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.4), 0px 1px 1px rgba(255, 255, 255, 0.4), 1px 0px 1px rgba(255, 255, 255, 0.4), 0px -1px 1px rgba(255, 255, 255, 0.4), 1px 1px 1px rgba(255, 255, 255, 0.4);
}

.pp-rezerv {
  width: 100%;
  max-width: 420px;
}
.pp-rezerv__caption {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #333;
}
@media (max-width: 530px) {
  .pp-rezerv__caption {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 400px) {
  .pp-rezerv__caption {
    font-size: 15px;
    line-height: 18px;
  }
}
.pp-rezerv__car {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 480px) {
  .pp-rezerv__car {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pp-rezerv__car--image {
  width: 100%;
  max-width: 150px;
  margin-right: 10px;
}
.pp-rezerv__car--image img {
  width: 100%;
  height: auto;
}
.pp-rezerv__car--info {
  font-size: 14px;
  font-weight: normal;
  font-family: "Raleway", sans-serif;
}
@media (max-width: 480px) {
  .pp-rezerv__car--info {
    margin-top: 5px;
    font-size: 13px;
    line-height: 17px;
  }
}
.pp-rezerv__car--dopinfo {
  margin-top: 10px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .pp-rezerv__car--dopinfo {
    margin-top: 10px;
  }
}
.pp-tradein {
  width: 100%;
  max-width: 420px;
}
.pp-tradein .form__pole {
  margin-top: 20px;
}
.pp-tradein__top {
  margin: 0;
}
.pp-tradein__vp {
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  font-family: "Raleway", sans-serif;
  color: #01b81d;
}
.pp-tradein__caption {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #333;
}
@media (max-width: 530px) {
  .pp-tradein__caption {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 400px) {
  .pp-tradein__caption {
    font-size: 15px;
    line-height: 18px;
  }
}
.pp-tradein__car {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 480px) {
  .pp-tradein__car {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.pp-tradein__car--image {
  width: 100%;
  max-width: 150px;
  margin-right: 8px;
}
.pp-tradein__car--image img {
  width: 100%;
  height: auto;
}
.pp-tradein__car--info {
  font-size: 14px;
  font-weight: normal;
  font-family: "Raleway", sans-serif;
}
@media (max-width: 480px) {
  .pp-tradein__car--info {
    margin-top: 5px;
    font-size: 13px;
    line-height: 17px;
  }
}
.pp-tradein__car--info-bu {
  font-size: 13px;
}
.pp-tradein__car--dopinfo {
  margin-top: 5px;
  font-weight: 500;
}
@media (max-width: 480px) {
  .pp-tradein__car--dopinfo {
    margin-top: 10px;
  }
}
.pp-tradein__car--dopinfo-bu {
  font-size: 13px;
  margin-top: 10px;
  text-align: left;
}
.pp-tradein__form--caption {
  font-size: 14px;
  font-weight: 500;
  color: #01b81d;
  margin-top: 15px;
  margin-bottom: -5px;
}

.pp-forall {
  width: 100%;
  max-width: 420px;
}
.pp-forall__caption {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
  color: #333;
}
@media (max-width: 530px) {
  .pp-forall__caption {
    font-size: 18px;
    line-height: 22px;
  }
}
@media (max-width: 400px) {
  .pp-forall__caption {
    font-size: 15px;
    line-height: 18px;
  }
}
.pp-forall__ttx {
  font-size: 14px;
  line-height: 17px;
  color: #018515;
  text-align: left;
}
@media (max-width: 500px) {
  .pp-forall__ttx {
    font-size: 13px;
    line-height: 15px;
    margin: 15px 0;
  }
}
.pp-forall__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px;
}
@media (max-width: 600px) {
  .pp-forall__list {
    margin-top: 5px;
  }
}
.pp-forall__item {
  margin-top: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  color: #666;
  font-size: 13px;
  line-height: 16px;
  font-family: "Raleway", sans-serif;
}
.pp-forall__item:before {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16px;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  font-family: "icomoon";
  content: "\e9c9";
  position: relative;
  left: -5px;
  top: 1px;
  color: #01b81d;
  font-size: 18px;
  height: 100%;
}
@media (max-width: 780px) {
  .pp-forall__item {
    font-size: 12px;
  }
}
@media (max-width: 600px) {
  .pp-forall__item {
    font-size: 13px;
    margin-top: 3px;
  }
}

.ajax .form__button {
  font-size: 14px;
  font-weight: bold;
}
.form-jax__ps {
  font-size: 12px;
  color: #666;
  margin-top: 10px;
}

/*
Больше нету
.pp-car-catalog-car {

  // .pp-car-catalog-car__caption
  &__caption {}

  // .pp-car-catalog-car__box
  &__box {
    display: flex;
  }

  // .pp-car-catalog-car__image-box
  &__image-box {}

  // .pp-car-catalog-car__img
  &__img {}

  // .pp-car-catalog-car__info
  &__info {}

  // .pp-car-catalog-car__name
  &__name {}

  // .pp-car-catalog-car__pok
  &__pok {}

  // .pp-car-catalog-car__price
  &__price {}

  // .pp-car-catalog-car__price-min
  &__price-min {}

  // .pp-car-catalog-car__price-big
  &__price-big {}

  // .pp-car-catalog-car__data
  &__data {}
}
*/
/*
.ajax {

  // .ajax__form
  &__form {}
}

.form-jax {
  width: 100%;
  max-width: 450px;

  // .form-jax__caption
  &__caption {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 15px;
  }

  // .form-jax__info
  &__info {
    //color: ;
    margin-bottom: 15px;
  }

  // .form-jax__ps
  &__ps {
    margin-top: 25px;
    font-size: 13px;
    color: #999;
  }

  // .form-jax__car
  &__car {
    margin-bottom: 20px;
  }

  // .form-jax__car--caption
  &__car--caption {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;

    @include media(480) {
      text-align: center;
      margin-top: 10px;
    }
  }

  // .form-jax__car--box
  &__car--box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

    @include media(480) {
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  }

  // .form-jax__car--image-box
  &__car--image-box {
    margin-right: 10px;

    @include media(480) {
      margin: 0;
      margin-bottom: 10px;
    }
  }

  // .form-jax__car--img
  &__car--img {
    border-radius: 5px;
  }

  // .form-jax__car--info
  &__car--info {}

  // .form-jax__car--name
  &__car--name {
    font-weight: bold;
    font-size: 15px;

    @include media(480) {
      text-align: center;
    }
  }

  // .form-jax__car--pok
  &__car--pok {
    font-weight: normal;
    font-size: 11px;
    columns: #999;

    @include media(480) {
      text-align: center;
    }

    &:empty {
      height: 0;
    }
  }

  // .form-jax__car--price
  &__car--price {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 10px 0 10px;

    @include media(480) {
      display: block;
      text-align: center;
    }
  }

  // .form-jax__car--price-min
  &__car--price-min {
    color: $siteColor;
    font-weight: bold;
    font-size: 18px;
  }

  // .form-jax__car--price-big
  &__car--price-big {
    margin-left: 5px;
    color: #666;
    font-weight: normal;
    font-size: 14px;
    text-decoration: line-through;
  }

  // .form-jax__car--data
  &__car--data {
    font-size: 13px;
    color: #666;

    @include media(480) {
      font-size: 12px;
      text-align: center;
    }
  }

  .form__pole {
    margin-top: 20px;
  }
}

.ajax-form-fancybox {
  .fancybox-content {
    @include media(480) {
      padding: 24px;
    }

    @include media(360) {
      padding: 15px;
    }
  }
}
*/
/** ******************************************************
По времени
******************************************************* **/
/*
.form-time-jax {
  width: 100%;

  .form-jax {
    max-width: none;

    // .form-jax__caption
    &__caption {
      padding-top: 55px;
      color: #000;
      text-shadow: 0 0 2px #fff, 0 0 2px #fff;
      font-size: 30px;
      //width: 1000px;
    }

    // .form-jax__info
    &__info {}

    // .form-jax__ps
    &__ps {}
  }

  .form {

    // .form__container
    &__container {
      margin: -44px;
      padding: 0;

      @include media(480) {
        margin: -20px;
      }

      @include media(360) {
        margin: -15px;
      }
    }

    // .form__container-img
    &__container-img {
      padding: 15px;
      padding-top: 205px;
      padding-bottom: 0;
      background: url(../img/ajax-time.jpg) center no-repeat;
      background-size: cover;
    }

    // .form__pole--line
    &__pole--line {
      padding: 15px;
      padding-top: 0;
    }

    // .form__pole--line-action
    &__pole--line-action {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      padding-bottom: 0;
      padding-top: 10px;
      margin-bottom: 0;

      @include media(480) {
        flex-direction: column;
        margin-top: -5px;
      }
    }

    // .form__pole
    &__pole {
      margin: 0 10px;

      @include media(480) {
        width: 100%;
        margin-top: 5px;
      }
    }

    // .form__input
    &__input {}

    // .form__label
    &__label {}

    // .form__button
    &__button {
      padding: 10px 10px;
    }

    // .form__pole--checkbox
    &__pole--checkbox {
      margin-top: 13px;
    }

    // .form__pole--checkbox-label
    &__pole--checkbox-label {}

    // .form__input--checkbox
    &__input--checkbox {}
  }
}

.ajax-form-fancybox-modal {
  .fancybox-close-small {
    background: #fff;
  }
}
*/
.sending i::before {
  display: inline-block;
  content: "\ea19";
  -webkit-animation: rotation 0.8s infinite steps(8);
          animation: rotation 0.8s infinite steps(8);
}

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

@keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.icon-insert {
  font-size: inherit !important;
  display: inline-block;
  margin: 0 0 0 10px;
}

input.disabled,
textarea.disabled {
  opacity: 0.5;
}

/** --------------------------------------------
Формы
------------------------------------------------*/
.form {
  background: #fff;
  display: block;
  border: 3px solid #01b81d;
  border-radius: 10px;
  padding: 20px;
}
.form__caption {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.form__info {
  text-align: center;
  margin-bottom: 10px;
  font-size: 15px;
}
.form__pole {
  position: relative;
  margin: 0;
  margin-top: 25px;
}
.form__pole.valid-pole.error::after {
  bottom: -13px;
}
.form__input {
  width: 100%;
  padding: 10px;
  font-size: 15px;
  color: #333;
  border: 1px solid #eee;
  outline: none;
  background: transparent;
  -webkit-box-shadow: 2px 2px 2px rgba(1, 184, 29, 0.1) !important;
          box-shadow: 2px 2px 2px rgba(1, 184, 29, 0.1) !important;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form__input:focus ~ label, .form__input:valid ~ label {
  top: -22px;
  left: 10px;
  color: rgba(1, 184, 29, 0.8);
  font-size: 11px;
}
.form__input--textarea {
  height: 106px;
  font-size: 15px;
}
.form__input--textarea:focus ~ label, .form__input--textarea:valid ~ label {
  top: -22px;
  left: 10px;
  color: rgba(1, 184, 29, 0.8);
  font-size: 11px;
}
.form__label {
  position: absolute;
  top: 0;
  left: 10px;
  padding: 10px 0;
  font-size: 0;
  color: white;
  pointer-events: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.form__pole--checkbox-label {
  color: #666;
}
.form__button {
  padding: 10px 0px;
  border: 1px solid transparent;
  border-radius: 3px;
  text-transform: uppercase;
  margin: 0 auto;
  width: 100%;
  display: block;
}
.form__button i {
  top: 1px;
  margin-left: 5px;
}
.form__text {
  margin-top: 20px;
  color: #888;
  font-size: 12px;
}
.form__pole--checkbox {
  margin-top: 10px;
  border: 1px solid transparent;
  padding: 3px 5px;
}
.form__pole--checkbox-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/** --------------------------------------------
Форма после отправки
------------------------------------------------*/
.sending-ok {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-ok {
  display: none;
  position: relative;
  z-index: 1;
}
.form-ok__boxer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-ok__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-ok__icon {
  color: #38c172;
  text-align: center;
  font-size: 36px;
}
.form-ok__caption {
  font-size: 22px;
  margin-left: 10px;
  font-weight: bold;
}
.form-ok__text {
  text-align: center;
  font-size: 14px;
  margin: 5px auto;
  max-width: 300px;
}
.form-ok__info {
  display: none;
}
.form-ok__thanks {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  max-width: 300px;
}
.form-ok__button-box {
  display: none;
  margin: 10px auto 0;
}
.form-ok__button {
  display: inline-block;
  margin-top: 30px;
  width: 100%;
  max-width: 300px;
  padding: 10px 50px;
  background-color: #4ab7ec;
  color: white;
  border: 1px solid #4ab7ec;
  border-radius: 4px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
.form-ok__button i {
  font-size: 16px;
  margin-left: 10px;
}
.form-ok__button:hover {
  background-color: #1485bc;
}

.form-ok-hidden.fancybox-content .form-ok__button-box {
  display: block;
}

.ok-form-list-card-form {
  color: white !important;
}
.ok-form-list-card-form .form-ok__text {
  margin: 20px 0;
}
@media (max-width: 580px) {
  .ok-form-list-card-form {
    margin-top: 0px;
  }
}

.gorizontal-box .ok-form-list-card-form {
  margin-top: -40px;
}

@media (max-width: 992px) {
  .ok-form-credit {
    margin: 50px 0;
  }
}

@media (max-width: 992px) {
  .ok-form-tradein {
    margin: 50px 0;
  }
}

@media (max-width: 992px) {
  .ok-form-contacts {
    margin: 30px 0;
  }
}
@media (max-width: 422px) {
  .ok-form-contacts {
    margin: 38px 0;
  }
}
@media (max-width: 380px) {
  .ok-form-contacts {
    margin: 64px 0;
  }
}

@media (max-width: 992px) {
  .ok-form-help {
    margin: 50px 0;
  }
}

.ok-form-ajax {
  width: 100%;
  max-width: 450px;
}
.ok-form-ajax .form-ok__text {
  max-width: none;
  margin-top: 15px;
}
.ok-form-ajax .form-ok__thanks {
  max-width: none;
  margin-top: 15px;
}
@media (max-width: 480px) {
  .ok-form-ajax {
    margin-top: 15px;
  }
}

.valid-pole.error {
  position: relative;
}
.valid-pole.error:after {
  content: "Заполните обязательное поле!";
  position: absolute;
  bottom: -9px;
  left: 10px;
  color: #f00;
  font-size: 11px;
}
.valid-pole .valid.error {
  position: relative;
  border: 1px solid #f00;
}

.valid-pole-checkbox {
  border: 1px solid transparent;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.valid-pole-checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
}
.valid-pole-checkbox .jq-checkbox {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 17px;
      -ms-flex: 0 0 17px;
          flex: 0 0 17px;
  width: 17px;
  height: 17px;
  margin-right: 10px;
}
.valid-pole-checkbox .jq-checkbox.focused {
  border-color: #888 !important;
}
.valid-pole-checkbox .jq-checkbox.checked .jq-checkbox__div {
  width: 12px;
  height: 6px;
  margin: 3px 0 0 3px;
  border-bottom: 2px solid #666;
  border-left: 2px solid #666;
}
.valid-pole-checkbox.error {
  border: 1px solid #f00;
  -webkit-box-shadow: 0 0 1px 0 red;
          box-shadow: 0 0 1px 0 red;
  position: relative;
  color: red;
}
.valid-pole-checkbox.error:after {
  content: "Вы должны поставить галочку!";
  position: absolute;
  bottom: -13px;
  left: 10px;
  color: #f00;
  font-size: 11px;
}

/** --------------------------------------------
ошибка первой цифры тел OTMENA
------------------------------------------------*/
/*
.errorFirstNumber {
	position: relative;
	//	border: 1px solid #f00;
	//	box-shadow: 0 0 1px 0 red;
	//	color: red;

	&:before {
		content: "Код +7 уже указан!";
		position: absolute;
		bottom: -13px;
		//	bottom: 0;
		right: 3px;
		color: #f00;
		font-size: 11px;
		font-weight: bold;
		//	display: block;
		//	width: 44px;
		//text-align: center;
		animation: blinker 1s linear infinite;
	}
}

.tradein-card {
	.errorFirstNumber {
		&:before {
			content: "Код +7 уже указан!";
			display: block;
			width: 44px;
			bottom: 2px;
			text-align: center;
			z-index: 2;
		}
	}
}

.form-time-jax {
	.errorFirstNumber {
		&:before {
			display: none;
		}
	}
}

@keyframes blinker {
	50% {
		opacity: 0.5;
	}
}
*/
.form-ok-hidden {
  display: none;
}

.credit__top-list {
  margin-top: 50px;
}
.credit__page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 800px) {
  .credit__page {
    display: block;
  }
}
.credit__page--left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 350px;
      -ms-flex: 0 0 350px;
          flex: 0 0 350px;
}
@media (max-width: 800px) {
  .credit__page--left {
    width: 100%;
    max-width: 350px;
    margin: 10px auto;
  }
}
.credit__page--right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 40px;
}
@media (max-width: 800px) {
  .credit__page--right {
    margin-left: 0px;
    margin-top: 30px;
    text-align: center;
  }
}

@media (max-width: 992px) {
  .credit-page {
    margin-bottom: 50px;
  }
}
.credit-page .catalog-caption__text {
  font-weight: bold;
  font-size: 15px;
}

.top-list-credit__list {
  margin-bottom: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.top-list-credit__item {
  background: #fff;
  position: relative;
  width: calc(25% - 20px);
  margin: 0 10px;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 15px;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 900px) {
  .top-list-credit__item {
    width: calc(50% - 20px);
    margin: 10px;
  }
}
@media (max-width: 570px) {
  .top-list-credit__item {
    width: 80%;
    margin: 10px auto;
  }
}
@media (max-width: 400px) {
  .top-list-credit__item {
    width: 100%;
    margin: 10px auto;
  }
}
.top-list-credit__white {
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 30px;
  font-weight: bold;
  border: 1px solid #333;
  border-radius: 50%;
}
.top-list-credit__caption {
  text-align: center;
  margin: 20px 0;
  font-size: 22px;
  font-weight: 400;
}
.top-list-credit__text {
  text-align: center;
  color: #999;
  font-size: 14px;
}

.info-page__razdel {
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #787878;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  margin-top: 20px;
}
.info-page__razdel::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #efefef;
  z-index: -1;
  position: relative;
  vertical-align: middle;
  left: 10px;
  margin: 0 -100% 0 0;
}
.info-page__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.info-page__item {
  width: calc(25% - 10px);
  margin: 5px;
  border: 1px solid #efefef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 992px) {
  .info-page__item {
    width: calc(33.3333333333% - 10px);
    font-size: 12px;
    padding: 5px;
  }
}
@media (max-width: 410px) {
  .info-page__item {
    width: calc(50% - 10px);
    font-size: 12px;
    padding: 5px;
  }
}
.info-page__icon {
  margin-bottom: 20px;
  font-size: 40px;
  color: #01b81d;
}
@media (max-width: 992px) {
  .info-page__icon {
    margin-bottom: 10px;
  }
}
.info-page__icon--text {
  font-size: 26px;
  font-style: normal;
  font-weight: normal;
}

.form-credit__caption {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.credit-info {
  overflow: hidden;
  margin: 20px 0;
}
.credit-info__column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.credit-info__box {
  width: 46%;
  margin: 2%;
}
@media (max-width: 800px) {
  .credit-info__box {
    width: 100%;
    margin: 2% 0;
  }
}
.credit-info__box--all {
  width: 100%;
}
.credit-info__title {
  width: auto;
  display: block;
  font-size: 24px;
  font-weight: 600;
  padding-left: 10px;
  position: relative;
  line-height: 1.1em;
}
.credit-info__title::before {
  font-family: "icomoon";
  content: "\ea25";
  position: relative;
  left: -10px;
  top: 2px;
  color: #01b81d;
}
.credit-info__list {
  padding: 10px 0 0 20px;
  margin: 0;
}
.credit-info__list li {
  line-height: 1.4em;
  padding-bottom: 5px;
}
.credit-info__list li::before {
  font-family: "icomoon";
  content: "\e9c9";
  position: relative;
  left: -10px;
  top: 2px;
  color: #0f7cc0;
}
.credit-info__bold {
  font-size: 15px;
  font-weight: 300;
  line-height: 1.2em;
  margin: 20px 0;
}
.credit-info__title-text {
  padding-left: 0;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1em;
  position: relative;
  width: auto;
  display: block;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.credit-info__title-text::after {
  display: block;
  margin-top: 4px;
  content: "";
  height: 2px;
  width: 80px;
  background: grey;
}
.credit-info__soft {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4em;
  margin-bottom: 15px;
}
.credit-info__list--no-people {
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2em;
  padding-left: 40px;
}
.credit-info__list--no-people li {
  list-style: circle;
  line-height: 1.4em;
}
.credit-info__soft--bottom {
  margin: 15px 0;
}
.credit-info__soft--link {
  font-size: 13px;
  font-weight: bold;
}
.credit-info__link {
  display: block;
  font-size: 18px;
  color: #01b81d;
  text-decoration: underline;
  margin-bottom: 10px;
}

.help-search {
  margin: 20px 0;
  position: relative;
}
.help-search:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: url("../img/car-form-search-car-help.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0.1;
}
@media (max-width: 992px) {
  .help-search:after {
    background-size: 250%;
    background-position: center top;
  }
}
.help-search__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .help-search__row {
    display: block;
  }
}
.help-search__caption {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media (max-width: 992px) {
  .help-search__caption {
    font-size: 20px;
    line-height: 24px;
    text-align: center;
  }
}
.help-search__list {
  font-size: 16px;
  line-height: 24px;
}
@media (max-width: 992px) {
  .help-search__list {
    font-size: 14px;
    line-height: 20px;
  }
}
.help-search__item {
  padding-left: 30px;
}
.help-search__item::before {
  content: "-";
  margin-right: 5px;
}
.help-search__form {
  width: 400px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 400px;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
  margin: 40px 0;
  margin-right: 20px;
}
@media (max-width: 992px) {
  .help-search__form {
    margin: 40px auto;
  }
}
@media (max-width: 430px) {
  .help-search__form {
    width: 100%;
  }
}

.form-help {
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding: 30px 30px 15px;
}
@media (max-width: 430px) {
  .form-help {
    padding: 20px 10px 15px;
  }
}
.form-help__caption {
  padding: 6px 0 4px;
  color: #35383b;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  padding-bottom: 8px;
}
.form-help__text {
  font-size: 14px;
  text-align: left;
  padding-bottom: 8px;
  color: #555;
}
.form-help__input {
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  padding: 10px;
  color: #787a7c;
  font-size: 14px;
  margin: 6px 0 4px;
  width: 100%;
}
.form-help__button {
  margin-top: 20px;
  text-transform: uppercase;
  width: 100%;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-help__button i {
  display: inline-block;
  margin-left: 5px;
  font-size: 13px;
  top: 1px;
}
.form-help__polity {
  color: grey;
  font-size: 12px;
  margin-top: 10px;
}
.form-help__link-polity {
  color: grey;
}
.form-help__link-polity:visited {
  color: grey;
}
.form-help__link-polity:hover {
  color: #01b81d;
}
.form-help .pole-checkbox {
  margin: 5px 0px 20px 0px;
}
.form-help .pole-checkbox label {
  font-size: 13px;
  color: #666;
}

/** -------------------------------------------
Вопросы
-------------------------------------------- **/
.help-vopros {
  margin-top: 150px;
  margin-bottom: 0px;
  position: relative;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, from(#020024), color-stop(0%, rgba(255, 255, 255, 0)), to(#eee));
  background: linear-gradient(180deg, #020024 0%, rgba(255, 255, 255, 0) 0%, #eee 100%);
  -webkit-box-shadow: 0px 5px 5px rgba(238, 238, 238, 0.8);
          box-shadow: 0px 5px 5px rgba(238, 238, 238, 0.8);
}
@media (max-width: 992px) {
  .help-vopros {
    margin-top: 100px;
    padding-bottom: 20px;
  }
}
.help-vopros:after {
  display: none;
}
.help-vopros__logo {
  width: 100%;
  height: 280px;
  margin: auto;
  background-image: url("../img/logo-blur.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 1280px) {
  .help-vopros__logo {
    width: 625px;
    height: 200px;
  }
}
@media (max-width: 1080px) {
  .help-vopros__logo {
    width: 540px;
    height: 180px;
  }
}
@media (max-width: 992px) {
  .help-vopros__logo {
    width: 300px;
    height: 200px;
    background-size: contain;
  }
}
@media (max-width: 360px) {
  .help-vopros__logo {
    width: 100%;
  }
}
.help-vopros__manager {
  width: 60%;
}
.help-vopros__manager::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 30%;
  background-image: url("../img/manager.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 260px;
  height: 500px;
}
@media (max-width: 1280px) {
  .help-vopros__manager::after {
    left: 24%;
    width: 220px;
    height: 420px;
  }
}
@media (max-width: 992px) {
  .help-vopros__manager::after {
    width: 260px;
    height: 300px;
    background-size: 60%;
    top: -300px;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media (max-width: 992px) {
  .help-vopros .form-help {
    position: relative;
    margin-bottom: 0px;
  }
}

.time-form {
  width: 100%;
  max-width: 1920px;
  background: url("../img/offer_bg.jpg") 70% 50% no-repeat;
  background-size: cover;
  margin: 0px auto 40px;
  padding: 10px 0 10px;
  -webkit-box-shadow: 0 15px 15px rgba(236, 236, 236, 0.9), 0 -15px 15px rgba(236, 236, 236, 0.9);
          box-shadow: 0 15px 15px rgba(236, 236, 236, 0.9), 0 -15px 15px rgba(236, 236, 236, 0.9);
  /*
   &.time-form-catalog {
     box-shadow: 0 15px 15px rgba(#ECECEC, 0.1),
   }
  */
}
@media (max-width: 992px) {
  .time-form {
    background-position: 75% center;
  }
}
.time-form__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 992px) {
  .time-form__box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.time-form__column {
  margin-left: 20px;
}
@media (max-width: 992px) {
  .time-form__column {
    margin-left: 0;
  }
}
.time-form__column:first-child {
  margin-left: 0;
}
@media (max-width: 992px) {
  .time-form__column:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
    margin-top: 20px;
  }
}
.time-form__h {
  font-weight: 700;
  font-size: 25px;
}
@media (max-width: 1080px) {
  .time-form__h {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
  .time-form__h {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .time-form__h {
    font-size: 20px;
  }
}
.time-form__t {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .time-form__t {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .time-form__t {
    font-size: 13px;
    margin-top: 0px;
  }
}
.time-form__form {
  width: 100%;
  max-width: 350px;
}
@media (max-width: 992px) {
  .time-form__form {
    margin: auto;
  }
}
.time-form__form .form__pole {
  margin-top: 15px;
}
.time-form__form .pole-checkbox {
  margin-top: 3px;
  margin-bottom: 5px;
}
.time-form__form .form__input {
  background: white;
}
.time-form__form .form-card__label {
  color: #666;
}
.time-form__form .ok-form-list-card-form {
  color: #333 !important;
}
.time-form__form .ok-form-list-card-form .form-ok__text {
  margin: 5px 0;
}
@media (max-width: 992px) {
  .time-form__form .ok-form-list-card-form {
    margin-bottom: 15px;
  }
}
.time-form__caption {
  padding-bottom: 25px;
  font-size: 25px;
  font-weight: 700;
  text-align: center;
  text-shadow: 0 0 15px white;
}
@media (max-width: 1080px) {
  .time-form__caption {
    font-size: 23px;
  }
}
@media (max-width: 992px) {
  .time-form__caption {
    text-align: center;
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .time-form__caption {
    font-size: 20px;
  }
}
.time-form__text {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center;
  text-shadow: 0 0 15px white;
}
@media (max-width: 992px) {
  .time-form__text {
    text-align: center;
  }
}
@media (max-width: 480px) {
  .time-form__text {
    font-size: 13px;
  }
}
.time-form__br {
  display: none;
}
@media (max-width: 430px) {
  .time-form__br {
    display: block;
  }
}
.time-form__timer--start.flip-clock-wrapper {
  font-family: "Roboto", sans-serif;
}
@media (max-width: 460px) {
  .time-form__timer--start.flip-clock-wrapper {
    padding-left: 10%;
  }
}
@media (max-width: 360px) {
  .time-form__timer--start.flip-clock-wrapper {
    padding-left: 8%;
  }
}
@media (max-width: 340px) {
  .time-form__timer--start.flip-clock-wrapper {
    padding-left: 5%;
  }
}
@media (max-width: 330px) {
  .time-form__timer--start.flip-clock-wrapper {
    padding-left: 3%;
  }
}
.time-form__timer--start.flip-clock-wrapper ul {
  width: 50px;
  height: 70px;
}
.time-form__timer--start.flip-clock-wrapper ul li a div div.inn {
  font-size: 40px;
  line-height: 70px;
}
.time-form__timer--start.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
  right: 0;
  left: 30px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
.time-form__timer--start.flip-clock-wrapper .flip-clock-divider.days .flip-clock-label {
  left: 15px;
}
.time-form__timer--start.flip-clock-wrapper .flip-clock-dot.top {
  top: 25px;
}
.time-form__timer--start.flip-clock-wrapper .flip-clock-dot.bottom {
  bottom: 45px;
}
@media (max-width: 1180px) {
  .time-form__timer--start.flip-clock-wrapper ul {
    width: 35px;
    height: 55px;
    margin: 2px;
  }
  .time-form__timer--start.flip-clock-wrapper ul li a div div.inn {
    font-size: 30px;
    line-height: 60px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot {
    width: 6px;
    height: 6px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.top {
    top: 25px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.bottom {
    bottom: 45px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider.days {
    width: 0;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider {
    width: 15px;
    height: 10px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    font-size: 14px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.top {
    top: 20px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.bottom {
    bottom: auto;
    top: 35px;
  }
}
@media (max-width: 460px) {
  .time-form__timer--start.flip-clock-wrapper {
    margin: 0;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    font-size: 12px;
  }
  .time-form__timer--start.flip-clock-wrapper ul {
    width: 28px;
    height: 50px;
  }
  .time-form__timer--start.flip-clock-wrapper ul li a div div.inn {
    font-size: 25px;
    line-height: 50px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider {
    width: 5px;
    height: 10px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot {
    left: 0;
    width: 4px;
    height: 4px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.top {
    top: 20px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-dot.bottom {
    top: 30px;
  }
  .time-form__timer--start.flip-clock-wrapper .flip-clock-divider .flip-clock-label {
    left: 10px;
  }
}

.tradein__top {
  width: 100%;
  max-width: 1600px;
  background: linear-gradient(320deg, rgba(1, 184, 29, 0.05) 0%, rgba(1, 184, 29, 0.05) 100%);
  background-size: cover;
  -webkit-box-shadow: 0 0 15px rgba(1, 184, 29, 0.02);
          box-shadow: 0 0 15px rgba(1, 184, 29, 0.02);
  margin: 0 auto;
  padding: 10px 0;
}
.tradein__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .tradein__box {
    display: block;
  }
}
.tradein__left {
  width: 50%;
}
@media (max-width: 992px) {
  .tradein__left {
    padding-top: 15px;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 500px) {
  .tradein__left {
    text-align: left;
  }
}
.tradein__right {
  width: 50%;
}
@media (max-width: 992px) {
  .tradein__right {
    padding-top: 40px;
    width: 530px;
    margin: 0 auto;
  }
}
@media (max-width: 570px) {
  .tradein__right {
    padding-top: 40px;
    width: 100%;
    margin: 0;
  }
}

.left-tradein {
  padding-left: 30px;
}
@media (max-width: 500px) {
  .left-tradein {
    padding-left: 0px;
  }
}
.left-tradein__caption {
  color: #35383b;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 34px;
  margin-bottom: 32px;
}
.left-tradein__caption::before {
  font-family: "icomoon";
  content: "\ea25";
  position: relative;
  left: -10px;
  top: 2px;
  color: #01b81d;
}
@media (max-width: 500px) {
  .left-tradein__caption {
    font-size: 28px;
  }
}
@media (max-width: 992px) {
  .left-tradein__list {
    margin: 0 auto;
    width: 100%;
    max-width: 360px;
  }
}
.left-tradein__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 10px 0;
}
@media (max-width: 992px) {
  .left-tradein__item {
    text-align: left;
  }
}
.left-tradein__num {
  border-radius: 50%;
  background-color: #01b81d;
  font-size: 16px;
  font-weight: bold;
  padding: 8px 12px 7px 12px;
  color: white;
  margin-right: 10px;
}
.left-tradein__text {
  color: #666;
}

.form-tradein .form {
  border-radius: 3px;
  border-color: #999;
  background-color: white;
}
@media (max-width: 500px) {
  .form-tradein .form {
    margin: 0 -15px;
    border-left-color: white;
    border-right-color: white;
  }
}
.form-tradein .form__caption {
  text-align: left;
  text-transform: uppercase;
}
@media (max-width: 500px) {
  .form-tradein .form__caption {
    margin-bottom: -25px;
  }
}
.form-tradein .form__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 500px) {
  .form-tradein .form__box {
    display: block;
  }
}
.form-tradein .form__column {
  width: calc(50% - 15px);
  margin-right: 15px;
}
.form-tradein .form__column:last-child {
  margin: 0;
}
@media (max-width: 500px) {
  .form-tradein .form__column {
    width: 100%;
    margin-right: 0px;
  }
}
.form-tradein .form__info {
  text-transform: uppercase;
  text-align: left;
  margin-top: 10px;
  font-size: 14px;
  font-weight: bold;
  color: #777;
}
@media (max-width: 500px) {
  .form-tradein .form__info {
    margin-top: 40px;
  }
}
.tradein-icons {
  background-color: #f2f3f5;
  padding: 25px 0;
}
.tradein-icons__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.tradein-icons__item {
  display: block;
  width: 25%;
  text-align: center;
}
@media (max-width: 800px) {
  .tradein-icons__item {
    width: 50%;
    margin-top: 15px;
  }
}
.tradein-icons__icon {
  font-size: 80px;
}
.tradein-icons__text {
  text-transform: uppercase;
  max-width: 160px;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .tradein-icons__text {
    font-size: 13px;
  }
}

.tradein-info {
  margin-top: 50px;
}
.tradein-info__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.tradein-info__column {
  width: calc(50% - 20px);
  margin-right: 20px;
}
@media (max-width: 800px) {
  .tradein-info__column {
    width: 100%;
    margin: 0;
  }
}
.tradein-info__right {
  margin-right: 0px;
}
@media (max-width: 800px) {
  .tradein-info__right {
    margin-top: 30px;
  }
}
.tradein-info__caption {
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
}
.tradein-info__icons {
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .tradein-info__icons br {
    display: none;
  }
}
.tradein-info__icons--icons-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 992px) {
  .tradein-info__icons--icons-list {
    margin-left: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 400px) {
  .tradein-info__icons--icons-list {
    margin-left: 0px;
  }
}
.tradein-info__icons--icons-items {
  width: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 250px;
  margin-top: 15px;
}
.tradein-info__icons--icons-items i {
  font-size: 30px;
  color: #01b81d;
  margin-right: 10px;
}
@media (max-width: 992px) {
  .tradein-info__icons--icons-items {
    width: 100%;
    margin: 15px 20px 0;
    max-width: none;
  }
}
@media (max-width: 400px) {
  .tradein-info__icons--icons-items {
    margin: 15px 0 0 0;
  }
}
.tradein-info__docs {
  margin-top: 25px;
}
.tradein-info__docs--caption {
  text-transform: uppercase;
  margin-bottom: 10px;
}
.tradein-info__docs--item {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
  font-size: 13px;
}
.tradein-info__docs--item:before {
  content: "\e9b1";
  color: #01b81d;
  position: absolute;
  top: 0%;
  left: 0;
}
.tradein-info__right--text {
  font-size: 13px;
  line-height: 18px;
}
.tradein-info__premium {
  margin: 10px;
}
@media (max-width: 400px) {
  .tradein-info__premium {
    margin: 10px 0;
  }
}
.tradein-info__premium--list {
  font-size: 13px;
}
.tradein-info__premium--item {
  position: relative;
  padding-left: 20px;
  margin-top: 10px;
}
.tradein-info__premium--item:before {
  content: "\e9b1";
  color: #38c172;
  position: absolute;
  top: 0%;
  left: 0;
}
.tradein-info__kak-work {
  margin: 30px 0;
}
.tradein-info__kak-work--caption {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin: 10px 0;
}
.tradein-info__kak-work--text {
  font-size: 14px;
  line-height: 19px;
}

.form-finance {
  margin-top: 50px;
}
.form-finance__caption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.ff .form__pole-color-box {
  margin-top: 10px;
}
.ff__bbx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 992px) {
  .ff__bbx {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ff__bbx-left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 300px;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  padding: 10px;
  border: 2px solid #333;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
@media (max-width: 992px) {
  .ff__bbx-left {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    padding-bottom: 0px;
  }
}
.ff__bbx-left.ff__bottom-left {
  border-top: none;
  border-radius: 0 0 10px 10px;
  border-bottom: 2px solid #333;
}
@media (max-width: 992px) {
  .ff__bbx-left.ff__bottom-left {
    border-bottom: none;
    border-radius: 0;
  }
}
.ff__select-mod--caption {
  font-size: 16px;
  font-weight: bold;
  font-family: "Raleway", sans-serif;
  text-align: center;
}
.ff__complect {
  width: 100%;
}
.ff__complect .jq-selectbox__select {
  height: auto;
  padding: 8px 45px 8px 10px;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.ff__complect .jq-selectbox__select:hover {
  background: none;
}
.ff__complect .jq-selectbox.focused .jq-selectbox__select {
  border: 1px solid #ccc;
}
.ff__complect .jq-selectbox__select-text {
  width: 100%;
  white-space: normal;
  font-size: 12px;
  line-height: 15px;
}
.ff__complect .jq-selectbox__trigger {
  border-left: none;
}
.ff__complect .jq-selectbox__trigger-arrow {
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.ff__complect .jq-selectbox__dropdown li {
  white-space: normal;
  font-size: 13px;
  font-family: "Raleway", sans-serif;
}
.ff__colors-box {
  width: 100%;
  margin: 5px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.ff__colors-item {
  position: relative;
}
.ff__colors-radio {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 0;
  height: 0;
  z-index: -1;
}
.ff__colors-label {
  display: block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-radius: 50%;
  border: 2px solid #ccc;
  cursor: pointer;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.ff__colors-label:hover {
  border-color: #01b81d;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
#form-finance .ff__colors-radio:checked + .ff__colors-label {
  border-color: #ff0000;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.form-diler {
  margin-top: 20px;
}
.form-diler.sending-ok {
  min-height: auto !important;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.car-ff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 30px;
}
@media (max-width: 992px) {
  .car-ff {
    margin-left: 0px;
    border-left: 2px solid #003049;
    border-right: 2px solid #003049;
    padding: 15px;
    padding-bottom: 0;
    padding-top: 0;
  }
}
@media (max-width: 680px) {
  .car-ff {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 15px;
    overflow: hidden;
  }
}
.car-ff__color {
  position: relative;
}
@media (max-width: 680px) {
  .car-ff__color {
    width: 100%;
  }
}
.car-ff__color img {
  position: absolute;
  top: 12px;
  left: 0;
  width: auto;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 680px) {
  .car-ff__color img {
    position: relative;
    max-width: 350px;
    height: auto;
    display: block;
    margin-top: -10px;
  }
}
@media (max-width: 480px) {
  .car-ff__color img {
    width: 100%;
    height: auto;
  }
}
.car-ff__color .ff-b-lazy {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.car-ff__color .ff-b-lazy.b-loaded {
  opacity: 1;
}
.car-ff__color .ff-b-lazy.b-loaded + .wait-preloader-one-spinner {
  display: none;
}
.car-ff__color--name {
  position: relative;
  z-index: 1;
  color: #000;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
}
.car-ff__color--vid {
  width: 350px;
  opacity: 0;
  height: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.car-ff__color--vid.active {
  width: 100%;
  max-width: 350px;
  height: 212px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 680px) {
  .car-ff__color--vid.active {
    height: auto;
  }
}
@media (max-width: 680px) {
  .car-ff__color--vid {
    margin: 0 auto;
  }
}
@media (max-width: 992px) {
  .car-ff__mod {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
                -ms-grid-row-align: center;
            align-self: center;
  }
}
.car-ff__mod-box {
  opacity: 0;
  height: 0;
  visibility: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: 20px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media (max-width: 580px) {
  .car-ff__mod-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0px;
  }
}
.car-ff__mod-box.active {
  opacity: 1;
  height: auto;
  visibility: visible;
}
.car-ff__mod-com {
  font-size: 16px;
  font-family: "Raleway", sans-serif;
  font-weight: bold;
  margin-bottom: 20px;
  width: 100%;
}
@media (max-width: 992px) {
  .car-ff__mod-com {
    font-size: 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 680px) {
  .car-ff__mod-com {
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
  }
}
.car-ff__mod-box--pr {
  width: 100%;
}
@media (max-width: 680px) {
  .car-ff__mod-box--pr {
    display: none;
  }
}
.car-ff__mod-box--all {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 126px;
  margin-top: 10px;
}
@media (max-width: 580px) {
  .car-ff__mod-box--all {
    font-size: 13px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.car-ff__mod-box--all i {
  display: block;
  font-size: 30px;
  margin-right: 5px;
  color: #666;
}
@media (max-width: 992px) {
  .car-ff__mod-box--all {
    width: 120px;
    font-size: 13px;
  }
  .car-ff__mod-box--all i {
    font-size: 26px;
  }
}
@media (max-width: 992px) and (max-width: 580px) {
  .car-ff__mod-box--all i {
    font-size: 16px;
  }
}
@media (max-width: 680px) {
  .car-ff__mod-box--all {
    width: 24%;
  }
}
@media (max-width: 580px) {
  .car-ff__mod-box--all {
    width: auto;
    margin: 0 10px;
    margin-top: 5px;
  }
}
.car-ff__mod-box--all-pdp {
  font-size: 11px;
  font-weight: normal;
  font-family: "Raleway", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.car-ff__mod-box--all-pdp span {
  display: block;
  font-weight: normal;
  font-size: 11px;
  color: #666;
}
@media (max-width: 580px) {
  .car-ff__mod-box--sila {
    display: none;
  }
}
.rg-ff {
  margin-left: 30px;
}
@media (max-width: 992px) {
  .rg-ff {
    margin-left: 0px;
    border: 2px solid #333;
    border-top: none;
    padding: 15px;
    border-radius: 0 0 10px 10px;
  }
}
.rg-ff__caption {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
}
@media (max-width: 580px) {
  .rg-ff__caption {
    font-size: 13px;
  }
}
.rg-ff__box {
  margin-top: 15px;
  font-size: 14px;
  color: #666;
}
@media (max-width: 992px) {
  .rg-ff__box {
    margin-top: 25px;
  }
}
@media (max-width: 580px) {
  .rg-ff__box {
    margin-top: 15px;
    font-size: 12px;
  }
}
.rg-ff__info {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}
@media (max-width: 580px) {
  .rg-ff__info {
    font-size: 15px;
  }
}

.ff-prem {
  margin-top: -20px;
}
@media (max-width: 992px) {
  .ff-prem {
    margin-top: 0;
  }
}
.ff-prem__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .ff-prem__row {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ff-prem__onbe {
  padding: 10px;
  border: 2px solid #003049;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .ff-prem__stavka {
    margin-right: 10px;
  }
}
.ff-prem__vigoda span {
  display: block;
}
.ff-prem__rowline {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 5px;
}
@media (max-width: 992px) {
  .ff-prem__rowline {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.ff-prem__rowline-flx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 3px;
  color: #555;
}
@media (max-width: 992px) {
  .ff-prem__price-skidka {
    display: none;
  }
}
.ff-prem__price-skidka span {
  color: #333;
  font-size: 16px;
}
.ff-prem__platejvcredit span {
  color: #333;
  font-size: 16px;
}
@media (max-width: 992px) {
  .ff-prem__platejvcredit span {
    margin-left: 20px;
  }
}

.region2b-pole {
  height: 0;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden !important;
  opacity: 0;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.filter {
  margin: 30px 0;
  padding: 30px 0;
  background-color: rgba(243, 243, 243, 0.95);
  -webkit-box-shadow: 0 5px 5px rgba(243, 243, 243, 0.9), 0 -5px 5px rgba(243, 243, 243, 0.9);
          box-shadow: 0 5px 5px rgba(243, 243, 243, 0.9), 0 -5px 5px rgba(243, 243, 243, 0.9);
  /*
  // .filter__slider--button
  &__slider--button {
  	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin: auto;
  	margin-top: -10px;
  	margin-bottom: -10px;
  	font-size: 14px;
  	font-weight: bold;
  	text-transform: uppercase;

  	i {
  		font-size: 22px;
  		top: 2px;
  		margin-left: 5px;
  		color: $siteColor;
  	}

  	&.open i {
  		transform: rotate(180deg);
  		top: 0px;
  	}
  }
  // .filter__slider
  &__slider {
  	display: none;
  } // .filter__slider
  &__slider.open {
  	margin-top: 20px;
  	display: block;
  }
  */
}
.filter__form {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.filter__form.activeshow {
  opacity: 1;
}
.filter .jq-selectbox__dropdown {
  z-index: 11;
}
.filter__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.filter__item {
  width: calc(16.6666666667% - 10px);
  margin: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1180px) {
  .filter__item {
    width: calc(25% - 10px);
  }
}
@media (max-width: 992px) {
  .filter__item {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 800px) {
  .filter__item {
    display: none;
    width: calc(50% - 10px);
  }
}
@media (max-width: 570px) {
  .filter__item {
    width: 100%;
    margin: 5px 0;
  }
}
.filter__show {
  display: block;
  position: relative;
}
.filter__pole {
  width: 100%;
}
.filter__input {
  width: 100%;
  height: 52px;
  padding: 0 10px 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  line-height: 52px;
  color: #333;
}
.filter__input::-webkit-input-placeholder {
  /* Chrome */
  color: #333;
}
.filter__input:-ms-input-placeholder {
  /* IE 10+ */
  color: #333;
}
.filter__input::-moz-placeholder {
  /* Firefox 19+ */
  color: #333;
  opacity: 1;
}
.filter__input:-moz-placeholder {
  /* Firefox 4 - 18 */
  color: #333;
  opacity: 1;
}
.filter__button-submit {
  width: 100%;
  height: 52px;
  border: 1px solid #01b81d;
}
.filter__button--span {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.filter__mobail-bolee {
  display: none;
}
@media (max-width: 800px) {
  .filter__mobail-bolee {
    display: block;
  }
}
@media (max-width: 570px) {
  .filter__mobail-bolee {
    margin-top: 25px;
  }
}
.filter__button--reset {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 12px;
  font-weight: 500;
  color: rgba(1, 184, 29, 0.6);
  white-space: nowrap;
}
.filter .jq-selectbox__select {
  height: 52px;
  padding: 0 45px 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f6f6f6;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 52px;
  color: #333;
  text-shadow: 1px 1px #fff;
}
.filter .jq-selectbox__trigger {
  border-left: none;
}
.filter .jq-selectbox__trigger-arrow {
  top: 23.6363636364px;
}
.filter .jq-selectbox li:hover {
  background-color: #01b81d;
}
.filter .jq-selectbox li.selected {
  background-color: #01b81d;
}

/*
Селект (простой)	
.jq-selectbox	родительский контейнер
.jq-selectbox.opened	выпадающий список селекта раскрыт
.jq-selectbox.dropup	выпадающий список селекта раскрыт вверх
.jq-selectbox.dropdown	выпадающий список селекта раскрыт вниз
.jq-selectbox.changed	выбрано значение, отличное от заданного по умолчанию
.jq-selectbox__select	селект в свернутом состоянии
.focused .jq-selectbox__select	фокус на селекте, когда нажата клавиша Tab
.disabled .jq-selectbox__select	неактивный (недоступный для выбора) селект
.jq-selectbox__select-text	дополнительный вложенный тег для свернутого селекта
.jq-selectbox .placeholder	замещающий текст
.jq-selectbox__trigger	правая часть свернутого селекта (условный переключатель)
.jq-selectbox__trigger-arrow	вложенный тег для переключателя (стрелка)
.jq-selectbox__dropdown	обертка для выпадающего списка
.jq-selectbox__search	обертка для поискового поля
.jq-selectbox__search input	поисковое поле
.jq-selectbox__not-found	сообщение об отсутствии результатов поиска
.jq-selectbox ul	выпадающий список
.jq-selectbox li	пункт (опция) селекта
.jq-selectbox li.selected	выбранный пункт селекта
.jq-selectbox li.disabled	неактивный (недоступный для выбора) пункт селекта
.jq-selectbox li.optgroup	заголовок для группы пунктов
.jq-selectbox li.option	пункт списка в группе
*/
.list-models {
  margin: -20px 0 10px 0;
}
.list-models__list {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 800px) {
  .list-models__list {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.list-models__item {
  margin-right: 10px;
  margin-top: 10px;
}
.list-models__link {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.125);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.125);
  border-radius: 4px;
  height: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 16px;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  color: #333;
}
.list-models__link:visited {
  color: #333;
}
.list-models__link:hover {
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
}
.list-models__link:hover .list-models__cars {
  color: #01b81d;
}
.list-models__link.active {
  color: #01b81d;
}
.list-models__name {
  margin-right: 15px;
}
@media (max-width: 800px) {
  .list-models__name {
    font-size: 13px;
    margin-right: 5px;
  }
}
.list-models__cars {
  color: #666;
}
@media (max-width: 800px) {
  .list-models__cars {
    font-size: 13px;
  }
}

.sorting-view {
  margin-top: 50px;
  margin-bottom: 20px;
}
.sorting-view__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sorting-view__column {
  width: 100%;
}
.sorting-view__column--icons {
  margin-right: 0px;
  width: 100px;
}
.sorting-view__select {
  margin-left: 10px;
}
.sorting-view__button {
  cursor: pointer;
}
.sorting-view__button i {
  font-size: 30px;
}
.sorting-view__button :hover {
  color: #01b81d;
}

.sorting-view .jq-selectbox__select {
  height: 52px;
  padding: 0 45px 0 10px;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 52px;
  color: #444;
  text-shadow: 1px 1px #fff;
}
@media (max-width: 780px) {
  .sorting-view .jq-selectbox__select {
    font-size: 13px;
    padding: 0 25px 0 10px;
    height: 34.6666666667px;
    line-height: 34.6666666667px;
  }
}
.sorting-view .jq-selectbox__trigger {
  border-left: none;
}
.sorting-view .jq-selectbox__trigger-arrow {
  top: 23.6363636364px;
  border-top-color: #01b81d;
}
@media (max-width: 780px) {
  .sorting-view .jq-selectbox__trigger-arrow {
    top: 15.7575757576px;
    right: 8px;
  }
}
.sorting-view .jq-selectbox li:hover {
  background-color: #01b81d;
}
.sorting-view .jq-selectbox li.selected {
  background-color: #01b81d;
}
.in-car-cars-cards {
  padding: 40px 0;
}
.in-car-cars-cards h2 {
  margin: 0px 0 40px;
}

.cards {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 580px) {
  .cards {
    width: calc(100% + 30px);
    margin: 0 -15px;
  }
}

.card {
  position: relative;
  width: 25%;
  margin: 10px 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /*
  	@include media(400) {
  		width: calc(100% / 1 - 50px);
  		margin: 10px 25px;
  	}
  */
}
@media (max-width: 1080px) {
  .card {
    width: 33.3333333333%;
  }
}
@media (max-width: 800px) {
  .card {
    width: 50%;
  }
}
@media (max-width: 400px) {
  .card {
    width: 100%;
    margin: 10px 0px;
  }
}
.card__link-pere-ex {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 10;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}
.card__link-pere-ex i {
  font-size: 18px;
  color: green;
}
.card__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 5px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 250px;
      -ms-flex: 1 0 250px;
          flex: 1 0 250px;
  border: 1px solid #eee;
  border-radius: 3px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
}
.card__link:hover, .card__link:visited {
  text-decoration: none;
}
.card__link:hover .names-card__name--marka,
.card__link:hover .names-card__name--model, .card__link:visited .names-card__name--marka,
.card__link:visited .names-card__name--model {
  text-decoration: underline;
}
.card__link:hover {
  -webkit-box-shadow: 0 5px 14px hsla(0, 0%, 85.9%, 0.5);
          box-shadow: 0 5px 14px hsla(0, 0%, 85.9%, 0.5);
}
@media (max-width: 580px) {
  .card__link {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media (max-width: 480px) {
  .card__link {
    width: 100%;
    margin: 3px;
  }
}
@media (max-width: 400px) {
  .card__link {
    border: 1px solid #eee;
    border-radius: 0px;
  }
}
.slider-card {
  position: relative;
}
.slider-card__list {
  max-height: 300px;
}
.slider-card__item {
  width: 300px;
  max-height: 300px;
}
.slider-card__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  min-height: 150px;
  outline: none;
  border: none;
  text-shadow: none;
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  opacity: 0;
}
.slider-card__img.b-loaded {
  opacity: 1;
}
.slider-card__favorites {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 28px;
  height: 28px;
  font-size: 24px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.9);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider-card__favorites:hover {
  background: rgba(1, 184, 29, 0.8);
  border: 1px solid rgba(1, 184, 29, 0.8);
}
.slider-card__favorites:hover i {
  color: white;
}
.slider-card__favorites i {
  font-size: 16px;
  top: 2px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.slider-card__favorites.active i:before {
  content: "\ea1e";
}
.slider-card__action {
  position: absolute;
  display: none;
}
.card-slider {
  min-width: 0;
  position: relative;
  z-index: 1;
  /* Лента слайдов */
}
.card-slider .slick-list {
  overflow: hidden;
}
.card-slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.card-slider__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.card-slider__dots li {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: block;
  height: 100%;
  border: 1px solid transparent;
  margin: 0;
}
.card-slider__dots li::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 2px;
  left: 0;
  border: 2px solid rgba(255, 255, 255, 0.6);
}
.card-slider__dots li:hover {
  border-style: dashed;
  border-right-color: rgba(1, 184, 29, 0.1);
  border-left-color: rgba(1, 184, 29, 0.1);
}
.card-slider__dots li.slick-active::after {
  border: 2px solid rgba(1, 184, 29, 0.6);
}
.card-slider__dots li button {
  font-size: 0;
}
@media (max-width: 992px) {
  .card-slider__dots {
    width: 100%;
    height: 24px;
    bottom: 3px;
    top: auto;
    overflow: hidden;
    margin: 0 0px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    opacity: 0.3;
  }
  .card-slider__dots li {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    width: 6px;
    height: 3px;
    display: block;
    border: 1px solid rgba(1, 184, 29, 0.6);
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px 10px white;
            box-shadow: inset 0 0 2px 10px white;
    margin: 0 0.3%;
  }
  .card-slider__dots li::after {
    display: none;
  }
  .card-slider__dots li:hover {
    border-style: dashed;
    border-right-color: rgba(1, 184, 29, 0.1);
    border-left-color: rgba(1, 184, 29, 0.1);
    border-radius: 50%;
  }
  .card-slider__dots li.slick-active {
    border-bottom: inherit;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: rgba(1, 184, 29, 0.8);
    border-radius: 50%;
  }
}

.favorite-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.favorite-card__nal {
  padding: 10px 15px;
  background: #F0F0F0;
  font-size: 12px;
  font-weight: bold;
}
.favorite-card__nal:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #38c172;
  border-radius: 50%;
  margin: 0;
  margin-right: 5px;
  margin-bottom: -2px;
}
@media (max-width: 580px) {
  .favorite-card__nal {
    padding: 10px 6px;
  }
}
.favorite-card__action {
  padding: 0;
  height: 100%;
}
.favorite-card__button {
  font-size: 22px;
  background: #f0f0f0;
  height: 100%;
  padding: 5px 8px 3px;
}
.favorite-card__button:hover {
  background: #01b81d;
  color: #fff;
}
.favorite-card__button.active {
  background: #01b81d;
}
.favorite-card__button.active i:before {
  content: "\ea1e";
  color: #fff;
}

.names-card {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 10px 15px 0;
}
@media (max-width: 580px) {
  .names-card {
    margin: 10px 5px 0;
  }
}
.names-card__flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.names-card__top {
  font-size: 20px;
}
@media (max-width: 580px) {
  .names-card__top {
    font-size: 14px;
  }
}
.names-card__name--marka {
  font-weight: bold;
}
.names-card__name--model {
  font-weight: bold;
}
.mini-mod {
  margin: 15px 0px 0px 0px;
}
.mini-mod__text {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #4d4d4d;
}
@media (max-width: 580px) {
  .mini-mod__text {
    font-size: 11px;
    line-height: 16px;
  }
}

.price-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 10px 15px;
}
.summa-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.summa-price > div {
  margin-top: 6px;
}
@media (max-width: 580px) {
  .summa-price {
    margin-top: 5px;
  }
}
.summa-price__middle {
  margin-left: 10px;
  color: rgba(51, 51, 51, 0.8);
  font-size: 14px;
  font-weight: bold;
  text-decoration: line-through;
  padding: 0 2px;
}
@media (max-width: 580px) {
  .summa-price__middle {
    font-size: 14px;
    margin: 5px 0;
    margin-left: 0px;
  }
}
.summa-price__min {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  /*
  span {
  	font-size: 14px;
  	font-weight: 400;
  	color: #808080;
  }
  */
}
@media (max-width: 580px) {
  .summa-price__min {
    font-size: 17px;
    margin-left: 0px;
  }
}
.summa-price__min--red {
  color: #01b81d;
}
.summa-price__prc {
  margin-left: 10px;
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
  color: #01b81d;
}
@media (max-width: 580px) {
  .summa-price__prc {
    font-size: 15px;
  }
}
.summa-price__big {
  color: rgba(51, 51, 51, 0.6);
  font-size: 12px;
  text-decoration: line-through;
  padding: 0 2px;
}
@media (max-width: 580px) {
  .summa-price__big {
    font-size: 11px;
    margin-bottom: 5px;
  }
}
.summa-price__credit {
  margin-top: 10px;
  margin-left: 20px;
}
@media (max-width: 480px) {
  .summa-price__credit {
    margin-left: 0px;
    width: 100%;
  }
}
.summa-price__cenatext {
  width: 100%;
  font-size: 11px;
  font-style: italic;
  color: #888;
}
.summa-price__button {
  color: #333;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
  font-size: 13px;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.8);
  border-bottom: 1px dashed rgba(51, 51, 51, 0.8);
}
@media (max-width: 480px) {
  .summa-price__button {
    font-size: 12px;
  }
}
.summa-price__button:hover {
  color: #018515;
  border-bottom: 1px dashed #018515;
}

.uri-card__desctop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 5px 15px 5px;
  padding-left: 12px;
  position: relative;
  font-size: 10px;
  line-height: 1.1;
}
.uri-card__desctop i {
  margin-right: 5px;
  font-size: 27px;
  color: #01b81d;
}
@media (max-width: 580px) {
  .uri-card__desctop {
    display: none;
  }
}
.uri-card__mobile {
  display: none;
}
@media (max-width: 580px) {
  .uri-card__mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5px 3px 5px;
    padding-left: 12px;
    position: relative;
    font-size: 10px;
    line-height: 1.1;
  }
  .uri-card__mobile i {
    margin-right: 2px;
    font-size: 15px;
    color: #01b81d;
  }
}

.names-labels__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
}
.names-labels__success {
  color: #3ed960;
  border: 2px solid #3ed960;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 10px;
  min-width: 32px;
  min-height: 32px;
}
.names-labels__success i {
  font-size: 20px;
  margin: -5px 0;
  margin-right: 5px;
}
.names-labels__secondary {
  margin-left: 20px;
  color: #1e3148;
  border-color: #1e3148;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 5px;
  z-index: 5;
  border: 2px solid;
  border-radius: 10px;
  min-width: 32px;
  min-height: 32px;
}
.names-labels__secondary i {
  font-size: 20px;
  margin: -5px 0;
  top: 2px;
}

.action-card__next--button {
  margin: 0 auto;
  width: 90%;
  padding: 10px 5px;
  text-transform: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
  border: 2px solid #01b81d;
  text-align: center;
  border-radius: 6px;
  font-weight: 400;
  font-size: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.action-card__next--button:hover {
  background: #01b81d;
  color: #fff;
}
.action-card__button {
  margin: 0 auto;
  width: 90%;
  padding: 15px 5px;
  text-transform: none;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.action-card__button span {
  white-space: nowrap;
  display: inline-block;
  margin-left: 5px;
}

.card-gorizontal {
  display: none;
}

.card-not-found {
  margin: 30px 0;
  width: 100%;
  text-align: center;
  font-size: 16px;
}

.index-cars-cards .pagination__row--links {
  display: none;
}

.gorizontal-box .card {
  width: 100%;
  margin: 10px 0px;
}
.gorizontal-box .card__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  border-radius: 10px;
}
.gorizontal-box .card__row {
  margin-right: 10px;
}
.gorizontal-box .slider-card {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.gorizontal-box .card-slider__dots li.slick-active {
  border-bottom: 5px solid rgba(1, 184, 29, 0.8);
}
.gorizontal-box .names-card {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 300px;
      -ms-flex: 0 1 300px;
          flex: 0 1 300px;
  margin-top: 10px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1200px) {
  .gorizontal-box .names-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.gorizontal-box .names-card__flex {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.gorizontal-box .names-card__top {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.gorizontal-box .names-card__logo {
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
      -ms-flex-order: 0;
          order: 0;
  width: 60px;
  margin-right: 5px;
  order: 0;
}
.gorizontal-box .expand-mod {
  max-width: 300px;
  margin-top: 5%;
  padding-left: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1200px) {
  .gorizontal-box .expand-mod {
    padding-left: 5px;
  }
}
.gorizontal-box .expand-mod__item {
  width: 50%;
  margin: 5px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1200px) {
  .gorizontal-box .expand-mod__item {
    font-size: 13px;
    margin: 2px 0;
  }
}
.gorizontal-box .expand-mod__item i {
  font-size: 24px;
  margin-right: 10px;
  opacity: 0.7;
}
@media (max-width: 1200px) {
  .gorizontal-box .expand-mod__item i {
    font-size: 20px;
    margin-right: 5px;
  }
}
.gorizontal-box .price-card {
  width: 260px;
  margin: 5px 5px;
}
.gorizontal-box .price-card__row {
  margin-top: 10px;
  padding-right: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.gorizontal-box .summa-price__min {
  margin: 0;
  margin-right: 10px;
}
.gorizontal-box .summa-price__big {
  text-align: right;
  margin: 0;
}
.gorizontal-box .summa-price__credit {
  width: 100%;
  margin-top: 10px;
}
.gorizontal-box .info-price {
  width: calc(100% + 5px);
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #eee;
  margin-right: -15px;
}
@media (max-width: 1200px) {
  .gorizontal-box .info-price {
    padding-top: 0px;
  }
}
.gorizontal-box .info-price__warranty {
  font-weight: bold;
  margin-bottom: 6px;
  font-size: 13px;
}
.gorizontal-box .info-price__warranty i {
  font-size: 30px;
  top: 8px;
  color: #01b81d;
}
.gorizontal-box .info-price__pts {
  font-weight: bold;
  font-size: 13px;
  margin-left: 7px;
}
.gorizontal-box .info-price__pts i {
  font-size: 20px;
  top: 6px;
}
.gorizontal-box .info-price__pts--nal {
  color: #38c172;
}
.gorizontal-box .action-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-left: 1px solid #eee;
  padding: 25px 15px;
  margin: 0;
}
@media (max-width: 1200px) {
  .gorizontal-box .action-card {
    padding: 15px 15px;
  }
}
.gorizontal-box .action-card__vin {
  font-weight: bold;
  font-size: 13px;
}
.gorizontal-box .action-card__vin--green {
  display: inline-block;
  font-size: 14px;
  padding: 4px 7px 2px 7px;
  background-color: #38c172;
  border-radius: 2px;
  text-transform: uppercase;
  color: white;
}
.gorizontal-box .action-card__credit {
  margin-top: 15px;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .gorizontal-box .action-card__credit {
    font-size: 13px;
  }
}
.gorizontal-box .action-card__skidka {
  font-weight: bold;
  color: #01b81d;
}
.gorizontal-box .action-card__link {
  border-bottom: 1px dotted #333;
}
.gorizontal-box .action-card__tradein {
  margin-top: 15px;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .gorizontal-box .action-card__tradein {
    font-size: 13px;
  }
}
.gorizontal-box .card-vertical {
  display: none !important;
}
.gorizontal-box .card-gorizontal {
  display: block;
}

.baner-catalog__list {
  background-color: #01b81d;
  border-radius: 4px;
  padding: 2px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 992px) {
  .baner-catalog__list {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.baner-catalog__item {
  width: calc(25% - 40px);
  margin: 0 20px;
}
@media (max-width: 992px) {
  .baner-catalog__item {
    width: calc(50% - 40px);
  }
}
@media (max-width: 570px) {
  .baner-catalog__item {
    width: 100%;
    margin: 0 0px;
  }
}
.baner-catalog__link {
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 570px) {
  .baner-catalog__link {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.baner-catalog__link:visited {
  color: white;
}
.baner-catalog__link:hover {
  color: white;
  text-shadow: 1px 1px 5px rgba(51, 51, 51, 0.6);
}
.baner-catalog__icon {
  color: black;
  margin-right: 5px;
}
.baner-catalog__icon i {
  top: 5px;
}
.baner-catalog__text {
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 1180px) {
  .baner-catalog__text {
    font-size: 14px;
  }
}
@media (max-width: 570px) {
  .baner-catalog__text {
    width: 290px;
  }
}
.baner-catalog__icon1 {
  font-size: 50px;
  margin-bottom: -8px;
}
.baner-catalog__icon2 {
  font-size: 50px;
  margin-bottom: -8px;
}
.baner-catalog__icon3 {
  font-size: 60px;
  margin-bottom: -18px;
}
.baner-catalog__icon4 {
  font-size: 50px;
  margin-bottom: -8px;
}

.cars-cards {
  margin: 30px 0;
}
.cars-cards__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px 0 10px;
}
.cars-cards__link--link {
  padding: 10px 50px;
  color: white;
}
.cars-cards__link--link:hover, .cars-cards__link--link:visited {
  color: white;
}

.marka-logotypes {
  margin: 30px 0;
}

.big-logotypes {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding-bottom: 15px;
}
.big-logotypes__link {
  background: #fff;
  border-radius: 4px;
  position: relative;
  width: calc(10% - 10px);
  margin: 0 10px 15px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #535353;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 1280px) {
  .big-logotypes__link {
    width: calc(11.1111111111% - 10px);
  }
}
@media (max-width: 1180px) {
  .big-logotypes__link {
    width: calc(12.5% - 5px);
    margin: 0 5px 8px 0;
  }
}
@media (max-width: 992px) {
  .big-logotypes__link {
    width: calc(16.6666666667% - 6px);
    margin: 0 3px 5px 3px;
  }
}
@media (max-width: 720px) {
  .big-logotypes__link {
    width: calc(20% - 6px);
  }
}
@media (max-width: 600px) {
  .big-logotypes__link {
    width: calc(25% - 6px);
  }
}
@media (max-width: 490px) {
  .big-logotypes__link {
    width: calc(33.3333333333% - 6px);
  }
}
@media (max-width: 370px) {
  .big-logotypes__link {
    width: calc(50% - 6px);
  }
}
.big-logotypes__link:hover {
  text-decoration: none;
}
.big-logotypes__link:hover p {
  color: #01b81d;
}
.big-logotypes__link.active {
  color: #01b81d;
}
.big-logotypes__logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 28px;
      -ms-flex: 0 0 28px;
          flex: 0 0 28px;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.big-logotypes__logo--img {
  width: 100%;
  height: auto;
  /*
  		height: 100%;
  		max-width: 60px;
  		max-height: 60px;

  		@include media(780) {
  			max-width: 40px;
  			max-height: 40px;
  		}
  */
}
.big-logotypes__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.big-logotypes__marka-name {
  font-weight: 500;
  font-size: 13px;
  margin: 0 5px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (max-width: 780px) {
  .big-logotypes__marka-name {
    font-size: 12px;
  }
}
.big-logotypes__cars {
  font-size: 12px;
  line-height: 11px;
  color: #9f9f9f;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  /*
  @include media(780) {
  	margin-left: 5px;
  }

  @include media(580) {
  	display: none;
  	//	display: flex;
  	align-items: center;
  	justify-content: center;
  	position: absolute;
  	top: -3px;
  	right: -3px;
  	border-radius: 50%;
  	width: 26px;
  	height: 26px;
  	margin: 0;
  	border: 1px solid #eee;
  	background-color: $primaryColor;
  	color: #fff;
  }
  */
}
.big-logotypes__filter {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}
@media (min-width: 993px) {
  .big-logotypes__filter {
    display: none;
  }
}
.big-logotypes__filter--action, .big-logotypes__filter--action:visited {
  text-decoration: none;
  color: inherit;
  display: inline-block;
  padding: 6px 15px;
  width: auto;
  text-align: center;
  background: linear-gradient(45deg, #018515, #01eb25);
  color: #fff;
  border-radius: 4px;
  font-weight: normal;
  border: 1px solid transparent;
  font-size: 12px;
  text-transform: uppercase;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.big-logotypes__filter--action:hover, .big-logotypes__filter--action:visited:hover {
  color: #019f19;
  border-top-color: #018515;
  border-bottom-color: #01eb25;
  border-left-color: #018515;
  border-right-color: #01eb25;
  background: none;
}
@media (max-width: 992px) {
  .big-logotypes__link--nopopular {
    position: absolute;
    top: -100%;
    left: -100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
  }
  .big-logotypes__link--nopopular.activemobile {
    position: static;
    visibility: visible;
    opacity: 1;
    pointer-events: all;
  }
}

.mini-logotypes {
  padding-left: 15px;
  width: 100%;
  -webkit-column-count: 6;
     -moz-column-count: 6;
          column-count: 6;
}
.filbuttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.filbuttons__link, .filbuttons__link:visited {
  display: block;
  padding: 10px 15px;
  margin: 5px;
  border: 1px solid #eee;
  border-radius: 15px;
  font-size: 14px;
  background: #efefef;
  color: #555;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.filbuttons__link:hover, .filbuttons__link:visited:hover {
  background: #ed1c24;
  color: #fff;
}
@media (max-width: 992px) {
  .filbuttons__link, .filbuttons__link:visited {
    padding: 8px 10px;
    border-radius: 8px;
  }
}
@media (max-width: 580px) {
  .filbuttons__link, .filbuttons__link:visited {
    padding: 5px 8px;
    font-size: 13px;
    margin: 4px;
  }
}
@media (max-width: 380px) {
  .filbuttons__link, .filbuttons__link:visited {
    padding: 5px 8px;
    font-size: 12px;
    margin: 4px 2px;
  }
}
.filbuttons__link--all {
  display: none;
}

.marka-podlogotypes-buttons-price {
  margin: 10px 0;
  margin-top: 15px;
}
.marka-podlogotypes-buttons-price__slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.marka-podlogotypes-buttons-price__box {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.prcbuttons {
  width: 100%;
  min-width: 0;
  position: relative;
  z-index: 1;
  /* Лента слайдов */
}
.prcbuttons .slick-list {
  overflow: hidden;
}
.prcbuttons__link {
  float: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  margin: 0 5px;
  padding: 0px 15px;
  border-radius: 15px;
  background: #efefef;
  color: rgba(0, 0, 0, 0.6);
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
@media (max-width: 992px) {
  .prcbuttons__link {
    margin: 0 2px;
    padding: 0px 10px;
  }
}
@media (max-width: 780px) {
  .prcbuttons__link {
    font-size: 11px;
  }
}
@media (max-width: 580px) {
  .prcbuttons__link {
    font-size: 10px;
    padding: 0px 5px;
  }
}

.prcbuttons-btn {
  min-width: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 0 20px;
}
@media (max-width: 580px) {
  .prcbuttons-btn {
    margin: 0 0 0 10px;
    min-width: 56px;
  }
}
.prcbuttons-btn__arrows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  border: none;
  border-radius: 50%;
  background: rgba(58, 58, 101, 0.08);
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 580px) {
  .prcbuttons-btn__arrows {
    margin-left: 5px;
  }
}
.prcbuttons-btn__arrows:first-child {
  margin-left: 0;
}
.index-logotypes {
  margin-top: 30px;
}
.index-logotypes__border {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 32px 40px;
}
@media (max-width: 760px) {
  .index-logotypes__border {
    border: none;
    padding: 0;
  }
}
.index-logotypes__caption {
  margin: 0;
  margin-bottom: 20px;
  padding: 0;
  font-size: 38px;
  font-weight: 700;
}
@media (max-width: 992px) {
  .index-logotypes__caption {
    font-size: 26px;
  }
}
@media (max-width: 570px) {
  .index-logotypes__caption {
    font-size: 22px;
  }
}
.index-logotypes__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 15px;
}
@media (max-width: 992px) {
  .index-logotypes__container {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.index-logotypes__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.index-logotypes__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: calc(10% - 10px);
  margin: 10px 5px;
  border-radius: 3px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.index-logotypes__link:hover {
  text-decoration: none;
}
.index-logotypes__link:hover .index-logotypes__cars {
  text-decoration: underline;
}
@media (max-width: 1080px) {
  .index-logotypes__link {
    width: calc(25% - 10px);
  }
}
@media (max-width: 992px) {
  .index-logotypes__link {
    width: calc(25% - 10px);
    margin-top: 5px;
    border-bottom: 1px solid #eee;
  }
}
@media (max-width: 910px) {
  .index-logotypes__link {
    width: calc(25% - 10px);
  }
}
@media (max-width: 760px) {
  .index-logotypes__link {
    width: calc(33.3333333333% - 10px);
    border-bottom: 1px solid #eee;
  }
}
@media (max-width: 580px) {
  .index-logotypes__link {
    width: calc(50% - 10px);
  }
}
.index-logotypes__logo {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35px;
      -ms-flex: 0 0 35px;
          flex: 0 0 35px;
}
.index-logotypes__logo img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .index-logotypes__logo {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30px;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
  }
}
.index-logotypes__text {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-left: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.index-logotypes__name {
  font-size: 12px;
  font-weight: 500;
}
.index-logotypes__cars {
  font-size: 12px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.index-logotypes__uslugi {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 370px;
      -ms-flex: 0 0 370px;
          flex: 0 0 370px;
  padding-left: 25px;
}
@media (max-width: 1180px) {
  .index-logotypes__uslugi {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 320px;
        -ms-flex: 0 1 320px;
            flex: 0 1 320px;
  }
}
@media (max-width: 992px) {
  .index-logotypes__uslugi {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    width: 100%;
    margin-top: 15px;
    padding: 0;
  }
}
.index-logotypes__uslugi--box {
  border: 1px solid #f8f8f8;
  border-radius: 10px;
  -webkit-box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
          box-shadow: 0 4px 10px 4px rgba(11, 23, 66, 0.08);
  padding: 0 24px 40px;
}
.index-logotypes__uslugi--img {
  width: 214px;
  height: 141px;
  max-width: 100%;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
.index-logotypes__uslugi--img::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  background: linear-gradient(220deg, #1e3148 5.74%, #f2f3f4 85.8%);
  border-radius: 50%;
  -webkit-transform: translateY(-35%);
      -ms-transform: translateY(-35%);
          transform: translateY(-35%);
}
.index-logotypes__uslugi--img img {
  max-width: 90%;
  position: relative;
  z-index: 1;
}
.index-logotypes__uslugi--caption {
  margin-top: 15px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
.index-logotypes__uslugi--text {
  font-size: 16px;
  margin-top: 15px;
  text-align: center;
}
@media (max-width: 992px) {
  .index-logotypes__uslugi--text {
    width: 100%;
    margin: 0 auto;
    margin-top: 15px;
    max-width: 480px;
  }
}
.index-logotypes__uslugi--action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 15px;
}
.index-logotypes__uslugi--button {
  padding: 13px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  border-radius: 10px;
  color: #fff;
  background-color: #01b81d;
  border-color: #01b81d;
}
@media (max-width: 992px) {
  .index-logotypes__uslugi--button {
    padding: 10px 16px;
  }
}

.mini-filter {
  margin: 30px 0;
}
.mini-filter__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 780px) {
  .mini-filter__box {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 570px) {
  .mini-filter__box {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.mini-filter__link {
  color: #747474;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .mini-filter__link {
    font-size: 12px;
  }
}
@media (max-width: 780px) {
  .mini-filter__link {
    margin-right: 17px;
    margin-top: 10px;
  }
}

.card-form {
  position: relative;
}
.card-form .card__link {
  height: 100%;
}
.card-form__tradein-box {
  background: url("../img/form-card.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 500px;
  position: relative;
  border: 1px solid #000 !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
@media (max-width: 580px) {
  .card-form__tradein-box {
    height: auto !important;
    min-height: auto;
    padding-bottom: 15px;
  }
}
.card-form__tradein-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: black;
  opacity: 0.6;
  z-index: 0;
}
.card-form__close {
  position: absolute;
  top: 5px;
  right: 10px;
  color: red;
  font-size: 20px;
  z-index: 5;
  cursor: pointer;
}
.card-form__name {
  position: relative;
  z-index: 1;
  width: auto;
  margin: 30px 20px;
  margin-bottom: 15px;
  color: white;
}
.card-form__name--caption {
  font-size: 23px;
  font-weight: bold;
  margin-bottom: 10px;
}
.card-form__name--text {
  font-size: 15px;
  line-height: 20px;
  font-size: 13px;
}
.card-form__name--text span {
  white-space: nowrap;
}
.card-form__box {
  width: 100%;
  padding: 0 20px;
}
.form-card__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-card__box-item {
  width: 100%;
  margin-bottom: 5px;
  position: relative;
  z-index: 1;
}
.form-card__pole {
  margin-bottom: 10px;
}
.form-card__pole--input.error {
  position: relative;
}
.form-card__pole--input.error:after {
  content: "Заполните обязательное поле!";
  position: absolute;
  bottom: -5px;
  left: 10px;
  color: #f00;
  background-color: white;
  font-size: 11px;
  padding: 1px;
  -webkit-box-shadow: 0px 2px 1px 0px red;
          box-shadow: 0px 2px 1px 0px red;
}
.form-card__input {
  width: 100%;
  padding: 12px 10px;
  border-radius: 10px;
  background-color: white;
  border: 1px solid transparent;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.form-card__input.error {
  position: relative;
  border: 1px solid #f00;
  -webkit-box-shadow: inset 0 0 7px 0px red, 0 0 7px 0px red;
          box-shadow: inset 0 0 7px 0px red, 0 0 7px 0px red;
}
.form-card__button {
  width: 100%;
  padding: 11px 0;
  text-transform: uppercase;
  border-radius: 10px;
  border: 1px solid transparent;
}
.form-card__button i {
  display: inline-block;
  font-size: 18px;
  margin: -5px 0px -5px 10px;
  top: 2px;
}
.form-card__pole--checkbox {
  margin-top: -10px;
  margin-bottom: 20px;
  padding: 3px;
}
.form-card__label {
  color: white;
}
.form-card__text {
  position: relative;
  z-index: 1;
  color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 13px;
}
.form-card__text i {
  color: #01b81d;
  font-size: 25px;
  margin-right: 10px;
}
.form-card__box-info {
  position: relative;
  z-index: 1;
  color: #aaa;
  font-size: 12px;
}

.gorizontal-box .card-form__tradein-box {
  background: url("../img/form-card-gorizontal.jpg");
  min-height: 200px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 50px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto !important;
}
.gorizontal-box .card-form__name {
  margin: 0px 20px;
}
.gorizontal-box .form-card__box-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0;
}
.gorizontal-box .form-card__pole {
  width: 30%;
}
.gorizontal-box .form-card__pole--checkbox {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

@media (max-width: 780px) {
  .cards .card.tradein-card {
    display: none !important;
  }
}

#box_sorting-view {
  display: none !important;
}

.pagination {
  margin-top: 30px;
}
.pagination__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 780px) {
  .pagination__row {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.pagination__row--links {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination__dalee {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 780px) {
  .pagination__dalee {
    width: 100%;
    margin-right: 0;
    margin-top: 10px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.pagination__skoko {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 160px;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
}
@media (max-width: 780px) {
  .pagination__skoko {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
  }
}
.pagination__button {
  height: 52px;
  padding: 0 50px;
  border-radius: 20px;
  background: rgb(63, 59, 61);
}
@media (max-width: 780px) {
  .pagination__button {
    height: 34.6666666667px;
    padding: 0 25px;
  }
}
.pagination__button--span {
  text-transform: none;
  font-size: 15px;
  font-weight: bold;
}
@media (max-width: 780px) {
  .pagination__desctop {
    display: none;
  }
}
.pagination__mobile {
  display: none;
}
@media (max-width: 780px) {
  .pagination__mobile {
    display: block;
  }
}
.pagination .zebra_pagination {
  clear: both;
  overflow: hidden;
  position: relative;
  margin-top: 20px;
}
.pagination__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pagination__item {
  margin: 0 5px;
}
.pagination__item.active a {
  color: #01b81d;
}
.pagination__item.disabled {
  display: none;
}
@media (max-width: 992px) {
  .pagination__item.disabled {
    display: block;
    opacity: 0.6;
  }
}
.pagination__link, .pagination__link:visited {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border-radius: 50%;
  font-size: 13px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #e8e9e9;
  color: #77777a;
  font-weight: 700;
}
.pagination__link:hover, .pagination__link:visited:hover {
  background-color: #e8e9e9;
  color: #01b81d;
}
.pagination__link.wait-loading-jax, .pagination__link:visited.wait-loading-jax {
  position: relative;
}
.pagination span.pagination__link {
  width: auto;
  border: none;
  padding: 0 10px;
}
.pagination span.pagination__link:hover {
  background-color: transparent;
  color: #77777a;
  cursor: default;
}

.pagination .jq-selectbox__select {
  height: 52px;
  padding: 0 45px 0 10px;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 52px;
  color: #444;
  text-shadow: 1px 1px #fff;
}
@media (max-width: 780px) {
  .pagination .jq-selectbox__select {
    font-size: 13px;
    padding: 0 25px 0 10px;
    height: 34.6666666667px;
    line-height: 34.6666666667px;
  }
}
.pagination .jq-selectbox__trigger {
  border-left: none;
}
.pagination .jq-selectbox__trigger-arrow {
  top: 23.6363636364px;
  border-top-color: #01b81d;
}
@media (max-width: 780px) {
  .pagination .jq-selectbox__trigger-arrow {
    top: 15.7575757576px;
    right: 8px;
  }
}
.pagination .jq-selectbox li:hover {
  background-color: #01b81d;
}
.pagination .jq-selectbox li.selected {
  background-color: #01b81d;
}
/*
.pagination {
	margin: 20px 0;
	// .pagination__box
	&__box {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
	// .pagination__column
	&__column {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	// .pagination__column--links
	&__column--links {
		width: calc(100% - 160px - 20px);
		margin-right: 20px;
	}
	// .pagination__column--select
	&__column--select {
		flex: 0 0 160px;
	}
	// .pagination__block
	&__block {
	}
	// .pagination__dalee
	&__dalee {
	}
	// .pagination__button
	&__button {
		height: $filterPoleHeight + px;
		padding: 0 50px;
		border-radius: 20px;
	}
	// .pagination__button--span
	&__button--span {
		text-transform: none;
		font-size: 15px;
		font-weight: bold;
	}
	// .pagination__desctop
	&__desctop {
	}
	// .pagination__mobile
	&__mobile {
	}
	// .pagination__form
	&__form {
	}
	// .pagination__select
	&__select {
	}
	// .zebra_pagination
	.zebra_pagination {
		clear: both;
		width: 100%;
		overflow: hidden;
		position: relative;
		margin-top: 20px;
	}
	// .pagination__list
	&__list {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}
	// .pagination__item
	&__item {
		margin: 0 5px;
	}
	// .pagination__item.active
	&__item.active {
	}
	// .pagination__item.disabled
	&__item.disabled {
	}
	// .pagination__link
	&__link {
		display: flex;
		justify-content: center;
		align-items: center;
		transition: all 0.2s ease-in-out;
		border-radius: 50%;
		font-size: 13px;
		width: 50px;
		height: 50px;
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #e8e9e9;
		color: #77777a;
		font-weight: 700;

		&:hover {
			background: #e8e9e9;
			color: #ed1b24;
		}
	}
	span.pagination__link {
		width: auto;
		border: none;
		padding: 0 10px;
	}
}
*/
/*
.zebra_pagination {
	clear: both;
	width: 100%;
	overflow: hidden;
}

.zebra_pagination ul {
	position: relative;
	left: 50%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

.zebra_pagination li {
	position: relative;
	float: left;
	right: 50%;
}

.zebra_pagination .pagination {
	display: inline-block;
}

.zebra_pagination li {
	display: inline;
}

.zebra_pagination a,
.zebra_pagination span {
	padding: 6px 12px;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
	display: block;
	float: left;
	position: relative;
	margin-left: -1px;
}

.zebra_pagination li.active a {
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}

.zebra_pagination li a:hover,
.zebra_pagination li span:hover {
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}

.zebra_pagination li.disabled a {
	color: #dedede;
	background-color: transparent;
	border-color: #dedede;
	cursor: default;
}

.zebra_pagination li.disabled a:hover {
	color: #dedede;
	background-color: transparent;
	border-color: #dedede;
}
*/
.bu-list-sorting {
  position: relative;
  margin: 25px 0;
}
.bu-list-sorting__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bu-list-sorting__mobile {
  display: none;
}
@media (max-width: 580px) {
  .bu-list-sorting__mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .bu-list-sorting__mobile-caption {
    font-size: 13px;
    font-weight: bold;
    margin-right: 10px;
  }
  .bu-list-sorting__mobile .jq-selectbox__select {
    padding: 0 45px 0 10px;
    border: none !important;
    border-radius: 4px;
    background: none;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    width: 195px;
    -webkit-box-shadow: 0 2px 5px rgba(73, 80, 87, 0.3) !important;
            box-shadow: 0 2px 5px rgba(73, 80, 87, 0.3) !important;
    font-family: inherit;
    color: #333;
    text-shadow: 1px 1px #FFF;
    outline: none;
  }
  .bu-list-sorting__mobile .jq-selectbox__select:hover {
    background: none;
  }
  .bu-list-sorting__mobile .jq-selectbox li:hover {
    background-color: #01b81d;
  }
}
.bu-list-sorting__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (max-width: 580px) {
  .bu-list-sorting__list {
    display: none;
  }
}
.bu-list-sorting__item {
  margin: 10px;
}
.bu-list-sorting__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
}
.bu-list-sorting__link i {
  -webkit-transform-origin: 50% 40%;
      -ms-transform-origin: 50% 40%;
          transform-origin: 50% 40%;
  font-size: 14px;
  top: -2px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.bu-list-sorting__link:hover {
  color: #01b81d;
  text-decoration: none;
}
.bu-list-sorting__link.active {
  color: #01b81d;
}
.bu-list-sorting__link.wait-loading-jax {
  position: relative;
}
.bu-list-sorting__link.wait-loading-jax::after {
  content: "\ea19";
  display: block;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-size: 14px;
  position: absolute;
  top: -4px;
  right: -1px;
  margin: 0;
  animation: wait-preloader-spin 0.6s steps(8) infinite reverse;
}
.bu-list-sorting__link.asc i {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.bu-list-sorting__mobile-caption.wait-loading-jax {
  position: relative;
}
.bu-list-sorting__mobile-caption.wait-loading-jax::after {
  content: "\ea19";
  display: block;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  font-size: 14px;
  position: absolute;
  top: 0px;
  left: -15px;
  margin: 0;
  animation: wait-preloader-spin 0.6s steps(8) infinite reverse;
}

.wait-card-loading {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
}

.wait-card-loading-jax {
  display: none;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.4);
}
.wait-card-loading-jax .wait-car-one-spinner {
  -webkit-transform: scale(1.5) translateY(-50px);
      -ms-transform: scale(1.5) translateY(-50px);
          transform: scale(1.5) translateY(-50px);
}

.bu-rec__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.bu-rec__left {
  width: 100%;
}
@media (max-width: 380px) {
  .bu-rec__left {
    width: calc(100% + 20px);
    margin-left: -10px;
  }
}
.bu-rec__right {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 310px;
      -ms-flex: 0 0 310px;
          flex: 0 0 310px;
}
@media (max-width: 580px) {
  .bu-rec__right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 160px;
        -ms-flex: 0 0 160px;
            flex: 0 0 160px;
  }
}
@media (max-width: 380px) {
  .bu-rec__right {
    margin-right: -18px;
  }
}

.bu-rec-bnn {
  width: 100%;
  max-width: 858px;
}
.bu-rec-bnn__pop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bu-rec-bnn__img-des {
  width: 100%;
  height: auto;
}
@media (max-width: 1080px) {
  .bu-rec-bnn__img-des {
    width: 116%;
    -o-object-position: -30px 0;
       object-position: -30px 0;
  }
}
@media (max-width: 880px) {
  .bu-rec-bnn__img-des {
    -o-object-position: -20px 0;
       object-position: -20px 0;
  }
}
@media (max-width: 780px) {
  .bu-rec-bnn__img-des {
    display: none;
  }
}
.bu-rec-bnn__img-mob {
  display: none;
}
@media (max-width: 780px) {
  .bu-rec-bnn__img-mob {
    display: block;
    height: 220px;
  }
}
@media (max-width: 420px) {
  .bu-rec-bnn__img-mob {
    height: auto;
    width: 100%;
  }
}

.bu-rec-form__block {
  text-align: center;
  lign-items: flex-start;
  background: rgba(239, 239, 239, 0.95);
  -webkit-box-shadow: 0 0 15px 6px #efefef;
          box-shadow: 0 0 15px 6px #efefef;
  border-radius: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 15px;
  padding: 15px 25px 15px;
  width: 100%;
}
@media (max-width: 580px) {
  .bu-rec-form__block {
    padding: 5px 15px 5px;
  }
}
.bu-rec-form__block-title {
  color: #000;
  font-size: 21px;
  font-weight: 700;
  line-height: 26px;
  margin-bottom: 15px;
  max-width: 100%;
}
@media (max-width: 580px) {
  .bu-rec-form__block-title {
    font-size: 14px;
    line-height: normal;
    margin-top: 10px;
  }
  .bu-rec-form__block-title br {
    display: none;
  }
}
.bu-rec-form__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  padding: 15px 20px;
  margin: 6px 0;
  font-size: 0.875rem;
  line-height: 1;
  border-radius: 4px;
  border: 1px solid transparent;
  font-size: 13px;
  font-weight: 500;
  text-transform: uppercase;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 580px) {
  .bu-rec-form__button {
    padding: 12px 5px;
    font-size: 12px;
  }
}
.bu-rec-form__button--podbor {
  background-color: #01b81d;
  border-color: #01b81d;
  color: #fff;
}
.bu-rec-form__button--podbor:hover {
  background-color: #018515;
}
.bu-rec-form__button--tradein {
  background-color: #142030;
  border-color: #142030;
  color: #fff;
}
.bu-rec-form__button--tradein:hover {
  background-color: #000;
}
/*


.bu-rec {

	// .bu-rec__box
	&__box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	// .bu-rec__left
	&__left {
		width: 100%;
		max-width: 860px;
	}

	// .bu-rec__redb
	&__redb {}

	// .bu-rec__redb--pop
	&__redb--pop {
		display: block;
		width: 100%;
		height: 200px;
		background: url("") center no-repeat;
		background-size: auto;
		margin: -20px 0 -30px 0;
		background-size: cover;


	}

	// .bu-rec__right
	&__right {
		flex: 0 0 315px;
		margin-left: 20px;

		@include media(900) {
			flex: 0 0 280px;
		}

		@include media(900) {
			flex: 0 0 180px;
		}
	}
}

.bu-rec-form {

	//.bu-rec-form__block 
	&__block {
		text-align: center;
		lign-items: flex-start;
		background: #efefef;
		box-shadow: 0 0 15px 6px #efefef;
		border-radius: 7px;
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		margin-bottom: 15px;
		padding: 15px 25px 15px;
		width: 100%;

		@include media(580) {
			padding: 5px 15px 5px;
		}
	}

	// .bu-rec-form__block-title
	&__block-title {
		color: #000;
		font-size: 22px;
		font-weight: 700;
		line-height: 26px;
		margin-bottom: 15px;
		max-width: 100%;

		@include media(900) {
			font-size: 18px;
		}

		@include media(580) {
			font-size: 14px;
			line-height: normal;
		}
	}

	// .bu-rec-form__button
	&__button {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 46px;
		text-align: center;
		vertical-align: middle;
		user-select: none;
		padding: 13px 20px;
		margin: 6px 0;
		font-size: 0.875rem;
		line-height: 1;
		border-radius: 4px;
		border: 1px solid transparent;
		font-size: 13px;
		font-weight: 500;
		text-transform: uppercase;
		transition: 0.4s;

		@include media(900) {
			padding: 8px 10px;
		}

		@include media(580) {
			font-size: 18px;
		}
	}

	// .bu-rec-form__button--podbor
	&__button--podbor {
		background-color: #e50251;
		border-color: #e50251;
		color: #fff;
	}

	// .bu-rec-form__button--tradein
	&__button--tradein {
		background-color: #142030;
		border-color: #142030;
		color: #fff;
	}

	// .bu-rec-form__button--caption
	&__button--caption {}
}

*/
.car-caption {
  margin: 10px 0;
}
.car-caption__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 10;
}
.car-caption__name-link-pere-ex {
  position: absolute;
  top: 5px;
  right: 10px;
  z-index: 15;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
}
.car-caption__name-link-pere-ex i {
  font-size: 18px;
  color: green;
}
.car-caption__name--carname {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
}
.car-caption__name--carname p {
  font-size: 40px;
  font-weight: bold;
  margin-right: 10px;
}
@media (max-width: 580px) {
  .car-caption__name--carname p {
    font-size: 36px;
  }
}
.car-caption__name--carname span {
  font-size: 30px;
  font-weight: bold;
  color: #777;
}
@media (max-width: 580px) {
  .car-caption__name--carname span {
    font-size: 28px;
  }
}
.car-caption__name--info {
  margin-top: 15px;
  font-size: 22px;
  font-weight: bold;
}
@media (max-width: 580px) {
  .car-caption__name--info {
    font-size: 17px;
    text-align: center;
    margin-top: 5px;
  }
}
.car-caption__name--modif {
  margin-top: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  text-shadow: 0px 0px 1px #fff, -1px 0px 1px #fff, 0px -1px 1px #fff, 1px 0px 1px #fff, 0px 1px 1px #fff;
}
@media (max-width: 580px) {
  .car-caption__name--modif {
    font-size: 13px;
    text-align: center;
    margin-top: 10px;
  }
}

.car-box {
  margin: 15px 0;
}
.car-box__box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.car-box__left {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 750px;
      -ms-flex: 0 0 750px;
          flex: 0 0 750px;
}
@media (max-width: 1100px) {
  .car-box__left {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 750px;
        -ms-flex: 0 1 750px;
            flex: 0 1 750px;
  }
}
.car-box__right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 25px;
}
@media (max-width: 1080px) {
  .car-box__right {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 270px;
        -ms-flex: 0 0 270px;
            flex: 0 0 270px;
  }
}
.car-slider {
  width: 100%;
  /* Ограничивающая оболочка */
  /* Лента слайдов */
  /* Слайд */
}
.car-slider .blazy {
  -webkit-transition: opacity 500ms ease-in-out;
  transition: opacity 500ms ease-in-out;
  max-width: 100%;
  opacity: 0;
}
.car-slider .blazy.b-loaded {
  opacity: 1;
}
.car-slider .blazy.b-loaded + .wait-preloader-one-spinner {
  display: none;
}
.car-slider .slick-slider {
  min-width: 100%;
  width: 0;
}
.car-slider .slick-list {
  overflow: hidden;
  width: 100%;
}
.car-slider .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.car-slider .slick-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.car-slider__box {
  position: relative;
}
.car-slider__box--icon {
  pointer-events: none;
  position: absolute;
  top: 1%;
  right: 2%;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(73, 80, 87, 0.45);
  color: #495057;
  border-radius: 10px;
  padding: 10px;
  z-index: 11;
  font-size: 20px;
}
@media (max-width: 780px) {
  .car-slider__box--icon {
    right: 15px;
    padding: 6px;
  }
}
.car-slider .slider-car {
  position: relative;
}
.car-slider .slider-car__link {
  position: relative;
  width: 100%;
  height: 100%;
}
.car-slider .slider-car__img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px 20px 0 0;
}
.car-slider .slider-car__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 45px;
  height: 115px;
  border-radius: 10px;
  font-size: 100px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.car-slider .slider-car__arrow i {
  top: 3px;
}
.car-slider .slider-car__arrow:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 580px) {
  .car-slider .slider-car__arrow {
    width: 35px;
    height: 85px;
    font-size: 60px;
  }
}
.car-slider .slider-car__arrow--next {
  right: 5px;
}
.car-slider .slider-car__arrow--prev {
  left: 5px;
}
.car-slider .slider-mini-car {
  position: relative;
}
.car-slider .slider-mini-car__link {
  display: block;
  position: relative;
  padding: 0px 2px;
  height: 100%;
  max-width: 120px;
}
.car-slider .slider-mini-car__img {
  display: block;
  width: 100%;
  height: auto;
}
.car-slider .slider-mini-car__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 45px;
  height: 75px;
  border-radius: 15px;
  font-size: 80px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
  opacity: 0.6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.car-slider .slider-mini-car__arrow i {
  top: 5px;
}
.car-slider .slider-mini-car__arrow:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
@media (max-width: 580px) {
  .car-slider .slider-mini-car__arrow {
    width: 35px;
    height: 55px;
    font-size: 50px;
  }
}
.car-slider .slider-mini-car__arrow--next {
  right: 5px;
}
.car-slider .slider-mini-car__arrow--prev {
  left: 5px;
}
.car-slider .slider-mini-car .wait-preloader-one-spinner {
  width: 60px;
  height: 60px;
  margin: -30px 0 0 -30px;
  border-width: 2px;
}
.car-slider .slider-mini-car .wait-preloader-one-spinner::after, .car-slider .slider-mini-car .wait-preloader-one-spinner::before {
  border-width: 2px;
}
.car-slider .slider-mini-car-no-count-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-slider .slider-mini-car-no-count-photo a {
  width: 120px;
}
.car-slider .slider-two {
  margin-top: 10px;
  position: relative;
  padding: 10px 0 5px;
  border-radius: 0 0 5px 5px;
  background: #495057;
}
.car-slider .slider-two::after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
  z-index: 11;
  border-radius: 0 0 5px 5px;
}
.car-slider .slider-two__caption {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  font-size: 13px;
}

.caritem-slider__favorite--button {
  position: absolute;
  top: 1%;
  right: calc(2% + 55px);
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(73, 80, 87, 0.45);
  color: #495057;
  border-radius: 10px;
  padding: 10px;
  z-index: 11;
  font-size: 20px;
  /*
  	position: absolute;
  	top: 25px;
  	right: 155px;
  	width: 28px;
  	height: 28px;
  	background: rgba(#fff, 0.9);
  	border: 1px solid rgba($colGry, 0.45);
  	color: $colGry;
  	border-radius: 10px;
  	padding: 10px;
  	z-index: 11;
  	font-size: 20px;

  	@include media(780) {
  		right: 0;
  	}

  	display: flex;
  	align-items: center;
  	justify-content: center;
  	transition: 0.4s;

  	@include media(480) {
  		right: 15px;
  	}
  */
}
.caritem-slider__favorite--button:hover {
  background: rgba(1, 184, 29, 0.8);
  border: 1px solid rgba(1, 184, 29, 0.8);
}
.caritem-slider__favorite--button:hover i {
  color: white;
}
.caritem-slider__favorite--button i {
  /*
  font-size: 22px;
  top: 2px;
  transition: 0.4s;
  */
}
.caritem-slider__favorite--button.active {
  color: #018515;
}
.caritem-slider__favorite--button.active i:before {
  content: "\ea1e";
}
@media (max-width: 780px) {
  .caritem-slider__favorite--button {
    right: 60px;
    padding: 6px;
  }
}

.car-favorite-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  position: absolute;
  top: 5px;
  left: 15px;
}
@media (max-width: 480px) {
  .car-favorite-info {
    left: 15px;
  }
}
.car-favorite-info__success {
  color: #3ed960;
  border: 2px solid #3ed960;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 10px;
  border-radius: 10px;
  min-width: 32px;
  min-height: 32px;
}
.car-favorite-info__success i {
  font-size: 20px;
  margin: -5px 0;
  margin-right: 5px;
}
.car-favorite-info__secondary {
  margin-left: 20px;
  color: #1e3148;
  border: 1px solid #1e3148;
  background: rgba(255, 255, 255, 0.9);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 5px;
  z-index: 5;
  border-radius: 10px;
  min-width: 32px;
  min-height: 32px;
}
.car-favorite-info__secondary i {
  font-size: 20px;
  margin: -5px 0;
  top: 2px;
}

.car-complect {
  margin-top: 30px;
}
.car-complect__caption {
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.car-complect__caption span {
  display: block;
}
.car-complect__caption p {
  margin-left: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.car-complect-rows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 3px;
  padding-bottom: 2px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #e4e4e4;
  font-size: 30px;
  color: #979797;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.car-complect-rows:last-child {
  border-radius: 0 10px 10px 0;
}
.car-complect-rows i {
  top: 1px;
}
.car-complect-rows.active {
  background: #01b81d;
  color: #fff;
  border: 1px solid #01b81d;
}
.car-complect-rows:hover {
  background: #018515;
  color: #fff;
  border: 1px solid #018515;
}

.tab-com {
  margin-top: 10px;
}
.tab-com__box {
  position: relative;
}
.tab-com__name {
  padding: 15px 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #333;
}
.tab-com__name:hover {
  background: rgba(238, 238, 238, 0.4);
  color: #00530d;
}
.tab-com__name--name {
  font-size: 18px;
  font-weight: 500;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.tab-com__name--cols {
  font-size: 14px;
  margin-left: 10px;
}
.tab-com__name--down {
  margin-left: 5px;
  font-size: 24px;
}
.tab-com__name--down i {
  top: 2px;
}
.tab-com__items {
  display: none;
}
.tab-com__item {
  font-size: 14px;
  color: #6e6e6e;
  padding: 6px;
}
.tab-com__item:hover {
  background: rgba(238, 238, 238, 0.4);
}

.tab-com__name.active .tab-com__name--name {
  color: #01b81d;
}

.tab-com--lines .tab-com__box {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.tab-com--lines .tab-com__list {
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.tab-com--lines .tab-com__name {
  cursor: default;
}
.tab-com--lines .tab-com__name:hover {
  background: none;
  color: #333;
}
.tab-com--lines .tab-com__name--cols {
  display: none;
}
.tab-com--lines .tab-com__name--down {
  display: none;
}
.tab-com--lines .tab-com__items {
  display: block !important;
}
.tab-com--lines .tab-com__name.active .tab-com__name--name {
  color: #333;
}

.tab-com__list--one .tab-com__items {
  position: relative;
}
.tab-com__list--one .tab-com__items::after {
  content: "";
  display: block;
  clear: both;
}
.tab-com__list--one .tab-com__items .tab-com__item {
  display: block;
  float: left;
  margin-right: 25px;
  margin-top: 10px;
}

.car-price {
  margin-top: 10px;
}
@media (max-width: 992px) {
  .car-price {
    width: 300px;
    margin: 0 auto;
    margin-top: 20px;
  }
}
.bu-price__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 10px;
}
.bu-price__price {
  margin: 0 10px;
  margin-bottom: 10px;
}
.bu-price__price--flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.bu-price__price--flex--box {
  margin-right: 25px;
}
.bu-price__price--ogon {
  color: #ff0000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
}
.bu-price__caption {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 1px;
  color: #636363;
}
.bu-price__big {
  font-size: 22px;
  color: #a1a1a1;
  text-decoration: line-through;
}
.bu-price__min {
  color: #01b81d;
  font-size: 32px;
  font-weight: bold;
}
.bu-price__buttons {
  width: 100%;
  max-width: 380px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0px 0 10px;
}
.bu-price__button {
  width: 49%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 13px;
  margin-right: 10px;
  font-weight: bold;
}
.bu-price__button:last-child {
  margin-right: 0;
}
@media (max-width: 1180px) {
  .bu-price__button {
    font-size: 12px;
    width: auto;
    white-space: nowrap;
  }
}
.bu-price__button i {
  display: block;
  font-size: 18px;
  margin-right: 10px;
}
.bu-price__credit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  margin-bottom: 5px;
}
.bu-price__credit-caption {
  font-size: 13px;
  font-weight: 400;
  margin-right: 10px;
  color: #636363;
}
.bu-price__credit-link {
  color: #01b81d;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px dashed #01b81d;
  padding: 0;
}
.bu-price__actions {
  width: 100%;
  max-width: 380px;
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bu-price__actions--box {
  width: 50%;
  text-align: center;
}
.bu-price__actions-link {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 480px) {
  .bu-price__actions-link {
    font-size: 14px;
  }
}
.bu-price__actions-button {
  font-size: 16px;
  font-weight: bold;
  color: #01b81d;
  border-bottom: 1px dashed #01b81d;
}
@media (max-width: 480px) {
  .bu-price__actions-button {
    font-size: 14px;
  }
}

.info-teh {
  margin-top: 25px;
  width: 100%;
}
.info-teh__caption {
  font-size: 20px;
  font-weight: bold;
  margin: 15px 0;
}
@media (max-width: 580px) {
  .info-teh__caption {
    width: 100%;
    font-size: 18px;
    border-bottom: 1px dashed #aaa;
    padding-bottom: 5px;
  }
}
.info-teh__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.info-teh__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  padding: 10px 5px 10px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: normal;
  color: #666;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.info-teh__item:hover {
  background: #f3f3f3;
}
@media (max-width: 1080px) {
  .info-teh__item {
    padding: 8px 5px 8px;
  }
}
.info-teh__what-bold {
  color: #444;
  font-weight: bold;
}
.info-teh__value-bold {
  font-weight: bold;
  color: #444;
}

.benefits {
  height: 100px;
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  margin-bottom: 30px;
}
.benefits__list {
  position: relative;
  /* Ограничивающая оболочка */
  /* Лента слайдов */
}
.benefits__list .slick-slider {
  min-width: 100%;
  width: 0;
}
.benefits__list .slick-list {
  overflow: hidden;
  width: 100%;
}
.benefits__list .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.benefits__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 40px;
  height: 90%;
  border-radius: 10px;
  font-size: 80px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.benefits__arrow i {
  top: 3px;
}
.benefits__arrow:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
}
.benefits__arrow--next {
  right: 1px;
}
.benefits__arrow--prev {
  left: 1px;
}
.benefits__dots {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
.benefits__dots li {
  padding: 0 3px;
}
.benefits__dots li button {
  font-size: 0;
  background: #c7c7c7;
  border-radius: 50%;
  width: 10px;
  height: 10px;
}
.benefits__dots li.slick-active button {
  background: #e9b200;
}
.benefits__item {
  padding: 5px;
}
.benefits__link {
  margin: 0 5px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #3a1c71;
  background: linear-gradient(120deg, #ffffff 0%, #fafafa 100%);
  border-radius: 5px;
  padding: 10px;
  color: #fff;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
@media (max-width: 580px) {
  .benefits__link {
    margin: 0;
  }
}
.benefits__link::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 100px;
  -webkit-transform: rotate(10deg);
      -ms-transform: rotate(10deg);
          transform: rotate(10deg);
  -webkit-filter: blur(10px);
          filter: blur(10px);
  background: #fff;
  left: -20px;
  top: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.benefits__link:hover {
  color: #fff;
  text-decoration: none;
}
.benefits__link:hover::after {
  left: 110%;
}
.benefits__icon {
  font-size: 40px;
  margin-right: 20px;
  color: #3e799d;
}
@media (max-width: 580px) {
  .benefits__icon {
    font-size: 30px;
    margin-right: 15px;
  }
}
.benefits__text {
  font-size: 13px;
  color: #666666;
}
.benefits__text span {
  display: block;
  margin-top: 0px;
  font-size: 24px;
  font-weight: bold;
  color: #01b81d;
}
.benefits__text i {
  text-decoration: line-through;
  color: #d4d4d4;
  font-size: 16px;
}
@media (max-width: 580px) {
  .benefits__text {
    font-size: 12px;
  }
  .benefits__text span {
    font-size: 20px;
  }
  .benefits__text i {
    font-size: 13px;
  }
}

.prembu {
  width: 100%;
  margin: 55px 0;
}
.prembu__caption {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin: 15px 0 5px 0;
}
.prembu__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  border-radius: 15px;
}
@media (max-width: 992px) {
  .prembu__list {
    margin: 20px 0;
  }
}
.prembu__item {
  width: calc(16.6666666667% - 10px);
  margin: 5px;
}
@media (max-width: 992px) {
  .prembu__item {
    width: calc(33.3333333333% - 10px);
  }
}
@media (max-width: 580px) {
  .prembu__item {
    width: calc(50% - 10px);
  }
}
.prembu__link {
  height: 100%;
  display: block;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  padding: 10px 5px 15px 5px;
  border-radius: 15px;
}
.prembu__link:hover {
  text-decoration: none;
}
.prembu__icon {
  font-size: 55px;
  text-align: center;
  margin: 0 auto;
  color: #3e799d;
}
.prembu__text {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 10px;
  height: calc(100% - 55px);
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.prembu__text--caption {
  font-size: 15px;
  font-weight: bold;
  color: #01b81d;
}
.prembu__text--txt {
  margin-top: 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  color: #666;
}

.cminfo-car__caption {
  display: inline-block;
  margin: 20px 0 15px;
}
.cminfo-txt {
  margin-top: 35px;
}
.cminfo-txt__flw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cminfo-txt__text {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  color: #666;
}
@media (max-width: 580px) {
  .cminfo-txt__text {
    font-size: 14px;
    line-height: 18px;
  }
}
.cminfo-txt__wr {
  margin: 10px 0;
}

.car-podarki {
  margin-top: 20px;
  /* Ограничивающая оболочка */
  /* Лента слайдов */
}
.car-podarki .slick-slider {
  min-width: 100%;
  width: 0;
}
.car-podarki .slick-list {
  overflow: hidden;
  width: 100%;
}
.car-podarki .slick-track {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.car-podarki__caption {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 992px) {
  .car-podarki__caption {
    font-size: 20px;
    margin-top: 40px;
    margin-left: 10px;
  }
  .car-podarki__caption br {
    display: none;
  }
}
@media (max-width: 580px) {
  .car-podarki__caption {
    font-size: 18px;
  }
  .car-podarki__caption br {
    display: block;
  }
}
.car-podarki__slider {
  width: 100%;
  margin-top: 10px;
  position: relative;
}
.car-podarki__arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  height: 90%;
  border-radius: 10px;
  font-size: 30px;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 15;
  color: #376A50;
  opacity: 0.4;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.car-podarki__arrow i {
  top: 3px;
}
.car-podarki__arrow:hover {
  opacity: 1;
}
.car-podarki__arrow--next {
  right: 1px;
}
@media (max-width: 992px) {
  .car-podarki__arrow--next {
    right: 10px;
  }
}
@media (max-width: 580px) {
  .car-podarki__arrow--next {
    right: 1px;
  }
}
.car-podarki__arrow--prev {
  left: 1px;
}
@media (max-width: 992px) {
  .car-podarki__arrow--prev {
    left: 10px;
  }
}
@media (max-width: 580px) {
  .car-podarki__arrow--prev {
    left: 1px;
  }
}
.car-podarki__box {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #F0F8F7;
  border: 1px solid #F0F8F7;
  border-radius: 10px;
  padding: 10px 20px 10px 30px;
  margin: 5px 2px;
  cursor: pointer;
  color: #376A50;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .car-podarki__box {
    margin: 5px 10px;
  }
}
@media (max-width: 580px) {
  .car-podarki__box {
    margin: 5px 2px;
    padding: 5px 10px 5px 20px;
  }
}
.car-podarki__box:hover {
  background: #fff;
  border: 1px solid #376A50;
}
.car-podarki__text {
  font-size: 14px;
  font-weight: bold;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 992px) {
  .car-podarki__text {
    font-size: 16px;
    text-align: center;
  }
}
@media (max-width: 400px) {
  .car-podarki__text {
    font-size: 15px;
  }
}
.car-podarki__icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 46px;
      -ms-flex: 0 0 46px;
          flex: 0 0 46px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 10px;
  font-size: 30px;
  width: 46px;
  height: 46px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
}

.active-upravlenie {
  position: relative;
  border-bottom: 1px dashed #aaa;
  cursor: pointer;
}
.active-upravlenie:after {
  content: "\e9c7";
  font-size: 40px;
  display: inline-block;
  position: relative;
  margin: -10px;
  margin-left: 5px;
  top: 10px;
  color: #333;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media (max-width: 992px) {
  .active-upravlenie:after {
    font-size: 34px;
  }
}
@media (max-width: 580px) {
  .active-upravlenie:after {
    font-size: 34px;
  }
}
.active-upravlenie:hover:after {
  color: #01b81d;
}
.active-upravlenie.active:after {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}