.owl-carousel,
.owl-carousel .owl-item {
  -webkit-tap-highlight-color: transparent;
  position: relative
}

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

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

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

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

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

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

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

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

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

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

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

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

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

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

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

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

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

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

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

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

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

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

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

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

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

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

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

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

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

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

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

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

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

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent
}

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

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

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

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

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

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

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

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

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: .75;
  -webkit-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-box-shadow: none;
  box-shadow: none
}

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1
}

.pswp__button:active {
  outline: none;
  opacity: .9
}

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.pswp__ui--over-close .pswp__button--close {
  opacity: 1
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../img/static/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1),
(-webkit-min-device-pixel-ratio:1.09375),
(min-resolution:1.1dppx),
(min-resolution:105dpi) {

  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../img/static/photoswipe/default-skin.svg)
  }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none
  }
}

.pswp__button--close {
  background-position: 0 -44px
}

.pswp__button--share {
  background-position: -44px -44px
}

.pswp__button--fs {
  display: none
}

.pswp--supports-fs .pswp__button--fs {
  display: block
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute
}

.pswp__button--arrow--left {
  left: 0
}

.pswp__button--arrow--right {
  right: 0
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, .3);
  height: 30px;
  width: 32px;
  position: absolute
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px
}

.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, .5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity
}

.pswp__share-modal--hidden {
  display: none
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #fff;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s;
  -webkit-backface-visibility: hidden;
  will-change: transform
}

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 18px
}

.pswp__share-tooltip a,
.pswp__share-tooltip a:hover {
  color: #000;
  text-decoration: none
}

.pswp__share-tooltip a:first-child {
  border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
  opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #fff;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none
}

a.pswp__share--facebook:hover {
  background: #3e5c9a;
  color: #fff
}

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
  background: #55acee;
  color: #fff
}

a.pswp__share--pinterest:hover {
  background: #ccc;
  color: #ce272d
}

a.pswp__share--download:hover {
  background: #ddd
}

.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #fff;
  opacity: .75;
  padding: 0 10px
}

.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px
}

.pswp__caption small {
  font-size: 11px;
  color: #bbb
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #ccc
}

.pswp__caption--empty {
  display: none
}

.pswp__caption--fake {
  visibility: hidden
}

.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity .25s ease-out;
  transition: opacity .25s ease-out;
  will-change: opacity;
  direction: ltr
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px
}

.pswp__preloader--active {
  opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
  background: url(preloader.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise .5s linear infinite;
  animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
  animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: .75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0
}

@media screen and (max-width:1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right
  }
}

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
  }
}

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg)
  }

  to {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }
}

.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right,
.pswp__caption,
.pswp__top-bar {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible
}

.pswp__caption,
.pswp__top-bar {
  background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption,
.pswp__ui--fit .pswp__top-bar {
  background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right,
.pswp__ui--idle .pswp__top-bar {
  opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__top-bar {
  opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none
}

.pswp__element--disabled {
  display: none !important
}

.pswp--minimal--dark .pswp__top-bar {
  background: none
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  -webkit-backface-visibility: hidden;
  outline: none
}

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.pswp img {
  max-width: none
}

.pswp--animate_opacity {
  opacity: .001;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
  display: block
}

.pswp--zoom-allowed .pswp__img {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab
}

.pswp--dragging .pswp__img {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing
}

.pswp__bg {
  background: #000;
  opacity: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden
}

.pswp__bg,
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.pswp__scroll-wrap {
  overflow: hidden
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
  transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
  transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
  transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
  transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden
}

.pswp__item {
  right: 0;
  bottom: 0;
  overflow: hidden
}

.pswp__img,
.pswp__item {
  position: absolute;
  left: 0;
  top: 0
}

.pswp__img {
  width: auto;
  height: auto
}

.pswp__img--placeholder {
  -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
  background: #222
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0
}

.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #ccc
}

.pswp__error-msg a {
  color: #ccc;
  text-decoration: underline
}

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

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

body {
  line-height: 1
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

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

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

button {
  background: transparent;
  border: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit
}

* {
  outline: none
}

input {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit
}

@font-face {
  font-family: Hyundai Sans Head;
  src: url("../fonts/HyundaiSans/HyundaiSansHead.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Head;
  src: url("../fonts/HyundaiSans/HyundaiSansHead-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Head;
  src: url("../fonts/HyundaiSans/HyundaiSansHead-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Head;
  src: url("../fonts/HyundaiSans/HyundaiSansHeadMedium.woff") format("woff");
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Text;
  src: url("../fonts/HyundaiSans/HyundaiSansText.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Text;
  src: url("../fonts/HyundaiSans/HyundaiSansText-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Hyundai Sans Text;
  src: url("../fonts/HyundaiSans/HyundaiSansText-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

*,
:after,
:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline-color: transparent
}

@-webkit-keyframes autofill {
  to {
    color: inherit;
    background: transparent
  }
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both
}

body,
html {
  height: 100%;
  width: 100%
}

body {
  background: #fff;
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  color: #282828
}

body.overflow-hidden {
  overflow: hidden
}

.mfp-wrap {
  -webkit-overflow-scrolling: touch
}

.mfp-content .popup-close {
  z-index: 3 !important
}

.p-wrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 320px;
  min-height: 100vh;
  overflow: hidden
}

.p-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  background-color: #fff
}

@media (max-width:1023px) {
  .p-content {
    margin-top: 66px
  }
}

@media (max-width:479px) {
  .p-content {
    margin-top: 40px
  }
}

.p-offset {
  padding: 45px 0
}

.p-offset-submenu {
  padding: 100px 0 45px
}

.p-offset-bottom {
  padding-bottom: 45px
}

.p-offset-top {
  padding-top: 45px
}

.container {
  position: relative;
  max-width: 1480px;
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px
}

@media (max-width:1023px) {
  .container {
    padding: 0 20px
  }
}

@media (max-width:479px) {
  .container {
    padding: 0 15px
  }
}

@media (max-width:767px) {
  .container--mb-dt-padding {
    padding: 0
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

a {
  color: inherit;
  text-decoration: none
}

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

b {
  font-weight: 700
}

.icon-svg {
  vertical-align: middle
}

.bg-hero {
  background-image: url("../img/static/home-main/bg-outer.png");
  background-size: 100% auto;
  background-position: top;
  background-repeat: no-repeat;
  min-height: calc(100vh - 400px)
}

@media (max-width:1023px) {
  .bg-hero {
    background-size: contain
  }
}

.bg-hero .icon-hyundai-text {
  position: absolute;
  z-index: -1;
  top: 150px;
  left: 50%;
  margin-left: -900px;
  font-size: 808px;
  fill: red
}

@media (max-width:1920px) {
  .bg-hero .icon-hyundai-text {
    left: 25px;
    margin-left: 0
  }
}

@media (max-width:767px) {
  .bg-hero .icon-hyundai-text {
    font-size: 500px;
    top: 400px
  }
}

.arrow-expand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400;
  cursor: pointer
}

.arrow-expand:after {
  content: "";
  width: 10px;
  margin-left: 8px;
  border-top: 5px solid #003469;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.arrow-expand--white {
  color: #fff
}

.arrow-expand--white:after {
  border-top-color: #fff
}

.arrow-expand--dt-underline {
  position: relative
}

.arrow-expand--dt-underline:after {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: -20px
}

.mb-35 {
  margin-bottom: 35px
}

.ml-15 {
  margin-left: 15px
}

.mr-35 {
  margin-right: 35px
}

.fl-shr-0 {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.fl-wr-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.al-items-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.just-cont-sb {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width:480px) {
  .mobile-visible {
    display: none !important
  }
}

@media (max-width:479px) {
  .mobile-hidden {
    display: none
  }
}

@-webkit-keyframes displayAnimate {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes displayAnimate {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

table {
  border: 1px solid #dee2e6;
  margin: 20px 0
}

table td,
table th {
  border: 2px solid #666;
  padding: .75rem;
  vertical-align: top
}

.disclaimer {
  font-size: 14px;
  color: #65676a;
  line-height: 1.1
}

.mobile_phone_text {
  display: none
}

@media (max-width:479px) {
  .p-header-first-line__callback .telephone a {
    font-size: 12px !important;
    letter-spacing: normal;
    white-space: nowrap
  }
}

.slesh_name {
  color: #b7b7b7
}

.best_choice {
  width: 35px;
  height: 35px;
  margin: auto 25px auto auto
}

.item-video {
  margin: auto
}

.big_logo_text {
  font-size: 26px !important
}

@media only screen and (max-device-width:480px) {
  .big_logo_text {
    font-size: 15px !important
  }
}

.blue-price,
.blue_price {
  color: #002c5f !important
}

.notify {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 18%;
  right: 10px;
  z-index: 10;
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  max-width: 320px;
  color: #fff;
  background: rgba(0, 52, 105, .8);
  border-radius: 6px
}

@media (max-width:767px) {
  .notify {
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3
  }
}

.notify__img {
  width: 28px;
  height: 28px;
  margin-right: 15px
}

@media (max-width:767px) {
  .notify__img {
    margin-right: 10px
  }
}

.l-info__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.car-filter .irs-max,
.car-filter .irs-min,
.car-filter .selectric-items li:first-child {
  display: none !important
}

.label-custom {
  border-bottom: none !important
}

.pswp__bg {
  background: rgba(0, 0, 0, .5)
}

.spritespin_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  width: 50px;
  height: 50px;
  left: 15px;
  top: 10px;
  background: #113a70
}

.spritespin_icon--spritespin {
  left: 65px
}

.spritespin_icon img {
  width: 35px
}

.no-wrap {
  white-space: nowrap
}

.product-filter {
  padding-top: 70px
}

.block-choice__label a {
  text-decoration: underline
}

.logo-star {
  width: 26px;
  height: 21px;
  margin-left: 10px;
  margin-top: -5px
}

.textConfirm {
  font: 400 12px/1.22 Hyundai Sans Text, sans-serif;
  cursor: pointer
}

@media (max-width:479px) {
  .textConfirm {
    font-size: 12px
  }
}

.textConfirm__link,
.textConfirm a {
  text-decoration: underline;
  color: #18519c
}

.textConfirm__link:hover,
.textConfirm a:hover {
  text-decoration: none
}

.textConfirm__dealerName {
  white-space: nowrap
}

.inputs-row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -13px
}

.inputs-row-2__item {
  width: 50%;
  margin: 0 13px
}

.input-wrapper {
  position: relative;
  max-width: 100%
}

.input-wrapper--w225 {
  width: 225px
}

.input-wrapper--w280 {
  width: 280px
}

.input-wrapper--margin-bottom {
  margin-bottom: 18px
}

.input-wrapper--text-center .input,
.input-wrapper--text-center .label {
  text-align: center
}

.input-wrapper.active .label--fly {
  padding-bottom: 27px;
  font-size: 12px;
  color: #6f6f6f
}

.input {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 10px 6px 5px;
  border: none;
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1b1b1b;
  font: 400 16px Hyundai Sans Text, sans-serif;
  text-overflow: ellipsis
}

.input:focus+.label--fly {
  padding-bottom: 27px;
  font-size: 12px;
  color: #6f6f6f
}

.label {
  white-space: nowrap
}

.label--fly {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 4px;
  padding-left: 5px;
  font: 400 16px Hyundai Sans Text, sans-serif;
  color: #1c1c1c;
  border-bottom: 1px solid rgba(17, 58, 112, .4);
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: padding .25s, font-size .25s;
  transition: padding .25s, font-size .25s
}

.block-choice {
  max-width: 290px
}

.block-choice--full-width {
  max-width: 100%
}

.block-choice--text-black .block-choice__label {
  color: #1b1b1b
}

.block-choice__checkbox {
  display: none
}

.block-choice__checkbox:checked+.block-choice__label:after {
  display: block
}

.block-choice__checkbox:checked+.block-choice__label:before {
  background: #113a70
}

.block-choice__label {
  display: block;
  position: relative;
  padding-left: 32px;
  font: 400 12px/1.22 Hyundai Sans Text, sans-serif;
  cursor: pointer
}

@media (max-width:479px) {
  .block-choice__label {
    font-size: 12px
  }
}

.block-choice__label:after,
.block-choice__label:before {
  content: "";
  position: absolute
}

.block-choice__label:before {
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #113a70;
  border-radius: 4px
}

.block-choice__label:after {
  display: none;
  content: url(../img/static/icons/check-white.svg);
  position: absolute;
  top: 5px;
  left: 6px
}

.irs {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.irs,
.irs-line {
  position: relative;
  display: block
}

.irs-line {
  overflow: hidden;
  outline: none !important
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  position: absolute;
  display: block;
  top: 0
}

.irs-line-left {
  left: 0;
  width: 11%
}

.irs-line-mid {
  left: 9%;
  width: 82%
}

.irs-line-right {
  right: 0;
  width: 11%
}

.irs-bar {
  width: 0
}

.irs-bar,
.irs-bar-edge {
  position: absolute;
  display: block;
  left: 0
}

.irs-bar-edge {
  top: 0
}

.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0
}

.irs-slider {
  position: absolute;
  display: block;
  cursor: default;
  z-index: 1
}

.irs-slider.type_last {
  z-index: 2
}

.irs-min {
  left: 0
}

.irs-max,
.irs-min {
  position: absolute;
  display: block;
  cursor: default
}

.irs-max {
  right: 0
}

.irs-from,
.irs-single,
.irs-to {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap
}

.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px
}

.irs-with-grid .irs-grid {
  display: block
}

.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 8px;
  background: #000
}

.irs-grid-pol.small {
  height: 4px
}

.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  padding: 0 3px;
  color: #000
}

.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: transparent;
  z-index: 2
}

.irs-disabled {
  opacity: .4
}

.lt-ie9 .irs-disabled {
  filter: alpha(opacity=40)
}

.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important
}

.irs {
  height: 55px
}

.irs-with-grid {
  height: 75px
}

.irs-line {
  height: 10px;
  top: 33px;
  background: #eee;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(-50%, #ddd), color-stop(150%, #fff));
  background: linear-gradient(180deg, #ddd -50%, #fff 150%);
  border: 1px solid #ccc;
  border-radius: 16px;
  -moz-border-radius: 16px
}

.irs-line-left,
.irs-line-mid,
.irs-line-right {
  height: 8px
}

.irs-bar {
  border-top: 1px solid #428bca;
  border-bottom: 1px solid #428bca
}

.irs-bar,
.irs-bar-edge {
  height: 10px;
  top: 33px;
  background: #428bca;
  background: -webkit-gradient(linear, left bottom, left top, from(#428bca), to(#7fc3e8));
  background: linear-gradient(0deg, #428bca 0, #7fc3e8)
}

.irs-bar-edge {
  width: 14px;
  border: 1px solid #428bca;
  border-right: 0;
  border-radius: 16px 0 0 16px;
  -moz-border-radius: 16px 0 0 16px
}

.irs-shadow {
  height: 2px;
  top: 38px;
  background: #000;
  opacity: .3;
  border-radius: 5px;
  -moz-border-radius: 5px
}

.lt-ie9 .irs-shadow {
  filter: alpha(opacity=30)
}

.irs-slider {
  top: 25px;
  width: 27px;
  height: 27px;
  border: 1px solid #aaa;
  background: #ddd;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(20%, #dcdcdc), to(#fff));
  background: linear-gradient(180deg, #fff 0, #dcdcdc 20%, #fff);
  border-radius: 27px;
  -moz-border-radius: 27px;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
  cursor: pointer
}

.irs-slider.state_hover,
.irs-slider:hover {
  background: #fff
}

.irs-max,
.irs-min {
  color: #333;
  font-size: 12px;
  line-height: 1.333;
  text-shadow: none;
  top: 0;
  padding: 1px 5px;
  background: rgba(0, 0, 0, .1);
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-max,
.lt-ie9 .irs-min {
  background: #ccc
}

.irs-from,
.irs-single,
.irs-to {
  color: #fff;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: #428bca;
  border-radius: 3px;
  -moz-border-radius: 3px
}

.lt-ie9 .irs-from,
.lt-ie9 .irs-single,
.lt-ie9 .irs-to {
  background: #999
}

.irs-grid {
  height: 27px
}

.irs-grid-pol {
  opacity: .5;
  background: #428bca
}

.irs-grid-pol.small {
  background: #999
}

.irs-grid-text {
  bottom: 5px;
  color: #99a4ac
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger--spin .hamburger-inner {
  -webkit-transition-duration: .22s;
  transition-duration: .22s;
  -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19);
  transition-timing-function: cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin .hamburger-inner:before {
  -webkit-transition: top .1s ease-in .25s, opacity .1s ease-in;
  transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
  -webkit-transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19);
  transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
  -webkit-transition-delay: .12s;
  transition-delay: .12s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1)
}

.hamburger--spin.is-active .hamburger-inner:before {
  top: 0;
  opacity: 0;
  -webkit-transition: top .1s ease-out, opacity .1s ease-out .12s;
  transition: top .1s ease-out, opacity .1s ease-out .12s
}

.hamburger--spin.is-active .hamburger-inner:after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
  transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s, -webkit-transform .22s cubic-bezier(.215, .61, .355, 1) .12s
}

.hamburger {
  padding: 8px 10px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible
}

.hamburger:hover {
  opacity: 1
}

.hamburger-box {
  width: 25px;
  height: 19px;
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1.5px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
  width: 25px;
  height: 3px;
  background-color: #003469;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: .15s;
  transition-duration: .15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease
}

.hamburger-inner:after,
.hamburger-inner:before {
  content: "";
  display: block
}

.hamburger-inner:before {
  top: -8px
}

.hamburger-inner:after {
  bottom: -8px
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  background: #0b0b0b;
  opacity: .8
}

.mfp-bg,
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed
}

.mfp-wrap {
  z-index: 1043;
  outline: none !important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.mfp-container:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-ajax-holder .mfp-content,
.mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none !important
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #ccc
}

.mfp-preloader a:hover {
  color: #fff
}

.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
  display: none
}

button.mfp-arrow,
button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
  -ms-touch-action: manipulation;
  touch-action: manipulation
}

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

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
  opacity: 1
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-iframe-holder .mfp-close,
.mfp-image-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-arrow {
  position: absolute;
  opacity: .65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
  opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #fff;
  margin-left: 31px
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #fff;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure,
img.mfp-img {
  line-height: 0
}

.mfp-figure:after {
  content: "";
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-height:300px),
screen and (max-width:800px) and (orientation:landscape) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }

  .mfp-img-mobile img.mfp-img {
    padding: 0
  }

  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }

  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }

  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }

  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }

  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }

  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }

  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }

  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }

  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

.selectric-wrapper {
  position: relative;
  cursor: pointer
}

.selectric-responsive {
  width: 100%
}

.selectric {
  border: 0 solid #fff;
  border-radius: 0;
  background: transparent;
  position: relative;
  overflow: hidden;
  font-family: Hyundai Sans Text, sans-serif
}

.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 36px 0 5px;
  font-size: 16px;
  line-height: 56px;
  color: #313131;
  height: 54px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 10px;
  width: 36px;
  height: 36px;
  line-height: 54px;
  background-color: transparent;
  color: #313131;
  text-align: center;
  font: 0/0 a;
  padding: 7px 15px
}

.selectric .button:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  margin-left: 5px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top: 5px solid #003469;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.selectric-open {
  position: relative;
  z-index: 9999
}

.selectric-open .selectric .button:after {
  -webkit-transform: translate(-50%, -50%) rotate(-180deg);
  transform: translate(-50%, -50%) rotate(-180deg)
}

.selectric-open .selectric-items {
  display: block
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0
}

.selectric-hide-select select {
  position: absolute;
  left: -100%
}

.selectric-hide-select.selectric-is-native {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10
}

.selectric-hide-select.selectric-is-native select {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  z-index: 1;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important
}

.selectric-items {
  display: none;
  position: absolute;
  top: calc(100% - 3px);
  top: 100%;
  z-index: 10;
  left: 0;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 0 18px -4px rgba(0, 0, 0, .8);
  box-shadow: 0 0 18px -4px rgba(0, 0, 0, .8)
}

.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto
}

.selectric-above .selectric-items {
  top: auto;
  bottom: 100%
}

.selectric-items li,
.selectric-items ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  min-height: 20px
}

.selectric-items li {
  background: #fff;
  display: block;
  padding: 15px 16px;
  color: inherit;
  cursor: pointer
}

.selectric-items li.selected {
  background: #f8f8f8
}

.selectric-items li:hover {
  background: #e0e0e0
}

.selectric-items li.highlighted {
  background: #113a70;
  color: #fff
}

.selectric-items li:first-child {
  margin-top: 15px
}

.selectric-items li:last-child {
  margin-bottom: 15px
}

.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: .5;
  cursor: default !important;
  background: none !important;
  color: #666 !important
}

.selectric-items .disabled,
.selectric-items .selectric-group .selectric-group-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
  font-weight: 700;
  padding-left: 10px;
  cursor: default;
  background: none;
  color: #444
}

.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1
}

.selectric-items .selectric-group li {
  padding-left: 25px
}

.icon-logo {
  width: 3.5em;
  height: 1em
}

.icon-arrow-next,
.icon-arrow-prev {
  width: 2.143em;
  height: 1em
}

.icon-arrow2-right {
  width: 1.409em;
  height: 1em
}

.icon-tradein1 {
  width: 1.666em;
  height: 1em
}

.icon-tradein2 {
  width: 1.1em;
  height: 1em
}

.icon-tradein3 {
  width: 2.666em;
  height: 1em
}

.icon-social-1 {
  width: 1.752em;
  height: 1em
}

.icon-social-2 {
  width: .995em;
  height: 1em
}

.icon-social-3 {
  width: .6008em;
  height: 1em
}

.icon-social-4 {
  width: .467em;
  height: 1em
}

.icon-social-5 {
  width: 1.409em;
  height: 1em
}

.icon-social-6 {
  width: 1.243em;
  height: 1em
}

.icon-social-7,
.icon-social-8,
.icon-social-9 {
  width: 1.2em;
  height: 1.2em
}

.icon-hyundai-text {
  width: .1em;
  height: .5em
}

.icon-calculation,
.icon-calculator,
.icon-exchange {
  width: 1em;
  height: 1em
}

.icon-kasko {
  width: .992em;
  height: 1em
}

.icon-leasing {
  width: .983em;
  height: 1em
}

.icon-option1 {
  width: .739em;
  height: 1em
}

.icon-option2 {
  width: 1.718em;
  height: 1em
}

.icon-option3 {
  width: .722em;
  height: 1em
}

.icon-option4 {
  width: .639em;
  height: 1em
}

.icon-option5 {
  width: 1.106em;
  height: 1em
}

.icon-option6 {
  width: 1.088em;
  height: 1em
}

.icon-close,
.icon-printing {
  width: 1em;
  height: 1em
}

.icon-arrow-rounded-left,
.icon-arrow-rounded-right {
  width: .592em;
  height: 1em
}

.icon-share {
  width: 1em;
  height: 1em
}

.icon-kasko-privilege-1 {
  width: 1.008em;
  height: 1em
}

.icon-kasko-privilege-2 {
  width: .905em;
  height: 1em
}

.icon-kasko-privilege-3 {
  width: 1.045em;
  height: 1em
}

.icon-check-accent {
  width: 1.435em;
  height: 1em
}

.icon-attach-file,
.icon-premser1,
.icon-premser2 {
  width: 1em;
  height: 1em
}

.icon-premser3 {
  width: .935em;
  height: 1em
}

.icon-premser4 {
  width: 1em;
  height: 1em
}

.icon-premser5 {
  width: .763em;
  height: 1em
}

.icon-premser6 {
  width: 1em;
  height: 1em
}

.icon-premser7 {
  width: 1.253em;
  height: 1em
}

.icon-visa {
  width: 1em;
  height: 1em
}

.icon-mastercard {
  width: 1.281em;
  height: 1em
}

.icon-mir {
  width: 3.111em;
  height: 1em
}

.icon-check-circle,
.icon-credit-card,
.icon-play {
  width: 1em;
  height: 1em
}

.title-30 {
  font: 500 30px/1.2 Hyundai Sans Head, sans-serif;
  color: #252525
}

.title-28 {
  margin-bottom: 15px;
  color: #1b1b1b;
  font: 500 28px Hyundai Sans Head, sans-serif
}

.title-24 {
  font: 500 24px/1.2 Hyundai Sans Head, sans-serif;
  color: #252525
}

.title-20 {
  font: 500 20px/1.2 Hyundai Sans Head, sans-serif;
  color: #252525
}

.title-18 {
  font: 500 18px/1.2 Hyundai Sans Head, sans-serif;
  color: #1b1b1b
}

.title-16 {
  font: 400 16px/1.125 Hyundai Sans Text, sans-serif;
  color: #1e1e1e
}

.title--white {
  color: #fff
}

.link {
  display: inline-block;
  color: #113a70;
  font: 400 16px/.9 Hyundai Sans Text, sans-serif;
  border-bottom: 1px solid;
  cursor: pointer
}

.link--black {
  color: #1b1b1b
}

.link--head {
  font: 300 16px/1 Hyundai Sans Head, sans-serif
}

.link--18 {
  font-size: 18px
}

.link--14 {
  font-size: 14px
}

.link--medium {
  font-weight: 500
}

.link:hover {
  color: #397acf
}

.new-offer {
  position: relative;
  height: 500px;
  background: #00254a
}

@media (max-width:1023px) {
  .new-offer {
    text-align: center;
    margin: 0 auto;
    height: 400px
  }
}

.new-offer__bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2
}

@media (max-width:1023px) {
  .new-offer__bg {
    background: rgba(0, 37, 74, .6)
  }
}

.new-offer__img {
  margin: 0 auto;
  height: 500px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:1023px) {
  .new-offer__img {
    display: none
  }
}

.new-offer__imgWrapper {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  text-align: center
}

.new-offer__content {
  position: relative;
  z-index: 2;
  padding-bottom: 25px
}

.new-offer__container-wrapper {
  max-width: 550px;
  margin: 0 0 0 auto;
  padding: 90px 0
}

@media (max-width:1023px) {
  .new-offer__container-wrapper {
    text-align: center;
    margin: 0 auto
  }
}

.new-offer__title {
  color: #fff;
  font-size: 28px;
  padding-bottom: 30px
}

.new-offer__btn {
  max-width: 300px
}

@media (max-width:1023px) {
  .new-offer__btn {
    text-align: center;
    margin: 0 auto
  }
}

.new-offer__text {
  color: #fff;
  padding-bottom: 40px
}

.btn {
  display: block;
  width: 100%;
  padding: .65em .7em;
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 500;
  line-height: 1em;
  border: 1px solid transparent;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  height: 40px;
  padding-top: 11px
}

.btn-outer {
  max-width: 100%
}

.btn-outer--w195 {
  width: 195px
}

.btn-outer--w215 {
  width: 215px
}

.btn-outer--w230 {
  width: 230px
}

.btn-outer--w290 {
  width: 290px
}

.btn-outer--w400 {
  width: 400px
}

.btn-outer--center {
  margin: 0 auto
}

@media (max-width:767px) {
  .btn-outer--sm-center {
    margin: 0 auto
  }
}

@media (max-width:479px) {
  .btn-outer--xxs-stretch {
    max-width: 100%
  }
}

@media (max-width:1199px) {
  .btn {
    font-size: 16px
  }
}

.btn--transparent {
  background-color: transparent;
  border-color: #113a70;
  color: #113a70
}

.btn--fill,
.btn--transparent:hover {
  background-color: #113a70;
  color: #fff
}

.btn--fill:hover {
  background-color: #18519c
}

.btn--fill:active {
  background-color: #0a2344
}

.btn--fill.btn--cyan {
  color: #000;
  background-color: #e4dcd3
}

.btn--fill.btn--cyan:hover {
  background-color: #f6f3f2
}

.btn--fill.btn--cyan:active {
  background-color: #b5d5ff
}

.btn--disabled,
.btn:disabled {
  background-color: #c6d1df !important;
  color: hsla(0, 0%, 100%, .56) !important
}

.btn--cyan.btn--disabled,
.btn--cyan:disabled {
  background-color: #eaf0f6 !important;
  color: rgba(17, 58, 112, .3) !important
}

.btn--arrow .icon-arrow-next {
  fill: #fff;
  font-size: 9px
}

.btn--bold {
  font-weight: 700
}

.btn--lt-sp {
  letter-spacing: .07em
}

.btn--fs-16,
.btn--link {
  font-size: 16px
}

.btn--link {
  padding: .8em .7em;
  color: #113a70;
  font-weight: 400;
  line-height: .8
}

.btn--link span {
  display: inline-block;
  border-bottom: 1px solid
}

@media (max-width:767px) {
  .btn--md-14 {
    font-size: 14px
  }
}

.btn.success {
  background-color: transparent;
  color: #113a70;
  border: 1px solid #113a70;
  pointer-events: none
}

.btn.success:after {
  content: "";
  display: inline-block;
  vertical-align: 1px;
  width: 8px;
  height: 14px;
  margin-left: 10px;
  border-right: 2px solid #86f282;
  border-bottom: 2px solid #86f282;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.btn-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background-color: #1c4b89;
  padding: 0 32px
}

@media (max-width:1199px) {
  .btn-more {
    padding: 0 22px
  }
}

@media (max-width:767px) {
  .btn-more {
    padding: 6px 10px
  }
}

.btn-more__part {
  height: 58px;
  line-height: 60px;
  white-space: nowrap
}

@media (max-width:1199px) {
  .btn-more__part {
    height: 45px;
    line-height: 48px
  }
}

@media (max-width:767px) {
  .btn-more__part {
    padding: 6px 10px;
    height: auto;
    line-height: 1.2;
    white-space: normal
  }
}

.btn-more__part1 {
  font-size: 24px;
  font-weight: 500;
  font-family: Hyundai Sans Head, sans-serif;
  text-align: right
}

@media (max-width:1199px) {
  .btn-more__part1 {
    font-size: 20px
  }
}

