/*! 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 {
  -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 {
  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 {
  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'] {
  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;
}

@font-face {
  font-family: 'Cyntho Next';
  src: url('/fonts/CynthoNext-Regular.eot');
  src: url('/fonts/CynthoNext-Regular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CynthoNext-Regular.woff2') format('woff2'),
    url('/fonts/CynthoNext-Regular.woff') format('woff'),
    url('/fonts/CynthoNext-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cyntho Next';
  src: url('/fonts/CynthoNext-Medium.eot');
  src: url('/fonts/CynthoNext-Medium.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CynthoNext-Medium.woff2') format('woff2'),
    url('/fonts/CynthoNext-Medium.woff') format('woff'),
    url('/fonts/CynthoNext-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Cyntho Next';
  src: url('/fonts/CynthoNext-Bold.eot');
  src: url('/fonts/CynthoNext-Bold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CynthoNext-Bold.woff2') format('woff2'),
    url('/fonts/CynthoNext-Bold.woff') format('woff'),
    url('/fonts/CynthoNext-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Cyntho Next';
  src: url('/fonts/CynthoNext-SemiBold.eot');
  src: url('/fonts/CynthoNext-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/CynthoNext-SemiBold.woff2') format('woff2'),
    url('/fonts/CynthoNext-SemiBold.woff') format('woff'),
    url('/fonts/CynthoNext-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
body * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background-repeat: no-repeat !important;
}

*:before,
*:after {
  background-repeat: no-repeat !important;
}

body {
  font-family: 'Open Sans', sans-serif;
  color: #3a3f45;
  font-size: 16px;
  line-height: 24px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  min-height: 100%;
}

input,
button,
textarea,
select {
  font-family: inherit;
  outline: none;
}

textarea {
  height: 115px;
  resize: none;
}

.container {
  max-width: 1386px;
  padding: 0 30px;
  margin: 0 auto;
}

.container-larger {
  max-width: 1506px;
  padding: 0 30px;
  margin: 0 auto;
}

.flex {
  display: flex;
  align-items: center;
}

a {
  color: #4e5359;
  transition: all 200ms ease;
  text-decoration: underline;
  text-underline-position: under;
  -webkit-text-decoration-color: rgba(255, 255, 255, 0);
  text-decoration-color: rgba(255, 255, 255, 0);
}
a:hover {
  color: #20252c;
  -webkit-text-decoration-color: #20252c;
  text-decoration-color: #20252c;
}

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

.but {
  display: block;
  padding: 14px 20px;
  background-color: #f2f5f8;
  color: #3a3f45;
  transition: all 200ms ease;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  text-align: center;
}
.but:hover {
  background-color: #1b9758;
  color: #fff;
}
.but:active {
  background-color: #0f744a;
  color: #fff;
}
.but.butorange {
  background-color: #1b9758;
  border: 1px solid #1b9758;
  color: #fff;
}
.but.butorange:hover {
  background-color: #0f744a;
  border-color: #0f744a;
}
.but.butorange:active {
  background-color: #1b9758;
  border-color: #1b9758;
}
.but.butborder {
  border: 1px solid #3a3f45;
  background-color: #fff;
  color: #3a3f45;
  font-weight: 600;
}
.but.butborder:hover {
  border-color: #1b9758;
  color: #1b9758;
}
.but.butborder:active {
  border-color: #0f744a;
  color: #0f744a;
}

.scroll,
.selectize-dropdown-content {
  scrollbar-color: #1b9758 #fff;
  scrollbar-width: thin;
}
.scroll::-webkit-scrollbar,
.selectize-dropdown-content::-webkit-scrollbar {
  width: 5px;
  background-color: #f8f8f8;
  border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb,
.selectize-dropdown-content::-webkit-scrollbar-thumb {
  background-color: #1b9758;
  border-radius: 2px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
.scroll::-webkit-scrollbar-thumb:hover,
.selectize-dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: #0f744a;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 12px;
  transform: scale(0.6);
  margin: 2px auto -1px;
  float: none;
  will-change: transform;
}

.lds-ellipsis div {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #fff;
  -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
  will-change: transform;
}

.lds-ellipsis div:nth-child(1) {
  left: 6px;
  -webkit-animation: lds-ellipsis1 0.6s infinite;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 6px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 26px;
  -webkit-animation: lds-ellipsis2 0.6s infinite;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 45px;
  -webkit-animation: lds-ellipsis3 0.6s infinite;
  animation: lds-ellipsis3 0.6s infinite;
}

@-webkit-keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@-webkit-keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
h1 {
  font-weight: bold;
  font-size: 40px;
  line-height: 130%;
  color: #20252c;
  margin: 16px 0 60px;
}

h2 {
  color: #20252c;
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  margin: 0 0 40px;
  max-width: 740px;
}

h3 {
  color: #20252c;
  font-weight: bold;
  font-size: 34px;
  line-height: 46px;
  margin: 0 0 30px;
}

.h2 {
  color: #20252c;
  font-weight: bold;
  font-size: 34px;
  line-height: 46px;
  margin: 0 0 40px;
}

h4 {
  font-weight: 500;
  font-size: 22px;
  line-height: 130%;
  color: #3a3f45;
  margin: 0 0 30px 0;
}

h5 {
  color: #3a3f45;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 5px;
}

.inptext,
select,
textarea {
  background: #fff;
  border: 1px solid #dcdce6;
  border-radius: 3px;
  padding: 17px 14px;
  font-size: 16px;
  width: 100%;
}

.f-color {
  color: #9ba2ab;
  opacity: 0.6;
  font-size: 13px;
  line-height: 16px;
}
.f-color .f-color {
  opacity: 1;
}

.secover {
  overflow: hidden;
}

.nobr {
  white-space: nowrap;
}

.mt60 {
  margin-top: 60px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt110 {
  margin-top: 110px;
}

.mt140 {
  margin-top: 140px;
}

.mt120 {
  margin-top: 120px;
}

.mt160 {
  margin-top: 160px;
}

.mb160 {
  margin-bottom: 160px;
}

.mt170 {
  margin-top: 170px;
}

.mt200 {
  margin-top: 200px;
}

.pt120 {
  padding-top: 120px !important;
}

.tippy-svg-arrow {
  display: none !important;
}

input[type='file'] {
  display: none;
}

input[type='checkbox'] {
  display: none;
}
input[type='checkbox'] + label {
  padding-left: 34px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
input[type='checkbox'] + label:before {
  content: '';
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #858a93;
  top: 1px;
  left: 0;
  cursor: pointer;
  transition: all 100ms ease;
}
input[type='checkbox'] + label:after {
  content: '';
  position: absolute;
  top: 5px;
  left: 4px;
  width: 12px;
  height: 12px;
  background-repeat: no-repeat;
  background-image: url(/img/check.svg);
  background-size: contain;
  opacity: 0;
  transition: all 100ms ease;
  cursor: pointer;
}
input[type='checkbox']:checked + label:before {
  background-color: #1b9758;
  border-color: #1b9758;
}
input[type='checkbox']:checked + label:after {
  opacity: 1;
}

ul {
  list-style: none;
  padding: 9px 0 36px;
}

li {
  color: #3a3f45;
  font-weight: normal;
  padding-left: 14px;
  display: flex;
  margin-bottom: 20px;
}
li:last-child {
  margin: 0;
}
li:before {
  content: '';
  background-image: url(/img/orangecircle.svg);
  background-size: contain;
  min-width: 6px;
  width: 6px;
  height: 6px;
  padding-right: 20px;
  margin-top: 7px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition: background-color 5000s ease-in-out 0s;
  transition: background-color 5000s ease-in-out 0s;
}

@-webkit-keyframes textRunner {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
  }
}

@keyframes textRunner {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-30px);
  }
  100% {
    transform: translateX(0);
  }
}
.link-row {
  font-size: 16px;
  line-height: 22px;
  color: #20252c;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  overflow: hidden;
  transition: color 200ms ease;
  margin: 20px 0 0;
  display: block;
  text-decoration: none;
}
.link-row.orange {
  color: #1b9758;
}
.link-row:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: 8px 0 0;
  background-color: #1b9758;
  transform: translateX(-100%);
  transition: transform 200ms ease, background-color 200ms ease;
}
.link-row:hover {
  color: #1b9758;
}
.link-row:hover:after {
  transform: translateX(0);
}
.link-row:active {
  color: #0f744a;
}
.link-row:active:after {
  background-color: #0f744a;
}

.link-with-icon {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #858a93;
  margin: 23px 0 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.link-with-icon::before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16188 5.08458C6.76676 4.73867 9.39532 4.59067 12.0002 4.59067C14.6051 4.59067 17.2336 4.76362 19.8385 5.08458C21.0936 5.23258 22.0882 6.24536 22.3013 7.52961C22.5381 9.01177 22.6565 10.4935 22.6565 12.0002C22.6565 13.5069 22.5381 14.9641 22.3013 16.4708C22.0882 17.755 21.0936 18.7428 19.8385 18.9158C17.2336 19.2617 14.6051 19.4097 12.0002 19.4097C9.39532 19.4097 6.76676 19.2368 4.16188 18.9158C2.9068 18.7678 1.91221 17.755 1.69908 16.4708C1.46228 14.9641 1.34387 13.4823 1.34387 12.0002C1.34387 10.518 1.46228 9.0363 1.69908 7.52961C1.91221 6.24536 2.9068 5.25753 4.16188 5.08458Z' stroke='%231b9758' stroke-width='1.4' stroke-miterlimit='10'/%3E%3Cpath d='M15.2727 12L9.81812 8.72726V15.2727L15.2727 12Z' stroke='%231b9758' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  transition: background 0.2s ease;
}
.link-with-icon:hover {
  color: #1b9758;
}
.link-with-icon:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16188 5.08458C6.76676 4.73867 9.39532 4.59067 12.0002 4.59067C14.6051 4.59067 17.2336 4.76362 19.8385 5.08458C21.0936 5.23258 22.0882 6.24536 22.3013 7.52961C22.5381 9.01177 22.6565 10.4935 22.6565 12.0002C22.6565 13.5069 22.5381 14.9641 22.3013 16.4708C22.0882 17.755 21.0936 18.7428 19.8385 18.9158C17.2336 19.2617 14.6051 19.4097 12.0002 19.4097C9.39532 19.4097 6.76676 19.2368 4.16188 18.9158C2.9068 18.7678 1.91221 17.755 1.69908 16.4708C1.46228 14.9641 1.34387 13.4823 1.34387 12.0002C1.34387 10.518 1.46228 9.0363 1.69908 7.52961C1.91221 6.24536 2.9068 5.25753 4.16188 5.08458Z' stroke='%231b9758' stroke-width='1.4' stroke-miterlimit='10'/%3E%3Cpath d='M15.2727 12L9.81812 8.72726V15.2727L15.2727 12Z' stroke='%231b9758' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.link-with-icon:active {
  color: #0f744a;
}
.link-with-icon:active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.16188 5.08458C6.76676 4.73867 9.39532 4.59067 12.0002 4.59067C14.6051 4.59067 17.2336 4.76362 19.8385 5.08458C21.0936 5.23258 22.0882 6.24536 22.3013 7.52961C22.5381 9.01177 22.6565 10.4935 22.6565 12.0002C22.6565 13.5069 22.5381 14.9641 22.3013 16.4708C22.0882 17.755 21.0936 18.7428 19.8385 18.9158C17.2336 19.2617 14.6051 19.4097 12.0002 19.4097C9.39532 19.4097 6.76676 19.2368 4.16188 18.9158C2.9068 18.7678 1.91221 17.755 1.69908 16.4708C1.46228 14.9641 1.34387 13.4823 1.34387 12.0002C1.34387 10.518 1.46228 9.0363 1.69908 7.52961C1.91221 6.24536 2.9068 5.25753 4.16188 5.08458Z' stroke='%230f744a' stroke-width='1.4' stroke-miterlimit='10'/%3E%3Cpath d='M15.2727 12L9.81812 8.72726V15.2727L15.2727 12Z' stroke='%231b9758' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.hidden-block {
  display: none;
}

.text-inner-link {
  color: #1b9758;
  text-decoration: none;
}
.text-inner-link:hover {
  color: #0f744a;
}

p + p {
  margin: 16px 0 0;
}

.swiper-pagination.custom-pagination {
  margin: 0 0 5px;
  bottom: 0;
}
.swiper-pagination.custom-pagination .swiper-pagination-bullet {
  background-color: #b3b7bf;
  height: 3px;
  width: 100%;
  opacity: 0.3;
  border-radius: 5px;
  max-width: 28px;
}
.swiper-pagination.custom-pagination .swiper-pagination-bullet:before {
  content: none;
}
.swiper-pagination.custom-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #1b9758 !important;
}

.custom-label {
  position: relative;
  border-bottom: 1px solid #a5adbd;
  transition: color 0.2s ease;
}
.custom-label.error {
  border-color: #de354e;
}
.custom-label.error .custom-input {
  color: #de354e;
}
.custom-label.error:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_329_14444)'%3E%3Cpath d='M17.7681 14.2872L10.3848 2.04255C10.0939 1.56017 9.56329 1.2605 8.99998 1.2605C8.43667 1.2605 7.90606 1.56017 7.61514 2.04258L0.231871 14.2872C-0.0687501 14.7858 -0.0776446 15.4104 0.208633 15.9174C0.49498 16.4243 1.03449 16.7393 1.61668 16.7393H16.3833C16.9655 16.7393 17.505 16.4243 17.7914 15.9173C18.0776 15.4104 18.0687 14.7857 17.7681 14.2872ZM16.7709 15.3411C16.6921 15.4806 16.5436 15.5674 16.3833 15.5674H1.61668C1.4564 15.5674 1.30786 15.4807 1.22908 15.3411C1.15026 15.2016 1.15272 15.0296 1.23544 14.8924L8.61878 2.64773C8.69887 2.51494 8.84494 2.43243 9.00002 2.43243C9.15505 2.43243 9.30113 2.51494 9.38121 2.64773L16.7645 14.8924C16.8473 15.0296 16.8497 15.2016 16.7709 15.3411Z' fill='%23DE354E'/%3E%3Cpath d='M9.00542 6.08215C8.55964 6.08215 8.21173 6.32136 8.21173 6.74541C8.21173 8.03923 8.36392 9.89843 8.36392 11.1923C8.36396 11.5293 8.65755 11.6707 9.00545 11.6707C9.26638 11.6707 9.63605 11.5293 9.63605 11.1923C9.63605 9.89847 9.78824 8.03927 9.78824 6.74541C9.78824 6.32139 9.42947 6.08215 9.00542 6.08215Z' fill='%23DE354E'/%3E%3Cpath d='M9.01635 12.4209C8.53798 12.4209 8.17914 12.8014 8.17914 13.2581C8.17914 13.7039 8.53794 14.0953 9.01635 14.0953C9.46213 14.0953 9.8427 13.7039 9.8427 13.2581C9.8427 12.8014 9.4621 12.4209 9.01635 12.4209Z' fill='%23DE354E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_329_14444'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 18px;
  height: 18px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.custom-input {
  padding: 19px 20px 15px 0;
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  color: #3a3f45;
  border: 0;
  outline: none;
  border-radius: 0;
  width: 100%;
  transition: all 200ms ease;
}
.custom-input:focus + .custom-span,
.custom-input.filled + .custom-span {
  top: 0;
  font-size: 13px;
  line-height: 100%;
  color: #3a3f45;
}
.custom-span {
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  color: #858a93;
  position: absolute;
  left: 0;
  top: 22px;
  transition: all 200ms ease;
  pointer-events: none;
}
.custom-checkbox {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}
.custom-checkbox.error span {
  border-color: #de354e;
}
.custom-checkbox:hover span {
  border-color: #bec1c7;
}
.custom-checkbox:hover .custom-checkbox-text {
  color: #3a3f45;
}
.custom-checkbox span {
  background-color: #ffffff;
  border: 1px solid #dcdce6;
  box-sizing: border-box;
  border-radius: 2px;
  min-width: 20px;
  min-height: 20px;
  margin: 0 10px 0 0;
  transition: all 0.2s ease;
  position: relative;
}
.custom-checkbox span:after {
  content: '';
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_771_3971)'%3E%3Cpath d='M10.413 1.49472L11.9999 3.0817L4.5765 10.5051L-6.10352e-05 5.92869L1.58687 4.34171L4.5765 7.33123L10.413 1.49472Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_771_3971'%3E%3Crect width='12' height='12' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.custom-checkbox-text {
  font-size: 16px;
  line-height: 100%;
  color: #858a93;
  transition: all 0.2s ease;
}
.custom-checkbox-text div {
  color: #3a3f45;
  display: inline;
}
.custom-checkbox input[type='checkbox']:checked ~ .custom-checkbox-text {
  color: #3a3f45;
}
.custom-checkbox input[type='checkbox']:checked + span {
  background-color: #1b9758;
  border-color: #1b9758;
}
.custom-checkbox input[type='checkbox']:checked + span:after {
  opacity: 1;
}
.custom-control {
  display: inline-flex;
  align-items: center;
}
.custom-control:hover .custom-control__text {
  color: #1b9758;
}
.custom-control:hover .custom-control__left,
.custom-control:hover .custom-control__right {
  color: #3a3f45;
}
.custom-control__status {
  width: 44px;
  height: 22px;
  border: 2px solid #c2c2c2;
  box-sizing: border-box;
  border-radius: 15px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}
.custom-control__status::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #1b9758;
  transform: translate(4px, -50%);
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.custom-control__text {
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  color: #3a3f45;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.2s ease;
  margin: 0 0 0 10px;
}
.custom-control__left,
.custom-control__right {
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  color: #858a93;
  transition: color 0.2s ease;
  cursor: pointer;
}
.custom-control__left {
  margin: 0 16px 0 0;
}
.custom-control__right {
  margin: 0 0 0 16px;
}
.custom-control input:not(:checked) ~ .custom-control__left {
  color: #3a3f45;
}
.custom-control input:checked ~ .custom-control__right {
  color: #3a3f45;
}
.custom-control input:checked ~ .custom-control__status {
  background-color: #1b9758;
  border-color: #1b9758;
}
.custom-control input:checked ~ .custom-control__status:after {
  background-color: #fff;
  transform: translate(calc(100% + 8px), -50%);
}
.custom-file {
  display: flex;
  color: #3a3f45;
  cursor: pointer;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  align-items: center;
  white-space: nowrap;
  transition: color 0.2s ease;
}
.custom-file::before {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_909_3547)'%3E%3Cpath d='M16.9431 10.5761L8.81625 18.703C7.76796 19.7508 6.04105 19.752 4.99277 18.7037C3.94413 17.6555 3.94527 15.9285 4.99355 14.8803L15.512 4.36183C17.28 2.5939 20.1642 2.5939 21.9321 4.36183L21.9318 4.36213C23.6993 6.12996 23.7005 9.0153 21.9326 10.7832L11.6269 21.0889C9.13934 23.5766 5.09547 23.5755 2.60788 21.0879C0.12029 18.6003 0.12029 14.5579 2.60788 12.0704L13.9854 0.692871' stroke='%23858A93' stroke-width='1.6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_909_3547'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: background 0.2s ease;
}
.custom-file:hover {
  color: #20252c;
}
.custom-file:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_909_3547)'%3E%3Cpath d='M16.9431 10.5761L8.81625 18.703C7.76796 19.7508 6.04105 19.752 4.99277 18.7037C3.94413 17.6555 3.94527 15.9285 4.99355 14.8803L15.512 4.36183C17.28 2.5939 20.1642 2.5939 21.9321 4.36183L21.9318 4.36213C23.6993 6.12996 23.7005 9.0153 21.9326 10.7832L11.6269 21.0889C9.13934 23.5766 5.09547 23.5755 2.60788 21.0879C0.12029 18.6003 0.12029 14.5579 2.60788 12.0704L13.9854 0.692871' stroke='%233A3F45' stroke-width='1.6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_909_3547'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.header {
  position: relative;
  z-index: 11;
}
.header__top {
  background: #fff;
  padding: 19px 0 24px;
  position: relative;
  z-index: 2;
}
.header__top .container {
  display: flex;
  justify-content: space-between;
}
.header__left {
  display: flex;
}
.header__right {
  display: flex;
  padding-top: 5px;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
}
.header__top-menu {
  display: flex;
  margin: 0 40px 0 80px;
  align-items: center;
  padding-top: 5px;
}
.header__top-menu .header__item + .header__item {
  margin-left: 40px;
}
.header__phone {
  /*  margin-right: 80px; */
  position: relative;
}
.header__bottom {
  background: #0b274f;
  color: #fff;
  position: relative;
  z-index: 1;
}
.header__but {
  padding: 26px 24px 26px 55px;
  background-color: #1b9758;
  background-image: url(/img/burgerwhite.svg);
  background-position: 24px 22px;
  line-height: 20px;
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background-color 200ms ease;
}
.header__but:hover {
  background-color: #0f744a;
}
.header__menu {
  display: flex;
  width: 100%;
  padding-left: 25px;
  justify-content: space-around;
}
.header__menu-item {
  cursor: pointer;
  position: relative;
  display: flex;
}
.header__menu-item > a {
  padding: 13px 25px;
  color: #fff;
  transition: all 200ms ease;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
.header__menu-item > a:before {
  content: '';
  position: absolute;
  width: calc(100% - 50px);
  height: 4px;
  background: #1b9758;
  transform: scaleX(0);
  transition: all 200ms ease;
  left: 25px;
  opacity: 0;
  bottom: -2px;
}
.header__menu-item > a:hover:before {
  transform: scaleX(1);
  opacity: 1;
  bottom: 0;
}
.header__menu-item:last-child a {
  padding-right: 0;
}
.header__menu-item:last-child a:before {
  width: calc(100% - 25px);
}
.header__catalog {
  background: #fff;
  padding: 33px 0 50px;
  transform: translateY(-100%);
  opacity: 0;
  transition: all 200ms ease;
  position: absolute;
  width: 100%;
}
.header__catalog .container {
  display: grid;
  grid-template-columns: 289px 1fr;
  gap: 30px;
}
.header__catalog.act {
  transform: translateY(0%);
  opacity: 1;
}
.header__catmenu {
  padding-top: 16px;
}
.header__catitem {
  color: #20252c;
  display: block;
  padding: 10px 0;
  text-decoration: none;
  transition: all 200ms ease;
  cursor: pointer;
  font-size: 18px;
}
.header__catitem:hover,
.header__catitem.act {
  color: #1b9758;
}
.header__catitem + .header__catitem {
  margin-top: 15px;
}
.header__catblock {
  display: none;
}
.header__catblock:first-child {
  display: block;
}
.header__butparam {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 33px;
  gap: 40px;
}
.header__row {
  display: flex;
  align-items: center;
}
.header__row-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  color: #858a93;
  cursor: pointer;
  position: relative;
}
.header__row-item + .header__row-item {
  margin: 0 0 0 30px;
}
.header__row-item:hover .header-icon__compare,
.header__row-item.active .header-icon__compare {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.426' y1='4.12451' x2='12.426' y2='21.0017' stroke='%231b9758' stroke-width='1.6'/%3E%3Cline x1='20.302' y1='9.37549' x2='20.302' y2='21.1502' stroke='%231b9758' stroke-width='1.6'/%3E%3Cline x1='4.55' y1='13.5005' x2='4.55' y2='20.9578' stroke='%231b9758' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.header__row-item:hover .header-icon__search,
.header__row-item.active .header-icon__search {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7893 10.1172C17.7893 14.0201 14.6254 17.1841 10.7224 17.1841C6.81944 17.1841 3.65547 14.0201 3.65547 10.1172C3.65547 6.21422 6.81944 3.05024 10.7224 3.05024C14.6254 3.05024 17.7893 6.21422 17.7893 10.1172Z' stroke='%231b9758' stroke-width='1.6'/%3E%3Cline x1='15.4529' y1='14.9502' x2='21.3145' y2='20.8118' stroke='%231b9758' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.header__row-item:hover .header-icon__favorite,
.header__row-item.active .header-icon__favorite {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4727 5.98131C11.7645 6.313 12.27 6.34526 12.6017 6.05338C12.9334 5.7615 12.9657 5.25599 12.6738 4.92431L11.4727 5.98131ZM5.93401 15.2445L6.48804 14.6674L5.93401 15.2445ZM11.4884 21.2982C11.7899 21.6212 12.2961 21.6386 12.6191 21.3372C12.9421 21.0357 12.9595 20.5295 12.6581 20.2065L11.4884 21.2982ZM12.6738 4.92431C12.0306 4.19345 10.8773 3.29786 9.44145 2.85274C7.97587 2.39841 6.20559 2.41467 4.44647 3.55809L5.31845 4.8996C6.61924 4.05409 7.88337 4.04485 8.9677 4.38099C10.0818 4.72635 10.9939 5.43721 11.4727 5.98131L12.6738 4.92431ZM4.44647 3.55809C2.66251 4.71767 1.69489 6.68517 1.7978 8.92201C1.90014 11.1465 3.05117 13.5859 5.37999 15.8216L6.48804 14.6674C4.38 12.6437 3.4753 10.5698 3.39611 8.84848C3.31749 7.13958 4.04251 5.72896 5.31845 4.8996L4.44647 3.55809ZM5.37999 15.8216C6.92515 17.3049 8.29394 18.5015 9.36174 19.4197C10.4581 20.3625 11.171 20.9581 11.4884 21.2982L12.6581 20.2065C12.2615 19.7815 11.4347 19.092 10.4049 18.2065C9.34661 17.2964 8.00278 16.1215 6.48804 14.6674L5.37999 15.8216Z' fill='%231b9758'/%3E%3Cpath d='M12.7041 5.98131C12.4122 6.313 11.9067 6.34526 11.575 6.05338C11.2433 5.7615 11.2111 5.25599 11.503 4.92431L12.7041 5.98131ZM18.2427 15.2445L17.6887 14.6674L18.2427 15.2445ZM12.6884 21.2982C12.3869 21.6212 11.8807 21.6386 11.5577 21.3372C11.2347 21.0357 11.2172 20.5295 11.5187 20.2065L12.6884 21.2982ZM11.503 4.92431C12.1461 4.19345 13.2994 3.29786 14.7353 2.85274C16.2009 2.39841 17.9712 2.41467 19.7303 3.55809L18.8583 4.8996C17.5575 4.05409 16.2934 4.04485 15.2091 4.38099C14.095 4.72635 13.1829 5.43721 12.7041 5.98131L11.503 4.92431ZM19.7303 3.55809C21.5142 4.71767 22.4819 6.68517 22.379 8.92201C22.2766 11.1465 21.1256 13.5859 18.7968 15.8216L17.6887 14.6674C19.7968 12.6437 20.7015 10.5698 20.7806 8.84848C20.8593 7.13958 20.1342 5.72896 18.8583 4.8996L19.7303 3.55809ZM18.7968 15.8216C17.2516 17.3049 15.8828 18.5015 14.815 19.4197C13.7187 20.3625 13.0058 20.9581 12.6884 21.2982L11.5187 20.2065C11.9153 19.7815 12.742 19.092 13.7718 18.2065C14.8302 17.2964 16.174 16.1215 17.6887 14.6674L18.7968 15.8216Z' fill='%231b9758'/%3E%3C/svg%3E%0A");
}
.header__row-item:hover .header-icon__user,
.header__row-item.active .header-icon__user {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_277_4413)'%3E%3Cg clip-path='url(%23clip1_277_4413)'%3E%3Cpath d='M16.4523 9.00091C16.4523 11.459 14.4597 13.4516 12.0016 13.4516C9.54361 13.4516 7.55098 11.459 7.55098 9.00091C7.55098 6.54288 9.54361 4.55024 12.0016 4.55024C14.4597 4.55024 16.4523 6.54288 16.4523 9.00091Z' stroke='%231b9758' stroke-width='1.6'/%3E%3Cpath d='M24.7533 29.2536C24.7533 22.2111 19.0442 16.502 12.0016 16.502C4.9591 16.502 -0.75 22.2111 -0.75 29.2536' stroke='%231b9758' stroke-width='1.6'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_277_4413'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_277_4413'%3E%3Crect width='25.5033' height='17.2522' fill='white' transform='translate(-0.75 3.75024)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.header__row-icon {
  position: relative;
  margin: 0 0 5px;
  width: 24px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: background 0.2s ease;
}
.header-icon__user {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_277_4413)'%3E%3Cg clip-path='url(%23clip1_277_4413)'%3E%3Cpath d='M16.4523 9.00091C16.4523 11.459 14.4597 13.4516 12.0016 13.4516C9.54361 13.4516 7.55098 11.459 7.55098 9.00091C7.55098 6.54288 9.54361 4.55024 12.0016 4.55024C14.4597 4.55024 16.4523 6.54288 16.4523 9.00091Z' stroke='%2320252C' stroke-width='1.6'/%3E%3Cpath d='M24.7533 29.2536C24.7533 22.2111 19.0442 16.502 12.0016 16.502C4.9591 16.502 -0.75 22.2111 -0.75 29.2536' stroke='%2320252C' stroke-width='1.6'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_277_4413'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3CclipPath id='clip1_277_4413'%3E%3Crect width='25.5033' height='17.2522' fill='white' transform='translate(-0.75 3.75024)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.header-icon__favorite {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.4727 5.98131C11.7645 6.313 12.27 6.34526 12.6017 6.05338C12.9334 5.7615 12.9657 5.25599 12.6738 4.92431L11.4727 5.98131ZM5.93401 15.2445L6.48804 14.6674L5.93401 15.2445ZM11.4884 21.2982C11.7899 21.6212 12.2961 21.6386 12.6191 21.3372C12.9421 21.0357 12.9595 20.5295 12.6581 20.2065L11.4884 21.2982ZM12.6738 4.92431C12.0306 4.19345 10.8773 3.29786 9.44145 2.85274C7.97587 2.39841 6.20559 2.41467 4.44647 3.55809L5.31845 4.8996C6.61924 4.05409 7.88337 4.04485 8.9677 4.38099C10.0818 4.72635 10.9939 5.43721 11.4727 5.98131L12.6738 4.92431ZM4.44647 3.55809C2.66251 4.71767 1.69489 6.68517 1.7978 8.92201C1.90014 11.1465 3.05117 13.5859 5.37999 15.8216L6.48804 14.6674C4.38 12.6437 3.4753 10.5698 3.39611 8.84848C3.31749 7.13958 4.04251 5.72896 5.31845 4.8996L4.44647 3.55809ZM5.37999 15.8216C6.92515 17.3049 8.29394 18.5015 9.36174 19.4197C10.4581 20.3625 11.171 20.9581 11.4884 21.2982L12.6581 20.2065C12.2615 19.7815 11.4347 19.092 10.4049 18.2065C9.34661 17.2964 8.00278 16.1215 6.48804 14.6674L5.37999 15.8216Z' fill='%2320252C'/%3E%3Cpath d='M12.7041 5.98131C12.4122 6.313 11.9067 6.34526 11.575 6.05338C11.2433 5.7615 11.2111 5.25599 11.503 4.92431L12.7041 5.98131ZM18.2427 15.2445L17.6887 14.6674L18.2427 15.2445ZM12.6884 21.2982C12.3869 21.6212 11.8807 21.6386 11.5577 21.3372C11.2347 21.0357 11.2172 20.5295 11.5187 20.2065L12.6884 21.2982ZM11.503 4.92431C12.1461 4.19345 13.2994 3.29786 14.7353 2.85274C16.2009 2.39841 17.9712 2.41467 19.7303 3.55809L18.8583 4.8996C17.5575 4.05409 16.2934 4.04485 15.2091 4.38099C14.095 4.72635 13.1829 5.43721 12.7041 5.98131L11.503 4.92431ZM19.7303 3.55809C21.5142 4.71767 22.4819 6.68517 22.379 8.92201C22.2766 11.1465 21.1256 13.5859 18.7968 15.8216L17.6887 14.6674C19.7968 12.6437 20.7015 10.5698 20.7806 8.84848C20.8593 7.13958 20.1342 5.72896 18.8583 4.8996L19.7303 3.55809ZM18.7968 15.8216C17.2516 17.3049 15.8828 18.5015 14.815 19.4197C13.7187 20.3625 13.0058 20.9581 12.6884 21.2982L11.5187 20.2065C11.9153 19.7815 12.742 19.092 13.7718 18.2065C14.8302 17.2964 16.174 16.1215 17.6887 14.6674L18.7968 15.8216Z' fill='%2320252C'/%3E%3C/svg%3E%0A");
}
.header-icon__search {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7893 10.1172C17.7893 14.0201 14.6254 17.1841 10.7224 17.1841C6.81944 17.1841 3.65547 14.0201 3.65547 10.1172C3.65547 6.21422 6.81944 3.05024 10.7224 3.05024C14.6254 3.05024 17.7893 6.21422 17.7893 10.1172Z' stroke='%2320252C' stroke-width='1.6'/%3E%3Cline x1='15.4529' y1='14.9502' x2='21.3145' y2='20.8118' stroke='%2320252C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.header-icon__compare {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='12.426' y1='4.12451' x2='12.426' y2='21.0017' stroke='%2320252C' stroke-width='1.6'/%3E%3Cline x1='20.302' y1='9.37549' x2='20.302' y2='21.1502' stroke='%2320252C' stroke-width='1.6'/%3E%3Cline x1='4.55' y1='13.5005' x2='4.55' y2='20.9578' stroke='%2320252C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.header-count {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #1b9758;
  border-radius: 50px;
  min-width: 18px;
  height: 19px;
  color: #fff;
  font-weight: bold;
  font-size: 10px;
  line-height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(7px, -9px);
  padding: 4px 6px;
}
.header__sell {
  margin: 0 0 0 55px;
  padding: 14px 30px;
}
.header-search__wrap {
  position: absolute;
  left: 0;
  top: 100%;
  width: 340px;
  background: #ffffff;
  border: 1px solid #eeeeee;
  box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  padding: 30px 12px 30px 24px;
  margin: 22px 0 0;
  display: none;
}
.header-search__inner {
  max-height: 220px;
  overflow: auto;
  padding: 0 12px 0 0;
}
.header-search__item {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px 20px;
  width: 100%;
  margin: 0 0 26px;
  padding: 0 0 30px;
  border-bottom: 1px solid #ededed;
}
.header-search__item:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
.header-search__name {
  grid-column: 1/3;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #20252c;
  text-align: left;
}
.header-search__share {
  font-weight: normal;
  font-size: 12px;
  line-height: 100%;
  color: #858a93;
  text-align: left;
  display: flex;
  align-items: center;
  transition: color 0.2s ease;
}
.header-search__share::before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.9883' cy='5.01172' r='2.21172' stroke='%23858A93' stroke-width='1.6'/%3E%3Ccircle cx='4.94922' cy='10.1746' r='2.21172' stroke='%23858A93' stroke-width='1.6'/%3E%3Ccircle cx='14.9883' cy='15.0508' r='2.21172' stroke='%23858A93' stroke-width='1.6'/%3E%3Cline x1='12.9236' y1='6.36452' x2='7.0892' y2='9.44377' stroke='%23858A93' stroke-width='1.6'/%3E%3Cline y1='-0.8' x2='6.02344' y2='-0.8' transform='matrix(0.884385 0.466758 0.466759 -0.884385 7.38733 10.5332)' stroke='%23858A93' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 20px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 4px 0 0;
  transition: background 0.2s ease;
}
.header-search__share:hover {
  color: #4e5359;
}
.header-search__share:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='14.9883' cy='5.01172' r='2.21172' stroke='%234E5359' stroke-width='1.6'/%3E%3Ccircle cx='4.94922' cy='10.1746' r='2.21172' stroke='%234E5359' stroke-width='1.6'/%3E%3Ccircle cx='14.9883' cy='15.0508' r='2.21172' stroke='%234E5359' stroke-width='1.6'/%3E%3Cline x1='12.9236' y1='6.36452' x2='7.0892' y2='9.44377' stroke='%234E5359' stroke-width='1.6'/%3E%3Cline y1='-0.8' x2='6.02344' y2='-0.8' transform='matrix(0.884385 0.466758 0.466759 -0.884385 7.38733 10.5332)' stroke='%234E5359' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.header-search__delete {
  font-weight: normal;
  font-size: 12px;
  line-height: 100%;
  color: #b3b7bf;
  justify-self: flex-end;
  text-align: right;
  transition: color 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-search__delete::before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.06569' y1='5.43431' x2='19.0657' y2='18.4343' stroke='%23B3B7BF' stroke-width='1.6'/%3E%3Cline x1='19.0657' y1='5.56569' x2='6.06569' y2='18.5657' stroke='%23B3B7BF' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 4px 0 0;
  transition: background 0.2s ease;
}
.header-search__delete:hover {
  color: #4e5359;
}
.header-search__delete:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.06569' y1='5.43431' x2='19.0657' y2='18.4343' stroke='%234E5359' stroke-width='1.6'/%3E%3Cline x1='19.0657' y1='5.56569' x2='6.06569' y2='18.5657' stroke='%234E5359' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}

.submenu {
  display: none;
  z-index: -1;
  position: absolute;
  background: #0b274f;
  width: 270px;
  top: 50px;
  left: -15px;
  padding-bottom: 6px;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04), 0 6px 24px rgba(0, 0, 0, 0.08);
  border-radius: 0 0 3px 3px;
  opacity: 0;
  transition: all 100ms ease;
  transform: translateY(-10px) scale(0.96);
}
.submenu.act {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.submenu ~ a:after {
  content: '';
  display: inline-block;
  margin: 0 0 1px 5px;
  width: 11px;
  height: 7px;
  background-image: url(/img/arrwhite.svg);
}
.submenu__item {
  padding: 14px;
  color: rgba(255, 255, 255, 0.7);
  transition: all 200ms ease;
  cursor: pointer;
  text-decoration: none;
  display: block;
}
.submenu__item:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.logo {
  width: 201px;
  height: 58px;
  background-size: contain;
  background-image: url(../img/aa-logo.svg);
}

.messengers {
  display: none;
  width: 270px;
  background: #fff;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.04), 0 6px 24px rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  padding: 18px 0;
  top: 53px;
  right: -40px;
  position: absolute;
  z-index: 1;
  transition: all 200ms ease;
  transform: translateY(15px) scale(0.99);
  opacity: 0;
}
.messengers.act {
  transform: translateY(0) scale(1);
  opacity: 1;
}
.messengers__item {
  display: flex;
  align-items: center;
  padding: 8px 24px;
  transition: all 200ms ease;
  text-decoration: none;
}
.messengers__item:hover {
  background-color: #f8f8f8;
}
.messengers__img {
  width: 32px;
  height: 32px;
  margin-right: 11px;
}
.messengers__text {
  font-size: 16px;
  color: #4e5359;
  display: flex;
  align-items: center;
}

.phone {
  color: #20252c;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 4px;
  white-space: nowrap;
  text-decoration: none;
  display: block;
}

.linkarr {
  color: #1b9758;
  padding-right: 15px;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.linkarr:before {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 7px;
  background-image: url(/img/arr.svg);
  right: 0;
  top: 6px;
  transition: all 200ms ease;
}
.linkarr:after {
  content: '';
  display: block;
  position: absolute;
  width: 12px;
  height: 7px;
  background-image: url(/img/arr2.svg);
  right: 0;
  top: 6px;
  opacity: 0;
  transition: all 200ms ease;
}
.linkarr:hover {
  color: #0f744a;
}
.linkarr:hover:before {
  opacity: 0;
}
.linkarr:hover:after {
  opacity: 1;
}

.butlk {
  padding-left: 52px;
  line-height: 20px;
  font-weight: 500;
  position: relative;
}
.butlk:before {
  content: '';
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/img/lk.svg);
  left: 20px;
  top: 12px;
  transition: all 200ms ease;
}
.butlk:after {
  content: '';
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(/img/lk2.svg);
  left: 20px;
  top: 12px;
  opacity: 0;
  transition: all 200ms ease;
}
.butlk:hover:before {
  opacity: 0;
}
.butlk:hover:after {
  opacity: 1;
}

.linkonline {
  display: flex;
  align-items: center;
}
.linkonline:before {
  content: '';
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  border-radius: 50%;
  background: #1b9758;
}

.butparam {
  grid-column-start: 1;
  grid-column-end: 3;
  font-size: 18px;
  padding: 18px;
}
.butparam:before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 0 16px -2px 0;
  background-size: contain;
  background-image: url(/img/settings.svg);
}

