/*=================================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);}

.lang-kk .header__nav .main-link {
    padding: 0 10px;
}

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: .15s;
    -o-transition: .15s;
    transition: .15s;
}

.hover:hover {
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    opacity: .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;
    z-index: 1010;
}

.top__header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top__header .menu__item.phone {
    background-color: #002C5F;
    align-self: stretch;
    padding: 0 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    font-weight: 400;
}


.top__header .menu__item.phone .icon {
    border: none;
    border-radius: none;
}
.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 .site-name {
    color: #000;
    font-weight: 400;
    display: flex;
    align-items: center;
    font-size: 14px;
}
.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;
}
.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 .instagram,
.headerWrap .sns .tik-tok {
    -webkit-filter: invert(1);
    filter: invert(1);
}

.header__logo {
    width: 14.9rem;
    height: 2.2rem;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    background: url("../img/ico-logo.png") no-repeat center;
    margin-right: 2vw;
}


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

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

}

.header__nav .nav__item {
    margin: 0;
}

.header__nav .main-link {
    position: relative;
    line-height: 7rem;
    color: #666;
    font-size: 1.4rem;
    padding: 0 1.2rem;
}

.header__nav .link-underline {
    position: absolute;
    bottom: 0;
    background: #00aad2;
    height: 4px;
    -webkit-transition: .35s ease;
    -o-transition: .35s ease;
    transition: .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;
    left: calc(-50vw + 50%);
    right: 0;
    width: 100vw;
    padding: 2rem 0;
    z-index: 12;
    display: block;
    min-height: 15rem;
}

.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: .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: .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;
}

.carItem span {
    display: block;
}

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

.carItem:hover .carName {
    text-decoration: underline
}

.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;
}

.all-models .carItem: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.phone .icon {
    display: flex;
    align-items: center;
    border: 1px solid #62666b;
    border-radius: 2rem;
    padding: 0.6rem;
    font-size: 14px;
}

.menu__item.phone .icon span {
    margin-left: .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: .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: -.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 .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: .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;
}

.sns li a {
    width: 2.8rem;
    height: 2.2rem;
    background: url("../img/sns_share_pc.png") no-repeat;
}

.sns .facebook {
    background-position: 0 0;
}

.sns .youtube {
    background-position: -45px 0;
}

.sns .instagram {
    background-position: -180px 0;
}

.sns .telegram {
    background-position: -222px 0;
}

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

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

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


/* banner, visual */

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

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

#main-banner a {
    display: block;
}

#main-banner a img {
    object-fit: cover;
    height: 37vw;
}

.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: calc(100% - 8rem);
    height: 30vw;
    min-height: 40rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    overflow: hidden;
}
@media screen and (max-width:1440px){
    .visual {
        width: calc(100% - 4rem);
    }
}
.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: .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, .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: 2.4rem;
}

.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 {
    width: calc(100% - 14rem);
    margin: 0 auto;
    overflow: hidden;
}

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

.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: .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;
}


/* 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% - .1rem);
}

.news__item-date {
    display: inline-block;
    padding: .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%;
    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;
}

.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: 99999999999 !important;
    position: fixed!important;
    top: 0!important;
    height: 100%!important;
}

.mfp-bg {
    z-index: 9999999999 !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: 3rem auto;
    -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: 3.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;
}

@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;
}

select {
    -webkit-appearance: none;
}

.formSelect {
    position: relative;
}

.formSelect::after {
    content: '';
    background: url("../img/icons/ico-select-right-arr.png") no-repeat center;
    width: 2.9rem;
    height: .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: .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: .2rem;
}

.pagination .numbers a {
    margin: 0 .75rem;
    padding: 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 */

.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: .65;
}

.video-section .img,
video {
   object-fit: cover;display:block;
}
.video {
	/*border: 1px solid #ccc;*/
	display: block;
	margin-bottom: 2rem;
	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;
}

.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: .6rem;
    background-position: -32px -11px;
}

.btnPag.next {
    width: .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 {
    background: url("../img/btns/btn-gnb-close.png") no-repeat center;
    top: 1rem;
}

.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: .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, .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;
}

.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: .5rem;
}

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

#chooseColor {
    position: relative;
    overflow-x: hidden;
    padding: .5rem .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: .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: -.5rem;
    right: -.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 .3rem;
    cursor: pointer;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: .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: .25rem;
    -webkit-box-shadow: 0 1px 5px -1px #000;
    box-shadow: 0 1px 5px -1px #000;
}

.material__item span::after {
    content: "";
    border: .5rem solid transparent;
    border-top: .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: .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: .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: .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
}


/*maps*/

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

.map-search {
    padding: 4rem 0;
    max-width: 75rem;
    margin: 0 auto
}

.map-search {
    display: flex;
    justify-content: space-between
}

.map-search .input-field {
    width: calc(100% - 20rem)
}

.map-search .btn {
    min-width: 18rem;
    padding: 1.2rem 1.5rem;
}

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

.single_dealer {
    height: 65rem
}

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

.dealer__list {
    position: absolute;
    left: 5%;
    top: 0;
    background: #fff;
    z-index: 1;
    width: 40rem;
    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: 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;
    margin-bottom: 1rem;
}

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

.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: .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) {

    .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/HyundaiSansText-Regular.woff") format('woff');
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Hyundai';
    src: url("../font/HyundaiSansHead-Medium.woff") format('woff');
    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="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="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"] {
    background: #413833
}

[data-color="shooting-star-gray-matte"],
[data-color="titan-gray-metallic"] {
    background: #2b2b29;
}
[data-color="earthy-brass-metallic-matte"],
[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="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="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="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="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;
    font-family: "HyundaiMedium";
    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;
    font-family: "HyundaiRegular";
}

.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;
}


/* 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: .3s;
    transition: .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: 2rem 4rem;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9000000000;
    background: #fff;
    font-size: 1.4rem;
    border-top: 1px solid #efefef;
    transform: translateY(100%);
    transition: transform .35s ease-in-out;
}

.disclaimer.active {
    transform: translateY(0);
    transition: transform .35s ease-out;
}

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

.disclaimer .btn {
    padding: 1.1rem 1.5rem;
    min-width: 18rem;
}

.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;
    }
}

.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: .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;
}
.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: #00aad2;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    line-height: normal;
    font-size: 12px;
    text-transform: uppercase;
}

#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: .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;
}
.carousel-2 img  {
    width: 100%;
}
@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;
    }
}
.te
/* 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;}
}