@media (max-width:1023px) {
  .btn-more__part1 {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .btn-more__part1 {
    height: auto;
    line-height: 1.2
  }
}

@media (max-width:479px) {
  .btn-more__part1 {
    font-size: .9rem
  }
}

.btn-more__part2 {
  padding: 0 23px 0 50px;
  background-color: #113a70;
  font-size: 18px;
  text-align: right
}

@media (max-width:1199px) {
  .btn-more__part2 {
    padding: 0 22px 0 30px
  }
}

@media (max-width:1023px) {
  .btn-more__part2 {
    font-size: 16px
  }
}

@media (max-width:479px) {
  .btn-more__part2 {
    padding: 0 10px
  }
}

.btn-more__part2 .icon-arrow-next {
  width: 5px;
  margin-left: 0;
  margin-bottom: 2px;
  fill: #fff;
  font-size: 9px
}

@media (max-width:1199px) {
  .btn-more__part2 .icon-arrow-next {
    margin-left: 5px
  }
}

.btn-tr {
  background-color: transparent;
  color: #113a70;
  border: 1px solid #113a70
}

.js-expand-btn {
  display: none
}

@media (max-width:767px) {
  .js-expand-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.btn-radio {
  margin-right: 10px;
  margin-bottom: 15px
}

@media (max-width:767px) {
  .btn-radio {
    margin-right: 5px;
    margin-bottom: 5px
  }
}

.btn-radio:last-child {
  margin-right: 0
}

.btn-radio__input {
  display: none
}

.btn-radio__input:checked+.btn-radio__label {
  color: #003469;
  border: none
}

.btn-radio__input:checked+.btn-radio__label .btn-radio__label-inner {
  border: 2px solid #003469
}

.btn-radio__input:disabled+.btn-radio__label {
  pointer-events: none;
  opacity: .3
}

.btn-radio__label {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 12px;
  cursor: pointer
}

@media (max-width:767px) {
  .btn-radio__label {
    font-size: 14px
  }
}

.btn-radio__label-inner {
  display: block;
  padding: 17px 15px 16px;
  border-radius: 10px;
  border: 1px solid #b3b3b3
}

@media (max-width:767px) {
  .btn-radio__label-inner {
    padding: 6px 15px 4px
  }
}

@media (max-width:479px) {
  .btn-radio__label-inner {
    padding: 6px 8px 4px
  }
}

.btn-radio__point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.btn-radio__point span {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  border-radius: 50%;
  border: 1px solid transparent;
  position: relative;
  top: -2px
}

.btn-radio__point span[style="background-color: #FFF;"],
.btn-radio__point span[style="background-color: #FFFFFF;"] {
  border-color: #ddd
}

.input-wrapper.error {
  position: relative
}

.input-wrapper.error .label--fly {
  border-bottom-color: red
}

.select-outer.error {
  position: relative
}

.select-outer.error .selectric {
  border-color: red
}

.error-text {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 100%;
  padding-top: 1px;
  font-size: 12px;
  line-height: 1;
  color: red;
  text-align: center;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.js-burger {
  position: absolute;
  z-index: 10;
  top: 13px;
  right: 11px;
  display: none
}

@media (max-width:740px) {
  .js-burger {
    display: block
  }
}

@media (max-width:479px) {
  .js-burger {
    top: 0
  }
}

.social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.social-list__item {
  margin: 0 2px
}

.social-list__item:hover a {
  background-color: #c6d3e1
}

.social-list__item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #d7e0ea;
  border-radius: 50%
}

@media (max-width:1023px) {
  .social-list__item a {
    width: 36px;
    height: 36px
  }
}

.social-list__item .icon-social-1 {
  font-size: 12px
}

.social-list__item .icon-social-2 {
  font-size: 20px
}

.social-list__item .icon-social-3,
.social-list__item .icon-social-4 {
  font-size: 21px
}

.social-list__item .icon-social-5 {
  font-size: 13px
}

.social-list__item .icon-social-6 {
  font-size: 17px
}

.list-title {
  margin-bottom: 2px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 500
}

.list__item,
.list li {
  margin-bottom: 15px;
  padding-left: 15px;
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif;
  line-height: 1.125;
  letter-spacing: -.009em
}

@media (max-width:1199px) {

  .list__item,
  .list li {
    font-size: 15px
  }
}

@media (max-width:767px) {

  .list__item,
  .list li {
    font-size: 14px
  }
}

@media (max-width:479px) {

  .list__item,
  .list li {
    font-size: 14px
  }
}

.list__item:before,
.list li:before {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%
}

.list {
  margin-bottom: 25px
}

.list--mini .list__item,
.list--mini li {
  margin-bottom: 0;
  line-height: 1.5
}

.list--black .list__item,
.list--black li {
  color: #1b1b1b
}

.list--black .list__item:before,
.list--black li:before {
  background-color: #1b1b1b
}

.list-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.list-media__item {
  width: 31%;
  max-width: 320px;
  padding: 20px;
  text-align: center
}

@media (max-width:1023px) {
  .list-media__item {
    width: calc(33.333% - 5px)
  }
}

@media (max-width:767px) {
  .list-media__item {
    padding: 15px
  }
}

@media (max-width:479px) {
  .list-media__item {
    width: 50%;
    margin-bottom: 0
  }
}

.list-media__item:hover {
  background-color: hsla(27, 11%, 84%, .7)
}

.list-media__img {
  margin-bottom: 15px
}

@media (max-width:767px) {
  .list-media__img {
    margin-bottom: 10px
  }
}

.list-media__img img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 180px
}

.list-media__text {
  color: #1b1b1b;
  font: 500 16px Hyundai Sans Head, sans-serif
}

@media (max-width:1023px) {
  .list-media__text {
    font-size: 16px
  }
}

.list-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
  transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
}

@media (max-width:479px) {
  .list-filter {
    max-height: 0;
    display: block
  }
}

.list-filter-outer {
  width: 100%
}

.list-filter-outer .arrow-expand {
  display: none;
  margin-bottom: 10px
}

@media (max-width:479px) {
  .list-filter-outer .arrow-expand {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.list-filter-outer.show .list-filter-title:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.list-filter-outer.show .list-filter {
  max-height: 9999px;
  -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s
}

@media (max-width:1199px) {
  .list-filter__item {
    margin-right: 10px
  }
}

@media (max-width:767px) {
  .list-filter__item {
    margin-right: 0
  }
}

.list-filter__item:last-child {
  margin-right: 0
}

.list-filter__item-label {
  display: block;
  padding: 12px 22px;
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  color: #191919;
  cursor: pointer;
  white-space: nowrap;
  text-align: center
}

@media (max-width:1199px) {
  .list-filter__item-label {
    padding: 8px 13px
  }
}

@media (max-width:767px) {
  .list-filter__item-label {
    font-size: 14px
  }
}

@media (max-width:479px) {
  .list-filter__item-label {
    padding: 5px 15px
  }
}

.list-filter__item-label:hover {
  background-color: #97847a;
  color: #fff
}

.list-filter__item-label:hover .list-filter__item-count {
  color: hsla(0, 0%, 100%, .5)
}

.list-filter__item-count {
  color: rgba(25, 25, 25, .5)
}

.list-filter__item input {
  display: none
}

.list-filter__item input:checked+.list-filter__item-label {
  background-color: #97847a;
  color: #fff
}

.list-filter__item input:checked+.list-filter__item-label .list-filter__item-count {
  color: hsla(0, 0%, 100%, .5)
}

@media (max-width:479px) {
  .list-filter__item input:checked+.list-filter__item-label {
    background-color: #113a70
  }
}

.list-cars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:767px) {
  .list-cars {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
    transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
  }
}

.list-cars-outer {
  padding: 30px 40px;
  -webkit-box-shadow: 0 14px 43px rgba(0, 47, 109, .21);
  box-shadow: 0 14px 43px rgba(0, 47, 109, .21);
  background-color: #fff
}

@media (max-width:1023px) {
  .list-cars-outer {
    padding: 20px 25px 50px
  }
}

@media (max-width:767px) {
  .list-cars-outer {
    padding: 0
  }
}

.list-cars-outer.show .list-cars {
  max-height: 9999px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.list-cars-outer.show .list-cars-title:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.list-cars-title {
  margin-bottom: 25px;
  color: #575757;
  font-size: 18px;
  font-family: hyundai sans text, sans-serif;
  font-weight: 400;
  cursor: default
}

@media (max-width:1023px) {
  .list-cars-title {
    margin-bottom: 0;
    font-size: 16px
  }
}

@media (max-width:767px) {
  .list-cars-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 15px;
    cursor: pointer;
    width: 100%
  }

  .list-cars-title:after {
    content: "";
    width: 10px;
    margin-left: 8px;
    border-top: 5px solid #003469;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent
  }
}

.list-cars__item {
  position: relative;
  margin-right: 30px;
  margin-bottom: 30px;
  width: 190px;
  white-space: normal
}

@media (max-width:1023px) {
  .list-cars__item {
    width: 25%;
    max-width: 100%;
    margin-right: 0;
    padding: 0 5px
  }
}

@media (max-width:767px) {
  .list-cars__item {
    width: 33.333%
  }
}

@media (max-width:600px) {
  .list-cars__item {
    width: 50%
  }
}

.list-cars__item .best_choice {
  position: absolute;
  right: -15px;
  top: -10px;
  margin: 0
}

.list-cars__item.selected .car-mini__title {
  border-bottom: 2px solid #ced6e2
}

.car-mini {
  display: block;
  text-align: center;
  cursor: pointer
}

.car-mini input[type=checkbox] {
  display: none
}

.car-mini input[type=checkbox]:checked~.car-mini__title {
  border-bottom: 2px solid #5cb4ff
}

.car-mini__img {
  margin-bottom: 5px
}

.car-mini__img img {
  display: block;
  width: 145px;
  max-width: 100%;
  margin: 0 auto
}

.car-mini__title {
  display: inline-block;
  text-align: center;
  color: #1b1b1b;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  border-bottom: 2px solid transparent
}

@media (max-width:767px) {
  .car-mini__title {
    font-size: 16px
  }
}

.car-mini--small .car-mini__title {
  font-size: 14px;
  font-weight: 400;
  text-transform: none
}

.price_modal_title {
  color: #b7b7b7 !important;
  font-size: 12px !important
}

.check-list__item {
  margin-bottom: 15px;
  min-height: 30px
}

.check-list__item:last-child {
  margin-bottom: 0
}

.check-block__input:checked .check-block__label:after {
  left: -2px
}

.check-block {
  position: relative
}

.check-block:hover {
  color: #0d458e
}

.check-block:hover:after {
  border-color: #5083bc
}

.check-block__input {
  display: none
}

.check-block__input .check-block__label:after {
  border-color: #003469;
  content: url(../img/static/icons/check-white.svg);
  position: absolute;
  top: 0;
  left: 0;
  display: none
}

.check-block__input:checked+.check-block__label:after {
  display: block
}

.check-block__input:checked+.check-block__label:before {
  background: #003469;
  position: absolute;
  top: 0;
  left: 0
}

.check-block__input:disabled+.check-block__label,
.check-block__input[readonly]+.check-block__label {
  pointer-events: none
}

.check-block__input:disabled:hover+.check-block__label,
.check-block__input[readonly]:hover+.check-block__label {
  color: initial
}

.check-block__input:disabled+.check-block__label:before,
.check-block__input[readonly]+.check-block__label:before {
  border-color: #003469;
  background: #e4dcd3 !important
}

.check-block__input:disabled+.check-block__label:after,
.check-block__input[readonly]+.check-block__label:after {
  content: url(../img/static/icons/check-blue.svg)
}

.check-block__input:checked:disabled+.check-block__label:after,
.check-block__input:checked[readonly]+.check-block__label:after {
  border-color: #003469 !important
}

.check-block__label {
  cursor: pointer;
  display: block;
  padding-left: 40px
}

.check-block__label:after,
.check-block__label:before {
  content: "";
  position: absolute;
  display: block
}

.check-block__label:before {
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  border: 1px solid #003469;
  border-radius: 4px
}

.check-block__label:after {
  content: url(../img/static/icons/check-white.svg);
  position: absolute;
  top: 0;
  left: 6px;
  display: none
}

.check-block__label-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:479px) {
  .check-block__label-head {
    display: block
  }
}

.check-block__label-left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 15px;
  line-height: 1.2;
  margin-top: 1px
}

@media (max-width:1199px) {
  .check-block__label-left {
    font-size: 16px
  }
}

@media (max-width:479px) {
  .check-block__label-left {
    font-size: 14px;
    padding-right: 0
  }
}

.check-block__label-right {
  width: 160px;
  font-size: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1;
  color: #113a70;
  text-align: right;
  white-space: nowrap
}

@media (max-width:1199px) {
  .check-block__label-right {
    font-size: 18px;
    width: 140px
  }
}

@media (max-width:479px) {
  .check-block__label-right {
    font-size: 14px
  }
}

.check-block__bottom:checked+.check-block__label:after,
.side-t1__checbox:checked+.check-block__label:after {
  top: 0
}

.side-t1__block-choice {
  max-width: 600px;
  margin: 0 auto
}

.side-t1__price-line {
  height: 1px;
  width: 100%;
  background: #cdd5e0;
  margin: 30px 0;
  padding: 0 20px
}

.checkbox-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.checkbox-circle__input {
  display: none
}

.checkbox-circle__input:checked~.checkbox-circle__label {
  background-color: #113a70
}

.checkbox-circle__input:checked~.checkbox-circle__label:before {
  left: 17px
}

.checkbox-circle__input:checked~.checkbox-circle__label:after {
  left: 24px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.checkbox-circle__input:checked~.checkbox-circle__variant--enabled {
  color: #113a70
}

.checkbox-circle__input:checked~.checkbox-circle__variant--disabled {
  color: rgba(25, 25, 25, .5)
}

.checkbox-circle__label {
  position: relative;
  display: block;
  width: 39px;
  height: 23px;
  margin: 0 15px;
  border-radius: 50px;
  background-color: #777;
  cursor: pointer;
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}

.checkbox-circle__label:after,
.checkbox-circle__label:before {
  content: "";
  position: absolute;
  -webkit-transition: left .25s;
  transition: left .25s
}

.checkbox-circle__label:before {
  top: 1px;
  left: 1px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .3);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .3)
}

.checkbox-circle__label:after {
  top: 9px;
  left: 10px;
  width: 5px;
  height: 5px;
  border-right: 1px solid #113a70;
  border-bottom: 1px solid #113a70;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.checkbox-circle__variant {
  font-size: 16px;
  font-weight: 500;
  color: rgba(25, 25, 25, .5);
  white-space: nowrap;
  cursor: pointer
}

.checkbox-circle__variant--disabled {
  color: #113a70;
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.checkbox-circle--no-left .checkbox-circle__label {
  margin-left: 0
}

.checkbox-circle--no-right .checkbox-circle__label {
  margin-right: 0
}

.select-outer {
  max-width: 100%
}

.select-outer--w225 {
  width: 225px
}

.select-outer--w310 {
  width: 310px
}

.select-outer--margin-bottom {
  margin-bottom: 18px
}

.select-outer--center .label {
  text-align: center;
  margin-left: 36px
}

.select-outer--rounded .selectric {
  border: 1px solid #b3b6b8;
  border-radius: 10px;
  padding: 2px 0
}

.select-outer--rounded .selectric .label {
  margin: 0 30px 0 20px
}

.select-outer--rounded .selectric .button {
  top: 0;
  height: 60px;
  width: 50px
}

.quantity-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 120px;
  height: 25px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  background-color: #f0f3f6;
  border-radius: 15px;
  color: #1b1b1b
}

@media (max-width:479px) {
  .quantity-counter {
    width: 100px
  }
}

.quantity-counter--big {
  height: 37px;
  width: 150px;
  font-size: 20px
}

@media (max-width:479px) {
  .quantity-counter--big {
    width: 120px;
    height: 30px;
    font-size: 16px
  }
}

.quantity-counter__control {
  height: 100%;
  line-height: 20px;
  padding: 4px 13px;
  cursor: pointer
}

.quantity-counter__input {
  display: block;
  width: 40px;
  padding-top: 4px;
  border: none;
  background-color: transparent;
  text-align: center
}

.filter-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  color: #727272;
  font-size: 14px
}

@media (max-width:479px) {
  .filter-reset {
    margin-top: 20px
  }
}

.filter-reset:hover {
  color: #003469
}

.filter-reset:hover .icon-svg {
  fill: #003469
}

.filter-reset .icon-svg {
  margin-right: 7px;
  font-size: 16px;
  fill: #113a70
}

.filter-reset span {
  padding-top: 4px;
  line-height: 1.3
}

.radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.radio-group__item {
  margin-right: 26px;
  margin-bottom: 5px
}

.radio-input__input {
  display: none
}

.radio-input__input:checked+.radio-input__label:after {
  display: block
}

.radio-input__label {
  position: relative;
  padding-left: 25px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300;
  line-height: 1;
  cursor: pointer
}

.radio-input__label:after,
.radio-input__label:before {
  content: "";
  position: absolute;
  border-radius: 50%
}

.radio-input__label:before {
  top: -2px;
  left: 0;
  width: 17px;
  height: 17px;
  border: 2px solid #113a70
}

.radio-input__label:after {
  top: 2px;
  left: 4px;
  display: none;
  width: 9px;
  height: 9px;
  background-color: #113a70
}

.field-group {
  margin-bottom: 22px
}

.field-group__title {
  margin-bottom: 6px;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300;
  line-height: 1.2
}

.block-border {
  margin-bottom: 17px;
  color: #1b1b1b
}

.block-border__input:checked+.block-border__label {
  border-color: #dae1ea
}

.block-border__label {
  cursor: pointer
}

.block-border__inner {
  display: block;
  padding: 25px 30px;
  border: 10px solid #f4f6f9
}

.block-border__title {
  margin-bottom: 15px
}

.block-border__description {
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif
}

.block-border__btn {
  padding-top: 15px;
  max-width: 285px
}

.block-border__input {
  display: none
}

.lego-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (max-width:767px) {
  .lego-car {
    margin-bottom: 25px
  }
}

@media (max-width:479px) {
  .lego-car {
    margin-bottom: 15px
  }
}

.lego-car__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 1
}

@media (max-width:1024px) {
  .lego-car__title {
    font-size: 11px;
    -ms-flex-item-align: center;
    align-self: center;
    white-space: nowrap
  }
}

.lego-car__img {
  margin: 0 0 0 25px
}

@media (max-width:1023px) {
  .lego-car__img {
    max-width: 70px;
    margin: 0 0 0 15px
  }
}

@media (max-width:479px) {
  .lego-car__img {
    margin: 0 10px
  }
}

.slider-form {
  max-width: 380px;
  width: 100%;
  background: #fff;
  padding: 30px 40px;
  position: absolute;
  top: 0;
  right: 70px;
  z-index: 5;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:1023px) {
  .slider-form {
    right: 40px
  }
}

@media (max-width:767px) {
  .slider-form {
    display: none;
    margin: 0 20px 0 auto;
    right: 0;
    left: 0
  }
}

@media (max-width:479px) {
  .slider-form {
    margin-top: 20px;
    padding: 20px 30px;
    max-width: 320px;
    height: 500px
  }
}

.slider-form.pos-x-left {
  right: auto;
  left: 70px
}

@media (max-width:1023px) {
  .slider-form.pos-x-left {
    left: 40px
  }
}

.slider-form.opacity10 {
  background: hsla(0, 0%, 100%, .1)
}

.slider-form.opacity20 {
  background: hsla(0, 0%, 100%, .2)
}

.slider-form.opacity30 {
  background: hsla(0, 0%, 100%, .3)
}

.slider-form.opacity40 {
  background: hsla(0, 0%, 100%, .4)
}

.slider-form.opacity50 {
  background: hsla(0, 0%, 100%, .5)
}

.slider-form.opacity60 {
  background: hsla(0, 0%, 100%, .6)
}

.slider-form.opacity70 {
  background: hsla(0, 0%, 100%, .7)
}

.slider-form.opacity80 {
  background: hsla(0, 0%, 100%, .8)
}

.slider-form.opacity90 {
  background: hsla(0, 0%, 100%, .9)
}

.slider-form__title {
  font-size: 28px;
  color: #003469;
  font-weight: 700;
  line-height: 1.2;
  padding-bottom: 5px
}

@media (max-width:479px) {
  .slider-form__title {
    font-size: 25px;
    line-height: 1
  }
}

.slider-form__price-block {
  padding-bottom: 15px
}

.slider-form__subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 22px;
  color: #1b1b1b;
  font-weight: 500
}

.slider-form__name {
  font-weight: 400;
  padding-right: 10px;
  font-size: 16px
}

.slider-form__title-price {
  font-size: 34px;
  color: #e63312;
  font-weight: 700;
  line-height: 1
}

.slider-form__credit,
.slider-form__form-title {
  color: #003469;
  font-weight: 700
}

.slider-form__form-title {
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 15px
}

.slider-form button {
  margin: 20px 0
}

.slider-form input,
.slider-form label {
  text-align: left !important
}

.slider-form .selectric {
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.slider-form .selectric .label {
  height: 35px;
  line-height: 35px
}

.nav-main {
  color: #191919;
  font: 500 16px Hyundai Sans Text, sans-serif
}

@media (max-width:1199px) {
  .nav-main {
    font-size: 15px
  }
}

@media (max-width:1023px) {
  .nav-main {
    padding: 0 0 20px
  }
}

.nav-main .nav-list__item>a:hover {
  color: #000
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:1023px) {
  .nav-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.nav-list__item {
  white-space: nowrap
}

@media (max-width:1023px) {
  .nav-list__item {
    position: relative;
    display: inline-block;
    -webkit-transform: translateY(-24px) scale(1.1);
    transform: translateY(-24px) scale(1.1);
    opacity: 0;
    -webkit-transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
    transition: opacity .35s ease-out, -webkit-transform .35s ease-out;
    transition: opacity .35s ease-out, transform .35s ease-out;
    transition: opacity .35s ease-out, transform .35s ease-out, -webkit-transform .35s ease-out
  }

  .nav-list__item:last-child {
    border-bottom: 0
  }
}

.nav-list__item.is-active,
.nav-list__item:hover {
  background-color: #f9f6f4
}

.nav-list__item.is-active.is-show>.submenu,
.nav-list__item:hover>.submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.nav-list__item:hover>.submenu {
  z-index: 11
}

.nav-list__item>a {
  display: block;
  padding: 25px
}

@media (max-width:1500px) {
  .nav-list__item>a {
    padding: 25px 15px
  }
}

@media (max-width:1350px) {
  .nav-list__item>a {
    padding: 15px 10px;
    font-size: 14px
  }
}

@media (max-width:1199px) {
  .nav-list__item>a {
    font-size: 12px
  }
}

@media (max-width:1023px) {
  .nav-list__item>a {
    padding: 10px;
    font-size: 16px
  }
}

.submenu {
  position: absolute;
  z-index: 10;
  top: 100%;
  left: 0;
  display: none;
  width: 100%
}

.submenu-list {
  padding: 20px 0;
  background-color: #d3c8c2
}

@media (max-width:1023px) {
  .submenu-list {
    position: absolute;
    top: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 45px;
    padding: 0;
    overflow: hidden
  }
}

@media (max-width:1023px) and (max-width:479px) {
  .submenu-list {
    top: 40px
  }
}

.submenu-list.show {
  max-height: 9999px
}

.submenu-list.show .submenu-list__expand:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.submenu-list__item {
  margin: 0 35px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 400;
  color: #313131;
  line-height: 1
}

@media (max-width:1023px) {
  .submenu-list__item {
    margin-bottom: 15px
  }
}

.submenu-list__item a {
  border-bottom: 1px solid transparent
}

.submenu-list__item:hover {
  color: #000
}

.submenu-list__item.active a {
  border-bottom: 1px solid
}

.submenu-list__item.active:hover {
  color: initial
}

.submenu-list__expand {
  display: none
}

@media (max-width:1023px) {
  .submenu-list__expand {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 45px;
    margin-bottom: 15px
  }
}

.submenu-car {
  background: #fff;
  -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
  box-shadow: 0 27px 90px rgba(0, 47, 109, .32)
}

.submenu-car__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 20px;
  padding-left: 30px;
  border-bottom: 1px solid #f0e8e4
}

.submenu-car__item-title {
  min-width: 120px;
  margin-right: 10px;
  font-size: 16px
}

.telephone a {
  color: #003469;
  font-size: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  letter-spacing: .03em
}

.telephone a:hover {
  color: #004d9c
}

.telephone--black a {
  color: #1b1b1b
}

.telephone--black a:hover {
  color: #414141
}

.form-t2 {
  -webkit-box-shadow: 0 12px 27px rgba(0, 47, 109, .19);
  box-shadow: 0 12px 27px rgba(0, 47, 109, .19)
}

@media (max-width:767px) {
  .form-t2 {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.form-t2__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 35px 49px
}

@media (max-width:1199px) {
  .form-t2__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width:767px) {
  .form-t2__inner {
    padding: 0 15px;
    max-width: 455px;
    margin-right: auto;
    margin-left: auto
  }
}

.form-t2__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  max-width: 1080px;
  padding-right: 40px
}

@media (max-width:1199px) {
  .form-t2__left {
    padding-right: 0
  }
}

.form-t2__left-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: calc(100%/4 - 20px);
  -webkit-box-flex: calc(100%/4 - 20px);
  -ms-flex: calc(100%/4 - 20px);
  flex: calc(100%/4 - 20px);
  margin: 0 20px 10px 0
}

@media (max-width:1199px) {
  .form-t2__left-column:nth-last-child(2) {
    padding-right: 10px
  }
}

@media (max-width:1023px) {
  .form-t2__left-column {
    width: calc(50% - 20px);
    -webkit-box-flex: calc(50% - 20px);
    -ms-flex: calc(50% - 20px);
    flex: calc(50% - 20px);
    margin: 0 10px 25px
  }
}

@media (max-width:479px) {
  .form-t2__left-column {
    width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
  }
}

.form-t2__left-column .select-outer {
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.form-t2__left.is-dc .form-t2__left-column {
  width: calc(100%/5 - 20px);
  -webkit-box-flex: calc(100%/5 - 20px);
  -ms-flex: calc(100%/5 - 20px);
  flex: calc(100%/5 - 20px)
}

@media (max-width:1023px) {
  .form-t2__left.is-dc .form-t2__left-column {
    width: calc(100%/2 - 20px);
    -webkit-box-flex: calc(100%/2 - 20px);
    -ms-flex: calc(100%/2 - 20px);
    flex: calc(100%/2 - 20px)
  }
}

@media (max-width:479px) {
  .form-t2__left.is-dc .form-t2__left-column {
    width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
  }
}

.form-t2__left .block-choice {
  padding-top: 20px;
  max-width: none;
  margin: 0 auto 0 0
}

@media (max-width:1199px) {
  .form-t2__left .block-choice {
    margin: 0 auto 20px
  }
}

@media (max-width:1023px) {
  .form-t2__left .block-choice {
    padding-top: 10px;
    margin: 0 10px 20px
  }
}

.form-t2__right {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.form-t2__btn {
  width: 198px;
  margin-right: auto;
  margin-left: auto
}

.form-t2 .selectric .label {
  line-height: 35px;
  height: 35px
}

.form-t2 .selectric .button {
  top: -1px
}

.form-t3__title {
  margin-bottom: 12px;
  text-align: center
}

@media (max-width:1199px) {
  .form-t3__title {
    font-size: 24px
  }
}

@media (max-width:479px) {
  .form-t3__title {
    font-size: 20px
  }
}

.form-t3__title.title-20 {
  font-size: 20px
}

@media (max-width:767px) {
  .form-t3__title.title-20 {
    font-size: 18px
  }
}

@media (max-width:479px) {
  .form-t3__title.title-20 {
    font-size: 16px
  }
}

.form-t3__inner {
  max-width: 290px;
  margin: 0 auto
}

.form-t3__subtitle {
  margin-bottom: 28px;
  font-size: 18px;
  font-weight: 400;
  font-family: Hyundai Sans Head, sans-seirf;
  color: #1b1b1b;
  line-height: 1.333;
  text-align: center
}

@media (max-width:767px) {
  .form-t3__subtitle {
    font-size: 16px
  }
}

.form-t3 .block-choice {
  margin-bottom: 35px;
  padding-top: 15px
}

.form-t3 .selectric {
  border-bottom: 1px solid rgba(17, 58, 112, .4);
  margin-top: -10px
}

.form-t3 .selectric .button {
  top: 12px
}

.form-t3 .selectric .label {
  height: 45px
}

.form-t3 .select-outer:first-child {
  margin-top: 18px
}

.form-t3 #form-default {
  margin: 0;
  padding: 0
}

.form-t4 {
  width: 440px;
  max-width: 100%
}

.form-t4__title {
  margin-bottom: 15px
}

@media (max-width:1023px) {
  .form-t4__title {
    font-size: 20px
  }
}

.form-t4__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px
}

@media (max-width:479px) {
  .form-t4__fields {
    margin: 0
  }
}

.form-t4__fields .input-wrapper {
  width: calc(50% - 40px);
  margin-right: 20px;
  margin-left: 20px
}

@media (max-width:479px) {
  .form-t4__fields .input-wrapper {
    width: 100%;
    margin-right: 0;
    margin-left: 0
  }
}

.form-t4__block-choice {
  margin-bottom: 25px
}

.form-t5__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 -15px
}

@media (max-width:1199px) {
  .form-t5__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.form-t5__fields {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1199px) {
  .form-t5__fields {
    width: 100%;
    margin-bottom: 10px
  }
}

@media (max-width:479px) {
  .form-t5__fields {
    display: block
  }
}

.form-t5__fields .input-wrapper {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: 15px;
  margin-left: 15px
}

@media (max-width:479px) {
  .form-t5__fields .input-wrapper {
    margin-bottom: 18px
  }
}

.form-t5__block-choice {
  width: 40%;
  margin-right: 15px;
  margin-left: 15px
}

@media (max-width:1199px) {
  .form-t5__block-choice {
    width: 100%;
    max-width: 350px
  }
}

.form-t6 {
  width: 100%
}

.form-t6 .block-choice {
  width: 100%;
  max-width: 100%;
  margin: 0 12px 30px;
  text-align: center
}

@media (max-width:767px) {
  .form-t6 .block-choice {
    margin-bottom: 25px
  }
}

.form-t6__inner {
  margin: 0 -12px
}

.form-t6__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.form-t6__row-50 {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.form-t6__row-50 .input-wrapper {
  width: calc(100% / 2 - 24px);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 2 - 24px);
  flex: 1 1 calc(100% / 2 - 24px);
  margin: 0 12px 20px
}

@media (max-width:767px) {
  .form-t6__row-50 .input-wrapper {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(100% - 24px);
    flex: 1 1 calc(100% - 24px)
  }
}

.form-t6__row-100 .input-wrapper {
  width: 100%;
  margin: 0 12px 20px
}

.form-t6__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%
}

.form-t6__btn {
  width: auto;
  margin: 0 auto
}

.form-t6__btn .btn {
  padding-left: 25px;
  padding-right: 25px;
  height: auto;
  white-space: normal
}

.form-t6 .selectric {
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.form-t6 .selectric .button {
  top: 0
}

.form-t6 .selectric .label {
  height: 35px;
  line-height: 35px
}

.form-t7__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -10px
}

.form-t7__title {
  margin-bottom: 20px
}

@media (max-width:1023px) {
  .form-t7__title {
    font-size: 20px
  }
}

.form-t7__field {
  width: calc(100% / 2 - 20px);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(100% / 2 - 20px);
  flex: 1 1 calc(100% / 2 - 20px);
  margin: 0 10px 20px
}

@media (max-width:767px) {
  .form-t7__field {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
  }
}