.butblue {
  background-color: #2161c3;
  color: #fff;
}
.butblue:hover {
  background-color: #165ac1;
  color: #fff;
}

.butred {
  background-color: #1b9758;
  color: #fff;
}
.butred:hover {
  background-color: #0f744a;
  color: #fff;
}

.marks {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 30px 40px;
  max-height: 500px;
  overflow: hidden auto;
  overflow: hidden overlay;
  padding-right: 12px;
  margin-right: -12px;
}
.marks__item {
  background-color: #f8f8f8;
  border-radius: 6px;
  padding: 18px 24px 24px;
  text-align: center;
  cursor: pointer;
  transition: all 200ms ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
}
.marks__item:hover {
  background-color: #f4f4f4;
}
.marks__img {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 6px;
}
.marks__name {
  color: #20252c;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 6px;
}
.marks__num {
  font-size: 14px;
  color: #858a93;
}

.headerbg {
  position: fixed;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(11, 21, 35, 0.5);
  display: none;
}
.headerbg.bgmodal {
  z-index: 12;
}

.burger {
  width: 40px;
  height: 40px;
  padding: 14px 10px;
  top: 4px;
  margin: -2px -4px -6px;
  cursor: pointer;
  display: none;
}
.burger__item {
  width: 100%;
  height: 2px;
  background-color: #4e5359;
  border-radius: 2px;
  transition: all 200ms ease;
}
.burger__item + .burger__item {
  margin-top: 3px;
}
.burger.act .burger__item:nth-child(1) {
  transform: rotate(-45deg) translate(-4px, 4px);
}
.burger.act .burger__item:nth-child(2) {
  transform: rotate(-45deg);
  opacity: 0;
}
.burger.act .burger__item:nth-child(3) {
  transform: rotate(45deg) translate(-3px, -3px);
}

