/*=================================NORMALIZE CSS==============================*/

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-family: sans-serif;
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
  height: 100%;
}

body {
  font-family: Hyundai, Verdana;
  font-weight: normal;
  font-size: 1.6rem;
  background: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
}

body.lang-kk {
  font-family: Museo;
}

.grayscale {
  filter: grayscale(1);
}

a {
  background-color: transparent;
  text-decoration: none;
  display: inline-block;
  outline: none;
  color: inherit;
}

.color-blue {
  color: #00aad2;
}

img {
  max-width: 100%;
  border-style: none;
}

.bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bg-img .img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}

button,
select,
input,
textarea {
  outline: none;
}

textarea {
  resize: none;
  min-height: 12rem;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  background: none;
  border: none;
  cursor: pointer;
}

ol,
ul {
  list-style: none;
}

/*===============================END NORMALIZE CSS==============================*/

/*=========================== HELPERS CLASSES ====================*/

.container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1360px;
  position: relative;
  padding: 0 2rem;
}

.container-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}

.container-flex.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse wrap;
  flex-flow: row-reverse wrap;
}

.container-bg {
  width: 100%;
  padding: 0 4rem;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

picture,
.img-container,
.img-bg {
  position: relative;
  display: block;
}

picture {
  width: 100%;
}

.contentWrap {
  flex: 1 0 auto;
}

.content {
  padding: 10rem 0;
}

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

.img {
  display: block;
  width: 100%;
  height: 100%;
}

.full-width {
  width: 100% !important;
}

.hr {
  display: block;
  height: 1px;
  margin: 3rem auto 3rem;
  background: #bfbfbf;
  width: 100%;
}

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

.text-center {
  text-align: center;
  margin: 0 auto;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-line-through {
  text-decoration: line-through;
}

.no-border {
  border: none !important;
}

.underline-hover:hover {
  text-decoration: underline;
}

.underline span {
  border-bottom: 1px solid;
}

.hover {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
}

.hover:hover {
  -webkit-transition: 0.15s;
  -o-transition: 0.15s;
  transition: 0.15s;
  opacity: 0.85;
}

.none {
  display: none;
}

.fright {
  float: right;
  margin-left: 2rem;
}

h3 .fright {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
}

.bg_blue {
  background: #00aad2;
  padding: 5px 15px;
  color: #fff;
  display: inline-block;
  margin-bottom: 30px;
}

/*=========================== END HELPERS CLASSES ====================*/

body {
  overflow-x: hidden;
  line-height: 1.5;
}

.top__header {
  background-color: #f6f3f2;

  border-bottom: 1px solid #e5e5e5;
  position: relative;
  overflow: hidden;
  z-index: 1010;
}
.top__header::before {
  content: "";
  position: absolute;
  background-size: 69rem 100%;
  width: 100%;
  height: 100%;
  background-image: url(/static/img/header_texture.svg);
  background-repeat: repeat-x;
  opacity: 0.02;
  pointer-events: none;
}
.top__header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.top__header .menu__item.phone {
  background-color: #002c5f;
  align-self: stretch;
  padding: 1rem;
  color: #fff;
  display: flex;
  align-items: center;
  font-weight: 400;
}

.top__header .phone:last-child {
  padding-left: 0;
}

.top__header .menu__item.phone .icon {
  border: none;
  border-radius: 0;
}

.top__header .menu__item.phone .icon span {
  display: block;
}

.top__header .menu__item .menu__icon {
  height: 44px;
}

.top__header .header__menu {
  margin-left: auto;
}
.top__header .sep {
  width: 1px;
  height: auto;
  margin: 5px 1rem;
  background-color: #333;
}
.top__header .langs,
.top__header .sns {
  display: flex;
}
.top__header .sns {
  gap: 1.5rem;
}
.top__header .langs {
  margin-left: 3rem;
  font-size: 14px;
}
.top__header .langs a {
  text-decoration: underline;
}
.top__header .langs a:hover {
  text-decoration: none;
}
.top__header .langs a.active {
  text-decoration: none;
  opacity: 0.5;
}
.top__header .site-name {
  color: #000;
  font-weight: 400;
  display: flex;
  align-items: center;
  font-size: 0.75vw;
}

.top__header .site-name > div:first-child {
  font-weight: 500;
}

.top__header .v-sep {
  width: 1px;
  background-color: #000;
  height: auto;
  align-self: stretch;
  margin: 3px 2rem;
}

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

.top__header .address svg {
  margin-right: 6px;
}

.top__header .menu__item-dropdown {
  top: 4.4rem;
}

.top__header .menu__item:not(:last-child) {
  margin-right: 2rem;
}

.top__header .menu__item.phone {
  margin-right: 0;
  border: none;
  border-right: 1px solid #f6f3f2;
}

.header-container .header__menu {
  display: none;
}

/* header */

.headerWrap {
  position: relative;
  -webkit-box-shadow: 0 1px 3px rgba(216, 209, 200, 0.7);
  box-shadow: 0 1px 3px rgba(216, 209, 200, 0.7);
  z-index: 100;
}

.headerWrap .container-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 1360px;
}

.headerWrap .sns .tik-tok {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.header__logo {
  width: 14.9rem;
  height: 2.2rem;
  display: block;
  overflow: hidden;
  margin-right: 2.4vw;
}

/*header nav*/
.header__nav {
  margin-left: 0;
  margin-right: 0;
  flex: 1;
}

.header__nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.header__nav .nav__item {
  margin: 0;
}

.header__nav .main-link {
  position: relative;
  line-height: 6.5rem;
  color: #666;
  font-size: 1.5rem;
  font-weight: 500;
  white-space: nowrap;
}

.header__nav .link-underline {
  position: absolute;
  bottom: 0;
  background: #00aad2;
  height: 4px;
  -webkit-transition: 0.35s ease;
  -o-transition: 0.35s ease;
  transition: 0.35s ease;
  pointer-events: none;
}

.header__nav .nav__item.active .main-link {
  color: #000;
}

.header__nav .nav__item.active .dropdown {
  border-top: 1px solid rgba(216, 209, 200, 0.7);
  background-color: #fff;
  position: absolute;
  margin-left: -2rem;
  width: auto;
  padding: 2rem 0;
  z-index: 12;
  display: block;
}
.header__nav .cars.active .dropdown {
  margin-left: 0;
}
.header__nav .nav__item.cars .dropdown {
  width: 100vw;
  right: 0;
  left: calc(-50vw + 50%);
}

.subNav,
.colNav {
  color: #767676;
  position: relative;
  line-height: 1.6;
  font-size: 1.4rem;
  -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;
}

.subNavCol {
  width: 100%;
}

.colNav li {
  width: 24rem;
  padding: 8px 0;
}

.subNav {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.subNav .open-sub.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.subNav .open-sub {
  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;
}

.subNav .open-sub::after {
  content: "";
  overflow: hidden;
  background: url("../img/icons/ico-gnb-arr.png") no-repeat top left;
  display: block;
  position: relative;
  width: 0.4rem;
  height: 0.7rem;
}

.subNav .open-sub.active::after {
  background: url("../img/icons/ico-gnb-arr.png") no-repeat;
  background-position: 0 -7px;
}

.header__nav .sub1 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  z-index: 0;
  top: 0;
  left: 24rem;
  padding-left: 6rem;
  height: 100%;
}

.header__nav .sub1.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.open-sub.active .sub1 a {
  color: #666;
}

.subNav .subNav-link {
  width: 100%;
}

.open-sub.active .sub1 a:hover,
.subNav .subNav-link:hover {
  color: #00aad2;
  transition: 0.15s;
}

/*car models*/

.carTabs,
.tabs {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 500;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2rem;
}

.carTab,
.tab {
  color: #fff;
  background-color: #444;
  cursor: pointer;
  padding: 1.2rem 2rem;
  min-width: 18rem;
  text-align: center;
}

.carTabs {
  justify-content: space-between;
  width: calc(100% - 35px);
}

.carTabs .carTab {
  width: 100%;
  white-space: nowrap;
  min-width: auto;
}

.carTab:hover,
.carTabLink:hover,
.carTab.active,
.tab.active,
.tab:hover {
  color: #000;
  background-color: #fff;
}

.carTabLink {
  background-color: #002c5f;
  color: #fff;
  padding: 1.2rem 2rem;
  min-width: 18rem;
  text-align: center;
}

.tabTitle {
  margin: 2rem 0;
  font-size: 2.2rem;
  font-weight: 500;
  width: 100%;
  padding: 0 1rem;
}

.tab-content {
  padding: 2rem 0 4rem;
}

.tab-content.active {
  display: block;
}

.tab-content .car-row,
.cars-content .car-row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1rem;
}

.tab-content .car-row:not(:last-child) {
  margin-bottom: 4rem;
}

.car-row.container-flex {
  align-items: flex-start;
}

.carItem {
  width: calc(20% - 2rem);
  font-size: 1.4rem;
  line-height: 1.71;
  margin: 0 1rem;
  position: relative;
  padding-top: 5px;
}

.carItem picture {
  max-height: 132px;
}

.carItem span {
  display: block;
}

.carItem .carName {
  /*text-transform: uppercase;*/
  font-weight: 500;
}



.carItem .carPrice {
  color: #666;
}

.page-all-models .all-models {
  padding-bottom: 10rem;
}

.all-models .carTab {
  width: 25%;
  padding: 2.2rem;
}

.all-models .tabTitle {
  font-size: 3rem;
}

.all-models .carItem {
  width: calc(25% - 2rem);
}

.all-models .carName {
  font-size: 1.6rem;
}
.carItem a {
  font-weight: 500;
}
.carItem a:hover {
  text-decoration: underline;
}

.cars-content .carItem {
  margin-bottom: 5rem;
}

.page-credit .tabs {
  margin-top: 5rem;
}

.tab {
  padding: 2.2rem;
  width: 20%;
}

.tab-container img {
  display: block;
  margin: 0 auto;
}

.tab-container .btn {
  margin: 0 auto 5rem;
}

/*header menu*/

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

.menu__item {
  position: relative;
  z-index: 12;
  display: none;
}

.menu__item.lang-switcher,
.menu__item.phone {
  display: block;
}

.menu__item.lang-switcher {
  margin-left: 2rem;
}

.menu__item.phone .icon {
  display: flex;
  align-items: center;
  border: 1px solid #62666b;
  border-radius: 2rem;
  padding-left: .6rem;
  font-size: 14px;
}
.menu__item.phone .icon,
.menu__item.phone .phone-text {
  font-size: 0.75vw;
}

.menu__item.phone .icon span {
  margin-left: 0.6rem;
  display: none;
}

.menu__item:not(:last-child) {
  margin-right: 1.5rem;
}

.menu__item .menu__icon {
  display: block;
  width: 20px;
  height: 60px;
  text-indent: -1000px;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.menu__item.lang-switcher .menu__icon {
  background-image: url("../img/icons/ico-language-20-x-20.png");
}

.menu__item.credit a {
  background-image: url("../img/icons/ico_credit.png");
}

.menu__item.trade-in a {
  background-image: url("../img/icons/ico-trade-in.png");
}

.menu__item.test-drive a {
  background-image: url("../img/icons/ico-test-drive.png");
}

.menu__item.social-networks {
  display: block;
}

.menu__item.social-networks .menu__icon {
  background-image: url("../img/icons/ico-social-20-x-20.png");
}

.menu__item.search {
  background: url("../img/icons/ico-search-20-x-20.png") no-repeat center;
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.menu__item.social-networks .menu__item-dropdown {
  left: -6.8rem;
}

.menu__item.search a {
  background-image: url("../img/icons/ico-search-20-x-20.png");
}

.menu__item-dropdown {
  position: absolute;
  background: #fff;
  padding: 1.2rem 2rem;
  border-radius: 0.1rem;
  left: -5rem;
  margin: 0 auto;
  min-width: 12rem;
  top: 6rem;
  border: 1px solid #dfdfdf;
  -webkit-box-shadow: 0 1px 6px -3px #666;
  box-shadow: 0 1px 6px -3px #666;
}

.menu__item-dropdown::after {
  content: "";
  position: absolute;
  top: -0.6rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 1rem;
  height: 1rem;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  background-color: #fff;
}

.menu__item-dropdown.active {
  display: block;
}

.lang {
  text-align: center;
}

.lang a {
  font-size: 1.4rem;
  color: #999;
  font-weight: 500;
}

.lang a:hover,
.lang a.active {
  color: #555;
}

/* footer */

.footerWrap {
  background: rgb(28, 27, 27);
  padding: 3rem 0;
  color: #5f5f5f;
  cursor: default;
  flex-shrink: 0;
}
.footerWrap .sns a {
  filter: invert(1);
}
.footerWrap .sns .youtube {
  filter: none;
}
.footerWrap .container-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;
}

.footerArea {
  width: calc(100% - 30rem);
}

.footer__nav li {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
  line-height: 1;
}

.footer__nav li:not(:last-child)::after {
  content: "";
  position: relative;
  width: 1px;
  height: 1rem;
  background: #333232;
  display: inline-block;
  margin: 0 1.5rem;
}

.footer__nav a {
  font-size: 1.4rem;
  color: #999;
  border-bottom: 1px solid transparent;
}

.footer__nav a:hover {
  border-bottom: 1px solid;
}

.sns ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sns li:not(:last-child) {
  margin-right: 1.7rem;
}

.sns li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.top__header .sns {
  background-color: #e4dcd3;
  padding: 1.1rem 2rem;
  align-self: stretch;
  display: flex;
  align-items: center;
}
.sns a {
  width: 2rem;
  height: 2rem;
  background-size: 1.6rem 1.6rem;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-flex;
  /* background: url("../img/sns_share_pc.png") no-repeat; */
}

.sns .facebook {
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='15' viewBox='0 0 7 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.5534 0.0380682C4.45061 0.0535228 4.26711 0.0954167 4.14563 0.131174C3.21548 0.404735 2.49577 1.1861 2.22794 2.21307C2.10911 2.66864 2.09711 2.82068 2.07676 4.12879L2.05583 5.47348L1.02791 5.48352L0 5.49352V6.83769V8.18182H1.03641H2.07282V11.5909V15H3.31311H4.5534V11.5914V8.1828L5.73422 8.17284L6.91505 8.16288L6.92399 6.82765L6.93292 5.49242H5.74316H4.5534L4.55394 4.49811C4.55452 3.40697 4.58116 3.17795 4.73829 2.9133C4.80632 2.79864 4.88875 2.72769 5.05702 2.6389L5.28398 2.51917L6.14199 2.5058L7 2.49242V1.24621V0L5.87015 0.00496214C5.24874 0.00768941 4.65619 0.0225758 4.5534 0.0380682Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.sns .youtube {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTE5LjYxNSAzLjE4NGMtMy42MDQtLjI0Ni0xMS42MzEtLjI0NS0xNS4yMyAwQy40ODggMy40NS4wMjkgNS44MDQgMCAxMmMuMDI5IDYuMTg1LjQ4NCA4LjU0OSA0LjM4NSA4LjgxNiAzLjYuMjQ1IDExLjYyNi4yNDYgMTUuMjMgMEMyMy41MTIgMjAuNTUgMjMuOTcxIDE4LjE5NiAyNCAxMmMtLjAyOS02LjE4NS0uNDg0LTguNTQ5LTQuMzg1LTguODE2ek05IDE2VjhsOCAzLjk5M0w5IDE2eiIvPjwvc3ZnPg==");
  filter: invert(1);
}

.sns .instagram {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.89887 0.0379193C3.76442 0.0825179 3.23933 0.176414 2.60043 0.448779C1.38737 0.965964 0.550496 1.96919 0.212019 3.31199C0.00656982 4.12701 0 4.25686 0 7.49903C0 10.7412 0.00656982 10.8711 0.212019 11.6861C0.652803 13.4347 1.93008 14.5869 3.74061 14.8692C4.8634 15.0441 10.1893 15.0434 11.2768 14.8681C11.9597 14.758 12.4929 14.5579 13.0346 14.2084C13.9176 13.6386 14.5116 12.7844 14.7884 11.6861C14.9933 10.8733 15 10.7404 15 7.49903C15 4.25762 14.9933 4.12481 14.7884 3.31199C14.3491 1.56916 13.082 0.420967 11.2768 0.129958C10.5375 0.0107509 6.9174 -0.0414639 4.89887 0.0379193ZM10.3171 1.24564C11.1925 1.28884 11.5532 1.36701 12.0834 1.62858C13.1144 2.13712 13.6423 3.03349 13.7643 4.48289C13.8763 5.81179 13.8377 10.2667 13.7077 11.023C13.5139 12.1499 12.9746 12.93 12.0864 13.3679C11.5401 13.6373 11.2175 13.7052 10.2345 13.758C9.1809 13.8145 5.81952 13.8145 4.76596 13.758C3.7844 13.7053 3.46001 13.6372 2.91703 13.3694C2.03068 12.9324 1.53418 12.2361 1.30876 11.1138C1.12268 10.1873 1.12268 4.81076 1.30876 3.88423C1.53418 2.76199 2.03068 2.06566 2.91703 1.62865C3.56938 1.30699 3.85192 1.26747 6.01915 1.19449C6.65635 1.17304 9.54148 1.20737 10.3171 1.24564ZM11.2415 2.70944C10.8087 2.86752 10.5579 3.39376 10.7119 3.82096C10.893 4.32355 11.45 4.56125 11.9271 4.33958C12.3854 4.12667 12.5658 3.60361 12.3382 3.14785C12.135 2.74096 11.6672 2.55397 11.2415 2.70944ZM6.82299 3.88245C6.05231 4.02288 5.36783 4.39634 4.80161 4.98529C4.13351 5.68023 3.80008 6.5171 3.80008 7.49903C3.80008 8.66223 4.30109 9.68205 5.22428 10.3981C6.04209 11.0324 7.07439 11.2917 8.08185 11.1159C8.85993 10.9801 9.51376 10.6414 10.07 10.0862C10.8252 9.33235 11.1913 8.37183 11.1344 7.29358C11.0858 6.3738 10.7244 5.56515 10.07 4.91186C9.78768 4.63006 9.40913 4.35606 9.0762 4.19256C8.42367 3.87207 7.54426 3.75104 6.82299 3.88245ZM8.08883 5.09988C9.2752 5.39585 10.1064 6.61812 9.93183 7.80974C9.74655 9.07419 8.72489 9.96749 7.46083 9.97029C6.10065 9.97332 4.99381 8.86457 4.99381 7.49903C4.99381 6.83642 5.2367 6.24364 5.69849 5.7792C6.34966 5.12432 7.20852 4.88026 8.08883 5.09988Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.sns .telegram {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.8442 0.087784C13.6904 0.14315 13.3846 0.267285 13.1648 0.363612C12.945 0.459938 12.5763 0.619857 12.3455 0.718981C11.9185 0.902323 11.1884 1.21907 9.9674 1.75068C9.59371 1.9134 9.18904 2.08839 9.06814 2.13958C8.94724 2.19077 8.69544 2.29845 8.50859 2.37892C7.6917 2.73061 4.81352 3.97196 3.01307 4.74913C1.93595 5.21406 0.949113 5.63845 0.820058 5.69219C0.5478 5.80563 0.250402 5.99703 0.11847 6.14376C0.0619556 6.2066 0.0185512 6.3175 0.00640111 6.43007C-0.0110247 6.59186 0.0017248 6.63174 0.113194 6.76439C0.226981 6.8998 0.319506 6.94243 1.02693 7.18544C1.87392 7.47638 2.74317 7.7611 3.03305 7.84248C3.13197 7.87029 3.41974 7.89292 3.67253 7.89279C4.25026 7.8925 4.37132 7.84611 5.03514 7.37099C5.54409 7.00673 6.39108 6.41015 8.9615 4.60545C9.77112 4.03701 10.5666 3.5059 10.7291 3.42527C11.2406 3.17153 11.4215 3.22999 11.2889 3.60607C11.2283 3.77772 11.0566 3.97593 10.1724 4.89452C9.59771 5.4916 8.59392 6.50138 7.94173 7.13847C7.28955 7.77555 6.71414 8.35802 6.66306 8.43284C6.59 8.53982 6.57017 8.62378 6.57017 8.82596C6.57017 9.05076 6.58568 9.1032 6.69359 9.2435C6.85098 9.44814 7.12008 9.67519 7.85732 10.2255C8.5245 10.7236 10.8393 12.3386 11.2084 12.5636C11.5418 12.7668 11.9515 12.9321 12.2495 12.9837C12.7696 13.0738 13.1937 12.7849 13.3417 12.2398C13.3796 12.0998 13.703 10.0604 13.887 8.80045C13.9437 8.41222 14.0877 7.47037 14.2033 6.7317C14.3358 5.8853 14.4293 5.26216 14.5636 4.33084C14.7915 2.7509 14.8156 2.5861 14.9081 1.97173C14.9582 1.63861 14.9976 1.17765 14.9997 0.90011C15.0036 0.372255 14.976 0.288705 14.7358 0.101396C14.5695 -0.0283759 14.1834 -0.034305 13.8442 0.087784Z' fill='%231A1A1A'/%3E%3C/svg%3E%0A");
}

.sns .tik-tok {
  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE3LjU2MiA1LjAyM2E1LjA0IDUuMDQgMCAwMS0zLjA0NS0xLjAxOCA1LjA1IDUuMDUgMCAwMS0yLjAxMy0zLjk5SDkuMjR2OC45MjNsLS4wMDQgNC44ODhhMi45NTYgMi45NTYgMCAwMS0zLjEyOCAyLjk1IDIuOTQ0IDIuOTQ0IDAgMDEtMS4zNTItLjQxNSAyLjk1NiAyLjk1NiAwIDAxLTEuNDQ1LTIuNDkgMi45NTggMi45NTggMCAwMTMuODk0LTIuODVWNy43MDZhNi40MjUgNi40MjUgMCAwMC0uOTQxLS4wN0E2LjI2MiA2LjI2MiAwIDAwMS41NTcgOS43NGE2LjEyNiA2LjEyNiAwIDAwLTEuNTQ1IDMuNjk2IDYuMTE4IDYuMTE4IDAgMDAxLjgyMiA0Ljc2NiA2LjI2MiA2LjI2MiAwIDAwNC40MjggMS44MTNjLjMxOSAwIC42MzMtLjAyMy45NDItLjA3YTYuMjQgNi4yNCAwIDAwMy40ODctMS43NDMgNi4xMTQgNi4xMTQgMCAwMDEuODM0LTQuMzVsLS4wMTctNy4zYTguMjU1IDguMjU1IDAgMDA1LjA2MyAxLjcydi0zLjI1aC0uMDA5eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
  opacity: 0.5;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.copyright {
  font-size: 1.2rem;
  margin-top: 1rem;
}

.home-partners {
  margin-top: 2rem;
}

.footer_text {
  font-size: 1.2rem;
  margin-top: 3rem;
}
.footer_text p {
  margin-bottom: 1rem;
}
.footer_text p:last-child {
  margin-bottom: 0;
}

/* banner, visual */

#main-banner.container-bg {
  /* background: #ccc url("../img/bg/1.jpg") no-repeat; */
  height: 41.85vw;
}

#main-banner {
  padding: 0;
}

#main-banner .img-container {
  /*min-height: 54rem;*/
}

#main-banner a {
  display: block;
}