.form-t7 .selectric {
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.form-t7 .selectric .button {
  top: 0
}

.form-t7 .selectric .label {
  height: 35px;
  line-height: 35px
}

.form-payment-redirect form {
  padding: 40px 50px
}

@media (max-width:767px) {
  .form-payment-redirect form {
    padding: 40px 20px
  }
}

.form-payment-redirect__text {
  margin-bottom: 30px
}

.cars-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width:479px) {
  .cars-grid {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.cars-grid__item {
  width: 33.333%;
  margin-bottom: 60px;
  padding: 0 15px
}

@media (max-width:1199px) {
  .cars-grid__item {
    margin-bottom: 30px
  }
}

@media (max-width:767px) {
  .cars-grid__item {
    width: 50%;
    margin-bottom: 20px
  }
}

@media (max-width:479px) {
  .cars-grid__item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0
  }
}

.car-in-grid {
  display: block;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 25px
}

@media (max-width:1023px) {
  .car-in-grid {
    padding-bottom: 15px
  }
}

@media (max-width:479px) {
  .car-in-grid__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

@media (max-width:439px) {
  .car-in-grid__head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:479px) {
  .car-in-grid__head-part {
    max-width: 100%;
    text-align: center;
    margin-bottom: 10px
  }
}

@media (max-width:439px) {
  .car-in-grid__head-part {
    margin-bottom: 0
  }
}

.car-in-grid__head-part2 {
  margin-bottom: 15px;
}

@media (max-width:479px) {
  .car-in-grid__head-part2 {
    text-align: left;
    margin-left: 10px
  }
}

@media (max-width:439px) {
  .car-in-grid__head-part2 {
    text-align: center;
    margin-left: 0
  }
}

.car-in-grid__img img {
  display: block
}

@media (max-width:439px) {
  .car-in-grid__img img {
    max-width: 100%
  }
}

.car-in-grid__foot {
  max-width: 290px;
  width: 100%;
  margin: auto auto 0
}

@media (max-width:479px) {
  .car-in-grid__foot {
    max-width: 100%
  }
}

.car-in-grid__title {
  font-size: 24px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #252525;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:1199px) {
  .car-in-grid__title {
    font-size: 20px
  }
}

@media (max-width:479px) {
  .car-in-grid__title {
    font-size: calc(14px + 4 * ((100vw - 360px) / 120))
  }
}

@media (max-width:439px) {
  .car-in-grid__title {
    height: auto;
    margin-bottom: 5px
  }
}

.car-in-grid__price {
  margin-bottom: 5px;
  font-size: 24px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1.25;
  color: #cc5421
}

@media (max-width:1199px) {
  .car-in-grid__price {
    font-size: 18px
  }
}

@media (max-width:479px) {
  .car-in-grid__price {
    margin-bottom: 0;
    font-size: 16px
  }
}

@media (max-width:439px) {
  .car-in-grid__price {
    margin-bottom: 10px
  }
}

.car-in-grid__count {
  margin-bottom: 7px;
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400
}

@media (max-width:479px) {
  .car-in-grid__count {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 100%
  }
}

.car-in-grid__credit {
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  line-height: 1.666;
  color: #113a70;
  white-space: nowrap
}

@media (max-width:479px) {
  .car-in-grid__credit {
    font-size: 14px
  }
}

.car-in-grid__add {
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  line-height: 1.666;
  color: #113a70;
  max-width: 100%
}

@media (max-width:479px) {
  .car-in-grid__add {
    font-size: 14px
  }
}

.car-name {
  font-size: 14px;
  line-height: 1.2
}

.car-name__part1,
.car-name__part2 {
  font-family: Hyundai Sans Head, sans-serif
}

.car-name__part2 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.5
}

.brazzers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.brazzers__thumbs i,
.tmb-wrap div {
  display: table-cell;
  height: 100%;
  border-bottom: 5px solid transparent
}

.tmb-wrap div.active {
  border-color: #fbb254
}

.brazzers .brazzers__images img,
.brazzers .brazzers__images picture,
.brazzers__thumbs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.brazzers__thumbs {
  z-index: 2;
  display: table
}

.brazzers__thumbs i {
  position: relative
}

.brazzers__thumbs i.is-active {
  border-color: #29aae2
}

.brazzers__images img {
  opacity: 0;
  background-color: #fff
}

.touch .brazzers {
  display: none
}

.product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px;
  border: 1px solid #d0d0d0;
  text-align: center
}

@media (max-width:1023px) {
  .product {
    padding: 20px 15px
  }
}

@media (max-width:767px) {
  .product {
    padding: 15px 10px
  }
}

.product__head {
  margin-bottom: 25px
}

@media (max-width:479px) {
  .product__head {
    margin-bottom: 10px
  }
}

.product__head img {
  display: block;
  margin: 0 auto
}

.product__title {
  max-width: 200px;
  min-height: 2.6em;
  margin: 0 auto;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  color: #1b1b1b;
  line-height: 1.3
}

@media (max-width:767px) {
  .product__title {
    margin-bottom: 10px
  }
}

@media (max-width:479px) {
  .product__title {
    margin-bottom: 5px;
    font-size: 15px
  }
}

.product__title:hover {
  text-decoration: underline
}

.product__price {
  margin-top: auto;
  margin-bottom: 15px;
  color: #1b1b1b;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 400;
  line-height: 1
}

.product__price-old {
  margin-bottom: 5px;
  text-decoration: line-through
}

.product__price-current {
  font-size: 18px;
  font-weight: 500
}

.product__price-current--red {
  color: #cc5421
}

@media (max-width:479px) {
  .product__price-current {
    font-size: 16px
  }
}

.product__btn {
  width: 100%;
  max-width: 188px;
  margin-left: auto;
  margin-right: auto
}

.price-block {
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1
}

.price-block__part {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.price-block__part1 {
  margin-bottom: 15px
}

.price-block__part1-title {
  margin-bottom: 3px;
  font-size: 14px;
  white-space: nowrap;
  color: #7a7a7a
}

.price-block__part1-text {
  color: #191919;
  font-size: 20px
}

.price-block__part2 {
  color: #cc5421
}

.price-block__part2-title {
  margin-bottom: 5px;
  font-size: 14px;
  white-space: nowrap
}

.price-block__part2-text {
  font-size: 20px
}

.basket-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

@media (max-width:767px) {
  .basket-item {
    padding-bottom: 40px
  }
}

.basket-item--mini .basket-item__img {
  width: 15%
}

@media (max-width:767px) {
  .basket-item--mini .basket-item__img {
    width: 80px
  }
}

.basket-item--mini .basket-item__details {
  padding-left: 45px
}

@media (max-width:767px) {
  .basket-item--mini .basket-item__details {
    padding-left: 15px
  }
}

.basket-item__img {
  width: 32%;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width:1199px) {
  .basket-item__img {
    width: 20%
  }
}

@media (max-width:767px) {
  .basket-item__img {
    width: 80px
  }
}

.basket-item__img img {
  display: block;
  margin: 0 auto
}

.basket-item__details {
  padding-left: 25px;
  padding-right: 25px
}

@media (max-width:767px) {
  .basket-item__details {
    padding-left: 15px
  }
}

.basket-item__details-row1 {
  margin-bottom: 5px;
  font-size: 16px;
  line-height: 1.2;
  color: #252525
}

@media (max-width:767px) {
  .basket-item__details-row1 {
    font-size: 14px
  }
}

.basket-item__details-row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .basket-item__details-row2 {
    position: absolute;
    bottom: 0;
    left: 0
  }
}

.basket-item__quantity-counter {
  margin-right: 15px
}

.basket-item__price {
  white-space: nowrap
}

.basket-item__price-title {
  margin-right: 5px;
  color: rgba(25, 25, 25, .6);
  font-size: 16px
}

@media (max-width:479px) {
  .basket-item__price-title {
    display: none
  }
}

.basket-item__price-old {
  font-size: 13px;
  text-decoration: line-through;
  font-weight: 500
}

.basket-item__price-current {
  color: #cc5421;
  font-weight: 500;
  font-size: 16px
}

.basket-item__remove {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

@media (max-width:479px) {
  .basket-item__remove {
    top: 35px
  }
}

.basket-item__remove img {
  width: 18px;
  opacity: .2
}

.basket-list .basket-item__details-row2 {
  bottom: 20px
}

.basket-list__item {
  border-bottom: 1px solid rgba(17, 58, 112, .1);
  margin-bottom: 30px;
  padding-bottom: 40px
}

@media (max-width:1023px) {
  .basket-list__item {
    padding-bottom: 25px
  }
}

@media (max-width:767px) {
  .basket-list__item {
    padding-bottom: 60px
  }
}

.basket-list__item:last-child {
  margin-bottom: 10px;
  border-bottom: none
}

.card-shop {
  font-family: Hyundai Sans Text, sans-serif;
  line-height: 1.6em;
  border: 1px solid #dcdcdc;
  color: #1b1b1b
}

@media (max-width:1023px) {
  .card-shop {
    display: none
  }
}

.card-shop--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.card-shop__title {
  margin-bottom: 7px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.333
}

@media (max-width:1199px) {
  .card-shop__title {
    font-size: 18px
  }
}

.card-shop__body {
  padding: 25px 38px;
  font-size: 15px
}

.card-shop__address {
  margin-bottom: 15px
}

.card-shop__status {
  margin-bottom: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.card-shop__status:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 7px;
  border-radius: 50%
}

.card-shop__status.open:after {
  background-color: #77b97e
}

.card-shop__btn {
  padding-top: 25px
}

.mode-of-operations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.mode-of-operations-outer {
  margin-bottom: 15px
}

.mode-of-operations__part {
  margin-right: 50px
}

.mode-of-operations__part:last-child {
  margin-right: 0
}

.mode-of-operations__title {
  font-weight: 700
}

.sticker {
  display: inline-block;
  padding: 3px 15px 2px;
  margin: 3px 4px;
  font-size: 12px;
  line-height: normal;
  color: #fff;
  border-radius: 7px;
  text-align: right;
  background-color: #7bc248
}

@media (min-width:600px) {
  .sticker {
    font-size: 13px
  }
}

@media (min-width:1024px) {
  .sticker {
    text-align: center
  }
}

@media (min-width:1024px) {
  .sticker br {
    display: none
  }
}

.sticker--electron {
  background-color: orange
}

.sticker--stock-on {
  background-color: #428bca
}

.sticker--stock-off {
  background-color: #fc0
}

.car-card__sticker {
  position: absolute;
  top: 0;
  right: -15px;
  text-align: center
}

@media (min-width:600px) {
  .car-card__sticker {
    top: 15px;
    right: 0
  }

  .car-card__sticker br {
    display: none
  }
}

@media (max-width:1440px) {
  .car-card__sticker {
    top: 5px
  }
}

@media (max-width:1023px) {
  .car-card__sticker {
    top: 17px
  }
}

@media (max-width:599px) {
  .car-card__sticker {
    top: 31px
  }
}

.car-card__stock {
  position: absolute;
  top: 0;
  right: -15px;
  border-radius: 7px
}

@media (min-width:600px) {
  .car-card__stock {
    top: 17px;
    right: 130px
  }
}

@media (max-width:1440px) {
  .car-card__stock {
    top: 7px
  }
}

@media (max-width:1023px) {
  .car-card__stock {
    top: 50px;
    right: 0;
    border-radius: 7px 0 0 7px
  }
}

@media (max-width:599px) {
  .car-card__stock {
    top: 0;
    right: -15px;
    padding: 3px 6px 2px
  }
}

.car-card__stock--on {
  background-color: #428bca
}

.car-card__stock--off {
  background-color: #fc0
}

.car-card__stock--only {
  border-radius: 0;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px
}

@media (min-width:600px) {
  .car-card__stock--only {
    right: 0
  }
}

@media (max-width:1023px) {
  .car-card__stock--only {
    top: 15px
  }
}

@media (max-width:599px) {
  .car-card__stock--only {
    top: 0;
    right: -15px
  }
}

.printing span {
  display: inline-block;
  vertical-align: middle;
  color: #113a70;
  font-size: 16px;
  border-bottom: 1px solid;
  line-height: .7
}

.printing .icon-printing {
  margin-right: 4px;
  fill: #1db8da;
  font-size: 24px
}

.block-border-mini {
  margin-bottom: 35px;
  padding: 23px;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: .02em;
  line-height: 1.3;
  border: 1px solid #d0d0d0
}

.block-border-mini ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:1199px) {
  .block-border-mini ul {
    display: block
  }
}

.block-border-mini li {
  margin-right: 70px
}

@media (max-width:1199px) {
  .block-border-mini li {
    margin-right: 0
  }
}

.block-border-mini li+li {
  padding-top: 15px
}

.block-border-mini b {
  font-size: 14px;
  font-weight: 700
}

.block-border-mini__title {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 18px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500
}

.block-border-mini__subtitle {
  display: inline-block;
  margin-bottom: 6px;
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400
}

.table-offers-title {
  margin-bottom: 25px
}

.table-offers {
  width: 600px;
  max-width: 100%
}

.table-offers__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300
}

@media (max-width:767px) {
  .table-offers__headline {
    display: none
  }
}

.table-offers__headline span {
  display: block;
  width: 26.5%;
  padding: 0 5px
}

.table-offers__headline span:first-child {
  margin-left: 12%;
  width: 35%
}

.table-offers__row {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  background-color: #edf3f7;
  border-radius: 10px
}

@media (max-width:767px) {
  .table-offers__row {
    padding: 25px 0
  }
}

.table-offers__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 24px 5px
}

@media (max-width:767px) {
  .table-offers__column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 10px;
    padding: 0 5px 0 65px
  }
}

.table-offers__column:before {
  display: none
}

@media (max-width:767px) {
  .table-offers__column:before {
    display: inline;
    margin-right: 10px
  }
}

.table-offers__column:nth-child(2),
.table-offers__column:nth-child(3),
.table-offers__column:nth-child(4) {
  width: 26.5%
}

@media (max-width:767px) {

  .table-offers__column:nth-child(2),
  .table-offers__column:nth-child(3),
  .table-offers__column:nth-child(4) {
    width: 100%
  }
}

.table-offers__column:first-child {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 12%;
  padding-right: 0;
  padding-left: 0
}

@media (max-width:767px) {
  .table-offers__column:first-child {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 65px;
    padding-left: 35px;
    padding-top: 30px
  }
}

.table-offers__column:nth-child(2) {
  width: 35%
}

@media (max-width:767px) {
  .table-offers__column:nth-child(2) {
    width: 100%
  }
}

.table-offers__column:nth-child(2):before {
  content: "\411\430\43D\43A, \43F\440\43E\433\440\430\43C\43C\430"
}

.table-offers__column:nth-child(3):before {
  content: "\421\442\430\432\43A\430"
}

.table-offers__column:nth-child(4):before {
  content: "\41F\43B\430\442\435\436   \432   \43C\435\441\44F\446"
}

@media (max-width:767px) {
  .table-offers__name {
    margin-right: 10px
  }
}

.table-offers__check-input {
  display: none
}

.table-offers__check-input:checked+.table-offers__check-label:after {
  content: ""
}

.table-offers__check-label {
  position: relative;
  display: block;
  cursor: pointer
}

.table-offers__check-label:after,
.table-offers__check-label:before {
  position: absolute;
  top: 50%;
  display: block;
  margin-left: -10px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.table-offers__check-label:before {
  content: "";
  top: 3px;
  left: 0;
  width: 21px;
  height: 21px;
  border: 2px solid #113a70
}

.table-offers__check-label:after {
  content: none;
  top: 2px;
  left: 8px;
  width: 6px;
  height: 12px;
  border-bottom: 2px solid #113a70;
  border-right: 2px solid #113a70;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.table-offers__link {
  display: inline-block;
  font-size: 14px;
  line-height: .8;
  border-bottom: 1px solid
}

.table-offers__price {
  color: #d41313
}

.palette-group {
  margin-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px
}

@media (max-width:479px) {
  .palette-group {
    margin-bottom: 10px
  }
}

.palette-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.palette-item {
  margin-right: 10px
}

.palette-item__input {
  display: none
}

.palette-item__input:checked+.palette-item__label {
  border: 4px solid #b8b8b8
}

.palette-item__label {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 4px solid transparent;
  cursor: pointer
}

.palette-title {
  font-size: 14px;
  font-weight: 400;
  color: hsla(0, 0%, 48%, .53)
}

.dealer-list {
  font-family: Hyundai Sans Text, sans-serif
}

.dealer-list .car-card__gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 0
}

.dealer-list .car-card__gallery figure,
.dealer-list .car-card__gallery figure img {
  width: 100%
}

@media (max-width:800px) {
  .dealer-list .car-card__gallery {
    margin: 0 auto
  }
}

@media (max-width:600px) {
  .dealer-list .car-card__gallery {
    margin-left: 0
  }
}

.dealer-list__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
  background: #fff;
  -webkit-box-shadow: 0 4px 13px rgba(0, 47, 109, .25);
  box-shadow: 0 4px 13px rgba(0, 47, 109, .25)
}

.dealer-list__container:last-child {
  margin-bottom: 0
}

@media (max-width:800px) {
  .dealer-list__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 400px;
    margin: 0 auto 30px
  }
}

.dealer-list__info {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-right: 10px
}

.dealer-list__subcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px 0
}

@media (max-width:965px) {
  .dealer-list__subcontainer {
    padding: 0 10px
  }
}

.dealer-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

@media (max-width:965px) {
  .dealer-list__info {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
  }
}

.dealer-list__work {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%
}

.dealer-list__work .dealer-list__row {
  margin-bottom: 0
}

@media (max-width:965px) {
  .dealer-list__work {
    display: none
  }
}

.dealer-list__head {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Hyundai Sans Head, sans-serif
}

.dealer-list__box,
.dealer-list__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

.dealer-list__box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.dealer-list__box .dealer-list__row {
  margin-bottom: 0
}

@media (max-width:1150px) {
  .dealer-list__box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.dealer-list__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  padding-right: 10px
}

.dealer-list__column:last-child {
  padding-right: 0
}

@media (max-width:1150px) {
  .dealer-list__column {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%
  }
}

.dealer-list__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  margin: 20px 0 0
}

@media (max-width:1150px) {
  .dealer-list__btns {
    margin: 15px 0
  }
}

@media (max-width:800px) {
  .dealer-list__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.dealer-list__btn {
  margin-right: 20px;
  min-width: 227px
}

.dealer-list__btn button {
  width: 100%
}

.dealer-list__btn:last-child {
  border-right: 0
}

@media (max-width:800px) {
  .dealer-list__btn:last-child {
    margin-bottom: 0
  }
}

@media (max-width:952px) {
  .dealer-list__btn {
    min-width: 190px
  }
}

@media (max-width:866px) {
  .dealer-list__btn {
    min-width: 150px
  }
}

@media (max-width:800px) {
  .dealer-list__btn {
    min-width: 227px;
    margin-bottom: 10px
  }
}

.dealer-list__row {
  margin-bottom: 10px
}

.dealer-list__title {
  font-size: 30px;
  color: #000;
  font-weight: 500
}

.dealer-list__label {
  font-weight: 400
}

.dealer-list__label,
.dealer-list__text {
  font-family: Hyundai Sans Text, sans-serif;
  font-size: 16px;
  color: #000
}

.dealer-list__text {
  font-weight: 700
}

.p-header-dc__dc {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:640px) {
  .p-header-dc__dc {
    display: none
  }
}

.p-header-dc__dc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 50px
}

.p-header-dc__dc-box:nth-last-child(2) {
  margin-right: 100px
}

@media (max-width:1439px) {
  .p-header-dc__dc-box:nth-last-child(2) {
    margin-right: 50px
  }
}

@media (max-width:1000px) {
  .p-header-dc__dc-box:nth-last-child(2) {
    margin-right: 25px
  }
}

@media (max-width:1100px) {
  .p-header-dc__dc-box {
    margin-right: 25px
  }
}

@media (max-width:1024px) {
  .p-header-dc__dc-box {
    display: none
  }
}

.p-header-dc__dc-box .social-list {
  margin: 3px 0 0
}

.p-header-dc__dc-box .social-list__item a {
  width: 28px;
  height: 28px
}

.p-header-dc__dc-box .social-list__item a .icon-svg {
  max-width: 55%;
  max-height: 55%
}

.p-header-dc__btn {
  min-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:450px) {
  .p-header-dc__btn {
    display: none
  }
}

.p-header-dc__dc-label {
  font-weight: 400;
  text-align: right;
  line-height: 1.3
}

.p-header-dc__dc-label,
.p-header-dc__dc-text {
  font-family: Hyundai Sans Text, sans-serif;
  font-size: 14px;
  color: #000
}

.p-header-dc__dc-text {
  font-weight: 700
}

.scrolltop {
  position: fixed;
  right: 22px;
  bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  width: 50px;
  height: 50px;
  opacity: 0;
  visibility: hidden
}

.scrolltop.is-active {
  opacity: 1;
  visibility: visible;
  z-index: 1051
}

.scrolltop__icon {
  width: 24px;
  height: 16px
}

.pay {
  background: #fff;
  width: 100%;
  text-align: center;
  color: #1b1b1b;
  padding: 90px 0
}

@media (max-width:767px) {
  .pay {
    padding: 50px 0
  }
}

.pay__img {
  display: block;
  margin: 0 auto;
  margin-bottom: 40px
}

.pay__title {
  font-weight: 700;
  font-size: 30px;
  padding-bottom: 30px
}

@media (max-width:767px) {
  .pay__title {
    font-size: 22px
  }
}

.pay__subtitle {
  font-size: 20px
}

@media (max-width:767px) {
  .pay__subtitle {
    font-size: 16px
  }
}

#form-testdrive .block-choice {
  padding-top: 5px
}

#form-sale .selectric-wrapper {
  position: relative;
  cursor: pointer;
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

#form-sale .selectric {
  height: 35px
}

#form-sale .selectric .label {
  height: 35px;
  line-height: 35px
}

#form-sale .selectric .button {
  top: 0
}

.pay-avto {
  margin-bottom: 60px
}

.pay-avto__left {
  max-width: 960px;
  padding: 35px 60px 40px;
  background: #fff
}

@media (max-width:767px) {
  .pay-avto__left {
    padding: 30px 10px 40px
  }
}

.pay-avto__heading {
  font-weight: 700;
  font-size: 28px;
  color: #1b1b1b;
  padding-bottom: 30px
}

.pay-avto__title {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 50px
}

.pay-avto__right {
  background: #f6f3f2;
  padding: 40px 50px;
  max-width: 440px;
  min-width: 440px
}

@media (max-width:1199px) {
  .pay-avto__right {
    max-width: 100%;
    min-width: 100%;
    height: auto;
    text-align: center
  }
}

@media (max-width:767px) {
  .pay-avto__right {
    padding: 40px 20px
  }
}

@media (max-width:479px) {
  .pay-avto__right {
    padding: 40px 15px
  }
}

.pay-avto__right .btn {
  margin-top: 30px
}

@media (max-width:1199px) {
  .pay-avto__right .btn {
    margin: 0 auto;
    margin-top: 30px
  }
}

.pay-avto__right .block-choice {
  margin-top: 50px
}

.pay-avto__right .block-choice label>a {
  color: #00aad2
}

.pay-avto__right img {
  display: block;
  margin: 20px auto
}

.pay-avto__right p {
  font-size: 14px;
  color: #767676
}

.pay-avto__right-title {
  font-size: 20px;
  padding-top: 20px;
  font-weight: 700
}

.pay-avto__right-subtitle {
  font-size: 14px;
  color: #767676
}

.pay-avto__right b {
  color: #000
}

.pay-avto__right .check-block__label:after {
  top: 5px
}

.pay-avto__right .textConfirm {
  max-width: 400px;
  text-align: left
}

.pay-avto__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -20px
}

@media (max-width:767px) {
  .pay-avto__form {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
  }
}

.pay-avto__form-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

@media (max-width:1199px) {
  .pay-avto__form-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.pay-avto__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0;
  width: 100%
}

@media (max-width:767px) {
  .pay-avto__form-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.pay-avto__form-row .input-wrapper {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(50% - 40px);
  flex: 1 1 calc(50% - 40px);
  margin: 0 20px 60px
}

@media (max-width:767px) {
  .pay-avto__form-row .input-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 400px;
    margin: 0 0 40px
  }
}

.pay-avto__notify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(50% - 40px);
  flex: 1 1 calc(50% - 40px);
  margin: 0 20px 60px
}

@media (max-width:767px) {
  .pay-avto__notify {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    max-width: 400px;
    margin: 0 0 40px;
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5
  }
}

.pay-avto__notify p {
  line-height: 1;
  font-size: 14px
}

@media (max-width:1439px) {
  .pay-avto__notify p {
    font-size: 12px
  }
}

.pay-avto__notify-img {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #00aad2;
  min-width: 56px;
  height: 56px;
  margin-right: 15px
}

.pay-avto__info,
.pay-avto__notify-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pay-avto__info {
  margin: 0 -20px
}

@media (max-width:640px) {
  .pay-avto__info {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.pay-avto__info-row {
  margin: 0 20px;
  width: 50%
}

@media (max-width:640px) {
  .pay-avto__info-row {
    width: 100%;
    margin-bottom: 40px
  }
}

.pay-avto__info-title {
  color: #00aad2;
  font-size: 36px;
  font-weight: 500;
  padding-bottom: 10px
}

.pay-avto__info-subtitle {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 10px
}

.pay-avto__info-text {
  font-size: 14px
}

.pay-avto__line {
  background: #e4dcd3;
  width: 100%;
  height: 1px;
  margin-bottom: 30px
}

.pay-avto .side-t1__price-bottom__input-wrapper.active .label--fly,
.pay-avto .side-t1__price-bottom__input-wrapper .input:focus+.label--fly {
  padding-bottom: 60px
}

.pay-avto__prices {
  width: 100%;
  max-width: 580px;
  margin: 0 auto 30px;
  text-align: left;
  line-height: 1.2
}

.pay-avto__defaultPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 16px
}

.pay-avto__defaultPrice-title {
  margin-right: 10px
}

.pay-avto__defaultPrice-value {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  white-space: nowrap
}

.pay-avto__priceModifers {
  margin-bottom: 20px;
  text-align: left
}

.pay-avto__priceModifer {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #191919
}

.pay-avto__priceModifer:before {
  content: url(../img/static/icons/icon-check-accent.svg);
  display: inline-block;
  vertical-align: middle;
  width: 1.435em;
  height: 1em;
  margin: 2px 5px 0 0;
  font-size: 8px
}

.pay-avto__priceModifer span {
  margin-left: auto;
  padding-left: 12px;
  -ms-flex-item-align: center;
  align-self: center;
  color: #d41313;
  white-space: nowrap
}

.pay-avto__priceModifer span span {
  margin: 0;
  padding: 0
}

.pay-avto__totalPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 18px
}

@media (max-width:479px) {
  .pay-avto__totalPrice {
    font-size: 16px
  }
}

.pay-avto__totalPrice-title {
  margin-right: 5px
}

.pay-avto__totalPrice-title:first-letter {
  text-transform: uppercase
}

.pay-avto__totalPrice-value {
  white-space: nowrap;
  color: #d41313;
  font-weight: 600
}

.pay-avto__dealerCenters {
  max-width: 400px;
  margin: 0 auto 30px
}

.pay-avto__dealerCenters .selectric {
  background-color: #fff
}

@media (max-width:767px) {
  .pay-avto__surname {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
  }

  .pay-avto__name {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }

  .pay-avto__patronymic {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }

  .pay-avto__email {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
  }

  .pay-avto__phone {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
  }
}

.selectColorGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.selectColorGroup__title {
  width: 100%;
  margin-bottom: 7px;
  color: #191919;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.3
}

@media (max-width:479px) {
  .selectColorGroup__title {
    font-size: 12px;
    margin-bottom: 4px
  }
}

.selectColorGroup__selectColor {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin: 0 20px 0 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.selectColorGroup__selectColor:last-child {
  margin: 0
}

@media (max-width:767px) {
  .selectColorGroup__selectColor {
    margin-right: 17px
  }
}

@media (max-width:479px) {
  .selectColorGroup__selectColor {
    margin-bottom: 15px
  }
}

.selectColorGroup__input {
  display: none
}

.selectColorGroup__color {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 8px solid #ccc;
  border-radius: 50%;
  overflow: hidden;
  -webkit-transition: border .2s ease;
  transition: border .2s ease
}

@media (max-width:767px) {
  .selectColorGroup__color {
    width: 34px;
    height: 34px;
    border-width: 6px
  }
}

.selectColorGroup__color:after {
  content: "";
  position: absolute;
  left: 2%;
  top: 2%;
  width: 96%;
  height: 96%;
  z-index: 1;
  opacity: 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, hsla(0, 0%, 100%, .4)), color-stop(90%, transparent));
  background: linear-gradient(0deg, transparent 50%, hsla(0, 0%, 100%, .4) 0, transparent 90%);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.selectColorGroup__input--white~.selectColorGroup__color:after {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, transparent), color-stop(50%, hsla(0, 0%, 87%, .4)), color-stop(90%, transparent));
  background: linear-gradient(0deg, transparent 50%, hsla(0, 0%, 87%, .4) 0, transparent 90%)
}

.selectColorGroup__checkMark {
  position: absolute;
  left: calc(50% - 5px);
  top: calc(50% - 27px);
  width: 10px;
  height: 8px;
  opacity: 0;
  fill: #fff;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition: opacity .15s ease, -webkit-transform .15s ease;
  transition: opacity .15s ease, -webkit-transform .15s ease;
  transition: opacity .15s ease, transform .15s ease;
  transition: opacity .15s ease, transform .15s ease, -webkit-transform .15s ease
}

.selectColorGroup__input--white~.selectColorGroup__checkMark {
  fill: #ccc
}