.menumobile {
  position: fixed;
  top: 57px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  overflow: auto;
  transition: all 200ms ease;
  transform: translateX(-100%);
  display: none;
}
.menumobile.act {
  transform: translateX(0);
}
.menumobile__block {
  padding: 13px 0;
  border-bottom: 1px solid #dee2ea;
}
.menumobile__contacts {
  padding: 26px 16px 25px;
}
.menumobile__item {
  display: block;
  padding: 15px 16px;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.menumobile__item:hover {
  background-color: #fafafa;
  color: #20252c;
}
.menumobile__item[data-id]:after {
  content: '';
  display: block;
  position: absolute;
  right: 22px;
  top: 15px;
  width: 6px;
  height: 10px;
  background-image: url(/img/arr_right.svg);
}
.menumobile__head {
  color: #20252c;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 26px;
}
.menumobile__desc {
  color: #858a93;
  font-size: 14px;
}
.menumobile__contact {
  color: #4e5359;
  font-size: 18px;
  margin: 40px 0 18px;
}
.menumobile__messengers {
  display: flex;
}
.menumobile__messenger {
  text-decoration: none;
  display: block;
}
.menumobile__messenger img {
  display: block;
}
.menumobile__messenger + .menumobile__messenger {
  margin-left: 24px;
}
.menumobile__copyright {
  color: #bec1c5;
  font-size: 14px;
  line-height: 20px;
  margin-top: 30px;
}
.menumobile .phone {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 4px;
}
.menumobile__submenu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  overflow: auto;
  transition: all 200ms ease;
  transform: translateX(-100%);
}
.menumobile__submenu.act {
  transform: translateX(0);
}
.menumobile__submenu .menumobile__contacts {
  padding: 25px 16px 85px;
}
.menumobile__submenu-head {
  color: #20252c;
  font-size: 16px;
  padding: 20px 40px;
  background-color: #f8f8f8;
  position: relative;
  background-image: url(/img/arr_left.svg);
  background-position: 22px center;
  cursor: pointer;
}
.menumobile__bottom {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 16px 10px;
  background-color: #fff;
  z-index: 100;
}
.menumobile__bottom.sticky {
  position: -webkit-sticky;
  position: sticky;
}
.menumobile__bottom .header__row-item + .header__row-item {
  margin: 0 0 0 20px;
}
.menumobile__bottom .header__row {
  justify-content: space-between;
  width: 100%;
}

.mainform {
  transition: all 500ms ease;
  transform: translateY(0) scale(1);
  position: relative;
  z-index: 2;
  margin: -130px -82px 0;
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  display: flex;
  padding: 60px 82px 60px;
}
.mainform__title {
  margin-bottom: 0;
}
.mainform.scrollanim {
  transform: translateY(50px) scale(0.99);
}
.mainform__grid {
  width: 100%;
  display: grid;
  gap: 40px 30px;
  grid-template-columns: 1.452fr 1fr 1.452fr 1fr;
}
.mainform__head {
  grid-column-start: 1;
  grid-column-end: 4;
  display: flex;
  justify-content: space-between;
  margin-bottom: -4px;
}
.mainform__head + .mainform__item {
  grid-column-start: 1;
}
.mainform__item[data-mileage='true'] {
  display: none;
}
.mainform__item .but {
  padding: 22px;
  width: 100%;
  font-size: 16px;
}
.mainform__mileage .mainform__head {
  order: 0;
}
.mainform__mileage .mainform__item:nth-child(2) {
  order: 2;
}
.mainform__mileage .mainform__item:nth-child(3) {
  order: 7;
}
.mainform__mileage .mainform__item:nth-child(4) {
  order: 3;
}
.mainform__mileage .mainform__item:nth-child(5) {
  order: 4;
}
.mainform__mileage .mainform__item:nth-child(6) {
  order: 5;
}
.mainform__mileage .mainform__item:nth-child(7) {
  order: 6;
}
.mainform__mileage .mainform__item:nth-child(8) {
  order: 8;
}
.mainform__mileage .mainform__item:nth-child(9) {
  order: 9;
}
.mainform form {
  width: 100%;
}

.switcher {
  display: flex;
  background: #ffffff;
  border: 1px solid #dcdce6;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.switcher__btn {
  text-align: center;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  padding: 14px 28px;
  border-radius: 3px;
  background-color: #fff;
  color: #5b7398;
  transition: all 200ms ease;
}
.switcher__btn:hover {
  cursor: pointer;
}
.switcher__btn.act {
  background-color: #2161c3;
  color: #fff;
}

.footer {
  background-color: #182232;
}
.footer__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 235px;
  padding: 70px 0 54px;
}
.footer__company {
  max-width: 266px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer__logo {
  display: block;
  max-width: 186px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.footer__copyright-text {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
  color: #9ba2ab;
  opacity: 0.6;
  margin: 45px 0 0;
}
.footer__privacy {
  text-decoration: underline;
}
.footer__privacy:hover {
  color: #dcdcdc;
  text-decoration: underline;
}
.footer__brand {
  margin: 0 0 0 60px;
  min-width: 226px;
}
.footer__buy {
  margin: 0 0 0 40px;
}
.footer__info {
  margin-left: 30px;
}
.footer__menuitem {
  font-weight: normal;
  font-size: 16px;
  line-height: 100%;
}
.footer__menuitem + .footer__menuitem {
  margin-top: 24px;
}
.footer__link {
  color: #a7aeb8;
}
.footer__link:hover {
  color: #1b9758;
}
.footer__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: #ffffff;
  margin-bottom: 41px;
  display: block;
}
.footer__title-link {
  color: #ffffff;
  margin-bottom: 36px;
  transition: color 0.2s ease;
}
.footer__title-link:hover {
  color: #1b9758;
}
.footer__phone {
  display: block;
  font-weight: 600;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0.03em;
  color: #ffffff;
  margin-bottom: 10px;
  text-decoration: none;
}
.footer__phone:hover {
  color: #fff;
  text-decoration: none;
}
.footer__plump {
  font-weight: normal;
  font-size: 13px;
  line-height: 100%;
  color: #a7aeb8;
  margin-bottom: 8px;
}
.footer__plump:last-child {
  margin-bottom: 86px;
}
.footer__social {
  display: flex;
}
.footer__socialtitle {
  font-weight: normal;
  font-size: 16px;
  line-height: 19px;
  color: #a7aeb8;
  margin-bottom: 15px;
}
.footer__sociallink {
  display: block;
  opacity: 0.6;
}
.footer__sociallink + .footer__sociallink {
  margin-left: 10px;
}
.footer__sociallink:hover {
  opacity: 0.8;
}
.footer__warn {
  border: 1px solid rgba(244, 247, 251, 0.07);
}
.footer__warning {
  display: flex;
  justify-content: space-between;
  padding: 38px 0 27px;
}
.footer__text {
  max-width: 923px;
  margin-right: 100px;
}
.footer__comradeship {
  white-space: nowrap;
}
.footer__comradeship a {
  text-decoration: underline;
}
.footer__comradeship a:hover {
  color: #dcdcdc;
}
.footer__contact {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 0 0 auto;
}

.page {
  padding: 50px 0 160px;
}
.page__head {
  margin: 16px 0 55px;
  position: relative;
  z-index: 1;
  padding-right: 100px;
}
.page__head h1 {
  margin: 0;
}
.page__head img {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 74px;
  height: 74px;
  margin-left: 30px;
}

.breadcrumbs {
  margin: 0 0 20px;
}
.breadcrumbs__line {
  display: flex;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  flex-wrap: wrap;
  padding: 0;
}
.breadcrumbs__item {
  margin-bottom: 0;
  padding: 0;
  color: #b3b7bf;
}
.breadcrumbs__item:first-child:before {
  content: none;
}
.breadcrumbs__item:before {
  width: auto;
  height: auto;
  background: none;
  margin: 0;
  color: #b3b7bf;
  content: '/ ';
  padding: 0 3px;
}
.breadcrumbs__item:last-child::after {
  content: none;
}
.breadcrumbs__link {
  color: #b3b7bf;
  margin: 0 3px;
}
.breadcrumbs__act {
  margin: 0 0 0 3px;
}
.breadcrumbs__text {
  color: #b3b7bf;
  margin-left: 5px;
}

.pagination {
  margin: 40px auto 0;
  display: flex;
  justify-content: center;
}
.pagination-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 100%;
  border-radius: 3px;
  transition: background-color 200ms ease, color 200ms ease;
  cursor: pointer;
  color: #858a93;
  text-decoration: none;
  padding: 0 15px;
}
.pagination-item + .pagination-item {
  margin-left: 16px;
}
.pagination-item:hover {
  color: #1b9758;
  background: #f4f4f4;
}
.pagination-item:not(.pagination-prev).act,
.pagination-item:not(.pagination-next).act {
  background-color: #1b9758;
  color: #fff;
}
.pagination-prev,
.pagination-next {
  position: relative;
  min-width: 44px;
}
.pagination-prev:after,
.pagination-next:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.99999H12.6M12.6 6.99999L6.80573 0.933319M12.6 6.99999L6.80573 13.0667' stroke='%23858A93' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
  transition: background 200ms ease;
}
.pagination-prev:hover:after,
.pagination-next:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.99999H12.6M12.6 6.99999L6.80573 0.933319M12.6 6.99999L6.80573 13.0667' stroke='%231b9758' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.pagination-prev:after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.selectize-input {
  background: #ffffff;
  border: 1px solid #dcdce6;
  border-radius: 3px;
  box-shadow: none;
  font-size: 16px;
  padding: 17px 35px 17px 14px;
  display: flex !important;
}
.selectize-input.focus {
  box-shadow: none;
}