#main-banner a img {
  object-fit: cover;
  /* height: 37vw; */
}
.video__main.video {
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 20rem;
  position: relative;
  overflow: hidden;
}
.video__main h2 {
  position: absolute;
  z-index: 2;
  font-size: 3.2rem;
  padding-bottom: 0;
}
.video__main::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1;
}
.banner .btn {
  position: absolute;
  bottom: 6rem;
}

.banner-info {
  background: #f6f3f2;
  padding: 6rem 0;
  color: #666;
  line-height: 2rem;
  display: none;
}

.banner-info .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.banner-info p {
  width: calc(100% - 3rem);
  font-size: 1.4rem;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
  top: 45%;
}

.visual {
  position: relative;
  width: 100%;
  height: 34vw;
  min-height: 40rem;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #fff;
  overflow: hidden;
}

.text .btn-center {
  display: block;
  margin: 0 auto;
}

.promo .single-news-header,
.avtokreditovanie .single-news-header {
  background-color: #fff;
}

.promo .content,
.avtokreditovanie .content {
  padding-top: 0;
}

#timer {
  position: absolute;
  left: 0;
  right: 0;
  top: 2rem;
}

.banner-timer {
  position: relative;
  display: inline-flex;
  justify-content: center;
  text-align: center;
  background: #002C5F;
  color: #fff;
  padding: 1rem;
  font-size: 2rem;
  font-weight: 500;
  z-index: 10;
  line-height: 1;
}

.banner-timer.ended {
  display: none;
}

.banner-timer .t-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 6.6rem;
}

.banner-timer .t-sep {
  margin: 0 1rem;
  line-height: 0.9;
}

.banner-timer .t-text {
  font-size: 12px;
}

.carousel-2 .swiper-pagination {
  display: none;
}
.carousel-2 .swiper-button-prev::after,
.carousel-2 .swiper-button-next::after {
  color: #fff;
}
#main-banner .img-container .container {
  position: absolute;
  top: 24vw;
  left: 0;
  right: 0;
  color: #fff;
  font-size: 2.4rem;
  max-width: 68.75vw;
  text-align: left;
}

#main-banner h1 {
  font-size: 10rem;
  color: white;
  font-weight: 500;
}

#main-banner .img-container p strong {
  font-size: 3.4rem;
  font-weight: 500;
}

.frame > .container.container-flex {
  display: none;
}

.frame .visual {
  width: 100%;
}

.frame .car__info-header {
  display: none;
}

.visual .buble {
  position: absolute;
  bottom: 40px;
  left: 0;
  background: #002c5f;
  padding: 16px 32px;
  transition: 0.5s;
  transition-delay: 0.8s;
  transform: translateX(-100%);
  font-size: 32px;
  color: #fff;
  font-weight: 500;
  display: flex;
  align-items: center;
}

.visual .buble.show {
  transform: translateX(0);
}

.visual .buble .btn {
  background: #fff;
  color: #002c5f;
  padding: 12px 48px;
  font-size: 16px;
  margin-left: 40px;
  font-weight: 500;
}

.visual .buble .btn:hover {
  text-decoration: none;
}

.visual .buble a {
  margin: 0 7px;
}

@media screen and (max-width: 800px) {
  .visual .buble {
    flex-wrap: wrap;
    padding: 10px;
    font-size: 20px;
    justify-content: center;
    width: 200px;
  }

  .visual .buble .btn {
    padding: 0;
    height: 40px;
    line-height: 40px;
    margin-left: 0;
    margin-top: 10px;
  }
}

.visual .page-title {
  padding: 10rem 0rem 0;
  width: auto;
  background: none;
  text-align: left;
  background-size: cover;
  /*text-transform: uppercase;*/
}

.visual.text-dark,
.visual.text-dark .page-title {
  color: #000;
}

.visual.text-light,
.visual.text-light .page-title {
  color: #fff;
}

.visual.text-dark .page-title,
.visual.text-light .page-title {
  padding: 10rem 0 0;
  width: 100%;
  text-transform: uppercase;
}

.visual .sub-title {
  font-weight: 500;
  font-size: 2.4rem;
  max-width: 50rem;
  line-height: normal;
}

/*slider*/

.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.slider .swiper-button-prev,
.slider .swiper-button-next,
.tabs-slider .text_slider .swiper-button-prev,
.tabs-slider .text_slider .swiper-button-next {
  width: 4.4rem;
  height: 4.4rem;
  background: rgba(0, 0, 0, 0.5);
  outline: none;
}

.slider .carousel_slider .swiper-button-prev,
.slider .carousel_slider .swiper-button-next {
  top: calc(50% - 4.4rem);
}

.slider .swiper-button-prev,
.tabs-slider .text_slider .swiper-button-prev {
  left: 0;
}

.slider .swiper-button-next,
.tabs-slider .text_slider .swiper-button-next {
  right: 0;
}

.slider .swiper-button-prev::after,
.slider .swiper-button-next::after,
.tabs-slider .text_slider .swiper-button-prev::after,
.tabs-slider .text_slider .swiper-button-next::after {
  font-size: 1.6rem;
}

.slider-pagination {
  position: relative;
  padding: 3rem 0 3rem;
}

.slider-pagination .swiper-pagination {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slider-pagination .swiper-pagination-bullets {
  height: 1.2rem;
}

.slider-pagination .swiper-pagination-bullet,
.text_slider .swiper-pagination-bullet,
.carousel_slider .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #999;
  background: #fff;
  opacity: 1;
  outline: none;
}

.slider-pagination .swiper-pagination-bullet:not(:last-child),
.text_slider .swiper-pagination-bullet:not(:last-child),
.carousel_slider .swiper-pagination-bullet:not(:last-child) {
  margin-right: 1rem;
}

.slider-pagination .swiper-pagination-bullet-active,
.text_slider .swiper-pagination-bullet-active,
.carousel_slider .swiper-pagination-bullet-active {
  background: #00aad2;
  border: 1px solid #00aad2;
}

.carousel_slider .swiper-button-next:after,
.carousel_slider .swiper-button-prev:after {
  color: #fff;
}

.slider .model__item img {
  height: auto;
  width: 100%;
}

/*models slider*/
.modelSlider .swiper-slide picture {
  transition:
    transform 0.3s,
    opacity 0.3s;
}

.modelSlider .swiper-slide-active picture {
  transform: scale(1.1);
  z-index: 2;
}

.modelSlider {
  width: calc(100% - 14rem);
  margin: 0 auto;
  overflow: hidden;
}

.modelSlider picture {
  height: 30rem;
}

.models-slider {
  margin-bottom: 4rem;
}

.model__item h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  font-weight: 500;
  text-align: center;
  margin-top: 3rem;
}

.model__item:hover h3 {
  text-decoration: underline;
}

.models-slider .slider {
  max-height: 250px;
}

.models-slider .swiper-button-prev,
.models-slider .swiper-button-next {
  top: 37%;
}

/* home items */

.home__items .hover:hover {
  opacity: 0.95;
}

.home__item {
  width: 50%;
  height: 32rem;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  background-size: cover;
  background-repeat: no-repeat;
}

.home__item h2 {
  color: #fff;
  padding: 0;
}

.home__item.bg1 {
  background-image: url("../img/bg/philosophy.jpg");
}

.home__item.bg2 {
  background-image: url("../img/bg/history.jpg");
}

.home__item.bg3 {
  background-image: url("../img/bg/media.jpg");
}

.home__item.bg4 {
  background-image: url("../img/bg/promo.jpg");
}

/*title header*/

.title,
h2,
.h2,
h3,
.h3,
h4,
.h4,
strong,
b,
.page-title {
  font-weight: 500;
}

.page-title {
  position: relative;
  font-size: 5.8rem;
  padding: 5rem 0;
  /* background: rgba(255, 255, 255, .65); */
  text-align: center;
  width: calc(100% - 8rem);
  margin: 0 auto;
}

.page-title p {
  font-size: 2rem;
  font-weight: normal;
  line-height: 3rem;
}

.title,
h2,
.h2 {
  font-size: 4.4rem;
  line-height: 5.4rem;
  color: #000;
  padding-bottom: 3.6rem;
  letter-spacing: 0.7px;
}

h4,
.h4 {
  font-size: 1.8rem;
}

.sub-title {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.3px;
  font-weight: 500;
}

.titleArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1.5;
  padding: 0 0 5rem;
}

.titleArea .row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.6;
  font-size: 1.4rem;
}

.titleArea h4 {
  font-size: 2.5rem;
  margin-right: 2rem;
}

.titleArea span {
  color: #00aad2;
}

.txt-group {
  margin-bottom: 6rem;
}

.txt-group .title,
.txt-group h2 {
  padding-bottom: 1.7rem;
}

.break-line h3 {
  position: relative;
  margin-bottom: 2rem;
}

.break-line h3::after {
  content: "";
  width: 12rem;
  height: 1px;
  background: #ff7500;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/*steps*/

.stepArea {
  padding: 3rem 0;
  font-size: 1.6rem;
  line-height: 1.875;
  color: #c1c1c1;
  font-weight: 500;
}

.stepArea .active,
.stepArea .active span {
  color: #00aad2;
}

.stepArea .active span {
  border: 2px solid #00aad2;
  background: #00aad2;
  color: #fff;
}

.stepArea span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 25px;
  font-size: 14px;
  text-align: center;
  border-radius: 50%;
  left: 0;
  top: 0;
  border: 2px solid #c1c1c1;
  margin-right: 1rem;
}

.stepArea ul,
.stepArea li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.stepArea ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.stepArea li {
  margin: 0 4rem;
}

.main__gallery-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: .5rem;
}

.main__gallery-grid .col {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: .5rem;
}

.main__gallery-grid .card {
  position: relative;
  overflow: hidden;
  display: block;
}
.main__gallery-grid .card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.main__gallery-grid .card::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  background: url(/static/img/icons/play.svg) no-repeat center / contain;
  width: 5.4rem;
  height: 5.4rem;
  border-radius: 50%;
}
.main__gallery-grid .col:first-child .card:first-child,
.main__gallery-grid .col:last-child .card:last-child
{
  grid-column: span 2;
}

/* news */

.news .title {
  padding-bottom: 4.6rem;
}

.news .container-bg {
  background: url("../img/bg/2.jpg") no-repeat;
}