.selectColorGroup__input:checked~.selectColorGroup__checkMark {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.selectColorGroup__label {
  padding-top: 10px;
  font-size: 11px;
  font-weight: 700;
  color: #000;
  opacity: 1;
  text-transform: uppercase;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease;
  margin-bottom: 20px
}

.selectColorGroup__input:hover~.selectColorGroup__label {
  opacity: 1;
  -webkit-transition-delay: .15s;
  transition-delay: .15s
}

.p-header-mobile {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  display: none;
  width: 100%;
  padding-bottom: 80px
}

@media (max-width:1023px) {
  .p-header-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.p-header-mobile__scroll {
  height: 100%;
  padding: 0 25px;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch
}

.p-header-mobile__part {
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.p-header-mobile__part1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  min-height: 100%;
  padding: 30px 0 0
}

@media (max-width:479px) {
  .p-header-mobile__part1 {
    padding-top: 10px
  }
}

.p-header-mobile__part2 {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 80px;
  padding: 0 15px;
  font-size: 12px;
  text-align: center;
  line-height: 1.2;
  background-color: #444;
  opacity: 0;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.p-header-mobile__part2 div {
  max-width: 350px
}

.p-header-mobile-dc__dc {
  padding: 0 0 35px;
  max-width: 340px;
  text-align: center
}

.p-header-mobile-dc__dc-label {
  display: block;
  font-size: 14px;
  line-height: 1.2
}

.p-header-mobile-dc__dc-box {
  margin: 0 0 8px;
  text-align: center
}

.p-header-mobile-dc__dc-address {
  margin-bottom: 3px;
  font-size: 14px;
  line-height: 1.2
}

.p-header-mobile-dc__dc-phone {
  font-weight: 500
}

.p-header-mobile-dc__btn {
  min-width: 170px
}


.p-header-mobile__social-list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 5px auto 20px
}

.widget {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 1000;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease
}

.widget.show {
  opacity: 1
}

.widget__btn {
  position: relative;
  display: block;
  width: 105px;
  height: 105px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 0;
  pointer-events: all;
  cursor: pointer;
  font-family: ModernHLight, Arial, sans-serif;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  color: #fff !important;
  border-radius: 100%;
  outline: 0;
  overflow: hidden;
  text-align: center;
  line-height: 16px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}

@media screen and (max-width:768px) {
  .widget__btn {
    width: 64px;
    height: 64px
  }
}

.widget__btn:after,
.widget__btn:before {
  content: "+";
  position: absolute;
  left: 35%;
  top: calc(50% - 2px);
  width: 30%;
  height: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border-radius: 5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s
}

.widget__btn:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.widget.is-active .widget__btn:after,
.widget.is-active .widget__btn:before {
  opacity: 1;
  -webkit-transition: opacity .2s ease .25s;
  transition: opacity .2s ease .25s
}

.widget__btnImg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
  -webkit-transition: opacity .2s ease .1s;
  transition: opacity .2s ease .1s
}

.widget.is-active .widget__btnImg {
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.p-header {
  position: relative;
  z-index: 5;
  background-color: #fff;
  color: #000
}

@media (max-width:1023px) {
  .p-header {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 66px;
    overflow: hidden;
    -webkit-transition: height .35s ease-in, background .35s linear, -webkit-transform .3s;
    transition: height .35s ease-in, background .35s linear, -webkit-transform .3s;
    transition: transform .3s, height .35s ease-in, background .35s linear;
    transition: transform .3s, height .35s ease-in, background .35s linear, -webkit-transform .3s;
    -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
    box-shadow: 0 27px 90px rgba(0, 47, 109, .32)
  }
}

@media (max-width:479px) {
  .p-header {
    height: auto
  }
}

.p-header.is-active {
  height: 100%;
  -webkit-transition: height .35s ease-in .2s, background .35s linear, -webkit-transform .3s;
  transition: height .35s ease-in .2s, background .35s linear, -webkit-transform .3s;
  transition: transform .3s, height .35s ease-in .2s, background .35s linear;
  transition: transform .3s, height .35s ease-in .2s, background .35s linear, -webkit-transform .3s
}

.p-header.is-active .p-header-mobile__part2 {
  opacity: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s
}

.p-header.is-active .nav-list__item {
  -webkit-transform: none;
  transform: none;
  opacity: 1
}

.p-header.out {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-box-shadow: none;
  box-shadow: none
}

@media (max-width:1023px) {
  .p-header.scroll {
    -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
    box-shadow: 0 27px 90px rgba(0, 47, 109, .32)
  }
}

@media (max-width:1023px) {
  .p-header .submenu {
    display: none !important
  }
}

@media (max-width:1023px) {
  .p-header-submenu-fixed {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media (max-width:1023px) {
  .p-header-submenu-fixed~.p-content {
    margin-top: 111px
  }
}

@media (max-width:479px) {
  .p-header-submenu-fixed~.p-content {
    margin-top: 85px
  }
}

.p-header-first-line {
  position: relative
}

.p-header-first-line__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 74px;
  padding: 5px 0
}

@media (max-width:1199px) {
  .p-header-first-line__inner {
    padding: 6px 0
  }
}

@media (max-width:1023px) {
  .p-header-first-line__inner {
    min-height: 66px;
    padding: 0 44px 0 0
  }
}

@media (max-width:479px) {
  .p-header-first-line__inner {
    min-height: 40px
  }
}

.logo {
  line-height: 1
}

.p-header-first-line__logoWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-right: 15px
}

.p-header-first-line__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-header-first-line__logo .logo__text {
  color: #002c5f;
  position: relative;
  padding-left: 15px;
  margin-left: 15px;
  font-size: 20px;
  line-height: 1;
  font-weight: 600
}

@media (max-width:640px) {
  .p-header-first-line__logo .logo__text {
    font-size: 18px
  }
}

.p-header-first-line__logo .logo__text:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 1px;
  background: #b7b7b7;
  left: 0;
  top: -1px
}

@media (max-width:479px) {
  .p-header-first-line__logo .logo__text {
    color: #113a70;
    position: relative;
    padding-left: 10px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 1
  }
}

.p-header-first-line__logo .logo__text .isSmall {
  display: block;
  font-size: 15px;
  margin-bottom: 3px
}

.p-header-first-line__logo .logo__text .isSmall:last-child {
  margin-bottom: 0
}

@media (max-width:479px) {
  .p-header-first-line__logo .logo__text .isSmall {
    font-size: 12px;
    margin-top: 0;
    font-size: 10px
  }
}

.p-header-first-line__logo .logo__img {
  display: inline-block;
  width: 163px
}

@media (max-width:1199px) {
  .p-header-first-line__logo .logo__img {
    width: 150px
  }
}

@media (max-width:1023px) {
  .p-header-first-line__logo .logo__img {
    width: 120px
  }
}

@media (max-width:479px) {
  .p-header-first-line__logo .logo__img {
    width: 100px;
    color: #113a70;
    position: relative;
    font-size: 12px;
    line-height: 1
  }
}

@media (max-width:439px) {
  .p-header-first-line__logo .logo__img {
    width: 80px
  }
}

.p-header-first-line__logoSlogan {
  margin-top: 3px;
  font-size: 14px;
  line-height: 1.1;
  color: #002c5f;
  font-weight: 600
}

@media (max-width:1023px) {
  .p-header-first-line__logoSlogan {
    font-size: 12px
  }
}

@media (max-width:439px) {
  .p-header-first-line__logoSlogan {
    margin-top: 0;
    font-size: 10px
  }
}

.p-header-first-line__address {
  margin-right: 86px;
  margin-left: auto;
  font-size: 15px;
  color: #4d4d4d;
  letter-spacing: -.01em
}

@media (max-width:1199px) {
  .p-header-first-line__address {
    margin-right: auto
  }
}

@media (max-width:1023px) {
  .p-header-first-line__address {
    display: none
  }
}

.p-header-first-line__social-list {
  margin: 0 20px 0 auto
}

@media (max-width:1023px) {
  .p-header-first-line__social-list {
    display: none
  }
}

.p-header-first-line__callback {
  text-align: center
}

@media (max-width:1023px) {
  .p-header-first-line__callback {
    margin-left: auto
  }
}

@media (max-width:640px) {
  .p-header-first-line__callback {
    display: none
  }
}

.p-header-first-line__callback .telephone {
  line-height: 1
}

@media (max-width:1023px) {
  .p-header-first-line__callback .telephone a {
    font-size: 18px
  }
}

@media (max-width:767px) {
  .p-header-first-line__callback .telephone a {
    font-size: 16px
  }
}

@media (max-width:640px) {
  .p-header-first-line__callback .telephone a {
    font-size: 14px
  }
}

.p-header-first-line__callback .link {
  background: transparent
}

@media (max-width:1023px) {
  .p-header-first-line__callback .link {
    font-size: 16px
  }
}

@media (max-width:767px) {
  .p-header-first-line__callback .link {
    font-size: 15px
  }
}

.p-header-second-line {
  -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
  box-shadow: 0 27px 90px rgba(0, 47, 109, .32)
}

@media (max-width:1023px) {
  .p-header-second-line {
    display: none
  }
}

.p-footer {
  margin-top: auto
}

.p-footer__dc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 20px
}

@media (max-width:1439px) {
  .p-footer__dc {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
  }
}

@media (max-width:1023px) {
  .p-footer__dc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.p-footer__dc-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: 50px
}

@media (max-width:1439px) {
  .p-footer__dc-box {
    margin-bottom: 20px
  }
}

.p-footer__dc-box:nth-last-child(2) {
  margin-right: 100px
}

@media (max-width:1439px) {
  .p-footer__dc-box:nth-last-child(2) {
    margin-right: 50px
  }
}

@media (max-width:1000px) {
  .p-footer__dc-box:nth-last-child(2) {
    margin-right: 25px
  }
}

@media (max-width:1100px) {
  .p-footer__dc-box {
    margin-right: 25px
  }
}

@media (max-width:1024px) {
  .p-footer__dc-box {
    display: none
  }
}

.p-footer__dc-box .social-list {
  margin: 3px 0 0
}

.p-footer__dc-box .social-list__item a {
  width: 28px;
  height: 28px
}

.p-footer__dc-box .social-list__item a .icon-svg {
  max-width: 55%;
  max-height: 55%
}

.p-footer__btn {
  min-width: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.p-footer__paymentIcons {
  margin: 10px auto 10px 0;
  padding-right: 30px
}

@media (max-width:1023px) {
  .p-footer__paymentIcons {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding-right: 0;
    margin: 20px auto 0;
    text-align: center
  }
}

.p-footer__paymentIconsTitle {
  white-space: nowrap;
  margin-bottom: 5px;
  font-size: 13px;
  color: #65676a
}

.p-footer__paymentIconsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 -5px
}

@media (max-width:1023px) {
  .p-footer__paymentIconsList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.p-footer__paymentIconsItem {
  margin: 0 5px 5px
}

.p-footer__paymentIcon {
  display: block
}

.p-footer__part1 {
  padding: 20px 0 20px;
  background-color: #f1f4f7
}

.p-footer__part1-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1400px) {
  .p-footer__part1-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:1400px) {

  .p-footer__logo,
  .p-footer__part1-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-footer__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:479px) {
  .p-footer__logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:1400px) {
  .p-footer__logo .logo {
    margin-right: 0
  }
}

@media (max-width:479px) {
  .p-footer__logo .logo {
    margin-right: 0;
    margin-bottom: 10px
  }
}

.p-footer__logo img {
  width: 102px;
  height: 62px
}

@media (max-width:1400px) {
  .p-footer__logo img {
    margin: 0 20px
  }
}

.p-footer__brand-name {
  color: #7b8a9d;
  font: 400 16px/1.714 Hyundai Sans Text, sans-serif
}

.p-footer__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 20px
}

@media (max-width:1400px) {
  .p-footer__nav {
    margin-bottom: 20px
  }
}

@media (max-width:1023px) {
  .p-footer__nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 500px;
    padding-top: 40px
  }
}

@media (max-width:479px) {
  .p-footer__nav {
    position: relative;
    padding-top: 20px;
    margin-bottom: 70px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }

  .p-footer__nav:after {
    content: "";
    position: absolute;
    top: calc(100% + 35px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 145px;
    height: 1px;
    background-color: #b8bcc1
  }
}

.p-footer__nav li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}

@media (max-width:1023px) {
  .p-footer__nav li {
    margin: 0 20px 20px
  }
}

@media (max-width:479px) {
  .p-footer__nav li {
    margin: 0 0 10px
  }

  .p-footer__nav li:last-child {
    margin-bottom: 0
  }
}

.p-footer__nav li+li:before {
  content: "";
  display: block;
  width: 1px;
  height: 25px;
  margin: 0 29px;
  background-color: #b8bcc1
}

@media (max-width:1199px) {
  .p-footer__nav li+li:before {
    margin: 0 23px
  }
}

@media (max-width:1023px) {
  .p-footer__nav li+li:before {
    display: none
  }
}

.p-footer__nav a {
  color: #191919;
  font: 300 14px Hyundai Sans Head, sans-serif
}

.p-footer__nav a:hover {
  color: #397acf
}

.p-footer__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width:1199px) {
  .p-footer__contacts {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (max-width:1023px) {
  .p-footer__contacts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    margin-bottom: 40px
  }
}

.p-footer__telephone {
  margin-right: 60px
}

@media (max-width:1023px) {
  .p-footer__telephone {
    margin-right: 0;
    margin-bottom: 10px
  }
}

.p-footer__address {
  max-width: 100%;
  color: #1b1b1b;
  font: 400 16px/1.5 Hyundai Sans Head, sans-serif
}

@media (max-width:1199px) {
  .p-footer__address {
    margin-right: 40px
  }
}

@media (max-width:1023px) {
  .p-footer__address {
    margin-right: 0;
    margin-bottom: 15px
  }
}

.p-footer__map-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: 60px
}

@media (max-width:1199px) {
  .p-footer__map-link {
    width: auto;
    padding-top: 0
  }
}

@media (max-width:1023px) {
  .p-footer__map-link {
    margin: 0
  }
}

.p-footer__part2 {
  padding: 15px 0;
  background-color: #e2e8ef
}

.p-footer__part2-colCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:767px) {
  .p-footer__part2-colCenter {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 25px
  }
}

@media screen and (max-width:400px) {
  .p-footer__part2-colCenter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.p-footer__part2-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:767px) {
  .p-footer__part2-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.p-footer__other-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:767px) {
  .p-footer__other-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
  }
}

.p-footer__other-links li {
  margin-right: 20px;
  white-space: nowrap
}

.p-footer__other-links li:last-child {
  margin-right: 0
}

.p-footer__yandexRating {
  margin-left: 20px
}

@media screen and (max-width:1024px) {
  .p-footer__yandexRating {
    margin: 12px 0 0
  }
}

.p-footer__yandexRating iframe {
  display: block;
  border-radius: 4px
}

.form-t1,
.form-t1__inner {
  background-color: #e4dcd3
}

.form-t1__inner {
  padding: 55px
}

@media (max-width:1023px) {
  .form-t1__inner {
    padding: 40px
  }
}

@media (max-width:767px) {
  .form-t1__inner {
    padding: 40px 25px
  }
}

@media (max-width:479px) {
  .form-t1__inner {
    padding: 40px 15px
  }
}

.form-t1__title {
  margin-bottom: 20px
}

@media (max-width:1199px) {
  .form-t1__title {
    margin-bottom: 10px
  }
}

@media (max-width:1023px) {
  .form-t1__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .form-t1__title {
    font-size: 20px
  }
}

.form-t1__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1365px) {
  .form-t1__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.form-t1__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 460px;
  padding-top: 12px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300;
  line-height: 1.5;
  color: #222
}

@media (max-width:1365px) {
  .form-t1__left {
    max-width: 100%;
    margin-bottom: 40px
  }
}

@media (max-width:767px) {
  .form-t1__left {
    font-size: 14px
  }
}

.form-t1__right {
  margin-left: 20px
}

@media (max-width:769px) {
  .form-t1__right {
    margin-left: 0
  }
}

.form-t1__right.is-dc .form-t1__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}

.form-t1__right.is-dc .form-t1__form-row:last-child {
  margin-bottom: 0
}

.form-t1__right.is-dc .form-t1__form-row .input-wrapper {
  width: calc(100% / 3 - 20px)
}

@media (max-width:645px) {
  .form-t1__right.is-dc .form-t1__form-row .input-wrapper {
    width: 100%;
    margin-bottom: 22px
  }
}

@media (max-width:1365px) {
  .form-t1 {
    max-width: 100%;
    margin-left: 0
  }
}

.form-t1__form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 20px
}

.form-t1__form-row:last-child {
  margin-bottom: 0
}

.form-t1__form-row .input-wrapper {
  width: calc(50% - 20px)
}

@media (max-width:479px) {
  .form-t1__form-row .input-wrapper {
    width: 100%;
    margin-bottom: 22px
  }
}

.form-t1__form-row .block-choice {
  width: calc(50% - 10px);
  max-width: 300px
}

@media (max-width:1199px) {
  .form-t1__form-row .block-choice {
    max-width: 100%
  }
}

@media (max-width:767px) {
  .form-t1__form-row .block-choice {
    width: 100%;
    margin-bottom: 30px
  }
}

.form-t1__button {
  width: calc(50% - 10px);
  max-width: 300px
}

@media (max-width:1365px) {
  .form-t1__button {
    max-width: 285px
  }
}

@media (max-width:767px) {
  .form-t1__button {
    width: 100%;
    margin: 0 auto
  }
}

.form-t1__column {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%
}

@media (max-width:1365px) {
  .form-t1__column {
    width: 100%;
    margin-left: 0
  }
}

.form-t1 a {
  text-decoration: underline
}

.form-t1 .select-outer {
  height: 35px;
  border-bottom: 1px solid rgba(17, 58, 112, .5)
}

.form-t1 .selectric .label {
  line-height: 40px
}

.form-t1 .selectric .button {
  top: 0
}

.hero-carousel {
  position: relative;
  z-index: 2;
  overflow: hidden
}

.hero-carousel__blur {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: -1%;
  background-repeat: no-repeat;
  background-size: cover
}

.hero-carousel__item {
  padding: 0 0 50px
}

@media (max-width:767px) {
  .hero-carousel__item {
    padding-top: 0
  }

  .hero-carousel__item .container {
    max-width: 100%
  }
}

.hero-carousel__link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%
}

.hero-carousel__link img {
  display: block;
  -ms-flex-item-align: center;
  align-self: center
}

.hero-carousel__slide-content {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 20px 45px 80px;
  color: #fff
}

@media (max-width:1199px) {
  .hero-carousel__slide-content {
    padding: 15px 45px 75px 50px
  }
}

@media (max-width:1023px) {
  .hero-carousel__slide-content {
    padding: 65px 40px
  }
}

@media (max-width:767px) {
  .hero-carousel__slide-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 40px
  }
}

.hero-carousel__slide-content.pos-y-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.hero-carousel__slide-content.pos-y-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hero-carousel__slide-content.pos-y-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

.hero-carousel__slide-content.colorBlack {
  color: #1b1b1b
}

.hero-carousel__slide-content-inner {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%
}

@media (max-width:767px) {
  .hero-carousel__slide-content-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 30px 0
  }
}

.hero-carousel__slide-content-inner.pos-x-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: left
}

.hero-carousel__slide-content-inner.pos-x-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.hero-carousel__slide-content-inner.pos-x-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  text-align: right
}

.hero-carousel__slide-title {
  max-width: 600px;
  margin-bottom: 15px;
  font-family: Hyundai Sans Head, sans-serif;
  font-size: 55px;
  font-weight: 500;
  line-height: 1.2;
  word-wrap: break-word;
  text-align: inherit
}

@media (max-width:1199px) {
  .hero-carousel__slide-title {
    font-size: 50px
  }
}

@media (max-width:1023px) {
  .hero-carousel__slide-title {
    font-size: 28px
  }
}

@media (max-width:479px) {
  .hero-carousel__slide-title {
    font-size: 20px
  }
}

@media (max-width:1023px) {
  .hero-carousel__slide-title br {
    display: none
  }
}

.hero-carousel__control {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 21px 0
}

@media (max-width:767px) {
  .hero-carousel__control {
    padding: 22px 0
  }
}

.hero {
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: cover
}

.hero picture {
  margin-left: auto;
  margin-right: auto;
  width: 100%
}

.hero .owl-carousel.isSliderForm {
  position: relative;
  width: 100%;
  min-height: 500px
}

@media (max-width:767px) {
  .hero .owl-carousel.isSliderForm {
    min-height: auto
  }
}

.hero .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hero .owl-carousel .owl-nav .owl-next,
.hero .owl-carousel .owl-nav .owl-prev {
  margin: 0 10px;
  border-radius: 0;
  background: rgba(17, 58, 112, .8);
  visibility: visible;
  -webkit-transition: background .1s ease;
  transition: background .1s ease
}

@media (max-width:1023px) {

  .hero .owl-carousel .owl-nav .owl-next,
  .hero .owl-carousel .owl-nav .owl-prev {
    margin: 0 5px
  }
}

.hero .owl-carousel .owl-nav .owl-next:hover,
.hero .owl-carousel .owl-nav .owl-prev:hover {
  background: #113a70
}

.hero .owl-carousel .owl-nav .owl-next span,
.hero .owl-carousel .owl-nav .owl-prev span {
  display: block;
  padding: 6px 10px 2px;
  color: #fff;
  font-size: 26px;
  line-height: 1.4
}

@media (max-width:1023px) {

  .hero .owl-carousel .owl-nav .owl-next span,
  .hero .owl-carousel .owl-nav .owl-prev span {
    padding: 4px 8px 0
  }
}

.owl-dots {
  font-size: 0;
  padding: 5px 0
}

@media (max-width:1023px) {
  .owl-dots {
    display: none
  }
}

.hero_video {
  display: block;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100% !important;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:640px) {
  .hero_video {
    -o-object-fit: contain;
    object-fit: contain
  }
}

.owl-item {
  position: relative;
  width: 100%
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #00aad2 !important
}

.owl-theme .owl-dots .owl-dot span {
  background: #fff !important;
  width: 12px;
  height: 12px;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15)
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

@media (max-width:479px) {
  .owl-carousel .owl-item img {
    -o-object-fit: contain;
    object-fit: contain
  }
}

.item-video {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  height: 100%
}

.contentWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

@media (max-width:767px) {
  .contentWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.contentWrapper .btn-more__part1 {
  height: auto;
  padding: 0;
  line-height: 1.4;
  font-size: 30px;
  white-space: normal;
  font-weight: 300;
  text-align: inherit
}

@media (max-width:1199px) {
  .contentWrapper .btn-more__part1 {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .contentWrapper .btn-more__part1 {
    font-size: 20px
  }
}

@media (max-width:479px) {
  .contentWrapper .btn-more__part1 {
    font-size: 16px
  }
}

.contentItem {
  position: absolute;
  left: 0;
  bottom: 30px;
  background-color: #002c5f;
  max-width: 740px;
  height: auto;
  padding: 15px 15px 15px 45px;
  line-height: 1;
  white-space: normal;
  color: #fff;
  text-align: left
}

@media (max-width:767px) {
  .contentItem {
    font-size: 12px
  }
}

.contentItem.pos-x-left {
  left: 0
}

.contentItem.pos-x-center {
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.contentItem.pos-x-right {
  left: auto;
  right: 0
}

.contentItem.pos-y-top {
  bottom: auto;
  top: 30px
}

.contentItem.pos-y-center {
  bottom: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.contentItem.pos-y-bottom {
  top: auto;
  bottom: 30px
}

.contentItem.pos-y-center.pos-x-center {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.contentItem hr {
  border: none;
  border-bottom: 1px solid #37608d
}

.hero-internal {
  position: relative;
  z-index: 4;
  overflow: hidden;
  margin: 0 auto
}

.hero-internal .owl-carousel .owl-item img {
  max-height: 520px;
  -o-object-fit: cover;
  object-fit: cover
}

@media (max-width:767px) {
  .hero-internal .owl-carousel .owl-item img {
    -o-object-fit: contain;
    object-fit: contain
  }
}

.products:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto
}

.products__title {
  display: block;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .products__title {
    font-size: 20px
  }
}

.products__head {
  display: block
}

.products__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px;
  margin-right: -10px;
  margin-left: -10px
}

@media (max-width:1023px) {
  .products__inner {
    margin-right: -5px;
    margin-left: -5px
  }
}

.products__inner.carousel .products__item {
  margin-bottom: 0
}

.products__item {
  width: calc(20% - 20px);
  margin: 0 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (max-width:1400px) {
  .products__item {
    width: calc(25% - 20px)
  }
}

@media (max-width:1199px) {
  .products__item {
    width: calc(33% - 20px)
  }
}

@media (max-width:1023px) {
  .products__item {
    width: calc(33% - 10px);
    margin: 0 5px 8px
  }
}

@media (max-width:767px) {
  .products__item {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(50% - 10px)
  }
}

.l-credit {
  z-index: 1;
  background-size: 150%;
  background-position: left -500px center;
  background-repeat: no-repeat;
  color: #fff
}

.l-credit,
.l-credit .container {
  position: relative
}

@media (max-width:1023px) {
  .l-credit {
    background-size: 500%;
    background-position: 50%
  }
}

.l-credit__img {
  position: absolute;
  z-index: -1;
  top: 0;
  left: -20%;
  height: 100%
}

@media (max-width:2000px) {
  .l-credit__img {
    left: -400px
  }
}

@media (max-width:1600px) {
  .l-credit__img {
    left: -370px
  }
}

@media (max-width:1400px) {
  .l-credit__img {
    left: 0
  }
}

@media (max-width:1023px) {
  .l-credit__img {
    display: none
  }
}

.l-credit__img img {
  height: 100%
}

.l-credit__inner {
  min-height: 600px;
  max-width: 587px;
  margin-left: auto;
  padding: 65px 0
}

@media (max-width:1023px) {
  .l-credit__inner {
    margin: 0 auto;
    text-align: center
  }
}

@media (max-width:767px) {
  .l-credit__inner {
    min-height: auto
  }
}

.l-credit__content {
  max-width: 587px
}

@media (max-width:1023px) {
  .l-credit__content {
    max-width: 100%
  }
}

.l-credit__title-30 {
  margin-bottom: 33px
}

@media (max-width:1199px) {
  .l-credit__title-30 {
    font-size: 24px
  }
}

@media (max-width:1023px) {
  .l-credit__title-30 {
    text-align: center
  }
}

@media (max-width:767px) {
  .l-credit__title-30 {
    margin-bottom: 22px;
    font-size: 20px
  }
}

.l-credit__title-20 {
  margin-bottom: 19px
}

@media (max-width:1199px) {
  .l-credit__title-20 {
    font-size: 18px
  }
}

.l-credit__btn {
  padding-top: 12px;
  max-width: 287px
}

@media (max-width:1023px) {
  .l-credit__btn {
    margin-left: auto;
    margin-right: auto
  }
}

.l-credit ul {
  margin-bottom: 25px
}

.l-credit ul>li {
  padding-left: 10px
}

.l-credit ul>li:before {
  content: "";
  display: inline-block;
  vertical-align: 3px;
  width: 4px;
  height: 4px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%
}

.l-testdrive {
  background-position: 50%;
  background-size: cover;
  background-repeat: no-repeat
}

.l-testdrive__inner {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 400px;
  padding: 50px 0
}

@media (max-width:767px) {
  .l-testdrive__inner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.l-testdrive__inner .label--fly,
.l-testdrive__inner .selectric {
  border-bottom: 1px solid #113a70
}

.l-testdrive__inner .selectric .button {
  top: 9px
}

.l-testdrive__bg {
  position: absolute;
  z-index: -1;
  top: -70px;
  right: 0;
  width: 1400px
}

@media (max-width:1400px) {
  .l-testdrive__bg {
    top: 50px;
    right: 100px;
    width: 1000px
  }
}

@media (max-width:767px) {
  .l-testdrive__bg {
    display: none
  }
}

.l-excellence__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 80px 0
}

@media (max-width:1199px) {
  .l-excellence__inner {
    display: block;
    padding: 60px 0
  }
}

@media (max-width:767px) {
  .l-excellence__inner {
    padding: 60px 0
  }
}

.l-excellence__title {
  margin-bottom: 20px
}

@media (max-width:1199px) {
  .l-excellence__title {
    margin-bottom: 20px;
    font-size: 24px
  }

  .l-excellence__title br {
    display: none
  }
}

@media (max-width:767px) {
  .l-excellence__title {
    font-size: 20px
  }
}

.l-excellence__text {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 1.2em
}

@media (max-width:1199px) {
  .l-excellence__text {
    margin-bottom: 40px
  }
}

@media (max-width:1023px) {
  .l-excellence__text {
    font-size: 16px
  }
}

.l-excellence__btn {
  width: 100%;
  max-width: 355px
}

@media (max-width:1199px) {
  .l-excellence__btn--desktop {
    display: none;
    position: absolute;
    bottom: 50px;
    left: 50%;
    max-width: 285px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.l-excellence__btn--mobile {
  display: none
}

@media (max-width:1199px) {
  .l-excellence__btn--mobile {
    display: block;
    max-width: 285px;
    margin: 0 auto
  }
}

.l-excellence-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -50px;
  justify-content: center;
}

@media (max-width:1199px) {
  .l-excellence-items {
    margin-bottom: 40px
  }
}

@media (max-width:1023px) {
  .l-excellence-items {
    margin-bottom: 20px
  }
}

@media (max-width:767px) {
  .l-excellence-items {
    margin-bottom: 10px
  }
}

.l-excellence-item {
  width: 33.333%;
  margin-bottom: 50px;
  padding: 0 10px;
  text-align: center
}

@media (max-width:1023px) {
  .l-excellence-item {
    margin-bottom: 30px
  }
}

@media (max-width:479px) {
  .l-excellence-item {
    width: 50%
  }
}

.l-excellence-item__icon {
  margin-bottom: 18px
}

@media (max-width:1023px) {
  .l-excellence-item__icon {
    margin-bottom: 15px
  }
}

.l-excellence-item__icon .icon-svg {
  font-size: 50px;
  fill: #bdb3a9
}

@media (max-width:1023px) {
  .l-excellence-item__icon .icon-svg {
    font-size: 40px
  }
}

.l-excellence-item__text {
  font-size: 16px;
  line-height: 1.2em
}

@media (max-width:1023px) {
  .l-excellence-item__text {
    font-size: 15px
  }
}

@media (max-width:767px) {
  .l-excellence-item__text {
    font-size: 14px
  }
}

.l-questions-remained {
  padding: 90px 0
}

@media (max-width:1199px) {
  .l-questions-remained {
    padding: 60px 0
  }
}

.l-questions-remained__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 0 14px 43px rgba(0, 47, 109, .21);
  box-shadow: 0 14px 43px rgba(0, 47, 109, .21)
}

@media (max-width:767px) {
  .l-questions-remained__inner {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.l-questions-remained__left {
  width: 53.572%;
  padding: 60px 88px
}

@media (max-width:1023px) {
  .l-questions-remained__left {
    padding: 50px 40px
  }
}

@media (max-width:767px) {
  .l-questions-remained__left {
    width: 100%;
    padding: 0
  }
}

.l-questions-remained__left .form-t3 {
  margin: 0 auto
}

.l-questions-remained__right {
  width: 46.428%;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%
}

@media (max-width:1400px) {
  .l-questions-remained__right {
    background-position: 0
  }
}

@media (max-width:1023px) {
  .l-questions-remained__right {
    background-position: center left -50px
  }
}

@media (max-width:767px) {
  .l-questions-remained__right {
    display: none
  }
}

.l-accessories {
  background-image: url("../img/static/accessories/bg-part2.jpg"), url("../img/static/accessories/bg-part1.jpg");
  background-repeat: no-repeat;
  background-position: 0 100%, 100% 100%;
  background-color: #efedeb
}

@media (max-width:1400px) {
  .l-accessories {
    background-position: right 900px bottom, left 800px bottom
  }
}

.l-accessories__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 30px 0
}

@media (max-width:1199px) {
  .l-accessories__inner {
    display: block
  }
}

.l-accessories__left {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 465px
}

@media (max-width:1199px) {
  .l-accessories__left {
    max-width: 730px
  }
}

.l-accessories__title {
  margin-bottom: 43px
}

@media (max-width:1199px) {
  .l-accessories__title {
    font-size: 24px;
    margin-bottom: 15px
  }
}

@media (max-width:767px) {
  .l-accessories__title {
    font-size: 20px
  }
}

.l-accessories__text {
  margin-bottom: 48px;
  font-size: 18px;
  line-height: 1.2em
}

@media (max-width:1199px) {
  .l-accessories__text {
    margin-bottom: 20px
  }
}

@media (max-width:1023px) {
  .l-accessories__text {
    font-size: 16px
  }
}

@media (max-width:479px) {
  .l-accessories__text {
    font-size: 14px
  }
}

.l-accessories__btn {
  max-width: 355px
}

@media (max-width:1199px) {
  .l-accessories__btn--desktop {
    display: none
  }
}

.l-accessories__btn--mobile {
  display: none;
  margin: 20px auto 0
}

@media (max-width:1199px) {
  .l-accessories__btn--mobile {
    display: block
  }
}

.l-accessories__right {
  width: 70%;
  max-width: 800px;
  padding-left: 30px
}

@media (max-width:1199px) {
  .l-accessories__right {
    width: 100%;
    max-width: 100%;
    padding-left: 0
  }
}

.l-tradein {
  padding: 90px 0 140px
}

@media (max-width:1199px) {
  .l-tradein {
    padding: 60px 0
  }
}

@media (max-width:1300px) {
  .l-tradein__title {
    margin-bottom: 20px
  }
}

@media (max-width:1199px) {
  .l-tradein__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .l-tradein__title {
    font-size: 20px
  }
}

.l-tradein__box-text {
  max-width: 500px;
  padding: 30px 0;
  font-size: 18px
}

@media (max-width:1300px) {
  .l-tradein__box-text {
    max-width: 700px;
    margin-right: 0;
    margin-bottom: 20px;
    padding: 0
  }
}

@media (max-width:1023px) {
  .l-tradein__box-text {
    font-size: 16px
  }
}

.l-tradein__box-text p {
  line-height: 1.2
}

.l-tradein-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px
}

@media (max-width:1199px) {
  .l-tradein-tabs {
    margin-bottom: 25px
  }
}

@media (max-width:800px) {
  .l-tradein-tabs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

.l-tradein-tabs__nav-item {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  position: relative;
  width: 22.5%;
  margin-bottom: 40px;
  font-size: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1.2;
  color: rgba(17, 58, 112, .5);
  cursor: pointer
}

@media (max-width:1199px) {
  .l-tradein-tabs__nav-item {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 25%;
    margin-bottom: 30px
  }
}

@media (max-width:1100px) {
  .l-tradein-tabs__nav-item {
    width: 33.333%
  }
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item {
    width: 100%;
    margin-bottom: 15px;
    font-size: 16px
  }
}

.l-tradein-tabs__nav-item:nth-child(2),
.l-tradein-tabs__nav-item:nth-child(3) {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.l-tradein-tabs__nav-item:nth-child(2) {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 48px;
  text-align: right
}

@media (max-width:1199px) {
  .l-tradein-tabs__nav-item:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
  }
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item:nth-child(2) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0
  }
}

.l-tradein-tabs__nav-item:nth-child(2) .l-tradein-tabs__nav-item-btn {
  -webkit-box-ordinal-group: 11;
  -ms-flex-order: 10;
  order: 10;
  margin-left: 15px
}

.l-tradein-tabs__nav-item:nth-child(2) .l-tradein-tabs__nav-item-btn:after {
  margin-left: 2px
}

.l-tradein-tabs__nav-item:nth-child(3) {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-left: 48px
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item:nth-child(3) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0
  }
}

.l-tradein-tabs__nav-item:nth-child(3) .l-tradein-tabs__nav-item-btn {
  margin-right: 15px
}

.l-tradein-tabs__nav-item:nth-child(3) .l-tradein-tabs__nav-item-btn:after {
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
  margin-left: -2px
}

.l-tradein-tabs__nav-item.active {
  width: 100%;
  color: #113a70;
  text-align: center
}

@media (max-width:1199px) {
  .l-tradein-tabs__nav-item.active {
    width: 50%
  }
}

@media (max-width:1100px) {
  .l-tradein-tabs__nav-item.active {
    width: 33.333%
  }
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item.active {
    width: 100%
  }
}

.l-tradein-tabs__nav-item.active .l-tradein-tabs__nav-item-btn {
  display: none
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item[data-slide="1"] {
    -webkit-box-ordinal-group: 2 !important;
    -ms-flex-order: 1 !important;
    order: 1 !important
  }

  .l-tradein-tabs__nav-item[data-slide="2"] {
    -webkit-box-ordinal-group: 3 !important;
    -ms-flex-order: 2 !important;
    order: 2 !important
  }

  .l-tradein-tabs__nav-item[data-slide="3"] {
    -webkit-box-ordinal-group: 4 !important;
    -ms-flex-order: 3 !important;
    order: 3 !important
  }
}

.l-tradein-tabs__nav-item-btn {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: rgba(163, 172, 190, .3)
}

@media (max-width:800px) {
  .l-tradein-tabs__nav-item-btn {
    display: none
  }
}

.l-tradein-tabs__nav-item-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-bottom: 1px solid #121212;
  border-left: 1px solid #121212;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.l-tradein-tabs__nav-item-btn:hover {
  background-color: rgba(163, 172, 190, .5)
}

.l-tradein-tabs__nav-item.active[data-slide="1"]~.l-tradein-tabs__content .l-tradein-tabs__content-item[data-slide="1"],
.l-tradein-tabs__nav-item.active[data-slide="2"]~.l-tradein-tabs__content .l-tradein-tabs__content-item[data-slide="2"],
.l-tradein-tabs__nav-item.active[data-slide="3"]~.l-tradein-tabs__content .l-tradein-tabs__content-item[data-slide="3"] {
  display: block
}

.l-tradein-tabs__content {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  width: 55%;
  min-height: 410px;
  font-size: 16px
}

@media (max-width:1199px) {
  .l-tradein-tabs__content {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    width: 100%;
    max-width: 540px;
    margin: 0 auto
  }
}

@media (max-width:767px) {
  .l-tradein-tabs__content {
    min-height: auto
  }
}

.l-tradein-tabs__content-item-description {
  margin-bottom: 25px
}

@media (max-width:479px) {
  .l-tradein-tabs__content-item-description {
    font-size: 14px
  }
}

.l-tradein-tabs__content-item {
  display: none;
  text-align: center;
  -webkit-animation: displayAnimate ease .3s;
  animation: displayAnimate ease .3s
}

.l-tradein-tabs__content-picture {
  position: relative
}

.l-tradein-tabs__content-caption1,
.l-tradein-tabs__content-caption2 {
  position: absolute;
  top: 60%;
  font-size: 18px
}

@media (max-width:767px) {

  .l-tradein-tabs__content-caption1,
  .l-tradein-tabs__content-caption2 {
    font-size: 14px
  }
}

@media (max-width:479px) {

  .l-tradein-tabs__content-caption1,
  .l-tradein-tabs__content-caption2 {
    font-size: 12px
  }
}

@media (max-width:550px) {

  .l-tradein-tabs__content-caption1,
  .l-tradein-tabs__content-caption2 {
    margin: 0
  }
}

.l-tradein-tabs__content-caption1 {
  left: 0
}

.l-tradein-tabs__content-caption2 {
  right: 0
}

.l-tradein__row2-title {
  margin-bottom: 25px
}

@media (max-width:1199px) {
  .l-tradein__row2-title {
    margin-bottom: 15px;
    font-size: 24px
  }
}

@media (max-width:767px) {
  .l-tradein__row2-title {
    font-size: 20px
  }
}

.range-slider-tradein {
  width: 840px !important;
  max-width: 840px !important;
  margin: 0 !important
}

@media (max-width:1023px) {
  .range-slider-tradein {
    max-width: 400px !important
  }
}

.car-filter__input-tradein {
  border: 1px solid #b3b6b8 !important;
  border-radius: 10px !important;
  width: 840px !important;
  max-width: 840px !important
}

@media (max-width:1023px) {
  .car-filter__input-tradein {
    max-width: 400px !important
  }
}

.popup-modification {
  max-width: 1400px !important;
  background-color: transparent !important
}

.products-mini__inner {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.products-mini__inner,
.products-mini__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.products-mini__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 250px;
  margin: 0 7px;
  padding: 20px 10px;
  font-family: Hyundai Sans Head, sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #1b1b1b;
  border: 1px solid #d3d3d3;
  text-align: center
}

.products-mini__item-head {
  margin-bottom: 10px
}

.products-mini__item-head img {
  margin: 0 auto
}

.products-mini__item-body {
  min-height: 2.4em;
  line-height: 1.2
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: Hyundai Sans Text, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.2;
  color: #113a70
}

@media (max-width:767px) {
  .breadcrumbs {
    font-size: 12px
  }
}

.breadcrumbs-outer {
  padding: 30px 0
}

@media (max-width:767px) {
  .breadcrumbs-outer {
    padding: 15px 0
  }
}

.breadcrumbs li:after {
  content: "/";
  margin: 0 5px
}

.breadcrumbs li:last-child:after {
  content: ""
}

.breadcrumbs a {
  display: inline-block;
  border-bottom: 1px solid transparent;
  line-height: .7
}

.breadcrumbs a:hover {
  border-bottom: 1px solid
}

.map {
  width: 100%;
  height: 480px
}

@media (max-width:1199px) {
  .map {
    height: 350px
  }
}

#map,
.map .container {
  height: 100%
}

#map {
  width: 100%
}

.vacancies {
  margin: 60px 0;
  padding-left: 41%;
  background-position: 0 0;
  background-size: 36% auto;
  background-repeat: no-repeat
}

@media (max-width:1199px) {
  .vacancies {
    padding-left: 0;
    background-image: none !important
  }
}

@media (max-width:1023px) {
  .vacancies {
    margin: 40px 0
  }
}

.vacancies__title {
  margin-bottom: 10px;
  padding-top: 5px
}

.vacancies__subtitle {
  margin-bottom: 25px;
  font-size: 14px;
  color: #1e1e1e
}

.vacancies-list__item.show .vacancies-list__title:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.vacancies-list__item.show .vacancies-list__item-body {
  max-height: 9999px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.vacancies-list__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 13px 0
}

@media (max-width:767px) {
  .vacancies-list__header {
    display: block
  }
}

@media (max-width:767px) {
  .vacancies-list__header-part1 {
    margin-bottom: 15px
  }
}

.vacancies-list__title {
  font-weight: 500
}

.vacancies-list__title,
.vacancies-list__title:after {
  display: inline-block;
  vertical-align: middle
}

.vacancies-list__subtitle {
  font-size: 14px
}

.vacancies-list__item-body {
  max-height: 0;
  overflow: hidden;
  border-bottom: 1px solid rgba(17, 58, 112, .21);
  -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
  transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
}

.vacancies-list__item-body .list {
  margin-bottom: 2px
}

.vacancies-list__item-body .list li {
  font-size: 14px;
  line-height: 1.45
}

.vacancies-list__item-foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 10px
}