.selectize-input.has-items > input {
  display: block !important;
  width: 0 !important;
  margin: 0 !important;
}

.selectize-dropdown,
.selectize-input,
.selectize-input input {
  font-size: 16px;
  color: #3a3f45;
}

.selectize-input input::-moz-placeholder {
  color: #3a3f45;
  -moz-transition: all 200ms ease;
  transition: all 200ms ease;
}

.selectize-input input:-ms-input-placeholder {
  color: #3a3f45;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}

.selectize-input input::placeholder {
  color: #3a3f45;
  transition: all 200ms ease;
}

.selectize-input input:focus::-moz-placeholder {
  opacity: 0.5;
}

.selectize-input input:focus:-ms-input-placeholder {
  opacity: 0.5;
}

.selectize-input input:focus::placeholder {
  opacity: 0.5;
}

.selectize-control.single .selectize-input:after {
  content: '';
  border: none;
  width: 12px;
  height: 7px;
  background-image: url(/img/arr_bottom.svg);
  background-size: contain;
  transition: all 200ms ease;
}

.selectize-input.dropdown-active {
  border-radius: 3px;
}
.selectize-input.dropdown-active:before {
  display: none;
}

.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -3px;
  transform: rotate(-180deg);
}

.selectize-dropdown {
  box-shadow: none;
  border: 1px solid #dcdce6;
  transform: translateY(6px);
  margin: 0;
  border-radius: 3px;
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.08);
}

.selectize-dropdown [data-selectable].option {
  padding: 11px 14px;
}
.selectize-dropdown [data-selectable].option:hover {
  background: #f8f8f8;
}

.selectize-dropdown .option.selected {
  background: #f4f4f4;
}

.selectize-dropdown .option.active {
  background: #f8f8f8;
}

.selectize-dropdown-content {
  max-height: 280px;
}

.selectize-dropdown [data-selectable] .highlight {
  color: #2161c3;
  font-weight: 500;
  background: transparent;
}

.selectize-control .selectize-input.disabled {
  background: #fff;
  opacity: 1;
}
.selectize-control .selectize-input.disabled input {
  opacity: 0.5;
}

.selectize-input .item {
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.selectize-input .item:after {
  content: '';
  background: linear-gradient(270deg, #fff, rgba(255, 255, 255, 0));
  width: 15px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

.selectize-control.single .selectize-input input {
  width: 100% !important;
}

.hidesearch .selectize-input input {
  display: none !important;
}

.hidesearch .selectize-input.not-full input {
  display: block !important;
}

.doubleselect {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #dcdce6;
  border-radius: 3px;
}
.doubleselect input {
  border: 0;
  text-align: right;
}
.doubleselect__item {
  width: 50%;
  position: relative;
  max-height: 54px;
}
.doubleselect__item:first-child:after {
  content: '';
  width: 1px;
  height: 40%;
  background-color: #dcdce6;
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.doubleselect__item .inpword {
  pointer-events: none;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
}
.doubleselect__item .inpword.active {
  color: #3a3f45;
}
.doubleselect__item .form-reset {
  cursor: pointer;
  pointer-events: auto;
  cursor: pointer;
  pointer-events: auto;
  left: 3px !important;
  top: 16px !important;
}
.doubleselect__item .form-reset::after {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%23858A93' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%23858A93' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  width: 20px;
  height: 20px;
  margin: 0 2px 0 0;
  display: block;
  transition: all 200ms ease;
}
.doubleselect__item .mobile-reset {
  position: absolute;
  top: 50% !important;
  height: 25px;
  bottom: 4px;
  left: 4px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-50%);
}
.doubleselect__item:first-child .selectize-input,
.doubleselect__item:first-child .inptext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.doubleselect__item:last-child .selectize-input,
.doubleselect__item:last-child .inptext {
  border-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.irs--flat .irs-line {
  height: 1px;
  background: rgba(255, 255, 255, 0);
}

.irs--flat {
  height: 0;
}

.irs--flat .irs-line {
  top: 0;
}

.irs--flat .irs-bar {
  top: -1px;
  height: 2px;
  background-color: #1b9758;
}

.irs--flat .irs-handle > i:first-child {
  width: 100%;
  background-color: #1b9758;
  border-radius: 50%;
  border: 1px solid #ffffff;
  left: 1px;
  transition: background-color 200ms ease;
}

.irs--flat .irs-handle {
  width: 16px;
  height: 16px;
  top: -8px;
}

.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #0f744a;
}

.range-slider {
  display: none;
}

.inpword {
  color: #858a93;
  position: absolute;
  z-index: 1;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  top: 18px;
  left: 15px;
  font-size: 15px;
  line-height: 100%;
}

.inpright {
  text-align: right;
}

.animopacity {
  transition: all 700ms ease;
}
.animopacity.scrollanim {
  transform: translateY(30px);
  opacity: 0;
}

.modals {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  transform-style: flat;
  perspective: 800px;
  padding: 20px;
}

.modal {
  background: #ffffff;
  border-radius: 3px;
  overflow: hidden;
  flex-direction: column;
  display: none;
  position: relative;
  max-height: 100%;
}
.modal.showmodal {
  -webkit-animation: animModal 300ms;
  animation: animModal 300ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.modal.hidemodal {
  -webkit-animation: animModal 200ms;
  animation: animModal 200ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  animation-direction: reverse;
}

.showall {
  font-size: 18px;
  line-height: 22px;
  color: #858a93;
  text-decoration: none;
  cursor: pointer;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-top: 15px;
  display: flex;
  align-items: center;
}
.showall:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  margin: 0 0 -2px -15px;
  transition: all 200ms ease;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 12.6875L10.3125 8L5.625 3.3125' stroke='%231b9758' stroke-width='2'/%3E%3C/svg%3E%0A");
  order: 2;
  opacity: 0;
}
.showall:after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 12.6875L10.3125 8L5.625 3.3125' stroke='%23858A93' stroke-width='2'/%3E%3C/svg%3E%0A");
  margin: 0 0 -2px 10px;
  transition: all 200ms ease;
}
.showall:hover {
  color: #1b9758;
}
.showall:hover:before {
  transform: translateX(4px);
  opacity: 1;
}
.showall:hover:after {
  transform: translateX(4px);
  opacity: 0;
}

@-webkit-keyframes animModal {
  0% {
    opacity: 0;
    transform: translate(25px, 10px) scale(0.92) rotateX(15deg);
  }
  100% {
    opacity: 1;
  }
}

@keyframes animModal {
  0% {
    opacity: 0;
    transform: translate(25px, 10px) scale(0.92) rotateX(15deg);
  }
  100% {
    opacity: 1;
  }
}
.form__item {
  position: relative;
}
.form__item + .form__item {
  margin-top: 34px;
}
.form__inp {
  color: #3a3f45;
  font-size: 16px;
  line-height: 100%;
  padding: 22px 0 16px;
  width: 100%;
  border: 0;
  border-bottom: 1px solid #a5adbd;
  transition: all 200ms ease;
  position: relative;
  z-index: 1;
  background: rgba(255, 255, 255, 0);
  border-radius: 0;
}
.form__inp:focus {
  border-bottom: 1px solid #3a3f45;
}
.form__inp:focus + .form__label {
  color: #3a3f45;
  font-size: 13px;
  top: 0;
}
.form__inp.error {
  color: #1b9758;
  border-bottom: 1px solid #1b9758;
}
.form__label {
  color: #858a93;
  font-size: 16px;
  line-height: 100%;
  position: absolute;
  left: 0;
  top: 23px;
  transition: all 200ms ease;
}
.form__label.act {
  color: #3a3f45;
  font-size: 13px;
  top: 0;
}
.form__but {
  margin-top: 48px;
  width: 100%;
  padding: 18px;
}
.form__but2 {
  margin-top: 20px;
  margin-bottom: 0;
  width: 100%;
  padding: 18px;
}
.form__agree {
  position: relative;
  margin-top: 30px;
}
.form__checklabel {
  color: #858a93;
  font-size: 14px;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
}
.form__checklabel a {
  color: #5b7398;
}
.form__checklabel a:hover {
  -webkit-text-decoration-color: #5b7398;
  text-decoration-color: #5b7398;
}
.form__error {
  color: #d70c39;
  margin: 12px 0 -16px;
  text-align: center;
  font-size: 13px;
  display: none;
}

.close {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 15px;
  right: 15px;
  background-position: center;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cg clip-path='url(%23clip0_515_33462)'%3E%3Cpath d='M13.7252 27C13.5407 27 13.3563 26.9299 13.2162 26.7887C12.9349 26.5074 12.9349 26.0514 13.2162 25.7701L25.7754 13.211C26.0567 12.9297 26.5127 12.9297 26.794 13.211C27.0753 13.4922 27.0753 13.9483 26.794 14.2297L14.235 26.7887C14.0938 26.929 13.9094 27 13.7252 27Z' fill='%23B3B7BF'/%3E%3Cpath d='M26.2852 27C26.1008 27 25.9166 26.9299 25.7763 26.7887L13.2162 14.2297C12.9349 13.9483 12.9349 13.4922 13.2162 13.211C13.4975 12.9297 13.9535 12.9297 14.235 13.211L26.794 25.7701C27.0753 26.0514 27.0753 26.5074 26.794 26.7887C26.6528 26.929 26.4686 27 26.2852 27Z' fill='%23B3B7BF'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_515_33462'%3E%3Crect width='14' height='14' fill='white' transform='translate(13 13)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transition: background 0.2s ease;
  z-index: 2;
}
.close:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='white'/%3E%3Cg clip-path='url(%23clip0_515_33462)'%3E%3Cpath d='M13.7252 27C13.5407 27 13.3563 26.9299 13.2162 26.7887C12.9349 26.5074 12.9349 26.0514 13.2162 25.7701L25.7754 13.211C26.0567 12.9297 26.5127 12.9297 26.794 13.211C27.0753 13.4922 27.0753 13.9483 26.794 14.2297L14.235 26.7887C14.0938 26.929 13.9094 27 13.7252 27Z' fill='%233A3F45'/%3E%3Cpath d='M26.2852 27C26.1008 27 25.9166 26.9299 25.7763 26.7887L13.2162 14.2297C12.9349 13.9483 12.9349 13.4922 13.2162 13.211C13.4975 12.9297 13.9535 12.9297 14.235 13.211L26.794 25.7701C27.0753 26.0514 27.0753 26.5074 26.794 26.7887C26.6528 26.929 26.4686 27 26.2852 27Z' fill='%233A3F45'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_515_33462'%3E%3Crect width='14' height='14' fill='white' transform='translate(13 13)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.modelblock {
  position: relative;
  color: #fff;
  height: 540px;
  background-size: cover;
}
.modelblock:before {
  content: '';
  position: absolute;
  z-index: 0;
  background: rgba(11, 39, 79, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.modelblock .container {
  position: relative;
  z-index: 1;
  height: 100%;
}
.modelblock__wrap {
  padding: 30px 0 100px;
  max-width: 600px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.modelblock .breadcrumbs__link {
  color: rgba(255, 255, 255, 0.5);
}
.modelblock .breadcrumbs__link:hover {
  color: rgba(255, 255, 255, 0.8);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}
.modelblock .breadcrumbs__act {
  color: #ffffff;
}
.modelblock h1 {
  color: #fff;
  line-height: 140%;
}
.modelblock-inner {
  margin: auto 0 0;
}
.modelblock__buttons {
  display: flex;
}
.modelblock__buttons .but {
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #20252c;
  padding: 19px 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.modelblock__buttons .but:hover {
  color: #fff;
}
.modelblock__buttons .but:active {
  background: #1b9758;
}
.modelblock__buttons .but + .but {
  margin-left: 20px;
}
.modelblock__buttons .buttranparent {
  padding: 17px 35px;
}
.modelblock__pr {
  padding-left: 38px;
  color: #fff;
  background-size: 24px;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
}
.modelblock__pr + .modelblock__pr {
  margin-left: 30px;
}
.modelblock-title {
  margin: 0 0 10px;
}
.modelblock-subtitle {
  color: #fff;
  margin: 0 0 50px;
}

.pr1 {
  background-image: url(/img/procent.svg);
}

.pr2 {
  background-image: url(/img/place.svg);
}

.buttranparent {
  background: rgba(255, 255, 255, 0);
  border: 1px solid #fff;
}
.buttranparent:hover {
  background: rgba(255, 255, 255, 0.1);
}

.textd {
  text-decoration: underline;
}

.salon {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.salon__wrapper {
  position: absolute;
  left: 16%;
  top: 0;
  max-width: 402px;
  max-height: 630px;
  width: 100%;
  background-color: #fff;
  z-index: 2;
  overflow-y: auto;
  height: 100%;
}
.salon__item {
  border: 1px solid #ebeef4;
  border-bottom: none;
}
.salon__item:last-child {
  border-bottom: 1px solid #ebeef4;
}
.salon__item:first-child .salon__inner {
  display: block;
}
.salon__title {
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #20252c;
  padding: 15px 74px 15px 20px;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* .salon__title:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 26px;
  transform: translateY(-50%);
  background-image: url('/img/map_down.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  transition: all 200ms ease;
} */
/* .salon__title.act {
  border-bottom: 1px solid #ebeef4;
  background-color: #fbfbfb;
}
.salon__title.act:before {
  transform: translateY(-50%) rotate(180deg);
} */
.salon__inner {
  /* padding: 20px 20px 28px 28px; */
  padding: 15px 20px 10px 28px;
  height: 100%;
  /* display: none; */
}
.salon__logo {
  display: flex;
  align-items: center;
  margin: 0 0 18px 0;
}
.salon__logoimg {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 60px;
  height: 60px;
  margin: 0 11px 0 0;
  display: flex;
  align-items: center;
}
.salon__logoimg img {
  width: 100%;
}
.salon__name {
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  color: #20252c;
}
.salon__text {
  color: #3a3f45;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  position: relative;
  padding: 0 0 0 38px;
  display: block;
}
.salon__text:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
.salon__text + .salon__text {
  margin-top: 26px;
}
.salon__address:before {
  background-image: url('/img/address-marker.svg');
}
.salon__phone {
  text-decoration: none;
}
.salon__phone:hover {
  color: #3a3f45;
}
.salon__phone:before {
  background-image: url('/img/address-phone.svg');
}
.salon__worktime:before {
  background-image: url('/img/address-clock.svg');
}
.salon__map {
  width: 100%;
  height: 540px;
}

.custom-select {
  position: relative;
}
.custom-select__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom-select__item:first-child {
  justify-content: flex-start;
  padding: 15px 14px;
}
.custom-select__field {
  background: #ffffff;
  border: 1px solid #dcdce6;
  box-sizing: border-box;
  border-radius: 3px;
  overflow: hidden;
  max-height: 54px;
}
.custom-select__field.selectarr {
  position: relative;
}
.custom-select__field.selectarr.active:after {
  transform: translateY(-50%) rotate(-180deg);
}
.custom-select__field.selectarr:after {
  content: '';
  background-image: url('../img/arr_bottom.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 12px;
  height: 7px;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease;
}
.custom-select__auto {
  display: flex;
  align-items: center;
  gap: 10px;
}
.custom-select__auto img {
  margin: 0 10px 0 0;
}
.custom-select__dropdown {
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.08);
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #dcdce6;
  margin: 6px 0 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  overflow: hidden;
  display: none;
  z-index: 5;
}
.custom-select__dropdown:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 23px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    #ffffff 53.33%
  );
  bottom: 0;
  left: 0;
  display: block;
}
.custom-select__items {
  overflow: auto;
  max-height: 500px;
  padding: 0 0 10px;
}
.custom-select__item {
  padding: 10px 14px;
  transition: background 200ms ease;
  cursor: pointer;
}
.custom-select__item:hover {
  background-color: #f5f5f5;
}
.custom-select__count {
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  color: #b3b7bf;
  margin: 0 0 0 10px;
}
.custom-select__input {
  padding: 17px 35px 17px 14px;
  width: 100%;
  border: 0;
  cursor: pointer;
}
.custom-select__input::-moz-placeholder {
  font-size: 16px;
  color: #3a3f45;
}
.custom-select__input:-ms-input-placeholder {
  font-size: 16px;
  color: #3a3f45;
}
.custom-select__input::placeholder {
  font-size: 16px;
  color: #3a3f45;
}
.custom-select__input:focus::-moz-placeholder {
  color: #858a93;
}
.custom-select__input:focus:-ms-input-placeholder {
  color: #858a93;
}
.custom-select__input:focus::placeholder {
  color: #858a93;
}

.filter-inner {
  padding: 50px 60px;
  background-color: #f4f4f4;
  border-radius: 10px;
  margin: 30px 0;
}
.filter-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 10px;
}
.filter-items__show {
  padding: 7px 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #4e5359;
  text-align: center;
  cursor: pointer;
  display: none;
  transition: color 0.2s ease;
  flex-direction: column;
  align-items: center;
}
.filter-items__show:hover {
  color: #1b9758;
}
.filter-items__show.active {
  flex-direction: column-reverse;
}
.filter-items__show.active:after {
  transform: translateY(8px) rotate(180deg);
}
.filter-items__show.active:hover::after {
  transform: translateY(3px) rotate(180deg);
}
.filter-items__show:after {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L8 11.5L12.5 7' stroke='%23757575' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: -5px auto 0;
  transition: transform 0.2s ease;
}
.filter-items__show:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 7L8 11.5L12.5 7' stroke='%231b9758' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  transform: translateY(3px);
}
.filter-item select {
  max-height: 54px;
  color: #4e5359;
  padding: 14px;
}
.filter-item .doubleselect__item {
  display: flex;
  background-color: #fff;
  align-items: center;
}
.filter-item .doubleselect input {
  padding-right: 5px;
}
.filter-extended {
  margin: 40px 0 0;
  display: none;
}
.filter-extended__selected-items {
  width: calc(100% + 34px);
  margin: 0 0 0 -17px;
  padding: 10px 17px 0;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #dcdce6;
}
.filter-extended__selected-items .filter-extended__item:after {
  content: none;
}
.filter-extended__selected-items .filter-extended__item:before {
  content: none;
}
.filter-extended__selected-items .filter-extended__item-text span {
  position: static;
}
.filter-extended__selected-items .filter-extended__item {
  margin: 0 10px 10px 0;
}
.filter-extended__selected-count {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #1b9758;
  border-radius: 5px;
  padding: 5px 13px;
  color: #fff;
  font-size: 14px;
  margin: -5px 0 0;
  display: inline-flex;
  align-items: center;
}
.filter-extended__selected-delete {
  content: ' ';
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%23FFFFFF' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%23FFFFFF' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  width: 19px;
  height: 19px;
  margin: 0 -8px -2px 4px;
  display: block;
  transition: all 200ms ease;
}
.filter-extended__selected-delete:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%23d5d5d5' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%23d5d5d5' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.filter-extended__header {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #20252c;
  margin: 0 0 20px;
}
.filter-extended__items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 10px;
}
.filter-extended__item {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: 1px solid #dcdce6;
  box-sizing: border-box;
  border-radius: 3px;
  padding: 14px;
  font-weight: normal;
  font-size: 15px;
  line-height: 100%;
  color: #858a93;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.filter-extended__item:before {
  content: ' ';
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33331 7.32159L3.63216 9.6608L5.93101 12L14.6666 3.11111' stroke='%231b9758' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 10px;
  top: 7px;
  z-index: 2;
  opacity: 0;
  transition: opacity 0.2s ease;
}
.filter-extended__item:hover,
.filter-extended__item.goodmark {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);
}
.filter-extended__item.goodmark {
  border-color: #fff;
  color: #20252c;
}
.filter-extended__item.goodmark svg path,
.filter-extended__item.goodmark svg line,
.filter-extended__item.goodmark svg rect {
  stroke: #1b9758;
}
.filter-extended__item.goodmark svg rect {
  fill: #1b9758;
}
.filter-extended__item.goodmark::before {
  opacity: 1;
}
.filter-extended__item:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(
    270deg,
    #ffffff 57.81%,
    rgba(255, 255, 255, 0) 100%
  );
}
.filter-extended__item-img {
  min-width: 34px;
  height: 52px;
  padding: 14px 10px 14px 14px;
  background: linear-gradient(90deg, #ffffff 74%, rgba(255, 255, 255, 0) 97%);
  z-index: 2;
  margin: -14px 0px -14px -15px;
}
.filter-extended__item-text {
  white-space: nowrap;
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  height: 15px;
}
.filter-extended__item-text.hoverable {
  -webkit-animation: textRunner 4s ease infinite;
  animation: textRunner 4s ease infinite;
}
.filter-extended__item-text span {
  position: absolute;
  left: 0;
  transition: all 200ms ease;
}
.filter-extended__item-delete-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%231b9758' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%231b9758' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  min-width: 19px;
  height: 19px;
  margin: 0 -4px -1px 5px;
  display: block;
  transition: all 200ms ease;
}
.filter-control {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 10px;
  margin: 30px 0 0;
}
.filter-control__extended-btn {
  display: flex;
  align-items: center;
}
.filter-control__extended-mobile {
  display: none;
  margin: 20px 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.filter-control__save {
  grid-column: 3;
  justify-self: flex-end;
  align-self: center;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  color: #4e5359;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.filter-control__save:hover {
  color: #20252c;
}
.filter-control__save:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7893 10.1173C17.7893 14.0203 14.6254 17.1842 10.7224 17.1842C6.81944 17.1842 3.65547 14.0203 3.65547 10.1173C3.65547 6.21434 6.81944 3.05037 10.7224 3.05037C14.6254 3.05037 17.7893 6.21434 17.7893 10.1173Z' stroke='%2320252C' stroke-width='1.6'/%3E%3Cline x1='15.4529' y1='14.9504' x2='21.3145' y2='20.8121' stroke='%2320252C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.filter-control__save:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7893 10.1173C17.7893 14.0203 14.6254 17.1842 10.7224 17.1842C6.81944 17.1842 3.65547 14.0203 3.65547 10.1173C3.65547 6.21434 6.81944 3.05037 10.7224 3.05037C14.6254 3.05037 17.7893 6.21434 17.7893 10.1173Z' stroke='%23858A93' stroke-width='1.6'/%3E%3Cline x1='15.4529' y1='14.9504' x2='21.3145' y2='20.8121' stroke='%23858A93' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  display: block;
  transition: background 0.2s ease;
}
.filter-control__clear {
  grid-column: 4;
  align-self: center;
  font-size: 15px;
  line-height: 100%;
  text-align: right;
  color: #858a93;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 15px 20px;
  transition: all 200ms ease;
}
.filter-control__clear:hover {
  color: #4e5359;
}
.filter-control__clear:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%234E5359' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%234E5359' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.filter-control__clear:before {
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='5.56569' y1='5.43431' x2='18.5657' y2='18.4343' stroke='%23858A93' stroke-width='1.6'/%3E%3Cline x1='18.5657' y1='5.56569' x2='5.56569' y2='18.5657' stroke='%23858A93' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin: 0 2px 0 0;
  display: block;
  transition: all 200ms ease;
}
.filter-control__search {
  width: 100%;
  grid-column: 5;
  margin: 0;
  padding: 19px 20px;
}
.filter-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  transform: translateY(-100%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.filter-fixed.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.filter-fixed__inner {
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 10px 10px;
  padding: 20px 60px;
  position: relative;
}
.filter-fixed__wrap {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px 10px;
}
.filter-fixed__show-full {
  align-items: center;
  justify-content: center;
  display: flex;
}
.filter-fixed__hidden {
  display: none;
}
.filter-fixed__extended {
  display: none;
}
.filter-fixed__controll {
  display: none;
}
.filter-fixed__tail {
  width: 63px;
  height: 27px;
  background-color: #fff;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.1);
  border-radius: 0px 0px 10px 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.75 15.75L12 9L5.25 15.75' stroke='%23757575' stroke-width='1.5'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  display: none;
  cursor: pointer;
}

.new-cars {
  overflow: hidden;
  position: relative;
}
.new-cars__inner {
  position: relative;
}
.new-cars__slider {
  overflow: visible;
  display: flex;
}
.new-cars__slider .swiper-button-next {
  right: 0;
}
.new-cars__slider .swiper-button-prev {
  left: 0;
}
.new-cars__card {
  overflow: hidden;
  position: relative;
  border-radius: 4px;
  display: block;
  text-decoration: none;
  max-width: 309px;
}
.new-cars__card:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    360deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0) 44.66%
  );
  transition: opacity 0.4s ease;
  opacity: 1;
}
.new-cars__card:hover:after {
  opacity: 0.4;
}
.new-cars__card-info {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  color: #fff;
  padding: 25px;
  width: 100%;
}