.news-content .container-flex {
  max-width: 160rem;
  margin: 0 auto 6rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.news-content .news__item {
  padding: 5rem 10rem 5.5rem;
  background: #fff;
  width: calc(50% - 0.1rem);
}

.news__item-date {
  display: inline-block;
  padding: 0.8rem 2.2rem;
  font-size: 1.6rem;
  background-color: #002c5f;
  color: #fff;
  letter-spacing: 0.2px;
}

.news__item-date span {
  background: #1f3b6b;
  color: #fff;
  padding: 3px 8px;
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
}

.dashed_border {
  border: 1px dashed #1f3b6b;
  color: #1f3b6b;
  font-weight: 500;
  padding: 15px 20px;
  text-align: center;
  margin-bottom: 35px;
}

@media screen and (max-width: 800px) {
  .dashed_border {
    margin-bottom: 25px;
  }
}

.news__item h3 {
  font-size: 2.4rem;
  line-height: 3.6rem;
  color: #000;
  letter-spacing: 0.5px;
  font-weight: 500;
  margin: 3.6rem 0 2rem;
}

.news__item p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin-bottom: 2.4rem;
}

.more {
  font-size: 1.6rem;
  font-weight: 500;
}

.news-grid {
  margin: 0 -1.5rem;
}

.news-grid .news__item {
  width: calc(33.333% - 3rem);
  margin: 0 1.5rem 5rem;
}

.news__item.finished {
  filter: grayscale(1) contrast(0.8);
}

.news-grid .news__item-date,
.page-single-news .news__item-date {
  background: none;
  color: #666;
  font-size: 1.4rem;
}

.page-single-news .img.finished {
  filter: grayscale(1) contrast(0.8);
}

.news-grid .news__item-date {
  padding: 0 0 1rem;
}

.news-grid .img-container {
  margin-bottom: 2rem;
}

.news-grid .news__item[disabled] {
  pointer-events: none;
}

.news-grid .news__item[disabled] .img-container {
  filter: grayscale(1);
}

.news-grid .img-container img {
  -o-object-fit: cover;
  object-fit: cover;
}

.news-grid .news__item:hover h4 {
  text-decoration: underline;
}

.single-news-header {
  padding: 6rem 0;
}

.single-news-header .title {
  padding: 0;
}

.single-news-header .news__item-date {
  padding: 0 0 1rem;
}

.address_block {
  border: 1px solid #e4dcd3;
  padding: 20px 30px;
  display: inline-block;
  max-width: calc(50rem - 4px);
  margin-right: 4px;
  margin-bottom: 4px;
  width: 100%;
  text-align: left;
}

.address_block h3 {
  padding-bottom: 0 !important;
  margin-bottom: 10px !important;
}

.address_block a {
  position: relative;
  top: -1px;
}

.address_block p {
  margin-bottom: 13px !important;
}

.address_block p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.address_block br + br {
  display: block;
  content: "";
  height: 5px;
}

.address_block br:last-child {
  height: 0px;
}

.dealer_18 .s-powered-by {
  display: none !important;
}

.dealer_18 #s_send {
  background: #002c5f !important;
}

.dealer_18 div#s-x:after {
  content: "+";
  color: #fff;
  text-align: center;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-family: Tahoma;
  font-weight: bold;
  transform: rotate(45deg);
  background: #002c5f;
  border-radius: 50%;
}

@media screen and (max-width: 800px) {
  .page-title {
    padding: 5rem 0;
  }

  .single-news-header {
    padding: 4rem 0;
  }
}

/*text*/

.text {
  line-height: 2.8rem;
}

.text h2 {
  margin-bottom: 25px;
  margin-top: 40px;
  padding-bottom: 0;
}

.text h2:first-child {
  margin-top: 0;
}

.text h4 {
  margin-bottom: 20px;
}

.text .form-container h4 {
  margin-bottom: 0;
}

.text .form-container .titleArea {
  padding-bottom: 4rem;
}

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

.text ul {
  list-style-type: disc;
  padding-left: 3rem;
  margin: -1rem 0 2.4rem;
}

.text ol {
  list-style-type: decimal;
  padding-left: 3rem;
  margin: -1rem 0 2.4rem;
}

.text p {
  margin-bottom: 2.4rem;
}

.text p sub {
  font-size: 13px;
  line-height: 1;
}

.text a:not([class]) {
  color: #00aad2;
  text-decoration: underline;
  line-height: 1;
}

.text a:hover {
  border-color: transparent;
}

.text .btn {
  line-height: initial;
  padding: 15px;
}

.text li {
  margin-bottom: 1rem;
}

.text li ul {
  margin-top: 1.5rem;
}

.text iframe {
  width: 100%;
  height: 48rem;
}
.text iframe video {
  width: 100% !important;
  height: 100% !important;
}
video:-webkit-full-page-media {
  width: 100%;
}
.iframe {
  width: 100%;
  height: 64rem;
}

.text .form-container {
  padding: 4rem 0;
}

.g-recaptcha iframe {
  width: auto;
  height: auto;
}

.text .form-container .btn {
  margin: 4rem auto 0;
}

.text h2,
.section h3 {
  font-size: 3rem;
  line-height: 4rem;
  letter-spacing: 0.5px;
  padding-bottom: 1rem;
}

.text h3 {
  font-size: 2rem;
  line-height: 3rem;
  padding-bottom: 2.4rem;
}

.text p + h3 {
  margin-top: 4rem;
}

.section .grid-3 h3 {
  font-size: 20px;
  letter-spacing: 0.3px;
  line-height: 3rem;
  padding-bottom: 12px;
}

/*table*/

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 3rem;
}

table th {
  text-align: left;
  font-weight: 500;
  background: #e4dcd3;
}

table th,
table td {
  padding: 1.4rem 3rem;
  line-height: 2.4rem;
  border: 1px solid #e4dcd3;
}

table tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

table th p:last-child,
table td p:last-child {
  margin-bottom: 0;
}

/* photo-video gallery*/

.gallery .img-container img {
  margin-bottom: 2rem;
}

.gallery .grid-3 h4 {
  margin-bottom: 0;
  font-size: 1.8rem;
}

.gallery .grid-3 .row {
  margin-bottom: 5rem;
}

@media screen and (max-width: 640px) {
  .grid-3 .row:last-child {
    margin-bottom: 0;
  }
}

/*popup*/
.mfp-wrap {
  z-index: 999999999 !important;
  position: fixed !important;
  top: 0 !important;
  height: 100% !important;
}

.mfp-bg {
  z-index: 999999999 !important;
}

.mfp-content {
  margin-top: 40px;
}

#popup.container {
  max-width: 450px;
}

#popup .form-row {
  width: 100%;
}

#popup.container.big_form {
  max-width: 800px;
}

#popup.big_form .form-row {
  width: calc(50% - 2rem);
}

.popup-content {
  background-color: #fff;
  margin: 6rem auto 3rem;
  -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
}

.popup-header {
  background-color: #e4dcd3;
  padding: 2.4rem;
  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;
}

.popup-title {
  font-size: 2rem;
  font-weight: 500;
}

.popup-btn-close {
  background: url("../img/btns/btn-layer-close.png") no-repeat center;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  cursor: pointer;
}

.popup-img {
  position: relative;
  overflow: hidden;
}

.popup-img img {
  display: block;
}

.popup-img .btn {
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 99;
  width: 18rem;
  min-width: 18rem;
}

.popup-form {
  padding: 4rem;
}

.popup-form p {
  margin-bottom: 4rem;
}

.popup-form .btn {
  margin: 2rem auto;
}

.popup-form .form_result {
  margin-bottom: 0;
}
#promo.popup {
  max-width: 1000px;
}
@media screen and (max-width: 640px) {
  .popup-header {
    padding: 15px;
  }

  .popup-btn-close {
    width: 12px;
    height: 12px;
  }

  .popup-form .btn {
    margin: 0 auto;
  }
}

/*forms*/

.form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form .form-row {
  width: calc(50% - 2rem);
  margin-bottom: 3rem;
}
.form .form-row.checkbox p {
  margin-bottom: 0;
}
.form .form-row.checkbox a {text-decoration: underline;}
/* select {
    -webkit-appearance: none;
} */

.formSelect {
  position: relative;
}

.formSelect::after {
  content: none;
  background: url("../img/icons/ico-select-right-arr.png") no-repeat center;
  width: 2.9rem;
  height: 0.6rem;
  position: absolute;
  right: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 1.8rem;
}

.input-field,
.form select {
  width: 100%;
  border: 1px solid #e4dcd3;
  padding: 1.1rem 2rem;
}

label,
.boxWrap h4 {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
  margin-bottom: 0.5rem;
  display: block;
  color: #000;
}

textarea {
  min-height: 14rem;
}

.checkbox label {
  font-size: 1.4rem;
  font-weight: normal;
}

.checkbox.form-row {
  margin-bottom: 1rem;
}

.form-row.select-group {
  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;
  width: 100%;
}

.form-row.select-group .formSelect::after {
  top: 2rem;
}

.form-row.select-group label {
  width: 100%;
}

.select-group .formSelect {
  width: calc(33.33333% - 2rem);
}

.form .btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.form .btn-group .btn {
  margin: 0 2rem;
  display: inline-block;
}

.error .input-field,
.error select {
  border-color: red;
}

.errorMessage {
  color: red;
  font-size: 14px;
  margin-top: 5px;
}

.btn.loading {
  width: auto;
  font-size: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/static/img/loading.svg);
  background-size: 50% auto;
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

button.btn:hover {
  text-decoration: none;
}

.boxWrap {
  width: 100% !important;
  font-size: 1.4rem;
  color: #666;
}

.boxWrapInfo {
  border: 1px solid #e4dcd3;
}

.boxWrapInfo p {
  padding: 2rem;
  margin-bottom: 0;
  height: 12rem;
  overflow: hidden;
}

.boxWrapInfo p.active {
  height: auto;
}

.boxWrap .boxMore {
  text-align: center;
  display: block;
  padding: 1rem;
  background-color: #f2f2f2;
  border-bottom: 1px solid #999;
  cursor: pointer;
  color: #333232;
}

/*checkbox*/

[type="checkbox"]:checked,
[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 4rem;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
}

[type="checkbox"]:checked + label,
[type="checkbox"]:not(:checked) + label {
  line-height: 2.2rem;
  padding-left: 3.6rem;
}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before {
  content: "";
  background: #fff;
}

[type="checkbox"]:checked + label:before,
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #00aad2;
}

[type="checkbox"]:checked + label:after,
[type="checkbox"]:not(:checked) + label:after {
  content: "\2713";
  color: #fff;
  text-align: center;
  font-size: 1.4rem;
  line-height: 2rem;
}

[type="checkbox"]:checked + label:after {
  color: #00aad2;
}

/*components*/

.page__header {
  background: #dfdfdf url("../img/bg/1.jpg") no-repeat 50%;
  background-size: cover;
}

.page__header .container-flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumbs {
  padding: 3rem 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
}

.breadcrumbs > *:not(.sep) {
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.breadcrumbs > *:not(.sep):hover {
  border-bottom: 1px solid;
}

.breadcrumbs .sep {
  margin: 0 1rem;
}

.share {
  cursor: pointer;
  font-weight: 500;
  font-size: 1.6rem;
}

.share::before {
  content: "";
  background: url("../img/icons/ico_sharing.png") no-repeat;
  width: 1.4rem;
  height: 1.7rem;
  display: inline-block;
  vertical-align: -2px;
  margin-right: 1rem;
}

.pagination {
  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;
  font-weight: 500;
  font-size: 1.6rem;
  margin-top: 5rem;
}

.pagination .numbers {
  overflow: hidden;
  padding: 0 3.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.2rem;
}

.pagination .numbers a {
  margin: 0 0.75rem;
  padding: 0 0.5rem;
}

.pagiBox {
  padding: 0 3rem;
  border: 1px solid #e2dcd4;
  margin: 10rem auto 5rem;
}

.pagiBoxNav {
  padding: 1.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pagiBoxNav strong {
  width: 22rem;
}

.pagiBoxNav a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.prevNews {
  border-bottom: 1px solid #e2dcd4;
}

.pagiBoxNav:last-child {
  border: none;
}

/*search*/

.searchBar {
  font-size: 1.4rem;
  width: 46rem;
  margin: 2rem auto 0;
  background-color: #fff;
  -webkit-box-shadow: 1px 4px 8px -3px #ccc;
  box-shadow: 1px 4px 8px -3px #ccc;
}

.searchBar .input-field {
  height: 5rem;
  line-height: 5rem;
  -webkit-appearance: textfield;
  border: none;
  padding-right: 0;
}

.search-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.searchBar button {
  background: url("../img/btns/btn-search.png") no-repeat center;
  width: 5rem;
  height: 5rem;
}

#mainSearch.searchBar {
  margin: 0 auto;
  background-color: #f2f2f2;
  width: 100%;
  position: absolute;
  top: 7rem;
  z-index: 11;
  left: 0;
  right: 0;
}

#mainSearch.searchBar button {
  width: 6rem;
}

#mainSearch .search-field {
  margin: 1.5rem auto;
  max-width: 64rem;
  -webkit-box-shadow: 1px 4px 8px -3px #ccc;
  box-shadow: 1px 4px 8px -3px #ccc;
}

#mainSearch .btnClose {
  background: url("../img/btns/btn-search-close.png") no-repeat center;
  top: 1rem;
}

#mainSearch button {
  background-color: #fff;
}

/* video youtube */
.bg-video {
  height: 100%;
}

.video-block {
  position: relative;
  width: 100%;
  height: 44rem;
}

.video-block iframe,
video {
  width: 100%;
  height: 100%;
}

.video-block.hideplay::before,
.video-block.hideplay::after {
  content: none;
}

.video .img-container::before,
.video-block::before {
  content: "";
  position: absolute;
  background: url("../img/btns/btn-video.png") no-repeat;
  width: 6rem;
  height: 6rem;
  display: block;
  top: calc(50% - 3rem);
  left: calc(50% - 3rem);
  z-index: 11;
  cursor: pointer;
}

.video .img-container::after,
.video-block::after {
  content: "";
  position: absolute;
  background: #000;
  display: block;
  z-index: 10;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.65;
}

.video-section .img,
video {
  object-fit: cover;
  display: block;
}

.video {
  display: block;
  width: 100%;
}