.vacancies-list__item-foot>a,
.vacancies-list__item-foot>button,
.vacancies-list__item-foot>div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 25px;
  margin-bottom: 30px;
  cursor: pointer
}

.vacancies-list__item-foot .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  margin-right: 9px;
  border-radius: 50%;
  background-color: #113a70
}

.vacancies-list__item-foot .icon+span {
  border-bottom: 1px solid;
  line-height: .8
}

.vacancies-list__item-foot .icon-printing,
.vacancies-list__item-foot .icon-share {
  fill: #fff;
  stroke: #fff;
  font-size: 15px
}

.vacancies-list__item-foot .icon-printing {
  fill: none
}

.share-outer {
  position: relative
}

.share-outer:hover .ya-share2 {
  opacity: 1;
  visibility: visible
}

.share-outer .ya-share2 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 50%;
  left: 0;
  height: 50px;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

@media (max-width:479px) {
  .share-outer .ya-share2 {
    left: auto;
    right: 0
  }
}

.filling-headline,
.share-outer .ya-share2__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.filling-headline {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 50px;
  padding: 20px 25px 20px 55px;
  -webkit-box-shadow: 0 4px 16px rgba(0, 47, 109, .15);
  box-shadow: 0 4px 16px rgba(0, 47, 109, .15);
  border-radius: 45px;
  background-color: #fff
}

@media (max-width:1023px) {
  .filling-headline {
    padding: 20px 25px 20px 20px
  }
}

@media (max-width:767px) {
  .filling-headline {
    margin-bottom: 25px;
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.filling-headline__title {
  margin-right: 95px;
  min-width: 140px
}

@media (max-width:1023px) {
  .filling-headline__title {
    margin-right: 0
  }
}

.filling-headline__steps {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1023px) {
  .filling-headline__steps {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    margin-right: 20px
  }
}

.filling-headline__step {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 28px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  color: #fff
}

@media (max-width:1023px) {
  .filling-headline__step:not(.active) {
    display: none
  }
}

.filling-headline__step:after {
  content: "";
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: block;
  height: 2px;
  background-color: #dbe6ef
}

@media (max-width:1023px) {
  .filling-headline__step:after {
    display: none
  }
}

.filling-headline__step:last-child {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.filling-headline__step:last-child:after {
  content: ""
}

.filling-headline__step span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  vertical-align: middle;
  width: 47px;
  height: 47px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
  background-color: #c3d5e3
}

.filling-headline__step.finished span {
  position: relative;
  font-size: 0;
  background-color: #cee3c3
}

.filling-headline__step.finished span:after {
  content: "";
  top: 50%;
  left: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 9px;
  margin-left: 2px;
  width: 12px;
  height: 19px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.filling-headline__step.active span {
  background-color: #738a9c
}

.filling {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:800px) {
  .filling {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.filling-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  margin-bottom: 30px;
  padding-right: 30px
}

@media (max-width:800px) {
  .filling-content {
    width: 100%;
    padding-right: 0
  }
}

.filling-content__item {
  display: none;
  -webkit-animation: displayAnimate ease .3s;
  animation: displayAnimate ease .3s
}

.filling-content__item.show {
  display: block
}

.filling-content__title {
  margin-bottom: 20px
}

@media (max-width:1199px) {
  .filling-content__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .filling-content__title {
    font-size: 20px
  }
}

.filling-content__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px
}

.filling-content__group.fl-wr-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.filling-content__group.al-items-fe {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.filling-content__group-title {
  width: 100%;
  margin-bottom: 15px
}

.filling-content__group-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: auto;
  padding-right: 20px
}

.filling-content__part {
  margin-right: 50px;
  margin-bottom: 40px
}

.filling-content__part:last-child {
  margin-right: auto
}

.filling-content__part-title {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 300
}

.filling-content__part-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.kasko-content-1 {
  padding-right: 0
}

@media (max-width:800px) {
  .kasko-content-1 .filling-content__part {
    width: 100%;
    margin-right: 0
  }

  .kasko-content-1 .filling-content__part .select-outer {
    width: 100%
  }
}

.popup {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 25px auto;
  background-color: #fff;
  color: #1b1b1b;
  -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
  box-shadow: 0 27px 90px rgba(0, 47, 109, .32)
}

.popup--big {
  max-width: 715px
}

@media (max-width:1199px) {
  .popup--big {
    max-width: 660px
  }
}

@media (max-width:767px) {
  .popup--big {
    max-width: 600px
  }
}

@media (max-width:479px) {
  .popup--big {
    max-width: 380px
  }
}

.popup--big .popup__inner {
  max-width: 610px;
  padding: 70px 35px
}

@media (max-width:1199px) {
  .popup--big .popup__inner {
    padding: 40px 35px
  }
}

@media (max-width:767px) {
  .popup--big .popup__inner {
    padding: 20px 35px
  }
}

@media (max-width:479px) {
  .popup--big .popup__inner {
    padding: 20px 25px
  }
}

.popup.success,
.popup.success .popup__success {
  max-height: 600px;
  overflow: hidden
}

.popup.success .popup__success {
  opacity: 1;
  visibility: visible;
  background-image: url("../img/static/icons/icon-subtract.svg");
  background-size: cover
}

.popup--payment-redirect {
  width: 520px;
  max-width: 100%
}

.popup--default {
  max-width: 540px;
  padding: 50px
}

@media (max-width:767px) {
  .popup--default {
    padding: 50px 25px
  }
}

@media (max-width:479px) {
  .popup--default {
    padding: 40px 20px
  }
}

.popup__inner {
  margin: 0 auto
}

.mfp-content .popup-close {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
  font-size: 22px;
  background-color: transparent;
  border: none;
  cursor: pointer
}

@media (max-width:767px) {
  .mfp-content .popup-close {
    top: 5px;
    right: 5px;
    font-size: 18px
  }
}

.mfp-content .popup-close:active {
  top: 11px
}

@media (max-width:767px) {
  .mfp-content .popup-close:active {
    top: 6px
  }
}

.popup__success {
  z-index: 2;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s;
  transition: opacity .3s
}

.popup__success-icon {
  margin-bottom: 26px
}

@media (max-width:767px) {
  .popup__success-icon {
    margin-bottom: 15px
  }
}

.popup__success-icon img {
  display: block;
  margin: 0 auto
}

@media (max-width:767px) {
  .popup__success-icon img {
    width: 44px
  }
}

.popup__success-inner {
  max-width: 560px;
  padding: 30px;
  margin: 0 auto
}

.popup__success-title {
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2
}

@media (max-width:767px) {
  .popup__success-title {
    font-size: 24px
  }
}

@media (max-width:479px) {
  .popup__success-title {
    font-size: 20px
  }
}

.popup__success-description {
  margin-bottom: 63px;
  font-size: 22px;
  line-height: 1.2
}

.popup__success-btn {
  max-width: 256px;
  margin: 0 auto
}

.basket-popup {
  font-family: Hyundai Sans Head, sans-serif
}

.basket-popup__title {
  margin-bottom: 20px
}

@media (max-width:1023px) {
  .basket-popup__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .basket-popup__title {
    font-size: 20px
  }
}

.basket-popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:767px) {
  .basket-popup__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
  }
}

.basket-popup__btn {
  width: calc(50% - 5px)
}

@media (max-width:767px) {
  .basket-popup__btn {
    width: 100%;
    margin-bottom: 10px
  }
}

.order-popup {
  font-family: Hyundai Sans Head, sans-serif
}

.order-popup__title {
  margin-bottom: 30px
}

@media (max-width:1023px) {
  .order-popup__title {
    margin-bottom: 20px;
    font-size: 24px
  }
}

@media (max-width:767px) {
  .order-popup__title {
    font-size: 20px
  }
}

.order-popup__form-title {
  max-width: 400px;
  margin-bottom: 20px
}

.order-popup__fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 530px;
  margin: 0 -12px
}

@media (max-width:767px) {
  .order-popup__fields {
    margin-bottom: 20px
  }
}

.order-popup__fields .input-wrapper {
  width: calc(50% - 24px);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 calc(50% - 24px);
  flex: 1 1 calc(50% - 24px);
  margin: 0 12px 20px
}

@media (max-width:767px) {
  .order-popup__fields .input-wrapper {
    width: 100%;
    margin-bottom: 20px
  }
}

.order-popup__fields .input-wrapper--w100p {
  width: 100%
}

.order-popup__block-choice {
  margin-bottom: 40px
}

@media (max-width:767px) {
  .order-popup__block-choice {
    margin-bottom: 25px
  }
}

.order-popup__note {
  margin-bottom: 40px;
  color: #ac6b6b;
  font-size: 18px;
  font-family: Hyundai Sans Head, sans-serif
}

@media (max-width:1023px) {
  .order-popup__note {
    font-size: 16px
  }
}

@media (max-width:479px) {
  .order-popup__note {
    font-size: 14px
  }
}

.order-popup__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:767px) {
  .order-popup__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.order-popup__btn {
  width: calc(50% - 5px);
  margin-bottom: 10px
}

@media (max-width:767px) {
  .order-popup__btn {
    width: 100%
  }
}

.order-popup__btn:last-child {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  order: -1
}

.order-popup__dc {
  width: 100%;
  height: 35px;
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.order-popup__dc .label {
  height: 35px;
  line-height: 35px
}

.order-popup__dc .button {
  top: 0
}

.feedback-popup {
  width: 540px;
  max-width: 100%
}

.popup-response {
  width: 540px;
  padding: 60px
}

.popup-response .form-t3__button {
  margin-bottom: 10px
}

.attach-resume__input {
  display: none
}

.popup-kasko {
  max-width: 900px
}

.popup-kasko__inner {
  max-width: 800px;
  padding: 70px 25px
}

.popup-kasko__title {
  margin-bottom: 40px
}

@media (max-width:767px) {
  .popup-kasko__title {
    margin-bottom: 20px;
    font-size: 20px
  }
}

.popup-kasko__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.popup-kasko__grid[data-stage="1"] .kasko__list-item.first-step-hide {
  display: none
}

.popup-kasko__content {
  width: 60%;
  padding-right: 20px
}

@media (max-width:767px) {
  .popup-kasko__content {
    width: 100%
  }
}

.popup-kasko__content-part {
  display: none
}

.popup-kasko__content-part.show {
  display: block
}

@media (max-width:767px) {
  .popup-kasko__content-part .inputs-row-2 {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:767px) {
  .popup-kasko__content-part .inputs-row-2__item {
    width: 100%;
    margin: 0
  }
}

.popup-kasko__content-part .block-choice {
  padding-top: 10px
}

.popup-kasko__content-part[data-step="1"] {
  padding-bottom: 30px
}

.popup-kasko__content-part[data-step="1"] .popup-kasko__btn {
  position: absolute;
  left: 50%;
  bottom: 30px;
  margin: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.popup-kasko__side {
  width: 40%
}

@media (max-width:767px) {
  .popup-kasko__side {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    width: 100%;
    max-width: 350px;
    margin: 0 auto 30px
  }
}

.popup-kasko__title-small {
  margin-bottom: 25px
}

@media (max-width:767px) {
  .popup-kasko__title-small {
    font-size: 18px
  }
}

.popup-kasko__title-mini {
  margin-bottom: 25px
}

.popup-kasko__btn {
  padding-top: 25px
}

.kasko {
  font-family: Hyundai Sans Text, sans-serif;
  border: 1px solid #d0d0d0
}

.kasko__title {
  font-size: 18px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500
}

@media (max-width:479px) {
  .kasko__title {
    font-size: 16px
  }
}

.kasko__img {
  margin-bottom: 20px
}

.kasko__img img {
  display: block
}

.kasko__body {
  max-width: 285px;
  margin: 0 auto;
  padding: 0 40px 30px
}

@media (max-width:767px) {
  .kasko__body {
    text-align: center;
    padding: 0 15px 30px
  }
}

.kasko__price {
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 500
}

@media (max-width:479px) {
  .kasko__price {
    font-size: 18px
  }
}

.kasko__name {
  margin-bottom: 30px;
  font-size: 16px
}

@media (max-width:479px) {
  .kasko__name {
    font-size: 14px
  }
}

@media (max-width:767px) {
  .kasko__list-outer.show .kasko__list {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    transition-timing-function: cubic-bezier(.5, 0, 1, 0);
    max-height: 9999px
  }
}

.kasko__list-title {
  display: none;
  margin-bottom: 10px;
  font-size: 14px
}

@media (max-width:767px) {
  .kasko__list-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

.kasko__list {
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300;
  line-height: 1.2
}

@media (max-width:767px) {
  .kasko__list {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
    transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
    text-align: left
  }
}

.kasko__list-item {
  margin-bottom: 8px
}

.kasko__list-item span {
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 700
}

.insurance-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  padding: 22px;
  border: 1px solid #d0d0d0
}

.insurance-offer__img {
  width: 40%
}

@media (max-width:479px) {
  .insurance-offer__img {
    width: 100%;
    margin-bottom: 10px
  }
}

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

@media (max-width:479px) {
  .insurance-offer__img img {
    margin-left: 0
  }
}

.insurance-offer__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.insurance-offer__text {
  width: 60%;
  margin-bottom: 10px;
  padding-left: 30px
}

@media (max-width:479px) {
  .insurance-offer__text {
    width: 100%;
    padding-left: 0
  }
}

.insurance-offer__text-part1 {
  margin-bottom: 5px;
  font-size: 18px
}

@media (max-width:767px) {
  .insurance-offer__text-part1 {
    font-size: 16px
  }
}

.insurance-offer__text-part2 {
  font-size: 24px
}

@media (max-width:767px) {
  .insurance-offer__text-part2 {
    font-size: 18px
  }
}

.insurance-offer__btn {
  width: 194px;
  margin: 0 auto
}

@media (max-width:479px) {
  .insurance-offer__btn {
    margin-left: 0
  }
}

.book-it .form-t6 {
  margin-bottom: 70px
}

@media (max-width:767px) {
  .book-it .form-t6 {
    margin-bottom: 40px
  }
}

.book-it__title {
  margin-bottom: 10px
}

@media (max-width:767px) {
  .book-it__title {
    font-size: 20px
  }
}

.book-it__img {
  margin-bottom: 20px
}

.book-it__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.book-it__name {
  min-width: 50%;
  max-width: 70%;
  margin-bottom: 20px
}

@media (max-width:767px) {
  .book-it__name {
    width: 100%;
    max-width: 100%;
    margin-bottom: 30px
  }
}

.book-it__price {
  font-size: 16px;
  line-height: 1;
  margin-left: 20px
}

@media (max-width:767px) {
  .book-it__price {
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0
  }
}

.book-it__price-title {
  color: rgba(25, 25, 25, .5)
}

@media (max-width:479px) {
  .book-it__price-title {
    font-size: 14px
  }
}

.book-it__price-old {
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 500;
  text-decoration: line-through
}

@media (max-width:479px) {
  .book-it__price-old {
    font-size: 14px
  }
}

.book-it__price-current {
  font-size: 30px;
  color: #d41313;
  font-weight: 500
}

@media (max-width:767px) {
  .book-it__price-current {
    font-size: 24px;
    line-height: 1.5
  }
}

@media (max-width:479px) {
  .book-it__price-current {
    font-size: 18px
  }
}

.book-it__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 35px;
  font-size: 14px;
  line-height: 1.642
}

.book-it__list-title {
  margin-bottom: 5px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  color: rgba(25, 25, 25, .5)
}

@media (max-width:767px) {
  .book-it__list-title {
    font-size: 14px
  }
}

.book-it__list-outer {
  width: 100%
}

.book-it__list li {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.642;
  color: #191919;
  width: calc(50% - 5px)
}

.book-it__list li:only-child {
  width: 100%
}

@media (max-width:767px) {
  .book-it__list li {
    width: 100%
  }
}

.book-it__list li:before {
  content: url("../img/static/icons/icon-check-accent.svg");
  display: inline-block;
  vertical-align: middle;
  width: 1.435em;
  height: 1em;
  margin-right: 8px;
  font-size: 8px
}

.book-it__list li span {
  color: #d52020;
  white-space: nowrap
}

.goods-item-add {
  position: relative
}

.goods-item-add.show .goods-item-add__content {
  max-height: 9999px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.goods-item-add__title {
  display: inline-block;
  margin-bottom: 25px;
  padding-left: 30px;
  font-family: Hyundai Sans Head, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.2
}

@media (max-width:479px) {
  .goods-item-add__title {
    font-size: 16px
  }
}

.goods-item-add__title:after {
  display: inline-block
}

.goods-item-add__content {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
  transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
}

.goods-item-add__checkblock {
  position: absolute;
  left: 0
}

.goods-item-add__input {
  display: none
}

.goods-item-add__input:checked+.goods-item-add__label:after {
  display: block
}

.goods-item-add__label {
  position: relative;
  padding-left: 30px;
  cursor: pointer
}

.goods-item-add__label:after,
.goods-item-add__label:before {
  content: "";
  position: absolute
}

.goods-item-add__label:before {
  top: -2px;
  left: 0;
  width: 21px;
  height: 21px;
  border: 2px solid #113a70
}

.goods-item-add__label:after {
  top: 2px;
  left: 7px;
  display: none;
  width: 7px;
  height: 11px;
  border-bottom: 2px solid #113a70;
  border-right: 2px solid #113a70;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.popup-offer .form-t3__subtitle {
  font-size: 16px
}

.pre-order {
  max-width: 900px
}

.pre-order .popup__inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 80px 15px
}

@media (max-width:767px) {
  .pre-order .popup__inner {
    padding: 50px 15px
  }
}

.pre-order .form-t6__btn {
  width: 100%
}

.pre-order .form-t6 .block-choice {
  margin-bottom: 30px
}

.pre-order__title {
  margin-bottom: 20px
}

@media (max-width:767px) {
  .pre-order__title {
    font-size: 24px;
    margin-bottom: 15px
  }
}

@media (max-width:479px) {
  .pre-order__title {
    font-size: 20px
  }
}

.pre-order__subtitle {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 1.4
}

@media (max-width:767px) {
  .pre-order__subtitle {
    margin-bottom: 25px;
    font-size: 16px
  }
}

.pre-order__car-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px
}

@media (max-width:479px) {
  .pre-order__car-preview {
    margin-bottom: 30px
  }
}

.pre-order__car-img img {
  display: block
}

.pre-order__car-info {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 20px;
  padding-top: 30px
}

@media (max-width:479px) {
  .pre-order__car-info {
    padding-left: 0;
    padding-top: 20px
  }
}

.pre-order__car-name {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 25px
}

.pre-order__car-grid,
.pre-order__car-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pre-order__car-grid {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pre-order__car-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 58%;
  padding-right: 40px
}

@media (max-width:767px) {
  .pre-order__car-left {
    width: 100%;
    padding-right: 0
  }
}

.pre-order__car-palette {
  margin-bottom: 25px
}

.pre-order__car-palette-title {
  margin-bottom: 10px;
  font-size: 14px;
  color: #7a7a7a
}

.pre-order__car-palette-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px
}

.pre-order__car-form {
  margin-top: auto
}

.pre-order__car-sidebar {
  width: 42%;
  padding: 35px 30px;
  font-size: 14px;
  line-height: 1.7;
  border: 1px solid #dcdcdc
}

@media (max-width:767px) {
  .pre-order__car-sidebar {
    width: 100%
  }
}

.pre-order__car-sidebar .mode-of-operations {
  display: block;
  margin-bottom: 0
}

.pre-order__car-sidebar .mode-of-operations-outer {
  margin-bottom: 30px
}

.pre-order__car-sidebar .mode-of-operations__part {
  margin-bottom: 10px
}

.pre-order__car-sidebar .mode-of-operations__part:last-child {
  margin-bottom: 0
}

.pre-order__car-sidebar-title {
  margin-bottom: 25px
}

.pre-order__car-sidebar-address {
  margin-bottom: 20px
}

.popup-credit {
  max-width: 800px
}

.popup-credit .table-offers {
  width: 100%;
  margin-bottom: 65px
}

.popup-credit .range-slider {
  margin-bottom: 20px
}

.popup-credit .irs-bar-edge {
  display: none
}

@media (max-width:1023px) {
  .popup-credit__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .popup-credit__title {
    font-size: 20px
  }
}

.popup-credit__card-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px
}

@media (max-width:767px) {
  .popup-credit__card-car {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 15px
  }
}

.popup-credit__card-car-img {
  margin-right: 15px
}

@media (max-width:767px) {
  .popup-credit__card-car-img {
    margin-right: 0;
    margin-bottom: 25px
  }
}

.popup-credit__card-car-img img {
  display: block
}

.popup-credit__card-car-name {
  margin-bottom: 15px
}

.popup-credit__price {
  width: 50%;
  font-size: 16px;
  line-height: 1
}

@media (max-width:767px) {
  .popup-credit__price {
    width: 100%;
    margin-bottom: 15px
  }
}

.popup-credit__price-current,
.popup-credit__price-old,
.popup-credit__price-title {
  white-space: nowrap
}

.popup-credit__price-title {
  color: rgba(25, 25, 25, .5);
  line-height: 1.1
}

@media (max-width:479px) {
  .popup-credit__price-title {
    font-size: 14px
  }
}

.popup-credit__price-old {
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: line-through
}

@media (max-width:479px) {
  .popup-credit__price-old {
    font-size: 14px
  }
}

.popup-credit__price-current {
  font-size: 24px;
  color: #d41313;
  font-weight: 500
}

@media (max-width:767px) {
  .popup-credit__price-current {
    font-size: 24px;
    line-height: 1.5
  }
}

@media (max-width:479px) {
  .popup-credit__price-current {
    font-size: 18px
  }
}

.suitable-offer {
  width: 100%
}

.suitable-offer__sliders {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 20px
}