.new-cars__card-footer {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  color: #fff;
  padding: 15px;
  width: 100%;
  transition: all 0.4s;
}
.new-cars__card-name {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  margin: 0 0 3px;
}
.new-cars__card-price {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
}
.new-cars__card-img {
  position: relative;
  width: 100%;
}
.new-cars__card-img:after {
  content: '';
  display: block;
  padding-top: 99%;
}
.new-cars__card-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.cars-catalog__wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 30px;
}

.cars-catalog__wrap.naves-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 80px 30px;
}
.cars-catalog__title {
  margin: 0 0 50px;
}
.cars-catalog__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 40px;
}
.cars-catalog__sort-select {
  margin: 0 0 0 14px;
  max-width: 250px;
  width: 100%;
}
.cars-catalog__sort-select select,
.cars-catalog__sort-select .selectize-control,
.cars-catalog__sort-select .selectize-input {
  width: 250px;
}
.cars-catalog__sort-select .selectize-input {
  padding: 12px 35px 12px 14px;
}
.cars-catalog__sort-select .selectize-input .item:after {
  content: none;
}
.cars-catalog__sort-select .selectize-input.has-items > input {
  display: none !important;
}
.cars-catalog__sort,
.cars-catalog__show {
  display: flex;
  align-items: center;
}
.cars-catalog__sort-text,
.cars-catalog__show-text {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #858a93;
}
.cars-catalog__show-items {
  margin: 0 0 0 14px;
  display: flex;
}
.cars-catalog__show-item {
  min-width: 46px;
  min-height: 44px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #858a93;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
  border-radius: 3px;
}
.cars-catalog__show-item.act {
  color: #1b9758;
  background-color: #f4f4f4;
}
.cars-catalog__show-item + .cars-catalog__show-item {
  margin: 0 0 0 4px;
}
.cars-card {
  cursor: default;
}
.cars-card.no-event {
  pointer-events: none;
}
.cars-card:hover,
.cars-card__wrap:hover {
  z-index: 5;
}
.cars-card:hover .cars-card__inner,
.cars-card__wrap:hover .cars-card__inner {
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.12);
}
.cars-card__inner {
  transition: box-shadow 0.5s ease;
}
.cars-card__control {
  display: none;
  /* display: flex; */
  position: absolute;
  top: 0;
  right: 0;
  margin: 10px 10px 0;
  z-index: 4;
}
.cars-card__control-icon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: rgba(243, 243, 243, 0.75);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 20px;
  transition: background 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}