.video-section {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.video-section iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.video-block.active::before,
.video-block.active::after {
  content: none;
}

/*buttons*/

.btn {
  display: inline-block;
  font-size: 16px;
  padding: 1.5rem;
  background: #002c5f;
  color: #fff;
  min-width: 22rem;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.btn:not([class*="btn-"])::before,
.btn:not([class*="btn-"])::after,
.btn.showPopupForm::before,
.btn.showPopupForm::after{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  width: 5.4rem;
  height: 100%;
}
.btn:not([class*="btn-"])::before,
.btn.showPopupForm::before{
  left: 0;
  background: url(/static/img/orn-l.svg) no-repeat;
}
.btn:not([class*="btn-"])::after,
.btn.showPopupForm::after {
  right: 0;
  background: url(/static/img/orn-r.svg) no-repeat;
}
.btn-default {
  color: #002c5f;
  border: 1px solid;
  background: none;
}

.btn.grey {
  background: #767676;
}

.btn.blue {
  background: #10b5dc;
}

.btn:hover {
  text-decoration: underline;
}

.btnScrollTop {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  font-size: 0;
  line-height: 0;
  z-index: 50;
  background: url("../img/btns/btn_top.png") no-repeat;
  cursor: pointer;
}

.btnScrollTop.abs {
  position: absolute;
}

.btnPag {
  display: inline-block;
  height: 11px;
  margin: 0 8px 0;
  vertical-align: top;
  background: url("../img/btns/btn-paging.png") no-repeat;
  background-size: auto 22px;
}

.btnPag.first {
  width: 1.3rem;
  background-position: 0 -11px;
}

.btnPag.prev {
  width: 0.6rem;
  background-position: -32px -11px;
}

.btnPag.next {
  width: 0.7rem;
  background-position: -39px -11px;
}

.btnPag.last {
  width: 1.3rem;
  background-position: right -11px;
}

.btnPag.disabled {
  background-position: 0 0;
  cursor: default;
}

.btnCloseNav,
#mainSearch .btnClose {
  width: 1.7rem;
  height: 1.7rem;
  cursor: pointer;
  position: absolute;
  right: 2rem;
  z-index: 10;
}

.btnCloseNav {
  display: none;
}

.btnCloseNav {
  background: url("../img/btns/btn-gnb-close.png") no-repeat center;
  top: 1rem;
}

.nav__item.cars .btnCloseNav {
  display: block;
}

.btn-group {
  text-align: center;
  padding: 6rem 0;
}

.btn-group a {
  margin: 0 2rem;
}

/*icons*/

.ico-notice {
  background: url("../img/icons/ico_notice_grey.png") no-repeat;
  display: inline-block;
  width: 2rem;
  height: 2rem;
}

.icon-prev {
  background: url("../img/icons/ico-toggle-up.png") no-repeat;
}

.icon-next {
  background: url("../img/icons/ico-toggle-down.png") no-repeat;
}

.icon-prev,
.icon-next {
  display: inline-block;
  width: 1.2rem;
  height: 0.8rem;
  background-size: contain;
}

/*car info */

.header.fixed {
  position: fixed;
  top: 0;
  z-index: 1010;
  left: 0;
  right: 0;
}

.header.fixed + div {
  margin-top: 68px;
}

.car__info-header {
  background: #002c5f;
  padding: 2rem 0;
  color: #fff;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 500;
}

.car__info-header .container-flex {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.car__info-header .icon-link {
  font-weight: 500;
  color: #fff;
  margin: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.car__info-header .icon-link::before {
  content: "";
  background-repeat: no-repeat;
  width: 3.4rem;
  height: 3.4rem;
  display: inline-block;
  margin-right: 1.5rem;
}

.car__info-header .icon-link.config-price::before {
  background-image: url("../img/icons/ico-configurator-pc.png");
}

.car__info-header .icon-link.trade-in::before {
  background-image: url("../img/icons/ico-trade-in-pc.png");
}

.car__info-header .icon-link.test-drive::before {
  background-image: url("../img/icons/ico-request-a-test-drive-pc.png");
}

.car__info-header .icon-link.request-a-quote::before {
  background-image: url("../img/icons/request.svg");
}

.car__info-header .icon-link.icon-contacts::before {
  background-image: url("../img/icons/contacts.svg");
}

.car__info-header .icon-link.icon-about::before {
  background-image: url("../img/icons/factory.svg");
}

.car__info-nav {
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
  padding: 2rem 0;
  line-height: 2.8rem;
  background-color: #fff;
}

.car__info-nav .container-flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.car__info-title {
  text-transform: uppercase;
  font-weight: 500;
}

.car__info-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.car__info-menu li:not(:last-child) {
  margin-right: 2rem;
}

.car__info-page-nav,
.page-nav {
  padding: 6rem 0;
}

.car__info-page-nav .container,
.page-nav .container {
  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;
}

.car__info-page-nav a,
.page-nav a {
  font-size: 3rem;
  line-height: 4rem;
  font-weight: 500;
}

.car__info-page-nav .next,
.page-nav .next {
  margin-left: auto;
}

.car__info-page-nav .prev::before,
.car__info-page-nav .next::after,
.page-nav .prev::before,
.page-nav .next::after {
  content: "";
  width: 1.2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: -1px;
}

.car__info-page-nav .prev::before,
.page-nav .prev::before {
  background: url("../img/icons/ico-arr-prev-s.png") no-repeat;
  margin-right: 4rem;
}

.car__info-page-nav .next::after,
.page-nav .next::after {
  background: url("../img/icons/ico-arr-next-s.png") no-repeat;
  margin-left: 4rem;
}

.download {
  font-weight: 500;
  color: #002c5f;
  /*
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
	*/
}

.download::before {
  content: "";
  background: url("../img/icons/ico-download2.png") no-repeat;
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  background-size: contain;
  margin-right: 1rem;
  vertical-align: middle;
}

/*gallery*/

.gallery-slider {
  position: relative;
  height: 65rem;
}

.gallery-slider .swiper-pagination-fraction {
  text-align: right;
  color: #fff;
  right: 3rem;
  left: auto;
  bottom: 3rem;
}

.gallery-slider .swiper-slide img {
  object-fit: cover;
}

.gallery-slider .swiper-slide picture {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-slider a {
  display: block;
  height: 100%;
}

.thumbs {
  max-height: 154px;
}

.thumbs .img-container {
  cursor: pointer;
}

.thumbs .img-container img {
  display: block;
  object-fit: cover;
}

.thumbs .img-container::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.thumbs .img-container:hover::before,
.thumbs .swiper-slide-thumb-active .img-container::before {
  background: rgba(0, 0, 0, 0);
}

/*section, grid*/

.section h2 {
  padding-bottom: 5rem;
}

.section h3 {
  padding-bottom: 2rem;
}

.grid-2 {
  margin: 0 -1.5rem;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-1:not(:last-child) {
  margin-bottom: 5rem;
}

.grid-2:not(:last-child) {
  padding-bottom: 10rem;
}

.grid-2 img,
.grid-3 img {
  margin-bottom: 3.2rem;
  height: auto;
}

.grid-2 .row {
  width: calc(50% - 3rem);
  margin: 0 1.5rem;
}

.grid-2 .row p:last-child {
  margin-bottom: 30px;
}

.grid-3 {
  margin: 0 -1.5rem;
}

.grid-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.grid-3 .row {
  width: calc(33.333% - 3rem);
  margin: 0 1.5rem;
}

.grid-3 h4 {
  font-size: 2.2rem;
  margin-bottom: 2rem;
}

.grid-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4rem -1.5rem 0;
}

.grid-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 4rem -1rem 0;
}

.car-info .grid-4 {
  margin-top: 0;
}

.grid-4 .item {
  margin: 0 1.5rem;
  max-width: calc(25% - 3rem);
}

.grid-5 .item {
  margin: 0 1rem;
}

.grid-4 .item img {
  display: block;
  height: auto;
}

.grid-4 .item h3,
.grid-4 .item h4 {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.3px;
  margin-top: 1.5rem;
}

.section .grid-1 h2 {
  padding-top: 10rem;
}

/*360 panorama*/

.view-360 {
  /* width: 100%!important; */
  position: relative;
  cursor: -webkit-grab;
  cursor: grab;
  overflow: hidden;
  display: none;
  height: 42.5rem !important;
  text-align: center;
  background-position: center;
  margin: 0 auto;
  background-size: contain;
  background-repeat: no-repeat;
}

.view-360.active {
  display: block;
}

.img-rotate img {
  display: block;
  width: 100%;
  height: 100%;
}

.view-360 .loading {
  width: 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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 3rem;
  background: none !important;
  text-indent: 0 !important;
}

.view-360 .loading .preloader {
  width: 6em;
}

.panorama .text-group h3 {
  padding-bottom: 1rem;
}

.panorama .tab-content {
  padding: 0;
  min-height: 42.5rem;
  position: relative;
}

.design {
  position: relative;
}

.design__tabs {
  display: flex;
  z-index: 1;
}

.design__tabs button {
  width: 18rem;
  line-height: 5rem;
  font-size: 1.4rem;
  text-align: center;
  color: #000;
  background: #e4dcd3;
}

.design__tabs button.active {
  background: #444;
  color: #fff;
}

.int360 {
  height: 42.5rem;
}

.ext-int {
  position: relative;
}

.exterior .text-group .title {
  padding-bottom: 2rem;
}

/* choose colors, wheels*/

.options {
  background: #fff;
  padding: 0 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.option__item {
  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;
  padding: 4rem 0;
  position: relative;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 15rem;
}

.option__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #dfdfdf;
  position: absolute;
  bottom: 0;
}

.option__item-title {
  width: 28rem;
}

.option__item .row {
  width: calc(100% - 28rem);
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.option__item .row:not(.slider) {
  padding-top: 0.5rem;
}

.option__item-title h4 {
  font-size: 2rem;
  line-height: 3rem;
}

#chooseColor {
  position: relative;
  overflow-x: hidden;
  padding: 0.5rem 0.5rem 0 0;
}

#chooseColor .btn-select {
  width: 100%;
}

#chooseColor .swiper-slide {
  width: 6.4rem;
}

.overflow-x {
  position: relative;
  overflow: hidden;
  overflow-x: auto;
}

.option__item-colors .swiper-button-prev,
.option__item-colors .swiper-button-next {
  background: none;
  width: 0.9rem;
}

.option__item-colors .swiper-button-prev::after,
.option__item-colors .swiper-button-next::after {
  font-size: 1.8rem;
}

.btn-select {
  position: relative;
  border: 1px solid #ccc;
  width: 6.4rem;
  height: 6.4rem;
}

.btn-select.active::after {
  content: "";
  background: url("../img/icons/ico-chk-on.png") no-repeat;
  width: 2.2rem;
  height: 2.2rem;
  display: block;
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}

.btn-select,
.btn-select img {
  display: block;
}

.wheels .btn-select {
  border-color: transparent;
}

.wheels .btn-select,
.interior-color .btn-select,
.texture .btn-select {
  margin-right: 2rem;
}

.car-interior {
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 57rem;
}

.seat__color,
.seat__color ul,
.materials ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.seat__color {
  -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;
  margin-top: -8rem;
  margin-bottom: 2rem;
}

.seat__color .select-color {
  margin: 0 0.3rem;
  cursor: pointer;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0.3rem;
  border: 1px solid transparent;
}

.seat__color .select-color img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.seat__color .select-color.active {
  border: 1px solid #ff7500;
}

.seat__color-title {
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #333;
  font-weight: 500;
}

.materials ul,
.material__item ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.material__item ul {
  position: relative;
}

.material__item li {
  background-repeat: no-repeat;
  background-size: cover;
  width: 9.6rem;
  height: 3.6rem;
  cursor: pointer;
  position: relative;
}

.material__item li:not(:last-child) {
  margin-right: 1rem;
}

.material__item li:nth-child(2) {
  background-position: -102px 0;
}

.material__item li:nth-child(3) {
  background-position: -209px 0;
}

.material__item li.material1 {
  background-image: url("../img/accent/interior/interior_color_detail_1_web.png");
}

.material__item li.material2 {
  background-image: url("../img/accent/interior/interior_color_detail_2_web.png");
}

.material__item li.material3 {
  background-image: url("../img/accent/interior/interior_color_detail_3_web.png");
}

.material__item span {
  position: absolute;
  display: block;
  top: -4rem;
  left: 0;
  right: 0;
  color: #fff;
  background: #333232;
  font-size: 1.2rem;
  line-height: 2.4rem;
  text-align: center;
  max-width: 60%;
  margin: 0 auto;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 1px 5px -1px #000;
  box-shadow: 0 1px 5px -1px #000;
}

.material__item span::after {
  content: "";
  border: 0.5rem solid transparent;
  border-top: 0.6rem solid #333232;
  position: absolute;
  left: 0;
  right: 0;
  width: 0;
  top: auto;
  bottom: -1.1rem;
  margin: 0 auto;
}

.material__item span.active {
  display: block;
}

/* sonata materials */

.sonata-materials .material__item li.material1 {
  background-image: url("../img/sonata/interior/interior-color-detail-1.png");
}

.sonata-materials .material__item li.material2 {
  background-image: url("../img/sonata/interior/interior-color-detail-2.png");
}

.sonata-materials .material__item li.material3 {
  background-image: url("../img/sonata/interior/interior-color-detail-3.jpg");
}

.sonata-materials li.material3 {
  width: 31rem;
}

.sonata-materials .material__item li:nth-child(2) {
  background-position: -99px 0;
}

/* tucson materials */

.tucson-materials .material__item li.material1 {
  background-image: url("../img/tucson/interior/interior-color-detail-1.png");
}

.tucson-materials .material__item li.material2 {
  background-image: url("../img/tucson/interior/interior-color-detail-2.png");
}

.tucson-materials .material__item li.material3 {
  background-image: url("../img/tucson/interior/interior-color-detail-3.png");
}

.tucson-materials .material__item li:nth-child(3) {
  background-position: -168px 0;
}

/* elantra materials */

.new-elantra-materials .material__item li.material1 {
  background-image: url("../img/new-elantra/interior/interior-color-detail-1.png");
}

.new-elantra-materials .material__item li.material2 {
  background-image: url("../img/new-elantra/interior/interior-color-detail-2.png");
}

.new-elantra-materials .material__item li.material3 {
  background-image: url("../img/new-elantra/interior/interior-color-detail-3.png");
}

.new-elantra-materials .material__item li:nth-child(2) {
  background-position: -122.5px 0;
}

.new-elantra-materials .material__item li:nth-child(3) {
  background-position: -168px 0;
}

.new-elantra-materials .material__item li {
  width: 122px;
}

/* santa-fe materials */

.santa-fe-materials .material__item li {
  width: 30rem;
  background-size: contain;
}

.santa-fe-materials .material__item li.material2 {
  width: 15rem;
  background-size: cover;
}

.santa-fe-materials .material__item li.material2:nth-child(2) {
  background-position: -154px 0;
}

.santa-fe-materials .material__item li.material1 {
  background-image: url("../img/santa-fe/interior/interior-color-detail-1.png");
}

.santa-fe-materials .material__item li.material2 {
  background-image: url("../img/santa-fe/interior/interior-color-detail-2.png");
}

.santa-fe-materials .material__item li.material3 {
  background-image: url("../img/santa-fe/interior/interior-color-detail-3.png");
}

.santa-fe-materials .material__item li.material4 {
  background-image: url("../img/santa-fe/interior/interior-color-detail-4.png");
}

/* accrodion*/

.accordion__details {
  position: relative;
}

.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon {
  width: 4rem;
  height: 4rem;
  top: auto;
  bottom: 5rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 900;
  overflow: hidden;
  background: #00aad2;
  color: #00aad2;
  border-radius: 50%;
}

.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon.active .ft-icon {
  background: #333232;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
}

.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon::before,
.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.accordion__details.ft-accordion
  > .ft-contents
  > .ft-tab-icon
  .ft-icon::before {
  width: 1.6rem;
  height: 2px;
}

.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon::after {
  width: 2px;
  height: 1.6rem;
}

.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon {
  padding-right: 0;
}

.accordion__details-title {
  position: absolute;
  color: #fff;
  z-index: 1;
  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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.accordion__details-title h3 {
  padding-bottom: 1rem;
  font-size: 44px;
}

.accordion__details img {
  height: auto;
}

/*spec*/

.select-a-car {
  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;
  margin-bottom: 5rem;
}

.select-a-car .formSelect {
  width: calc(100% - 28.5rem);
}

.select-a-car .formSelect::after {
  top: 2rem;
}

.select-a-car .select-field {
  background: #f6f3f2;
  padding: 1.4rem 3rem;
}

.car-review {
  margin-bottom: 4rem;
}

.car-review .sub-title {
  margin-bottom: 2rem;
}

.spec-info {
  border: 1px solid #e4dcd3;
  border-bottom: 0;
}

.spec-title {
  padding: 1.3rem 0 1.3rem 3rem;
  font-weight: 500;
  border-bottom: 1px solid #e4dcd3;
}

.spec-title.active {
  background: #e4dcd3;
}

.spec-list {
  padding: 3rem 7rem !important;
  border-bottom: 1px solid #e4dcd3;
}

.spec-list .container-flex {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.spec-list .container-flex:not(:last-child) {
  border-bottom: 1px solid #ededed;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
}

.spec-list-name {
  font-weight: 500;
  width: 24.5rem;
}

.spec-list-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: calc(100% - 24.5rem);
}

.spec-list-info .col:first-child {
  width: 50%;
  color: #666;
  font-weight: 500;
}

.spec-list-info .col:last-child {
  padding-left: 3rem;
}

.spec-list-info p:not(:last-child) {
  padding-bottom: 2rem;
}

/* performance */

.engine {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  /*max-height: 60rem;*/
  overflow: hidden;
}

.engine .col:last-child {
  width: calc(100% - 62rem);
}

.engine_box {
  position: relative;
}

.engine_box .engine_spec {
  width: 100%;
}

.engine_box .pos {
  position: relative;
  opacity: 0;
  /*min-height: 36.4rem;*/
  display: block !important;
}

.engine_box .pos .text {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}

.engine_box .max {
  padding-top: 25px;
  margin-top: 25px;
  border-top: 1px solid #444;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.engine_box .max dt {
  padding-top: 52px;
  width: 48px;
  font-size: 14px;
  line-height: 14px;
  font-weight: bold;
}

.engine_box .max dd {
  float: left;
  margin-left: 20px;
}

.engine_box .max dd strong {
  font-size: 60px;
  letter-spacing: 0px;
  line-height: 0.925;
  color: #444444;
}

.engine_box .max dd span {
  font-size: 2rem;
}

.engine_box .max .col:first-child {
  width: 53%;
}

.engine_box .max .col {
  width: 47%;
}

.engine_box .max .max_power dt {
  float: left;
  background: url("../img/accent/perfomance/ico-performance01.png") no-repeat 0
    0;
}

.engine_box .max .max_toque dt {
  float: left;
  color: #002c5f;
  background: url("../img/accent/perfomance/ico-performance02.png") no-repeat 0
    0;
}

@media screen and (max-width: 800px) {
  .engine_box .max .max_toque {
    margin-bottom: 30px;
  }
}

/*colors*/

.bg-grey {
  background-color: #f6f3f2;
}

.bg-brown {
  background-color: #e4dcd3;
}

.breadcrumbs .active,
label span,
.history-header .years a:hover,
.more,
.history-header .years a.active,
.open-sub.active .subNav-link,
.car__info-nav .active,
.engine_box .max dt,
.pagination .numbers .current,
.boxWrap span,
.pagination .numbers a:hover {
  color: #00aad2;
}

/*margins, paddings */

.pb-100 {
  padding-bottom: 10rem !important;
}

.pb-50 {
  padding-bottom: 5rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-5 {
  padding-top: 5rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem !important;
}

.w-800 {
  max-width: 80rem;
  margin: 0 auto;
}

/*hidden classes*/

.dropdown,
.header__nav .link-underline,
.menu__item-dropdown,
.header__nav .sub1,
.tab-content,
#mainSearch.searchBar,
.accordion__details.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon > svg,
.accordion__details-content,
.texture .btn-select:not(.active),
.car-interior img:not(.active),
.material__item:not(.active),
.material__item span:not(.active) {
  display: none;
}

/*page content*/

.page-all-models .page-title {
  padding-bottom: 5rem;
}

.page-car-info {
  line-height: 2.8rem;
  letter-spacing: 0.2px;
}

.page-car-info .text-group {
  padding: 0 4rem;
}

.page-car-info .text-group h3 {
  text-align: center;
}

.page-leasing .content,
.page-media .content {
  padding-top: 0;
}

.page-leasing .tabs,
.page-media .tabs {
  margin-bottom: 5rem;
}

.page-leasing .tab,
.page-media .tab {
  width: 50%;
}

.page-leasing p {
  line-height: 2.8rem;
}

.page-leasing h2 {
  padding-bottom: 2rem;
}

.page-leasing li {
  margin-bottom: 1rem;
}

.page-leasing h3 {
  padding-bottom: 2rem;
  text-align: left;
}

.page-leasing h3:last-child {
  padding-bottom: 0;
}

.page-404 .btn-group {
  padding: 1rem 0 0;
}

.page-404 h3 {
  line-height: 4rem;
}

.page-credit .tab-container img {
  height: 40rem;
}

.page-philosophy .container-bg,
.page-philosophy .container-bg .title {
  color: #fff;
}

.page-philosophy .container-bg .circle_items .item {
  background: none;
  border-color: #fff;
  opacity: 1;
}

.page-philosophy .container-bg .textArea {
  font-size: 2rem;
  line-height: 3rem;
  letter-spacing: 0.2px;
}

.history {
  padding-top: 10rem;
}

.history p {
  line-height: 1.25;
}

.history table p {
  min-height: 4rem;
}

.history table td,
.history table th {
  vertical-align: top;
}

.history table th {
  text-align: center;
}

.history p:last-child {
  margin-bottom: 0;
}

.history-header {
  height: 7rem;
  line-height: 7rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(216, 209, 200, 0.7);
}

.history-header .container-flex {
  justify-content: space-between;
  align-items: center;
}

.history-header .years a {
  margin-left: 2rem;
}

.history-header .years a.active {
  font-weight: 500;
}

.history-year.ft-accordion > .ft-contents > .ft-tab-icon .ft-icon {
  right: 0;
}

.year-title {
  max-width: 114rem;
  margin: 0 auto;
  font-size: 3rem;
  line-height: 10rem;
  height: 10rem;
  border-bottom: 1px solid #d8d8d8;
  font-weight: 500;
}

.year-title.active {
  border-bottom: none;
}

.year-content {
  background: url(../img/bg/bg-core-values.jpg) no-repeat center / cover;
  padding: 10rem 0 !important;
}

.year-content .img {
  margin-bottom: 6rem;
}

.year-info {
  justify-content: space-between;
  align-items: flex-start;
}

.year-info:not(:last-child) {
  margin-bottom: 5rem;
}

.year-info h2 {
  padding-bottom: 0;
  line-height: 1;
}

.year-info ul {
  width: calc(100% - 17rem);
  margin-left: 0;
  padding-left: 1rem;
  text-indent: -1rem;
}

.year-info li:not(:last-child) {
  margin-bottom: 0.5rem;
}

.year-info li::before {
  content: "· ";
}

.ceo .col:last-child {
  width: calc(100% - 74rem);
}

.ceo .txtArea {
  padding: 6rem 5rem;
  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;
  height: 100%;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ceo .txtArea p {
  margin-bottom: 3rem;
}

.text .items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  margin: 0;
}

.text .grid-4 .item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 100%;
  margin: 0;
}

.text .items .item a {
  display: flex;

  text-align: center;
  width: 100%;
}

.circle_items {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5rem;
}

.circle_items .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 28rem;
  height: 28rem;
  border: 2px solid #e4dcd3;
  background: #e4dcd3;
  border-radius: 50%;
  opacity: 0.7;
  padding: 4rem;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 500;
  text-align: center;
  word-break: break-all;
}

.circle_items .item:nth-child(2) {
  margin: 0 -3rem;
}

.text_slider {
  position: relative;
  overflow: hidden;
}

.text_slider h4 {
  margin-bottom: 1.5rem;
  font-size: 1.5em;
  font-weight: normal;
}

.text_slider p {
  line-height: 2.8rem;
  letter-spacing: 0.2px;
}

.text_slider .swiper-button-prev,
.text_slider .swiper-button-next {
  width: 2.4rem;
  height: 2.4rem;
  top: 7.4rem;
}

.text_slider .swiper-button-prev::after,
.text_slider .swiper-button-next::after {
  font-size: 2.4rem;
}

.text_slider .swiper-pagination {
  position: relative;
  margin-top: 8rem;
}

.carousel_slider .swiper-pagination {
  position: relative;
  top: -4rem;
}

.main-values {
  background: url(../img/bg/bg-core-values.jpg) no-repeat bottom;
  background-size: cover;
}

.main-values .content {
  padding-bottom: 12rem;
}

.vision-2020 .title {
  padding-bottom: 2rem;
}

.vision-2020 .circle-slider {
  margin-top: 6rem;
}

.icon_items {
  justify-content: space-between;
}

.icon_items .item {
  width: calc(50% - 4rem);
  margin-bottom: 5rem;
  line-height: 2.8rem;
}

.icon_items .item:last-child {
  margin-bottom: 0;
}

.icon_items .imgIcon {
  background: url(../img/bg-core-values-pc.png) no-repeat;
  width: 12.1rem;
  height: 7.2rem;
  margin: 0 auto 2.5rem;
}

.icon_items .imgIcon1 {
  background-position: 0 0;
}

.icon_items .imgIcon2 {
  background-position: -140px 0;
  width: 14.9rem;
}

.icon_items .imgIcon3 {
  background-position: -309px 0;
}

.icon_items .imgIcon4 {
  background-position: -452px 0;
  width: 14.9rem;
}

.icon_items .imgIcon5 {
  background-position: -605px 0;
  width: 14.4rem;
}

.icon_items h4 {
  font-size: 2rem;
  color: #002c5f;
  text-align: center;
  margin-bottom: 2rem;
}

.btns-group {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 2rem;
}

.dealer__list-item .btns-group .btn {
  min-width: auto;
  height: auto;
  line-height: normal;
  padding: 1.4rem;
  flex: 1;
  font-size: 14px;
}

.dealer__list-item .btns-group .btn-blue {
  color: #fff;
}

/*maps*/

#map {
  display: block;
  height: 42rem;
}