.suitable-offer__sliders .range-slider-outer+.range-slider-outer {
  margin-left: 40px
}

@media (max-width:767px) {
  .suitable-offer__sliders .range-slider-outer+.range-slider-outer {
    margin-left: 0
  }
}

@media (max-width:767px) {
  .suitable-offer__sliders .range-slider-outer {
    width: 100%
  }
}

.suitable-offer__title {
  margin-bottom: 10px;
  font-family: Hyundai Sans Head, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2
}

.suitable-offer__input-wrapper {
  display: inline-block;
  min-width: 100px;
  height: 20px;
  font-size: 16px;
  border-bottom: 1px solid rgba(17, 58, 112, .4)
}

.suitable-offer__input {
  width: 65px;
  line-height: 1;
  border: none;
  border-radius: 0;
  background-color: transparent
}

.popup-prepayment .form-t6__btn {
  width: 100%;
  max-width: 480px;
  margin: 0 auto
}

.table-outer.show .table__body>.table__rows-outer {
  margin-top: 0
}

.table-outer.show .table__body>.table__rows-outer .table__rows {
  max-height: 0
}

.table-outer.show .table__body>.table__rows-outer.show .table__rows {
  max-height: 9999px
}

.table-outer.show .table__body .js-table__rows-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  opacity: 1;
  visibility: visible
}

.table-outer.show .table__expand-box {
  max-height: 9999px;
  padding-bottom: 50px
}

.table-outer.show .js-table__expand-btn:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.table-outer.show .table__switch {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important
}

.table {
  margin-bottom: 15px
}

@media (max-width:900px) {
  .table {
    width: 100%;
    overflow-x: scroll
  }
}

.table__inner {
  overflow: scroll;
  overflow-y: hidden;
  background-color: #fff
}

@media (max-width:900px) {
  .table__inner {
    width: 900px
  }
}

.table__head .table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.table__head .table__cell {
  padding: 15px 25px;
  background-color: #ddd8d3
}

@media (max-width:1199px) {
  .table__head .table__cell {
    padding: 15px 20px
  }
}

.table__head .table__cell+.table__cell {
  border-left: 1px solid #bab1a8
}

.table__head .table__row {
  border-top: none
}

@media (max-width:1199px) {
  .table__body {
    padding: 8px 15px 20px
  }
}

.table__body .table__cell {
  padding: 0 10px 10px 25px;
  border-bottom: 1px solid #ddd8d3;
  background-color: #fff
}

.table__body>.table__rows-outer {
  margin-top: -61px
}

@media (max-width:1199px) {
  .table__body>.table__rows-outer {
    margin-top: -63px
  }
}

@media (max-width:767px) {
  .table__body>.table__rows-outer {
    margin-top: -60px
  }
}

.table__body>.table__rows-outer .js-table__rows-title {
  opacity: 0;
  visibility: hidden;
  border-top: none
}

.table__body>.table__rows-outer .table__rows {
  max-height: 9999px
}

.table__body .table__row-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.table__rows {
  max-height: 0
}

.table__rows-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: 25px 0 10px 25px;
  font-size: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  cursor: pointer
}

@media (max-width:1199px) {
  .table__rows-title {
    padding: 15px 0;
    font-size: 16px
  }
}

@media (max-width:767px) {
  .table__rows-title {
    font-size: 14px
  }
}

.table__rows-title:after {
  content: "";
  width: 10px;
  height: 10px;
  margin-left: 10px;
  margin-top: 5px;
  border-top: 2px solid #00aed5;
  border-right: 2px solid #00aed5;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

@media (max-width:1199px) {
  .table__rows-title:after {
    width: 8px;
    height: 8px
  }
}

.table__rows-outer .table__rows {
  visibility: hidden
}

.table__rows-outer.show .table__rows {
  background: #fff;
  position: relative;
  visibility: visible;
  z-index: 2;
  max-height: 9999px
}

.table__rows-outer.show .table__rows-title:after {
  margin-top: 0;
  -webkit-transform: translateY(-3px) rotate(135deg);
  transform: translateY(-3px) rotate(135deg)
}

.table__row .checkbox-circle {
  padding: 15px 10px 15px 25px
}

@media (max-width:1199px) {
  .table__row .checkbox-circle {
    padding-left: 15px
  }
}

.table__switch {
  display: none !important
}

.table__row-title {
  background-color: #fff;
  width: 100%;
  padding: 10px 0 0 25px;
  color: rgba(25, 25, 25, .5)
}

@media (max-width:767px) {
  .table__row-title {
    font-size: 12px
  }
}

.table__cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 25%;
  min-width: 22%;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  color: #252525
}

@media (max-width:767px) {
  .table__cell {
    font-size: 12px
  }
}

.table__cell--1 {
  width: 100%
}

.table__cell--2 {
  width: 50%
}

.table__cell--3 {
  width: 33.333333%
}

.table__cell.hide {
  display: none
}

.table__expand-box {
  max-height: 0
}

.table__expand-box .table__row {
  display: none
}

.table__expand-box .show .table__row {
  display: block
}

.table__expand-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-family: Hyundai Sans Text, sans-serif;
  border: none;
  color: rgba(25, 25, 25, .5);
  cursor: pointer
}

.table__expand-btn:after {
  content: "";
  width: 10px;
  margin-left: 8px;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.section-with-table {
  padding: 55px 0;
  background-color: #efedeb
}

@media (max-width:900px) {
  .section-with-table {
    margin-right: -20px;
    margin-left: -20px
  }
}

@media (max-width:767px) {
  .section-with-table {
    padding: 30px 0
  }
}

.section-with-table .js-expand-btn {
  display: none;
  vertical-align: middle;
  padding-left: 20px;
  padding-right: 20px;
  text-align: left
}

@media (max-width:767px) {
  .section-with-table .js-expand-btn {
    display: inline-block
  }
}

@media (max-width:479px) {
  .section-with-table .js-expand-btn {
    padding-left: 15px;
    padding-right: 15px
  }
}

.section-with-table .js-expand-btn:after {
  display: inline-block;
  vertical-align: middle
}

.section-with-table__title {
  margin-bottom: 30px
}

@media (max-width:1199px) {
  .section-with-table__title {
    margin-bottom: 15px;
    font-size: 24px
  }
}

@media (max-width:900px) {
  .section-with-table__title {
    padding-left: 20px
  }
}

@media (max-width:479px) {
  .section-with-table__title {
    padding-left: 15px;
    font-size: 20px
  }
}

.t-head-cell {
  cursor: pointer
}

.t-head-cell__title {
  margin-bottom: 5px;
  font-size: 24px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  color: #113a70
}

@media (max-width:1199px) {
  .t-head-cell__title {
    font-size: 16px
  }
}

.t-head-cell__price {
  margin-bottom: 10px
}

@media (max-width:1199px) {
  .t-head-cell__price .price-block__part1-title {
    font-size: 12px
  }
}

@media (max-width:1199px) {
  .t-head-cell__price .price-block__part1-text {
    font-size: 14px
  }
}

@media (max-width:1199px) {
  .t-head-cell__price .price-block__part2-title {
    font-size: 12px
  }
}

@media (max-width:1199px) {
  .t-head-cell__price .price-block__part2-text {
    font-size: 14px
  }
}

.t-head-cell__info {
  margin-bottom: 8px;
  color: #1e1e1e;
  font-size: 14px;
  font-family: hyundai Sans Text, sans-serif
}

.t-head-cell__info.active {
  color: #cc5421
}

.t-head-cell__btn {
  max-width: 188px
}

.home-main {
  padding-bottom: 50px
}

@media (max-width:1300px) {
  .home-main {
    padding-bottom: 40px
  }
}

@media (max-width:767px) {
  .home-main {
    padding-bottom: 0
  }
}

.home-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 75px;
  padding: 35px 49px;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 27px rgba(0, 47, 109, .19);
  box-shadow: 0 12px 27px rgba(0, 47, 109, .19)
}

@media (max-width:1300px) {
  .home-filter {
    padding: 35px 25px;
    margin-bottom: 50px
  }
}

@media (max-width:1023px) {
  .home-filter {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:767px) {
  .home-filter {
    padding: 30px 15px;
    margin-bottom: 30px
  }
}

.home-filter .filter {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  width: 55%;
  margin-right: 125px
}

@media (max-width:1300px) {
  .home-filter .filter {
    margin-right: 30px;
    width: auto
  }
}

@media (max-width:1023px) {
  .home-filter .filter {
    margin-right: 0;
    margin-bottom: 20px
  }
}

.home-filter .filter:after {
  content: "";
  position: absolute;
  top: 50%;
  right: -50px;
  display: block;
  width: 1px;
  height: 62px;
  background-color: #dbe6ef;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

@media (max-width:1300px) {
  .home-filter .filter:after {
    display: none
  }
}

.home-filter__slider {
  position: relative;
  width: 100%;
  max-width: 430px;
  margin-left: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  z-index: 1
}

@media (max-width:1023px) {
  .home-filter__slider {
    margin: 0 auto
  }
}

@media (max-width:479px) {
  .home-filter__slider {
    max-width: 100%
  }
}

@media (max-width:479px) {
  .section-filter__body {
    padding-bottom: 30px
  }
}

.section-filter__title {
  margin-bottom: 20px;
  text-align: center;
}

@media (max-width:1300px) {
  .section-filter__title {
    margin-bottom: 12px
  }
}

@media (max-width:1023px) {
  .section-filter__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .section-filter__title {
    font-size: 20px
  }
}

.card-product {
  margin-bottom: 65px
}

.card-product__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 50px
}

.card-product__gallery {
  width: 55%
}

@media (max-width:1199px) {
  .card-product__gallery {
    width: 50%
  }
}

@media (max-width:1023px) {
  .card-product__gallery {
    width: 42%
  }
}

@media (max-width:767px) {
  .card-product__gallery {
    width: 100%;
    margin-bottom: 25px
  }
}

.card-product__gallery-inner {
  min-height: 410px;
  padding: 30px;
  background-color: #fff;
  -webkit-box-shadow: 0 9px 27px rgba(0, 47, 109, .15);
  box-shadow: 0 9px 27px rgba(0, 47, 109, .15)
}

@media (max-width:767px) {
  .card-product__gallery-inner {
    min-height: 300px
  }
}

@media (max-width:479px) {
  .card-product__gallery-inner {
    min-height: 200px
  }
}

.card-product__gallery-item {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.card-product__gallery-item,
.card-product__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.card-product__info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 45%;
  padding-left: 55px
}

@media (max-width:1199px) {
  .card-product__info {
    width: 50%;
    padding-left: 30px
  }
}

@media (max-width:1023px) {
  .card-product__info {
    width: 58%;
    padding-left: 20px
  }
}

@media (max-width:767px) {
  .card-product__info {
    width: 100%;
    padding-left: 0
  }
}

.card-product__info-group {
  margin-top: auto
}

@media (max-width:767px) {
  .card-product__info-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top
  }
}

.card-product__title {
  margin-bottom: 18px;
  font-size: 28px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500
}

@media (max-width:1199px) {
  .card-product__title {
    margin-bottom: 10px
  }
}

@media (max-width:1023px) {
  .card-product__title {
    font-size: 20px
  }
}

.card-product__description {
  margin-bottom: 10px;
  font-family: Hyundai Sans Text, sans-serif;
  font-size: 16px;
  line-height: 1.15
}

@media (max-width:1199px) {
  .card-product__description {
    font-size: 14px;
    line-height: 1.3
  }
}

.card-product__quantity {
  margin-bottom: 23px
}

@media (max-width:767px) {
  .card-product__quantity {
    margin-right: 40px;
    display: inline-block
  }
}

@media (max-width:479px) {
  .card-product__quantity {
    margin-right: 10px
  }
}

.card-product__quantity-title {
  margin-bottom: 8px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 400;
  line-height: 1;
  color: rgba(25, 25, 25, .5)
}

@media (max-width:479px) {
  .card-product__quantity-title {
    font-size: 14px
  }
}

.card-product__price {
  margin-bottom: 25px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1
}

@media (max-width:767px) {
  .card-product__price {
    display: inline-block
  }
}

.card-product__price-title {
  margin-bottom: 7px;
  font-size: 16px;
  font-weight: 400;
  color: rgba(25, 25, 25, .5)
}

@media (max-width:767px) {
  .card-product__price-title {
    width: 100%;
    margin-bottom: 15px
  }
}

@media (max-width:479px) {
  .card-product__price-title {
    font-size: 14px
  }
}

.card-product__price-old {
  margin-bottom: 6px;
  font-size: 16px;
  text-decoration: line-through
}

@media (max-width:767px) {
  .card-product__price-old {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 5px
  }
}

.card-product__price-current {
  font-size: 24px;
  color: #cc5421
}

@media (max-width:767px) {
  .card-product__price-current {
    display: inline-block
  }
}

@media (max-width:479px) {
  .card-product__price-current {
    font-size: 20px
  }
}

.product-category .list-cars-outer {
  margin-bottom: 75px
}

@media (max-width:767px) {
  .product-category .list-cars-outer {
    margin-bottom: 25px
  }
}

.product-category__title {
  margin-bottom: 25px
}

@media (max-width:1023px) {
  .product-category__title {
    margin-bottom: 20px;
    font-size: 24px
  }
}

.car__main {
  position: relative
}

.car__main-actions {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -62px;
  right: 0
}

@media (max-width:767px) {
  .car__main-actions {
    top: -48px
  }
}

.car__main-btn-offset .icon-share {
  fill: #fff;
  stroke: #fff;
  font-size: 15px
}

.car__main-prepayment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 50px;
  font-size: 16px;
  text-decoration: underline;
  color: #113a70;
  cursor: pointer
}

@media (max-width:1023px) {
  .car__main-prepayment {
    font-size: 14px
  }
}

@media (max-width:767px) {
  .car__main-prepayment {
    margin-right: 30px
  }
}

@media (max-width:479px) {
  .car__main-prepayment {
    margin-right: 10px;
    font-size: 12px
  }
}

.car__main-prepayment .icon-svg {
  fill: #113a70;
  margin-right: 10px;
  font-size: 20px
}

@media (max-width:479px) {
  .car__main-prepayment .icon-svg {
    margin-right: 5px;
    font-size: 15px
  }
}

.btn-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #113a70;
  cursor: pointer
}

.car__title {
  margin-bottom: 17px
}

@media (max-width:1023px) {
  .car__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .car__title {
    font-size: 20px
  }
}

@media (max-width:479px) {
  .car__title span {
    display: block
  }
}

.car__subtitle {
  padding-right: 290px;
  margin-bottom: 35px;
  line-height: 1.2
}

@media (max-width:767px) {
  .car__subtitle {
    margin-bottom: 25px;
    padding-right: 0
  }
}

@media (max-width:479px) {
  .car__subtitle {
    font-size: 14px
  }
}

.car__subtitle span {
  display: inline-block;
  margin-bottom: 5px
}

.car__subtitle span:first-child {
  margin-right: 25px
}

@media (max-width:767px) {
  .car__subtitle .car__subtitle-sticker {
    display: block;
    margin-left: 0;
    padding-top: 5px
  }
}

.product-filter__title {
  margin-bottom: 10px
}

.product-filter__headline {
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.product-filter__headline-part1 {
  width: 35%;
  max-width: 350px;
  font-size: 14px;
  line-height: 1.5
}

@media (max-width:1300px) {
  .product-filter__headline-part1 {
    margin-bottom: 25px;
    width: 100%
  }
}

.product-filter__headline-part2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 30px
}

@media (max-width:1300px) {
  .product-filter__headline-part2 {
    margin-left: 0;
    width: 100%;
    max-width: 100%
  }
}

@media (max-width:1300px) {

  .product-filter__headline-part2,
  .product-filter__headline-part2 .list-filter {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:1300px) {
  .product-filter__headline-part2 .list-filter__item {
    margin-right: 0
  }
}

.car__content {
  width: calc(63% - 15px);
  float: left
}

@media (max-width:1199px) {
  .car__content {
    width: calc(56% - 7px)
  }
}

@media (max-width:1023px) {
  .car__content {
    width: 100%;
    float: none
  }
}

.car-info-group {
  position: relative;
  margin-bottom: 0
}

.car-info-group.show {
  margin-bottom: 50px
}

.car-info-group.show .car-info-group__title:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.car-info-group.show .car-info-group__content {
  max-height: 9999px
}

@media (max-width:479px) {
  .car-info-group {
    margin-top: 50px
  }
}

.car-info-group__title {
  display: inline-block;
  margin-bottom: 35px;
  font-size: 24px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: .9;
  color: #252525;
  -webkit-text-decoration: underline #eaeaea;
  text-decoration: underline #eaeaea
}

.car-info-group__title:after {
  display: inline-block;
  vertical-align: middle
}

@media (max-width:767px) {
  .car-info-group__title {
    font-size: 20px
  }
}

.car-info-group__content {
  max-height: 0;
  margin-left: 0;
  overflow: hidden
}

@media (max-width:768px) {
  .car-info-group__content {
    padding-left: 0
  }
}

.car-info-group__content.md-padding {
  padding-left: 15px;
  padding-right: 15px
}

.car-info-group__headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 34px;
  color: #191919
}

@media (max-width:1199px) {
  .car-info-group__headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:767px) {
  .car-info-group__headline {
    padding-right: 15px;
    padding-left: 15px
  }
}

.car-info-group__printing {
  position: absolute;
  top: 0;
  right: 0
}

@media (max-width:479px) {
  .car-info-group__printing {
    top: -50px;
    right: auto;
    left: 0
  }
}

.option-selected {
  font-size: 17px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 400;
  white-space: nowrap
}

@media (max-width:1199px) {
  .option-selected {
    margin-bottom: 7px
  }
}

@media (max-width:479px) {
  .option-selected {
    margin-bottom: 10px;
    font-size: 14px
  }
}

.option-selected+.option-selected {
  margin-left: 45px
}

@media (max-width:1199px) {
  .option-selected+.option-selected {
    margin-left: 0
  }
}

.option-selected b {
  font-weight: 500
}

.option-selected__color {
  display: inline-block;
  vertical-align: baseline;
  width: 12px;
  height: 12px;
  margin-left: 6px;
  border-radius: 50%;
  border: 1px solid transparent
}

.option-selected__color--red {
  background-color: red
}

.option-selected__color[style="background-color: #FFF;"],
.option-selected__color[style="background-color: #FFFFFF;"] {
  border-color: #ddd
}

.car__side {
  position: relative;
  margin-left: calc(63% + 15px)
}

@media (max-width:1199px) {
  .car__side {
    margin-left: calc(56% + 7px)
  }
}

@media (max-width:1023px) {
  .car__side {
    width: 100%;
    margin-left: 0
  }
}

.side-t1 {
  margin-bottom: 50px;
  margin-top: 40px;
  padding: 37px 30px;
  -webkit-box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
  box-shadow: 0 27px 90px rgba(0, 47, 109, .32);
  background-color: #fff
}

@media (max-width:1199px) {
  .side-t1 {
    padding: 37px 10px
  }
}

@media (max-width:1023px) {
  .side-t1 {
    margin-bottom: 30px;
    padding: 37px 50px
  }
}

@media (max-width:767px) {
  .side-t1 {
    margin: 0 -20px;
    padding: 20px 25px;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media (max-width:479px) {
  .side-t1 {
    margin: 0 -15px;
    padding: 15px
  }
}

.side-t1--line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.side-t1--line .side-t1__body,
.side-t1--line .side-t1__head {
  padding: 0 20px
}

@media (max-width:1023px) {
  .side-t1--line {
    display: none
  }
}

.side-t1__price {
  font-family: Hyundai Sans Head, sans-serif;
  line-height: 1
}

.side-t1__price-old {
  margin-bottom: 23px
}

.side-t1__price-old_top {
  margin-bottom: 0
}

@media (max-width:1199px) {
  .side-t1__price-old {
    margin-bottom: 18px
  }
}

.side-t1__price-old-part1 {
  margin-bottom: 8px;
  color: #383838;
  font-size: 14px;
  text-transform: uppercase
}

@media (max-width:1400px) {
  .side-t1__price-old-part1 {
    font-size: 14px
  }
}

@media (max-width:479px) {
  .side-t1__price-old-part1 {
    font-size: 12px
  }
}

.side-t1__price-old-part2-outer {
  font-size: 24px;
  letter-spacing: -.02em;
  color: #313131
}

@media (max-width:1400px) {
  .side-t1__price-old-part2-outer {
    font-size: 20px
  }
}

.side-t1__price-old-part2-outer span {
  font-weight: 500;
  position: relative
}

.side-t1__price-old-part2-outer span:before {
  content: "";
  width: 100%;
  position: absolute;
  height: 2px;
  background: #d41413;
  top: calc(50% - 1px)
}

.side-t1__price-old-part2-inner {
  position: relative
}

.side-t1__price-old-part2-inner:before {
  content: "";
  position: absolute;
  top: 40%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #d41313;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.side-t1__price-current {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1439px) {
  .side-t1__price-current {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
  }
}

@media (max-width:1023px) {
  .side-t1__price-current {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

.side-t1__price-current-part-title {
  margin-bottom: 10px;
  color: #383838;
  font-size: 14px;
  line-height: 1.2;
  text-transform: uppercase;
  max-width: 200px
}

@media (max-width:479px) {
  .side-t1__price-current-part-title {
    font-size: 12px
  }
}

.side-t1__price-current-part-text {
  letter-spacing: -.02em
}

.side-t1__price-current-part-note {
  font-size: 20px;
  color: #113a70;
  font-weight: 500;
  margin-bottom: 20px
}

@media (max-width:1400px) {
  .side-t1__price-current-part-note {
    font-size: 18px
  }
}

.side-t1__price-current-part1-text {
  color: #e63312;
  font-size: 36px;
  white-space: nowrap
}

@media (max-width:1400px) {
  .side-t1__price-current-part1-text {
    font-size: 30px
  }
}

@media (max-width:479px) {
  .side-t1__price-current-part1-text {
    margin-bottom: 15px;
    font-size: 24px
  }
}

.side-t1__price-current-part1-text span {
  font-weight: 500
}

.side-t1__price-current-part2 {
  width: 170px;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end
}

@media (max-width:479px) {
  .side-t1__price-current-part2 {
    padding-left: 0;
    margin-bottom: 15px
  }
}

.side-t1__price-current-part1 {
  padding-top: 20px;
  padding-right: 20px
}

.side-t1__price-current-part2-text {
  color: #313131;
  font-size: 30px;
  white-space: nowrap
}

@media (max-width:1400px) {
  .side-t1__price-current-part2-text {
    font-size: 24px
  }
}

.side-t1__price-current-part2-text-not_js {
  color: #313131;
  font-size: 30px;
  white-space: nowrap
}

@media (max-width:1400px) {
  .side-t1__price-current-part2-text-not_js {
    font-size: 24px
  }
}

.side-t1__btns {
  margin-top: 40px
}

@media (max-width:1023px) {
  .side-t1__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -10px;
    margin-top: 40px
  }
}

@media (max-width:767px) {
  .side-t1__btns {
    margin: 0 -5px;
    margin-top: 20px
  }
}

@media (max-width:479px) {
  .side-t1__btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
  }
}

.side-t1__btn {
  margin-bottom: 15px
}

@media (max-width:1023px) {
  .side-t1__btn {
    width: 50%;
    padding: 0 10px
  }
}

@media (max-width:767px) {
  .side-t1__btn {
    width: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 5px
  }
}

@media (max-width:479px) {
  .side-t1__btn {
    margin-bottom: 10px;
    padding: 0
  }
}

.side-t1__btnPay {
  width: 100%
}

.side-t1__note {
  margin-bottom: 20px;
  padding-top: 10px;
  font-size: 16px;
  font-family: Hyundai Sans Head, sans-serif;
  line-height: 1.25;
  color: rgba(25, 25, 25, .6)
}

@media (max-width:1400px) {
  .side-t1__note {
    font-size: 14px
  }
}

.blue_price {
  color: #002c5f
}

.side-t1__price-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  padding: 0 20px
}

.side-t1__price-top-title {
  font-size: 30px;
  color: #1b1b1b;
  padding-right: 20px;
  padding-bottom: 20px;
  font-weight: 700
}

.side-t1__price-top-name {
  color: #003469;
  font-size: 22px
}

.side-t1__price-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.side-t1__price-bottom {
  padding: 0 20px
}

.side-t1__price-bottom-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -10px
}

.side-t1__price-bottom-text {
  display: block;
  text-align: center
}

.side-t1__price-bottom-btn {
  height: 56px
}

.side-t1__price-bottom-btn,
.side-t1__price-bottom__input-wrapper {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 400px;
  flex: 1 1 400px;
  margin: 0 10px 20px
}

.side-t1__price-bottom__input-wrapper {
  width: 100%;
  max-width: 400px;
  height: 60px;
  border: 1px solid #b3b6b8;
  border-radius: 10px
}

.side-t1__price-bottom__input-wrapper .input {
  padding: 20px 6px 5px 20px
}

.side-t1__price-bottom__input-wrapper .label--fly {
  padding-left: 20px;
  padding-bottom: 18px
}

.side-t1__price-bottom__input-wrapper.active .label--fly {
  padding-bottom: 58px;
  padding-left: 0;
  font-size: 14px;
  color: #6f6f6f
}

.side-t1__price-bottom__input-wrapper .input:focus {
  padding-left: 20px
}

.side-t1__price-bottom__input-wrapper .input:focus+.label--fly {
  padding-bottom: 58px;
  padding-left: 0;
  font-size: 14px;
  color: #6f6f6f
}

.side-t1__price-block-price {
  border-radius: 10px
}

.side-t1__bottom .side-t1__price-old {
  margin-bottom: 0;
  padding-top: 4px
}

.side-t1__bottom .side-t1__price-current {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.side-t1__bottom .side-t1__price-current-part2 {
  padding-left: 0
}

.side-t1__bottom .side-t1__note {
  padding-top: 0
}

.side-t1__row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:1023px) {
  .side-t1__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.side-t1__row .input-wrapper,
.side-t1__row .select-outer {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1;
  margin-right: 20px;
  max-width: 400px;
  text-align: left
}

@media (max-width:1023px) {

  .side-t1__row .input-wrapper,
  .side-t1__row .select-outer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0
  }
}

.side-t1__row .btn {
  -webkit-box-flex: 1;
  -ms-flex: 1 1;
  flex: 1 1
}

.side-t1__options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -5px;
  margin-top: 25px
}

.side-t1__options-item {
  height: 50px;
  width: 140px;
  background: #f6f3f2;
  border-radius: 6px;
  font-size: 13px;
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  padding: 0 20px;
  margin: 5px
}

.side-t1__options-item,
.side-t1__prepayment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.side-t1__prepayment {
  background: #00aad2;
  width: 100%;
  height: 60px;
  font-size: 17px;
  color: #fff;
  font-weight: 500;
  margin-top: 20px;
  -webkit-transition: .2s;
  transition: .2s;
  cursor: pointer
}

.side-t1__prepayment:hover {
  opacity: .7
}

.car__side__notebook {
  display: none
}

@media (max-width:1023px) {
  .car__side__notebook {
    display: block
  }
}

@media (max-width:767px) {
  .car__side__notebook {
    display: none
  }
}

.car-info-group__new-print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:479px) {
  .car-info-group__new-print {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 20px
  }
}

.car-info-group__new-print .car-info-group__printing {
  position: static
}

.car-info-group__new-print .arrow-expand {
  margin: 0;
  margin-bottom: 25px
}

.car-gallery-for {
  max-height: 440px;
  margin-bottom: 15px;
  overflow: hidden
}

.car-gallery-nav__outer {
  position: relative
}

.car-gallery-nav {
  margin-bottom: 40px;
  padding: 0 25px;
  max-height: 100px;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease
}

.car-gallery-nav.slick-initialized {
  display: block;
  opacity: 1
}

.car-gallery-nav--video {
  margin-left: 128px;
  width: calc(100% - 128px) !important
}

@media (max-width:1199px) {
  .car-gallery-nav--video {
    margin-bottom: 20px;
    margin-left: calc(100% - (((100% / 5) + 1px) * 4));
    padding: 0
  }
}

@media (max-width:1023px) {
  .car-gallery-nav--video {
    margin-left: calc(100% - (((100% / 7) - 1px) * 6))
  }
}

@media (max-width:767px) {
  .car-gallery-nav--video {
    margin-left: calc(100% - (((100% / 6) + 1px) * 5))
  }
}

@media (max-width:599px) {
  .car-gallery-nav--video {
    margin-left: calc(100% - (((100% / 5) + 1px) * 4))
  }
}

.car-gallery-nav--video .slick-track {
  margin-left: 0
}

.car-gallery-nav__item {
  padding: 5px;
  display: block;
  border: 1px solid transparent
}

.car-gallery-nav__item.slick-current {
  border: 1px solid #113a70
}

.car__video {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  top: 6px;
  position: absolute;
  left: 0;
  width: 14.7%;
  width: calc(100% - (((100% / 6) + 3.5px) * 5))
}

@media (max-width:1199px) {
  .car__video {
    width: calc(100% - (((100% / 5) + 2.5px) * 4))
  }
}

@media (max-width:1023px) {
  .car__video {
    width: calc(100% - (((100% / 7) + 1.5px) * 6))
  }
}

@media (max-width:767px) {
  .car__video {
    width: calc(100% - (((100% / 6) + 1.5px) * 5))
  }
}

@media (max-width:599px) {
  .car__video {
    width: calc(100% - (((100% / 5) + 2.5px) * 4))
  }
}

.shop-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:1199px) {
  .shop-options {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

@media (max-width:767px) {
  .shop-options {
    margin-bottom: -30px
  }
}

.shop-options .icon-svg {
  fill: #00afd5;
  font-size: 40px;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width:1199px) {
  .shop-options .icon-svg {
    font-size: 25px
  }
}

.shop-options-outer {
  margin-bottom: 45px;
  padding: 21px 50px 25px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 35px rgba(0, 47, 109, .14);
  box-shadow: 0 4px 35px rgba(0, 47, 109, .14)
}

@media (max-width:1199px) {
  .shop-options-outer {
    padding: 21px 25px
  }
}

.shop-options__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1199px) {
  .shop-options__item {
    width: calc(25% - 10px)
  }
}

@media (max-width:767px) {
  .shop-options__item {
    width: 50%;
    margin-bottom: 30px
  }
}

.shop-options__item:after {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: inline-block;
  width: 1px;
  height: 55px;
  margin: 0 50px;
  background: #e1e8ef
}

@media (max-width:1400px) {
  .shop-options__item:after {
    margin: 0 30px
  }
}

@media (max-width:1199px) {
  .shop-options__item:after {
    height: 40px;
    margin: 0 15px;
    margin: 0 auto
  }
}

@media (max-width:767px) {
  .shop-options__item:after {
    content: none
  }
}

.shop-options__item:last-child:after {
  content: none
}

.shop-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap
}

.shop-option .icon-svg {
  margin-right: 10px
}

@media (max-width:1199px) {
  .shop-option .icon-svg {
    margin-right: 5px
  }
}

.options-outer {
  margin-bottom: 27px
}

.options-title {
  margin-bottom: 10px;
  font-size: 17px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  color: #191919
}

@media (max-width:767px) {
  .options-title {
    padding-right: 15px;
    padding-left: 15px
  }
}

.options {
  border: 1px solid #f3f3f3
}