.cars-card__control-icon:hover,
.cars-card__control-icon.active {
  background-color: #ffffff;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);
}
.cars-card__control-icon + .cars-card__control-icon {
  margin: 0 0 0 10px;
}
.cars-card__control-share {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.5046' cy='5.32349' r='2.02349' stroke='%233A3F45' stroke-width='1.6'/%3E%3Cpath d='M6.1165 10.1637C6.1165 11.2812 5.21056 12.1872 4.09302 12.1872C2.97548 12.1872 2.06953 11.2812 2.06953 10.1637C2.06953 9.04616 2.97548 8.14021 4.09302 8.14021C5.21056 8.14021 6.1165 9.04616 6.1165 10.1637Z' stroke='%233A3F45' stroke-width='1.6'/%3E%3Ccircle cx='13.5046' cy='14.7351' r='2.02349' stroke='%233A3F45' stroke-width='1.6'/%3E%3Cline x1='11.5924' y1='6.63597' x2='6.12264' y2='9.52277' stroke='%233A3F45' stroke-width='1.6'/%3E%3Cline y1='-0.8' x2='5.64697' y2='-0.8' transform='matrix(0.884385 0.466758 0.466759 -0.884385 6.37869 10.4999)' stroke='%233A3F45' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.cars-card__control-favorite {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 5.34242L9.39944 5.87092C9.55131 6.04351 9.7701 6.14242 10 6.14242C10.2299 6.14242 10.4487 6.04351 10.6006 5.87092L10 5.34242ZM5.26075 12.9922L4.70672 13.5693L5.26075 12.9922ZM10 17.2952L9.41516 17.841C9.56646 18.0031 9.77826 18.0952 10 18.0952C10.2218 18.0952 10.4335 18.0031 10.5849 17.841L10 17.2952ZM14.7393 12.9922L14.1852 12.4151L14.7393 12.9922ZM10.6006 4.81392C10.0844 4.22739 9.1732 3.5053 8.02738 3.14494C6.85047 2.7748 5.42585 2.79075 4.00324 3.71544L4.87522 5.05695C5.84315 4.4278 6.76065 4.42382 7.54736 4.67124C8.36516 4.92843 9.03904 5.46138 9.39944 5.87092L10.6006 4.81392ZM4.00324 3.71544C2.55395 4.65748 1.77146 6.2555 1.85452 8.06078C1.93701 9.85366 2.86319 11.7995 4.70672 13.5693L5.81478 12.4151C4.19202 10.8572 3.51217 9.27697 3.45283 7.98724C3.39406 6.70991 3.93395 5.66877 4.87522 5.05695L4.00324 3.71544ZM4.70672 13.5693C5.91495 14.7292 6.97087 15.6648 7.79088 16.3822C8.63576 17.1214 9.17264 17.5812 9.41516 17.841L10.5848 16.7493C10.2696 16.4115 9.63211 15.8672 8.84444 15.1781C8.03191 14.4672 6.99709 13.5501 5.81478 12.4151L4.70672 13.5693ZM10.6006 5.87092C10.961 5.46138 11.6349 4.92843 12.4527 4.67124C13.2394 4.42382 14.1569 4.4278 15.1248 5.05695L15.9968 3.71544C14.5742 2.79075 13.1495 2.7748 11.9726 3.14494C10.8268 3.5053 9.91557 4.22739 9.39944 4.81392L10.6006 5.87092ZM15.1248 5.05695C16.0661 5.66877 16.606 6.70991 16.5472 7.98724C16.4878 9.27697 15.808 10.8572 14.1852 12.4151L15.2933 13.5693C17.1368 11.7995 18.063 9.85366 18.1455 8.06078C18.2286 6.2555 17.4461 4.65748 15.9968 3.71544L15.1248 5.05695ZM14.1852 12.4151C13.0029 13.5501 11.9681 14.4672 11.1556 15.1781C10.3679 15.8672 9.73044 16.4115 9.41516 16.7493L10.5849 17.841C10.8274 17.5812 11.3643 17.1214 12.2091 16.3822C13.0291 15.6648 14.0851 14.7292 15.2933 13.5693L14.1852 12.4151Z' fill='%233A3F45'/%3E%3C/svg%3E%0A");
}
.cars-card__control-favorite:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43923 4.3862C6.82978 2.83234 9.12347 4.34636 10 5.34242C10.8765 4.34636 13.1702 2.83234 15.5608 4.3862C17.9513 5.94006 18.2056 9.66452 14.7393 12.9922C12.3487 15.2871 10.5578 16.6975 10 17.2952C9.44221 16.6975 7.6513 15.2871 5.26075 12.9922C1.79446 9.66452 2.04868 5.94006 4.43923 4.3862Z' fill='%2320252C'/%3E%3C/svg%3E%0A");
}
.cars-card__control-favorite.active {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.43923 4.3862C6.82978 2.83234 9.12347 4.34636 10 5.34242C10.8765 4.34636 13.1702 2.83234 15.5608 4.3862C17.9513 5.94006 18.2056 9.66452 14.7393 12.9922C12.3487 15.2871 10.5578 16.6975 10 17.2952C9.44221 16.6975 7.6513 15.2871 5.26075 12.9922C1.79446 9.66452 2.04868 5.94006 4.43923 4.3862Z' fill='%231b9758'/%3E%3C/svg%3E%0A");
}
.cars-card__control-compare {
  position: relative;
}
.cars-card__control-compare span {
  position: absolute;
  width: 2px;
  height: 16px;
  left: 15px;
  bottom: 8px;
  transform: translateX(-50%);
  background-color: #3a3f45;
  transition: all 0.3s ease;
}
.cars-card__control-compare span:nth-child(1) {
  left: 9px;
  height: 8px;
}
.cars-card__control-compare span:nth-child(3) {
  left: 21px;
  height: 11px;
}
.cars-card__control-compare.active span {
  background-color: #1b9758;
  transform: translateX(-50%) rotate(-45deg);
  left: 15px;
  bottom: 7px;
}
.cars-card__control-compare.active span:nth-child(1) {
  left: 15px;
  height: 16px;
  opacity: 0;
}
.cars-card__control-compare.active span:nth-child(3) {
  left: 14px;
  height: 16px;
  transform: rotate(45deg);
}
.cars-card__icon {
  width: 24px;
  height: 24px;
}
.cars-card__top {
  position: relative;
}
.cars-card__images {
  position: relative;
  border-radius: 5px 5px 0 0;
  display: block;
  overflow: hidden;
  bottom: auto;
  height: 100%;
  z-index: 1;
}
.cars-card__images-inner {
  bottom: 0;
  display: flex;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cars-card__images-inner:hover .cars-card__column-btn {
  opacity: 1;
}
.cars-card__images:after {
  content: '';
  display: block;
  padding-top: 66.6666%;
}
.cars-card__column {
  align-items: flex-end;
  display: flex;
  flex: 1;
  height: 100%;
  position: static;
}
.cars-card__column-btn {
  bottom: 7px;
  flex: 1;
  min-height: 3px;
  position: relative;
  transition: opacity 0.2s;
  z-index: 4;
  opacity: 0;
}
.cars-card__column-btn:after {
  background: rgba(255, 255, 255, 0.5);
  bottom: 2px;
  content: '';
  height: 3px;
  position: absolute;
  top: 1px;
  border-radius: 1px;
  transition: background-color 0.2s;
  width: 80%;
  left: 50%;
  transform: translateX(-50%);
}
.cars-card__column .cars-card__img-wrapper {
  opacity: 0;
}
.cars-card__column:hover .cars-card__img-wrapper,
.cars-card__column:first-child .cars-card__img-wrapper {
  opacity: 1;
}
.cars-card__column:hover .cars-card__column-btn:after {
  background-color: #1b9758;
}
.cars-card__img,
.cars-card__img-wrapper {
  border: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  width: 100%;
}
.cars-card__img-wrapper {
  bottom: 0;
  overflow: hidden;
  right: 0;
  top: 0;
  z-index: -2;
}
.cars-card__img img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.15s;
  width: 100%;
}
.cars-card__img-text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #ffffff;
}
.cars-card__img-text span {
  max-width: 58px;
}
.cars-card__inner {
  border: 1px solid #f4f4f4;
  border-radius: 5px;
}
.cars-card__info {
  padding: 25px;
  border-radius: 0 0 5px 5px;
  border-top: 0;
  background-color: #fff;
  overflow: hidden;
}
.cars-card__name {
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  color: #20252c;
  margin: 0 0 14px;
  transition: color 0.2s ease;
  display: block;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  height: 27px;
}
.cars-card__name span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transition: margin 2s ease;
}
.cars-card__name:after {
  content: '';
  display: block;
  width: 80px;
  height: 100%;
  background: linear-gradient(
    270deg,
    #ffffff 32.91%,
    rgba(255, 255, 255, 0) 87.34%
  );
  position: absolute;
  right: -25px;
  top: 0;
}
.cars-card__name:hover {
  color: #1b9758;
}
.cars-card__name:active {
  color: #0f744a;
}
.cars-card__price {
  font-weight: bold;
  font-size: 22px;
  line-height: 100%;
  color: #20252c;
  margin: 0 0 22px;
  display: flex;
  align-items: center;
}
.cars-card__price-current.discont-price {
  color: #1b9758;
  margin: 0 22px 0 0;
}
.cars-card__price-oldprice {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #858a93;
}
.cars-card__oldprice {
  font-weight: 600;
  font-size: 15px;
  line-height: 20px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #858a93;
  margin: 0 0 0 22px;
}
.cars-card__description {
  font-weight: normal;
  font-size: 14px;
  line-height: 150%;
  color: #858a93;
  margin: 0 0 25px;
}
.cars-card__icons {
  display: none;
  /* display: flex; */
  align-items: center;
  margin: 0 0 16px;
}
.cars-card__icon + .cars-card__icon {
  margin: 0 0 0 16px;
}
.cars-card__place {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #4e5359;
}
.cars-card__btn {
  margin: 16px 0 0;
  display: none;
  transition: all 0.3s ease;
  border: 2px solid #1b9758;
  color: #1b9758;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 12px 20px;
  opacity: 0;
}
.cars-card__btn.active {
  opacity: 1;
}
.cars-card__btn:hover {
  background-color: #1b9758;
  color: #fff;
}
.cars-card__btn:active {
  background-color: #0f744a;
}
.cars-card__all {
  padding: 34px;
  background: #ffffff;
  border-radius: 5px;
  border: 2px solid #e7e7e7;
  display: block;
  text-decoration: none;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow 0.2s ease;
}
.cars-card__all:hover .cars-card__all-link {
  color: #1b9758;
}
.cars-card__all-top {
  color: #20252c;
  margin: 0 0 32px;
}
.cars-card__all-text {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  margin: 0 0 -5px;
}
.cars-card__all-count {
  font-weight: bold;
  font-size: 70px;
  line-height: 100%;
}
.cars-card__all-text2 {
  font-weight: bold;
  font-size: 26px;
  line-height: 35px;
  margin: -8px 0 0;
}
.cars-card__all-link {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #4e5359;
  display: flex;
  align-items: flex-start;
  margin: 0 0 18px;
  transition: color 0.2s ease;
}
.cars-card__all-link:before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7718 23.7715V8.2287M23.7718 8.2287H8.22876M23.7718 8.2287L8.22876 23.7718' stroke='%231b9758' stroke-width='3'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 32px;
  height: 32px;
  margin: 0 12px 0 0;
}
.cars-card__all-img {
  margin: auto 0 0;
}

@-webkit-keyframes beCloseAnime {
}

@keyframes beCloseAnime {
}
.service-row {
  display: flex;
  justify-content: space-between;
}
.service-items {
  display: flex;
  flex-wrap: wrap;
  margin: -15px;
}
.service-item {
  margin: 15px;
  border-radius: 5px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  position: relative;
}
.service-item:hover .service-item__angle {
  left: -245px;
  bottom: -245px;
  background-color: #1b9758;
  border-radius: 50%;
}
.service-item:hover .service-item__angle:after {
  opacity: 1;
}
.service-item__angle {
  position: absolute;
  left: -290px;
  bottom: -290px;
  width: 360px;
  height: 360px;
  background-color: #1b9758;
  transform: rotate(45deg);
  transition: all 0.3s ease;
}
.service-item__angle:after {
  content: '';
  width: 32px;
  height: 32px;
  position: absolute;
  display: block;
  left: 49%;
  top: 0;
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.7717 23.7713V8.22852M23.7717 8.22852H8.22858M23.7717 8.22852L8.22858 23.7716' stroke='white' stroke-width='3'/%3E%3C/svg%3E%0A");
  transform: rotate(315deg) translateX(-50%);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.service-item__img {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.service-item__img.graybg {
  background-color: #eaeaea;
}
.service-item__img.purplebg {
  background: linear-gradient(180deg, #d5b4ef 0%, rgba(213, 180, 239, 0) 100%);
}
.service-item__img.orangebg {
  background-color: #f8c254;
}
.service-item__img.darkbluebg {
  background-color: #445165;
}
.service-item__img img {
  -o-object-fit: cover;
  object-fit: cover;
}
.service-item__title {
  font-weight: bold;
  font-size: 28px;
  line-height: 36px;
  color: #20252c;
  margin: 0 0 11px;
}
.service-item__subtitle {
  font-weight: normal;
  font-size: 15px;
  line-height: 140%;
  color: #4e5359;
  max-width: 250px;
}
.service-item__text {
  position: absolute;
  left: 0;
  top: 0;
  padding: 40px;
  width: 100%;
  z-index: 2;
}
.service-item__text.light-text > * {
  color: #ffffff;
}

.choise-inner {
  display: grid;
  grid-template-columns: 380px 1fr;
  gap: 70px;
}
.choise-left {
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #20252c;
}
.choise-left span {
  color: #1b9758;
}
.choise-right__title {
  font-weight: 600;
  font-size: 28px;
  line-height: 38px;
  color: #20252c;
  margin: 0 0 55px;
  max-width: 650px;
}
.choise-right__columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
}
.choise-right__column li {
  padding: 0;
  font-size: 16px;
  line-height: 22px;
}

.middle-block__slider {
  overflow: hidden;
}
.middle-block__slider-next {
  right: -25px;
}
.middle-block__slider-prev {
  left: -25px;
}
.middle-block__slider-next,
.middle-block__slider-prev {
  width: 50px;
  height: 50px;
}
.middle-block__slider-next:before,
.middle-block__slider-prev:before {
  width: 50px;
  height: 50px;
}
.middle-block__slider-pagination.swiper-pagination {
  margin: 0 0 14px;
  bottom: 0;
}
.middle-block__slider-pagination.swiper-pagination .swiper-pagination-bullet {
  background-color: #b3b7bf;
  height: 3px;
  width: 28px;
  opacity: 0.3;
  border-radius: 5px;
}
.middle-block__slider-pagination.swiper-pagination
  .swiper-pagination-bullet:before {
  content: none;
}
.middle-block__slider-pagination.swiper-pagination
  .swiper-pagination-bullet-active {
  opacity: 1;
}
.middle-block__inner {
  position: relative;
}

.show-more-btn {
  color: #4e5359;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  padding: 16px 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #f2f5f8;
}
.show-more-btn:hover {
  background-color: #1b9758;
  color: #fff;
}
.show-more-btn:active {
  background-color: #0f744a;
}

.pagination {
  display: flex;
}

.recently-view__load {
  margin: 60px auto 0;
}

.cars-catalog__advantages-wrap {
  max-width: 875px;
}
.cars-catalog__advantages-title {
  max-width: 600px;
}
.cars-catalog__advantages-text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #3a3f45;
}
.cars-catalog__advantages-text + .cars-catalog__advantages-text {
  margin: 16px 0 0;
}
.cars-catalog__advantages-list {
  margin: 40px 0 0;
}
.cars-catalog__advantages-list strong {
  display: block;
  margin: 0 0 20px;
  font-weight: bold;
  font-size: 26px;
  line-height: 36px;
}
.cars-catalog__advantages-list li {
  padding: 0;
}
.cars-catalog__advantages-hidden {
  display: none;
}

.auto {
  margin: 30px 0 160px;
}
.auto .breadcrumbs {
  margin: 0 0 40px;
}
.auto-main {
  display: grid;
  grid-template-columns: calc(100% - 565px) 450px;
  gap: 0 115px;
  overflow: hidden;
}
.auto-slider {
  grid-area: 1/1/8/2;
}
.auto-slider__pagination {
  display: none;
}
.auto-slider__wrap {
  position: relative;
  overflow: hidden;
}
.auto-slider__wrap .swiper-button-prev,
.auto-slider__wrap .swiper-button-next {
  width: 45px !important;
  height: 45px !important;
}
.auto-slider__wrap .swiper-button-prev:before,
.auto-slider__wrap .swiper-button-next:before {
  width: inherit !important;
  height: inherit !important;
}
.auto-slider__wrap .swiper-button-prev {
  left: 0;
}
.auto-slider__wrap .swiper-button-next {
  right: 0;
}
.auto-slider__increase {
  position: absolute;
  z-index: 10;
  right: 26px;
  top: 26px;
  width: 42px;
  height: 42px;
  background: #ffffff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_305_15989)'%3E%3Cpath d='M14.7941 9.15778L21.1581 2.79382M21.1581 2.79382L14.3698 2.79382M21.1581 2.79382L21.1581 9.58205' stroke='%23858A93' stroke-width='1.5'/%3E%3Cpath d='M9.15813 9.15778L2.79417 2.79382M2.79417 2.79382H9.5824M2.79417 2.79382V9.58205' stroke='%23858A93' stroke-width='1.5'/%3E%3Cpath d='M9.15827 14.7945L2.79431 21.1585M2.79431 21.1585L2.79431 14.3702M2.79431 21.1585L9.58254 21.1585' stroke='%23858A93' stroke-width='1.5'/%3E%3Cpath d='M14.794 14.7945L21.1579 21.1585M21.1579 21.1585L21.1579 14.3702M21.1579 21.1585L14.3697 21.1585' stroke='%23858A93' stroke-width='1.5'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_305_15989'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-position: center;
  background-size: 24px;
  background-repeat: no-repeat;
  opacity: 0;
  transition: all 200ms ease;
  pointer-events: none;
}
.auto-slider__increase:hover {
  background-size: 28px;
}
.auto-slider__video {
  pointer-events: none;
}
.auto-slider__video.active {
  pointer-events: auto;
}
.auto-slider__item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}
.auto-slider__item iframe ~ .auto-slider__increase {
  display: none;
}
.auto-slider__item:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.auto-slider__item:hover .auto-slider__increase {
  opacity: 1;
}
.auto-slider__item:hover:after {
  opacity: 0.2;
}
.auto-slider__item:before {
  content: '';
  display: block;
  padding-top: 66.6%;
}
.auto-slider__item img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}
.auto-slider__navigation {
  margin: 40px 0 0;
}
.auto-slider__navigation-wrap {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 12px 13px;
}
.auto-slider__navigation-text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 37, 44, 0.5);
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.auto-slider__navigation-text span {
  max-width: 85px;
}
.auto-slider__navigation-item {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
}
.auto-slider__navigation-item.active {
  border-color: #1b9758;
}
.auto-slider__navigation-item:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #20252c;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.auto-slider__navigation-item:hover:before {
  opacity: 0.4;
}
.auto-name {
  grid-area: 1/2/2/3;
}
.auto-name .cars-card__control-icon {
  width: 40px;
  height: 40px;
  background-size: 25px;
}
.auto-name .cars-card__control-compare span:nth-child(1) {
  left: 12px;
  height: 9px;
}
.auto-name .cars-card__control-compare span {
  height: 20px;
  left: 20px;
  bottom: 11px;
}
.auto-name .cars-card__control-compare span:nth-child(3) {
  left: 28px;
  height: 14px;
}
.auto-name .cars-card__control-compare.active span {
  left: 20px;
  bottom: 9px;
}
.auto-name .cars-card__control-compare.active span:nth-child(3) {
  left: 19px;
  height: 20px;
}
.auto-name__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 420px;
}
.auto-name__control {
  display: flex;
  align-items: center;
}
.auto-name__views {
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #b3b7bf;
  display: flex;
  align-items: center;
}
.auto-name__views:before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9906 5.3418C7.25758 5.3418 3.09492 7.84584 0.710806 11.6085C0.639791 11.7219 0.602051 11.853 0.602051 11.9867C0.602051 12.1205 0.639793 12.2516 0.710806 12.365C3.09534 16.1255 7.25885 18.6316 11.9906 18.6316C16.7224 18.6316 20.8855 16.1263 23.2705 12.365C23.3415 12.2516 23.3792 12.1205 23.3792 11.9867C23.3792 11.853 23.3415 11.7219 23.2705 11.6085C20.8861 7.84554 16.7241 5.3418 11.9906 5.3418ZM11.9906 6.76574C16.0568 6.76574 19.6248 8.83393 21.7945 11.9865C19.6243 15.1362 16.055 17.2074 11.9906 17.2074C7.92629 17.2074 4.3569 15.1365 2.18679 11.9865C4.35643 8.83364 7.92459 6.76574 11.9906 6.76574ZM11.9906 7.95229C9.77099 7.95229 7.95642 9.76686 7.95642 11.9865C7.95642 14.2062 9.77099 16.0207 11.9906 16.0207C14.2103 16.0207 16.0249 14.2062 16.0249 11.9865C16.0249 9.76686 14.2103 7.95229 11.9906 7.95229ZM11.9906 9.37606C13.4407 9.37606 14.6011 10.5365 14.6011 11.9865C14.6011 13.4366 13.4407 14.597 11.9906 14.597C10.5405 14.597 9.38015 13.4366 9.38015 11.9865C9.38015 10.5365 10.5405 9.37606 11.9906 9.37606Z' fill='%23B3B7BF'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 10px 0 0;
}
.auto-name__title {
  font-weight: bold;
  font-size: 34px;
  line-height: 46px;
  margin: 16px 0 10px;
}
.auto-name__info {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  color: #3a3f45;
}
.auto-info {
  grid-area: 2/2/8/3;
  margin: 40px 0 0;
}
.auto-info__price {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 34px;
  line-height: 100%;
  color: #20252c;
  margin: 0 0 40px;
}
.auto-info__price.discont,
.auto-info__price-current.discont {
  color: #1b9758;
  margin: 0 40px 0 0;
}
.auto-info__price-old {
  font-weight: 600;
  font-size: 22px;
  line-height: 30px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #858a93;
}
.auto-info__stikers {
  display: flex;
  align-items: center;
}
.auto-info__consult {
  margin: 30px 0 0;
}
.auto-info__reserve {
  margin: 20px 0 0;
}
.auto-info__row {
  max-width: 310px;
}
.auto-info__consult,
.auto-info__reserve {
  padding: 18px 20px;
}
.auto-info__place {
  margin: 50px 0 40px;
}
.auto-info__place-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #3a3f45;
  margin: 0 0 12px;
}
.auto-info__place-address {
  font-size: 14px;
  line-height: 19px;
  color: #3a3f45;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.auto-info__place-address:before {
  content: ' ';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0C6.37987 0 2.62109 3.75878 2.62109 8.37891C2.62109 11.3615 3.52838 12.5575 7.88825 18.3051C8.64505 19.3028 9.50288 20.4336 10.4844 21.7422C10.6061 21.9045 10.7971 22 11 22C11.2029 22 11.3939 21.9044 11.5157 21.7421C12.4914 20.4406 13.3455 19.3141 14.0991 18.3202C18.4694 12.5559 19.3789 11.3563 19.3789 8.37891C19.3789 3.75878 15.6201 0 11 0ZM13.0719 17.5413C12.453 18.3577 11.7664 19.2633 10.9999 20.2823C10.2281 19.2567 9.5376 18.3465 8.91524 17.526C4.67431 11.9353 3.91016 10.9279 3.91016 8.37891C3.91016 4.46957 7.09066 1.28906 11 1.28906C14.9093 1.28906 18.0898 4.46957 18.0898 8.37891C18.0898 10.9229 17.3237 11.9334 13.0719 17.5413Z' fill='%231b9758'/%3E%3Cpath d='M11 3.86719C8.51224 3.86719 6.48828 5.89114 6.48828 8.37891C6.48828 10.8667 8.51224 12.8906 11 12.8906C13.4878 12.8906 15.5117 10.8667 15.5117 8.37891C15.5117 5.89114 13.4878 3.86719 11 3.86719ZM11 11.6016C9.22303 11.6016 7.77734 10.1559 7.77734 8.37891C7.77734 6.60193 9.22303 5.15625 11 5.15625C12.777 5.15625 14.2227 6.60193 14.2227 8.37891C14.2227 10.1559 12.777 11.6016 11 11.6016Z' fill='%231b9758'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
}
.auto-info__phone {
  margin: 40px 0 0 0;
}
.auto-info__phone-number {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #3a3f45;
  text-decoration: none;
  transition: color 0.2s ease;
}
.auto-info__phone-number:hover {
  color: #1b9758;
}
.auto-info__phone-text {
  margin: 8px 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #858a93;
  max-width: 315px;
}
.auto-feature {
  grid-area: 8/1/9/1;
  margin: 80px 0 0;
}
.auto-feature__title {
  font-weight: bold;
  font-size: 26px;
  line-height: 36px;
  color: #20252c;
  margin: 0 0 40px;
}
.auto-feature__wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -80px 0 0;
}
.auto-feature__column {
  width: calc(50% - 80px);
  margin: 0 80px 0 0;
}
.auto-feature__item {
  display: flex;
  align-items: center;
  padding: 11px 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid #e7eaef;
  border-left: 0;
  border-right: 0;
  margin: 0 0 -1px 0;
  justify-content: space-between;
}
.auto-feature__item-text {
  min-width: 105px;
  margin: 0 20px 0 0;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #858a93;
}
.auto-feature__item-value {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #3a3f45;
}
.auto-description {
  grid-area: 9/1/10/1;
  margin: 110px 0 0;
}
.auto-description__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #3a3f45;
  margin: 16px 0 0;
}
.auto-description__btn {
  color: #1b9758;
}
.auto-equipment {
  grid-area: 10/1/11/1;
  margin: 110px 0 0;
}
.auto-advantages {
  grid-area: 11/1/12/1;
  margin: 85px 0 0;
}
.auto-services {
  grid-area: 8/2/12/3;
  margin: 80px 0 0;
}
.auto-services__title {
  font-weight: bold;
  font-size: 26px;
  line-height: 36px;
  margin: 0 0 40px;
}
.auto-services__item {
  background: #ffffff;
  border: 1px solid #e9eef2;
  border-radius: 5px;
  padding: 30px;
  margin: 0 0 30px;
  transition: box-shadow 0.2s ease;
}
.auto-services__item:hover {
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.12);
}
.auto-services__item-img {
  grid-row: 1/3;
}
.auto-services__item-title {
  font-weight: bold;
  font-size: 18px;
  line-height: 25px;
  color: #20252c;
}
.auto-services__item-subtitle {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #3a3f45;
}
.auto-services__item-top {
  display: grid;
  grid-template-columns: 93px 1fr;
  gap: 16px 24px;
  margin: 0 0 30px;
}
.auto-services__item-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.auto-services__item-btn {
  width: 100%;
  font-size: 15px;
  line-height: 19px;
  text-align: center;
}
.auto-services__item-btn + .auto-services__item-btn {
  margin: 0 0 0 20px;
}