.map-search {
  padding: 4rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}

.map-search::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  height: 1px;
  background: #efefef;
  width: calc(100% - 8rem);
}

.map-search .input-field {
  padding: 1.4rem;
}

.map-search .btn {
  min-width: 14rem;
  padding: 1.3rem;
  margin-top: 1.5rem;
}

.map-search .search-btn {
  margin-left: -3rem;
  padding-top: 0.5rem;
}

.map-container {
  width: 100%;
  height: 75rem;
  position: relative;
  overflow: hidden;
}

.search__field {
  position: relative;
  width: 100%;
  display: flex;
}

.single_dealer {
  height: 65rem;
}

#dealers_map {
  width: 100%;
  height: 100%;
}

#dealers_map strong {
  font-weight: bold;
}

.dealer__list {
  position: absolute;
  left: 5%;
  top: 0;
  background: #fff;
  z-index: 1;
  width: 42rem;
  height: 100%;
  overflow: hidden;
}

.single_dealer .dealer__list,
.single_dealer .scroll-content {
  height: auto;
}

.single_dealer .dealer__list {
  top: 10%;
  left: 12%;
  box-shadow: 0 0 1px #ccc;
}

.scroll-content {
  overflow-y: auto;
  height: 100%;
}

.dealer__list-header,
.dealer__list-item {
  padding: 3rem 4rem;
}

.dealer__list-header {
  border-bottom: 1px solid #efefef;
}

.dealer__list-header h3 {
  padding: 0;
  font-size: 2.4rem;
  color: #333;
}

.dealer__list-item {
  position: relative;
}

.dealer__list-item:not(:last-child)::after {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  height: 1px;
  background: #efefef;
  width: calc(100% - 8rem);
}

.dealer-name {
  font-size: 2rem;
  line-height: 3rem;
  color: #333;
  letter-spacing: 0.3px;
  font-weight: 500;

  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}

.dealer-info {
  margin-top: 1.5rem;
}

.dealer-info:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dealer-info p {
  margin-bottom: 8px;
}

.distr .dealer-name::after {
  content: "";
  background: url(../img/icons/ar-down.svg) no-repeat center / contain;
  width: 16px;
  height: 8px;
  display: inline-flex;
}

.distr .dealer-info {
  display: none;
}

.distr .dealer__list-item.active .dealer-info {
  display: block;
}

.dealer__list-item .more {
  color: #002c5f;
}

.dealer__list-item .more::after {
  content: "";
  background: url(../img/icons/ico-arrow-right-navy.png) no-repeat center;
  display: inline-block;
  width: 0.7rem;
  height: 1.2rem;
  margin-left: 1rem;
  vertical-align: -1px;
}

.dealer__list-item .dealer-info a {
  color: #00aad2;
}

.scroll-content::-webkit-scrollbar {
  width: 1.4rem;
}

.scroll-content::-webkit-scrollbar-track {
  background: #ededed;
}

.scroll-content::-webkit-scrollbar-thumb {
  background: #bbb;
}

.scroll-content::-webkit-scrollbar-thumb:hover {
  background: #999;
}

#result {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
}

/*tabs slider*/

.tabs-slider .tabs {
  margin-bottom: 0;
}

.tabs-slider .tab,
.tabs-slider img {
  width: 100%;
}

.tabs-slider .text-group {
  padding-top: 5rem;
}

.tabs-slider .text_slider .swiper-button-prev,
.tabs-slider .text_slider .swiper-button-next {
  top: calc(50% - 10rem);
}

.tabs-slider .text_slider .swiper-pagination {
  margin-top: 5rem;
}

/* com_vehicles */
#car__request {
  background: #003b70;
  color: #fff;
  padding: 5rem 0;
}

#car__request .container {
  display: flex;
  justify-content: space-between;
}

#car__request .title {
  color: #fff;
  font-size: 3.4rem;
  line-height: 1.2;
}

#car__request p {
  color: #fff;
  font-size: 18px;
}

#car__request p a {
  border-bottom: 1px dashed;
}

#car__request .title-group {
  max-width: 30rem;
  margin-right: 5vw;
}

#car__request .btn {
  background-color: #fff;
  color: #003b70;
  font-weight: 500;
  width: 100%;
  line-height: 40px;
  font-size: 18px;
}

#car__request .col {
  width: 45%;
}

#car__request .form-row {
  width: 45%;
}

#car__request .col .form-row {
  width: 100%;
}

#car__request .input-field {
  background: none;
  border-color: #fff;
  color: #fff;
  border-width: 0 0 1px 0;
  padding-left: 0;
  padding-right: 0;
}

#car__request .input-field::-webkit-input-placeholder {
  color: #fff;
}

#car__request .input-field::-moz-placeholder {
  color: #fff;
}

#car__request .input-field:-ms-input-placeholder {
  color: #fff;
}

#car__request .input-field::-ms-input-placeholder {
  color: #fff;
}

#car__request .input-field::placeholder {
  color: #fff;
}

#car__request .form-notice {
  line-height: 1.2;
}

#car__request .form-notice span {
  color: #fff;
}

#car__request .form-checkbox + label::before {
  border-color: #fff;
}

#car__request .form-checkbox + label::after {
  border-color: #fff;
}

#car__request option {
  color: #000;
}

#car__request .car__list .car__item {
  display: flex;
  align-items: center;
}

#car__request .car__list .car__item img {
  max-width: 140px;
}

#car__request .car__list .car__item .text-group {
  margin-left: 2rem;
}

#car__request .car__list .carName {
  font-size: 36px;
  font-weight: 500;
}

#car__request .car__list .carPrice {
  font-size: 18px;
}

#car__request .form_result {
  display: none;
  align-items: center;
  font-size: 24px;
  font-weight: 500;
  width: 100%;
}

#car__request .form_result.active {
  display: flex;
}

.doty {
  position: absolute;
  top: 3rem;
  right: 3rem;
  z-index: 10;
  width: 18rem;
}

@media screen and (max-width: 640px) {
  .visual-video .bg-video {
    height: auto;
  }

  .visual-video .page-title {
    display: none;
  }

  .doty {
    position: absolute;
    bottom: 2rem;
    top: auto;
    left: 2rem;
    right: auto;
    z-index: 10;
    width: 10rem;
  }

  #car__request .container {
    flex-wrap: wrap;
  }

  #car__request .title-group {
    max-width: none;
    margin-bottom: 30px;
  }

  #car__request .title {
    font-size: 24px;
  }

  #car__request .car__list .carName {
    font-size: 24px;
  }

  #car__request .col {
    width: 100%;
  }

  #car__request .form-row {
    width: 100%;
  }
}