.option {
  padding: 12px 24px 7px;
  font-size: 14px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400;
  color: #191919;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

@media (max-width:1023px) {
  .option {
    margin-left: -10px;
    padding-top: 15px;
    padding-bottom: 10px
  }
}

@media (max-width:767px) {
  .option {
    white-space: normal;
    overflow: visible;
    line-height: 1.2;
    margin-left: 0;
    padding-left: 15px
  }
}

@media (max-width:479px) {
  .option {
    margin-right: 0;
    margin-left: 0
  }
}

.option:nth-child(odd) {
  background-color: #f3f3f3
}

.video {
  position: relative;
  width: 100%;
  padding-bottom: 68.5%;
  background-size: cover;
  cursor: pointer
}

.video--play .icon-play {
  display: none
}

.video__inner {
  z-index: 1
}

.video__inner,
.video__inner:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.video__inner:before {
  content: "";
  z-index: -1;
  background: rgba(0, 0, 0, .5)
}

.icon-play {
  fill: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 29px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
  cursor: pointer
}

@media (max-width:479px) {
  .icon-play {
    font-size: 20px
  }
}

#player {
  width: 100%;
  height: 100%
}

.trade-in__wrapper {
  padding: 40px 60px;
  background-color: #fff;
  -webkit-box-shadow: 0 20px 100px rgba(0, 52, 105, .3);
  box-shadow: 0 20px 100px rgba(0, 52, 105, .3)
}

.trade-in__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 30px
}

.trade-in__top-title {
  font-size: 30px;
  color: #1b1b1b
}

.trade-in__top-btn {
  color: #003469;
  border-bottom: 1px dashed #003469;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.trade-in__top-btn:after {
  content: "";
  width: 10px;
  margin-left: 8px;
  border-top: 5px solid #003469;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  position: relative;
  top: -10px
}

.trade-in__brands-subtitle {
  font-size: 14px;
  color: #1b1b1b;
  margin-bottom: 15px
}

.trade-in__brands-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background: #edf3f7;
  border-radius: 10px;
  padding: 40px 80px 35px;
  margin-bottom: 30px;
  position: relative
}

.trade-in__brands-item {
  text-align: center
}

.trade-in__brands-item-label {
  padding: 10px;
  display: block;
  -webkit-transition: color .5s ease-in;
  transition: color .5s ease-in;
  cursor: pointer
}

.trade-in__brands-item-img {
  width: 50px;
  height: 50px
}

.trade-in__brands-item-name {
  font-size: 11px;
  line-height: 14px;
  color: #999d9f;
  padding-top: 10px
}

.trade-in__brands-item-input {
  display: none
}

.trade-in__brands-item-input:checked+.trade-in__brands-item-label {
  background-color: #fff;
  border-radius: 10px
}

.trade-in__fields-row-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px;
  margin-bottom: 15px
}

.trade-in__fields-row-top .car-filter__group .select-outer {
  width: 600px;
  max-width: 100%
}

@media (max-width:767px) {
  .trade-in__fields-row-top .car-filter__group .select-outer {
    width: 400px
  }
}

.trade-in__fields-row-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 -15px
}

.trade-in__fields-row-middle .car-filter__group {
  margin-bottom: 15px
}

.trade-in__fields-row-bottom {
  margin: 0 -15px
}

@media (max-width:1439px) {
  .trade-in__fields-row-bottom {
    margin-bottom: 30px
  }
}

.trade-in__fields-row-bottom-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media (max-width:640px) {
  .trade-in__fields-row-bottom-block .range-slider {
    width: 300px
  }
}

@media (max-width:479px) {
  .trade-in__fields-row-bottom-block .range-slider {
    width: 235px
  }
}

@media (max-width:640px) {
  .trade-in__fields-row-bottom-block .car-filter__input {
    width: 150px
  }
}

@media (max-width:479px) {
  .trade-in__fields-row-bottom-block .car-filter__input {
    width: 115px
  }
}

@media (max-width:767px) {
  .trade-in__fields-row-bottom-value {
    margin-top: 15px;
    margin-bottom: 30px;
    padding-left: 20px
  }
}

@media (max-width:479px) {
  .trade-in__fields-row-bottom-value {
    padding-left: 0
  }
}

.trade-in__fields-row-bottom-value-title {
  font-size: 14px;
  text-align: right;
  color: #1b1b1b;
  padding-bottom: 10px
}

@media (max-width:767px) {
  .trade-in__fields-row-bottom-value-title {
    text-align: left
  }
}

.trade-in__fields-row-bottom-value-title.disabled {
  color: #bbb
}

.trade-in__fields-row-bottom-value-price {
  font-size: 40px;
  text-align: right;
  color: #1b1b1b
}

@media (max-width:767px) {
  .trade-in__fields-row-bottom-value-price {
    text-align: left
  }
}

.trade-in__fields-row-bottom-value-price.disabled {
  color: #bbb;
  font-weight: 700
}

.trade-in__form-bottom-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.trade-in__form-bottom-row:first-child {
  margin-bottom: 35px
}

.trade-in__form-bottom-row:nth-child(2) {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.trade-in__form-bottom-row .block-choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 58px;
  max-width: 100%
}

.trade-in__form-bottom-row .block-choice__label {
  padding-top: 5px
}

@media (max-width:1023px) {
  .trade-in__form-bottom-row .block-choice__label {
    padding-top: 0;
    margin-bottom: 25px
  }
}

.trade-in__form-bottom-row .block-choice__label:before {
  border: 2px solid #b3b6b8;
  width: 26px;
  height: 26px;
  border-radius: 4px
}

.trade-in__form-bottom-row .block-choice__label:after {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  top: 4px;
  left: 10px
}

.trade-in__form-bottom-row .block-choice__checkbox:checked+.block-choice__label:before {
  background: #003469
}

.trade-in__form-bottom-row .selectric .label {
  height: 50px
}

.trade-in__form-bottom-row .car-filter__group {
  margin: 0
}

@media (max-width:1439px) {
  .trade-in__form-bottom-row .car-filter__group {
    height: 87px
  }
}

@media (max-width:991px) {
  .trade-in__input-wrapper {
    margin-bottom: 35px
  }
}

.trade-in__fixed {
  position: fixed;
  width: 100%;
  background: #f6f3f2;
  height: 70px;
  bottom: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (max-width:767px) {
  .trade-in__fixed {
    display: none
  }
}

.trade-in__fixed-text {
  font-size: 16px;
  color: #003469;
  padding-right: 30px;
  text-align: right
}

.trade-in__fixed-btn {
  max-width: 280px;
  font-size: 16px;
  font-weight: 400
}

.trade-in__fixed-btn-close {
  position: absolute;
  top: 30px;
  right: 38px;
  cursor: pointer
}

.trade-in__fixed-timer {
  margin-left: 20px
}

.trade-in__fixed-timer-title {
  line-height: 1;
  padding-bottom: 5px;
  font-weight: 700
}

.trade-in__fixed-timer-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.trade-in__fixed-timer-items b {
  margin: 0 5px;
  margin-top: -5px
}

.trade-in__fixed-timer-items .number {
  font-weight: 700;
  font-size: 18px
}

.trade-in__fixed-timer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.trade-in__fixed-timer-item span {
  line-height: 1
}

.catalog-car {
  margin-bottom: 70px
}

.sort-expand {
  display: inline-block;
  margin-bottom: 50px
}

.sort-expand__input {
  display: none
}

.sort-expand__input:checked+.sort-expand__label:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.sort-expand__label {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.car-card {
  position: relative;
  max-width: 395px;
  margin: 0 -15px 30px;
  padding: 0 15px 50px;
  background-color: #fff
}

@media (min-width:395px) {
  .car-card {
    margin: 0 auto 30px;
    padding: 0 15px 30px;
    -webkit-box-shadow: 0 4px 13px rgba(0, 47, 109, .25);
    box-shadow: 0 4px 13px rgba(0, 47, 109, .25)
  }
}

@media (min-width:600px) {
  .car-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    max-width: 100%;
    margin: 0 auto 30px;
    padding: 0 0 20px
  }
}

@media (min-width:1024px) {
  .car-card {
    padding: 0
  }
}

@media (min-width:1400px) {
  .car-card {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.car-card__stickers {
  position: absolute;
  top: -3px;
  right: -10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-right: 0
}

@media (min-width:600px) {
  .car-card__stickers {
    top: 4px
  }
}

@media (min-width:1024px) {
  .car-card__stickers {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
  }
}

.car-card__gallery {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  margin: 0 -15px 20px
}

@media (min-width:600px) {
  .car-card__gallery {
    width: 50%;
    max-width: 395px;
    margin: 0 0 20px
  }
}

@media (min-width:1024px) {
  .car-card__gallery {
    width: 38%;
    margin-bottom: 0
  }
}

.car-card__gallery img {
  display: block
}

.variety-color {
  position: absolute;
  top: 41px;
  right: 20px
}

.variety-color__illustration {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 55px;
  margin-bottom: 5px;
  text-align: center
}

.variety-color__illustration span {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%
}

.variety-color__illustration span:first-child {
  left: 11px
}

.variety-color__illustration span:nth-child(2) {
  z-index: 2
}

.variety-color__illustration span:nth-child(3) {
  left: -11px
}

.variety-color__note {
  color: #191919;
  font-size: 12px;
  font-family: Hyundai Sans Head, sans-serif
}

.car-card__part {
  position: relative;
  padding: 0 105px 0 15px;
  margin: 0 -15px 20px;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}

@media (min-width:600px) {
  .car-card__part {
    position: relative;
    width: 50%;
    padding: 20px 110px 0 20px;
    margin: 0 0 20px;
    -ms-flex-item-align: center;
    align-self: center
  }
}

@media (min-width:1024px) {
  .car-card__part {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    width: 27%;
    margin: 0;
    padding: 30px 15px
  }
}

@media (min-width:1200px) {
  .car-card__part {
    padding: 30px 20px 30px 0
  }
}

@media (min-width:1400px) {
  .car-card__part {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
  }
}

.car-card__name {
  display: block;
  margin-bottom: 15px;
  font-family: Hyundai Sans Head, sans-serif;
  line-height: 1
}

.car-card__name-part1,
.car-card__name-part2 {
  display: block
}

.car-card__name-part1 {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 400
}

.car-card__name-part2 {
  font-size: 18px;
  font-weight: 700
}

.car-card__name:hover {
  color: #18519c
}

@media (min-width:1024px) {
  .car-card__name-mobile {
    display: none
  }
}

.car-card__name-mobile .car-card__name-part1 {
  display: none
}

@media (min-width:800px) {
  .car-card__name-mobile .car-card__name-part1 {
    display: block
  }
}

.car-card__name-desktop {
  display: none;
  width: 100%
}

@media (min-width:1024px) {
  .car-card__name-desktop {
    display: block
  }
}

@media (min-width:1400px) {
  .car-card__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 500px
  }
}

.car-card__option {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-family: Hyundai Sans Head, sans-serif;
  line-height: 1.2
}

@media (min-width:1400px) {
  .car-card__option {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 33.333%;
    height: 60px;
    margin: 12px 0;
    padding: 0 10px
  }
}

@media (max-width:1399px) {
  .car-card__option {
    margin-bottom: 10px
  }

  .car-card__option:last-child {
    margin-bottom: 0
  }
}

@media (max-width:1024px) {
  .car-card__option {
    margin-bottom: 7px
  }
}

.car-card__option .icon-svg {
  display: none;
  font-size: 40px;
  filL: #113a70
}

@media (min-width:1400px) {
  .car-card__option .icon-svg {
    display: inline-block;
    margin-right: 10px
  }
}

.car-card__option .icon-option1 {
  font-size: 38px
}

.car-card__option .icon-option2 {
  font-size: 28px
}

.car-card__option .icon-option3 {
  font-size: 40px
}

.car-card__option .icon-option4 {
  font-size: 39px
}

.car-card__option .icon-option5,
.car-card__option .icon-option6 {
  font-size: 35px
}

.car-card__option-title {
  display: inline-block;
  font-size: 14px
}

@media (min-width:1400px) {
  .car-card__option-title {
    margin-bottom: 5px;
    white-space: nowrap
  }
}

.car-card__option-icon {
  display: inline-block
}

@media (min-width:1400px) {
  .car-card__option-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}

.car-card__option-icon-text {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  color: #113a70
}

.car-card__option-icon-text br {
  display: none
}

@media (min-width:1400px) {
  .car-card__option-icon-text br {
    display: block
  }
}

.car-card__info {
  position: relative;
  width: 100%;
  z-index: 2
}

@media (min-width:600px) {
  .car-card__info {
    padding: 0 15px
  }
}

@media (min-width:800px) {
  .car-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
  }
}

@media (min-width:1024px) {
  .car-card__info {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 35%;
    padding: 20px 15px
  }
}

@media (min-width:1200px) {
  .car-card__info {
    padding: 20px 20px 20px 30px
  }
}

@media (min-width:1400px) {
  .car-card__info {
    width: 33.333%
  }
}

.car-card__price {
  margin-bottom: 15px
}

@media (min-width:800px) {
  .car-card__price {
    width: 50%;
    padding-left: 20px;
    margin-bottom: 0;
    margin-top: auto
  }
}

@media (min-width:1024px) {
  .car-card__price {
    width: 100%;
    padding-left: 0
  }
}

.car-card__price .price-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width:1024px) {
  .car-card__price .price-block {
    display: block;
    margin-bottom: 20px
  }
}

.car-card__price .price-block__part1 {
  margin: 0 20px 0 0
}

@media (min-width:1024px) {
  .car-card__price .price-block__part1 {
    margin: 0 0 15px
  }
}

.car-card__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (min-width:800px) {
  .car-card__btns {
    width: 50%
  }
}

@media (min-width:1024px) {
  .car-card__btns {
    width: 100%
  }
}

.car-card__btn {
  width: calc(50% - 5px)
}

@media (min-width:600px) {
  .car-card__btn {
    max-width: 100%
  }
}

.car-card__btn .btn {
  height: 100%;
  white-space: normal
}

@media (max-width:1439px) {
  .car-card__btn .btn {
    font-size: 14px
  }
}

.car-filter-title {
  margin-bottom: 25px
}

@media (max-width:1023px) {
  .car-filter-title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .car-filter-title {
    padding-left: 15px
  }
}

.car-filter {
  position: relative;
  color: #191919
}

.car-filter .check-block__label {
  padding-left: 30px
}

.car-filter__inputs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.car-filter .irs-line {
  position: relative;
  left: 8px;
  right: 8px;
  width: calc(100% - 16px)
}

.car-filter #model-filter.pointerNone {
  pointer-events: none
}

.car-filter__main {
  margin-bottom: 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 13px rgba(0, 47, 109, .25);
  box-shadow: 0 4px 13px rgba(0, 47, 109, .25);
  -webkit-transition: .3s;
  transition: .3s
}

@media (max-width:640px) {
  .car-filter__main {
    display: none
  }

  .car-filter__main.is-active {
    display: block
  }
}

.car-filter__foot,
.car-filter__foot-content,
.car-filter__head {
  padding-left: 50px;
  padding-right: 50px
}

@media (max-width:767px) {

  .car-filter__foot,
  .car-filter__foot-content,
  .car-filter__head {
    padding: 0 15px
  }
}

.car-filter__head-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -15px;
  padding-top: 50px;
  padding-bottom: 30px
}

@media (max-width:1199px) {
  .car-filter__head-inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:767px) {
  .car-filter__head-inner {
    margin: 0;
    padding-bottom: 20px
  }
}

.car-filter__head-inner_bottom {
  padding-top: 30px
}

.car-filter__group {
  margin-right: 15px;
  margin-left: 15px;
  padding-bottom: 25px;
  position: relative
}

@media (max-width:479px) {
  .car-filter__group {
    width: 100%;
    margin-right: 0;
    margin-left: 0
  }
}

@media (max-width:1439px) {
  .car-filter__group-range {
    margin-top: -16px
  }
}

@media (max-width:991px) {
  .car-filter__group-range {
    height: 130px
  }
}

.car-filter__group .select-outer {
  width: 400px
}

.car-filter__group-title {
  margin-bottom: 10px;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300;
  color: #1b1b1b
}

@media (max-width:767px) {
  .car-filter__group-title {
    margin-bottom: 5px
  }
}

.car-filter__group-content .btn-radio {
  display: inline-block
}

@media (max-width:479px) {
  .car-filter__group-content-mobile-hidden .btn-radio {
    display: none
  }
}

.car-filter__wrapper {
  width: 400px;
  max-width: 100%
}

@media (max-width:1439px) {
  .car-filter__wrapper {
    margin-top: 0
  }
}

.car-filter__reset {
  position: absolute;
  bottom: 20px;
  right: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #b3b3b3;
  height: 30px;
  border-radius: 5px;
  padding: 0 10px
}

@media (max-width:767px) {
  .car-filter__reset {
    right: 30px
  }
}

@media (max-width:479px) {
  .car-filter__reset {
    border: none;
    bottom: 15px;
    right: 10px
  }
}

.car-filter__reset .filter-reset {
  margin-top: 0
}

@media (max-width:479px) {
  .car-filter__reset .filter-reset .icon-svg {
    margin-right: 0
  }
}

@media (max-width:479px) {
  .car-filter__reset span {
    display: none
  }
}

.car-filter__reset.active {
  border: 2px solid #003469
}

.car-filter__reset.top {
  bottom: 166px
}

@media (max-width:767px) {
  .car-filter__reset.top {
    bottom: 161px
  }
}

.car-filter__foot {
  padding-top: 10px;
  padding-bottom: 20px
}

@media (max-width:640px) {
  .car-filter__foot {
    padding-top: 30px
  }
}

.car-filter__foot-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:479px) {
  .car-filter__foot-headline {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.car-filter__foot-content {
  display: none;
  padding-top: 35px;
  padding-bottom: 35px
}

.car-filter__foot-expand-btn {
  border-bottom: 1px dashed #003469;
  margin-left: 0;
  line-height: 1.3;
  color: #003469;
  font-weight: 500;
  font-size: 18px
}

@media (max-width:767px) {
  .car-filter__foot-expand-btn {
    margin-right: 0;
    font-size: 15px
  }
}

.car-filter__foot.show .car-filter__foot-content {
  display: block
}

.car-filter__foot.show .car-filter__foot-expand-btn:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

@media (max-width:767px) {
  .car-filter__checkbox-circle {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    margin-bottom: 30px
  }
}

.car-filter__check-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.car-filter__check-list .check-list__item {
  margin-right: 40px
}

@media (max-width:767px) {
  .car-filter__check-list .check-list__item {
    margin-right: 20px
  }
}

.car-filter__wrap.show .car-filter__foot-content {
  display: block;
  background-color: #edf3f7
}

.car-filter__wrap.show .car-filter__foot-expand-btn:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.car-filter__input {
  max-width: 100%;
  border-radius: 10px;
  border: 1px solid #b3b6b8;
  height: 58px;
  text-indent: 20px;
  z-index: 4;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  border-bottom: none;
  background-color: transparent
}

@media (max-width:479px) {
  .car-filter__input {
    width: 100%
  }
}

.car-filter__input:first-child {
  border-right: none;
  position: relative;
  bottom: -44px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  left: 0
}

.car-filter__input:nth-child(2) {
  border-left: none;
  position: relative;
  bottom: -44px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  text-align: right;
  padding-right: 20px;
  right: 0
}

.range-slider__mileage .irs-from:before,
.range-slider__mileage .irs-to:before {
  content: "\43A\43C";
  position: absolute;
  left: 95%;
  bottom: calc(100% + -15px);
  display: inline-block;
  color: #767676
}

.range-slider__price .irs-from:before,
.range-slider__price .irs-to:before {
  content: "\20BD";
  position: absolute;
  left: 95%;
  bottom: calc(100% + -15px);
  top: 1px;
  display: inline-block;
  color: #767676
}

.car-filter .selectric-items ul {
  min-height: 0
}

.car-filter .selectric-items li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.car-filter .selectric-items li:empty {
  display: none
}

.car-filter .selectric-items li:before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  margin-right: 15px;
  border: 1px solid #b3b6b8;
  border-radius: 4px;
  padding-left: 5px;
  padding-top: 0
}

.car-filter .selectric-items li.selected:before {
  content: url("../img/static/icons/check-white.svg");
  background: #003469
}

.car-filter__show-btn {
  display: none;
  margin-bottom: 10px
}

@media (max-width:640px) {
  .car-filter__show-btn {
    display: block
  }

  .car-filter__show-btn-img {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 5px
  }

  .car-filter__show-btn.is-active .car-filter__show-btn-img {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-left: 5px;
    -webkit-transition: .3s;
    transition: .3s
  }
}

@media (max-width:991px) {
  .car-filter__wrap {
    margin-top: 20px
  }
}

@media (max-width:767px) {
  .car-filter__wrap {
    margin-top: 0
  }
}

.car-filter__total {
  position: absolute;
  top: 20px;
  right: 50px
}

@media (max-width:767px) {
  .car-filter__total {
    right: auto;
    left: 30px
  }
}

@media (max-width:479px) {
  .car-filter__total {
    top: 60px;
    left: 15px
  }
}

.car-filter .car-filter__group-range {
  width: 400px;
  max-width: 100%
}

@media (max-width:1439px) {
  .car-filter .car-filter__group-range {
    margin-top: 0
  }
}

.car-filter .selectric-items li[data-index="1"] {
  margin-top: 15px
}

.car-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 40px;
  font-weight: 600
}

@media (max-width:991px) {
  .car-sort {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

@media (max-width:767px) {
  .car-sort {
    padding-left: 30px;
    padding-right: 15px
  }
}

.car-sort__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:991px) {
  .car-sort__left {
    margin-bottom: 20px
  }
}

.car-sort__left-title {
  font-size: 20px;
  line-height: 25px;
  color: #1b1b1b
}

.car-sort__left-value {
  font-size: 20px;
  line-height: 25px;
  color: #97847a;
  padding-left: 10px
}

.car-sort__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

@media (max-width:479px) {
  .car-sort__right .car-filter .irs {
    width: 323px
  }
}

.car-sort__right-title {
  padding-right: 30px
}

@media (max-width:767px) {
  .car-sort__right-title {
    width: 100%;
    padding-bottom: 15px
  }
}

.car-sort__right-price,
.car-sort__right-title {
  font-size: 18px;
  line-height: 22px;
  color: #1b1b1b
}

.car-sort__right-type {
  font-size: 18px;
  line-height: 22px;
  color: #97847a;
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid #b3b6b8
}

@media (max-width:479px) {
  .car-sort__right-type {
    padding-left: 10px;
    margin-left: 10px
  }
}

.special-offers {
  padding-bottom: 90px
}

.special-offers__title {
  margin-bottom: 25px
}

@media (max-width:1199px) {
  .special-offers__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .special-offers__title {
    font-size: 20px
  }
}

.special-offers__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px
}

.special-offers__filter-column {
  -ms-flex-preferred-size: 225px;
  flex-basis: 225px;
  margin-right: 30px
}

@media (max-width:600px) {
  .special-offers__filter-column {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 10px
  }

  .special-offers__filter-column .select-outer {
    width: 100%
  }
}

.special-offers__filter-column:last-child {
  margin-right: 0
}

.offers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px
}

@media (max-width:767px) {
  .offers {
    margin: 0
  }
}

.offers.js-offers-carousel {
  margin: 0
}

@media (max-width:767px) {
  .offers.js-offers-carousel {
    max-width: 450px;
    margin: 0 auto
  }
}

.offers__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(33.333% - 20px);
  max-width: 450px;
  margin: 0 10px 20px;
  font-size: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  color: #1e1e1e;
  height: 380px
}

@media (max-width:1100px) {
  .offers__item {
    width: calc(50% - 20px)
  }
}

@media (max-width:767px) {
  .offers__item {
    display: block;
    width: 100%;
    margin: 0 auto 20px
  }
}

.offers__item-img,
.offers__item-img img {
  display: block
}

.offers__item-description {
  padding: 10px 20px
}

@media (max-width:479px) {
  .offers__item-description {
    padding: 10px 0
  }
}

.offers__item-title {
  display: block
}

@media (max-width:1199px) {
  .offers__item-title {
    font-size: 18px
  }
}

.offers__item-title:hover {
  opacity: .8
}

.offers__item-time {
  font-size: 16px
}

@media (max-width:1199px) {
  .offers__item-time {
    font-size: 14px
  }
}

.offers__item-button {
  margin-top: auto;
  padding-top: 20px
}

.offer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -50px
}

@media (max-width:1199px) {
  .offer__inner {
    margin: 0 -15px
  }
}

.offer-article,
.offer-sidebar {
  padding: 0 50px
}

@media (max-width:1199px) {

  .offer-article,
  .offer-sidebar {
    padding: 0 15px
  }
}

.offer-article {
  width: 58%
}

@media (max-width:1023px) {
  .offer-article {
    width: 100%
  }
}

.offer-article__description {
  font-size: 15px;
  line-height: 1.35
}

@media (max-width:479px) {
  .offer-article__description {
    font-size: 14px
  }
}

.offer-article__description p {
  margin-bottom: 35px
}

@media (max-width:479px) {
  .offer-article__description p {
    margin-bottom: 25px
  }
}

.offer-article__description a {
  color: #18519c;
  text-decoration: underline
}

.offer-article__description a:hover {
  text-decoration: none
}

.offer-article__img {
  position: relative;
  margin-bottom: 40px
}

@media (max-width:1023px) {
  .offer-article__img {
    margin-bottom: 30px
  }
}

.offer-article__img img {
  display: block
}

.offer-article__imgText {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0
}

.offer-article__imgText.content {
  margin: 15px
}

@media (max-width:500px) {

  .offer-article__imgText.content .offer-hide,
  .offer-article__imgText.content .offer-hide-500 {
    display: none
  }
}

@media (max-width:768px) {
  .offer-article__imgText.content .offer-hide-768 {
    display: none
  }
}

@media (max-width:1024px) {
  .offer-article__imgText.content .offer-hide-1024 {
    display: none
  }
}

@media (max-width:500px) {
  .offer-article__imgText.content h1 {
    font-size: 18px
  }

  .offer-article__imgText.content h2 {
    font-size: 16px
  }

  .offer-article__imgText.content h3,
  .offer-article__imgText.content h4 {
    font-size: 14px
  }

  .offer-article__imgText.content h5 {
    font-size: 12px
  }

  .offer-article__imgText.content h6 {
    font-size: 10px
  }
}

.offer-article__title {
  margin-bottom: 20px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  font-size: 28px
}

@media (max-width:1199px) {
  .offer-article__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .offer-article__title {
    font-size: 20px
  }
}

.offer-article__date {
  padding-top: 20px
}

.offer-sidebar {
  width: 42%
}

@media (max-width:1023px) {
  .offer-sidebar {
    width: 100%
  }
}

.offer-sidebar .popup {
  max-width: 100%;
  margin: 0
}

@media (max-width:1023px) {
  .offer-sidebar .popup .form-t3__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 600px
  }
}

@media (max-width:767px) {
  .offer-sidebar .popup .form-t3__inner {
    max-width: 290px
  }
}

@media (max-width:1023px) {
  .offer-sidebar .popup .form-t3__subtitle {
    font-size: 16px;
    width: 100%
  }
}

@media (max-width:1023px) {
  .offer-sidebar .popup .input-wrapper {
    width: calc(50% - 25px);
    margin: 0 10px 18px
  }
}

@media (max-width:767px) {
  .offer-sidebar .popup .input-wrapper {
    width: 100%
  }
}

@media (max-width:1023px) {
  .offer-sidebar .popup .block-choice {
    width: 100%;
    max-width: 100%
  }
}

@media (max-width:1023px) {
  .offer-sidebar .popup .form-t3__button {
    width: 285px;
    margin: 0 auto
  }
}

.offer-article em {
  font-style: italic
}

.offer-article b,
.offer-article strong {
  font-weight: 700
}

.offer-table {
  background: #fff;
  padding: 30px 40px;
  margin-top: 20px;
  border: none
}

@media (max-width:991px) {
  .offer-table {
    overflow-y: scroll
  }
}

.offer-table__table {
  width: 100%;
  margin: 0;
  min-width: 850px
}

.offer-table__item {
  background: #bcbfc115;
  text-align: left
}

.offer-table__item:nth-child(2n) {
  background: #fff
}

.offer-table__item-head {
  background-color: #fff
}

.offer-table__desc,
.offer-table__table,
.offer-table__text,
.offer-table__title {
  border: none
}

.offer-table__col {
  padding-left: 40px
}

.offer-table__title {
  font-weight: 500;
  padding-bottom: 25px;
  padding-top: 0;
  color: #282828
}

.offer-table__text,
.offer-table__title {
  font-family: Hyundai Sans Text;
  font-size: 15px
}

.offer-table__text {
  font-weight: 400
}

.offer {
  font-size: 15px
}

.offer__desc-item {
  padding-bottom: 20px
}

.offer__line {
  height: 1px;
  width: 100%;
  background: #bcbfc1;
  opacity: .6;
  margin: 30px 0
}

.offer-avto {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  background: #fff;
  margin-top: 20px
}

@media (max-width:640px) {
  .offer-avto {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0
  }
}

.offer-avto__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}

@media (max-width:1023px) {
  .offer-avto__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.offer-avto__img {
  max-width: 400px;
  display: block;
  width: 100%;
  height: auto;
  margin-right: 40px;
  -ms-flex-item-align: center;
  align-self: center
}

@media (max-width:640px) {
  .offer-avto__img {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 20px
  }
}

.offer-avto__char {
  margin: 0 20px 0 0
}

@media (max-width:1023px) {
  .offer-avto__char {
    margin: 0 0 20px
  }
}

.offer-avto__char-title {
  font-family: Hyundai Sans Text;
  font-size: 28px;
  color: #1b1b1b;
  padding-bottom: 15px;
  font-weight: 500
}

.offer-avto__char-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px
}

.offer-avto__char-item strong {
  font-weight: 700
}

.offer-avto__char-item em {
  font-style: italic
}

.offer-avto__char-name {
  font-family: Hyundai Sans Text;
  padding-right: 5px;
  color: #282828;
  font-size: 15px;
  font-weight: 400
}

.offer-avto__char-value {
  font-family: Hyundai Sans Text;
  font-weight: 500
}

.offer-avto__btn-group {
  max-width: 240px;
  margin-left: auto;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

@media (max-width:1023px) {
  .offer-avto__btn-group {
    max-width: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-right: auto
  }
}

@media (max-width:640px) {
  .offer-avto__btn-group {
    margin-top: 20px
  }
}

.offer-avto__btn-group .btn {
  white-space: normal;
  height: auto;
  margin-bottom: 15px
}

@media (max-width:1023px) {
  .offer-avto__btn-group .btn {
    margin: 0 20px 10px 0
  }
}

@media (max-width:640px) {
  .offer-avto__btn-group .btn {
    margin-right: 0
  }
}

.special-offers__type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #003469;
  height: 70px;
  width: 100%;
  position: relative;
  z-index: 2
}

@media (max-width:479px) {
  .special-offers__type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
  }
}

.special-offers__type:before {
  content: "";
  position: absolute;
  display: block;
  height: 70px;
  background: #003469;
  width: 1000px;
  z-index: 1;
  right: -1000px
}

@media (max-width:640px) {
  .special-offers__type:before {
    display: none
  }
}