.options__header {
  padding: 25px 0;
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.options__header-reverse {
  flex-direction: row-reverse;
  justify-content: flex-end;
  padding: 25px 20px 25px 30px;
}
.options__header-reverse:before {
  right: auto;
  left: 0;
}
.options__header.act:before {
  transform: rotate(180deg) translateY(calc(-50% + 16px));
}
.options__header:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%233A3F45' stroke-width='2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 16px;
  height: 16px;
  transition: all 200ms ease;
}
.options__header:hover .options__name,
.options__header.act .options__name {
  color: #1b9758;
}
.options__header:hover::before,
.options__header.act::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 5L8 11L14 5' stroke='%231b9758' stroke-width='2'/%3E%3C/svg%3E%0A");
}
.options__name {
  font-weight: normal;
  font-size: 20px;
  line-height: 100%;
  color: #3a3f45;
  transition: color 0.2s ease;
}
.options__item {
  border-bottom: 1px solid #e7ecf6;
}
.options__item:first-child {
  border-top: 1px solid #e7ecf6;
}
.options__hide {
  display: none;
  margin: 15px 0 0;
}
.options__hide li {
  font-size: 18px;
  line-height: 22px;
}
.options-wrap {
  margin: 0 0 6px;
}
.options-row {
  padding: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 703px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.options-row:hover {
  background-color: #f7f7f7;
}
.options-row__name {
  color: #858a93;
  width: calc(60% - 10px);
  margin: 0 10px 0 0;
}
.options-row__value {
  color: #3a3f45;
  width: 40%;
  text-align: center;
}
.options-row__value-true,
.options-row__value-false {
  font-size: 24px;
}
.options-row__value-true {
  color: #1b9758;
}
.options-row__value-false {
  color: #b3b7bf;
}

.same-cars__inner {
  padding: 0 30px 110px;
  width: calc(100% + 60px);
  margin: 0 15px 0 -30px;
  overflow: hidden;
  position: relative;
}
.same-cars__inner .swiper-button-prev,
.same-cars__inner .swiper-button-next {
  transform: translateY(calc(-50% - 55px));
}
.same-cars__inner .swiper-button-prev {
  left: 0;
}
.same-cars__inner .swiper-button-next {
  right: 0;
}

.auto-location__btn {
  width: 245px;
  padding: 18px 20px;
}
.auto-location__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.auto-location__center {
  max-width: 400px;
}
.auto-location__name {
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #20252c;
  margin: 0 0 30px;
}
.auto-location__item {
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #3a3f45;
  display: flex;
  align-items: flex-start;
}
.auto-location__item::before {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  min-width: 22px;
  height: 22px;
  margin: 0 16px 0 0;
}
.auto-location__item + .auto-location__item {
  margin: 26px 0 0;
}
.auto-location__address:before {
  background-image: url('/img/address-marker.svg');
}
.auto-location__phone:before {
  background-image: url('/img/address-phone.svg');
}
.auto-location__time:before {
  background-image: url('/img/address-clock.svg');
}
.auto-location__btn + .auto-location__btn {
  margin: 30px 0 0;
}

.fixed-info__auto {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  padding: 20px 0;
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.12);
  z-index: 5;
  opacity: 0;
  transform: translateY(-200%);
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.fixed-info__auto.active {
  opacity: 1;
  transform: translateY(0);
}
.fixed-info__auto-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fixed-info__auto-left {
  max-width: 430px;
  font-weight: bold;
  font-size: 26px;
  line-height: 35px;
  color: #000000;
}
.fixed-info__auto-price {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 26px;
  line-height: 100%;
  color: #3a3f45;
}
.fixed-info__auto-current-price.discont {
  margin: 0 40px 0 0;
  color: #1b9758;
}
.fixed-info__auto-old-price {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through;
  color: #858a93;
}
.fixed-info__auto-place {
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #3a3f45;
  display: flex;
  align-items: center;
  margin: 25px 0 0;
}
.fixed-info__auto-place:before {
  content: ' ';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0C6.37987 0 2.62109 3.75878 2.62109 8.37891C2.62109 11.3615 3.52838 12.5575 7.88825 18.3051C8.64505 19.3028 9.50288 20.4336 10.4844 21.7422C10.6061 21.9045 10.7971 22 11 22C11.2029 22 11.3939 21.9044 11.5157 21.7421C12.4914 20.4406 13.3455 19.3141 14.0991 18.3202C18.4694 12.5559 19.3789 11.3563 19.3789 8.37891C19.3789 3.75878 15.6201 0 11 0ZM13.0719 17.5413C12.453 18.3577 11.7664 19.2633 10.9999 20.2823C10.2281 19.2567 9.5376 18.3465 8.91524 17.526C4.67431 11.9353 3.91016 10.9279 3.91016 8.37891C3.91016 4.46957 7.09066 1.28906 11 1.28906C14.9093 1.28906 18.0898 4.46957 18.0898 8.37891C18.0898 10.9229 17.3237 11.9334 13.0719 17.5413Z' fill='%231b9758'/%3E%3Cpath d='M11 3.86719C8.51224 3.86719 6.48828 5.89114 6.48828 8.37891C6.48828 10.8667 8.51224 12.8906 11 12.8906C13.4878 12.8906 15.5117 10.8667 15.5117 8.37891C15.5117 5.89114 13.4878 3.86719 11 3.86719ZM11 11.6016C9.22303 11.6016 7.77734 10.1559 7.77734 8.37891C7.77734 6.60193 9.22303 5.15625 11 5.15625C12.777 5.15625 14.2227 6.60193 14.2227 8.37891C14.2227 10.1559 12.777 11.6016 11 11.6016Z' fill='%231b9758'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  margin: 0 10px 0 0;
}
.fixed-info__auto-right {
  width: 280px;
}
.fixed-info__auto-btn {
  padding: 13px 20px;
  font-size: 14px;
}
.fixed-info__auto-btn + .fixed-info__auto-btn {
  margin: 12px 0 0;
}

.reserve-modal {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(91, 115, 152, 0.5);
  z-index: 100;
  display: none;
}
.reserve-modal__inner {
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 1100px;
  background-color: #fff;
  margin: 0 0 0 auto;
  padding: 56px 25px 56px 40px;
  transform: translateX(100%);
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.reserve-modal__inner.active {
  transform: translateX(0);
  opacity: 1;
}
.reserve-modal__wrap {
  height: 100%;
  overflow: auto;
  padding: 0 25px 0 10px;
}
.reserve-modal__close {
  position: absolute;
  top: 60px;
  left: -48px;
  width: 48px;
  height: 48px;
  background-color: #1b9758;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_334_14778)'%3E%3Cpath d='M0.827629 16C0.616869 16 0.40611 15.9199 0.24598 15.7585C-0.0754831 15.4371 -0.0754831 14.9159 0.24598 14.5944L14.5993 0.241098C14.9208 -0.0803659 15.442 -0.0803659 15.7634 0.241098C16.0849 0.562561 16.0849 1.08373 15.7634 1.4054L1.41028 15.7585C1.24895 15.9189 1.03819 16 0.827629 16Z' fill='white'/%3E%3Cpath d='M15.182 16C14.9712 16 14.7607 15.9199 14.6003 15.7585L0.24598 1.4054C-0.0754831 1.08373 -0.0754831 0.562561 0.24598 0.241098C0.567444 -0.0803659 1.08862 -0.0803659 1.41028 0.241098L15.7634 14.5944C16.0849 14.9159 16.0849 15.4371 15.7634 15.7585C15.6021 15.9189 15.3915 16 15.182 16Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_334_14778'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center center;
  cursor: pointer;
  transition: background-color 0.2s ease;
  z-index: 1;
}
.reserve-modal__close:hover {
  background-color: #0f744a;
}
.reserve-modal__close:active {
  background-color: #1b9758;
}
.reserve-modal__title {
  font-weight: bold;
  font-size: 34px;
  line-height: 46px;
  color: #20252c;
  margin: 0 0 26px;
  max-width: 460px;
}
.reserve-modal__subtitle {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #3a3f45;
}
.reserve-modal__form {
  margin: 30px 0 0;
}
.reserve-modal__fields {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
}
.reserve-modal__services {
  margin: 50px 0 0;
}
.reserve-modal__services-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 27px;
  color: #3a3f45;
  margin: 0 0 14px;
}
.reserve-modal__service-item {
  padding: 12px 10px;
  max-width: 550px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 0 -10px;
  cursor: pointer;
}
.reserve-modal__service-item:hover {
  background: rgba(0, 0, 0, 0.03);
}
.reserve-modal__service-price {
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  color: #3a3f45;
  width: 105px;
}
.reserve-modal__submit {
  margin: 40px 0 0;
  width: 250px;
  padding: 19px 20px;
}
.reserve-modal__agreement {
  margin: 30px 0 0;
}
.reserve-modal__agreement-item + .reserve-modal__agreement-item {
  margin: 16px 0 0;
}
.reserve-modal__text {
  font-weight: 600;
  font-size: 13px;
  line-height: 18px;
  color: #b3b7bf;
  margin: 40px 0 0;
}

.compare {
  margin: 30px 0 160px;
}
.compare-title {
  margin: 0 0 32px;
}
.compare-top__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compare-top__left {
  display: flex;
  align-items: center;
}
.compare-top__control {
  margin: 0 0 0 14px;
}
.compare-top__return {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #858a93;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s ease;
  cursor: pointer;
}
.compare-top__return:before {
  content: '';
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7H1M1 7L6.17241 2M1 7L6.17241 12' stroke='%23858A93' stroke-width='1.2'/%3E%3C/svg%3E%0A");
  width: 13px;
  height: 14px;
  margin: 0 12px 0 0;
  transition: background 0.2s ease, transform 0.2s ease;
}
.compare-top__return:hover {
  color: #3a3f45;
}
.compare-top__return:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='14' viewBox='0 0 13 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 7H1M1 7L6.17241 2M1 7L6.17241 12' stroke='%233A3F45' stroke-width='1.2'/%3E%3C/svg%3E%0A");
  transform: translateX(-3px);
}
.compare-main {
  margin: 40px 0 0;
}
.compare-main__slider {
  position: relative;
}
.compare-main__slider-wrap {
  overflow: hidden;
  position: relative;
  display: flex;
  padding: 0 0 30px 30px;
  width: calc(100% + 30px);
  margin: 0 0 0 -30px;
}
.compare-main__slider .swiper-button-prev,
.compare-main__slider .swiper-button-next {
  width: 45px;
  height: 45px;
}
.compare-main__slider .swiper-button-next {
  right: -22.5px;
}
.compare-main__slider .swiper-button-prev {
  left: -22.5px;
}
.compare-main__row {
  display: grid;
  grid-template-columns: 290px calc(100% - 320px);
  gap: 0 30px;
  position: relative;
}
.compare-main__auto-count {
  font-weight: 600;
  font-size: 18px;
  line-height: 25px;
  color: #3a3f45;
}
.compare-main__clear-list {
  margin: 22px 0 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 100%;
  color: #b3b7bf;
  display: flex;
  align-items: center;
  cursor: pointer;
  transition: color 0.2s ease;
}
.compare-main__clear-list:before {
  content: '';
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.06569' y1='5.43431' x2='19.0657' y2='18.4343' stroke='%23B3B7BF' stroke-width='1.6'/%3E%3Cline x1='19.0657' y1='5.56569' x2='6.06569' y2='18.5657' stroke='%23B3B7BF' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 4px 0 0;
  transition: background 0.2s ease;
}
.compare-main__clear-list:hover {
  color: #4e5359;
}
.compare-main__clear-list:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='6.06569' y1='5.43431' x2='19.0657' y2='18.4343' stroke='%234E5359' stroke-width='1.6'/%3E%3Cline x1='19.0657' y1='5.56569' x2='6.06569' y2='18.5657' stroke='%234E5359' stroke-width='1.6'/%3E%3C/svg%3E%0A");
}
.compare-main__specs {
  margin: 30px 0 0;
}
.compare-main__specs-header {
  padding: 25px 20px;
  background: #f4f4f4;
  font-weight: normal;
  font-size: 20px;
  line-height: 100%;
  color: #3a3f45;
}
.compare-main__left-item,
.compare-main__item {
  padding: 14px 20px;
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  transition: background 0.2s ease;
  width: calc(100% + 30px);
}
.compare-main__left-item.hovered,
.compare-main__item.hovered {
  background: #f7f7f7;
}
.compare-main__left-item {
  color: #858a93;
}
.compare-main__item {
  color: #3a3f45;
  text-align: center;
  cursor: pointer;
  margin: 0 0 0 -15px;
}
.compare-main__item-false {
  color: #b3b7bf;
}
.compare-main__item-true {
  color: #1b9758;
}