@font-face {
  font-family: "Hyundai";
  src: url("../font/HyundaiSansHead-Regular.woff2") format("woff2");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Hyundai";
  src: url("../font/HyundaiSansHead-Medium.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Museo";
  src: url("../font/Museo-500.woff") format("woff");
  font-weight: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo";
  src: url("../font/Museo-700.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}

/* exterior colors */
[data-color="creamy-white-pearl"],
[data-color="polar-white"] {
  background: #f1f1f1;
}

[data-color="white-pearl"] {
  background: #f4f8f9;
}

[data-color="glowing-silver"],
[data-color="ice-wine"] {
  background: #c0bfb6;
}

[data-color="silky-silver"] {
  background: #c4c6ca;
}

[data-color="cyber-sage-pearl"],
[data-color="serenity-white-pearl"] {
  background: #f3f5f4;
}

[data-color="white-cream"],
[data-color="gravity-gold-matte"],
[data-color="creamy-white"] {
  background: #f4f1eb;
}

[data-color="atlas-white"],
[data-color="clear-white"] {
  background: #e0e1e9;
}

[data-color="aero-silver-metallic"],
[data-color="elemental-brass-metallic"],
[data-color="glacier-white"],
[data-color="pure-white"] {
  background: #d9d9d9;
}

[data-color="sleek-silver-metallic"],
[data-color="sleek-silver"] {
  background: #d3d8df;
}

[data-color="base-white"] {
  background: #e7e7e7;
}

[data-color="aero-silver-matte"],
[data-color="aurora-grey-pearl"],
[data-color="fluid-grey-metallic"],
[data-color="cyber-grey"],
[data-color="cyber-gray-metallic"],
[data-color="shimmering-silver"] {
  background: #9a9ca0;
}

[data-color="typhoon-sliver-metallic"],
[data-color="typhoon-silver"],
[data-color="shimmering-silver-metallic"],
[data-color="platinum-silver"] {
  background: #b8bdbb;
}

[data-color="magnetic-gray-metallic"],
[data-color="ecotronic-gray-pearl"],
[data-color="amazon-grey"] {
  background: #6e716e;
}

[data-color="hampton-gray"],
[data-color="steel-graphite"],
[data-color="urban-gray"] {
  background: #62666b;
}

[data-color="ecotronic-grey-pearl"],
[data-color="star-dust"] {
  background: #545456;
}

[data-color="fluid-metal"],
[data-color="urban-grey"] {
  background: #828385;
}

[data-color="electric-shadow"] {
  background: #4a545c;
}

[data-color="nocturne-gray-metallic"] {
  background: #3d4347;
}

[data-color="nocturne-gray-matte"],
[data-color="nocturne-gray"],
[data-color="graphite-gray-metallic"],
[data-color="magnetic-force"],
[data-color="dusk-blue"] {
  background: #3c434a;
}

[data-color="transmission-blue-pearl"] {
  background: #6b707a;
}

[data-color="biophillic-blue-pearl"] {
  background: #1f212b;
}

[data-color="magnetic-forest"],
[data-color="amazon-grey-metallic"],
[data-color="amazone-gray-metalic"],
[data-color="mystic-olive-green-pearl"],
[data-color="olivine-gray-metallic"],
[data-color="pepper-grey"] {
  background: #474747;
}

[data-color="sage-brown"] {
  background: #454236;
}

[data-color="taiga-brown"],
[data-color="cast-iron-brown-pearl"] {
  background: #413833;
}

[data-color="shooting-star-gray-matte"],
[data-color="titan-gray-metallic"] {
  background: #2b2b29;
}

[data-color="earthy-brass-metallic-matte"],
[data-color="gaia-brown"],
[data-color="brown"],
[data-color="sunburn-sway"],
[data-color="liquid-bronze"],
[data-color="earth-brown"],
[data-color="cashmere-bronze-metal"] {
  background: #8f7563;
}

[data-color="cognac-brown"],
[data-color="gaia-brown-pearl"],
[data-color="silky-bronze"] {
  background: #5d544e;
}

[data-color="galactic-gray-metallic"],
[data-color="titan-grey"],
[data-color="titan-gray"] {
  background: #3b3c39;
}

[data-color="digital-teal-green-pearl"] {
  background: #2f3e39;
}

[data-color="rain-forest"] {
  background: #363f3c;
}

[data-color="amazon-gray"] {
  background: #3a3d35;
}

[data-color="phantom-black-pearl"],
[data-color="abyss-black-pearl"],
[data-color="midnight-black"],
[data-color="timeless-black"],
[data-color="aurora-black"],
[data-color="phantom-black"],
[data-color="abyss-black"] {
  background: #0e0d14;
}

[data-color="glowing-yellow"],
[data-color="dynamic-yellow"] {
  background: #bd8e01;
}

[data-color="sunset-orange"] {
  background: #ae651f;
}

[data-color="titan-charcoal-pearl"] {
  background: #3e4536;
}

[data-color="ocado-green-pearl"] {
  background: olive;
}

[data-color="terracotta-orange-solid"],
[data-color="burnt-orange"],
[data-color="lava-orange"] {
  background: #9f271c;
}

[data-color="dragon-red-pearl"],
[data-color="dragon-red"],
[data-color="flame-red"],
[data-color="red-passion"] {
  background: #a01824;
}

[data-color="ultimate-red-metallic"],
[data-color="fiery-red"] {
  background: #8b201e;
}

[data-color="crimson-red"],
[data-color="sierra-burgundy"],
[data-color="sierra-burgundy-pearl"],
[data-color="gemstone-red"] {
  background: #5c211b;
}

[data-color="galaxy-maroon-pearl"] {
  background: #302225;
}

[data-color="intense-blue-pearl"],
[data-color="intense-blue"] {
  background: #213c91;
}

[data-color="aqua-turquoise-metallic"],
[data-color="galaxy-blue"],
[data-color="aqua-blue"],
[data-color="marina-blue"] {
  background: #2170aa;
}

[data-color="lucid-blue-pearl"],
[data-color="pebble-blue-pearl"],
[data-color="meta-blue-pearl"],
[data-color="mystic-blue"] {
  background: #30465e;
}

[data-color="starry-night"],
[data-color="azure-blue"],
[data-color="moonlight-blue-pearl"],
[data-color="moonlight-cloud"] {
  background: #1b2a55;
}

[data-color="deep-sea"],
[data-color="classy-blue-pearl"],
[data-color="ocean-indigo-pearl"] {
  background: #0f2032;
}

[data-color="oxford-blue"] {
  background: #1f252d;
}

[data-color="ecotronic-grey"],
[data-color="pinegreen-metallic-matt"],
[data-color="lagoon-blue"] {
  background: #2b3134;
}

[data-color="olivine-gray"],
[data-color="mangrove-green-pearl"] {
  background: #5a7974;
}

.mobile,
.mob-text {
  display: none;
}

/*spec*/

.specList:first-child {
  padding-top: 0;
}

.specList {
  display: flex;
  padding-top: 3rem;
}

.specList:not(:last-child) {
  border-bottom: 1px solid #ededed;
  padding-bottom: 3rem;
}

.specList > dd {
  width: calc(100% - 240px);
}

.specList > dd dt {
  width: 50%;
  color: #666;
  font-weight: 500;
}

.specList > dt {
  width: 240px;
  font-weight: 500;
}

.specList > dd dl:first-child {
  padding-top: 0;
}

.specList > dd dl {
  overflow: hidden;
  display: flex;
  padding-top: 24px;
}

.specList > dd dd {
  padding-left: 60px;
}

/* accordion : white */

.ctoaTableRow caption {
  display: none;
}

.togListWrap {
  position: relative;
}

.togListWrap .togList {
  margin-bottom: 2px;
}

.togListWrap .btnOpenClose {
  display: table;
  position: relative;
  width: 100%;
  padding: 25px 60px 25px 40px;
  padding-bottom: 20px;
  background: #002c5f;
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
}

/* 2017-11-12 */

.togListWrap .btnOpenClose:after {
  display: block;
  position: absolute;
  top: 34px;
  right: 40px;
  width: 20px;
  height: 12px;
  background: url("/etc/designs/hyundai/template_en/en/images/common/ico-toggle.png")
    no-repeat 0 -270px;
  content: "";
}

.togListWrap .btnOpenClose h3 {
  display: table-cell;
  vertical-align: middle;
}

.togListWrap .togList.on .btnOpenClose {
  background: #f6f3f2;
  color: #000;
}

.togListWrap .togList.on .btnOpenClose:after {
  background-position: 0 0;
}

.togListWrap .togCont {
  display: none;
  padding: 20px 40px 60px 60px;
  background: #f6f3f2;
}

.togListWrap .togList.on .togCont {
  margin-top: 2px;
}

.togListWrap .togList.on .togCont {
  display: block;
}

.togListWrap .togCont p {
  font-size: 14px;
  line-height: 21px;
}

.togListWrap .togCont p.tgPB1 {
  padding-bottom: 48px;
}

.togListWrap .togCont p.tgPB2 {
  padding-bottom: 24px;
}

.togListWrap.country .n3 .grid a:focus {
  text-decoration: none;
}

/* 2017-11-12 */

.togListWrap .caobBtnOpenClose {
  display: table;
  position: relative;
  width: 100%;
  height: 80px;
  padding: 0 60px 0 40px;
  padding-bottom: 20px;
  background: #002c5f;
  font-size: 20px;
  font-weight: normal;
  line-height: 26px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  box-sizing: border-box;
}

.togListWrap .caobBtnOpenClose:after {
  display: block;
  position: absolute;
  top: 34px;
  right: 40px;
  width: 20px;
  height: 12px;
  background: url("/etc/designs/hyundai/template_en/en/images/common/ico-toggle.png")
    no-repeat 0 -270px;
  content: "";
}

.togListWrap .caobBtnOpenClose h3 {
  display: table-cell;
  vertical-align: middle;
}

.togListWrap .togList.on .caobBtnOpenClose {
  background: #f6f3f2;
  color: #000;
}

.togListWrap .togList.on .caobBtnOpenClose:after {
  background-position: 0 0;
}

/* 2017-11-12 */
@media screen and (max-width: 1360px) {
  .menu__item.phone .icon span {
    display: none;
  }
}

@media screen and (max-width: 1024px) {
  .togListWrap .togCont p {
    font-size: 12px;
    line-height: 17px;
  }

  .togListWrap .togList {
    margin-bottom: 1px;
  }

  .togListWrap .btnOpenClose {
    display: block;
    position: relative;
    width: 100%;
    padding: 14px 30px 15px 15px;
    font-size: 15px;
    line-height: 50px;
  }

  /* 2017-11-12 */
  .togListWrap .btnOpenClose:after {
    top: 22px;
    right: 15px;
    width: 12px;
    height: 7px;
    background-size: 12px auto;
    background-position: 0 -162px;
  }

  .togListWrap .btnOpenClose h3 {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* 2017-11-12 */
  .togListWrap .togList.on .btnOpenClose:after {
    background-size: 12px auto;
    background-position: 0 0;
  }

  .togListWrap .togCont {
    padding: 20px 15px 45px 30px;
  }

  .togListWrap.togListWhtie .togList .btnOpenClose {
    height: 35px;
    padding: 0 15px;
    font-size: 12px;
    line-height: 35px;
  }

  .togListWrap.togListWhtie .togList .btnOpenClose:after {
    right: 15px;
  }

  .togListWrap.togListWhtie .togCont {
    padding: 20px 15px;
  }

  .togListWrap .togCont p.tgPB1 {
    padding-bottom: 30px;
  }

  .togListWrap .togCont p.tgPB2 {
    padding-bottom: 30px;
  }

  .togListWrap .caobBtnOpenClose {
    display: block;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0 30px 0 15px;
    font-size: 15px;
    line-height: 50px;
  }

  .togListWrap .caobBtnOpenClose:after {
    top: 22px;
    right: 15px;
    width: 12px;
    height: 7px;
    background-size: 12px auto;
    background-position: 0 -162px;
  }

  .togListWrap .caobBtnOpenClose h3 {
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

@media screen and (max-width: 767px) {
  .togListWrap .togCont {
    padding: 20px 15px 60px 15px;
  }
}

/* accordion : blue */

.togListWrap {
  position: relative;
}

.togList li.dep1 {
  border: 1px solid #e4dcd3;
  border-width: 0 1px;
  overflow: hidden;
}

.togList li.dep1:last-child {
  border-bottom: solid 1px #e4dcd3;
}

.togList li.dep1 {
  width: 100%;
}

.togList li.dep1 .tit {
  display: block;
  position: relative;
  padding: 0 30px;
  border-top: solid 1px #e4dcd3;
  line-height: 58px;
  color: #000;
}

.promoLink .main-link,
.creditMenu .main-link,
.carItem .carPrice.color__blue {
  color: #003b70;
}

.creditMenu .main-link {
  display: inline-flex;
  align-items: center;
}

.creditMenu .main-link::before {
  content: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 0L18.7133 1.81586L21.3635 0.733048L22.9432 3.12061L25.7948 2.86706L26.6006 5.61418L29.4002 6.21242L29.3605 9.075L31.8594 10.4719L30.9777 13.1956L32.9539 15.267L31.3085 17.6097L32.5863 20.1716L30.3235 21.9253L30.7894 24.75L28.1102 25.7588L27.7229 28.5954L24.8653 28.7696L23.6591 31.366L20.8771 30.6903L18.9592 32.8157L16.5 31.35L14.0408 32.8157L12.1229 30.6903L9.34092 31.366L8.1347 28.7696L5.27715 28.5954L4.8898 25.7588L2.21058 24.75L2.67653 21.9253L0.413689 20.1716L1.69152 17.6097L0.0461369 15.267L2.02232 13.1956L1.14058 10.4719L3.63952 9.075L3.59978 6.21242L6.39944 5.61418L7.20522 2.86706L10.0568 3.12061L11.6365 0.733048L14.2867 1.81586L16.5 0Z' fill='%23003B70'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.3736 10.0218C12.7489 10.1211 12.2867 10.343 11.8592 10.7486C11.5806 11.013 11.4238 11.2259 11.2579 11.5653C11.0723 11.9449 11.0004 12.2668 11 12.7208C10.9992 13.467 11.2786 14.1317 11.8078 14.6428C12.1695 14.9922 12.4832 15.175 12.9869 15.3297C13.2001 15.3952 13.2694 15.4027 13.6832 15.4042C14.0779 15.4057 14.1762 15.3969 14.3795 15.3423C15.1734 15.129 15.8225 14.5859 16.162 13.851C16.3517 13.4404 16.3984 13.2141 16.398 12.7069C16.3977 12.2254 16.3763 12.1073 16.2122 11.6815C16.0446 11.2468 15.6211 10.7313 15.2066 10.4575C14.6898 10.1162 13.9246 9.93427 13.3736 10.0218ZM16.3889 15.4402L11.2265 20.6029L11.807 21.1834C12.1264 21.5027 12.4002 21.7638 12.4157 21.7638C12.4312 21.7637 14.7683 19.4412 17.6093 16.6027L22.7747 11.4419L22.1918 10.8571C21.8711 10.5354 21.5959 10.2734 21.5801 10.2748C21.5643 10.2763 19.2283 12.6007 16.3889 15.4402ZM14.1672 11.7882C14.262 11.8361 14.3896 11.9357 14.4769 12.03C14.971 12.5631 14.8022 13.3881 14.1344 13.7036C13.967 13.7828 13.9221 13.7917 13.6971 13.7907C13.4775 13.7897 13.4241 13.7791 13.2654 13.705C13.0547 13.6066 12.9165 13.4655 12.7858 13.2156C12.698 13.0476 12.6945 13.0283 12.6945 12.7208C12.6945 12.4255 12.7004 12.3897 12.771 12.2558C12.8723 12.0639 12.9948 11.9279 13.1465 11.8391C13.3639 11.7118 13.4559 11.6901 13.7402 11.6987C13.9695 11.7056 14.0282 11.7179 14.1672 11.7882ZM19.8245 16.6192C18.9418 16.7949 18.2472 17.3188 17.8549 18.1049C17.6506 18.5144 17.569 18.9198 17.5898 19.4237C17.6192 20.1374 17.8963 20.7486 18.4138 21.2412C18.7785 21.5884 19.1461 21.7928 19.6402 21.9231C20.1709 22.0632 20.8443 22.0089 21.3633 21.7842C22.9118 21.1138 23.4806 19.2002 22.5496 17.7934C22.3 17.4163 21.8467 17.025 21.4478 16.8425C21.0683 16.6688 20.8095 16.6109 20.3676 16.6007C20.1455 16.5956 19.9011 16.6039 19.8245 16.6192ZM20.6809 18.2845C20.8892 18.3637 21.112 18.5684 21.2333 18.7921C21.3235 18.9585 21.3284 18.9819 21.3285 19.2458C21.3285 19.5007 21.3211 19.5397 21.2401 19.7105C21.1367 19.9285 20.9715 20.1028 20.7573 20.2196C20.6136 20.2981 20.5859 20.3031 20.298 20.3031C20.0138 20.3031 19.9799 20.2972 19.8292 20.2209C19.5079 20.0583 19.2715 19.7145 19.2338 19.3551C19.1819 18.8613 19.5494 18.3577 20.0542 18.2309C20.2116 18.1913 20.5011 18.2161 20.6809 18.2845Z' fill='white'/%3E%3C/svg%3E%0A");
  line-height: normal;
  margin-right: 7px;
}

/* Accordion > 2depth menu */

.togList li.dep1 .aswer {
  display: none;
  width: 100%;
}

.togList li.dep1 .aswer .dep2 {
  padding: 30px 70px;
  border-top: 1px solid #e4dcd3;
}

.togList li.dep1 h2 {
  padding-bottom: 0;
  padding-right: 0 !important;
  font-size: 16px;
}

.togList li.dep1 h2.active {
  background: #e4dcd3;
}

@media screen and (max-width: 1024px) {
  .togList li.dep1 .tit {
    padding: 0 30px 0 20px;
    font-size: 15px;
    line-height: 49px;
  }

  .togList li.dep1 .aswer .dep2 {
    padding: 30px 50px;
  }
}

@media screen and (max-width: 767px) {
  .togList li.dep1 p a.tit {
    padding: 0 15px;
    font-size: 14px;
    line-height: 35px;
  }

  .togList li.dep1 .aswer .dep2 {
    padding: 20px;
  }

  .togList li.dep1 h2 {
    margin-bottom: 0;
  }

  .specList {
    display: block;
    padding-top: 20px;
  }

  .specList > dt {
    width: 100%;
    margin-bottom: 20px;
  }

  .specList > dd {
    width: 100%;
    font-size: 14px;
    line-height: 1.3;
  }

  .specList > dd dl {
    padding-top: 15px;
  }

  .specList > dd dt {
    min-width: 60%;
  }

  .specList > dd dd {
    padding-left: 30px;
  }
}

.career-page .ft-accordion > .ft-contents > .ft-tab-icon .ft-icon {
  right: 0;
}

.career-page .accordion__title {
  font-size: 2.4rem;
  padding-bottom: 0;
  font-weight: 500;
}

.career-page .accordion__title::before {
  content: url(/static/img/icons/paper.svg);
  margin-right: 1.5rem;
  line-height: 1;
  display: inline-block;
  vertical-align: middle;
}

.career-page .accordion__title:hover {
  opacity: 0.75;
}

.career-page .ft-accordion > .ft-contents > .ft-content {
  padding-left: 4.5rem;
}

@media screen and (max-width: 640px) {
  .career-page .accordion__title {
    font-size: 1.6rem;
    margin: 2rem 0;
  }

  .career-page .ft-accordion > .ft-contents > .ft-content {
    padding-left: 0;
  }

  .accordion ul {
    padding-left: 2rem;
  }
}

.accordion {
  margin-bottom: 4rem;
}

.accordion__item {
  background: #fff;
  margin-bottom: 2rem;
}

.accordion__item h5 {
  font-size: 1.6rem;
  font-weight: 500;
}

.accordion ul {
  padding-left: 5rem;
}

.accordion li {
  margin-bottom: 0;
  line-height: 1.8;
}

.accordion__title {
  background: #ececec;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  align-items: center;
  padding: 1.4rem;
  margin-bottom: 10px !important;
}

.accordion__title:hover {
  background: #ececec;
  opacity: 0.75;
}

.accordion__title.active {
  background: #efefef;
}

.accordion__content {
  display: none;
  padding: 2rem 4.5rem 1rem;
}

.accordion__content.active {
  display: block;
}

.accordion__title::before {
  content: url(/static/img/icons/paper.svg);
  margin-right: 1.5rem;
  line-height: 1;
}

.accordion__title:after {
  content: "";
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 6px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  align-self: center;
  margin-left: auto;
}

.accordion__title.active::after {
  transform: none;
}

#appJob .form-group {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

#appJob .form-group .formSelect::after {
  top: 45%;
}

#appJob .form-group .formSelect {
  flex: 1;
  max-width: 30%;
}

#appJob select {
  height: 4.4rem;
}

#appJob .checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

#appJob .checkbox-group .checkbox:not(:last-child) {
  margin-right: 4rem;
}

#appJob .checkbox label {
  font-size: inherit;
  margin-bottom: 0;
}

#appJob [type="checkbox"]:checked + label,
#appJob [type="checkbox"]:not(:checked) + label {
  padding-left: 3rem;
  line-height: 2rem;
}