.special-offers__type:after {
  content: "";
  position: absolute;
  display: block;
  height: 70px;
  background: #fff;
  width: 1000px;
  z-index: 1;
  left: -1000px
}

@media (max-width:640px) {
  .special-offers__type:after {
    display: none
  }
}

.special-offers__type-item {
  color: #fff;
  padding: 25px 50px;
  -webkit-transition: color .5s ease;
  transition: color .5s ease;
  cursor: pointer
}

@media (max-width:767px) {
  .special-offers__type-item {
    padding: 25px 20px
  }
}

.special-offers__type-item.active,
.special-offers__type-item:hover {
  color: #003469;
  background: #fff
}

.service {
  padding-top: 60px
}

@media (max-width:1199px) {
  .service {
    padding-top: 30px
  }
}

.service__title {
  margin-bottom: 25px
}

@media (max-width:1199px) {
  .service__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .service__title {
    margin-bottom: 15px;
    font-size: 20px
  }
}

.service__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px
}

@media (max-width:1023px) {
  .service__inner {
    display: block
  }
}

.service__main {
  width: 53%
}

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

@media (min-width:1024px) {
  .service__main .l-excellence-items {
    max-width: 800px;
    margin: 0 -30px
  }
}

@media (min-width:1024px) {
  .service__main .l-excellence-item {
    padding: 0 30px
  }
}

.service__description {
  margin-bottom: 60px;
  line-height: 1.55;
  font-size: 16px
}

@media (max-width:479px) {
  .service__description {
    margin-bottom: 30px
  }
}

.service__description p {
  margin-bottom: 20px
}

@media (max-width:1023px) {
  .service__description p {
    margin-bottom: 10px;
    font-size: 14px
  }
}

.service__side {
  position: relative;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 43%;
  max-width: 535px;
  margin-left: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 4px 20px rgba(17, 58, 112, .2);
  box-shadow: 0 4px 20px rgba(17, 58, 112, .2)
}

@media (max-width:1023px) {
  .service__side {
    width: 100%;
    margin: 0 auto
  }
}

@media (max-width:479px) {
  .service__side {
    width: auto;
    margin: 0 -15px;
    padding: 0 15px
  }
}

.service__side .form-t3 {
  max-width: 400px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 90px
}

.service__side .form-t3__subtitle {
  font-size: 16px
}

.service__side .select-outer {
  margin-bottom: 18px
}

.car-sale-hero {
  position: relative;
  z-index: 1;
  padding: 190px 0 0;
  background-size: cover;
  background-position: center -500px;
  background-repeat: no-repeat;
  color: #1b1b1b
}

@media (max-width:1199px) {
  .car-sale-hero {
    background-image: none !important;
    padding-top: 0
  }
}

.car-sale-hero__text {
  max-width: 1550px;
  margin: 0 auto 35px;
  padding: 110px 15px 300px;
  text-align: center;
  background-color: #fff;
  font-size: 18px
}

@media (max-width:1199px) {
  .car-sale-hero__text {
    padding-top: 70px;
    padding-bottom: 0;
    background-color: transparent
  }
}

@media (max-width:1023px) {
  .car-sale-hero__text {
    padding-top: 40px;
    font-size: 16px
  }
}

@media (max-width:767px) {
  .car-sale-hero__text {
    font-size: 14px
  }
}

.car-sale-hero__text p {
  margin-bottom: 25px
}

.car-sale-hero__text-inner {
  max-width: 900px;
  margin: 0 auto
}

.car-sale-hero__title {
  margin-bottom: 25px
}

@media (max-width:1199px) {
  .car-sale-hero__title {
    font-size: 24px
  }
}

@media (max-width:1023px) {
  .car-sale-hero__title {
    margin-bottom: 10px
  }
}

@media (max-width:767px) {
  .car-sale-hero__title {
    font-size: 20px
  }
}

.car-sale-hero__text-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.car-sale {
  position: relative;
  z-index: 1;
  margin-top: -300px
}

@media (max-width:1199px) {
  .car-sale {
    margin-top: 0
  }
}

@media (max-width:1199px) {
  .car-sale__title {
    font-size: 24px
  }
}

@media (max-width:800px) {
  .car-sale__title {
    text-align: center;
    font-size: 20px
  }
}

.car-sale__special-offers {
  padding-top: 95px;
  padding-bottom: 0
}

@media (max-width:767px) {
  .car-sale__special-offers {
    padding-top: 60px
  }
}

.car-sale-list-outer {
  margin-bottom: 70px
}

.car-sale-list {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.car-sale-list__item {
  width: calc(33.333% - 10px)
}

@media (max-width:800px) {
  .car-sale-list__item {
    width: 100%
  }
}

@media (max-width:800px) {
  .car-sale-list__item+.car-sale-list__item {
    margin-top: 22px
  }
}

.car-sale-list__item-input {
  display: none
}

.car-sale-list__item-input:checked+.car-sale-list__item-label {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 0 10px #f5f7fb, 0 8px 38px rgba(0, 47, 109, .13);
  box-shadow: 0 0 0 10px #f5f7fb, 0 8px 38px rgba(0, 47, 109, .13)
}

.car-sale-list__item-input:checked+.car-sale-list__item-label .car-sale-list__item-icon {
  display: block
}

.car-sale-list__item-input:checked+.car-sale-list__item-label .car-sale-list__item-btn .btn {
  color: #fff;
  background-color: #113a70
}

.car-sale-list__item-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  padding: 70px 30px 40px;
  background-color: #fff;
  border: 1px solid #ccd1da;
  cursor: pointer
}

@media (max-width:1199px) {
  .car-sale-list__item-label {
    padding: 70px 15px 40px
  }
}

@media (max-width:800px) {
  .car-sale-list__item-label {
    display: block;
    padding: 30px
  }
}

.car-sale-list__item-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 140px;
  margin-bottom: 10px
}

@media (max-width:1199px) {
  .car-sale-list__item-img {
    height: 120px
  }
}

@media (max-width:1023px) {
  .car-sale-list__item-img {
    height: 80px
  }
}

@media (max-width:800px) {
  .car-sale-list__item-img {
    max-width: 400px;
    height: auto;
    margin: 0 auto
  }
}

.car-sale-list__item-img img {
  width: 100%;
  pointer-events: none
}

.car-sale-list__item-icon {
  position: absolute;
  display: none;
  top: 10px;
  left: 50%;
  width: 48px;
  height: 48px;
  margin-left: -24px;
  background-color: #f5f7fb;
  border-radius: 50%
}

@media (max-width:1023px) {
  .car-sale-list__item-icon {
    width: 37px;
    height: 37px;
    margin-left: -18px
  }
}

@media (max-width:800px) {
  .car-sale-list__item-icon {
    display: none !important
  }
}

.car-sale-list__item-icon .icon-check-accent {
  position: absolute;
  top: -5px;
  left: 0;
  font-size: 45px;
  fill: #4592f4
}

@media (max-width:1023px) {
  .car-sale-list__item-icon .icon-check-accent {
    font-size: 34px
  }
}

.car-sale-list__item-title {
  margin-bottom: 10px
}

@media (max-width:1023px) {
  .car-sale-list__item-title {
    font-size: 15px
  }
}

@media (max-width:800px) {
  .car-sale-list__item-title {
    text-align: center
  }
}

.car-sale-list__item-description {
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.2;
  color: #575757
}

@media (max-width:1199px) {
  .car-sale-list__item-description {
    font-size: 14px
  }
}

@media (max-width:1023px) {
  .car-sale-list__item-description {
    display: none
  }
}

.car-sale-list__item-btn {
  margin-top: auto
}

@media (max-width:800px) {
  .car-sale-list__item-btn {
    width: 200px;
    margin: 0 auto
  }
}

.car-sale-list-label {
  display: none;
  padding-top: 30px;
  font-size: 14px;
  color: #575757;
  text-align: center
}

@media (max-width:1023px) {
  .car-sale-list-label {
    display: block
  }
}

@media (max-width:1199px) {
  .car-sale__filter-title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .car-sale__filter-title {
    font-size: 20px
  }
}

.car-sale__filter {
  padding: 90px 70px 35px;
  background-color: #fff;
  -webkit-box-shadow: 0 12px 27px rgba(0, 47, 109, .19);
  box-shadow: 0 12px 27px rgba(0, 47, 109, .19)
}

@media (max-width:767px) {
  .car-sale__filter {
    margin-right: -20px;
    margin-left: -20px;
    padding: 0 20px;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media (max-width:479px) {
  .car-sale__filter {
    margin-right: -15px;
    margin-left: -15px;
    padding: 20px 15px 35px
  }
}

.car-sale__filter .input-wrapper,
.car-sale__filter .select-outer {
  margin-bottom: 25px
}

.car-sale__filter.show .car-sale__expand-box {
  max-height: 9999px;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-timing-function: cubic-bezier(.5, 0, 1, 0);
  transition-timing-function: cubic-bezier(.5, 0, 1, 0)
}

.car-sale__filter.show .car-sale__filter-btn-more:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.car-sale__filter.box-overflow-visible .car-sale__expand-box {
  overflow: visible
}

.car-sale__filter-headline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -18px 20px
}

@media (max-width:767px) {
  .car-sale__filter-headline {
    margin: 0 0 20px
  }
}

.car-sale__filter-column {
  width: calc(33.333% - 36px);
  margin: 0 18px
}

@media (max-width:1199px) {
  .car-sale__filter-column {
    width: calc(50% - 36px);
    -webkit-box-flex: calc(50% - 36px);
    -ms-flex: calc(50% - 36px);
    flex: calc(50% - 36px)
  }
}

@media (max-width:767px) {
  .car-sale__filter-column {
    width: 100%;
    margin: 0
  }
}

.car-sale__filter-btn {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%
}

.car-sale__filter-btn .btn {
  max-width: 420px;
  margin: 0 auto
}

.car-sale__block-choice {
  max-width: 800px;
  margin: 0 auto 30px
}

.car-sale__filter-btn-more {
  width: 100%;
  padding-top: 30px;
  font-size: 16px;
  cursor: pointer
}

.car-sale__filter-btn-more:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  margin: 10px auto 20px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.car-sale__expand-box {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s;
  transition: max-height .8s cubic-bezier(0, 1, 0, 1) -.1s
}

.car-sale__filter-additionally-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -18px
}

@media (max-width:767px) {
  .car-sale__filter-additionally-row {
    margin: 0
  }
}

.car-sale__filter-additionally-row .attach-file-outer {
  width: calc(33.333% - 36px)
}

@media (max-width:1199px) {
  .car-sale__filter-additionally-row .attach-file-outer {
    width: 350px;
    max-width: 100%
  }
}

.attach-file__input {
  display: none
}

.attach-file__label {
  display: block;
  margin-bottom: 50px
}

.attach-file__label .icon-svg {
  stroke: #113a70;
  font-size: 20px;
  fill: none;
  vertical-align: -3px
}

.about-hero {
  margin: 40px 0;
  color: #1e1e1e
}

.about-hero__title {
  margin-bottom: .89em
}

@media (max-width:1023px) {
  .about-hero__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .about-hero__title {
    font-size: 20px
  }
}

.about-hero__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (max-width:1023px) {
  .about-hero__inner {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.about-hero__img {
  width: 48%
}

@media (max-width:1023px) {
  .about-hero__img {
    width: 100%;
    margin-bottom: 35px
  }
}

@media (max-width:600px) {
  .about-hero__img {
    width: auto;
    margin-right: -15px;
    margin-left: -15px
  }
}

.about-hero__img img {
  display: block
}

@media (max-width:1023px) {
  .about-hero__img img {
    margin: 0 auto
  }
}

.about-hero__content {
  width: 700px;
  padding-left: 35px
}

@media (max-width:1023px) {
  .about-hero__content {
    padding-left: 0
  }
}

.about-hero__description {
  margin-bottom: 35px;
  font-size: 16px;
  line-height: 1.25
}

@media (max-width:1023px) {
  .about-hero__description {
    font-size: 14px
  }
}

.about-hero__description p {
  margin-bottom: 20px
}

.about-hero__description b,
.about-hero__description strong {
  font-weight: 700
}

.about-hero__description em {
  font-style: italic
}

.about-hero__description ul {
  padding-left: 20px
}

.about-hero__description ul li {
  margin-bottom: 10px;
  list-style-type: disc
}

.about-hero__description a {
  text-decoration: underline;
  color: #113a70
}

.about-hero__description a:hover {
  color: #397acf
}

.about-hero__contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 15px;
  line-height: 1.4em
}

.about-hero__contacts-group {
  padding-right: 10px;
  width: 50%
}

@media (max-width:767px) {
  .about-hero__contacts-group {
    width: 100%
  }
}

.about-hero__block {
  margin-bottom: 15px
}

.about-map__iconBox {
  position: relative;
  width: 180px;
  padding: 8px 0 0;
  text-align: center;
  line-height: 1.1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.about-map__iconImg {
  position: absolute;
  bottom: 100%;
  left: calc(50% - 18px);
  width: 36px;
  height: auto
}

.about-map__iconTitle {
  margin: 0 0 4px;
  font-size: 16px;
  font-weight: 500
}

.about-map__iconAddress,
.about-map__iconTitle {
  color: #113a70;
  text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff
}

.about-map__iconAddress {
  font-size: 14px;
  font-weight: 300
}

.team {
  padding: 60px 0 15px;
  background: #f3f3f3
}

@media (max-width:1023px) {
  .team {
    padding: 40px 0 15px
  }
}

.team__title {
  margin-bottom: 18px
}

@media (max-width:1023px) {
  .team__title {
    font-size: 24px
  }
}

.team-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -10px
}

.team-list__item {
  width: calc(16.666% - 20px);
  margin: 0 10px 45px
}

@media (max-width:1023px) {
  .team-list__item {
    width: calc(25% - 20px)
  }
}

@media (max-width:767px) {
  .team-list__item {
    width: calc(33.333% - 20px)
  }
}

@media (max-width:479px) {
  .team-list__item {
    width: calc(50% - 20px);
    margin-bottom: 25px
  }
}

.player {
  font-size: 15px;
  text-align: center
}

@media (max-width:767px) {
  .player {
    font-size: 14px;
    line-height: 1.2
  }
}

.player__img {
  margin-bottom: 10px
}

.player__title {
  font-weight: 500
}

.accessories__inner {
  max-width: 1200px;
  margin: 0 auto
}

.accessories__title {
  margin-bottom: 16px
}

@media (max-width:1199px) {
  .accessories__title {
    margin-bottom: 6px
  }
}

.accessories__subtitle {
  margin-bottom: 25px;
  font-size: 18px;
  font-family: Hyundai sans text, sans-serif;
  font-weight: 500;
  color: #575757
}

@media (max-width:1199px) {
  .accessories__subtitle {
    margin-bottom: 20px
  }
}

@media (max-width:1199px) {
  .p-kasko__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .p-kasko__title {
    font-size: 20px
  }
}

.p-kasko__subtitle {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.333
}

@media (max-width:479px) {
  .p-kasko__subtitle br {
    display: none
  }
}

.p-kasko__privilege {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.p-kasko__privilege,
.p-kasko__privilege-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.p-kasko__privilege-item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 33.333%;
  margin-bottom: 77px;
  padding: 0 25px;
  font-size: 15px;
  line-height: 1.333
}

@media (max-width:1199px) {
  .p-kasko__privilege-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

@media (max-width:767px) {
  .p-kasko__privilege-item {
    width: 100%;
    margin-bottom: 30px;
    padding: 0
  }
}

.p-kasko__privilege-item .icon-svg {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-right: 20px;
  font-size: 90px;
  fill: #bdb3a9
}

@media (max-width:1199px) {
  .p-kasko__privilege-item .icon-svg {
    font-size: 50px;
    margin-right: 10px
  }
}

.kasko-sentence {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -14px
}

@media (max-width:767px) {
  .kasko-sentence {
    margin: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.kasko-sentence__item {
  width: calc(33.333% - 28px);
  max-width: 440px;
  margin: 0 14px 28px
}

@media (max-width:1023px) {
  .kasko-sentence__item {
    width: calc(50% - 20px);
    margin: 0 7px 15px
  }
}

@media (max-width:767px) {
  .kasko-sentence__item {
    width: calc(50% - 3px);
    margin: 0 0 6px
  }
}

.kasko-sentence__input {
  display: none
}

.kasko-sentence__input:checked+.kasko-sentence__label {
  border-color: #113a70
}

.kasko-sentence__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 25px 35px;
  border: 1px solid #d0d0d0;
  cursor: pointer
}

@media (max-width:1400px) {
  .kasko-sentence__label {
    padding: 25px 15px
  }
}

@media (max-width:767px) {
  .kasko-sentence__label {
    display: block;
    padding: 10px
  }
}

.kasko-sentence__image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 150px;
  margin-right: 25px
}

@media (max-width:1400px) {
  .kasko-sentence__image {
    width: 100px
  }
}

@media (max-width:1023px) {
  .kasko-sentence__image {
    width: 150px
  }
}

@media (max-width:767px) {
  .kasko-sentence__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100px;
    min-height: 50px;
    margin: 0 auto 15px
  }
}

.kasko-sentence__image img {
  display: block;
  margin: 0 auto
}

.kasko-sentence__content {
  text-align: center
}

.kasko-sentence__name {
  font-size: 18px;
  line-height: 1.1
}

@media (max-width:1199px) {
  .kasko-sentence__name {
    font-size: 16px
  }
}

.kasko-sentence__price {
  font-size: 24px;
  line-heiight: 1
}

@media (max-width:1199px) {
  .kasko-sentence__price {
    font-size: 18px
  }
}

.kasko-filling .filling-content {
  min-height: 650px
}

@media (max-width:800px) {
  .kasko-filling .filling-content {
    min-height: auto
  }
}

.kasko-filling[data-stage="4"] .kasko-filling__control {
  display: none
}

.kasko-filling[data-stage="4"] .filling-content {
  padding-right: 0
}

.kasko-filling__control {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 300px;
  margin-left: auto;
  padding-top: 55px
}

@media (max-width:1023px) {
  .kasko-filling__control {
    width: 180px
  }
}

@media (max-width:800px) {
  .kasko-filling__control {
    margin: 0 auto;
    padding-top: 0
  }
}

.kasko-filling__control .btn {
  margin-bottom: 5px
}

.p-credit__title {
  margin-bottom: 50px
}

@media (max-width:1199px) {
  .p-credit__title {
    font-size: 24px
  }
}

@media (max-width:767px) {
  .p-credit__title {
    margin-bottom: 25px;
    font-size: 20px
  }
}

.credit-filling .filling-content {
  min-height: 650px
}

@media (max-width:1023px) {
  .credit-filling .filling-content {
    min-height: auto
  }
}

.credit-filling__button-1,
.credit-filling__button-2 {
  -ms-flex-item-align: start;
  align-self: flex-start
}

.credit-filling__button-2 {
  padding-top: 30px
}

.credit-type-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -7px 35px
}

@media (max-width:767px) {
  .credit-type-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}

@media (max-width:479px) {
  .credit-type-list {
    margin: 0 0 35px
  }
}

.credit-type-list__item {
  width: calc(20% - 15px);
  margin: 0 7px 25px
}

@media (max-width:1300px) {
  .credit-type-list__item {
    width: calc(25% - 15px)
  }
}

@media (max-width:1023px) {
  .credit-type-list__item {
    width: calc(33.333% - 15px)
  }
}

@media (max-width:767px) {
  .credit-type-list__item {
    width: calc(50% - 15px)
  }
}

@media (max-width:479px) {
  .credit-type-list__item {
    width: 100%;
    margin: 0 0 25px
  }
}

.credit-type-card {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 270px;
  border: 1px solid #d5d5d5;
  cursor: pointer
}

.credit-type-card.is-active,
.credit-type-card:hover {
  border-color: #113a70
}

.credit-type-card__header {
  margin-bottom: 5px
}

.credit-type-card__header img {
  display: block
}

.credit-type-card__body {
  padding: 22px
}

@media (max-width:1300px) {
  .credit-type-card__body {
    padding: 15px
  }
}

.credit-type-card__title {
  margin-bottom: 3px;
  font-size: 18px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 500;
  line-height: 1
}

@media (max-width:1300px) {
  .credit-type-card__title {
    font-size: 16px
  }
}

.credit-type-card__price {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 500
}

@media (max-width:1199px) {
  .credit-type-card__price {
    font-size: 18px
  }
}

.credit-type-card__note {
  font-size: 16px
}

@media (max-width:1300px) {
  .credit-type-card__note {
    font-size: 14px
  }
}

@media (max-width:1023px) {
  .table-offers-title {
    font-size: 20px
  }
}

@media (max-width:767px) {
  .credit-content-1 .filling-content__group-left {
    width: 100%;
    padding-right: 0
  }
}

@media (max-width:767px) {
  .credit-content-1 .filling-content__part {
    width: 100%;
    margin-right: 0
  }

  .credit-content-1 .filling-content__part .select-outer {
    width: 100%
  }
}

@media (max-width:900px) {
  .credit-content-2 .filling-content__group-left {
    width: 100%;
    padding-right: 0
  }
}

@media (max-width:900px) {
  .credit-content-2 .filling-content__part {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px
  }

  .credit-content-2 .filling-content__part .range-slider {
    width: 100%
  }
}

@media (max-width:1500px) {
  .credit-content-3 .filling-content__group {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}

@media (max-width:1250px) {
  .credit-content-3 .filling-content__part {
    width: 100%;
    margin-right: 0
  }
}

@media (max-width:1500px) {
  .credit-content-3 .form-t4 {
    margin-left: 320px
  }
}

@media (max-width:1250px) {
  .credit-content-3 .form-t4 {
    width: 100%;
    margin-left: 0
  }
}

@media (max-width:1250px) {
  .credit-content-3 .form-t4__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
}

@media (max-width:767px) {
  .credit-content-3 .form-t4__inner {
    display: block
  }
}

@media (max-width:1250px) {
  .credit-content-3 .form-t4__group {
    width: 60%
  }
}

@media (max-width:767px) {
  .credit-content-3 .form-t4__group {
    width: 100%
  }
}

@media (max-width:1250px) {
  .credit-content-3 .form-t4__btn {
    margin-left: auto
  }
}

@media (max-width:767px) {
  .credit-content-3 .form-t4__btn {
    margin-right: auto
  }
}

@media (max-width:1250px) {
  .credit-content-3 .credit-type-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%
  }
}

@media (max-width:550px) {
  .credit-content-3 .credit-type-card {
    max-width: 270px;
    display: block;
    margin: 0 auto;
    border: none
  }
}

@media (max-width:1250px) {
  .credit-content-3 .credit-type-card__header {
    margin-right: 35px;
    margin-bottom: 0
  }
}

@media (max-width:550px) {
  .credit-content-3 .credit-type-card__header {
    margin-right: 0
  }
}

@media (max-width:1250px) {
  .credit-content-3 .credit-type-card__body {
    padding: 0
  }
}

@media (max-width:550px) {
  .credit-content-3 .credit-type-card__body {
    padding: 15px
  }
}

@media (max-width:1250px) {
  .credit-content-3 .table-offers {
    width: 100%
  }
}

.calculation-credit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

@media (max-width:991px) {
  .calculation-credit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
}

.calculation-credit__left-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-right: 40px
}

@media (max-width:991px) {
  .calculation-credit__left-filter {
    padding-right: 0
  }
}

.calculation-credit__right {
  margin-bottom: 50px
}

.calculation-credit__price {
  background: #fff;
  -webkit-box-shadow: 0 20px 100px rgba(0, 52, 105, .3);
  box-shadow: 0 20px 100px rgba(0, 52, 105, .3);
  padding: 50px;
  min-width: 390px;
  max-width: 390px
}

@media (max-width:991px) {
  .calculation-credit__price {
    margin-top: 30px
  }
}

@media (max-width:479px) {
  .calculation-credit__price {
    min-width: 320px;
    max-width: 100%
  }
}

.calculation-credit__price-item {
  margin-bottom: 20px
}

.calculation-credit__price-subtitle {
  padding-bottom: 10px;
  color: #282828;
  white-space: nowrap
}

.calculation-credit__price-title {
  font-size: 36px;
  color: #1b1b1b;
  font-weight: 700;
  line-height: 1
}

.calculation-credit__price-btn {
  max-width: 290px;
  margin-top: 10px
}

@media (max-width:479px) {
  .calculation-credit .range-slider {
    max-width: 385px;
    width: 100%
  }
}

.calculation-credit__input-credit {
  position: relative;
  bottom: -44px;
  width: 100%;
  max-width: 390px;
  border-radius: 10px;
  border: 1px solid #b3b6b8;
  height: 58px;
  text-indent: 20px;
  z-index: 4;
  border-bottom: none;
  background-color: transparent
}

.calculation-credit__range-slider {
  width: 100%;
  max-width: 390px;
  left: -5px
}

.calculation-credit .car-filter__group {
  width: 100%;
  max-width: 390px;
  -webkit-box-flex: calc(50% - 30px);
  -ms-flex: calc(50% - 30px);
  flex: calc(50% - 30px)
}

@media (max-width:1199px) {
  .calculation-credit .car-filter__group {
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%
  }
}

@media (max-width:991px) {
  .calculation-credit .car-filter__group {
    margin-bottom: 25px
  }
}

.calculation-credit .car-filter__group-range {
  margin-top: 0
}

.calculation-credit .car-filter__group .select-outer {
  width: 100%
}

.payment {
  max-width: 780px;
  padding-top: 30px
}

.payment .icon-svg {
  margin-right: 37px
}

.payment .icon-visa {
  font-size: 60px
}

.payment .icon-mastercard {
  font-size: 32px
}

.payment .icon-mir {
  font-size: 18px
}

@media (max-width:1199px) {
  .payment {
    padding-top: 0
  }
}

.payment__description {
  margin-bottom: 25px
}

.payment__description p {
  margin-bottom: 10px
}

@media (max-width:1023px) {
  .payment__description p {
    margin-bottom: 10px;
    font-size: 14px
  }
}

.not-found {
  padding: 100px 0 50px;
  text-align: center
}

.not-found__image img {
  width: 100%;
  max-width: 705px
}

.not-found__title {
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 700;
  font-size: 56px;
  line-height: 69px;
  letter-spacing: .4em;
  color: #003469;
  text-transform: uppercase
}

@media (max-width:479px) {
  .not-found__title {
    font-size: 36px;
    line-height: 60px
  }
}

.not-found__subtitle {
  margin-bottom: 30px;
  font-family: Hyundai Sans Head, sans-serif;
  color: #191919;
  font-size: 22px;
  line-height: 27px;
  text-transform: lowercase
}

.not-found__link {
  margin-bottom: 36px
}

.not-found__link .btn {
  padding: 0;
  display: inline-block;
  width: 220px;
  height: 45px;
  font-size: 14px;
  line-height: 45px
}

.not-found__links {
  width: 100%;
  max-width: 692px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

@media (max-width:479px) {
  .not-found__links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.not-found__links-title {
  margin-bottom: 30px;
  font-family: Hyundai Sans Head, sans-serif;
  color: #191919;
  font-size: 22px;
  line-height: 27px
}

.not-found__links-block {
  text-align: left
}

@media (max-width:479px) {
  .not-found__links-block {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 30px
  }

  .not-found__links-block:last-child {
    margin-bottom: 0
  }
}

.not-found__links-subtitle {
  margin-bottom: 36px;
  font-family: Hyundai Sans Head, sans-serif;
  font-size: 18px;
  line-height: 22px;
  color: #191919
}

@media (max-width:479px) {
  .not-found__links-subtitle {
    margin-bottom: 16px
  }
}

.not-found__links-items li {
  margin-bottom: 15px
}

.not-found__links-items li a {
  color: #003469;
  font-size: 15px;
  line-height: 18px;
  text-decoration: underline
}

.not-found__links-items li a:hover {
  text-decoration: none
}

.not-found__links-items li:before {
  content: url("../img/static/icons/vector.svg");
  display: inline-block;
  width: 16px
}

.irs {
  height: 60px
}

.irs-line {
  top: 42px;
  height: 2px;
  background: #003469;
  border: none;
  overflow: visible
}

.irs-line-left,
.irs-line-right {
  top: 50%;
  width: 10px;
  height: 10px;
  background-color: #738a9c;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.irs-bar {
  top: 35px;
  bottom: auto;
  height: 0;
  background: #edf3f7;
  border: none;
  border-radius: 10px
}

.irs-slider {
  top: 32px;
  width: 23px;
  height: 23px;
  -webkit-box-shadow: 0 3px 10px rgba(0, 47, 109, .65);
  box-shadow: 0 3px 10px rgba(0, 47, 109, .65);
  background: #fff;
  border: none;
  z-index: 5
}

.irs-from,
.irs-max,
.irs-min,
.irs-single,
.irs-to {
  color: #767676;
  font-size: 12px;
  font-family: Hyundai Sans Text, sans-serif;
  color: #1b1b1b;
  background-color: transparent;
  top: 57px
}

.irs-from:before,
.irs-max:before,
.irs-min:before,
.irs-single:before,
.irs-to:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  display: inline-block
}

.irs-min {
  left: -5px
}

.irs-min:before {
  left: 10px
}

.irs-max {
  right: -5px
}

.irs-max:before {
  right: 10px;
  left: auto
}

.irs-bar-edge {
  top: 35px;
  width: 18px;
  height: 19px;
  background: #edf3f7;
  border: none
}

.irs-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.irs-slider.from {
  z-index: 777 !important
}

.irs-slider.from:before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #003469;
  border-radius: 100%
}

.irs-slider.to {
  z-index: 777 !important
}

.irs-slider.to:before {
  content: "";
  width: 11px;
  height: 11px;
  background-color: #003469;
  border-radius: 100%
}

.irs-line-left,
.irs-line-right {
  background-color: transparent
}

.irs-slider.type_last {
  z-index: 777 !important
}

.range-slider-outer .range-slider {
  width: 100%
}

.title-right .range-slider__title {
  left: auto;
  right: 0
}

.range-slider-320 {
  width: 320px;
  max-width: 100%
}

.range-slider {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  font-size: 16px;
  font-family: Hyundai Sans Text, sans-serif;
  font-weight: 400;
  line-height: 1.875;
  color: #191919;
  z-index: 4
}

@media (max-width:479px) {
  .range-slider {
    margin: 0
  }
}

.range-slider__title {
  margin-bottom: -35px;
  color: #1b1b1b;
  font-size: 14px;
  font-family: Hyundai Sans Head, sans-serif;
  font-weight: 300
}

.range-slider__info {
  position: absolute;
  top: 0;
  right: 0;
  display: none
}

@media (max-width:767px) {
  .range-slider__info {
    font-size: 14px
  }
}

/* ======== */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  will-change: opacity, visibility;
  opacity: 0;
  visibility: hidden;
}
.modal__overlay {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: #000;
  opacity: .5;
}
.modal__content {
  position: absolute;
  content: '';
  margin: auto;
  z-index: 20;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: fit-content;
  height: fit-content;
  background-color: #fff;
  width: 150px;
  height: 150px;
}
.modal.modal_active {
  transition: all .3s;
  transition-property: opacity visibility;
  opacity: 1;
  visibility: visible;
}
.modal.modal_hide {
  transition: all .3s;
  transition-property: opacity visibility;
}