.fixed-info__compare {
  z-index: 5;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px 6px 40px rgba(0, 14, 32, 0.12);
  padding: 20px 0;
  opacity: 0;
  transform: translateY(-150%);
  pointer-events: none;
  transition: all 300ms ease;
}
.fixed-info__compare.active {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.fixed-info__compare .swiper-slide {
  height: auto;
}
.fixed-info__compare .cars-card__wrap .cars-card__control {
  display: none;
}
.fixed-info__compare .compare-main__slider-wrap {
  height: 210px;
}
.fixed-info__compare .cars-card__wrap {
  display: flex;
  width: 100%;
  max-width: 250px;
  margin: 0 auto;
  position: relative;
  left: 20px;
}
.fixed-info__compare .cars-card__inner {
  width: 100%;
  height: 100%;
}
.fixed-info__compare .cars-card__name {
  font-weight: bold;
  font-size: 14px;
  line-height: 19px;
}
.fixed-info__compare .cars-card__price {
  font-size: 16px;
  line-height: 100%;
  margin: 0 !important;
}
.fixed-info__compare .cars-card__price-oldprice {
  font-size: 11px;
  line-height: 14px;
}
.fixed-info__compare .cars-card__images:after {
  content: '';
  display: block;
  padding-top: 57.6666%;
}
.fixed-info__compare .cars-card__info {
  padding: 10px 16px 16px;
}
.fixed-info__compare .cars-card__images {
  max-height: 142px;
}
.fixed-info__compare .cars-card__control-icon {
  min-width: 30px;
  margin: 0 0 0 10px;
}
.fixed-info__compare .compare-main__slider-wrap {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fixed-info__compare .cars-card__wrap:hover .cars-card__inner {
  box-shadow: none !important;
}

.career-achieve {
  margin: 120px 0 160px;
}
.career-achieve__suptext {
  font-weight: normal;
  font-size: 18px;
  line-height: 25px;
  color: #3a3f45;
  margin: 0 0 10px;
}
.career-achieve__items {
  margin: 100px 0 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.career-achieve__item {
  max-width: 290px;
  width: 100%;
}
.career-achieve__item-count {
  font-weight: bold;
  font-size: 60px;
  line-height: 82px;
  color: #1b9758;
}
.career-slider {
  position: relative;
}
.career-slider:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  height: 60%;
  width: 100%;
  background: #f4f7fb;
}
.career-slider:after {
  content: '';
  position: absolute;
  left: 0;
  top: 60%;
  z-index: 1;
  height: 40%;
  width: 100%;
  background: #ffffff;
}
.career-slider .container {
  position: relative;
  z-index: 3;
}
.career-slider__wrapper {
  padding: 120px 0 0;
}
.career-slider__inner {
  position: relative;
  height: 100%;
}
.career-slider__inner .swiper-slide.swipe-right .career-slider__img img {
  transform-origin: right;
  transform: scaleX(0) translateX(20px);
}
.career-slider__inner .swiper-slide.swiper-slide-next {
  z-index: 2;
}
.career-slider__inner .swiper-slide.swiper-slide-active .career-slider__top {
  opacity: 1;
}
.career-slider__inner .swiper-slide.swiper-slide-active .career-slider__bottom {
  opacity: 1;
}
.career-slider__inner
  .swiper-slide.swiper-slide-active
  .career-slider__img
  img {
  transform: scaleX(1) translateX(0);
  transform-origin: right;
}
.career-slider__inner .swiper-slide {
  opacity: 1 !important;
}
.career-slider__inner .swiper-slide .career-slider__img img {
  opacity: 1;
}
.career-slider__inner .swiper-slide .career-slider__top {
  opacity: 0;
}
.career-slider__inner .swiper-slide .career-slider__bottom {
  opacity: 0;
}
.career-slider__inner .swiper-wrapper {
  transform: none !important;
}
.career-slider__row {
  display: flex;
  margin: 0 0 60px;
}
.career-slider__title {
  margin: 0;
  max-width: 355px;
  width: 100%;
  margin: 0 100px 0 0;
}
.career-slider__text {
  font-size: 18px;
  line-height: 27px;
  max-width: 650px;
}
.career-slider__slide {
  height: 100%;
}
.career-slider__info {
  display: grid;
  grid-template-columns: 355px 1fr;
  gap: 0 100px;
  height: 100%;
}
.career-slider__img {
  grid-row: 1/4;
  position: relative;
  overflow: hidden;
  height: 100%;
}
.career-slider__img img {
  position: relative;
  transition: transform 0.4s ease;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.career-slider__top {
  padding: 47px 0 0;
  margin: 0 0 105px;
}
.career-slider__name {
  font-weight: bold;
  font-size: 30px;
  line-height: 41px;
  color: #20252c;
  margin: 0 0 20px;
}
.career-slider__position {
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  color: #858a93;
}
.career-slider__achieve {
  max-width: 535px;
  display: flex;
  align-items: center;
}
.career-slider__achieve-img {
  min-width: 83px;
}
.career-slider__achieve-img + .career-slider__achieve-text {
  margin: 0 0 0 30px;
}
.career-slider__achieve-text {
  font-size: 18px;
  line-height: 150%;
}
.career-slider__navigation {
  position: absolute;
  bottom: 0;
  left: 455px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  width: 100px;
}
.career-slider__navigation .swiper-button-prev,
.career-slider__navigation .swiper-button-next {
  width: 50px;
  height: 50px;
}
.career-slider__navigation .swiper-button-prev {
  left: 0;
}
.career-slider__navigation .swiper-button-next {
  right: 0;
}
.career-slider__navigation .swiper-button-prev.swiper-button-disabled,
.career-slider__navigation .swiper-button-next.swiper-button-disabled {
  opacity: 0.4 !important;
  pointer-events: none;
}
.career-team__title {
  margin: 0 0 3px;
}
.career-team__top {
  margin: 0 0 50px;
}
.career-team__link {
  font-weight: bold;
  font-size: 40px;
  line-height: 54px;
  color: #1b9758;
  margin: 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
  overflow: hidden;
  transition: color 200ms ease;
  display: block;
  text-decoration: none;
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 0 5px;
}
.career-team__link:after {
  content: '';
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.3831 26.8823V5.1167M26.3831 5.1167H4.61719M26.3831 5.1167L4.61719 26.8827' stroke='%231b9758' stroke-width='3'/%3E%3C/svg%3E%0A");
  width: 31px;
  height: 32px;
  margin: 0 0 0 10px;
}
.career-team__link:before {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  margin: 8px 0 0;
  background-color: #1b9758;
  transition: width 200ms ease, background 200ms ease;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
}
.career-team__link:hover {
  color: #1b9758;
}
.career-team__link:hover:before {
  width: 100%;
}
.career-team__link:active {
  color: #0f744a;
}
.career-team__link:active:before {
  background-color: #0f744a;
}
.career-team__link:active:after {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='32' viewBox='0 0 31 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.3831 26.8823V5.1167M26.3831 5.1167H4.61719M26.3831 5.1167L4.61719 26.8827' stroke='%230f744a' stroke-width='3'/%3E%3C/svg%3E%0A");
}
.career-team__wrap {
  display: grid;
  grid-template-columns: 1fr 535px;
  grid-gap: 0 100px;
}
.career-team__text {
  font-size: 18px;
  line-height: 27px;
}
.career-text {
  margin: 80px 0 0;
}
.career-text__wrap {
  max-width: 875px;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
}
.career-bigslider {
  overflow: hidden;
}
.career-bigslider__inner {
  max-width: 875px;
  position: relative;
  margin: 0 auto;
}
.career-bigslider__inner .swiper-slide {
  opacity: 0.5;
  transition: opacity 0.2s ease;
}
.career-bigslider__inner .swiper-slide-active {
  opacity: 1;
}
.career-bigslider__inner .swiper-button-prev,
.career-bigslider__inner .swiper-button-next {
  width: 50px;
  height: 50px;
}
.career-bigslider__inner .swiper-button-prev {
  left: -65px;
}
.career-bigslider__inner .swiper-button-next {
  right: -65px;
}
.career-bigslider__img {
  position: relative;
  width: 100%;
}
.career-bigslider__img:before {
  content: '';
  display: block;
  padding-top: 57.1428%;
}
.career-bigslider__img img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}
.career-advantages__wrap {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 0 75px;
}
.career-advantages__item {
  display: flex;
  align-items: center;
}
.career-advantages__item + .career-advantages__item {
  margin: 36px 0 0;
}
.career-advantages__img {
  min-width: 74px;
  height: 74px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 26px 0 0;
}
.career-advantages__text {
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
}
.career-recruiting {
  background: #f4f7fb;
}
.career-recruiting__wrap {
  display: grid;
  grid-template-columns: 1fr 420px;
  gap: 0 75px;
}
.career-recruiting__column {
  display: flex;
  justify-content: center;
  padding: 20px 0;
  flex-direction: column;
}
.career-recruiting__title {
  font-weight: bold;
  font-size: 26px;
  line-height: 140%;
  color: #20252c;
  margin: 0 0 22px;
}
.career-recruiting__text {
  font-size: 18px;
  line-height: 150%;
  max-width: 670px;
}
.career-recruiting__btn {
  margin: 51px 0 0;
  max-width: 267px;
  padding: 18px 20px;
}
.career-recruiting__img {
  margin: -100px 0 0;
}
.career-vacancy .options__name {
  font-weight: 400;
  font-size: 26px;
  line-height: 100%;
}
.career-vacancy__row {
  display: flex;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 30px 40px 30px 30px;
}
.career-vacancy__row-title {
  font-size: 15px;
  line-height: 150%;
  color: #858a93;
  margin: 0 0 3px;
}
.career-vacancy__row-position,
.career-vacancy__row-price {
  font-size: 20px;
  line-height: 150%;
}
.career-vacancy__row-price {
  font-weight: 600;
}
.career-vacancy__row-btn {
  padding: 19px 40px;
}
.career-vacancy__inner {
  margin: 40px 0 60px 30px;
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 0 50px;
}
.career-vacancy__info-title {
  font-weight: bold;
  font-size: 26px;
  line-height: 140%;
  margin: 0 0 18px;
}
.career-vacancy__info-item ul {
  padding: 0 !important;
}
.career-vacancy__info-item ul li {
  padding: 0;
  font-size: 16px;
  line-height: 22px;
}
.career-vacancy__info-item + .career-vacancy__info-item {
  margin: 50px 0 0;
}
.career-vacancy__map {
  height: 420px;
}

.vacancy-modal {
  max-width: 935px;
  width: 100%;
  padding: 50px 30px 60px 60px;
}
.vacancy-modal__wrap {
  overflow: auto;
  padding: 0 30px 0 0;
}
.vacancy-modal__title {
  margin: 0 0 18px;
}
.vacancy-modal__subtitle {
  font-size: 18px;
  line-height: 150%;
  max-width: 620px;
}
.vacancy-modal__form {
  margin: 42px 0 0;
}
.vacancy-modal__form-bottom {
  margin: 30px 0 0;
  display: flex;
  align-items: center;
}
.vacancy-modal__form .selectize-dropdown,
.vacancy-modal__form .selectize-input,
.vacancy-modal__form .selectize-input input {
  font-size: 15px;
}
.vacancy-modal__label {
  font-size: 15px;
  line-height: 150%;
  margin: 0 0 6px;
}
.vacancy-modal__label span {
  color: #1b9758;
}
.vacancy-modal__items {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px 20px;
}
.vacancy-modal__items .vacancy-modal__item:last-child {
  grid-column: 1/4;
}
.vacancy-modal__input {
  font-size: 15px;
}
.vacancy-modal__input::-moz-placeholder {
  color: #858a93;
}
.vacancy-modal__input:-ms-input-placeholder {
  color: #858a93;
}
.vacancy-modal__input::placeholder {
  color: #858a93;
}
.vacancy-modal__hhlink {
  max-width: 310px;
  width: 100%;
  margin: 0 0 0 auto;
}
.vacancy-modal__btn.but {
  padding: 19px 86px;
}
.vacancy-modal__file {
  margin: 0 15px 0 20px;
  padding: 15px 0;
}
.vacancy-modal__checkbox {
  margin: 30px 0 0;
}
.vacancy-modal__checkbox .custom-checkbox-text {
  font-size: 13px;
}
.vacancy-modal__select .selectize-input {
  height: 54px;
}
.vacancy-modal__select .selectize-input .item {
  white-space: nowrap;
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: calc(100% - 49px);
}

textarea.vacancy-modal__input {
  line-height: 22px;
  font-size: 15px;
  height: 170px;
}

.success-modal {
  padding: 60px 35px;
  max-width: 480px;
  width: 100%;
}
.success-modal__close {
  right: 10px;
  top: 10px;
}
.success-modal__wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.success-modal__img {
  width: 73px;
  height: 73px;
}
.success-modal__title {
  font-weight: bold;
  font-size: 26px;
  line-height: 140%;
  text-align: center;
  color: #20252c;
  margin: 26px 0 0;
}
.success-modal__subtitle {
  font-weight: normal;
  font-size: 20px;
  line-height: 150%;
  text-align: center;
  margin: 22px 0 0;
}
.success-modal__text {
  font-weight: normal;
  font-size: 16px;
  line-height: 150%;
  text-align: center;
  max-width: 290px;
  margin: 40px 0 0;
}

.value-type {
  bottom: 13px;
  color: #858a93;
  font-size: 14px;
  line-height: 16px;
  margin: 0 5px 0 0;
  display: none;
}
.value-type.active {
  display: block;
} /* sourceMappingURL=style.css.map */