.disclaimer {
  padding: 1.5rem 4rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9000000000;
  background: #fff;
  font-size: 1.2rem;
  border-top: 1px solid #efefef;
  transform: translateY(100%);
  transition: transform 0.35s ease-in-out;
}
.disclaimer .text-sm {
  flex: 1;
  margin-right: 2rem;
}
.disclaimer .text-sm a {
  color: #002c5f;
  text-decoration: underline;
}
.disclaimer.active {
  transform: translateY(0);
  transition: transform 0.35s ease-out;
}

.disclaimer .container-flex {
  align-items: flex-start;
  justify-content: space-between;
}

.disclaimer .btn {
  padding: .8rem 1rem;
  min-width: 10rem;
  font-size: 1.2rem;
  border: 1px solid transparent;
}
.disclaimer .btn:hover {
  opacity: .85;
}
.disclaimer .btn:not(:last-child) {
  margin-right: 1rem;
}
.disclaimer .btn-default {
  border-color: #002c5f;
}
.full-width-in-content {
  margin: 0 -300px;
  padding-left: 300px !important;
  padding-right: 300px !important;
}

.full-width-in-content:first-child {
  margin-top: -100px;
}

.full-width-in-content.vw100 {
  padding: 60px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  background: #f7f3f2;
  overflow-x: hidden;
}

.full-width-in-content.vw100 img {
  max-width: 100vw;
  height: auto;
  display: block;
  margin: 0 auto;
}

footer.expanded {
  padding-bottom: 12rem;
}

.text .page_5to p:last-child {
  margin-bottom: 0;
}

.page_5to .block1 {
  background: #e4dbd2;
  padding: 80px;
  text-align: center;
}

.page_5to .block1 h3 {
  max-width: 900px;
  font-size: 32px;
  line-height: 1.2;
  margin: 0 auto;
}

.page_5to .block1 img {
  display: block;
}

.page_5to .block2 {
  padding-top: 60px;
  text-align: center;
}

.page_5to .block2 .items {
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}

.page_5to .block2 .items .item {
  width: 22%;
  line-height: 1.6;
}

.page_5to .block2 .items .item img {
  max-height: 150px;
  width: auto;
}

.page_5to .block3 {
  background: #f7f3f2;
  padding: 80px 400px !important;
  margin-bottom: 50px;
}

.page_5to .block3 h2 {
  font-size: 40px;
  font-weight: 400;
  text-align: center;
  line-height: 1.1;
}

.page_5to .block3 h2 b {
  font-weight: 600;
}

.page_5to .block3 .big_text {
  font-size: 22px;
  line-height: 1.5;
}

.page_5to .block3 hr {
  background: rgba(0, 0, 0, 0.15);
  height: 1px;
  border: 0;
  margin: 30px 0;
}

.specification .select-a-car .select-field {
  width: 100%;
}

.specification .select-a-car .formSelect::after {
  top: 6px;
}

@media screen and (max-width: 800px) {
  .full-width-in-content {
    margin: 0 -15px;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .full-width-in-content:first-child {
    margin-top: -30px;
  }

  .full-width-in-content.vw100 {
    padding: 20px;
  }

  .page_5to .block1 {
    padding: 30px 0 10px;
  }

  .page_5to .block1 h3 {
    font-size: 20px;
  }

  .page_5to .block1 .sub {
    font-size: 13px;
    line-height: 1.5;
  }

  .page_5to .block1 img {
    margin: 0 -15px -15px;
    max-width: 100vw;
  }

  .full-width-in-content.vw100 img {
    margin: 0 -40px;
    max-width: calc(100vw + 80px);
  }

  .page_5to .block2 {
    padding: 30px 0;
  }

  .page_5to .block2 h2 {
    font-size: 20px;
    margin-bottom: 0px;
  }

  .page_5to .block2 .items {
    margin: 20px 0;
    display: block;
    padding: 0;
  }

  .page_5to .block2 .items .item {
    width: 100%;
    margin-bottom: 30px;
  }

  .page_5to .block2 .items .item h4 {
    margin-top: -10px;
    margin-bottom: 10px;
  }

  .page_5to .block3 {
    padding: 30px 0 !important;
    margin-bottom: 30px;
  }

  .page_5to .block3 h2 {
    font-size: 20px;
    margin: 0 20px 10px;
  }

  .page_5to .block3 p {
    margin: 0 20px 20px;
    font-size: 14px;
  }

  .page_5to .block3 .big_text {
    font-size: 16px;
  }
}

.mark {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  background: red;
  color: white;
  z-index: 1;
  padding: 4px 1rem;
  font-size: 14px;
}

.hf hr {
  margin: 3rem auto;
  border: none;
  background: #c4c4c4;
  height: 1px;
}

.hf-table td {
  border: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.hf-table td:first-child {
  padding-left: 0;
  padding-right: 3rem;
}

.hf-table td:last-child {
  padding-right: 0;
  padding-left: 3rem;
}

.icon-currency {
  font-weight: 500;
}

.icon-currency,
.icon-limit {
  display: flex;
  align-items: center;
}

.icon-currency::before,
.icon-limit::before {
  margin-right: 0.5em;
}

.icon-currency::before {
  content: "";
  background: url(/static/img/icons/tenge.svg) no-repeat center / contain;
  width: 2.5rem;
  height: 2.5rem;
}

.icon-limit {
  color: #00aad2;
}

.icon-limit::before {
  content: "";
  background: url(/static/img/icons/warning.svg) no-repeat center / contain;
  width: 2.2rem;
  height: 2rem;
}

#site-map a:hover {
  text-decoration: underline;
}

#site-map .content {
  display: flex;
  flex-flow: column wrap;
  justify-content: flex-start;
  height: 550px;
  align-content: space-between;
}

#site-map .content .col {
  width: 24%;
}

.media-tabs .nav-tabs {
  margin-bottom: 3rem;
  display: flex;
}

.media-tabs .tab {
  width: 50%;
  min-width: auto;
  text-align: center;
  padding: 2.2rem 1rem;
  font-weight: 400;
}

.media-tabs .tab:hover {
  text-decoration: underline;
}

.media-tabs .tab:not(:last-child) {
  border: none;
}

.media-tabs .tab.active {
  background: #444;
  color: #fff;
}

.media-tabs .tab:not(.active) {
  background: #fff;
  color: #000;
}

.table-new-car {
  background-color: #f7f3f2;
}

.table-new-car .grid {
  color: #002c5f;
  display: grid;
  grid-template-columns: 70% 1fr;
  align-items: center;
}

.table-new-car .grid {
  margin-bottom: 2rem;
}

.table-new-car hr {
  margin: 1rem auto 3rem;
  background: #002c5f;
  height: 1px;
  width: 100%;
  max-width: 26rem;
  display: block;
}

.table-new-car h4 {
  font-size: 3.6rem;
  margin-bottom: 0;
}

.table-new-car td {
  border-color: #002c5f;
  padding: 1rem;
  vertical-align: top;
  width: 33.3333%;
  line-height: 1.2;
}

.table-new-car td p {
  text-align: inherit;
}

.table-new-car tr:first-child {
  text-align: center;
  font-size: 1.8rem;
}

.table-new-car tr:first-child td:last-child span {
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-top: 5px;
  justify-content: center;
}

.table-new-car tr:first-child td:last-child span::before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-flex;
  align-self: center;
  margin-right: 5px;
  background: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='15' height='15' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_243_587' transform='scale(0.0238095)'/%3E%3C/pattern%3E%3Cimage id='image0_243_587' width='42' height='42' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAACXBIWXMAAC4jAAAuIwF4pT92AAADeElEQVRYhc1Z7W3bMBC9Fv5ZIPpvifYGVieIMkHdCeJOUGUDdYI6E9SdoM4EdSaoPEFtQgO4QH4GSHHJO/VkS7IkynEfQNgWTPLpHe+D5JunpyfqA8b4Xtkw1ma7PsbvTNQYf0pEEdrkyN+3RLQioqW12fLkRKFaTEQzIhoR0R8Q4JYS0c7aLMV/x0TELUSLVJ85tzZqNyZqjD/DBBdEdEdEi7bqGOOHeNFrIWxtlvRCFCoyoUsiuueJRLWugNoJCK/ZQsfGrCUKBVb4mVibzV0IlowfQQSCAIvWRBVJXkdTVxVryHqYhx3yUxXZUqKK5IadoK8Q40L2gCg6iXphG5JwuBl+LuFwjforsmOIU7Dg25I+/DYezN2GJBP7hr6MrzxxVSLYB+aKFIcCCkQRxD/AcRqvSSjJ/dhsbAWe8D1MGTcdB2SZw8QYvxi22PTSgmC4CYJhqp81aUEwXJT1C4LhMgiGq47j7YJg6MmzXFGoMmqjgEKVebs6YYLEknPRpueHa2uzVXnfWixhLnEkiRzXKg43hrUZR5vvmuiz1yNT/K6LY8dgjM9reoJMs0MmW3cNb3jRX0T0kVO1KDrFZ6fKhl5U4IFvlLm/uMRgOPNWuA3wPILZnQI7UmyfaXYlIUsUDbuspVdACgfPFR0hXXYGCowypA6WktrWGxjjD/RDB/ys6HrlYK38Bdn07xwJatyA2BW+O0Fnx4HrYHtIJQ4b4/c6MCv60OuIPQKx9IWotdkjvlc5wzkhqflRwtO2Jl+fE8+KWps9CNH0P1U0QhrOA74UFePz8jpAJKFNiEqcmzbrf3qgiL8oEEVZddexFj0VuGTcyiGHrke5mBjpmvKMaobY2uQlZ04UgZpPQpKmG7ITYq7OqIpEgQQFSqPzoFPAGD9G0R3rYqZAFKreEtFnLObXJhlCpPv9ncbBvt7aLEbsWugU1gBc0etScVPyrI6kp3YYByJVHel4aoKDU4u+ceyUpFRROjy1WJ1yGcBqaR3JSqL0rxYcQ9kfxvjzvqMBHEeSTa3lGp04M0l2MBQvSdcttRovQuiZINHMjm1X2hyNR/DISxCe4/KgjbNMkf0mGCNuerze+lYEhGNkDkKESLFE9vdGoaw9dXOyxtl9K6u4XN8IgSkIPW9rS8DK8YvI9U2n3W5vF2Igz3sw2Sw+qN2DG4joLyZx/R8MDM7dAAAAAElFTkSuQmCC'/%3E%3C/defs%3E%3C/svg%3E%0A");
}

.table-new-car tr:nth-child(2) .row {
  height: 16rem;
}

.table-new-car tr:first-child td {
  vertical-align: middle;
  padding: 2rem;
}

.table-new-car .row {
  background: rgba(225, 217, 208, 0.44);
  padding: 2.4rem;
  display: flex;
  flex-direction: column;
}

.table-new-car .row .col:last-child {
  text-align: right;
}

.table-new-car tr:nth-child(2) .row {
  align-items: center;
}

.table-new-car .row p,
.table-new-car .grid {
  max-width: 26rem;
  width: 100%;

  margin-left: auto;
  margin-right: auto;
}

.table-new-car .row p:not(:last-child) {
  margin-bottom: 2rem;
}

.table-new-car .grid p:not(:last-child) {
  margin-bottom: 5px;
}

.table-new-car .row img {
  width: 5rem;
  height: 4rem;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

.side-text-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 4rem;
  align-items: center;
  width: 100%;
}

.side-text-item:not(:last-child) {
  margin-bottom: 4rem;
}

.side-text-item.side-text-right picture {
  order: 2;
}

@media screen and (max-width: 800px) {
  .side-text-item {
    grid-template-columns: repeat(1, 100%);
    grid-gap: 3rem;
  }

  .side-text-item.side-text-right picture {
    order: 1;
  }

  .side-text-item.side-text-right .side-text {
    order: 2;
  }

  .table-new-car-mobile {
    margin: 0 -2rem;
    width: calc(100% + 4rem);
    border: none;
  }

  .table-new-car-mobile tr {
    display: flex;
    flex-direction: column;
  }

  .table-new-car-mobile .row {
    display: flex;
    flex-direction: column;
  }

  .table-new-car-mobile .grid {
    display: flex;
    flex-wrap: wrap;
  }

  .table-new-car-mobile td {
    border: none;
    padding: 1rem 1rem 0 1rem;
  }

  .table-new-car-mobile .row {
    padding: 1rem 2rem;
    background-color: #eee7e4;
  }

  .table-new-car-mobile hr {
    width: 100%;
    height: 1px;
  }

  .table-new-car-mobile tr:nth-child(1) td:first-child,
  .table-new-car-mobile tr:nth-child(2) td:first-child {
    background: #002c5f;
    color: #fff;
    text-align: center;
  }

  .table-new-car-mobile .block-1 .grid:nth-child(3) {
    display: none;
  }

  .hf-table td {
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .hf hr {
    margin: 2rem 0;
  }

  .icon-currency,
  .icon-limit {
    align-items: flex-start;
  }

  #site-map .content {
    height: auto;
  }

  #site-map .content .col {
    width: 100%;
    margin-bottom: 1rem;
  }

  .thumbs .img-container {
    height: auto;
  }

  .grid-4 .item {
    max-width: 100%;
  }

  table.table-grid tbody {
    display: block;
  }

  table.table-grid tr {
    display: flex;
    flex-direction: column;
  }
}

table.table-grid,
table.table-grid td {
  border: 0;
}

.cars .marker {
  display: inline-flex;
  padding: 4px 1rem;
  background-color: #e4dcd3;
  font-weight: 500;
  position: absolute;
  left: 0;
  top: 0;
  line-height: normal;
  font-size: 10px;
  text-transform: uppercase;
}

.cars .marker:has(.blue) {
  background-color: #002c5f;
  color: #fff;
}

#lang-selection {
  width: 100%;
  max-width: 600px;
  padding: 40px;
  font-family: Museo;
  overflow: hidden;
}

#lang-selection .btn-group {
  display: flex;
  position: relative;
  justify-content: space-between;
  padding: 0;
}

#lang-selection .btn-group::after {
  content: "";
  position: absolute;
  bottom: -4rem;
  left: -4rem;
  width: 146px;
  height: 123px;
  z-index: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='146' height='123' viewBox='0 0 146 123' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.2'%3E%3Cpath d='M88.9031 102.181C127.532 147.583 133.851 189.231 103.039 195.204C102.909 195.335 102.778 195.498 102.648 195.628' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M100.856 37.0321C139.485 82.4339 140.463 153.229 103.039 195.204' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M118.868 40.4593C116.002 36.5752 110.041 35.2369 100.856 37.0321' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M103.039 195.171C133.851 189.198 127.499 147.55 88.9028 102.148C115.155 72.7073 125.61 49.5658 118.868 40.4593' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M142.971 92.5849C140.723 88.6682 135.414 87.232 126.913 88.864' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M116.588 145.135C138.573 120.492 147.726 100.941 142.97 92.6176' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M103.039 195.171C148.54 168.864 154.11 110.7 115.481 65.2981' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M103.039 195.171C150.918 155.939 158.376 87.3299 119.747 41.928' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M100.856 37.0322C70.0444 43.0052 14.7392 81.8465 -22.6521 123.821' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M126.913 88.8966C100.303 94.0537 52.5539 127.607 20.2437 163.805' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M103.039 195.171C119.78 161.977 102.062 98.2316 63.4326 52.8298' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M103.039 195.171C95.3193 179.145 57.7652 129.37 19.1362 83.968' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M-34.638 188.937C-73.3321 142.85 -74.3092 72.2504 -36.8202 30.7979C-6.00825 24.8249 50.2741 56.7791 88.9031 102.181C51.4792 144.123 -3.826 182.964 -34.638 188.937Z' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M-60.6621 137.105C-34.0843 131.948 13.697 98.3947 45.9747 62.1647' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M-61.4438 80.3451C-45.9076 77.3422 -17.9944 57.7257 0.896673 36.5426' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M2.7856 173.107C-35.8434 127.738 -53.5619 63.9926 -36.8205 30.798' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M47.0821 141.969C8.48568 96.5996 -29.101 46.7915 -36.8203 30.798' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M-36.8203 30.7979C0.603544 -11.1441 62.2275 -8.36969 100.856 37.0321' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M67.6667 5.95917C64.8656 5.04526 61.1199 4.97997 56.332 5.92653' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M45.9746 62.1647C72.4547 32.4626 80.3368 10.1697 67.6342 5.95915' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M0.896484 36.5425C19.7876 15.3594 22.4909 0.638869 6.92209 3.67436' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M115.481 65.2981C76.8518 19.8963 8.64853 4.45774 -36.8203 30.798' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M119.748 41.9281C81.1186 -3.47371 11.0262 -8.46758 -36.8203 30.798' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M56.2994 5.89384C29.7216 11.0836 -18.0597 44.6045 -50.3374 80.8346' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M6.92206 3.67435C-8.61421 6.6772 -36.5274 26.2937 -55.4185 47.4768' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M63.4652 52.8624C24.8362 7.46056 -20.0463 -2.42926 -36.8203 30.798' stroke='%23004C94' stroke-width='0.15' stroke-miterlimit='10'/%3E%3Cpath d='M19.1361 84.0007C-19.4928 38.5989 -44.5398 14.7719 -36.8205 30.798' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M54.5407 223.372C72.4221 219.912 89.3589 210.545 103.071 195.171C89.3589 210.545 72.3895 219.912 54.5407 223.372ZM54.5407 223.372C51.0557 223.992 46.398 224.808 42.8804 225.004C39.9164 225.167 35.9428 225.396 32.9463 225.428C30.5035 225.461 27.2464 225.363 24.8036 225.135C21.9048 224.841 18.0614 224.449 15.1952 224.025C12.6873 223.633 9.3976 222.948 6.92222 222.36C4.1537 221.708 0.473199 220.63 -2.26275 219.749C-4.70556 218.933 -7.96264 217.791 -10.3077 216.746C-12.9134 215.571 -16.3985 214.005 -18.939 212.699C-21.2841 211.491 -24.2806 209.696 -26.528 208.325C-30.5993 205.812 -35.7781 202.026 -39.3935 198.892C-43.4974 195.302 -48.7413 190.178 -52.2589 186C-54.1806 183.715 -56.656 180.549 -58.4148 178.101C-59.9782 175.881 -61.8999 172.813 -63.333 170.528C-64.929 168.048 -66.6878 164.555 -67.9581 161.912C-69.1306 159.529 -70.4986 156.298 -71.4757 153.817C-72.5505 151.075 -73.7882 147.387 -74.6025 144.58C-75.3516 142.099 -76.0682 138.705 -76.687 136.192C-77.4036 133.319 -77.9247 129.37 -78.283 126.4C-78.6087 123.886 -78.7716 120.492 -78.967 117.979C-79.195 114.878 -79.0647 110.7 -78.9344 107.599C-78.8367 105.151 -78.5761 101.887 -78.2504 99.4392C-77.7944 96.012 -76.9802 91.5078 -76.2962 88.1132C-75.8402 85.8611 -75.0259 82.9235 -74.3745 80.7367C-73.7231 78.5498 -72.7134 75.6775 -71.9643 73.5233C-70.6614 69.835 -68.5769 65.0696 -66.7529 61.6751C-65.5804 59.4556 -63.9519 56.4854 -62.649 54.3638C-61.3136 52.1769 -59.4245 49.3373 -57.9263 47.2483C-56.5257 45.29 -54.5715 42.7441 -53.0406 40.8836C-52.3241 40.035 -51.347 38.8599 -50.5978 38.044C-49.4253 36.771 -47.8619 35.0737 -46.6568 33.8334C-46.559 33.7355 -44.4094 31.516 -41.0871 28.5784C-40.5334 28.0888 -39.8169 27.436 -39.2306 26.9791C-38.0906 26.0325 -36.5924 24.8249 -35.4524 23.911C-34.1821 22.9318 -31.1856 20.7123 -29.036 19.3088C-26.9188 17.9379 -26.9188 17.9379 -23.8898 16.0774C-23.0429 15.5552 -21.9029 14.935 -21.0561 14.4455C-19.9813 13.8253 -18.5156 13.0746 -17.4082 12.5197C-16.3333 11.9975 -14.9002 11.312 -13.8254 10.7898C-12.2294 10.0391 -10.1123 9.12518 -8.48377 8.50503C-6.17125 7.62376 -3.10959 6.51401 -0.764489 5.76329C1.02691 5.17578 3.46971 4.49034 5.32625 4.03339C7.99705 3.38059 11.5798 2.62989 14.2832 2.14029C16.5306 1.74861 19.5597 1.3243 21.8396 1.12846C24.1522 0.932619 27.2464 0.6715 29.5589 0.60622C32.4903 0.540941 36.3662 0.540942 39.2976 0.704141C41.773 0.834699 45.0626 1.12846 47.538 1.45485C50.4042 1.84653 54.1825 2.46669 57.0161 3.08684C61.7063 4.13131 67.0479 5.50218 74.2461 8.30919C79.0991 10.2023 85.2876 13.401 89.8475 15.9142C92.388 17.3177 95.58 19.5046 97.9576 21.1692C100.14 22.7033 102.908 24.9881 105.026 26.6201C107.371 28.4152 110.237 31.157 112.289 33.2786C114.634 35.6939 117.761 38.8926 119.813 41.569C121.474 43.7559 123.786 46.5956 125.317 48.8803C127.011 51.3283 129.226 54.6249 130.594 57.2687C131.831 59.6188 133.558 62.7522 134.698 65.1675C135.935 67.844 137.466 71.4996 138.476 74.274C139.388 76.722 140.463 80.0512 141.147 82.5645C141.928 85.4694 142.905 89.3862 143.426 92.3564C144.273 97.3829 144.925 104.139 145.25 109.198C145.446 112.332 145.185 116.51 145.12 119.643C145.055 122.091 144.697 125.355 144.338 127.77C143.817 131.198 142.938 135.767 142.221 139.162C141.668 141.806 140.658 145.298 139.779 147.844C138.508 151.532 136.619 156.363 135.088 159.921C133.981 162.434 132.287 165.698 130.952 168.113C129.682 170.365 127.89 173.303 126.457 175.457C123.298 180.125 121.93 181.822 119.226 185.184C117.858 186.848 115.025 190.014 112.842 192.234C111.279 193.801 110.009 195.008 109.129 195.824C106.426 198.272 106.263 198.403 103.592 200.622C103.234 200.916 99.8793 203.658 95.2868 206.726C92.5509 208.554 90.1732 209.957 90.1406 209.957C89.2287 210.512 87.991 211.198 87.0464 211.72C86.0367 212.275 84.6687 212.96 83.659 213.515C82.3562 214.2 80.5648 215.016 79.2294 215.637C77.894 216.224 76.1026 216.975 74.7346 217.53C72.4547 218.476 69.3605 219.586 67.0154 220.271C63.2697 221.316 58.2864 222.523 54.5407 223.372Z' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3Cpath d='M54.5407 223.372C72.4221 219.912 89.3589 210.545 103.071 195.171C89.3589 210.545 72.3895 219.912 54.5407 223.372ZM54.5407 223.372C51.0557 223.992 46.398 224.808 42.8804 225.004C39.9164 225.167 35.9428 225.396 32.9463 225.428C30.5035 225.461 27.2464 225.363 24.8036 225.135C21.9048 224.841 18.0614 224.449 15.1952 224.025C12.6873 223.633 9.3976 222.948 6.92222 222.36C4.1537 221.708 0.473199 220.63 -2.26275 219.749C-4.70556 218.933 -7.96264 217.791 -10.3077 216.746C-12.9134 215.571 -16.3985 214.005 -18.939 212.699C-21.2841 211.491 -24.2806 209.696 -26.528 208.325C-30.5993 205.812 -35.7781 202.026 -39.3935 198.892C-43.4974 195.302 -48.7413 190.178 -52.2589 186C-54.1806 183.715 -56.656 180.549 -58.4148 178.101C-59.9782 175.881 -61.8999 172.813 -63.333 170.528C-64.929 168.048 -66.6878 164.555 -67.9581 161.912C-69.1306 159.529 -70.4986 156.298 -71.4757 153.817C-72.5505 151.075 -73.7882 147.387 -74.6025 144.58C-75.3516 142.099 -76.0682 138.705 -76.687 136.192C-77.4036 133.319 -77.9247 129.37 -78.283 126.4C-78.6087 123.886 -78.7716 120.492 -78.967 117.979C-79.195 114.878 -79.0647 110.7 -78.9344 107.599C-78.8367 105.151 -78.5761 101.887 -78.2504 99.4392C-77.7944 96.012 -76.9802 91.5078 -76.2962 88.1132C-75.8402 85.8611 -75.0259 82.9235 -74.3745 80.7367C-73.7231 78.5498 -72.7134 75.6775 -71.9643 73.5233C-70.6614 69.835 -68.5769 65.0696 -66.7529 61.6751C-65.5804 59.4556 -63.9519 56.4854 -62.649 54.3638C-61.3136 52.1769 -59.4245 49.3373 -57.9263 47.2483C-56.5257 45.29 -54.5715 42.7441 -53.0406 40.8836C-52.3241 40.035 -51.347 38.8599 -50.5978 38.044C-49.4253 36.771 -47.8619 35.0737 -46.6568 33.8334C-46.559 33.7355 -44.4094 31.516 -41.0871 28.5784C-40.5334 28.0888 -39.8169 27.436 -39.2306 26.9791C-38.0906 26.0325 -36.5924 24.8249 -35.4524 23.911C-34.1821 22.9318 -31.1856 20.7123 -29.036 19.3088C-26.9188 17.9379 -26.9188 17.9379 -23.8898 16.0774C-23.0429 15.5552 -21.9029 14.935 -21.0561 14.4455C-19.9813 13.8253 -18.5156 13.0746 -17.4082 12.5197C-16.3333 11.9975 -14.9002 11.312 -13.8254 10.7898C-12.2294 10.0391 -10.1123 9.12518 -8.48377 8.50503C-6.17125 7.62376 -3.10959 6.51401 -0.764489 5.76329C1.02691 5.17578 3.46971 4.49034 5.32625 4.03339C7.99705 3.38059 11.5798 2.62989 14.2832 2.14029C16.5306 1.74861 19.5597 1.3243 21.8396 1.12846C24.1522 0.932619 27.2464 0.6715 29.5589 0.60622C32.4903 0.540941 36.3662 0.540942 39.2976 0.704141C41.773 0.834699 45.0626 1.12846 47.538 1.45485C50.4042 1.84653 54.1825 2.46669 57.0161 3.08684C61.7063 4.13131 67.0479 5.50218 74.2461 8.30919C79.0991 10.2023 85.2876 13.401 89.8475 15.9142C92.388 17.3177 95.58 19.5046 97.9576 21.1692C100.14 22.7033 102.908 24.9881 105.026 26.6201C107.371 28.4152 110.237 31.157 112.289 33.2786C114.634 35.6939 117.761 38.8926 119.813 41.569C121.474 43.7559 123.786 46.5956 125.317 48.8803C127.011 51.3283 129.226 54.6249 130.594 57.2687C131.831 59.6188 133.558 62.7522 134.698 65.1675C135.935 67.844 137.466 71.4996 138.476 74.274C139.388 76.722 140.463 80.0512 141.147 82.5645C141.928 85.4694 142.905 89.3862 143.426 92.3564C144.273 97.3829 144.925 104.139 145.25 109.198C145.446 112.332 145.185 116.51 145.12 119.643C145.055 122.091 144.697 125.355 144.338 127.77C143.817 131.198 142.938 135.767 142.221 139.162C141.668 141.806 140.658 145.298 139.779 147.844C138.508 151.532 136.619 156.363 135.088 159.921C133.981 162.434 132.287 165.698 130.952 168.113C129.682 170.365 127.89 173.303 126.457 175.457C123.298 180.125 121.93 181.822 119.226 185.184C117.858 186.848 115.025 190.014 112.842 192.234C111.279 193.801 110.009 195.008 109.129 195.824C106.426 198.272 106.263 198.403 103.592 200.622C103.234 200.916 99.8793 203.658 95.2868 206.726C92.5509 208.554 90.1732 209.957 90.1406 209.957C89.2287 210.512 87.991 211.198 87.0464 211.72C86.0367 212.275 84.6687 212.96 83.659 213.515C82.3562 214.2 80.5648 215.016 79.2294 215.637C77.894 216.224 76.1026 216.975 74.7346 217.53C72.4547 218.476 69.3605 219.586 67.0154 220.271C63.2697 221.316 58.2864 222.523 54.5407 223.372Z' stroke='%23004C94' stroke-width='0.5' stroke-miterlimit='10'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

#lang-selection .btn-row-sep {
  width: 1px;
  height: auto;
  align-self: stretch;
  background: #004c94;
  opacity: 0.2;
}

#lang-selection .btn-row {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex: 1;
  max-width: 220px;
}

#lang-selection .lang-label {
  flex: 1;
  margin-bottom: 15px;
  font-size: 14px;
  font-family: Museo;
  text-align: left;
  font-weight: 500;
  line-height: 1.2;
}

#lang-selection .btn {
  color: #002c5f;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  width: 100%;
  font-weight: 500;
  border-width: 2px;
  border-style: solid;
  border-color: #002c5f;
  outline: none;
  background: none;
  text-transform: uppercase;
  font-family: Museo;
  margin: 0;
  min-width: auto;
  position: relative;
  z-index: 2;
}

#lang-selection .btn.active {
  background: #002c5f;
  color: #fff;
}

#lang-selection .fancybox-button {
  padding: 4px;
  width: 32px;
  height: 32px;
  top: 0;
  right: 0;
}

.carousel-2 {
  position: relative;
  overflow: hidden;
  margin-bottom: 1.5rem;
  max-height: 50rem;
}

.carousel-2 img {
  width: 100%;
}
.text .carousel-2 {
  max-height: 100%;
}
.p-acc-toggle {
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #f6f3f2;
  padding: 1rem 2rem;
}

/* стрелка */
.p-acc-toggle::after {
  content: "▾";
  line-height: 1;
}

.p-acc-toggle.is-open::after {
  transform: rotate(-180deg);
}

.accordion__list {
  display: none;
}

.accordion__list.is-open {
  display: block;
}

@media screen and (max-width: 640px) {
  #lang-selection {
    padding: 20px;
  }

  #lang-selection .lang-label {
    font-size: 12px;
  }

  #lang-selection .btn-row-sep {
    margin: 0 2rem;
  }

  #lang-selection .btn {
    line-height: 4.4rem;
    height: 4.4rem;
    font-size: 12px;
  }
}

/* Hyundai Finance */

#credit_calc {
  max-width: 100%;
  margin: 40px auto 0;
}

#credit_calc .cm_flex {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 40px;
}

#credit_calc .cm_flex .cm_row {
  text-align: center;
  font-size: 18px;
  flex: 1;
}

#credit_calc .cm_flex .cm_row .cm_label_title {
  font-weight: 500;
  margin-bottom: 10px;
  width: 100%;
}

#credit_calc .cm_flex .cm_row select {
  background: url(https://www.hyundai.com/etc/designs/hyundai/template_en/en/images/common/ico-select-right-arr.png)
    no-repeat right center;
  background-color: #f6f3f2;
  height: 44px;
  padding-left: 20px;
  padding-right: 45px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 0;
  cursor: pointer;
  color: #666;
  box-sizing: border-box;
  width: 100%;
}

#credit_calc .cm_flex.cm_calc_result {
  background: #002c5f;
  color: #fff;
  padding: 30px 50px;
  align-items: center;
}

#credit_calc .cm_flex .cm_row .cm_label_value {
  line-height: 44px;
  text-align: center;
  font-size: 30px;
  font-weight: 500;
}

#credit_calc .cm_flex .cm_vline {
  border-left: 1px solid;
  min-height: 40px;
  display: block;
  width: 1px;
  overflow: hidden;
  box-sizing: border-box;
}

#credit_calc .pv_flex {
  display: flex;
  flex-wrap: wrap;
}

#credit_calc .pv_flex select,
#credit_calc .pv_flex input {
  flex: 1;
  outline: none;
}

#credit_calc .pv_flex select {
  max-width: 35%;
}

#credit_calc .pv_flex input {
  font-size: 18px;
  padding: 0 1.5rem;
}

#credit_calc .cm_flex.select-fields .cm_label_title {
  text-align: left;
}

#credit_calc .cm_flex.select-fields {
  gap: 30px;
}

@media screen and (max-width: 640px) {
  #credit_calc .cm_flex {
    flex-direction: column;
  }

  #credit_calc .cm_flex:first-child {
    margin-left: 20px;
    margin-right: 20px;
  }

  #credit_calc .cm_flex .cm_row {
    margin-bottom: 20px;
    width: 100%;
  }

  #credit_calc .cm_flex.cm_calc_result {
    margin-top: -30px;
  }

  #credit_calc .cm_flex.cm_calc_result .cm_row {
    margin-bottom: 0;
  }

  #credit_calc .cm_flex .cm_row .cm_label_title + select {
    width: 100%;
  }

  #credit_calc .cm_flex .cm_vline {
    transform: rotate(90deg) translateX(-5px);
  }

  #credit_calc .cm_flex.select-fields {
    gap: 0;
  }

  #credit_calc .pv_flex input {
    height: auto;
  }

  .mark {
    right: auto;
    left: 0;
  }
}


.text-xs {
  font-size: 1.2rem;
}