@charset "UTF-8";
.h-gnb:after, .frm_field:after, .select_dealer .result:after, .product_container .product_mask:after, .option_mask:after { content: ""; display: block; clear: both; }

/* WEBFONT */
@font-face { font-family: 'HyundaiSansHead'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Light.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Light.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Light.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Light.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"); font-weight: 100; font-style: normal; }

@font-face { font-family: 'HyundaiSansHead'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Regular.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Regular.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Regular.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Regular.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'HyundaiSansHead'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Medium.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Medium.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Medium.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Medium.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'HyundaiSansHead'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Bold.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Bold.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Bold.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Bold.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"); font-weight: 900; font-style: normal; }

@font-face { font-family: 'HyundaiSansText'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Regular.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Regular.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Regular.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Regular.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Regular.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'HyundaiSansText'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Medium.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Medium.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Medium.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Medium.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Medium.eot?#iefix") format("embedded-opentype"); font-weight: 600; font-style: normal; }

@font-face { font-family: 'HyundaiSansText'; src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Bold.eot"); src: url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Bold.woff") format("woff"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Bold.woff2") format("woff2"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Bold.ttf") format("truetype"), url("../../frontend/Magento/hyundai_ksa/en_US/fonts/HyundaiSansText-Bold.eot?#iefix") format("embedded-opentype"); font-weight: 900; font-style: normal; }

/** RESET **/
p, a{font-size: 16px;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: top; letter-spacing: 0; word-break: keep-all; text-decoration: none; -webkit-tap-highlight-color: transparent; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif; color: #000000; font-weight: normal; }

fieldset, img, textarea { border: 0; outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; }

img { max-width: 100%; }

button, input { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; padding: 0; margin: 0; outline: none; border: 0; }

html, body { -webkit-text-size-adjust: none; -webkit-text-size-adjust: 100%; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif; -ms-word-wrap: break-word; word-wrap: break-word; line-height: 1; }




body { scrollbar-arrow-color: #efefef; scrollbar-Track-Color: #efefef; scrollbar-base-color: #dfdfdf; scrollbar-Face-Color: #dfdfdf; scrollbar-3dLight-Color: #dfdfdf; scrollbar-DarkShadow-Color: #dfdfdf; scrollbar-Highlight-Color: #dfdfdf; scrollbar-Shadow-Color: #dfdfdf; }

::-webkit-scrollbar { width: 8px; height: 8px; }

::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display: block; width: 8px; height: 8px; background: url(../../frontend/Magento/hyundai_ksa/en_US/css/) rgba(0, 0, 0, 0.04); }

::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.04); }

::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.1); }

ol, ul { list-style: none; }

address, em { font-style: normal; }

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

div { word-break: keep-all; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

iframe { overflow: hidden; border: 0; }

input[type=text],input[type=phone], input[type=password], input[type=number], input[type=tel], input[type=email] { width: 100%; height: 50px; padding: 9px 15px; background-color: #ffffff; border: 1px solid #D9D9D9; line-height: 20px; -webkit-appearance: none; color: #000; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

input[type=text]:not([readonly]):focus, input[type=password]:not([readonly]):focus, input[type=number]:not([readonly]):focus, input[type=tel]:not([readonly]):focus, input[type=email]:not([readonly]):focus { background-color: #fff; border-color: #000000; }

input[type=text][readonly], input[type=password][readonly], input[type=number][readonly], input[type=tel][readonly], input[type=email][readonly] { background-color: #F4F4F4; color: #999999; }

input[type=text][readonly].fc_bk, input[type=password][readonly].fc_bk, input[type=number][readonly].fc_bk, input[type=tel][readonly].fc_bk, input[type=email][readonly].fc_bk { color: #000; }

input[type=text].datepicker[readonly], input[type=password].datepicker[readonly], input[type=number].datepicker[readonly], input[type=tel].datepicker[readonly], input[type=email].datepicker[readonly] { color: #000; }

input[type=text].mage-error, input[type=password].mage-error, input[type=number].mage-error, input[type=tel].mage-error, input[type=email].mage-error { position: relative; padding-right: 60px; border-color: #E80710; }

input[type=text].mage-error:focus, input[type=password].mage-error:focus, input[type=number].mage-error:focus, input[type=tel].mage-error:focus, input[type=email].mage-error:focus { border-color: #E80710; }

input[type=text]:disabled, input[type=password]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=email]:disabled { background-color: #F4F4F4; border-color: #D9D9D9; color: #999999; }

textarea { display: block; width: 100%; padding: 10px; min-height: 120px; background-color: #ffffff; border: 1px solid #D9D9D9; -webkit-appearance: none; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; resize: none; }

textarea:not([readonly]):focus { background-color: #fff; border-color: #000000; }

textarea[readonly] { background-color: #F4F4F4; color: #999999; }

textarea ::-webkit-input-placeholder { font-size: 16px; color: #999; }

textarea ::-moz-placeholder { font-size: 16px; color: #999; }

textarea ::-moz-placeholder { font-size: 16px; color: #999; }

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

::-webkit-input-placeholder { font-size: 16px; font-weight: normal; color: #999; }

::-moz-placeholder { font-size: 16px; font-weight: normal; color: #999; }

::-moz-placeholder { font-size: 16px; font-weight: normal; color: #999; }

.clearfix:after { content: ''; display: block; clear: both; }

button { cursor: pointer; border: none; margin: 0; padding: 0; background-color: rgba(255, 255, 255, 0); outline: none; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

input, button, select { vertical-align: middle; }

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

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 50px; margin: 0; padding: 0 15px; border: 1px solid #D9D9D9; border-radius: 0; background-color: #fff; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_selopen.png); background-repeat: no-repeat; background-size: 13px; background-position: right 20px center; outline: none; line-height: 48px; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; cursor: pointer; }

select:disabled { background-color: #F4F4F4; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_selopen-dis.png); border-color: #D9D9D9; color: #999999; }

select::-ms-expand { display: none; }

@media screen and (-webkit-min-device-pixel-ratio:0) {

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 50px; margin: 0; padding: 0 15px; border: 1px solid #D9D9D9; border-radius: 0; background-color: #fff; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_selopen.png); background-repeat: no-repeat; background-size: 13px; background-position: right 20px center; outline: none; line-height: 48px; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; cursor: pointer; }

select:disabled { background-color: #F4F4F4; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_selopen-dis.png); border-color: #D9D9D9; color: #999999; }

select::-ms-expand { display: none; }
}

button { text-align: center; cursor: pointer; border: none; margin: 0; padding: 0; overflow: visible; background: transparent; line-height: normal; -webkit-font-smoothing: inherit; -moz-osx-font-smoothing: inherit; -webkit-appearance: none; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/****** Accessibility ******/
.a11y { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.skipnavigation { position: relative; }

.skipnavigation a { position: absolute; top: 0; left: 0; width: 100%; height: 0; z-index: 1; display: block; font-size: 0; background-color: #FFF; text-align: center; }

.skipnavigation a:focus { height: 30px; padding: 4px 0; visibility: visible; font-size: 1em; }

.noscroll { overflow: hidden !important; height: 100%; }

.noscroll .h-wrap { overflow: hidden; }

.noscroll .stage_wrap, .noscroll .mypage_wrap { overflow-y: hidden; }

.dim { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; min-height: 100%; background-color: rgba(0, 0, 0, 0.2); }

@media all and (max-width: 1240px) { html { font-size: 16px; } }

@media all and (min-width: 1025px) { html { font-size: 16px; } }

/** layout **/
html { width: 100%; height: 100%; }

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

.h-wrap { position: relative; height: 100%; min-height: 100%; }

.header_wrap { position: relative; width: 100%; height: 60px; padding-left: 30px; padding-right: 30px; background-color: #fff; border-bottom: 1px solid #D9D9D9; z-index: 150; }

.header_wrap .row { position: relative; margin: 0 auto; padding: 17px 0 0; }

.header_wrap .logo { display: inline-block; width: 19.88rem; height: 1.625rem; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/common/header_logo.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.header_wrap .head_util { position: absolute; right: 0; top: 23px; }

.header_wrap .location { display: inline-block; margin-right: 20px; }

.header_wrap .location a { display: block; width: 100%; height: 100%; font-size: 0.9375rem; }

.header_wrap .mycar { display: inline-block; margin-right: 20px; margin-top: -2px; }

.header_wrap .mycart { display: inline-block; margin-right: 20px; margin-top: -2px; }

.header_wrap .head_util .menu { display: inline-block; width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_menu.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.header_wrap .head_util .menu a { display: block; width: 100%; height: 100%; }

.header_wrap.hbooking .mycar { display: none; }

.header_wrap.hbooking .only_e2e { display: none; }

.header_wrap.hbooking .only_o2o { display: block; }

.h-gnb { display: none; position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #fff; z-index: 101; }

.h-gnb.gnb-on { display: block; }

.h-gnb .menu_close { position: absolute; right: 30px; top: 30px; display: inline-block; width: 28px; height: 28px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_menu-close.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; z-index: 1; }

.h-gnb .menu_close a { display: block; width: 100%; height: 100%; }

.h-gnb .tmenu { float: left; position: relative; width: calc(100% - 417px); height: 100%; }

.h-gnb .tmenu .menu { display: none; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; }

.h-gnb .tmenu .menu li { position: relative; margin-top: 25px; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.h-gnb .tmenu .menu li:first-child { margin-top: 0; }

.h-gnb .tmenu .menu li._active a, .h-gnb .tmenu .menu li:hover a { background-color: #000; color: #fff; }

.h-gnb .tmenu .menu a { display: inline-block; padding: 7px 20px 3px; font-size: 3.125rem; font-weight: 900; font-family: inherit; }

.h-gnb .tmenu .menu .user { position: absolute; right: 100%; bottom: 10px; min-width: 50%; margin-right: 2px; font-weight: 900; color: #0559F7; text-align: right; }

.h-gnb .tmenu .menu .user span { display: inline-block; font-weight: inherit; color: inherit; word-break: keep-all; }

.h-gnb .tmenu.menu_e2e ._e2e { display: block; }

.h-gnb .tmenu.menu_o2o ._o2o { display: block; }

.h-gnb .tutil { float: left; position: relative; width: 417px; height: calc(100% - 100px); margin: 50px 0; border-left: 1px dashed #999999; }

.h-gnb .tutil .menu { position: absolute; left: 16.83%; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: auto; }

.h-gnb .tutil .menu .ti { margin-bottom: 15px; font-size: 14px; color: #999999; }

.h-gnb .tutil .menu li { margin-top: 15px; }

.h-gnb .tutil .menu li:first-child { margin-top: 0; }

.h-gnb .tutil .menu li._active a { color: #0559F7; font-weight: 900; }

.h-gnb .tutil .menu li._active a:after { content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 6px; margin-top: -2px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_menu_selected.png); background-size: cover; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; }

.h-gnb .tutil .menu li._active:hover a { font-weight: 900; }

.h-gnb .tutil .menu li:hover a { color: #0559F7; font-weight: 600; }

.h-gnb .tutil .menu li:hover a:after { content: ''; display: inline-block; width: 18px; height: 18px; margin-left: 6px; margin-top: -2px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_menu_selected.png); background-size: cover; background-position: 0 0; background-repeat: no-repeat; vertical-align: middle; }

.h-gnb .tutil .menu li.app-icon:hover a:after {display: none;}

.h-gnb .tutil .menu li a { font-size: 1.25rem; font-weight: 600; }

.h-gnb .tutil .lang { position: absolute; left: 16.83%; bottom: 0; }

.h-gnb .tutil .lang span:last-child a:after { display: none; }

.h-gnb .tutil .lang a { position: relative; display: inline-block; padding-right: 12px; margin-right: 7px; font-size: 0.875rem; font-weight: 600; }

.h-gnb .tutil .lang a:after { content: ''; position: absolute; right: 0; top: 50%; margin-top: -5px; display: block; width: 1px; height: 10px; background-color: #D9D9D9; }

.h-contents { position: relative; width: 100%; height: calc(100% - 60px); }

.h-contents .page_back { position: relative; height: 60px; border-bottom: 1px solid #D9D9D9; background-color: #F4F4F4; color: #999999; }

.h-contents .page_back a { position: absolute; left: 30px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; color: inherit; line-height: 1.0; }

.h-contents .page_back a i { display: inline-block; width: 5px; height: 10px; margin-right: 10px; margin-top: -2px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_pageback.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; vertical-align: middle; }

.h-contents .builded_vehicle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 30px; height: 60px; border-bottom: 1px solid #D9D9D9; background-color: #F4F4F4; }

.h-contents .builded_vehicle > *:not(:first-child) { margin-left: 30px; }

.h-contents .builded_vehicle .info .vehicle, .h-contents .builded_vehicle .info .number { font-weight: 600; }

.h-contents .builded_vehicle .info .number { position: relative; margin-left: 15px; padding-left: 15px; }

.h-contents .builded_vehicle .info .number .highlight { color: #999; font-weight: normal; }

.h-contents .builded_vehicle .info .number:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 14px; margin-top: -7px; background-color: #D9D9D9; }

.h-contents .select_wrap { position: absolute; left: 0; top: 0; width: 23.49%; height: 100%; background-color: #fff; border-right: 1px solid #D9D9D9; overflow-y: auto; }

.h-contents .stage_wrap { position: relative; width: 76.51%; height: calc(100% - 90px); margin-left: 23.49%; overflow-y: auto; background-color: #F4F4F4; }

.h-contents .stage_wrap .product_container { max-width: 1810px; margin: 0 auto; }

.h-contents .stage_wrap .faq_container { max-width: 1810px; margin: 0 auto; }

.h-contents .fixed_bottom { position: absolute; left: 23.49%; right: 0; bottom: 0; height: 90px; background-color: #fff; }

.h-contents._full { height: auto; }
.h-contents.f_full { height: auto; }

.click-to-buy { position: relative; width: 100%; height: calc(100% - 60px); overflow: hidden; }

.build_vehicle { height: 100%; }

.build_vehicle .stage_wrap { height: 100%; }

.content_wrap { max-width: 1200px; margin: 0 auto; padding-top: 4.085%; }

.content_wrap > .group:not(:first-child) { margin-top: 120px; }

.content_wrap > .group .content_head + .frm_field { margin-top: 20px; }

.content_wrap > .group [class^="content_"][class*="title"] + .frm_field { margin-top: 40px; }

.content_wrap > .btn-type_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; margin-top: 60px; }

.content_wrap > .btn-type_wrap .btn-type { min-width: 350px; padding: 0 25px; }

.content_wrap > .btn-type_wrap .btn-type:not(:first-child) { margin-left: 10px; }

.content_wrap > .btn-type_wrap .prev { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content_wrap > .btn-type_wrap .prev i { margin-right: 10px; position: relative; display: inline-block; width: 9px; height: 16px; overflow: hidden; }

.content_wrap > .btn-type_wrap .prev i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; -webkit-transform: translate(-50%, -50%) scale(1.125, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.125, 1) rotate(45deg); margin-left: 2px; border-left: 2.5px solid #fff; border-bottom: 2.5px solid #fff; }

.content_wrap .content_list > .group:not(:first-child) { margin-top: 60px; }

.content_wrap .content_list .content_stitle { margin-bottom: 30px; }

.content_wrap [class^="content_"][class*="title"] + .content_list { margin-top: 60px; }

.content_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.content_head > [class*="title"] { margin-right: auto; }

.content_head .btn-type { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.content_head .btn-type:not(:first-child) { margin-left: 30px; }

.content_head .sub { -ms-flex-negative: 0; flex-shrink: 0; font-size: .875rem; }

.content_title { margin-bottom: 6px; color: #000; font-weight: 900; font-size: 2.5rem; line-height: 3.125rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }
.prepaid .content_title.prepaid_title{display: inline-block;}

.content_stitle { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 20px; font-weight: 900; font-size: 1.875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.content_stitle .chapter { margin-right: 5px; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; }

.content_desc { margin-bottom: 40px; color: #000; font-size: 1rem; line-height: 1.5rem; }

.content_info { margin-top: 40px; padding-top: 18px; border-top: 1px dashed #999; }

.content_info .msg_info { color: #999; font-size: 0.875rem; line-height: 1.375rem; }

.content_info .bullet_square > li { color: #999; font-size: 0.875rem; line-height: 1.375rem; }

.content_info .bullet_square > li:before { top: 9px; width: 2px; height: 2px; background-color: #999; }

.content_info .bullet_square:not(ul):not(ol) { color: #999; font-size: 0.875rem; line-height: 1.375rem; }

.content_info .bullet_square:not(ul):not(ol):before { top: 9px; width: 2px; height: 2px; background-color: #999; }

[class^="bullet_"]:not(ul):not(ol), [class^="bullet_"] > li { position: relative; padding-left: 8px; font-size: 1rem; line-height: 1.5rem; }

[class^="bullet_"]:not(ul):not(ol):before, [class^="bullet_"] > li:before { content: ''; display: block; position: absolute; left: 0; }

.bullet_square > li:before { top: 10px; width: 3px; height: 3px; border-radius: 100%; background-color: #000; }

.bullet_square:not(ul):not(ol):before { top: 10px; width: 3px; height: 3px; border-radius: 100%; background-color: #000; }

.bullet_dash > li:before { content: '-'; top: 0; font-weight: 600; font-size: 1rem; line-height: 1.5rem; }

.bullet_dash:not(ul):not(ol):before { top: 0; width: 3px; height: 3px; border-radius: 100%; background-color: #000; }

[class*="complete"] { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; }

[class*="complete"] .car, [class*="complete"] .estimate { width: 50%; }

[class*="complete"] .car { 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; -ms-flex-line-pack: center; align-content: center; -ms-flex-item-align: center; align-self: center; height: calc(100vh - 60px); background: #f4f4f4; }

[class*="complete"] .car .car_img { position: relative;width: 100%; text-align: center;}

[class*="complete"] .car .car_img img { -ms-flex-item-align: center; align-self: center; margin: 0; }

[class*="complete"] .car .info_container { margin-top: 15px; }

[class*="complete"] .car .info_container:after { content: ''; display: block; clear: both; }

[class*="complete"] .car .info_container > .group { float: left; }

[class*="complete"] .car .info_container > .group:not(:first-child) { margin-left: 60px; }

[class*="complete"] .car .info_container dt { color: #999; font-size: .875rem; }

[class*="complete"] .car .info_container dd { margin-top: 5px; color: #000; font-weight: 900; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

[class*="complete"] .car .info_container .car_number { color: #0559F7; }

[class*="complete"] .estimate { overflow-y: auto; max-height: calc(100vh - 120px); padding: 6% 10% 0; }

[class*="complete"] .estimate .estimate_head { position: relative; padding-top: 90px; }

[class*="complete"] .estimate .estimate_head:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 90px; height: 90px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_car.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

[class*="complete"] .estimate .estimate_head .title { font-weight: 900; font-size: 3.125rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

[class*="complete"] .estimate .estimate_head .desc { margin-top: 20px; line-height: 1.5rem; }

[class*="complete"] .estimate .estimate_head .desc em { font-weight: 900; }

[class*="complete"] .estimate .estimate_head .desc a[href="mailto"] { color: #0559F7; font-weight: 900; text-decoration: underline; }
[class*="complete"] .estimate .estimate_head .desc a.link { color: #0559F7; font-weight: 900; text-decoration: underline; }
[class*="complete"] .estimate:after { content: ''; display: block; height: 120px; }

[class*="complete"] .estimate .estimate_body { margin-top: 40px; border-top: 3px solid #000; }

[class*="complete"] .estimate .estimate_list > li { padding: 40px 0; border-bottom: 1px dashed #999; }

[class*="complete"] .estimate .estimate_list .head { 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; }

[class*="complete"] .estimate .estimate_list .head .parts { -webkit-box-flex: .75; -ms-flex: .75; flex: .75; font-weight: 600; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

[class*="complete"] .estimate .estimate_list .head .parts span { font-size: 1.25rem; }

[class*="complete"] .estimate .estimate_list .head .price { -webkit-box-flex: 1.5; -ms-flex: 1.5; flex: 1.5; font-weight: 900; font-size: 1.375rem; text-align: right; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

[class*="complete"] .estimate .estimate_list .detail { margin-top: 20px; }
.checkout-onepage-success .estimate .estimate_list li .detail:first-child { margin-top: 0px; }
.estimate_list li .detail .payemnt_status{margin-bottom: 20px;}
.estimate_list li .detail p b{font-weight: 900;}
[class*="complete"] .estimate .estimate_list .detail > .group { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.5625rem; }

[class*="complete"] .estimate .estimate_list .detail > .group:not(:first-child) { margin-top: 10px; }

[class*="complete"] .estimate .estimate_list .detail .cart-totals .group { display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.5625rem; }

[class*="complete"] .estimate .estimate_list .detail .cart-totals .group:not(:first-child) { margin-top: 10px; }


[class*="complete"] .estimate .estimate_list .detail .cart-totals li { -webkit-box-flex: 1.2; -ms-flex: 1.2; flex: 1.2; line-height: inherit; }

[class*="complete"] .estimate .estimate_list .detail .cart-totals li:last-child { -webkit-box-flex: 1.7; -ms-flex: 1.7; flex: 1.7; text-align: right; }


[class*="complete"] .estimate .estimate_list .detail span { -webkit-box-flex: 1.2; -ms-flex: 1.2; flex: 1.2; line-height: inherit; }

[class*="complete"] .estimate .estimate_list .detail span:last-child { -webkit-box-flex: 1.7; -ms-flex: 1.7; flex: 1.7; text-align: right; }

[class*="complete"] .estimate .estimate_list .detail span:last-child.highlight { font-weight: 600; }

[class*="complete"] .estimate .estimate_list .highlight { color: #FF9934; }

[class*="complete"] .estimate .estimate_list .highlight_blue { color: #0559F7; }

[class*="complete"] .estimate .estimate_foot { margin-top: 40px; text-align: center; }

[class*="complete"] .estimate .btn-type_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; }

[class*="complete"] .estimate .btn-type_wrap .btn-type { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

[class*="complete"] .estimate .btn-type_wrap .btn-type:not(:first-child) { margin-left: 10px; }

.event_container .event_item { position: relative; padding: 31px 50px 35px; border: 1px solid #d9d9d9; }

.event_container .event_item:not(:first-child) { margin-top: 13px; }

.event_container .event_item[role="checkbox"] { cursor: pointer; }

.event_container .event_item[role="checkbox"]:before, .event_container .event_item[role="checkbox"]:after { content: ''; display: block; position: absolute; }

.event_container .event_item[role="checkbox"]:before { left: -1px; top: -1px; width: 31px; height: 31px; background-color: #fff; border: 1px solid #d9d9d9; }

.event_container .event_item[role="checkbox"]:after { left: 11px; top: 9px; width: 7px; height: 7px; border-left: 3px solid #d9d9d9; border-top: 3px solid #d9d9d9; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.event_container .event_item[role="checkbox"][aria-selected="true"]:before { background-color: #FF8D34; border-color: #FF8D34; }

.event_container .event_item[role="checkbox"][aria-selected="true"]:after { border-color: #fff; }

.event_container .event_item.applied .event_date { -ms-flex-item-align: self-start; align-self: self-start; }

.event_container .event_item > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.event_container .event_item .event_info { margin-right: auto; }

.event_container .event_item .event_info .event_title { color: #000; font-weight: 900; font-size: 1.375rem; line-height: 1.875rem; }

.event_container .event_item .event_info .event_applied { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 10px; padding: 2px 13px 3px 8px; border-radius: 15px; background-color: #FF8D34; }

.event_container .event_item .event_info .event_applied i { position: relative; display: inline-block; width: 13px; height: 7px; overflow: hidden; }

.event_container .event_item .event_info .event_applied i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) scale(1, 1.076923) rotate(45deg); transform: translate(-50%, -50%) scale(1, 1.076923) rotate(45deg); margin-top: -2px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }

.event_container .event_item .event_info .event_applied span { margin-left: 3px; color: #fff; font-weight: 600; font-size: .875rem; line-height: 1.5rem; }

.event_container .event_item .event_info .event_discount { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 9px; }

.event_container .event_item .event_info .event_discount span, .event_container .event_item .event_info .event_discount em { font-size: 1rem; line-height: 1.5rem; }

.event_container .event_item .event_info .event_discount em { margin-left: 11px; color: #FF8D34; font-weight: 900; }

.event_container .event_item .event_info .msg_info { display: block; margin-top: 5px; color: #999; font-size: .875rem; line-height: 1.375rem; }

.event_container .event_item .applied_result { 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; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; margin-top: 30px; color: #000; font-size: 1rem; line-height: 1.5rem; }

.event_container .event_item .applied_result.back { margin-top: 20px; padding: 15px 20px; background: #f4f4f4; color: #999; font-size: .875rem; line-height: 1.375rem; }

.event_container .event_item .applied_result.back .bullet_square > li:before { background-color: #999; }

.event_container .event_item .applied_result:not(.back) .bullet_square > li:not(:first-child) { margin-top: 10px; }

.event_container .event_item .applied_result * { color: inherit; font-size: inherit; line-height: inherit; }

.event_container .event_item .applied_result .separated { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.event_container .event_item .applied_result .separated .price { margin-left: 12px; font-weight: 900; }

.event_container .event_item .applied_result .separated .etc { margin-left: 27px; color: #999; font-size: .875rem; line-height: 1.375rem; }

.event_container .event_item .applied_result .cancel_applied { -ms-flex-negative: 0; flex-shrink: 0; position: relative; width: 14px; height: 14px; margin-left: 20px; background-color: #d8d8d8; }

.event_container .event_item .applied_result .cancel_applied:before, .event_container .event_item .applied_result .cancel_applied:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.event_container .event_item .applied_result .cancel_applied:before { width: 7.5px; height: 1.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.event_container .event_item .applied_result .cancel_applied:after { width: 1.5px; height: 7.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.event_container .event_item .event_date { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; line-height: 1.625rem; }

.event_container .event_item .event_date .expiry { color: #999; font-size: inherit; }

.event_container .event_item .event_date .day { margin-left: 8px; color: #000; font-size: inherit; font-weight: 900; }

.event_container .event_item .event_button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-left: 20px; }

.event_container .event_item .event_button .btn_applied { width: 200px; height: 50px; border: 1px solid #d9d9d9; background-color: #f4f4f4; color: #000; font-weight: 600; font-size: 1rem; line-height: 1.625rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.event_container .event_item .event_button .btn_applied:not(:first-child) { margin-left: 10px; }

.delivery_container .radio_tablist { margin-bottom: 40px; }

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

.delivery_container .contact .map, .delivery_container .contact .location { width: 50%; }

.delivery_container .contact .map { height: 440px; margin-right: 15px; }

.delivery_container .contact .location { padding: 0 60px 0 45px; }

.delivery_container .contact .location .store_name { color: #000; margin-bottom: 20px; font-weight: 600; font-size: 1.375rem; line-height: 1.5rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.delivery_container .contact .location .store_info { padding-top: 20px; border-top: 1px dashed #999; }

.delivery_container .contact .location .store_info:after { content: ''; display: block; clear: both; }

.delivery_container .contact .location .store_info dt, .delivery_container .contact .location .store_info dd { float: left; font-size: 1rem; line-height: 1.5rem; }

.delivery_container .contact .location .store_info dt { width: 45%; }

.delivery_container .contact .location .store_info dt:not(:first-of-type) { clear: left; margin-top: 10px; }

.delivery_container .contact .location .store_info dd { width: 55%; font-weight: 600; text-align: right; }

.delivery_container .contact .location .store_info dd:not(:first-of-type) { margin-top: 10px; }

.delivery_container .contact .location .btn-type_wrap { margin-top: 40px; text-align: right; }

.delivery_container .referred_location { max-width: 70.917%; margin: 0 auto; }

.delivery_container .referred_location .bring { margin-bottom: 38px; }

.delivery_container .referred_location .bring label { font-size: 1rem; }

.delivery_container .referred_location .feild_search { position: relative; }

.delivery_container .referred_location .feild_search .ic_search { position: absolute; right: 20px; top: 50%; margin: -10px 0 0; }

/* Purchase Conditions */


.pay_block .full_pay_price{margin-bottom:40px;}
.pay_block .full_pay_price .price{font-size: .875rem; line-height: 1.4375rem; color:#999999; display: block; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;}
.pay_block .full_pay_price .price_full .price{text-decoration: line-through;}
.pay_block .full_pay_price .price_cash .price{ font-weight: 800; font-size: 1.675rem; line-height: 2rem; color:#000000;}

.delivery_container .pay_options .content_desc{padding:10px 0px;}
.pay_block .pay_options  .bring{display: flex; align-items: center;}
.pay_block .pay_options .chkwrap{margin-right:15px;}
.pay_block .pay_options label span{font-weight: 700;}
.pay_block .pay_options .product_page_tooltip{display: inline-block; cursor: pointer; position: relative;} 
.pay_block .pay_options .product_page_tooltip .tooltip_icon{max-width: 100%; width:20px;}
.pay_block .pay_options .product_page_tooltip .tooltip_content{ position: absolute; top: 27px; right: -50px; box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10); width: 230px; font-size: 13px; box-sizing: border-box; padding: 15px; z-index: 999; background: #fff; border-radius: 0px; line-height: 20px; transition: .3s ease-in-out;}
.pay_block .pay_options .product_page_tooltip:hover .tooltip_content{display: block !important;}
.pay_block .pay_options .price_input{display: flex; align-items: center; flex-wrap: wrap; padding:15px 0px 0px;}
.pay_block .pay_options .price_input .currency{height:50px; padding:15px 15px; box-sizing: border-box; background-color: #D9D9D9; color: rgb(0, 0, 0); font-size: 16px; font-family: "HyundaiSansText", "Malgun Gothic", Dotum, 돋움, AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", 굴림, arial, sans-serif !important;}
.pay_block .pay_options .price_input .input-text {display:inline-block; width: auto;}
.pay_block .pay_options .price_input #multicard_error_msg{width: 100%; font-size: 14px; line-height: 20px; margin-top: 8px; font-weight: 700;}
.pay_block .btn-type_wrap{text-align: initial;}


.finance_block .processing_fee{background-color: #f4f4f4; padding:30px 30px; box-sizing: border-box; margin-bottom: 40px; display: flex;}
.finance_block .processing_fee span{display: block; }
.finance_block .processing_fee .processing_fee_label{width: 50%}
.finance_block .processing_fee .processing_fee_label .processing-fee-span{font-size: 1rem; line-height: 24px; color: #000000; font-weight: 600; display: inline-block;
margin-right: 5px;
margin-top: 2px;}
.finance_block .processing_fee .processing_fee_label .non-refundable-fee{font-size: .875rem; line-height: 1.4rem;display: inline-block;

margin-top: 3px;}
.finance_block .processing_fee .processing_fee_price{font-weight: 800; font-size: 1.675rem; line-height: 2rem; color:#000000; padding-top: 0;
width: 50%;
text-align: right;}

.finance_block .bank_choice .content_desc{background-color: #f4f4f4; padding:30px 30px; box-sizing: border-box;}
#finance_cal_block.finance_block .bank_choice .content_desc{margin-top: 30px;}
.finance_block .bank_choice .bank_selection select{height:50px; padding:0px 50px; } 

.finance_block .bank_choice .bank_selection select.national_bank{background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/national_bank.png),url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png) ; background-size: auto, auto; background-repeat: no-repeat, no-repeat; background-position: 1.5% 50%, 98.5% 50%;}

.finance_block .bank_choice .filter_item {padding:30px 30px; box-sizing: border-box; margin-top:40px; background-color: #f4f4f4;}
.finance_block .bank_choice .filter_item .group{display: flex; justify-content: space-between; flex-wrap: wrap;}
.finance_block .bank_choice .filter_item .group .frm_slider{width:100%}


.finance_block .bank_choice .finance_btm_dtl{max-width: 380px; float: right;}
.finance_block .bank_choice .total_price{margin:0 0 40px 0px;}
.popup .finance_block .bank_choice .total_price{margin: 40px 0px;}
.finance_block .bank_choice .total_price table tr td{padding:10px 20px; box-sizing: border-box; font-size: 18px; font-weight: 600;}
.finance_block .bank_choice .total_price table tr td:last-child{font-weight: 700; text-align: right;}
.finance_block .bank_choice .btn-type_wrap{text-align: right;}

.finance_block .bank_choice .finance_disclaimer{ padding:15px 15px; box-sizing: border-box; overflow-y: scroll; height:115px;width: calc(100% - 400px); background-color: #f4f4f4; margin-top:40px;}
.finance_block .bank_choice .finance_disclaimer .content_desc{padding:0px 0px; font-size: 14px; line-height: 20px; margin-bottom: 0px;}
.finance_block .bank_choice .finance_disclaimer .content_desc strong{font-weight: 700; text-decoration: underline;}

@media screen and (max-width:1240px){

  .pay_block .full_pay_price{margin-bottom: 30px;}
  .pay_block .full_pay_price .price_cash .price{font-size: 1.375rem; line-height: 1.5rem;}
  .finance_block .processing_fee{padding:20px 20px; margin-bottom: 30px;}
  .finance_block .bank_choice .total_price{margin:0 0 30px 0px;}
  .popup .finance_block .bank_choice .total_price{padding: 30p 0;}
  .finance_block .bank_choice .finance_disclaimer{margin-top:30px;}
  .finance_block .bank_choice .total_price table tr td{font-size: 16px;}
  .finance_block .bank_choice .content_desc{padding:20px 20px;}
}



/* Purchase Conditions Ends*/


/** footer **/
.footer { margin-top: 150px; padding: 40px 0; border-top: 1px solid #d9d9d9; background: white;}

.footer .inner_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 1200px; margin: 0 auto; }

.footer .inner_wrap .logo a{box-sizing: border-box;display: block;width: 100%;height: 100%;}

.footer .inner_wrap > div:not(.logo) { padding-top: 10px; padding-bottom: 5px; min-height: 230px;}

.footer .logo { max-width: 100%; width: 12.250rem; height: 1.875rem; margin-top: 10px; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/footer_logo.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; }
.footer .other_logo {padding-top: 10px;  clear: both;}
.footer .other_logo img{width: 12.250rem; }
.footer .wallan_logo { width: 12.250rem; height: 1.875rem; margin-top: 10px; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/footer_wallan.png"); background-size: contain; background-position: 50% 50%; background-repeat: no-repeat; margin-top: 30px; }

.footer .contact_box { width: 40%; margin: 0 2.5rem; padding: 0 2.5rem; border-left: 1px dashed #999; border-right: 1px dashed #999; line-height: 1.5rem; }

.footer .contact_box .addr { position: relative; padding-left: 25px; margin-top: 25px; }

.footer .contact_box .addr:first-child { margin-top: 0; }

.footer .contact_box .addr i { position: absolute; left: 0; top: 5px; }

.footer .contact_box .addr a { display: block; margin-top: 5px; }

.footer .contact_box .addr a:first-child { margin-top: 0; }

.footer .social_box { position: relative; width: 36.6666%; margin-left: auto; text-align: right; }

.footer .social_box .utils { margin-top: 0px; }

.footer .social_box .utils li { margin-top: 10px; }
.footer .social_box .utils li:first-child{margin-top: 0;}
.footer .social_box .utils a { font-weight: 900; }

.footer .social_box .mores { position: absolute; bottom: 0; right: 0; }

.footer .social_box .social { font-size: 0; }

.footer .social_box .social li { display: inline-block; margin-left: 30px; }

.footer .social_box [class^="sns_"] { display: block; width: 20px; height: 20px; background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.footer .social_box .sns_mail { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_mail.png"); }

.footer .social_box .sns_yu { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_youtube.png"); }

.footer .social_box .sns_fb { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_facebook.png"); }

.footer .social_box .sns_tw { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_twitter.png"); }

.footer .social_box .sns_in { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_instargram.png"); }

.footer .social_box .copyright { padding:0px;background:unset;}

.footer .social_box .copyright p{color: #999; font-size: 0.875rem;margin-top: 12px;line-height: 1.375rem; text-align: right;}
@media screen and (max-width: 1239px) {

.pg-mobile .models_list .prod_item a:first-child{min-height: 95px;}

.productpartsfinder-partsfinder-index .filter .filter-options{display: block !important;}

.productpartsfinder-partsfinder-index.filter-active .page-wrapper{height: unset;visibility: visible;margin: unset;}

.productpartsfinder-partsfinder-index .h-layer_wrap .h-layer_cont > :first-child {padding-top: 0px;}

.productpartsfinder-partsfinder-index .filter-options .filter-options-item{width: 95%;}

.block-compare .actions-toolbar #compare_count_message.secondary{top: 300px;z-index: 999999;}

.pg-mobile { /** footer **/ }

.pg-mobile .header_wrap { position: fixed; left: 0; right: 0; top: 0; width: 100%; padding-left: 20px; padding-right: 20px; border-bottom: 0; background-color: #fff; -webkit-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; }

.pg-mobile .header_wrap .logo { width: 10.63rem; height: 1.375rem; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/common/m-header_logo.png) !important; background-size: 100%; margin-top: 3px; }

.pg-mobile .header_wrap .location { margin-right: 10px; }

.pg-mobile .header_wrap .location a { font-size: 0; color: transparent; }

.pg-mobile .header_wrap .mycar { margin-right: 15px; }

.pg-mobile .header_wrap.hide { top: -60px; }

.pg-mobile  #maincontent { padding-top: 60px; }

/*.productpartsfinder-partsfinder-index .pg-mobile .h-contents{padding-top: 30px;}*/

.pg-mobile .h-contents .page_back { -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.pg-mobile .h-contents .page_back.show { position: fixed; top: 60px; left: 0; right: 0; width: 100%; z-index: 1; }

.pg-mobile .h-contents .page_back.show .builded_vehicle { border-top: 0; }

.pg-mobile .h-contents .page_back.hide { position: fixed; top: -60px; left: 0; right: 0; width: 100%; }

.pg-mobile .h-gnb { overflow-y: auto; }

.pg-mobile .h-gnb .menu_close { top: 20px; right: 20px; width: 24px; height: 24px; }

.pg-mobile .h-gnb .tmenu { float: none; width: 100%; height: auto; margin-top: 60px; }

.pg-mobile .h-gnb .tmenu .menu { position: relative; padding: 0 20px; left: inherit; top: inherit; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.pg-mobile .h-gnb .tmenu .menu li { margin-top: 30px; }

.pg-mobile .h-gnb .tmenu .menu a { padding: 5px 15px 3px; font-size: 2.25rem; }

.pg-mobile .h-gnb .tmenu .menu .user { width: calc(100% - 20px); right: auto; left: 15px; bottom: -20px; text-align: left; }

.pg-mobile .h-gnb .tutil { float: none; width: calc(100% - 70px); height: auto; left: inherit; top: inherit; margin: 40px 35px; padding-top: 40px; border-left: 0; border-top: 1px dashed #999999; }

.pg-mobile .h-gnb .tutil .menu { position: relative; left: inherit; top: inherit; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.pg-mobile .h-gnb .tutil .lang { position: relative; left: inherit; margin-top: 45px; }

.pg-mobile .h-contents { height: auto; padding-top:20px }

.catalog-product-view .pg-mobile .h-contents {padding-top:0px }

.pg-mobile .h-contents .page_back { display: none; }

.pg-mobile .h-contents .builded_vehicle { border-top: 1px solid #D9D9D9; }

/*.pg-mobile .h-contents .builded_vehicle .info { display: none; }*/

.pg-mobile .h-contents .select_wrap { position: relative; width: 100%; border-right: 0; height: 100%}

.pg-mobile .h-contents .stage_wrap { width: 100%; margin-left: 0; height: 100%;}
.catalog-category-view .pg-mobile .h-contents .stage_wrap { padding: 0 20px; box-sizing: border-box; width: 100%; margin-left: 0; height: 100%;}

.pg-mobile .build_vehicle .stage_wrap { padding: 0 20px; }

.pg-mobile .content_wrap { padding: 40px 20px; }

.pg-mobile .content_wrap > .group:not(:first-child) { margin-top: 60px; }

.pg-mobile .content_wrap > .group .content_head + .frm_field { margin-top: 0; }

.pg-mobile .content_wrap > .tab_wrap [role="tablist"] { margin: 0 -20px; }

.pg-mobile .content_wrap > .tab_wrap [role="tablist"]._pulldown { width: calc(100% + 40px); }

.pg-mobile .content_wrap > .btn-type_wrap { display: block; margin-top: 40px; }

.pg-mobile .content_wrap > .btn-type_wrap .btn-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: auto; width: 100%; height: 55px; line-height: 53px; font-size: 1.125rem; }

.pg-mobile .content_wrap > .btn-type_wrap .btn-type:not(:first-child) { margin: 10px 0 0 0; }

.pg-mobile .content_wrap .content_list .content_stitle { margin-bottom: 20px; }

.pg-mobile .content_head .btn-type { -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.pg-mobile .content_head .btn-type:not(:first-child) { margin-left: 15px; }

.pg-mobile .content_title { margin-bottom: 10px; font-size: 1.625rem; line-height: 2.25rem; }

.pg-mobile .content_stitle { font-size: 1.375rem; }

.pg-mobile .content_desc { margin-bottom: 30px; }

.pg-mobile .content_info { margin-top: 30px; padding-top: 30px; }

.pg-mobile .event_container .event_item { padding: 30px 30px; }

.pg-mobile .event_container .event_item:not(:first-child) { margin-top: 20px; }

.pg-mobile .event_container .event_item > .group { -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; }

.pg-mobile .event_container .event_item .event_info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.pg-mobile .event_container .event_item .event_info .event_title { display: block; width: 100%; }

.pg-mobile .event_container .event_item .event_info .event_applied { margin: 10px 0 0 0; }

.pg-mobile .event_container .event_item .event_info .event_discount { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 13px 0 0 10px; }

.pg-mobile .event_container .event_item .event_info .event_discount em { margin-left: 10px; }

.pg-mobile .event_container .event_item .event_info .msg_info { width: 100%; margin-top: 20px; }

.pg-mobile .event_container .event_item .applied_result { margin-top: 20px; }

.pg-mobile .event_container .event_item .applied_result.back { width: calc(100% + 20px); margin-left: -10px; }

.pg-mobile .event_container .event_item .applied_result .separated { display: block; }

.pg-mobile .event_container .event_item .applied_result .separated .price { margin-left: 0; }

.pg-mobile .event_container .event_item .applied_result .separated .etc { display: block; margin: 10px 0 0 0; }

.pg-mobile .event_container .event_item .event_date { margin-top: 20px; }

.pg-mobile .event_container .event_item .event_date em { margin-left: 10px; }

.pg-mobile .event_container .event_item .event_button { display: block; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 20px 0 0 0; }

.pg-mobile .event_container .event_item .event_button .btn_applied:not(:first-child) { margin: 10px 0 0 0; }

.pg-mobile .delivery_container .radio_tablist { margin-bottom: 20px; }

.pg-mobile .delivery_container .contact { display: block; }

.pg-mobile .delivery_container .contact .map, .pg-mobile .delivery_container .contact .location { width: auto; }

.pg-mobile .delivery_container .contact .map { height: 56.25vw; margin-right: 0; }

.pg-mobile .delivery_container .contact .location { margin-top: 30px; padding: 0; }

.pg-mobile .delivery_container .contact .location .store_name { margin-bottom: 20px; }

.pg-mobile .delivery_container .contact .location .store_info dt, .pg-mobile .delivery_container .contact .location .store_info dd { float: none; width: 100%; }

.pg-mobile .delivery_container .contact .location .store_info dt:not(:first-of-type) { margin: 15px 0 5px; }

.pg-mobile .delivery_container .contact .location .store_info dd { margin-top: 0; padding-left: 10px; text-align: left; }

.pg-mobile .delivery_container .contact .location .btn-type_wrap { margin-top: 30px; text-align: left; }

.pg-mobile .delivery_container .referred_location { max-width: none; }

.pg-mobile .delivery_container .referred_location .bring { margin-bottom: 76px; }

.pg-mobile .footer { margin-top: 40px; }

.pg-mobile .footer .logo { width: 8.5rem; margin-top: 0;float: none;
margin: 0; }
.pg-mobile .footer .other_logo { width: 8.5rem; margin-top: 20px; padding: 0; float: none; }
.pg-mobile .footer .social_box .copyright{text-align: left;}
.pg-mobile .footer .inner_wrap { display: block; padding-left: 20px; padding-right: 20px; }

.pg-mobile .footer .contact_box { width: 100%; border: 0; margin: 0; padding: 0; margin-top: 10px; }
.pg-mobile .footer .inner_wrap > div:not(.logo){min-height: 100px;}
.pg-mobile .footer .contact_box .addr { margin-top: 15px; }

.pg-mobile .footer .social_box { width: 100%; border-top: 1px dotted #999; margin-top: 30px; text-align: left; }

.pg-mobile .footer .social_box .utils { margin-top: 25px; }

.pg-mobile .footer .social_box .social li { margin-left: 0; margin-right: 30px; }

.pg-mobile .footer .social_box .mores { position: relative; margin-top: 40px; }
.pg-mobile .footer .social_box .copyright p{text-align: left;}
.pg-mobile [class*="complete"] { display: block; }

.pg-mobile [class*="complete"] .car, .pg-mobile [class*="complete"] .estimate { width: auto; }

.pg-mobile [class*="complete"] .car { display: block; height: auto; padding: 40px 0; }

.pg-mobile [class*="complete"] .car .car_img { left: 0; }

.pg-mobile [class*="complete"] .car .info_container { margin-top: 30px; padding: 0 20px; }

.pg-mobile [class*="complete"] .car .info_container > .group { float: none; }

.pg-mobile [class*="complete"] .car .info_container > .group:not(:first-child) { margin: 20px 0 0 0; }

.pg-mobile [class*="complete"] .estimate { max-height: none; padding: 6% 20px 40px; }

.pg-mobile [class*="complete"] .estimate:after { display: none; }

.pg-mobile [class*="complete"] .estimate .estimate_head .title { font-size: 2.25rem; line-height: 1.2; }

.pg-mobile [class*="complete"] .estimate .estimate_head .desc { margin-top: 20px; }

.pg-mobile [class*="complete"] .estimate .estimate_head:before { width: 70px; height: 70px; }

.pg-mobile [class*="complete"] .estimate .estimate_body { margin-top: 30px; }

.pg-mobile [class*="complete"] .estimate .estimate_list { -webkit-box-ordinal-group: -1; -ms-flex-order: -2; order: -2; }

.pg-mobile [class*="complete"] .estimate .estimate_list > li { padding-top: 30px; padding-bottom: 30px; }

.pg-mobile [class*="complete"] .estimate .estimate_list .head .parts { font-size: 1.375rem; }

.pg-mobile [class*="complete"] .estimate .estimate_list .head .price { font-size: 1rem; }

.pg-mobile [class*="complete"] .estimate .estimate_list .detail span:last-child { font-weight: normal; }

.pg-mobile [class*="complete"] .estimate .estimate_list .detail > .group:not(:first-child) { margin-top: 15px; }

.pg-mobile [class*="complete"] .estimate .estimate_foot { margin-top: 30px; }

.pg-mobile [class*="complete"] .estimate .btn-type_wrap { display: block; margin-top: 40px; }

.pg-mobile [class*="complete"] .estimate .btn-type_wrap .btn-type { width: 100%; }

.pg-mobile [class*="complete"] .estimate .btn-type_wrap .btn-type:not(:first-child) { margin: 10px 0 0 0; }

.pg-mobile .snippet_wrap { left: 20px; right: 20px; -webkit-transform: none; transform: none; }

.pg-mobile .snippet_wrap .snippet_cont { padding: 26px 20px; font-size: .875rem; line-height: 1.375rem; }
}
.loadingbx { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-color: transparent; background-color: rgba(0, 0, 0, 0.5); text-align: center; z-index: 17; }

.loadingbx .inn { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.loadingbx p { margin-top: 20px; color: #999999; }

.loadingbx .loader { width: 80px; height: 80px; margin: 0 auto; border: 9px solid #F4F4F4; border-top-color: #0559F7; border-radius: 50%; -webkit-animation: spinloader 1.6s infinite ease-in-out; animation: spinloader 1.6s infinite ease-in-out; }

@-webkit-keyframes spinloader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

@keyframes spinloader { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }

.is-mobile .loadingbx p { font-size: 14px; }

.is-mobile .loadingbx .loader { width: 60px; height: 60px; border-width: 6px; }

.snippet_wrap { position: fixed; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); display: block; z-index: 100; }

.snippet_wrap .snippet_cont { 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; opacity: 1; top: 55px; font-weight: 600; color: #0559F7; text-align: center; position: relative; background-color: #fff; border: 1px solid #D9D9D9; padding: 30px 50px; -webkit-box-shadow: 20px 30px 40px rgba(0, 0, 0, 0.16); box-shadow: 20px 30px 40px rgba(0, 0, 0, 0.16); }

.blinking { position: absolute; right: 3%; top: 15%; width: 40px; height: 40px; border-radius: 100px; background-color: rgba(255, 98, 98, 0.5); display: block; font-size: 11px; line-height: 40px; color: #fff; text-align: center; -webkit-animation: blink 1.5s ease-in-out infinite alternate; animation: blink 1.5s ease-in-out infinite alternate; }

@-webkit-keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes blink { 0% { opacity: 0; }
  100% { opacity: 1; } }

.chatbot { display: none; position: fixed; bottom: 8.8%; right: 0; z-index: 19; background-color: transparent; }

.chatbot .bt_chatbot { display: block; width: 135px; height: 135px; background-color: transparent; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/common/chatbot2.png); background-size: cover; background-position: 0 0; background-repeat: no-repeat; }

.chatbot.showing { display: block; }

@media screen and (max-width: 1024px) { .chatbot { bottom: 20px; }
  .chatbot .bt_chatbot { width: 90px; height: 80px; } }

/** footer.inc **/
.util-test_drive .help { margin-bottom: 30px; border-bottom: 1px dashed #999; }

.util-test_drive .help .desc { margin-bottom: 30px; font-size: 1rem; }

.util-test_drive div:nth-of-type(2) .frm_field .frm:nth-of-type(1) { margin-top: 0; }

.util-test_drive div:nth-of-type(3) .frm_field .frm:nth-of-type(3), .util-test_drive div:nth-of-type(3) .frm_field .frm:nth-of-type(4) { margin-bottom: 20px; }

.util-test_drive .commentsbox { height: 140px; top: 30px; }

.util-request_quote .commentsbox { height: 140px; top:60px; }

.util-test_drive .commentsbox:before { content: "Comments"; position: absolute; bottom: 100%; left: 0; font-size: 1rem; font-weight: 900; margin-bottom: 10px; }

.util-request_quote .commentsbox:before { content: "Brief overview"; position: absolute; bottom: 100%; left: 0; font-size: 1rem; font-weight: 900; margin-bottom: 10px; }

.util-test_drive .required_field { display: block; font-size: 0.875rem; text-align: right; margin-bottom: 10px; }

.util-test_drive .frm_field { margin-bottom: 20px; }

.util-test_drive .frm_field .frm .inc_unit { font-size: 1rem; }

.util-test_drive .frm_field .frm select { color: #999; width: 100%; padding-right: 35px;}

.util-test_drive .frm_field .frm select#contact_time + p{padding-top: 7px;}

.util-test_drive .h-layer_wrap .btn-type_wrap { margin: 70px 0 30px; }

.util-test_drive .h-layer_wrap .btn-type_wrap .btn-type { max-width: 350px; width: 100%; }

.util-trade_in .frm_field input { background-color: #fff; }

.util-trade_in .frm_field .frm ._mix input { -webkit-box-flex: 0.7; -ms-flex: 0.7 1 0%; flex: 0.7 1 0%; }

.util-trade_in .frm_field .frm ._mix button { -webkit-box-flex: 0.3; -ms-flex: 0.3 1 0%; flex: 0.3 1 0%; }

.util-trade_in .frm_field + .frm_field { margin-top: 0; }

.util-trade_in .vehicle_number .desc { color: #000; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.util-trade_in .vehicle_number .frm_field { margin: 20px 0 30px; padding-bottom: 30px; border-bottom: 1px dashed #999; }

.util-trade_in .vehicle_number .frm_field input[type="checkbox"]:checked + .btn_denined { background-color: #0E306C; color: #fff; }

.util-trade_in .vehicle_number .frm_field .btn_denined { display: block; width: calc(50% - 6px); margin-left: 10px; height: 50px; border: 2px solid #0E306C; font-weight: 600; font-size: 1rem; text-align: center; line-height: 48px; cursor: pointer; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; letter-spacing: -.2px; }

.util-trade_in .frm_field._find { display: none; }

.util-trade_in .total_result { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; padding-top: 30px; border-top: 3px solid #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.util-trade_in .total_result .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; color: #000; font-weight: 900; font-size: 1rem; }

.util-trade_in .total_result .price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; color: #000; font-weight: 900; font-size: 2.5rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-align: right; }

.util-trade_in .info { margin-top: 30px; padding-top: 18px; border-top: 1px dashed #999; }

.util-trade_in .info .desc { color: #999; padding-left: 10px; font-size: .875rem; line-height: 1.375rem; text-indent: -10px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.util-e_brochure .help { margin-bottom: 30px; }

.util-e_brochure .help .desc { font-size: 1rem; }

.util-e_brochure .frm_field { margin-bottom: 20px; }

.util-e_brochure .frm_field .img { border: 1px solid #D9D9D9; text-align:center; }

.util-e_brochure .frm_field .img img { max-width: 100%; height:auto; }

.util-e_brochure .frm_field select { color: #999; }

#download_div.disable .btn-type{pointer-events: none; opacity: 0.6;}

.util-e_brochure .h-layer_wrap .btn-type_wrap .btn-type { max-width: 350px; width: 100%; }

.util-e_brochure .h-layer_wrap .btn-type_wrap .btn-type[aria-hidden="true"] { display: none; }

.util-e_brochure .h-layer_wrap .btn-type_wrap .btn-type i { margin-bottom: 5px; }

.util-loan_calc .help { font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; margin-bottom: 30px; border-bottom: 3px solid #000; }

.util-loan_calc .help .desc { margin-bottom: 15px; font-size: 1.375rem; font-family: inherit; }

.util-loan_calc .help .desc i { font-weight: 900; font-family: inherit; font-style: normal; }

.util-loan_calc .tab_wrap .tab_tit { font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; font-size: 1.375rem; font-weight: 600; margin-bottom: 20px; }

.util-loan_calc .tab_wrap .radio_tablist { padding-bottom: 30px; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap { width: 100%; position: relative; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap input[type="radio"] + label { height: 75px; font-size: 1.375rem; line-height: 4.875rem; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap input[type="radio"] + label span { font-size: inherit; font-weight: inherit; width: 80%; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap input[type="radio"]:checked + label { font-weight: 900; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap input[type="radio"]:not(:checked) + label { color: #000; font-weight: 600; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap a[rel="tooltip"] { position: absolute; top: 28px; right: 22px; }

.util-loan_calc .tab_wrap .radio_tablist .radiowrap span.tooltip { left: inherit !important; color: #999999; font-weight: 300; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm .inc_unit { font-size: 1rem; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled)::-webkit-input-placeholder { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled)::-moz-placeholder { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled):-ms-input-placeholder { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled)::-ms-input-placeholder { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled)::placeholder { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm input:not(:disabled) + span { color: #000; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [data-type="percentage"] { text-align: right; background-color: #F4F4F4; border-color: #D9D9D9; color: #999; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm .radiowrap { margin-right: 50px; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm .radiowrap:last-child { margin-right: 0; }

.util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm select { color: #999; }

.util-loan_calc .tab_wrap .required_field { display: block; font-size: 0.875rem; text-align: right; margin-bottom: 10px; }

.util-loan_calc .total_result { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 60px; padding-top: 30px; border-top: 3px solid #000; }

.util-loan_calc .total_result .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -ms-flex-item-align: center; align-self: center; color: #000; font-weight: 900; font-size: 1rem; position: relative; }

.util-loan_calc .total_result .desc span.tooltip { top: -95px !important; left: inherit !important; text-align: left; }

.util-loan_calc .total_result .desc .ic_info { margin-right: 0; margin-left: 5px; margin-bottom: 1px; }

.util-loan_calc .total_result .price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; color: #000; font-size: 2.5rem; font-weight: 900; line-height: 2.313rem; }

.util-loan_calc .info { margin-top: 30px; padding-top: 20px; border-top: 1px dashed #999; }

.util-loan_calc .info .desc { color: #999; font-size: 0.875rem; line-height: 1.375rem; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; position: relative; padding-left: 12px; }

.util-loan_calc .info .desc:before { content: "* "; position: absolute; left: 0; top: 0; }

.util-loan_calc .h-layer_wrap .btn-type_wrap .btn-type { max-width: 350px; width: 100%; }

.chatbot_popup .content_stitle { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chatbot_popup .h-layer_wrap { left: 80%; top: 65%; }

.chatbot_popup .h-layer_wrap._alert .h-layer_head { min-height: 60px; padding-bottom: 0; }

.chatbot_popup .h-layer_wrap._alert .h-layer_cont { padding-top: 0; }

.terms_service .tab_wrap .tab_contents { margin-top: 30px; }

.terms_service .chapter, .terms_service .separate, .terms_service .category { font-size: 1rem; line-height: 1.5rem; }

.terms_service .chapter { margin-bottom: 15px; font-weight: 900; }

.terms_service .chapter:not(:first-child) { margin-top: 40px; }

.terms_service .category { margin-bottom: 10px; font-weight: 600; }

.terms_service .separate:not(:first-child) { margin-top: 20px; }

.terms_service [class^="bullet_"] > li:not(:first-child) { margin-top: 20px; }
@media screen and (max-width: 1239px) {
.pg-mobile .util-test_drive .h-layer_wrap .btn-type_wrap { margin-top: 70px; }

.pg-mobile .util-test_drive .h-layer_wrap .btn-type_wrap .btn-type { max-width: 100%; }

.pg-mobile .util-trade_in .frm_field .frm ._mix { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pg-mobile .util-trade_in .frm_field .frm ._mix input { -webkit-box-flex: 0.76; -ms-flex: 0.76 1 0%; flex: 0.76 1 0%; }

.pg-mobile .util-trade_in .frm_field .frm ._mix button { margin: 0 0 0 10px; -webkit-box-flex: 0.24; -ms-flex: 0.24 1 0%; flex: 0.24 1 0%; padding: 0 1.063rem; }

.pg-mobile .util-trade_in .vehicle_number .frm_field { margin-bottom: 30px; }

.pg-mobile .util-trade_in .vehicle_number .frm_field .btn_denined { margin: 20px 0 0; width: 100%; }

.pg-mobile .util-trade_in .total_result { display: block; margin-top: 30px; padding-top: 20px; }

.pg-mobile .util-trade_in .total_result .desc { -webkit-box-flex: 0; -ms-flex: none; flex: none; line-height: 1rem; }

.pg-mobile .util-trade_in .total_result .price { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 5px; font-size: 1.875rem; }

.pg-mobile .util-trade_in .info { margin-top: 20px; padding-top: 20px; }

.pg-mobile .util-e_brochure .h-layer_wrap .btn-type_wrap .btn-type { max-width: 100%; }

.pg-mobile .util-loan_calc .help .desc { font-size: 1.375rem; }

.pg-mobile .util-loan_calc .total_result { margin-top: 30px; padding-top: 20px; display: block; }

.pg-mobile .util-loan_calc .total_result .price { margin-top: 5px; display: block; font-size: 1.875rem; }

.pg-mobile .util-loan_calc .total_result .desc { display: block; text-align: left; font-size: 0.875rem; }

.pg-mobile .util-loan_calc .info { margin-top: 20px; }

.pg-mobile .util-loan_calc .tab_wrap .tab_tit { font-size: 1.375rem; }

.pg-mobile .util-loan_calc .tab_wrap .radio_tablist .radiowrap { height: 60px; border-width: 2px; }

.pg-mobile .util-loan_calc .tab_wrap .radio_tablist .radiowrap input[type="radio"] + label { height: 58px; line-height: 3.75rem; font-size: 1rem; padding: 0px 0px 0px 33px; background-size: 20px; }

.pg-mobile .util-loan_calc .tab_wrap .radio_tablist .radiowrap span.tooltip { font-weight: 300; }

.pg-mobile .util-loan_calc .tab_wrap .radio_tablist .radiowrap a[rel="tooltip"] { top: 19px; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents { border-top: 1px dashed #999; padding-top: 30px; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [class*="col_n"] { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [class*="col_n"] .radiowrap { margin-right: 20px; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [class*="col_n"] select { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-bottom: 0; margin-left: 0; margin-right: 5px; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [class*="col_n"] select:last-child { margin-right: 0; }

.pg-mobile .util-loan_calc .tab_wrap .radio-tab_contents .frm_field .frm [data-type="percentage"] { text-align: left; }

.pg-mobile .util-loan_calc .h-layer_wrap .btn-type_wrap { display: block; margin-bottom: 0 !important; }

.pg-mobile .util-loan_calc .h-layer_wrap .btn-type_wrap .btn-type { max-width: calc(100% - 40px); }

.pg-mobile .chatbot_popup .h-layer_wrap { top: 50%; }


.catalog-product-view .pg-mobile .page.messages{margin-top: 60px;}


}
.h-gnb:after, .frm_field:after, .select_dealer .result:after, .product_container .product_mask:after, .option_mask:after { content: ""; display: block; clear: both; }

/** common/component **/
/** checkbox/radio **/
.chkwrap { display: inline-block; min-height: 30px; margin-right: 40px; }
.customer-popup-login .chkwrap{margin-right: 2px;}
.customer-popup-login-wishlist .chkwrap{margin-right: 2px;}
.chkwrap input[type=checkbox],.chkwrap input[type=radio]  { 
visibility: hidden;
  width: 0;
  height: 0;
}

.chkwrap input[type=checkbox] + label, .chkwrap input[type=radio] + label { display: inline-block; position: relative; height: 30px; line-height: 30px; padding-left: 30px; cursor: pointer; font-size: 1rem; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_check.png"); background-repeat: no-repeat; background-size: 20px; background-position: left center; vertical-align: middle; }

.chkwrap input[type=checkbox] + label + span, .chkwrap input[type=radio] + label + span { color: inherit; font-size: inherit; }

.chkwrap input[type=checkbox] + label .unit, .chkwrap input[type=radio] + label .unit { color: #999; }

.chkwrap input[type=checkbox]:checked + label, .chkwrap input[type=radio]:checked + label { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_check-on.png"); }

.chkwrap input[type=checkbox]:disabled + label, .chkwrap input[type=radio]:disabled + label { color: #999999; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_check-disable.png"); }

.chkwrap input[type=checkbox]:disabled + label span, .chkwrap input[type=radio]:disabled + label span  { color: #999999; }

.radiowrap { display: inline-block; min-height: 30px; margin-right: 40px; }

.radiowrap input[type=radio] { display: none; }

.radiowrap input[type=radio] + label { display: inline-block; position: relative; padding: 5px 0 5px 30px; cursor: pointer; font-size: 1rem; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_radio.png"); background-repeat: no-repeat; background-size: 20px; background-position: left center; vertical-align: middle; }

.radiowrap input[type=radio] + label + span { color: inherit; font-size: inherit; }

.radiowrap input[type=radio] + label span { color: inherit; font-size: inherit; }

.radiowrap input[type=radio]:checked + label { background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_radio-on.png"); }

.radiowrap input[type=radio]:disabled + label { color: #999999; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_radio-disable.png"); }

.radiowrap input[type=radio]:disabled + label span { color: #999999; }

.radiowrap._boxing { min-width: 180px; height: 50px; }

.radiowrap._boxing input[type=radio] + label { position: relative; width: 100%; min-height: 100%; padding-left: 48px; padding-right: 20px; background-color: #fff; background-position: left 20px center; border: 1px solid #D9D9D9; font-size: 1rem; line-height: 1.2; color: #999; }

.radiowrap._boxing input[type=radio] + label span { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.radiowrap._boxing input[type=radio]:checked + label { font-weight: 600; border: 2px solid #0559F7; color: #0559F7; }

.radiowrap._boxing input[type=radio]:disabled + label { background-color: #F4F4F4; }

/** tab **/
.tablist { display: -webkit-box; display: -ms-flexbox; display: flex; }

.tablist:not(._line) li:not(:first-child) { margin-left: -1px; }

.tablist:not(._line) li .tab { background-color: #fff; }

.tablist:not(._line) li .tab[aria-selected="true"]:before { content: ''; display: block; position: absolute; left: -1px; top: -1px; bottom: -1px; right: -1px; z-index: -1; background-color: #0E306C; }

.tablist li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border: 1px solid #D9D9D9; height: 50px; line-height: 50px; text-align: center; }



.tablist li .tab { display: block; position: relative; min-width: 100%; height: 100%; background-color: #fff; color: #999; font-size: 1rem; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; cursor: pointer; z-index: 1; }

.tablist li .tab span { font-size: 0.813rem; color: inherit; vertical-align: baseline; }

.tablist li .tab:after { display: none; }

.tablist li .tab[aria-selected="true"] { position: relative; color: #fff; font-weight: 900; }

.tablist li .tab[aria-selected="true"]:after { display: none; }

.tablist li .tab[aria-selected="true"] .current { color: #fff; }

.tablist li .tab .current { color: #999; font-size: 13px; vertical-align: middle; }



.tablist._line { display: block; }

.tablist._line li { display: inline-block; height: auto; border: 0; line-height: 60px; }

.tablist._line li .tab { min-width: 140px; height: 60px; padding: 0 25px; background-color: transparent; border: 0; border-bottom: 4px solid #999999; color: #999999; font-size: 1.375rem; }

.tablist._line li .tab[aria-selected="true"] { border-color: #0E306C; color: #0E306C; }
.tablist._line li .white.tab[aria-selected="true"] { border-color: #fff; color: #fff; }

.tablist._line li .tab[aria-selected="true"]:hover { font-weight: 900; }

.tablist._line li .tab:hover { font-weight: normal; }

.tablist._line li.wh_tab .tab[aria-selected="true"] { border-color: #fff; color: #fff; }

.tab_contents { clear: both; outline: none; border: 0; position: relative; }
.color_tab_contents{position: static;}
.build_container .content_wrap .tab_contents {min-height: 356px;}

.tab_contents .tab_panel { outline: none; }

.tab_contents .tab_panel[aria-hidden="true"] { display: none; }

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

.radio_tablist li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-right: 15px; }

.radio_tablist li:last-child { margin-right: 0; }

.radio_tablist .radiowrap { min-width: 100%; height: 78px; padding: 0 25px; margin-right: 0; border: 1px solid #D9D9D9; line-height: 1; text-align: left; }

.radio_tablist .radiowrap[aria-selected="true"] { background-color: #fff; border-width: 2px; border-color: #285BEE; }

.radio_tablist .radiowrap[aria-selected="true"] input[type="radio"] + label { color: #0559F7; font-weight: 600; }

.radio_tablist .radiowrap[aria-selected="true"] input[type="radio"] + label span { color: inherit; font-weight: inherit; font-size: inherit; }

.radio_tablist .radiowrap input[type=radio] { margin-right: 30px; color: #999999; }

.radio_tablist .radiowrap input[type=radio] + label { display: inline-block; width: 100%; height: 78px; line-height: 78px; padding: 0 0 0 40px; font-family: 'HyundaiSansText'; font-size: 1.375rem; color: #999999; background-size: 30px; }

.radio_tablist .radiowrap input[type=radio] + label span { font-size: 1rem; }

.radio_tablist .radiowrap input[type=radio]:checked + label { color: #0559F7; }

.radio_tablist._type02 { margin-bottom: 30px; }

.radio_tablist._type02 li { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-right: 5%; }

.radio_tablist._type02 .radiowrap { padding: 0; height: auto; min-height: inherit; border: none; background-color: transparent; }

.radio_tablist._type02 .radiowrap input[type=radio] { margin-right: 15px; }

.radio_tablist._type02 .radiowrap input[type=radio] + label { padding: 5px 0 5px 30px; height: inherit; line-height: inherit; font-size: 1rem; font-weight: normal; color: #000000; background-size: 20px; }

.radio_tablist._type02 .radiowrap[aria-selected="true"] label { color: #000000; }

.radio-tab_contents { clear: both; outline: none; border: 0; }

.radio-tab_contents .tab_panel { display: block; outline: none; }

.radio-tab_contents .tab_panel[aria-hidden="true"] { display: none; }

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

.select_radio .radiowrap._boxing { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: auto; margin-right: 15px; }

.select_radio .radiowrap._boxing:last-of-type { margin-right: 0; }

.select_radio .radiowrap._boxing input[type=radio] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 25px 25px 70px; background-size: 30px; font-size: 1.375rem; font-weight: 600; border-width: 2px; color: #000; }

.select_radio .radiowrap._boxing input[type=radio] + label span { position: relative; top: auto; width: 100%; color: #000; font-weight: normal; font-size: 0.875rem; line-height: 1.375rem; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.select_radio .radiowrap._boxing input[type=radio]:checked + label { color: #0559F7; font-weight: 900; }

.sub_tablist ._active .sub-tab { color: #fff; font-weight: 900; }

.sub_tablist ._active .sub-tab:before { content: ''; display: block; position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; background-color: #0E306C; z-index: -1; }

.sub_tablist .sub-tab { display: block; position: relative; z-index: 1; width: 100%; height: 100%; color: #999; font-size: 1rem; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.sub_tablist .sub-tab .current { color: inherit; font-size: 13px; vertical-align: middle; }

.sub_tablist .sub-tab_panel { visibility: hidden;
height: 0;
width: 0;
position: absolute;
top: 0;}

.sub_tablist .sub-tab_panel._active { visibility: visible; height: auto; width: 100%;}

/** accordion **/
.accordion_wrap .item { -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; }

.accordion_wrap .item:first-child { border-top: 1px solid #D9D9D9; }

.accordion_wrap .acco_head { padding: 0 40px; text-decoration: none; outline: 0; cursor: pointer; }

.accordion_wrap .acco_head .acco_target { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-height: 80px; padding: 27px 30px 26px 0; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; cursor: pointer; color: black;}

.accordion_wrap .acco_head .acco_target span { font-family: inherit; font-weight: inherit; font-size: inherit; }

.accordion_wrap .acco_head .acco_target i { top: 50%; right: 0; position: absolute; display: inline-block; width: 16px; height: 9px; overflow: hidden; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.accordion_wrap .acco_head .acco_target i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; -webkit-transform: translate(-50%, -50%) scale(1, 1.125) rotate(45deg); transform: translate(-50%, -50%) scale(1, 1.125) rotate(45deg); margin-top: -3px; border-right: 2px solid #000; border-bottom: 2px solid #000; }

.accordion_wrap .acco_head[aria-expanded="true"] .acco_target i { -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

.accordion_wrap [data-status="disabled"] .acco_panel { display: none; }

.accordion_wrap .acco_panel { padding: 30px 40px; background-color: #F4F4F4; outline: 0; }

.accordion_wrap .acco_panel[aria-hidden="true"] { display: none; }

.accordion_wrap .acco_panel .desc { line-height: 1.5rem; }

.accordion_wrap .acco_panel .tbl_default { border-top-width: 1px; padding-bottom: 40px; margin: 0; }

.build_menu .item { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; }
.build_menu .trims_control{height: 0; width: 0; visibility: hidden;}
.build_menu .item._active .menu_panel{display: block; visibility: visible; height: auto; width: auto;}
.build_menu .item._active .trims_control{  visibility: visible; height: auto; width: auto;margin-bottom: 10px;}

.build_menu .menu_head { display: block; min-height: 60px; padding: 6.69% 13.364%; text-decoration: none; outline: 0; cursor: pointer; }
.build_menu .trims_control{padding-left:13.364%; padding-right:13.364%}
.build_menu .menu_head .heading { display: block; position: relative; }

.build_menu .menu_head .heading > i { top: 50%; top: 15px;right: 13.36%; margin-top: -6px; position: absolute; display: inline-block; width: 14px; height: 7px; overflow: hidden; }

.build_menu .menu_head .heading > i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -2px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }

.build_menu .menu_head[aria-expanded="true"] .heading > i { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.build_menu .menu_panel { outline: 0; padding: 0 13.364% 12%; }
.build_menu .item._active .menu_panel{ outline: 0; padding: 0 13.364% 12%; }

.build_menu .menu_panel .tbl_default { border-top-width: 1px; padding-bottom: 40px; margin: 0; }

/** button **/
.btn-type_wrap { display: block; width: 100%; text-align: center; }

a.btn-type, button.btn-type { display: inline-block; width: auto; min-width: 100px; padding: 0 30px; height: 65px; line-height: 65px; font-size: 1.375rem; font-weight: 600; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-align: center; }

span.btn-type._default, a.btn-type._default, button.btn-type._default { background-color: #0E306C; color: #fff; }

.primary button.action{ background-color: #0E306C; color: #fff; }

a.btn-type._default:hover, button.btn-type._default:hover { background-color: #0b2451; }

a.btn-type._cancel, button.btn-type._cancel { background-color: #CCCCCC; color: #fff; }

a.btn-type._cancel:hover, button.btn-type._cancel:hover { background-color: #b5b5b5; }

a.btn-type._gray, button.btn-type._gray { min-width: 200px; background-color: #F4F4F4; border: 1px solid #D9D9D9; color: #000; font-size: 1rem; min-height: auto; height: 50px; line-height:48px; }

a.btn-type._gray:hover, button.btn-type._gray:hover { background-color: #b5b5b5; }

a.btn-type._line, button.btn-type._line { border: 1px solid #D9D9D9; }

a.btn-type._highlight, button.btn-type._highlight { border: 2px solid #0E306C; color: #0E306C; line-height: 3.938rem; }

a.btn-type._btext, a.btn-type._bktext, button.btn-type._btext, button.btn-type._bktext ,.button.btn-type._bktext{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: auto; height: auto; min-height: auto; padding: 0; line-height: inherit; font-size: 1rem; font-weight: normal; }

a.btn-type._btext, button.btn-type._btext, .button.btn-type._btext { color: #0559F7; }

a.btn-type._btext .ic_compare, button.btn-type._btext .ic_compare { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_compare_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_search, button.btn-type._btext .ic_search { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_search_blue.png); background-size: 15px; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_refresh, button.btn-type._btext .ic_refresh { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_refresh_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_filter, button.btn-type._btext .ic_filter { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_filter_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }


a.btn-type._btext .ic_compare, button.btn-type._btext .ic_compare , .button.btn-type._btext .ic_compare { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_compare_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_search, button.btn-type._btext .ic_search, .button.btn-type._btext .ic_search { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_search_blue.png); background-size: 15px; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_refresh, button.btn-type._btext .ic_refresh, .button.btn-type._btext .ic_refresh  { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_refresh_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

a.btn-type._btext .ic_filter, button.btn-type._btext .ic_filter, .button.btn-type._btext .ic_filter { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_filter_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.prepaid button.btn-type.prepaid_summary_btn{float: right; font-size: 20px;

width: auto;background-color: #0E306C;
color: #fff;
min-width: 100px;
padding: 0 30px;
height: 65px;
line-height: 65px;
font-size: 1.375rem;
font-weight: 600;
font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;
text-align: center;
}

.prepaid button.btn-type.prepaid_summary_btn .ic_review{height: 17px; width: 17px;}

a.btn-type:disabled, button.btn-type:disabled { background-color: #999; color: #ccc; cursor: default; }

a.btn-type:disabled i, button.btn-type:disabled i { opacity: 0.5; }

a.btn-type:disabled i:before, button.btn-type:disabled i:before { border-color: #ccc !important; }

a.btn-type._row2, button.btn-type._row2 { height: auto; min-height: 65px; padding: 12px 10px 10px; line-height: 1.2; }

a.btn-type._glink, button.btn-type._glink { height: auto; padding: 0; font-size: 0.875rem; font-weight: 400; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; line-height: 1.625rem; color: #999; }

a.btn-type._glink:after, button.btn-type._glink:after { content: ''; width: 6px; height: 9px; margin-left: 6px; display: inline-block; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_continue_grey.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }

/** icon **/
[class*='ic_'] { display: inline-block; margin-right: 5px; vertical-align: middle; }

.ic_loca { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_location.png); background-size: 10px; background-position: center center; background-repeat: no-repeat; }

.ic_loca_find { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_location_blue.png); background-size: cover; background-position: center center; background-repeat: no-repeat; }

.ic_hide { width: 18px; height: 18px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_hide.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_show { width: 18px; height: 18px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_show.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

/*.ic_error { width: 18px; height: 18px; background-color: #fff; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_error.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }*/

.ic_compare { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_compare.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_compare_blue { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_compare_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_outlink { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_outlink.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_outlink_blue { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_outlink_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_refresh { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_refresh.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_refresh_blue { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_refresh_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_search { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_search.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_search_blue { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_search_blue.png); background-size: 15px; background-position: 0 center; background-repeat: no-repeat; }

.ic_info { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_info.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_info-select { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_info-select.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_check { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_check.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_check_blue { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_check_blue.png); background-size: 15px; background-position: 0 center; background-repeat: no-repeat; }

.ic_call { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_call.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_mail { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_mail.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_tip { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_info.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_filter { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_filter.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_filter_blue { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_filter_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_drag { width: 30px; height: 30px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_drag.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_person { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_person.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_play { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_play.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_play_blue { width: 14px; height: 14px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_play_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_review01 { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_review01.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_review { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_review.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_review_blue { width: 14px; height: 14px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_review_blue.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_mycar { width: 28px; height: 18px; margin-right: 0; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_mycar.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_mycart { width:28px; height:18px; margin-right: 0; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_cart.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_smile { width: 18px; height: 18px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_smile.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_time { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_time.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_time { width: 16px; height: 16px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_time.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_share { width: 15px; height: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_share.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_download { width: 20px; height: 20px; margin-right: 5px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_download.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_download-wh { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_download-wh.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_calculation { width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_calculation.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.ic_testdrive{ width: 28px; height: 18px; margin-right: 0; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/ic_testdrive.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }


/* layer popup */
.h-layer_body { position: fixed; z-index: 1000; top: 0; left: 0; display: none; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); }
.h-layer_body.option_detail{z-index: 1001;}
.h-layer_body.h-layer_full { top: inherit; bottom: 0; background-color: transparent; }

.h-layer_body.h-layer_full .h-layer_wrap { width: 100%; height: 100%; }

.h-layer_body.h-layer_full .h-layer_head .h-layer_title { height: 70px; padding: 23px 30px; text-align: left; }

.h-layer_body.h-layer_full .h-layer_cont { height: calc(100% - 70px); padding: 20px 30px; }

.h-layer_body.h-layer_full .h-layer_close { top: 27px; right: 32px; }

.h-layer_body.h-layer_wide .h-layer_wrap { max-width: 100%; width: 100%; border-radius: 0; }

.h-layer_body.h-layer_wide .h-layer_head .h-layer_title { border-bottom: 1px solid #e1e1e1; }

.h-layer_wrap { position: absolute; z-index: 10; top: 50%; left: 50%; width: 670px; background-color: #fff; opacity: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: visibility 0.2s 0.1s, opacity 0.2; transition: visibility 0.2s 0.1s, opacity 0.2; overflow: hidden; }

.h-layer_wrap .h-layer_head { position: relative; min-height: 80px; padding: 25px 25px 20px; background-color: #fff; border-bottom: 1px solid #D9D9D9; }

.h-layer_wrap .h-layer_head .h-layer_title { font-size: 1.875rem; font-weight: 900; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.h-layer_wrap .h-layer_close { cursor: pointer; position: absolute; top: 30px; right: 25px; width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/btn_popclose.png); background-size: 1.063rem; background-repeat: no-repeat; background-position: center center; border: 0; text-indent: -9999px; }

.h-layer_wrap .h-layer_cont { position: relative; width: 100%; max-height: calc(100vh - 200px); padding: 40px 50px 0; font-size: 1.125rem; line-height: 1.4; overflow-y: auto; z-index: 11; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.h-layer_wrap .h-layer_cont > *:first-child { margin-top: 0; }

.h-layer_wrap .h-layer_cont > *:last-child { margin-bottom: 0; }

.h-layer_wrap .h-layer_cont._center { text-align: center; }

.h-layer_wrap .h-layer_cont:after { content: ''; display: block; height: 50px; }

.h-layer_wrap .h-layer_cont .in_tit { margin-bottom: 15px; font-size: 1.875rem; font-weight: 900; }

.h-layer_wrap .h-layer_cont .frm_field .frm:not(:first-child) { margin-top: 30px; }

.h-layer_wrap .h-layer_cont .frm_field.field_half .frm:nth-child(2) { margin-top: 0; }

.h-layer_wrap .btn-type_wrap { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.h-layer_wrap .btn-type_wrap .btn-type { cursor: pointer; width: 250px; margin-right: 10px; padding: 0px 10px; font-size: 1.375rem; line-height: 64px; }

.h-layer_wrap .btn-type_wrap .btn-type:last-child { margin-right: 0; }

.h-layer_wrap._alert { width: 450px; }

.h-layer_wrap._alert .h-layer_head { border-bottom: 0; }

.h-layer_wrap._alert .h-layer_cont { padding-top: 15px; text-align: center; }

.h-layer_wrap._alert .h-layer_cont:first-child { padding-top: 50px; }

.h-layer_wrap._alert .btn-type_wrap .btn-type { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: auto; }

.h-layer_wrap._wide { width: 950px; }

.h-layer_wrap._wide .h-layer_cont { padding-bottom: 140px; }

.h-layer_wrap._wide .btn-type_wrap { position: fixed; background-color: #fff; left: 0; bottom: 0; margin-top: 0; padding-top:30px; padding-bottom:30px;z-index: 1}

.h-layer_wrap .frm_field.breif{margin-top: 30px}

.h-layer_wrap .frm_field.breif textarea{min-height: 70px;}

.h-layer_wrap .frm_field dt { font-size: 1rem; }

.h-layer_body.is-visible { visibility: visible; }

.h-layer_body.is-visible .h-layer_wrap { opacity: 1; }

.h-layer_body.is-visible[role="dialog"] { display: block; }

.h-layer_foo.btn_wrap._fixed { z-index: 101; }

/* form field(input) */
/*.required { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }*/

/*.required::before { content: '*'; display: inline-block; margin-left: 2px; color: #0559F7; line-height: 1; vertical-align: middle; }*/

.req_txt { font-size: 0.875rem; line-height: 1.5rem; text-align: right; margin-bottom: 10px; }

.frm_field dt { font-weight: 900; font-size: 1rem; }

.frm_field dt label { font-weight: inherit; font-size: inherit; }

.frm_field dt.a11y + dd { margin-top: 0; }

.frm_field dd { position: relative; margin-top: 10px; }

.frm_field .mage-error + .mage-error + [class*='ic_'] { position: absolute; right: 20px; top: 16px; z-index: 1;width: 18px;height: 18px;background-color: #fff;background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_error.png);background-size: cover;background-position: 0 center;background-repeat: no-repeat;display:block; }

.frm_field .inp_txt { margin-top: 10px; font-size: 0.875rem; font-family: inherit; line-height: 1.3; text-align: left; }

.frm_field .inp_txt.warn { color: #E80710; }

.frm_field .inp_txt.succ { color: #0559F7; }

.frm_field .btn-type { height: 50px; line-height: 50px; font-weight: 600; font-size: 1rem; }

.frm_field .frm:not(:first-of-type) { margin-top: 40px; }

.frm_field .frm ._mix { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.frm_field .frm ._mix input, .frm_field .frm ._mix select { -webkit-box-flex: .76; -ms-flex: .76; flex: .76; }

.frm_field .frm ._mix button { -webkit-box-flex: .24; -ms-flex: .24; flex: .24; min-width: inherit; margin-left: 10px; }

.frm_field .frm ._mix input:not([type="radio"]):not([type="checkbox"]):not([type="file"]):not(:first-child), .frm_field .frm ._mix select:not(:first-child) { margin-left: 10px; }

.frm_field .frm ._mix .inp_txt { width: 100%; }

.frm_field .frm ._mix .warn + [class*='ic_'] { right: calc(20% + 15px); }

.frm_field .frm ._mix .masking { display: inherit; width: 100%; }

.frm_field .frm ._mix .masking .mage-error + [class*='ic_'] { right: calc(40% + 10px); }

.frm_field .frm ._mix .masking .btn_masking { right: calc(40% + 10px); }

.frm_field .frm [class*='col_n'] { display: -webkit-box; display: -ms-flexbox; display: flex; }

.frm_field .frm [class*='col_n'] select, .frm_field .frm [class*='col_n'] input { margin-left: 10px; }

.frm_field .frm [class*='col_n'] select:first-child, .frm_field .frm [class*='col_n'] input:first-child { margin-left: 0; }

.frm_field .frm [class*='col_n'] label.a11y:first-child + select, .frm_field .frm [class*='col_n'] label.a11y:first-child + input { margin-left: 0; }

@media screen and (min-width: 1024px) { .frm_field .frm [class*='col_n'] select, .frm_field .frm [class*='col_n'] input { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

@media screen and (max-width: 1023px) { .frm_field .frm [class*='col_n'] { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media screen and (max-width: 1023px) { .frm_field .frm .col_n-2 select, .frm_field .frm .col_n-2 input { width: calc((100% / 2) - 5px); } }

@media screen and (min-width: 1024px) { .frm_field .frm .col_n-2.variable select:first-child, .frm_field .frm .col_n-2.variable input:first-child { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3 * 2 - 3px); flex: 0 0 calc(100% / 3 * 2 - 3px); }
  .frm_field .frm .col_n-2.variable label.a11y:first-child + select, .frm_field .frm .col_n-2.variable label.a11y:first-child + input { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 3 * 2 - 3px); flex: 0 0 calc(100% / 3 * 2 - 3px); } }

@media screen and (max-width: 1023px) { .frm_field .frm .col_n-3 select, .frm_field .frm .col_n-3 input { width: calc((100% / 2) - 5px); margin-bottom: 10px; }
  .frm_field .frm .col_n-3 select:nth-child(3n), .frm_field .frm .col_n-3 input:nth-child(3n) { margin-left: 0; } }

.frm_field .frm.length_limit .counting { position: absolute; right: 0; top: -30px; color: #000; font-size: 1rem; }

.frm_field .frm [class^="field_triple"] { display: -webkit-box; display: -ms-flexbox; display: flex; }

.frm_field .frm [class^="field_triple"] > .group { position: relative; width: calc(100% / 3); }

.frm_field .frm [class^="field_triple"] > .group:not(:first-child) { margin-left: 10px; }

.frm_field .frm .field_triple-variable > .group:first-child { width: calc((100% / 3) + (100% / 3) + 10px); }

.frm_field .frm .inc_unit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.frm_field .frm .inc_unit > .group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }

.frm_field .frm .inc_unit input { padding-left: 60px; text-align: right; }

.frm_field .frm .inc_unit .space { position: relative; width: 20px; }

.frm_field .frm .inc_unit .space:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; width: 6px; height: 1px; margin-left: -3px; background-color: #000; }

.frm_field .frm .inc_unit .unit { position: absolute; left: 20px; top: 50%; color: #999; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.frm_field .frm .form_mixed { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.frm_field .frm .form_mixed .radiowrap:last-of-type { margin-right: 20px; }

.frm_field .frm .form_mixed input:not([type="radio"]):not([type="checkbox"]), .frm_field .frm .form_mixed select { width: 240px; }

.frm_field.field_half .frm { float: left; width: calc((100% / 2) - 5px); margin-right: 10px; }

.frm_field.field_half .frm:nth-of-type(2) { margin-top: 0; }

.frm_field.field_half .frm:nth-of-type(2n) { margin-right: -3px; }

.frm_field.field_half .frm:nth-of-type(2n+1) { clear: left; }

.frm_field.field_half .frm.full { width: 100%; }

.agree_container { margin-top: 20px; }

.agree_container > .group .chkwrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 30px; }

.agree_container .chkwrap { margin-right: 0; font-weight: 600; }

.agree_container .chkwrap input[type="checkbox"] + label { height: auto; margin-left: -30px; background-position: left 2px; font-weight: inherit; font-size: 1rem; line-height: 1.5rem; }
.agree_container .chkwrap input[type="radio"] + label { height: auto; margin-left: -30px; background-position: left 2px; font-weight: inherit; font-size: 1rem; line-height: 1.5rem; }

.agree_container .chkwrap label > span { margin-right: 15px; font-weight: inherit; font-size: inherit; line-height: inherit; }

.agree_container .chkwrap .highline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #1063FF; line-height: 1.5rem; vertical-align: middle; cursor: pointer; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.agree_container .chkwrap .highline i { overflow: inherit !important; margin-left: 6px; position: relative; display: inline-block; width: 5px; height: 9px; overflow: hidden; }

.agree_container .chkwrap .highline i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; -webkit-transform: translate(-50%, -50%) scale(1.111111, 1) rotate(45deg); transform: translate(-50%, -50%) scale(1.111111, 1) rotate(45deg); margin-left: -1px; border-top: 1.5px solid #285BEE; border-right: 1.5px solid #285BEE; }

.upload_container .group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.upload_container .group:not(:first-child) { margin-top: 20px; }

.upload_container .upload_item { font-weight: 900; font-size: 1rem; line-height: 1.625rem; }

.upload_container .upload_item button { margin-left: 10px; }

.upload_container .upload_desc { font-size: 0.875rem; line-height: 1.375rem; color: #999; }

.upload_container .btn_upload { position: absolute; right: 0; top: -11px; margin-left: auto; }

.upload_container .btn_upload input[type="file"] + label { display: inline-block; width: 130px; height: 50px; background-color: #f4f4f4; border: 1px solid #d9d9d9; color: #000; font-size: 1rem; font-weight: 600; text-align: center; line-height: 48px; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.upload_container .upload_file { position: relative; width: 100%; margin-top: 20px; }

.upload_container .upload_file input[type="text"] { height: 36px; font-size: 0.875rem; border-width: 0; }

.upload_container .upload_file .delete { position: absolute; top: 50%; right: 15px; width: 14px; height: 14px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #d8d8d8; }

.upload_container .upload_file .delete:before, .upload_container .upload_file .delete:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.upload_container .upload_file .delete:before { width: 7.5px; height: 1.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.upload_container .upload_file .delete:after { width: 1.5px; height: 7.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.upload_container .msg_error { width: 100%; margin: 10px 0 0 0; color: #E80710; font-size: 1rem; }

/* dropdown */
.dropdown_list { display: inline-block; position: relative; min-width: 100%; }

.dropdown_list input[type="checkbox"], .dropdown_list input[type="radio"] { position: absolute; overflow: hidden; width: 1px; height: 1px; padding: 0; margin: -1px; clip: rect(0, 0, 0, 0); border: 0; border-radius: 0; background: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; opacity: 0; color: #000; }

.dropdown_list .dropdown_value { position: relative; }

.dropdown_list .dropdown_value input[type="text"] { width: 100%; background-color: #fff; color: #000; }

.dropdown_list .dropdown_value .btn_opener { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; border: 0; background-color: rgba(255, 255, 255, 0); cursor: pointer; }

.dropdown_list .dropdown_value .btn_opener i { top: 50%; right: 20px; margin-top: -2px; position: absolute; display: inline-block; width: 14px; height: 7px; overflow: hidden; }

.dropdown_list .dropdown_value .btn_opener i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -2px; border-right: 2px solid #000; border-bottom: 2px solid #000; }

.dropdown_list .dropdown_value .btn_opener.show i { position: absolute; display: inline-block; width: 14px; height: 7px; overflow: hidden; }

.dropdown_list .dropdown_value .btn_opener.show i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: 2px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 0; border-bottom: 0; }

.dropdown_list .item_box { display: none; position: absolute; top: 49px; left: 0; z-index: 10; width: 100%; border: 1px solid #D9D9D9; background-color: #fff; padding: 20px 50px 50px; }

.dropdown_list .item_box.active { display: block; }

.dropdown_list .search_box { position: relative; }

.dropdown_list .search_box input[type=text] { padding-right: 40px; border: 0; border-bottom: 2px solid #000; }

.dropdown_list .search_box .btn_search { position: absolute; right: 0; top: 50%; width: 50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }

.dropdown_list .item_list { display: none; position: absolute; top: 49px; left: 0; z-index: 10; width: 100%; border: 1px solid #D9D9D9; background-color: #fff; }

.dropdown_list .item_list.active { display: block; }

.dropdown_list .item_list a, .dropdown_list .item_list button, .dropdown_list .item_list input[type="radio"] + label { display: block; width: 100%; height: 50px; padding: 9px 10px; line-height: 32px; border: 0; background: transparent; text-align: left; cursor: pointer; }

.dropdown_list .item_list a:not(.btn_search):hover, .dropdown_list .item_list a:not(.btn_search):active, .dropdown_list .item_list a:not(.btn_search):focus, .dropdown_list .item_list button:not(.btn_search):hover, .dropdown_list .item_list button:not(.btn_search):active, .dropdown_list .item_list button:not(.btn_search):focus, .dropdown_list .item_list input[type="radio"] + label:hover, .dropdown_list .item_list input[type="radio"] + label:active, .dropdown_list .item_list input[type="radio"] + label:focus { background-color: #000; color: #fff; }

.dropdown_list .list_box { overflow-y: auto; max-height: 190px; margin-top: 30px; }

.dropdown_list .list_box [role="option"] { font-size: 1rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.dropdown_list .list_box [role="option"]:not(:first-child) { margin-top: 15px; }

.dropdown_list .item_list input[type="radio"]:focus + label { background: #aaa; }

.dropdown_list .item_list input[type="radio"] + label:before { display: none; }

.dropdown_list .item_list input[type="radio"]:disabled + label { background: #FAFAFA; color: #999; }

.dropdown_list.active .item_list { display: block; }

/* pagination */
.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; }

.pagination a:not(.btn), .pagination span { width: 40px; height: 40px; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; font-size: 1rem; line-height: 2.5rem; text-align: center; }

.pagination .now { background-color: #0E306C; color: #fff; font-weight: 900; }

.pagination .btn i { vertical-align: middle; }

.pagination .btn.btn_prev { margin-right: 20px; }

.pagination .btn.btn_prev i { margin-right: 10px; position: relative; display: inline-block; width: 9px; height: 20px; overflow: hidden; }

.pagination .btn.btn_prev i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) scale(0.9, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.9, 1) rotate(45deg); margin-left: 3px; border-left: 3px solid #000; border-bottom: 3px solid #000; }

.pagination .btn.btn_next { margin-left: 20px; }

.pagination .btn.btn_next i { margin-left: 10px; position: relative; display: inline-block; width: 9px; height: 20px; overflow: hidden; }

.pagination .btn.btn_next i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; -webkit-transform: translate(-50%, -50%) scale(0.9, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.9, 1) rotate(45deg); margin-left: -3px; border-top: 3px solid #000; border-right: 3px solid #000; }

/* tooltip */
a[rel=tooltip] { position: relative; cursor: pointer; }

.tooltip { display: none; position: absolute; width: 100%; max-width: 23.75rem; padding: 25px; border: 1px solid #D9D9D9; background-color: #fff; font-size: 0.875rem; line-height: 1.4; z-index: 999; -webkit-box-shadow: 10px 10px 16px -6px rgba(0, 0, 0, 0.2); box-shadow: 10px 10px 16px -6px rgba(0, 0, 0, 0.2); }

.tooltip.show { display: block; }

/* table */
.tbl_list { width: 100%; table-layout: fixed; border-top: 3px solid #000; }

.tbl_list th, .tbl_list td { padding: 18px 15px 17px; border-left: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; text-align: center; }

.tbl_list th:first-of-type, .tbl_list td:first-of-type { border-left: 0; }

.tbl_list th { font-weight: 900; }

.tbl_list td { text-align: right; font-weight: 600; }

.tbl_list td:first-of-type { text-align: left; font-weight: normal; }

.tbl_list td.highlight { font-weight: 900; color: #0559f7; }

.tbl_list td.price { font-weight: 900; color: #ff9934; }

.pop_summary .h-layer_wrap .btn-type_wrap { padding-bottom: 50px; }

.pop_summary .h-layer_wrap .btn-type_wrap .btn-type { width: 350px; }

.pop_summary .h-layer_cont { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; font-size: 1rem; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.pop_summary .h-layer_cont:after { height: 60px; }

.pop_summary .result { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pop_summary .result .thumb, .catalog-product-view .h-layer_wrap .h-layer_cont > *:first-child .thumbimg.img{ width: 280px;margin-right: 40px;}

.pop_summary .result .info { width: calc(100% - 320px); }

.pop_summary .result .prd_name { margin-bottom: 15px; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; font-size: 1.875rem; font-weight: 900; }

.pop_summary .result .prd_name span { display: block; font-family: inherit; font-size: 1.375rem; }

.pop_summary .result .total { font-size: 0.875rem; }

.pop_summary .result .total dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.pop_summary .result .total .price { margin-right: 7px; font-size: 1.625rem; font-weight: 600; color: #FF8D34; }

.pop_summary .result .total .pm { font-size: 0.938rem; font-weight: 600; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }

.pop_summary .result .date { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pop_summary .result .date dt, .pop_summary .result .date dd { width: 50%; font-size: 0.875rem; line-height: 1.375rem; }

.pop_summary .result .date dt { color: #999; }

.pop_summary .result .date dd { font-weight: 600; text-align: right; }

.pop_summary .result .detail { padding-top: 15px; border-top: 1px dashed #999; }

.pop_summary .result .detail .group { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; }

.pop_summary .result .detail .group:first-child { margin-top: 0; }

.pop_summary .result .detail .group span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.875rem; }

.pop_summary .result .detail .group span:last-child { margin-top: 2px; font-weight: 600; text-align: right; }

.pop_summary .tab_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; overflow: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.pop_summary .tab_wrap .tablist { margin-bottom: 30px; z-index: 1; }

.pop_summary .tab_wrap .tab_contents { max-height: 400px; overflow: auto; }

.pop_summary .highlight { color: #FF9934; }

.pop_summary .estimate_body { padding-right: 10px; padding-right: 17px\9; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .pop_summary .estimate_body { padding-right: 17px; } }

.pop_summary .estimate_list > li:not(:first-child) { margin-top: 40px; padding-top: 40px; border-top: 1px dashed #999; }

.pop_summary .estimate_list .parts { font-weight: 600; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.pop_summary .estimate_list .parts span { font-size: 1.25rem; font-family: inherit; }

.pop_summary .estimate_list .parts + .price { float: right; font-size: 1.375rem; font-weight: 900; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.pop_summary .estimate_list .detail { margin-top: 20px; }

.pop_summary .estimate_list .detail > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 1.5625rem; margin-top: 5px; }

.pop_summary .estimate_list .detail > .group:first-child { margin-top: 0; }

.pop_summary .estimate_list .detail span { -webkit-box-flex: .7; -ms-flex: .7; flex: .7; }

.pop_summary .estimate_list .detail span:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 600; text-align: right; }
.pop_summary .estimate_list .detail span:first-child {  text-align: left; }
.pop_summary .estimate_list .detail span.warranty_text{font-weight: normal;}
.pop_summary .fixed_bottom { position: static; margin-top: 40px; padding-top: 30px; border-top: 3px solid #000; }

.pop_summary .fixed_bottom._half .total { display: block; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.pop_summary .fixed_bottom._half .total:not(:first-child) { padding-left: 20px; margin-left: 20px; border-left: 1px solid #D9D9D9; }

.pop_summary .fixed_bottom._half .total dt { font-weight: normal; font-size: .875rem; }

.pop_summary .fixed_bottom._half .total .price { margin-top: 5px; font-size: 1.375rem; }

.pop_summary .total { 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; width: 100%; }

.pop_summary .total dt { font-weight: 900; font-size: 1rem; }

.pop_summary .total .price, .pop_summary .total .pm { display: block; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-align: right; }

.pop_summary .total .price { font-size: 2.5rem; font-weight: 900; }

.pop_summary .total .pm { margin-top: 5px; font-size: 0.875rem; }

.pop_summary .total .pm em { font-family: inherit; font-style: normal; font-weight: 600; color: inherit; }

@media screen and (max-height: 1080px) { .pop_summary .h-layer_cont { display: block; }
  .pop_summary .tab_wrap .tab_contents { max-height: inherit; } }

.pop_warranty .w_item { position: relative; width: 100%; margin-bottom: 30px; font-size: 1.375rem; font-weight: 600; }

.pop_warranty .w_item .price { display: block; position: absolute; right: 0; top: 0; font-size: inherit; font-weight: 900; }

.pop_warranty .w_cont { font-size: 1rem; line-height: 1.5; }

@media screen and (max-height: 1080px) { .pop_warranty .w_item { font-size: 1rem; }
  .pop_warranty .w_item .price { position: relative; margin-top: 10px; text-align: right; } }

.select_dealer .util_wrap { margin-bottom: 15px; text-align: right; }

.select_dealer .result { margin-top: 40px; border: 1px solid #D9D9D9; overflow: hidden; height: 100%; max-height: 450px; }

.select_dealer .result .contact, .select_dealer .result .map { float: left; width: 50%; }

.select_dealer .result .map { position: relative; height: 450px; }

.select_dealer .result .map img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

.select_dealer .result .contact { overflow-y: auto; max-height: 450px; border-left: 1px solid #D9D9D9; }

.select_dealer .result .dealer_info > .group { padding: 20px; cursor: pointer; }

.select_dealer .result .dealer_info > .group:not(:first-child) { border-top: 1px solid #D9D9D9; }

.select_dealer .result .dealer_info > .group._active, .select_dealer .result .dealer_info > .group:hover, .select_dealer .result .dealer_info > .group:focus { background-color: #F4F4F4; }

.select_dealer .result .dealer_info .place { display: block; font-weight: 900; font-size: 1rem; }

.select_dealer .result .dealer_info .near { margin-top: 5px; color: #FF9934; font-weight: 600; font-size: .875rem; }

.select_dealer .result .dealer_info .address { margin-top: 20px; }

.select_dealer .result .dealer_info .address li { display: -webkit-box; display: -ms-flexbox; display: flex; }

.select_dealer .result .dealer_info .address li:not(:first-child) { margin-top: 10px; }

.select_dealer .result .dealer_info .address li.tel i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_call.png); }

.select_dealer .result .dealer_info .address li.mail i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_mail.png); }

.select_dealer .result .dealer_info .address i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 16px; height: 16px; margin: 4px 10px 0 0; background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

.select_dealer .result .dealer_info .address span, .select_dealer .result .dealer_info .address a { font-size: .875rem; line-height: 1.5rem; }

.select_dealer .btn-type_wrap .btn-type { width: 350px; }

.select_dealer .h-layer_cont > p:first-child + .frm_field { margin-top: 20px; }

.select_dealer .frm_field .frm .btn_gray { display: inline-block; height: 50px; border: 1px solid #d9d9d9; background: #f4f4f4; color: #000; font-size: 1rem; font-weight: 600; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.select_dealer .frm_field .frm .inp_txt { font-size: 0.875rem; }

.select_dealer .field_triple .frm { float: left; width: calc(100% / 3 - 6.5px); margin-top: 0 !important; margin-right: 10px; }

.select_dealer .field_triple .frm:nth-child(3n+1) { clear: left; }

.select_dealer .field_triple .frm:nth-child(3n) { margin-right: -3px; }

.select_dealer .field_triple .frm:nth-child(3n) ~ .frm { margin-top: 30px !important; }

@media screen and (max-height: 1110px) { .select_dealer .h-layer_wrap { max-height: 85%; }
  .select_dealer .h-layer_wrap .h-layer_cont { max-height: 78vh; }
  .select_dealer .result { max-height: 400px; } }

.input_zipcode .h-layer_wrap { width: 550px; }

.input_zipcode .h-layer_wrap .btn-type_wrap { margin-top: 30px; }

.input_zipcode .desc { margin-bottom: 20px; font-size: 1rem; line-height: 1.5rem; }

.input_zipcode .my_location { margin-top: 30px; text-align: center; }

.input_zipcode .my_location button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.input_zipcode .my_location button span { color: #0559F7; font-size: 1rem; line-height: 1.5rem; }

.frm_slider { padding-bottom: 10px; }

.frm_slider .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.frm_slider .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; }

.frm_slider .ui-slider-horizontal .ui-slider-range-min { left: 0; }

.frm_slider .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }

.frm_slider .loan-cal-slider-wrap { position: relative; }

.frm_slider .loan-cal-slider-wrap .ui-slider-range { background-color: #0559F7; border-radius: 15px 0 0 15px; }

.frm_slider .loan-cal-slider-wrap .ui-slider { position: relative; height: 4px; margin-top: 24px; background-color: #dedfe3; border-radius: 2.5px; text-align: left; }

.frm_slider .loan-cal-slider-wrap .ui-slider-handle { top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -9px; border: 5px solid #fff; background-color: #0559F7; border-radius: 50%; outline: none; cursor: pointer; -webkit-box-shadow: 5px 5px 21px 0px rgba(0, 0, 0, 0.25); box-shadow: 5px 5px 21px 0px rgba(0, 0, 0, 0.25); }

.frm_slider .loan-cal-slider-wrap .slider-txt { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.frm_slider .loan-cal-slider-wrap .slider-txt .item-txt { position: relative; opacity: 0; }

.frm_slider .loan-cal-slider-wrap .slider-txt .item-txt:first-child, .frm_slider .loan-cal-slider-wrap .slider-txt .item-txt:last-child { opacity: 1; }

.frm_slider .loan-cal-slider-wrap .slider-txt .item-txt.is-active { background-color: transparent; opacity: 1; }

.frm_slider .loan-cal-slider-wrap .slider-txt .item-txt.is-active .ranges { font-size: 1rem; font-weight: 900; color: #0559F7; }

.frm_slider .loan-cal-slider-wrap .slider-txt .ranges { position: absolute; top: -13px; left: -15px; display: block; min-width: 30px; font-size: 14px; font-weight: 400; color: #999999; text-align: center; }

.frm_slider .loan-cal-slider-wrap .slider-txt .ranges._first { position: absolute; top: inherit; bottom: -30px; left: 0; text-align: left; }

.frm_slider .loan-cal-slider-wrap .slider-txt .ranges._last { top: inherit; left: inherit; bottom: -30px; right: 0; text-align: right; }



.frm_slider .slider-txt.min_max { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 0; left: 11px;
width: calc(100% - 22px); -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.frm_slider .slider-txt.min_max { position: relative; }

.frm_slider .slider-txt.min_max  .item-txt:first-child,
 .frm_slider .slider-txt.min_max .item-txt:last-child { opacity: 1; }

.frm_slider .slider-txt.min_max  .item-txt.is-active { background-color: transparent; opacity: 1; }

.frm_slider .slider-txt.min_max  .item-txt.is-active .ranges { font-size: 1rem; font-weight: 900; color: #0559F7; }

.frm_slider .slider-txt.min_max  .ranges { position: absolute; top: -13px; left: -15px; display: block; min-width: 30px; font-size: 14px; font-weight: 400; color: #999999; text-align: center; }

.frm_slider .slider-txt.min_max  .ranges._first { position: absolute; top: inherit; bottom: -33px; left: 5px; text-align: left; }

.frm_slider .slider-txt.min_max  .ranges._last { top: inherit; left: inherit; bottom: -33px; right: 0; text-align: right; }



/* text length */
.commentsbox { position: relative; height: 100px; border: 1px solid #D9D9D9; }

.commentsbox textarea { position: relative; height: 68px; min-height: auto; border: 0; }

.commentsbox .commentscountbox { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: absolute; right: 15px; bottom: 15px; line-height: 1rem; background-color: #fff; }

.commentsbox .commentscountbox span { height: 17px; color: #999; font-size: 0.875rem; }

/* share */
.share_container .share_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: -20px; text-align: center; }

.share_container .share_list > li { margin: 0 20px 20px; }

.share_container .share_list > li button { font-size: 1rem; line-height: 1.5rem; }

.share_container .share_list > li i { display: block; width: 50px; height: 50px; margin: 0 auto 10px; }

.share_container .share_list > li img { width: 100%; }

.share_container .frm_field { margin-top: 40px; }

/* popup: request cancel */
.requestcancel .h-layer_cont { padding-bottom: 10px; }

.requestcancel .title_wrap { border-bottom: 3px solid #000; margin-bottom: 15px; font-size: 1rem; }

.requestcancel .title_wrap .tit { padding-bottom: 10px; }

.requestcancel .title_wrap .req_txt { bottom: 10px; }

.requestcancel .commentsbox { height: 140px; }

.requestcancel .commentsbox textarea { height: 108px; }

.requestcancel section.sec_cancelinfo { padding-bottom: 30px; border-bottom: 1px dashed #999; margin-bottom: 30px; }

.requestcancel section.sec_cancelinfo .title_wrap .tit i { font-style: normal; font-weight: 900; color: #0559F7; }

.requestcancel section.sec_cancelinfo .upload_container { margin-top: 25px; }

.requestcancel section.sec_cancelinfo .upload_container .upload_item { margin-bottom: 0; font-size: 1rem; }

.requestcancel section.sec_cancelinfo .upload_container .noti_txt { margin-top: 10px; }

.requestcancel section.sec_cancelinfo .upload_container .noti_txt p { position: relative; color: #999; font-size: 0.875rem; padding-left: 10px; }

.requestcancel section.sec_cancelinfo .upload_container .noti_txt p:before { content: ''; position: absolute; left: 0; top: 8px; display: block; width: 3px; height: 3px; background-color: #999999; border-radius: 50%; }

.requestcancel section.sec_terms ul li { position: relative; margin-bottom: 20px; font-size: 1rem; line-height: 1.5rem; }

.requestcancel section.sec_terms ul li:last-child { margin-bottom: 0; }

.requestcancel section.sec_terms ul span { display: block; font-size: 1rem; line-height: 1.5rem; }

.requestcancel section.sec_terms .ul-tit { padding-left: 24px; font-size: 1.125rem; font-weight: 900; margin-bottom: 20px; }

.requestcancel section.sec_terms .ul-tit:before { content: '※ '; position: absolute; top: 0; left: 0; }

.requestcancel section.sec_terms .term-tit { padding-left: 20px; font-weight: 600; }

.requestcancel section.sec_terms .term-tit .term-num { position: absolute; top: 0; left: 0; }

.requestcancel section.sec_terms .term-tit ul { margin-top: 10px; }

.requestcancel section.sec_terms .term-tit ul li { margin-bottom: 0; }

.requestcancel section.sec_terms .term-tit ul li:before { content: '- '; position: absolute; top: 0; left: -18px; }

.requestcancel section.sec_terms .term-tit ul span { position: relative; padding-left: 12px; font-size: 0.875rem; }

.requestcancel section.sec_terms .term-tit ul span:before { content: '· '; position: absolute; top: 0; left: 0px; }

.requestcancel section.sec_terms .term-tit ul span:first-of-type { margin-top: 10px; }

.requestcancel section.sec_terms .term-tit ul span:last-of-type { margin-bottom: 10px; }
@media screen and (max-width: 1239px) {

.catalog-product-view .swatch-option-tooltip{display: none !important;}	
.pg-mobile { /** tab pagination **/ /** tab **/ /** accordion **/ /** layer popup **/ /** dropdown **/ /* text length */ /* share */ /* popup: request cancel */ /* select dealer */ }

.pg-mobile .ic_loca { background-size: cover; }

.pg-mobile .tooltip { width: calc(100% - 40px); }

.pg-mobile .tab-pagination { position: relative; width: 100%; max-height: 45px; overflow: hidden; }

.pg-mobile .tab-pagination .tab-row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 20px; padding-left: 0; overflow-x: scroll; -webkit-overflow-scrolling: touch; }

.pg-mobile .tab-pagination p { -webkit-box-flex: 0; -ms-flex: none; flex: none; float: left; width: auto; height: auto; margin: 0 20px 0 0 !important; border-radius: 0; background-color: #fff; opacity: 1; white-space: nowrap; cursor: pointer; outline: none; }

.pg-mobile .tab-pagination p span { display: block; padding-bottom: 10px; font-size: 1rem; font-weight: 350; line-height: 1; color: #999999; text-transform: uppercase; }

.pg-mobile .tab-pagination p.active span { margin-top: -2px; }

.pg-mobile .tab-pagination p.active span:after { content: ''; margin-top: 4px; display: block; width: 100%; height: 2px; background-color: rgba(21, 144, 224, 0.89); }

.pg-mobile .tab-pagination a { display: inline-block; }

.pg-mobile .frm_field.field_half .frm { float: none; width: 100%; margin-right: 0; }

.pg-mobile .frm_field.field_half .frm:nth-of-type(2) { margin-top: 40px; }

.pg-mobile .frm_field .frm ._mix { display: block; text-align: right; }

.pg-mobile .frm_field .frm ._mix .warn + [class*='ic_'] { right: 20px; }

.pg-mobile .frm_field .frm ._mix input, .pg-mobile .frm_field .frm ._mix select { -webkit-box-flex: 0; -ms-flex: none; flex: none; }

.pg-mobile .frm_field .frm ._mix button { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 10px; margin-left: 0; padding-left: 1.438rem; padding-right: 1.438rem; }

.pg-mobile .frm_field .frm .form_mixed { padding-top: 5px; }

.pg-mobile .frm_field .frm .form_mixed input:not([type="radio"]):not([type="checkbox"]), .pg-mobile .frm_field .frm .form_mixed select { width: 100%; margin-top: 15px; }

.pg-mobile .frm_field .inp_txt { font-size: 0.875rem; }

.pg-mobile .tab_wrap { position: relative; }

.pg-mobile .tablist { display: block; }

.pg-mobile .tablist:not(._line) li:not(:first-child) { margin-left: 0; }

.pg-mobile .tablist:not(._line) li .tab { text-align: left; }

.pg-mobile .tablist:not(._line) li .tab[aria-selected="true"]:before { display: none; }

.pg-mobile .tablist li { border: 0; }

.pg-mobile .tablist li .tab { padding: 0 20px; }

.pg-mobile .tablist li .tab[aria-selected="true"] { color: #000; }

.pg-mobile .tablist li .tab[aria-selected="true"]:after { content: ''; display: block; position: absolute; top: 50%; right: 20px; width: 12px; height: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_selopen.png"); background-size: cover; }

.pg-mobile .tablist._line { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #D9D9D9; }

.pg-mobile .tablist._line li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.pg-mobile .tablist._line .tab { width: 100%; min-width: auto; }

.pg-mobile .tablist._line li { height: auto; line-height: 55px; }

.pg-mobile .tablist._line li .tab { height: 55px; border-color: #fff; font-size: 1rem; }

.pg-mobile .tablist._line li .tab[aria-selected="true"] { border-color: #0E306C; color: #0E306C; }

.pg-mobile .tablist._line li .tab[aria-selected="true"]:after { display: none; }

.pg-mobile .radio_tablist { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.pg-mobile .radio_tablist li { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; }

.pg-mobile .radio_tablist li:not(:first-child) { margin-top: 10px; }

.pg-mobile .radio_tablist:not(._type02) .radiowrap { border-width: 1px; }

.pg-mobile .radio_tablist:not(._type02) .radiowrap[aria-selected="true"] input[type="radio"] + label span { font-weight: 600; }

.pg-mobile .radio_tablist:not(._type02) .radiowrap input[type="radio"] + label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.375rem; line-height: inherit; }

.pg-mobile .radio_tablist:not(._type02) .radiowrap input[type="radio"] + label span { display: block; width: 100%; line-height: 1.3125rem; }

.pg-mobile .sub_tablist, .pg-mobile .tab_wrap { position: relative; }

.pg-mobile .sub_tablist .tablist:not(._line), .pg-mobile .tab_wrap .tablist:not(._line) { background-color: #fff; }

.pg-mobile .sub_tablist .tablist:not(._line)._drop li, .pg-mobile .tab_wrap .tablist:not(._line)._drop li { -webkit-box-flex: 0; -ms-flex: none; flex: none; display: none; }

.pg-mobile .sub_tablist .tablist:not(._line) li, .pg-mobile .tab_wrap .tablist:not(._line) li { border: 0; border-bottom: 1px solid #D9D9D9; }

.pg-mobile .sub_tablist .tablist:not(._line) li button, .pg-mobile .tab_wrap .tablist:not(._line) li button { display: block; padding-left: 20px; padding-right: 20px; color: #000; text-align: left; }

.pg-mobile .sub_tablist .tablist:not(._line) li button:before, .pg-mobile .tab_wrap .tablist:not(._line) li button:before { display: none; }

.pg-mobile .sub_tablist .tablist:not(._line) li .button, .pg-mobile .tab_wrap .tablist:not(._line) li .button { display: block; padding-left: 20px; padding-right: 20px; color: #000; text-align: left; }

.pg-mobile .sub_tablist .tablist:not(._line) li .button:before, .pg-mobile .tab_wrap .tablist:not(._line) li .button:before { display: none; }


.pg-mobile .sub_tablist .tablist:not(._line) li._active, .pg-mobile .tab_wrap .tablist:not(._line) li._active { display: block; }

.pg-mobile .sub_tablist .tablist:not(._line) li._active .sub-tab:after, .pg-mobile .tab_wrap .tablist:not(._line) li._active .sub-tab:after { content: ''; display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown { position: absolute; left: 0; top: 0; width: 100%; z-index: 5; }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown li, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown li { display: block; }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown li:first-child .sub-tab:after, .pg-mobile .sub_tablist .tablist:not(._line)._pulldown li._active:first-child .sub-tab:after, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown li:first-child .sub-tab:after, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown li._active:first-child .sub-tab:after { content: ''; display: inline-block; position: absolute; right: 20px; top: 50%; margin-top: -4px; width: 6px; height: 6px; border-top: 2px solid #000; border-right: 2px solid #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown li._active .sub-tab:after, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown li._active .sub-tab:after { display: none; }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown + .tab_contents, .pg-mobile .tab_wrap .tablist:not(._line)._pulldown + .tab_contents { padding-top: 50px; }

.pg-mobile .sub_tablist .tablist:not(._line)._pulldown { top: -20px; }

.pg-mobile .accordion_wrap .acco_head { padding: 0 25px; }

.pg-mobile .accordion_wrap .acco_head .acco_target { font-size: 1rem;line-height: 22px; }

.pg-mobile .accordion_wrap .acco_panel { padding: 30px 30px 40px; }

.pg-mobile .upload_container .btn_upload { position: relative; top: 0; right: 0; left: 0; margin-top: 10px; }

.pg-mobile .upload_container .upload_file { margin-top: 10px; }

.pg-mobile .h-layer_wrap { left: 20px; right: 20px; width: auto; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.pg-mobile .match_filter_detail .h-layer_wrap {top: 60%;}
.pg-mobile .h-layer_wrap .h-layer_close { top: 20px; }

.pg-mobile .h-layer_wrap .h-layer_cont { padding: 30px 20px 0; }
.pg-mobile .match_filter_detail .h-layer_wrap .h-layer_cont{max-height: calc(100vh - 240px); height: calc(100vh - 240px); }
.pg-mobile .h-layer_wrap #brochure_popup_content.h-layer_cont { padding-bottom: 50px; }
.pg-mobile .h-layer_wrap .h-layer_cont .aggreement{margin-bottom: 40px;}

.pg-mobile .h-layer_wrap .h-layer_cont .agreement{margin-bottom: 40px;}


.pg-mobile .h-layer_wrap .h-layer_cont:after { content: ''; display: block; height: 30px; }

.pg-mobile .h-layer_wrap .h-layer_cont .btn-type_wrap:last-child { margin-bottom: -30px; }

.pg-mobile .h-layer_wrap .h-layer_cont .frm_field.field_half .frm:nth-child(2) { margin-top: 30px; }

.pg-mobile .h-layer_wrap .h-layer_cont .btn-type_wrap:last-child {margin-bottom: -30px;width: auto;padding-top: 0;left: unset;}

.pg-mobile .util-e_brochure .h-layer_wrap .h-layer_cont .btn-type_wrap:last-child {width: 100%;}

.pg-mobile form.h-layer_wrap  .h-layer_cont .btn-type_wrap:last-child{width: 100%;}
.pg-mobile .filter_vehicle .h-layer_wrap .h-layer_cont .btn-type_wrap:last-child {width: auto;}

.pg-mobile .h-layer_wrap .h-layer_head { min-height: 60px; padding-bottom: 18px; }

.pg-mobile .h-layer_wrap .h-layer_head .h-layer_title { font-size: 1.375rem; }
.pg-mobile .h-layer_wrap .btn-type_wrap { width: auto; margin: 30px -20px 0; }

.pg-mobile .h-layer_wrap .btn-type_wrap.option_detail { width: auto; margin: 0; }

.pg-mobile .h-layer_wrap .btn-type_wrap .btn-type { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 55px; margin-right: 0; font-size: 1.125rem; line-height: 54px; }

.pg-mobile .dropdown_list .item_box { padding: 20px 20px 30px; }

.pg-mobile .dropdown_list .search_box input[type="text"] { height: 33px; }

.pg-mobile .dropdown_list .search_box .btn_search { position: absolute; top: 0; right: 0; text-align: right; -webkit-transform: none; transform: none; }

.pg-mobile .dropdown_list .search_box .btn_search .ic_search { margin-right: 0; }

.pg-mobile .pop_summary .h-layer_wrap { max-height: 90vh; }

.pg-mobile .pop_summary .h-layer_wrap .btn-type_wrap { position: fixed; bottom: -2px; left: 0; width: 100%; margin: 0 !important; padding-bottom: 0; z-index: 1; }

.pg-mobile .pop_summary .h-layer_wrap .btn-type_wrap .btn-type { width: 100%; font-size: 1.125rem; }

.pg-mobile .pop_summary .h-layer_cont { display: block; padding: 0; max-height: 78vh; }

.pg-mobile .pop_summary .result { display: block; margin-bottom: 0; }

.pg-mobile .pop_summary .result dt { font-weight: 600; }

.pg-mobile .pop_summary .result dd { display: block; }

.pg-mobile .pop_summary .result .prd_name { font-size: 1.625rem; line-height: 1.875rem; }

.pg-mobile .pop_summary .result .thumb { width: 100%; padding: 40px 0 20px; margin-right: 0; }

.pg-mobile .pop_summary .result .info { width: 100%; padding: 20px 25px; }

.pg-mobile .pop_summary .result .pm { display: block; font-size: 14px; font-weight: normal; }

.pg-mobile .pop_summary .tab_wrap { display: block; }

.pg-mobile .pop_summary .tab_wrap .tablist { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #D9D9D9; }

.pg-mobile .pop_summary .tab_wrap .tablist li { border: 0; }

.pg-mobile .pop_summary .tab_wrap .tablist li .tab { padding-left: 0; padding-right: 0; text-align: center;font-size: 14px; }

.pg-mobile .pop_summary .tab_wrap .tablist li .tab[aria-selected="true"]:after { top: inherit; bottom: -2px; right: 0; width: 100%; height: 4px; background: none; background-color: #0E306C; }

.pg-mobile .pop_summary .tab_wrap .tab_contents { max-height: none; padding: 10px 25px 40px; }

.pg-mobile .pop_summary .estimate_list > li:not(:first-child) { padding-top: 20px; margin-top: 20px; }

.pg-mobile .pop_summary .estimate_list .parts span { font-size: 17px; line-height: 1.6; }

.pg-mobile .pop_summary .estimate_list .parts + .price { margin-top: 3px; font-size: 1rem; }

.pg-mobile .pop_summary .estimate_list .detail { margin-top: 10px; }

.pg-mobile .pop_summary .estimate_list .detail > .group { display: block; margin-bottom: 10px; }

.pg-mobile .pop_summary .estimate_list .detail span { display: block; }

.pg-mobile .pop_summary .estimate_list .detail span:last-child { margin-top: 3px; padding-left: 8px; font-weight: 600; text-align: left; }

.pg-mobile .pop_summary .estimate_body { padding-right: 0; }

.pg-mobile .pop_summary .payment { margin: 0 20px; padding-bottom: 0; }

.pg-mobile .pop_summary .payment > div { display: block; }

.pg-mobile .pop_summary .payment > div span, .pg-mobile .pop_summary .payment > div em { display: block; width: 100%; }

.pg-mobile .pop_summary .payment > div .price { font-size: 22px; }

.pg-mobile .pop_summary .payment > div .price span { font-size: 1rem; }

.pg-mobile .pop_summary .fixed_bottom { position: relative; margin: 0 auto; width: calc(100% - 40px); padding-top: 20px; }

.pg-mobile .pop_summary .fixed_bottom._half { display: block; }

.pg-mobile .pop_summary .fixed_bottom._half .total:not(:first-child) { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #D9D9D9; border-left: 0; }

.pg-mobile .pop_summary .total { display: block; }

.pg-mobile .pop_summary .total dd .price { margin-top: 5px; font-size: 1.875rem; }

.pg-mobile .pop_summary .total dd .pm { margin-top: 5px; }

.pg-mobile .agree_container { margin-top: 30px; }

.pg-mobile .agree_container > .group:not(:first-child) { margin-top: 20px; }

.pg-mobile .agree_container .chkwrap .highline { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 10px; }

.pg-mobile .commentsbox { height: 150px !important; }

.pg-mobile .commentsbox textarea { height: 118px; }

.pg-mobile .share_container .share_list { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.pg-mobile .share_container .share_list > li { width: calc(100% / 3); margin: 0 0 20px; }

.pg-mobile .share_container .frm_field { margin-top: 30px; }

.pg-mobile .requestcancel .h-layer_head { padding-right: 60px; }

.pg-mobile .requestcancel .h-layer_title { font-size: 1.25rem; }

.pg-mobile .requestcancel .h-layer_cont .title_wrap { margin-bottom: 20px; font-size: 1rem; }

.pg-mobile .requestcancel .h-layer_cont .title_wrap .tit i { display: block; }

.pg-mobile .requestcancel .h-layer_cont section.sec_cancelinfo .frm_field ._mix { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pg-mobile .requestcancel .h-layer_cont section.sec_cancelinfo .frm_field ._mix .tit { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; font-size: 1rem; }

.pg-mobile .requestcancel .upload_container .item { width: 100%; }

.pg-mobile .requestcancel .upload_container .upload_file { margin-top: 10px; }

.pg-mobile .select_dealer .h-layer_wrap { max-height: none; }

.pg-mobile .select_dealer .field_triple .frm { width: calc(50% - 5px); }

.pg-mobile .select_dealer .field_triple .frm:nth-child(2n+1) { clear: left; }

.pg-mobile .select_dealer .field_triple .frm:nth-child(3n+1) { clear: inherit; }

.pg-mobile .select_dealer .field_triple .frm:nth-child(2n) { margin-right: -3px; }

.pg-mobile .select_dealer .field_triple .frm:nth-child(3n) { margin-right: 10px; }

.pg-mobile .select_dealer .field_triple .frm:nth-child(2n) ~ .frm { margin-top: 30px !important; }

.pg-mobile .select_dealer .result { max-height: none; margin-top: 20px; }

.pg-mobile .select_dealer .result .map, .pg-mobile .select_dealer .result .contact { float: none; width: 100%; }

.pg-mobile .select_dealer .result .map { height: 56.25vw; }

.pg-mobile .select_dealer .result .contact { max-height: calc(56.25vw * 2); border-left: 0; }
 .build_container.buy_colors .description p{max-width: 100%;}
  .build_container.buy_colors ._interior .btn-vr360 span{font-size: 0.9rem;}

}
.h-gnb:after, .frm_field:after, .select_dealer .result:after, .product_container .product_mask:after, .option_mask:after { content: ""; display: block; clear: both; }


/** Swiper 4.5.0 Most modern mobile touch slider and framework with hardware accelerated transitions http://www.idangero.us/swiper/ Copyright 2014-2019 Vladimir Kharlampidi Released under the MIT License Released on: February 22, 2019 */
.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; /*z-index:1*/ }




.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; transition-property: transform,-webkit-transform; }

.swiper-slide-invisible-blank { visibility: hidden; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform; }

.swiper-container-3d { -webkit-perspective: 1200px; perspective: 1200px; }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left { background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right { background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top { background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }

.swiper-button-lock { display: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transform: scale(0.33); transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { -webkit-transform: scale(1); transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { -webkit-transform: scale(0.66); transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { -webkit-transform: scale(0.33); transform: scale(0.33); }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; -webkit-transition: .2s top,.2s -webkit-transform; transition: .2s top,.2s -webkit-transform; -webkit-transition: .2s transform,.2s top; transition: .2s transform,.2s top; -webkit-transition: .2s transform,.2s top,.2s -webkit-transform; transition: .2s transform,.2s top,.2s -webkit-transform; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s left,.2s -webkit-transform; transition: .2s left,.2s -webkit-transform; -webkit-transition: .2s transform,.2s left; transition: .2s transform,.2s left; -webkit-transition: .2s transform,.2s left,.2s -webkit-transform; transition: .2s transform,.2s left,.2s -webkit-transform; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { -webkit-transition: .2s right,.2s -webkit-transform; transition: .2s right,.2s -webkit-transform; -webkit-transition: .2s transform,.2s right; transition: .2s transform,.2s right; -webkit-transition: .2s transform,.2s right,.2s -webkit-transform; transition: .2s transform,.2s right,.2s -webkit-transform; }

.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: left top; transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { -webkit-transform-origin: right top; transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-white .swiper-pagination-bullet-active { background: #fff; }

.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: #fff; }

.swiper-pagination-black .swiper-pagination-bullet-active { background: #000; }

.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: #000; }

.swiper-pagination-lock { display: none; }

.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite; animation: swiper-preloader-spin 1s steps(12, end) infinite; }

.swiper-lazy-preloader:after { display: block; content: ''; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50%; background-size: 100%; background-repeat: no-repeat; }

.swiper-lazy-preloader-white:after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

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

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

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube { overflow: visible; }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; -webkit-transform-origin: 0 0; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; -webkit-filter: blur(50px); filter: blur(50px); z-index: 0; }

.swiper-container-flip { overflow: visible; }

.swiper-container-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-container-coverflow .swiper-wrapper { -ms-perspective: 1200px; }

.h-gnb:after, .frm_field:after, .select_dealer .result:after, .product_container .product_mask:after, .option_mask:after { content: ""; display: block; clear: both; }

.build_container { min-height: 100%; padding: 4.085% 4.085%; background-color: #fff; }

.build_container .content_wrap { padding: 0; }

.build_container.buy_options .tab_wrap .tablist._line { text-align: center; }

.build_container.buy_options .tab_wrap .tablist._line > li { width: 180px; }

.build_container.buy_options .tab_wrap .tablist._line button { width: 100%; }
.build_container.buy_options .tab_wrap .tablist._line a.button { width: 100%; }


.build_container.buy_options .sub-tab_panel .options_controls { display: none; }

.build_container.buy_options .options_controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 40px 0 15px; }

.build_container.buy_options .options_controls .selected_sum { line-height: 1.125rem; }

.build_container.buy_options .options_controls .selected_sum .currunt, .build_container.buy_options .options_controls .selected_sum span { font-size: inherit; }

.build_container.buy_options .options_controls .selected_sum .currunt { font-weight: 600; }

.build_container.buy_options .options_controls .selected_sum span { color: #999; }

.build_container.buy_options .options_controls .btn-type { margin-left: 40px; }

.build_container.buy_colors { position: relative; padding: 20px 0 0; text-align: center; }

.build_container.buy_colors .tablist { position: relative; z-index: 15; display: inline-block; }

.build_container.buy_colors ._interior .interior_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; min-height: calc(100vh - 220px);cursor: grab;}

.build_container.buy_colors ._interior .interior_box:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.9)); z-index: 11; }

.build_container.buy_colors ._interior .interior_box .figure { position: relative; z-index: 10; width: 100%; height: 100%; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; }

.build_container.buy_colors ._interior .interior_box .figure img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

.build_container.buy_colors ._interior .btn-vr360 {  color: #fff;  position: absolute; bottom: 60px; left: 50%; font-size: 1rem; z-index: 12; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.build_container.buy_colors ._interior .btn-vr360 .ic_drag { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_drag_wh.png); }

.build_container.buy_colors ._interior .btn-vr360 span { color: #fff; font-size: 1rem; vertical-align: middle; }

.build_container.buy_colors .description { position: absolute; bottom: 40px; left: 60px; z-index: 10; }

.build_container.buy_colors .description p { font-size: 0.875rem; color: #999999; font-weight: 600;line-height: 18px;  max-width: 200px; text-align: left;}

.build_container.buy_colors .content_util { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 4.8%; top: 60px; }

.build_container.buy_colors .content_util .btn-type:not(:first-child) { margin-left: 30px; }

.build_container.buy_colors .select_color, .build_container.buy_colors .estimated_date, .build_container.buy_colors .popular_color { display: none; }

.build_container .tab_wrap .tablist._line { text-align: center; }

.build_container .tab_wrap .tablist._line > li { width: 180px; }

.build_container .tab_wrap .tablist._line > li.hide_for_360 {visibility: hidden; height: 0;width: 0; margin: 0; padding: 0;flex: 0}

.build_container .tab_wrap .tablist._line button { width: 100%; }
.build_container .tab_wrap .tablist._line a.button { width: 100%; }

.build_vehicles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding-top: 13.365%; }

.build_vehicles .vehicles-head { margin-left: 13.365%; max-width: 190px; margin-bottom: 40px; }

.build_vehicles .vehicles-head h2 { font-size: 2.5rem; font-weight: 900; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_vehicles .vehicles-model { margin-bottom: 40px; padding: 0 13.365%; }

.build_vehicles .vehicles-model .v_item { margin-bottom: 15px; border: 1px solid #D9D9D9; }

.build_vehicles .vehicles-model .v_item:last-child { margin-bottom: 0; }

.build_vehicles .vehicles-model .v_item button { width: 100%; height: 100%; padding: 7.3% 9% 7.2%; font-size: 1.125rem; font-weight: 600; text-align: left; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

body:not(.prodfaqs-index-index) .build_vehicles .vehicles-model .v_item button:active { background-color: #0E306C; color: #fff; }

.build_vehicles .vehicles-model .v_item button[aria-selected="true"] { background-color: #0E306C; color: #fff; }

.build_vehicles .vehicles-model .v_item a.button { width: 100%; height: 100%; padding: 7.3% 9% 7.2%; font-size: 1.125rem; font-weight: 600; text-align: left; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_vehicles .vehicles-model .v_item a.button:active { background-color: #0E306C; color: #fff; }

.build_vehicles .vehicles-model .v_item .button[aria-selected="true"] { background-color: #0E306C; color: #fff; }
.build_vehicles .vehicles-model .v_item .button { width: 100%; height: 100%; padding: 7.3% 9% 7.2%; font-size: 1.125rem; font-weight: 600; text-align: left; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_vehicles .vehicles-model .v_item .button:active { background-color: #0E306C; color: #fff; }

.build_vehicles .vehicles-model .v_item .button[aria-selected="true"] { background-color: #0E306C; color: #fff; }


.build_vehicles .vehicles_util { display: -webkit-box; display: -ms-flexbox; display: flex; height: 90px; margin-top: auto; border-top: 1px solid #D9D9D9; background-color: #fff; }
.build_vehicles .vehicles_util.all_vehicles{display: flex !important;}
.build_vehicles .vehicles_util.all_vehicles .current{display: none !important;}
.build_vehicles .vehicles_util [class^="btn_"] { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.build_vehicles .vehicles_util [class^="btn_"]:not(:first-child) { border-left: 1px solid #D9D9D9; }

.build_vehicles .vehicles_util [class^="btn_"] span { font-size: 1.25rem; font-weight: 600; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_vehicles .vehicles_util [class^="btn_"] .current { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 6px; width: 20px; height: 20px; border-radius: 100%; background-color: #0559F7; color: #fff; font-size: .8125rem; text-align: center; }

.build_vehicles .vehicles_util .btn_inventory i { width: 35px; height: 35px; margin-right: 8px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_inventory.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

.build_option .item { border-bottom: 1px solid #D9D9D9; }

.build_option .item:last-child { border-bottom: 0; }

.build_option .item._active .menu_head { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); padding-top: 8.91%; padding-bottom: 5.57%; }

.build_option .item._active .heading > i { display: none; }

.build_option .item._active .trim_cnt { display: -webkit-box; display: -ms-flexbox; display: flex; }

.build_option .item._active .opt_title { font-size: 2.5rem; font-weight: 900; color: #000; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .item._active .opt_summary { display: none !important; }

.build_option .trim_item._active { padding-top: 50px; }

.build_option .trim_item._active .menu_head { padding-top: 0; }

.build_option .menu_head { position: relative; }

.build_option .menu_head .heading { width: 100%; outline: 0; border: 0; }

.build_option .menu_head .heading i { right: 0; }

.build_option .opt_title { display: inline-block; width: 100%; font-size: 1.625rem; color: #999999; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }
.build_option .opt_title.responsive{display: none;}
.build_option .opt_summary { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; color: #000; font-size: 0.875rem; font-weight: 600; }

.build_option .opt_summary span { font-size: inherit; font-weight: inherit; font-family: inherit; line-height: 1.375rem; }

.build_option .opt_summary span:not(:first-child) { margin-left: 10px; }

.build_option .trim_cnt { display: none; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 25px; }

.build_option .trim_cnt > p { color: rgba(0, 0, 0, 0.5); font-size: 1rem; }

.build_option .trim_cnt > p em { color: #000; font-weight: 600; font-size: inherit; }

.build_option .btn_selected { display: none; }

.build_option .menu_panel { visibility: hidden; height: 0; width: 0; padding: 0; margin: 0; max-height: 32rem; overflow-y: auto; -ms-overflow-style: none; }

.build_option .trims_control { display: -webkit-box; display: -ms-flexbox; display: flex; }

.build_option .trims_control button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; border: 1px solid #d9d9d9; background-color: #f4f4f4; }

.build_option .trims_control button:not(:first-child) { margin-left: 10px; }

.build_option .trims_control button span { color: #000; font-weight: 600; font-size: .875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_control button .current { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 6px; width: 20px; height: 20px; border-radius: 100%; background-color: #0559F7; color: #fff; font-size: .8125rem; text-align: center; }

.build_option .trims_control a.button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; border: 1px solid #d9d9d9; background-color: #f4f4f4; }

.build_option .trims_control a.button:not(:first-child) { margin-left: 10px; }

.build_option .trims_control a.button span { color: #000; font-weight: 600; font-size: .875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_control a.button .current { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 6px; width: 20px; height: 20px; border-radius: 100%; background-color: #0559F7; color: #fff; font-size: .8125rem; text-align: center; }


.build_option .trims_control .button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; border: 1px solid #d9d9d9; background-color: #f4f4f4; cursor: pointer;}

.build_option .trims_control .button:not(:first-child) { margin-left: 10px; }

.build_option .trims_control .button span { color: #000; font-weight: 600; font-size: .875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_control .button .current { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 6px; width: 20px; height: 20px; border-radius: 100%; background-color: #0559F7; color: #fff; font-size: .8125rem; text-align: center; }



.build_option .trims_list .util { display: none; margin-bottom: 20px; text-align: right; }

.build_option .trims_item { border: 1px solid #d9d9d9; cursor: pointer; }

.build_option .trims_item:not(:first-child) { margin-top: 10px; }

.build_option .trims_item._active { border: 0; background-color: #0E306C; -webkit-box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.2); box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.2); }

.build_option .trims_item._active .name, .build_option .trims_item._active .price { color: #fff; }

.build_option .trims_item._active .name { font-weight: 900; }

.build_option .trims_item._active .price { font-weight: 600; }

.build_option .trims_item._active .flag:before { border-bottom-color: #0E306C; }

.build_option .trims_item > .group { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; min-height: 68px; padding: 7.335% 32% 6.725% 7%; }

.build_option .trims_item .name { color: #000; font-weight: 600; font-size: 1.1rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_item .price { margin-left: 20px; color: #999; font-size: .875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_item .tag { position: absolute; top: 48px; right: 6px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin-left: auto; padding: 0 8px; font-weight: 600; font-size: 12px; line-height: 1.7; }

.build_option .trims_item .tag.new { background-color: #E2E9FF; color: #0559F7; }

.build_option .trims_item .tag.popular { background-color: #F1E7F8; color: #7A4DF5; }

.build_option .trims_item .tag.best { background-color: #F8EADC; color: #FF9934; }

.build_option .trims_item .flag { position: absolute; right: 0; top: 50px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 12px 0 17px; font-weight: 600; font-size: 12px; line-height: 2.1; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .trims_item .flag:before { content: ''; display: inline-block; position: absolute; left: -8px; top: 1px; border-bottom: 29px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; }

.build_option .trims_item .flag.promotion { background-color: #FF8D34; color: #fff; }

.build_option .trims_item .arrow { right: 20px; position: absolute; display: inline-block; width: 14px; height: 7px; overflow: hidden; display: none; }

.build_option .trims_item .arrow:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); margin-top: -2px; border-right: 2px solid #000; border-bottom: 2px solid #000; }

.build_option .options_panel .options_control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; border-bottom: 3px solid #000; }

.build_option .options_panel .options_control .selected_sum { font-size: 1rem; line-height: 1.125rem; }

.build_option .options_panel .options_control .selected_sum .currunt, .build_option .options_panel .options_control .selected_sum span { font-size: inherit; }

.build_option .options_panel .options_control .selected_sum .currunt { color: #000; font-weight: 600; }

.build_option .options_panel .options_control .selected_sum span { color: #999; }

.build_option .options_panel .selected_options { margin-top: 13px; padding-top: 19px; }

.build_option .options_panel .selected_options > li:not(:first-child) { margin-top: 12px; }

.build_option .options_panel .selected_options > li > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .875rem; }

.build_option .options_panel .selected_options .name { overflow: hidden; cursor: pointer; margin-right: 13px; color: #000; font-weight: 600; font-size: inherit; text-overflow: ellipsis; white-space: nowrap; }

.build_option .options_panel .selected_options .name[type="button"] { cursor: pointer; }

.build_option .options_panel .selected_options .btn_delete { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 14px; height: 14px; margin-right: auto; background-color: #d8d8d8; }

.build_option .options_panel .selected_options .btn_delete:before, .build_option .options_panel .selected_options .btn_delete:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.build_option .options_panel .selected_options .btn_delete:before { width: 7.5px; height: 1.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.build_option .options_panel .selected_options .btn_delete:after { width: 1.5px; height: 7.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.build_option .options_panel .selected_options .price { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 13px; color: #EA9000; font-weight: 600; font-size: inherit; }

.build_option .options_panel .total_result { margin-top: 21px; padding-top: 16px; border-top: 1px solid #d9d9d9; }

.build_option .options_panel .total_result > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.build_option .options_panel .total_result > .group:not(:first-child) { margin-top: 6px; }

.build_option .options_panel .total_result em, .build_option .options_panel .total_result span { color: #000; font-size: .875rem; }

.build_option .options_panel .total_result span { -ms-flex-negative: 0; flex-shrink: 0; text-align: right; }

.build_option .options_panel .total_result .total_desc { font-weight: 900; font-size: 1.125rem; }

.build_option .options_panel .total_result .total_price { color: #EA9000; font-weight: 900; font-size: 1.25rem; }

.build_option .concierge_panel > .title { padding-bottom: 11px; color: #000; font-size: 1rem; line-height: 1.4375rem; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.build_option .concierge_panel .applied_list { padding-top: 18px; border-top: 3px solid #000; }

.build_option .concierge_panel .applied_list > li { color: #999; font-size: .875rem; line-height: 1.4375rem; }

.build_option .concierge_panel .applied_list > li:not(:first-child) { margin-top: 18px; }

.build_option .concierge_panel .applied_list > li.applied { color: #000; font-weight: 600; }

.build_option .concierge_panel .applied_list > li.applied .check { display: block; }

.build_option .concierge_panel .applied_list > li > .group { 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; color: inherit; font-size: inherit; font-weight: inherit; }

.build_option .concierge_panel .applied_list > li .check { display: none; position: relative; width: 18px; height: 18px; background-color: #000; border-radius: 100%; }

.build_option .concierge_panel .applied_list > li .check:before { content: ''; position: absolute; left: 50%; top: 50%; width: 4px; height: 4px; border-left: 1.5px solid #fff; border-top: 1.5px solid #fff; -webkit-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); }
.build_option .concierge_panel .applied_list .payment_left_label.active{font-weight: 900;
font-size: 1.125rem; color: #000;}
.build_option .color_panel .select_color > .group:not(:first-child) { margin-top: 30px; padding-top: 30px; border-top: 1px dotted #999; }

.build_option .color_panel .select_color .option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.build_option .color_panel .select_color .part { margin-right: auto; color: #000; font-weight: 900; font-size: 1.375rem; }

.build_option .color_panel .select_color .selected { color: #000; font-weight: 600; font-size: .875rem; line-height: 1.625rem; }

.build_option .color_panel .select_color .price { margin-left: 8px; color: #FF8D34; font-weight: 600; font-size: .875rem; line-height: 1.5rem; }

.build_option .color_panel .select_color .color_chips { margin-top: 20px; }

.build_option .color_panel .estimated_date { position: relative; margin-top: 60px; padding: 18px 25px 20px 112px; border: 1px solid #d9d9d9; }

.build_option .color_panel .estimated_date:before { content: ''; display: block; position: absolute; left: 25px; top: 50%; width: 62px; height: 62px; margin-top: -31px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_delivery.png); background-size: cover; background-repeat: no-repeat; }

.build_option .color_panel .estimated_date .msg { color: #777; font-size: .875rem; }

.build_option .color_panel .estimated_date .day { margin-top: 3px; color: #000; font-weight: 900; font-size: 1rem; }

.build_option .color_panel .popular_color { margin-top: 30px; }

.build_option .color_panel .popular_color > .group { 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; }

.build_option .color_panel .popular_color .most_color { color: #000; font-weight: 600; }

.build_option .color_panel .popular_color .btn_more { position: relative; width: 10px; height: 10px; }

.build_option .color_panel .popular_color .btn_more:before, .build_option .color_panel .popular_color .btn_more:after { content: ''; display: block; position: absolute; background-color: #000; }

.build_option .color_panel .popular_color .btn_more:before { left: 50%; top: 0; width: 2px; height: 10px; margin-left: -1px; }

.build_option .color_panel .popular_color .btn_more:after { left: 0; top: 50%; width: 10px; height: 2px; margin-top: -1px; }

.build_option .color_panel .popular_color .result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; }

.build_option .color_panel .popular_color .result .color { width: 72px; font-weight: 900; font-size: .875rem; }

.build_option .color_panel .popular_color .result .bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 23px; padding-right: 9px; border: 1px solid #D9D9D9; background-color: #F4F4F4; }

.build_option .color_panel .popular_color .result .gauge { position: absolute; left: -1px; top: -1px; bottom: -1px; }

.build_option .color_panel .popular_color .result .percent { font-weight: 600; font-size: .875rem; }

.color_chips .color_list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -14px; }

.color_chips .color_list li { position: relative; display: block; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; margin: 14px 14px 0 0; }

.color_chips .color_list li:last-child { margin-right: 0; }

.color_chips .color_list .color_select { position: relative; width: 35px; height: 35px; border-radius: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; overflow: hidden; }

.color_chips .color_list .color_select[aria-selected='true']:after { content: ''; display: block; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_color_selected.png); background-size: 20px; background-position: center center; background-repeat: no-repeat; z-index: 1; }

.color_chips .color_list .color_select.unable:after { content: ''; display: block; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_unable_selection.png); background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 1; }

.color_chips .color_list li:hover > .color_select.button .a11y{z-index: 9;
top: -28px;
background: #fff;
padding: 5px;
width: auto;
height: auto;
clip: auto;
font-size: 14px;
left: -50%;
border: 1px solid #eee;
text-align: center;
white-space: nowrap;}
.color_chips .color_list li:hover > .color_select.button{overflow: visible;} 

.filter_vehicle .filter_item > .group:not(:first-child) { margin-top: 30px; padding-top: 30px; border-top: 1px dashed #999; padding-bottom: 0px;}

.filter_vehicle .filter_item > .group > .title { display: block; margin-bottom: 10px; font-weight: 900; font-size: 1rem; padding: 0px;}

.filter_vehicle .filter_item > .group .frm_slider { padding-bottom: 30px; }

.filter_vehicle .filter_item .radio_group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -15px -15px 0 0; }

.filter_vehicle .filter_item .radio_group .radiowrap { width: calc(100% / 3 - 15px); min-width: auto; margin: 15px 15px 0 0; }

.filter_vehicle .filter_item .radio_group .radiowrap:nth-child(3n) { margin-right: 0; }

.filter_vehicle .filter_item .radio_group .radiowrap:nth-child(3n) ~ .radiowrap { margin-top: 15px; }

.filter_vehicle .filter_item .checkbox_group { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px;}

.filter_vehicle .filter_item .checkbox_group .chkwrap { width: 50%; width: calc(100% / 3 - 0px); margin-right: 0; margin-bottom: 10px; margin-top: 0px;}

.filter_vehicle .filter_item .checkbox_group .chkwrap input[type=checkbox] + label { min-height: 30px; height: auto; line-height: 1.4; background-position: left top 2px; }

.filter_vehicle .reset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 60px 0 -80px; }
.filter_vehicle .reset#reset{cursor: pointer;}
.filter_vehicle .reset button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.filter_vehicle .reset button span { color: #0559F7; font-size: 1rem; }

.filter_vehicle .reset a.button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.filter_vehicle .reset a.button span { color: #0559F7; font-size: 1rem; }

.trims_compare .controls { display: -webkit-box; display: -ms-flexbox; display: flex; }

.trims_compare .controls > .desc { width: 27.0%;margin-right: 1%; font-size: 1rem; }

.trims_compare .controls > .desc span { font-size: inherit; }

.trims_compare .controls > .desc .highlight { display: block; margin-top: 5px; font-weight: 900; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.trims_compare .controls .comparing { display: -webkit-box; display: -ms-flexbox; display: flex; width: 72.4%; }

.trims_compare .controls .comparing > .group { position: relative; width: 50%; }

/*.trims_compare .controls .comparing > .group figure{padding: 20px;}*/

.trims_compare .controls .comparing > .group:not(:first-child) { margin-left: 20px; }

.trims_compare .controls .comparing select { margin-bottom: 20px; padding-right:50px; }

.trims_compare .controls .comparing .empty { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 70px); border: 1px dashed #999; }

.trims_compare .controls .comparing .empty span { color: #D9D9D9; font-size: 1.375rem; }

.trims_compare .result { margin-top: 20px; border-top: 3px solid #000; }

.trims_compare .result > .item { border-bottom: 1px solid #D9D9D9; }

.trims_compare .result > .item.diffy { background-color: #F4F4F4; }

.trims_compare .result > .item > .group { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 20px 20px 0; }

.trims_compare .result .title { width: 27.6%; font-size: 1rem; line-height: 1.5rem; }

.trims_compare .result .desc { width: calc(72.4% / 2); font-weight: 900; font-size: 1rem; line-height: 1.5rem; padding-left:10px; }

.vehicle_spec .builded_vehicle { margin-bottom: 20px; font-weight: 600; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.vehicle_spec .tab_wrap .tablist:not(._line) { -ms-flex-wrap: wrap; flex-wrap: wrap; }

.vehicle_spec .tab_wrap .tablist:not(._line) li { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 20%; }

.vehicle_spec .tab_wrap .tablist:not(._line) li:nth-child(6) { margin-left: 0; }

.vehicle_spec .tab_wrap .tablist:not(._line) li:nth-child(5) ~ li { border-top: 0; }

.vehicle_spec .tab_wrap .tab_contents { margin-top: 30px; }

[class*="option_detail"] .option_thumnail { float: none; width: auto !important; margin: 0 !important; cursor: auto; }

[class*="option_detail"] .option_thumnail:before { display: none; }

[class*="option_detail"] .option_thumnail .option_head { margin: -40px -50px 0; }

[class*="option_detail"] .option_thumnail .option_head:before, [class*="option_detail"] .option_thumnail .option_head:after { display: none; }

[class*="option_detail"] .option_thumnail .option_head .option_img { width: 100%; }

[class*="option_detail"] .option_thumnail .option_body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin-top: 40px; padding: 0; }

[class*="option_detail"] .option_thumnail .option_seller { font-weight: 900; font-size: 1.375rem; line-height: 1.875rem; }

[class*="option_detail"] .option_thumnail .option_price { -ms-flex-negative: 0; flex-shrink: 0; font-weight: 600; color: #FF9934; }

[class*="option_detail"] .option_thumnail .option_bottom { width: 100%; margin-top: 30px; padding: 0; }

[class*="option_detail"] .option_thumnail .option_desc { margin-top: 0; color: #000; font-size: 1rem; }

.option_detail-multi .option_container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-flow: column-reverse wrap; flex-flow: column-reverse wrap; position: relative; }

.option_detail-multi .option_container .tablist { position: absolute; left: 0; right: 0; top: 418px; z-index: 5; }

.option_detail-multi .option_container .tab_contents { height: 100%; }

.option_detail-multi .option_thumnail .option_bottom { margin-top: 96px; }

.product_container { position: relative; max-width: inherit; margin: 0; padding: 4.085% 10.892%; }

.h-contents .stage_wrap .product_container .product_mask { margin:0px !important;margin-left: -35px !important; }

.product_container > .total { margin-bottom: 10px; }

.product_container .total { color: #999; text-align: right; }

.product_container .total .current { font-weight: 600; }

.product_container .product_filter { display: -webkit-box; display: -ms-flexbox; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

.product_container .product_filter .total { -ms-flex-negative: 0; flex-shrink: 0; }

.product_container .product_filter .sort { width: 225px; }

.product_container .product_filter ~ .product_filter { margin-top: 8.17%; }

.product_container .product_filter > *:not(:first-child) { margin-left: 20px; }

.product_container .product_filter .content_title { width: 100%; margin: 0 auto 0 0; }

.product_container .product_filter .content_title + .total { -ms-flex-item-align: end; align-self: flex-end; }

.product_container .product_empty { 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; position: absolute; left: 0; top: 0; width: 100%; height: calc(100vh - 120px); text-align: center; }

.product_container .product_empty i { width: 50px; height: 50px; margin-bottom: 20px; }

.product_container .product_empty .msg { color: #999; font-size: 1rem; line-height: 1.875rem; text-align: center; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

@media screen and (max-width: 1600px) { .product_container { padding-left: 5.09%; padding-right: 5.09%; } }

.h-contents .stage_wrap .product_container .product { display: inline-block;box-sizing: border-box; position: relative; width: calc(100% / 3 - 40px); margin-top: 35px; margin-left: 35px; margin-bottom: 0px; margin-right: 0; padding:0px; padding-bottom: 35px; background-color: #fff; cursor: pointer; }

.h-contents .stage_wrap .product_container .product.out_of_stock{opacity: 0.6}

.product.soldout:before { content: 'This vehicle is \A no longer available'; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; background-color: rgba(244, 244, 244, 0.95); color: #000; font-weight: 600; font-size: 1.375rem; line-height: 1.875rem; text-align: center; white-space: pre-wrap; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.product:hover { -webkit-box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.16); box-shadow: 8px 8px 40px rgba(0, 0, 0, 0.16); }
.minicart-items .product:hover {box-shadow:none; }
.product .product_bottom .btn-type:hover { border: 0; background-color: #0E306C; color: #fff; font-weight: 600; }

.product .product_bottom .btn-type:hover:before { border-color: #fff; }

.product:nth-child(3n) { margin-right: -3px; }

.h-contents .stage_wrap .product_container .product:nth-child(-n+3) { margin-top: 0; }

.product .product_head { position: relative; z-index: 6; padding: 15px 15px 0;min-height: 43px;}
/*.product .product_head:before{display:block; content:''; position: absolute; top:0px; right:0px; width:28px; height:28px; background-color: #fff; border:1px solid #d9d9d9;}*/
/*.product .product_head:after{display: block; content:''; position: absolute;right:11px; top:9px; width:7px; height:7px; border-left: 3px solid #d9d9d9; border-top: 3px solid #d9d9d9; transform: rotate(225deg); -webkit-transform: rotate(225deg);}*/
.product[aria-selected="true"] .product_head:before{background-color: #FF8D34; border-color: #FF8D34;}
.product[aria-selected="true"] .product_head:after{border-color:#fff;}


.product .product_head .product_tag { display: inline-block;  background-color: #EAEFFD; color: #327FD9; padding: 0 8px; font-weight: 600; font-size: 12px; line-height: 1.7; }

.product .product_head .product_tag.new { background-color: #EAEFFD; color: #327FD9; }
.product .product_head .product_tag.hot { background-color: #EAEFBD;color: #003E42; }
.product .product_head .product_tag.best { background-color: #F1E7F8; color: #8D64FC; }
.product .product_head .product_tag.popular { background-color: #F1E7F8; color: #8D64FC; }

.product .product_head .product_flag { display: inline-block; position: absolute; right: -8px; top: 35px; padding: 0 12px 0 17px; font-weight: 600; font-size: 12px; line-height: 2.1; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.product .product_head .product_flag:before { content: ''; display: inline-block; position: absolute; left: -8px; top: 1px; border-bottom: 25px solid #fff; border-right: 8px solid transparent; border-left: 8px solid transparent; }

.product .product_head .product_flag.promotion { background-color: #FF8D34; color: #fff; }

.product .product_img { margin-top: 40px; padding: 0 20px; min-height: 173px;}

.product .product_img > img { width: 100%; }

.product .product_name { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-top: 25px; padding: 0 28px; }
.product .product_name a.name{max-width: calc(100% - 90px);
  display: inline-block;}
.product .product_name h3 { display: block; width: 100%; color: #000; font-weight: 900; font-size: 1.75rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; 

  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.product .product_name h3 a{font-size: inherit;font-weight: inherit;width: 100%;font-family: inherit;display: inherit;min-height: 94px;}

.product .product_name h3 span { display: block; margin-top: 2px; color: #888; font-size: 0.875rem; line-height: 1.25rem; }

.product .product_name .product_more { position: absolute; right: 35px; bottom: 0; padding-right: 25px; color: #000; font-size: 0.875rem; line-height: 1.25rem; }

.product .product_name .product_more:before { content: ''; display: block; position: absolute; right: 0; top: -2px; width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_download.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; }

.product .product_name .product_bookmark { -ms-flex-item-align: start; align-self: flex-start; margin-top: 8px; }

.product .product_name .product_bookmark label { display: block; width: 20px; height: 20px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_star.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; cursor: pointer; }

.product .product_name .product_bookmark input[type="checkbox"]:checked + label { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_star_selected.png); }

.product .product_desc { margin-top: 10px; min-height: 40px; padding: 0 35px; font-weight: 600; font-size: .875rem; line-height: 1.25rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.product .product_desc .highlight { color: #FF9934; font-size: inherit; font-weight: inherit; line-height: inherit; }

.product .product_price { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 15px; padding: 0 28px; min-height: 120px;}

.product .product_price.row > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; }

.product .product_price > .group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 12px 8px 0 8px; border-top: 1px solid #d9d9d9; }

.product .product_price > .group:not(:first-child) { border-left: 1px solid #d9d9d9; }

.product .product_price .group > span { color: #888; font-size: 0.875rem; line-height: 1.25rem; }

.product .product_price .group > em { display: block; color: #000; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; letter-spacing: -.5px; }

.product .product_price .group em .price{display: block;color: rgb(0, 0, 0);font-weight: 600;font-size: 1.125rem;line-height: 1.75rem;letter-spacing: -0.5px;}

.product .product_price .group em .price-box{margin: unset;}

.product .product_price .group em > span { color: #888; font-size: 0.875rem; line-height: 2.25rem; padding-left: 5px; }

/* Model */

.product .product_price > .group-model { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 12px 0 0 0px; border-top: 1px solid #d9d9d9; }
.product .product_price > .group-model:not(:first-child) { border-left: 1px solid #d9d9d9; }
.product .product_price > .group-model > span { color: #888; font-size: 0.875rem; line-height: 1.25rem; }
.product .product_price > .group-model > em { display: block; color: #000; font-weight: 600; font-size: 1.125rem; line-height: 1.75rem; letter-spacing: -.5px; }
.product .product_price > .group-model > em span { color: #888; font-size: 0.875rem; line-height: 2.25rem; padding-left: 5px; }
.catalog-category-view .product .product_bottom {display: flex;}
.product .product_bottom .btn-type-models {border: 1px solid rgb(217, 217, 217);width: 50%;display: inline-block;position: relative;height: 50px;padding: 0 5px 0 5px; text-align: center; background-color: #fff;color: #999;font-weight: normal;font-size: 0.875rem;line-height: 50px;font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;}
/*.product:hover .product_bottom .btn-type-models {border: 0;background-color: #0E306C;color: #fff;font-weight: 600;}
.product:hover .product_bottom .btn-type-models:before {border-color: #fff;}
*/

.product .product_bottom .btn-type-models:hover {border: 0;background-color: #0E306C;color: #fff;font-weight: 600;}
.product .product_bottom .btn-type-models:hover:before {border-color: #fff;}



.product .product_bottom .btn-type-models:before {content: '';display: none;position: absolute;right: 25px;top: 50%;width: 6px;height: 6px;margin-top: -5px;border-left: 2px solid #999;border-top: 2px solid #999;-webkit-transform: rotate(135deg);transform: rotate(135deg);}



.product .product_bottom .btn-type-models:after {content: '';display: inline-block; margin-left: 5px; width: 6px;height: 6px;margin-top: -5px;border-left: 2px solid #999;border-top: 2px solid #999;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.product .product_bottom .btn-type-models:hover:after {border-color: #fff; border-left: 2px solid #fff;
  border-top: 2px solid #fff;}

.product .product_bottom { position: relative; z-index: 6; margin-top: 15px; padding: 0 28px; }

.product .product_bottom .btn-type { display: block; position: relative; height: 50px; padding: 0 0 0 20px; background-color: #fff; color: #999; font-weight: normal; font-size: 0.875rem; line-height: 50px; text-align: left; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.product .product_bottom .btn-type .notify_me{color: rgb(153, 153, 153);}

.product .product_bottom .btn-type:before { content: ''; display: none; position: absolute; right: 25px; top: 50%; width: 6px; height: 6px; margin-top: -5px; border-left: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.product .product_bottom .btn-type:after { content: ''; display: inline-block; margin-left: 5px; width: 6px; height: 6px;  border-left: 2px solid #999; border-top: 2px solid #999; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.product .product_bottom .btn-type:hover::after {color: #fff;border-color: #fff;}
.product .product_bottom .btn-type:hover .notify_me {color: white; }

@media screen and (max-width: 1400px) { .product [class*='product_']:not(.product_head) { padding: 0 20px; } 
.productpartsfinder-partsfinder-index, .catalog-category-view{overflow: auto !important;}
}

.option_container._concierge { margin-top: -32px; }

.option_container .pagination { margin-top: 80px; }

.option_mask { margin-left: -32px; }
.option_tab_detail .option_mask { visibility: hidden; height: 0; width: 0; padding: 0}

.sub_tablist .sub-tab_panel._active .option_mask { margin-bottom: 120px; visibility: visible; height: auto; width: auto; }

.option_thumnail { float: left; position: relative; width: calc(100% / 4 - 32px); margin: 32px 0 0 32px; cursor: pointer; }

.option_thumnail:before { content: ''; display: block; position: absolute; left: -15px; top: -15px; right: -15px; bottom: -20px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.option_thumnail:hover:before { -webkit-box-shadow: 12px 8px 40px rgba(0, 0, 0, 0.16); box-shadow: 12px 8px 40px rgba(0, 0, 0, 0.16); }

.option_thumnail:hover .option_head:after { border-color: #d9d9d9; }

.option_thumnail:hover .option_price { color: #EA9000; }

.option_thumnail[aria-selected="true"] .option_head:before { background-color: #FF8D34; border-color: #FF8D34; }

.option_thumnail[aria-selected="true"] .option_head:after { border-color: #fff; }

.option_thumnail[aria-selected="true"] .ic_info { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_info-select.png); }

.option_thumnail .option_head { position: relative; }

.option_thumnail .option_head:before, .option_thumnail .option_head:after { content: ''; display: block; position: absolute; }

.option_thumnail .option_head:before { left: 0; top: 0; width: 28px; height: 28px; background-color: #fff; border: 1px solid #d9d9d9; }

.option_thumnail .option_head:after { left: 11px; top: 9px; width: 7px; height: 7px; border-left: 3px solid #d9d9d9; border-top: 3px solid #d9d9d9; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.option_thumnail .option_head .option_img img { width: 100%; }

.option_thumnail .option_head input[type=checkbox] { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; visibility: hidden; }

.option_thumnail .option_head label { position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer; }

.option_thumnail .option_body { position: relative; padding: 13px 5px 0; }

.option_thumnail .option_seller { display: block; color: #000; font-weight: 600; font-size: 1.125rem; line-height: 1.625rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }


.option_detail .option_thumnail .option_seller{text-overflow: unset; white-space: normal; overflow: unset; display: block; }
.option_thumnail .option_desc { margin-top: 11px; color: #999; font-size: 0.875rem; line-height: 1.375rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

 .option_detail .option_thumnail .option_desc {

  text-overflow: unset;
  display: block;}


.option_thumnail .option_bottom { 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; position: relative; padding: 0 5px; }

.option_thumnail .option_price { color: #000; font-weight: 600; font-size: 1rem; line-height: 1.5rem; }

.option_thumnail .ic_info { overflow: hidden; width: 30px; height: 30px; margin-right: 0; background-position: 50% 50%; background-size: 20px 20px; text-indent: 100%; white-space: nowrap; }

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

.fixed_bottom .result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 3; -ms-flex: 3; flex: 3; padding: 0 20px 0 40px; border-top: 1px solid #d9d9d9; }

.fixed_bottom .result .product_name { color: #000; font-weight: 600; font-size: 2.3rem; white-space: nowrap; line-height: 4.125rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.fixed_bottom .result .total_price { position: relative; margin-left: 20px; padding-left: 20px; }

.fixed_bottom .result .total_price:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 1px; height: 32px; margin-top: -16px; border-left: 1px dashed #999; }
.fixed_bottom .result .hide_in_desktop{display: none;}
.fixed_bottom .result .total_price .total { display: block; font-size: .875rem; line-height: 1.4375rem; }
.fixed_bottom .result .total_price .total .label{font-weight: 600;}
.fixed_bottom .result .total_price .total .text{font-size: 0.65rem;}

.fixed_bottom .result .total_price .price { color: #FF8D34; font-weight: 900; font-size: 1.60rem; vertical-align: baseline; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.fixed_bottom .result .total_price .pm { color:gray; font-size: 0.975rem; line-height: 1.438rem; vertical-align: baseline; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-decoration: line-through; }
.fixed_bottom .result .total_price .pm.dont_show{display: none !important;}
.fixed_bottom .review { -webkit-box-flex: 0.7044; -ms-flex: 0.7044; flex: 0.7044; border-top: 1px solid #d9d9d9; border-left: 1px solid #d9d9d9; }

.fixed_bottom .review span { position: relative; padding-left: 28px; color: #000; font-weight: 600; font-size: 1.125rem; line-height: 1.5rem; }

.fixed_bottom .review span:before { content: ''; display: block; position: absolute; left: 0; top: 50%; width: 16px; height: 16px; margin-top: -8px; background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_review.png"); background-size: cover; background-repeat: no-repeat; }

.fixed_bottom .btn-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1.311; -ms-flex: 1.311; flex: 1.311; height: auto; }

.fixed_bottom .btn-type span { color: #fff; font-weight: 600; font-size: 1.375rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.fixed_bottom .btn-type i { margin-left: 16px; position: relative; display: inline-block; width: 6px; height: 14px; overflow: hidden; }

.fixed_bottom .btn-type i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(0.857143, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.857143, 1) rotate(45deg); margin-left: -1px; border-top: 2.5px solid #fff; border-right: 2.5px solid #fff; }

.option-vr360 { overflow: hidden; }

.option-vr360-cont .progress-complete .vr-dimmed { display: none; }

.option-vr360-cont .progress-complete .progress { display: none; }

.option-vr360-cont .vr360-wrap { position: relative; width: 100%; max-width: 1600px; height: 100%; margin: 0 auto; }

.option-vr360-cont .vr-dimmed { position: absolute; top: 20px; right: 0; left: 0; padding-top: 41.9%; }

.option-vr360-cont .vr-car-wrap { position: relative; width: 100%; z-index: 1; }

.option-vr360-cont .vr-car-wrap .inner { position: relative; width: 100%; height: calc(100vh - 390px); z-index: -1; }

.option-vr360-cont .vr-car-wrap .sequence { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.option-vr360-cont .vr-car-wrap .sequence img { position: absolute; top: 50%; left: 50%; width: 100%; min-width: 500px; max-width: 100%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.option-vr360-cont .vr-car-wrap.ev .sequence img {-webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%);}

.option-vr360-cont .vr-car-wrap .on { visibility: visible; }

.option-vr360-cont .vr-car-wrap.e-start { cursor: ew-resize; }

.option-vr360-cont .vr-car-no-img { display: none; }

.option-vr360-cont .vr-car-no-img.is-active { display: block; }

.option-vr360-cont .vr-car-no-img .vr-car-no-img-inner { position: relative; height: 850px; z-index: -1; }

.option-vr360-cont .vr-car-no-img img { position: absolute; top: 50%; left: 50%; width: 100%; max-width: inherit; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.option-vr360-cont .vr-car-no-img .msg { padding: 0 20px; text-align: center; font-size: 1rem; color: #e63312; font-weight: 600; }

.option-vr360-cont .btn-vr360 { position: absolute; bottom: 10px; left: 50%; font-size: 1rem; z-index: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.option-vr360-cont .btn-vr360 span { font-size: 1rem; font-weight: 900; vertical-align: middle; }

.option-vr360-cont .progress { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 6px; height: 100%; font-size: 0; line-height: 0; background-color: transparent; background-color: rgba(255, 255, 255, 0.5); z-index: 2; }

.option-vr360-cont .progress .bar { text-align: center; }

.option-vr360-cont .progress .count { display: none; }

.option-vr360-cont .progress .bullet-area { position: absolute; top: 50%; left: 0; width: 100%; text-align: center; }

.option-vr360-cont .progress .bullet { display: inline-block; width: 8px; height: 8px; margin: 0 5px; border-radius: 50%; background-color: #00aad2; opacity: 0.4; }

.option-vr360-cont .is-loading .progress { display: block; }

.option-vr360-cont .is-loading .progress .bullet { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: loading; animation-name: loading; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.option-vr360-cont .is-loading .progress .bullet:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.option-vr360-cont .is-loading .progress .bullet:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.option-vr360-cont .is-loading .progress .bullet:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.option-vr360-cont .is-loading .progress .bullet:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.option-vr360-cont .is-loading .progress .bullet:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

/* Gallery */

.product_media .prod_gallery{max-width: 800px; margin: auto; position: relative; padding:20px 0px; box-sizing: border-box; overflow: hidden;}
.product_media .prod_gallery .main_gallery{position: relative;}
.product_media .prod_gallery .gallery_nav{height:100px; width:30px; background-color: #bbb; position: absolute; top:50%; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; cursor: pointer;}
.product_media .prod_gallery .gallery_nav.prev{left:0px; transition: .3s ease-in-out;}
.product_media .prod_gallery .gallery_nav.next{right:0px; transition: .3s ease-in-out;}

.product_media .prod_gallery .main_gallery .gallery_nav.prev{left:-40px;}
.product_media .prod_gallery .main_gallery .gallery_nav.next{right:-40px;}
.product_media .prod_gallery:hover .main_gallery .gallery_nav.prev{left:0px;}
.product_media .prod_gallery:hover .main_gallery .gallery_nav.next{right:0px;}

.product_media .prod_gallery .gallery_nav .gallery_icon img{max-width: 100%;}

.product_media .prod_gallery .main_gallery .main_gallery_item img{max-width: 100%;}

.product_media .prod_gallery .thumbnail_image{position: relative; margin-top:20px;}
.product_media .prod_gallery .thumbnail_image .thumbnail_row{display: flex; justify-content: space-between; gap:20px;}
.product_media .prod_gallery .thumbnail_image .thumbnail_row .thumbnail_item{background-color:transparent; padding:0px; box-sizing: border-box;}
.product_media .prod_gallery .thumbnail_image .thumbnail_row .thumbnail_item img{max-width: 100%; height:118px;}

@media screen and (max-width:767px){

.product_media .prod_gallery .thumbnail_image{display: none;}

}


/* Gallery Ends*/

@-webkit-keyframes loading { 0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; } }

@keyframes loading { 0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; } }

.review_vehicle .board_thumnail { margin-bottom: 40px; }

.review_vehicle .board_thumnail > li { border-bottom: 1px dashed #999; padding: 20px 0; }

.review_vehicle .board_thumnail > li:first-child { padding-top: 0; }

.review_vehicle .board_thumnail > li > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.review_vehicle .board_thumnail .board_img { -webkit-box-flex: 0; -ms-flex: 0 0 36%; flex: 0 0 36%; }

.review_vehicle .board_thumnail .board_img.board_video { position: relative; }

.review_vehicle .board_thumnail .board_img.board_video:before, .review_vehicle .board_thumnail .board_img.board_video:after { content: ''; display: block; position: absolute; }

.review_vehicle .board_thumnail .board_img.board_video:before { left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2); }

.review_vehicle .board_thumnail .board_img.board_video:after { left: 50%; top: 50%; width: 36px; height: 36px; margin: -18px 0 0 -18px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_video_play.png); background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

.review_vehicle .board_thumnail .board_contents { padding-left: 20px; }

.review_vehicle .board_thumnail .board_contents > .title { display: block; margin-bottom: 10px; font-weight: 600; font-size: 1.125rem; }

.review_vehicle .board_thumnail .board_contents > .desc { font-size: 1rem; line-height: 1.5rem; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.popular_colors .h-layer_wrap .h-layer_close { z-index: 12; }

.popular_colors .h-layer_wrap .h-layer_cont { padding-top: 60px; }

.popular_colors .note { margin-bottom: 30px; font-size: 1rem; }

.popular_colors .note .highlight { margin-top: 10px; font-weight: 900; }

.popular_colors .popular_list > li:not(:first-child) { margin-top: 20px; }

.popular_colors .popular_list > li > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.popular_colors .popular_list .color_name { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; font-weight: 900; font-size: .875rem; text-align: left; }

.popular_colors .popular_list .bar { display: -webkit-box; display: -ms-flexbox; display: flex; width: 214px; height: 25px; background-color: #f4f4f4; border: 1px solid #D9D9D9; }

.popular_colors .popular_list .bar .color, .popular_colors .popular_list .bar .percent { height: 100%; }

.popular_colors .popular_list .bar .percent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 10px 0 auto; font-weight: 600; font-size: .875rem; }

.view_selection .options_control { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 10px; border-bottom: 3px solid #000; }

.view_selection .options_control .selected_sum { font-size: 1rem; line-height: 1.4375rem; }

.view_selection .options_control .selected_sum .currunt, .view_selection .options_control .selected_sum span { font-size: inherit; }

.view_selection .options_control .selected_sum .currunt { color: #000; font-weight: 600; }

.view_selection .options_control .selected_sum span { color: #999; }

.view_selection .categorys > .item { padding-top: 20px; }

.view_selection .categorys > .item:not(:first-child) { border-top: 1px dashed #999; margin-top: 20px; }

.view_selection .categorys > .item > .title { font-weight: 900; font-size: 1rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.view_selection .selected_options { margin-top: 10px; }

.view_selection .selected_options > li:not(:first-child) { margin-top: 10px; }

.view_selection .selected_options > li > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .875rem; }

.view_selection .selected_options .name { overflow: hidden; margin-right: 6px; color: #000; font-size: inherit; text-overflow: ellipsis; white-space: nowrap; }

.view_selection .selected_options .btn_delete { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: relative; width: 14px; height: 14px; margin-right: auto; background-color: #d8d8d8; }

.view_selection .selected_options .btn_delete:before, .view_selection .selected_options .btn_delete:after { content: ''; display: block; position: absolute; left: 50%; top: 50%; background-color: #fff; }

.view_selection .selected_options .btn_delete:before { width: 7.5px; height: 1.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.view_selection .selected_options .btn_delete:after { width: 1.5px; height: 7.5px; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }

.view_selection .selected_options .price { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 13px; color: #888; font-size: inherit; }

.view_selection .total_result { margin-top: 20px; padding-top: 20px; border-top: 1px solid #d9d9d9; }

.view_selection .total_result > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.view_selection .total_result > .group:not(:first-child) { margin-top: 5px; }

.view_selection .total_result em, .view_selection .total_result span { color: #000; font-size: .875rem; }

.view_selection .total_result span { -ms-flex-negative: 0; flex-shrink: 0; text-align: right; }

.view_selection .total_result .total_desc { font-weight: 900; font-size: 1rem; }

.view_selection .total_result .total_price { color: #EA9000; font-weight: 900; font-size: 1rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

@media screen and (max-height: 1000px) { .option-vr360-cont .vr360-wrap { padding-bottom: 7.5%; }
  .option-vr360-cont .vr-car-wrap .inner { height: calc(100vh - 450px); }
  .option-vr360-cont .vr-car-wrap .sequence { left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 90%; }
  .build_container.buy_colors .description { bottom: 20px; } }

@media screen and (min-width: 1024px) and (max-width: 1600px) {

 .build_menu .menu_head { padding-left: 10.425%; padding-right: 10.425%; }
 .build_menu .trims_control { padding-left: 10.425%; padding-right: 10.425%; }
  .build_menu .menu_panel { padding: 0; }
  .build_menu .item._active .menu_panel{padding: 0 10.425% 13.1%;}
  
  .build_option .trims_control button:not(:first-child) { margin-left: 8px; }
  .build_option .trims_control button span { font-size: 0.75rem; }
 .build_option .trims_control .button:not(:first-child) { margin-left: 8px; }
  .build_option .trims_control .button span { font-size: 0.75rem; }

  .build_option .trims_control a.button:not(:first-child) { margin-left: 8px; }
  .build_option .trims_control a.button span { font-size: 0.75rem; }
  .build_option .trims_item .name { font-size: 0.875rem; }
  .build_option .trims_item .price { margin-left: 10px; }
  .build_option .trims_item > .group { display: block; text-align: left; }
  .build_option .trims_item .price { display: block; margin-left: 0; margin-top:5px; } 



}

 .build_option .trims_item > .group { display: block; text-align: left; }
  .build_option .trims_item .price { display: block; margin-left: 0; margin-top:5px; } 
 .build_option .trims_item .price.price_label {font-size: 0.7rem; } 
.build_container.buy_options .options_controls.inner{display: none;}
.pg-mobile.desktop .select_color .swatch-opt{padding:0px;}
@media screen and (min-width: 1024px) and (max-width: 1440px) { .build_option .trims_item > .group { display: block; text-align: left; } }

@media screen and (min-width: 1240px) {
  .fixed_bottom .result .total_price .total .text{display: block;}
 .build_option .trims_list .all_trims.hide_in_responsive{display: block !important;}
 .build_option .trims_list .show_in_responsive{display: none;}
}
@media screen and (max-width: 1239px) {
.pg-mobile .build_vehicles { padding: 0; }
.pg-mobile  .build_menu .item._active .menu_panel{padding: 0;}
.pg-mobile .build_vehicles .vehicles-head { max-width: 100%; padding: 10px 20px; margin-bottom: 0; margin-left: 0; }

.pg-mobile .build_vehicles .vehicles-head h2 { font-size: 1.625rem; }

.pg-mobile .build_vehicles .tab-pagination { background-color: #fff; -webkit-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; }

.pg-mobile .build_vehicles .tab-pagination.show { position: fixed; top: 60px; z-index: 16; border-bottom: 1px solid #d9d9d9; }

.pg-mobile .build_vehicles .tab-pagination.hide { position: fixed; top: -60px; z-index: 16; }

.pg-mobile .build_vehicles .vehicles-model { margin-left: 5px; }

.pg-mobile .build_vehicles .vehicles-model .v_item { border: 0; }

.pg-mobile .build_vehicles .vehicles-model .v_item button { position: relative; padding: 13px 15px; font-weight: normal; font-size: 1rem; }

.pg-mobile .build_vehicles .vehicles-model .v_item button[aria-selected="true"] { background-color: #fff; color: #0E306C; }

.pg-mobile .build_vehicles .vehicles-model .v_item button[aria-selected="true"]:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 4px; background-color: #0E306C; }

.pg-mobile .build_vehicles .vehicles-model .v_item a.button { position: relative; padding: 13px 15px; font-weight: normal; font-size: 1rem; }

.pg-mobile .build_vehicles .vehicles-model .v_item a.button[aria-selected="true"] { background-color: #fff; color: #0E306C; }

.pg-mobile .build_vehicles .vehicles-model .v_item a.button[aria-selected="true"]:after { content: ''; position: absolute; bottom: -1px; left: 0; display: block; width: 100%; height: 4px; background-color: #0E306C; }

.build_container.buy_colors .description p{max-width: 100%;}
.build_container.buy_colors .tab_wrap {  padding-bottom: 0;}
.pg-mobile .build_vehicles .vehicles_util { position: relative; height: 50px; border-bottom: 1px solid #D9D9D9; }
.catalog-category-view .pg-mobile .build_vehicles .vehicles_util{display: none;}
.pg-mobile .build_vehicles .vehicles_util [class^="btn_"] span:not(.current) { font-size: .875rem; }
.pg-mobile  .sub_tablist .sub-tab_panel{top:30px; width: calc(100% - 40px);}
.pg-mobile .build_option .item {  visibility: hidden; height: 0; padding-top: 0; border-bottom: 0; }

.pg-mobile .build_option .item._active { visibility: visible; height: auto; }

.pg-mobile .build_option .item._active .menu_head { padding-top: 10px; border-bottom: 1px solid #D9D9D9; }
.pg-mobile .build_option .item._active .menu_head.show{margin-top: 0; }
.pg-mobile .build_option .item._active .menu_head .opt_title { font-size: 1.625rem; }
.pg-mobile .build_container.buy_options .options_controls.inner{display: flex; margin: 20px;}

.pg-mobile .build_option .item._active .menu_head .trim_cnt { -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-item-align: end; align-self: flex-end; margin-top: 0; font-size: 0.875rem; }

.pg-mobile .build_option .item._active .menu_head .trim_cnt .btn-type { display: none; }

.pg-mobile .build_option .item._active.concierge_item { border-bottom: 1px solid #D9D9D9; }

.pg-mobile .build_option .item:not(.trim_item) .menu_panel { display: none; }

.pg-mobile .build_option .menu_head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 20px 20px; min-height: auto; width: 100%; background-color: #fff; -webkit-transition: top 0.3s ease-in-out; transition: top 0.3s ease-in-out; }
.pg-mobile .build_option .menu_head .opt_title.responsive{display: inline;}
.pg-mobile .build_option .menu_head .opt_title.desktop{display: inline-block; width: auto;}
.pg-mobile .build_option .menu_head .opt_title.desktop:before { content: ''; display: inline-block; width: 0px; height: 0px; margin-right: 0px; background:none; background-size: cover; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }
.pg-mobile .build_option .trim_item .menu_head .opt_title:before{display: none;}

.pg-mobile .build_option .menu_head .opt_title:before { content: ''; display: inline-block; width: 15px; height: 24px; margin-right: 8px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/m-icon_pageback.png); background-size: cover; background-repeat: no-repeat; background-position: center center; vertical-align: middle; }

.pg-mobile .build_option .menu_head.show { position: fixed; top: 59px; left: 0; right: 0; z-index: 16; border-bottom: 1px solid #D9D9D9; }

.pg-mobile .build_option .menu_head.hide { position: fixed; top: -60px; z-index: 16; }

.pg-mobile .build_option .btn_selected { display: inline-block; white-space: nowrap; padding: 7px 11px 6px; border: 1px solid #000; font-weight: 600; font-size: .875rem; line-height: 0.9rem; }

.pg-mobile .build_option .menu_panel { padding: 0; max-height: inherit; }

.pg-mobile .build_option .trims_control { margin-bottom: 0; padding:20px 20px 0}

.pg-mobile .build_option .trims_control button { border-left: 0; border-right: 0; }

.pg-mobile .build_option .trims_control button:not(:first-child) { margin-left: 0; border-left: 1px solid #d9d9d9; }
.pg-mobile .build_option .trims_control a.button { border-left: 0; border-right: 0; }

.pg-mobile .build_option .trims_control a.button:not(:first-child) { margin-left: 0; border-left: 1px solid #d9d9d9; }
.pg-mobile  .product .product_price{min-width: 80px;}
.pg-mobile .build_option .trims_list { padding: 10px 20px; }

.pg-mobile .build_option .trims_list .all_trims.hide_in_responsive{display: none; margin-top: 10px;}
.pg-mobile .build_option .trims_list .show_in_responsive{display: block;}

.pg-mobile .build_option .trims_list .show_all_trims{text-align: right;position: relative;
    color: #000;
  font-weight: 600;margin-top: 10px; cursor: pointer; 
  font-size: 0.875rem;



display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 40px;
  border: 1px solid #d9d9d9;
  background-color: #f4f4f4;
  cursor: pointer;



}
.pg-mobile .build_option .trims_list .show_all_trims::after {
  content: '';
/*  position: absolute;*/
  /*top: 8px;
  right: 0%;*/
  width: 7px;
  height: 7px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  margin-top: -2px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  margin-left: 10px;
    margin-top: 4px;
}
.pg-mobile .build_option .trims_list #trims_visibility{margin-bottom: 10px;}
.pg-mobile .build_option .trims_list .show_all_trims.opend::after  {
	-webkit-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg); margin-top: 9px;
}

.pg-mobile .build_option .trims_list .util { display: block; }
.pg-mobile .build_option .trims_list li.trims_item._active { display: none; }
.pg-mobile .build_option .trims_list .trims_item._active { display: block; }

.pg-mobile .build_option .trims_list .trims_item > .group { padding: 14px 100px 12px 15px; }

.pg-mobile .build_option .trims_list .trims_item .price { margin-left: 0px; }

.pg-mobile .build_option .trims_list._pulldown { padding: 0; }

.pg-mobile .build_option .trims_list._pulldown .util { display: none; }

.pg-mobile .build_option .trims_list._pulldown .trims_item { display: none; }

.pg-mobile .build_option .trims_list._pulldown .trims_item:not(:first-child) { margin-top: 0; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active { display: block; border-bottom: 1px solid #D9D9D9; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .name { color: #000; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .price { color: #999; font-weight: normal; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .group { min-height: inherit; padding: 19px 20px; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .tag { position: relative; right: inherit; top: inherit; margin-left: 10px; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .arrow { display: block; }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .flag { position: relative; right: inherit; top: inherit; margin-left: 10px; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

.pg-mobile .build_option .trims_list._pulldown .trims_item._active .flag:before { border-bottom-color: #fff; }

.pg-mobile .product_container { padding: 0 0 52px; }

.pg-mobile  .build_container.step4 .content_wrap{padding-top: 60px}

.pg-mobile .select_color .swatch-opt{padding:0 20px 10px 20px; margin-top: 80px;}
.pg-mobile .product-options-wrapper{padding:0 20px 20px; margin-top: 80px;}

.pg-mobile .h-contents .stage_wrap .product_container .product_mask{ margin-left: 0 !important; }

.pg-mobile .product_container .product_filter { padding-top: 20px; margin-bottom: 0px;}

.pg-mobile .product_container .total { font-size: 14px; }

.pg-mobile .product_container > .total { padding-top: 20px; }

.pg-mobile .product_container > .total + .product_filter { padding-top: 0; }

.pg-mobile .product_container .sort { width: 100%; margin: 10px 0 0 0; }

.pg-mobile .h-contents .stage_wrap .product_container .product{ float: none; width: 100%; margin-left: 0; margin-top: 20px; }

.pg-mobile .product:first-child { margin-top: 0; }

.pg-mobile .product .product_name h3 { font-size: 28px; }

.pg-mobile .product .product_price { padding: 0 20px; }

.pg-mobile .product .product_price > .group { padding-left: 15px; }

.pg-mobile .product .product_price > .group > span { font-size: .75rem; }

.pg-mobile .product .product_bottom .btn-type { background-color: #0E306C; color: #fff; }

.pg-mobile .product .product_bottom .btn-type:before { border-color: #fff; }

.pg-mobile .option_container { padding: 0 20px; }

.pg-mobile .option_container._concierge { margin-top: 0; padding: 0; }

.pg-mobile .option_mask { margin-left: -15px; }

.pg-mobile .option_thumnail { width: calc(50% - 15px); margin: 0 0 0 15px; }

.pg-mobile .option_thumnail:nth-child(2) ~ .option_thumnail { margin-top: 26px; }

.pg-mobile .option_thumnail:nth-child(2n + 1) { clear: left; }
.pg-mobile  .option_thumnail.option_desc{margin-bottom: 15px;}
.pg-mobile  .option_thumnail.option_desc p{font-size: 1rem;
line-height: 1.375rem;}
.pg-mobile .option_thumnail:before { display: none; }

.pg-mobile .option_thumnail .option_seller { font-size: 1rem; }

.pg-mobile .option_thumnail .option_desc { margin-top: 9px; }

.pg-mobile .option_thumnail .option_price { font-size: 14px; }

.pg-mobile .build_container { padding: 20px 20px 210px; }
.pg-mobile .build_container.buy_trims.hide_it, .pg-mobile .build_container.buy_colors.hide_it, .pg-mobile .build_container.buy_options.hide_it { padding-bottom: 0; }

.pg-mobile .build_container.buy_trims, .pg-mobile .build_container.buy_colors, .pg-mobile .build_container.buy_options { padding-bottom: 120px; padding-top: 10px;}

.pg-mobile .build_container.buy_options { padding-top: 0; }

.pg-mobile .build_container.buy_options .tab_panel > .options_controls { display: none; }

.pg-mobile .build_container.buy_options .sub-tab_panel .options_controls { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 20px 20px; }

.pg-mobile .build_container.buy_colors { padding-top: 0; text-align: left;  padding-left: 0; padding-right: 0;}

.pg-mobile .build_container.buy_colors .tablist { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pg-mobile .build_container.buy_colors .tab_contents { text-align: center; }

.pg-mobile .build_container.buy_colors .select_color { display: block; padding-top: 40px; }

.pg-mobile .build_container.buy_colors .select_color .option { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.pg-mobile .build_container.buy_colors .select_color .selected { color: #000; font-weight: 900; font-size: 1.375rem; line-height: 1.875rem; }

.pg-mobile .build_container.buy_colors .select_color .price { margin-left: 13px; color: #FF8D34; font-weight: 600; font-size: .875rem; line-height: 1.375rem; }

.pg-mobile .build_container.buy_colors .select_color .color_chips { margin-top: 20px; }

.pg-mobile .build_container.buy_colors ._interior .interior_box { position: relative; width: auto; height: 57.35vw; height:calc(100vh - 410px); min-height:calc(100vh - 410px); margin: 00px 0px 0; }

.pg-mobile .build_container.buy_colors ._interior .interior_box:before { height: 57.35vw; height:calc(100vh - 410px); }

.pg-mobile .build_container.buy_colors .description { position: static;margin-top: 20px;    margin-left: 20px; }

.pg-mobile .build_container.buy_colors .content_util { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: static; margin-top: 30px; }

.pg-mobile .build_container.buy_colors .estimated_date { display: block; position: relative; margin-top: 30px; padding: 20px 20px 20px 112px; border: 1px solid #d9d9d9; }

.pg-mobile .build_container.buy_colors .estimated_date:before { content: ''; display: block; position: absolute; left: 25px; top: 50%; width: 62px; height: 62px; margin-top: -31px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_delivery.png); background-size: cover; background-repeat: no-repeat; }

.pg-mobile .build_container.buy_colors .estimated_date .msg { color: #777; font-size: .875rem; }

.pg-mobile .build_container.buy_colors .estimated_date .day { margin-top: 3px; color: #000; font-weight: 900; font-size: 1rem; }

.pg-mobile .build_container.buy_colors .popular_color { display: block; margin-top: 30px; }

.pg-mobile .build_container.buy_colors .popular_color > .group { 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; }

.pg-mobile .build_container.buy_colors .popular_color .most_color { color: #000; font-weight: 600; }

.pg-mobile .build_container.buy_colors .popular_color .btn_more { position: relative; width: 10px; height: 10px; }

.pg-mobile .build_container.buy_colors .popular_color .btn_more:before, .pg-mobile .build_container.buy_colors .popular_color .btn_more:after { content: ''; display: block; position: absolute; background-color: #000; }

.pg-mobile .build_container.buy_colors .popular_color .btn_more:before { left: 50%; top: 0; width: 2px; height: 10px; margin-left: -1px; }

.pg-mobile .build_container.buy_colors .popular_color .btn_more:after { left: 0; top: 50%; width: 10px; height: 2px; margin-top: -1px; }

.pg-mobile .build_container.buy_colors .popular_color .result { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 22px; }

.pg-mobile .build_container.buy_colors .popular_color .result .color { width: 74px; font-weight: 900; font-size: .875rem; text-align: left; }

.pg-mobile .build_container.buy_colors .popular_color .result .bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; height: 23px; padding-right: 9px; border: 1px solid #D9D9D9; background-color: #F4F4F4; }

.pg-mobile .build_container.buy_colors .popular_color .result .gauge { position: absolute; left: -1px; top: -1px; bottom: -1px; }

.pg-mobile .build_container.buy_colors .popular_color .result .percent { font-weight: 600; font-size: .875rem; }

.pg-mobile .build_container > .tab_wrap [role="tablist"] { margin: 0 -20px; }
.pg-mobile .build_container.buy_colors > .tab_wrap [role="tablist"] { margin: 0px; }
.pg-mobile .fixed_bottom { -ms-flex-wrap: wrap; flex-wrap: wrap; position: fixed; bottom: 0; left: 0; right: 0; z-index: 100; width: 100%; height: auto; }

.pg-mobile .fixed_bottom .result { display: block; position: relative; -webkit-box-flex: 0; -ms-flex: none; flex: none; width: calc(100% - 70px); height: 115px; padding: 5px 15px 0 20px; }

.pg-mobile .fixed_bottom .result:before { content: ''; display: block; position: absolute; right: 0; top: 50%; height: 25px; margin-top: -12.5px; border-left: 1px dashed #999; }

.pg-mobile .fixed_bottom .result .product_name { font-size: 1.375rem; line-height: 1.875rem; }

.pg-mobile .fixed_bottom .result .total_price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 5px 0 0 0; padding-left: 0; }

.pg-mobile .fixed_bottom .result .total_price:before { display: none; }

.pg-mobile .fixed_bottom .result .total_price .total { overflow: hidden; width: 31px; line-height: 1.125rem; white-space: nowrap; }

.pg-mobile .fixed_bottom .result .total_price .total .text{display: none;}

.pg-mobile .fixed_bottom .result .total_price .price { /*width: calc(100% - 41px);*/ margin-left: 10px; font-size: 1.2rem; }

.pg-mobile .fixed_bottom .result .total_price .pm { width: 100%; margin: 3px 0 0 41px; font-size: .875rem; line-height: 1.125rem; }

.pg-mobile .fixed_bottom .result .total_price { margin-top: 0px;align-items: center;}

.pg-mobile .fixed_bottom .result .total_price .total {width: 70px;}

.pg-mobile .fixed_bottom .result .total_price .price {font-size: 0.8rem;}

.pg-mobile .fixed_bottom .result .text.hide_in_desktop {font-size: 0.6rem; margin-left: 0px; width: 100%;}

.pg-mobile .fixed_bottom .review { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: none; flex: none; position: relative; width: 60px; border-left: 0; }

.pg-mobile .fixed_bottom .review span { display: block; overflow: hidden; font-size: 11px; width: 50px; height: 56px; padding-left: 0; padding-top: 34px;  white-space: nowrap; }

.pg-mobile .fixed_bottom .review span:before { top: 12px;    width: 22px;    height: 22px;    margin-top: 0;    background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_review_m.png);    left: 15px; }

.pg-mobile .fixed_bottom .btn-type { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; height: 65px; }

.pg-mobile .fixed_bottom .btn-type span { font-size: 1.125rem; }

.pg-mobile .fixed_bottom .btn-type i { margin-left: 10px; position: relative; display: inline-block; width: 6px; height: 14px; overflow: hidden; }

.pg-mobile .fixed_bottom .btn-type i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 4px; height: 4px; -webkit-transform: translate(-50%, -50%) scale(0.857143, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.857143, 1) rotate(45deg); margin-left: -1px; border-top: 2.5px solid #fff; border-right: 2.5px solid #fff; }

.pg-mobile .option-vr360-cont .vr360-wrap { padding-bottom: 15%; text-align: center; }

.pg-mobile .option-vr360-cont .vr-car-wrap .inner { height: 56.25vw; }

.pg-mobile .option-vr360-cont .vr-car-wrap .sequence img { min-width: 140%; }

.pg-mobile .option-vr360-cont .btn-vr360 { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.pg-mobile .option-vr360-cont .btn-vr360 .ic_drag { width: 24px; height: 24px; }

.pg-mobile .option-vr360-cont .btn-vr360 span { font-size: 12px; }

.pg-mobile .filter_vehicle .filter_item .radio_group .radiowrap { width: calc(50% - 15px); }

.pg-mobile .filter_vehicle .filter_item .checkbox_group .chkwrap { width: 100%; }

.pg-mobile .filter_vehicle .filter_item .checkbox_group .chkwrap:not(:first-child) { margin-top: 10px; }

.pg-mobile .filter_vehicle .reset { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 20px 0 0; }

.pg-mobile .trims_compare .controls { display: block; }

.pg-mobile .trims_compare .controls > .desc { width: auto; }

.pg-mobile .trims_compare .controls > .desc .highlight { display: inline; font-size: 1rem; }

.pg-mobile .trims_compare .comparing { width: auto; margin-top: 20px; }

.pg-mobile .trims_compare .comparing > .group:not(:first-child) { margin-left: 10px; }

.pg-mobile .trims_compare .result { margin-top: 30px; }

.pg-mobile .trims_compare .result > .item > .group { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 10px; }

.pg-mobile .trims_compare .result .title { width: 100%; margin-bottom: 10px; }

.pg-mobile .trims_compare .result .desc { width: 50%; }

.pg-mobile .trims_compare .result .desc:not(:first-of-type) { padding-left: 10px; }

.pg-mobile .vehicle_spec .builded_vehicle { margin-bottom: 10px; font-weight: 900; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.pg-mobile .vehicle_spec .tab_wrap .tablist:not(._line) { border-top: 1px solid #D9D9D9; }

.pg-mobile .vehicle_spec .tab_wrap .tablist:not(._line)._pulldown { position: static; }

.pg-mobile .vehicle_spec .tab_wrap .tablist:not(._line)._pulldown + .tab_contents { padding-top: 0; }

.pg-mobile .vehicle_spec .tab_wrap .tablist:not(._line) li { width: auto; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; }

.pg-mobile .vehicle_spec .tab_wrap .tab_contents { margin-top: 20px; }

.pg-mobile [class*="option_detail"] .option_thumnail .option_head { margin: -30px -20px 0; }

.pg-mobile [class*="option_detail"] .option_thumnail .option_body { display: block; margin-top: 20px; }

.pg-mobile [class*="option_detail"] .option_thumnail .option_seller { margin-bottom: 5px; font-size: 1.125rem; line-height: 1.5rem; }

.pg-mobile [class*="option_detail"] .option_thumnail .option_price { display: block; font-size: .875rem; line-height: normal; }

.pg-mobile [class*="option_detail"] .option_thumnail .option_bottom { margin-top: 20px; }

.pg-mobile .option_detail-multi .option_container { padding: 0; }

.pg-mobile .option_detail-multi .tablist { display: -webkit-box; display: -ms-flexbox; display: flex; left: -20px; right: -20px; top: calc((56.25vw - 40px) + 76px); }

.pg-mobile .option_detail-multi .tablist li:not(:first-child) { margin-left: -1px; }

.pg-mobile .option_detail-multi .tablist li .tab { padding: 0 !important; text-align: center !important; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.pg-mobile .option_detail-multi .tablist li .tab[aria-selected="true"] { color: #0E306C; }

.pg-mobile .option_detail-multi .tablist li .tab[aria-selected="true"]:before { content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; top: auto; height: 3px; background-color: #0E306C; }

.pg-mobile .option_detail-multi .tablist li .tab[aria-selected="true"]:after { display: none; }

.pg-mobile .option_detail-multi .option_thumnail .option_bottom { margin-top: 88px; }

.pg-mobile .review_vehicle .board_thumnail { margin-bottom: 30px; }

.pg-mobile .review_vehicle .board_thumnail > li { padding: 25px 0; }

.pg-mobile .review_vehicle .board_thumnail > li:first-child { padding-top: 0; }

.pg-mobile .review_vehicle .board_thumnail .board_img { -webkit-box-flex: 0; -ms-flex: 0 0 42%; flex: 0 0 42%; }

.pg-mobile .review_vehicle .board_thumnail .board_contents { padding-left: 10px; }

.pg-mobile .review_vehicle .board_thumnail .board_contents > .title { font-size: 1rem; }

.pg-mobile .review_vehicle .board_thumnail .board_contents > .desc { line-height: 1.375rem; }

.pg-mobile .popular_colors .h-layer_wrap { top: 50%; bottom: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.pg-mobile .fixed_bottom .result .hide_in_desktop{display: inline;}

 .pg-mobile .fixed_bottom .result .text.hide_in_desktop {
    display: inline-block;
    font-size: 0.6rem;
    margin: 5px 0 0 0px;
  }

/*.fixed_bottom .result .total_price .total .text{font-size: 0.65rem;}*/

}
@media screen and (min-width: 1921px) { .product_container { padding-left: 6.8%; padding-right: 6.8%; }
  

 .h-contents .stage_wrap .product_container .product { max-width: 360px; width: calc(100% / 4 - 40px); }
 .h-contents .stage_wrap .product_container .product:nth-child(-n+4){ margin-top: 0 !important; }
 .h-contents .stage_wrap .product_container .product:nth-child(4n) {}
 .h-contents .stage_wrap .product_container .product:nth-child(4n+1) { clear: left; } }


.product_group_cell {display:none;}
.product_group_cell.active {display:block;}



/* Home Models */

.models_list {width:100%; padding-top: 40px; padding-bottom:80px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif }
.models_list .prod_items{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 4rem;}
.models_list .prod_items img{max-width: 100%;}

.models_list .prod_items .name{font-size: 18px; font-weight:900; color: #000;text-transform: uppercase;display: block;padding:15px 0px;}
.models_list .prod_items .price_rang{color: #424242;font-size: 16px;}

.models_list .prod_item{position: relative;}
.models_list .prod_item a:first-child {display: block;min-height: 160px;}
.models_list .prod_item .badge{position: absolute;top: 0px;left: 0}
.models_list .prod_item .badge span{font-size: 12px;color: #fff; display: block;background-color: #00aad2; padding: 7px 10px;box-sizing: border-box; padding-bottom: 5px;}


@media (min-width:200px) and (max-width:900px){
    
	.models_list .prod_items{grid-template-columns: 1fr 1fr;grid-gap: 1.5rem;}
	.models_list .prod_items .name{padding: 10px 0px;font-size: 16px;}
	.models_list .prod_items .price_rang{font-size: 12px;line-height: 17px}
    
}


.faq_container { position: relative; max-width: inherit; margin: 0; padding: 4.085% 10.892%; }
.faq_container .accordion_wrap { background:#fff; margin-bottom:40px; }
.faq_container .content_title { color: #000; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; font-weight: 900; font-size:1.8rem; line-height: 3.125rem; margin-bottom: 35px; text-align: left;text-transform: capitalize;}

@media (min-width:200px) and (max-width:900px){

.faq_container { position: relative; max-width: inherit; margin: 0; padding:0; }
.faq_container .content_title { font-size:1.5rem; line-height: 2.125rem; margin-top:20px; margin-bottom:20px; }

.finance_block .bank_choice .finance_btm_dtl{margin-top: 30px;}
.finance_block .bank_choice .finance_disclaimer{width: 100%;}
    
}

@media (min-width:901px) and (max-width:1240px){

.faq_container { position: relative; max-width: inherit; margin: 0; padding:0; }
.faq_container .content_title { line-height: 3.125rem; margin-top:30px; margin-bottom:30px; }
    
}


[class*="ic_error"] {display: none;}
.build_vehicles .vehicles-model .v_item button.active {background-color: #0E306C;color: #fff;}
.build_vehicles .vehicles-model .v_item a.button.active {background-color: #0E306C;color: #fff;}

/*slider filter*/
.filter_vehicle .filter_item > .group .ui-slider-horizontal{background: rgb(222, 223, 227);height: 4px;margin-top: 24px;background-color: rgb(222, 223, 227);border-radius: 2.5px;text-align: left;}
.filter_vehicle .filter_item > .group .filter-options-content{padding: 0px 0px;}
.filter_vehicle .filter_item > .group .filter-options-content ol li.item{margin: 0px;}
.filter_vehicle .filter_item > .group .filter-options-content ol li.item .ln_slider_element{background: rgb(222, 223, 227);height: 4px;margin-top: 24px;background-color: rgb(222, 223, 227);border-radius: 2.5px;text-align: left;}
.filter_vehicle .filter_item > .group .ui-slider-handle{left: 27.8796%;top: 50%;width: 22px;height: 22px;margin: -11px 0px 0px -9px;border: 5px solid rgb(255, 255, 255);background-color: rgb(5, 89, 247);border-radius: 50%;outline: none;cursor: pointer;box-shadow: 5px 5px 21px 0px rgba(0, 0, 0, 0.25);}

.filter_vehicle .filter_item > .group .ln_slider_container .ln_slider_range .start{width: 49%;display: inline-block;text-align: left;
  margin-top: 10px;}
.filter_vehicle .filter_item > .group .ln_slider_container .ln_slider_range .start input{min-width: 95px;float: unset;}
.filter_vehicle .filter_item > .group .ln_slider_container .ln_slider_range .to_start{text-align: right;}


.filter_vehicle .filter_item > .group #ln_slider_text_price{min-width: 30px;font-size: 14px;font-weight: 400;color: rgb(153, 153, 153);padding-top: 8px;}
.filter_vehicle .filter_item > .group .ln_slider_container{width: 100%;}
.product .product_price > .group .discounted .discountedprice{display: block;text-decoration: line-through; display: none;}
.product .product_price > .group .discounted .promo{font-size: 12px;}
.product .product_price > .group .discountedprice{display: none;}
.product .product_price > .group .discounted .promo{display: block; background: #FF8D34;
  text-align: center;
  color: #fff;
  border-radius: 2px;
  font-weight: 600;}
.product .product_price > .group .promo{display: none;}
/*.h-contents .stage_wrap .product_container .product .compare{display: block;content: "";position: absolute;top: 0px;right: 4px;}*/
/*.h-contents .stage_wrap .product_container .product .checkbox_compare .checkbox + .checkmark:before{opacity: 1;display: block;content: "";position: absolute;top: -1px;right: -4px;width: 28px;height: 28px;z-index: 9;background-color: rgb(255, 255, 255);border: 1px solid rgb(217, 217, 217);}*/
.h-contents .stage_wrap .product_container .product .checkbox_compare .checkbox{cursor: pointer;}
/*.h-contents .stage_wrap .product_container .product .checkbox_compare .checkbox + .checkmark:after{display: block;content: "";position: absolute;right: 6px;top: 8px;width: 7px;height: 7px;border-left: 3px solid rgb(217, 217, 217);border-top: 3px solid rgb(217, 217, 217);transform: rotate(225deg);z-index: 9}*/
/*.h-contents .stage_wrap .product_container .product .checkbox_compare .checkbox:checked + .checkmark:before{opacity: 1;display: block;content: "";position: absolute;top: -1px;right: -4px;width: 28px;height: 28px;z-index: 9;background-color: rgb(255, 255, 255);border: 1px solid rgb(217, 217, 217);background: #20036e;}*/
/*.h-contents .stage_wrap .product_container .product .checkbox_compare .checkbox:checked + .checkmark:after{display: block;content: "";position: absolute;right: 6px;top: 8px;width: 7px;height: 7px;border-left: 3px solid rgb(217, 217, 217);border-top: 3px solid rgb(217, 217, 217);transform: rotate(225deg);z-index: 9}*/
.product:hover .product_bottom .btn-type .cart {border: 0;background-color: #0E306C;color: #fff;font-weight: 600;}
.product .product_bottom .btn-type {width: 48%;display: inline-block;position: relative;height: 50px;padding:0 5px;background-color: #fff;color: #999;font-weight: normal;font-size: 0.875rem;line-height: 50px;text-align: left;font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;text-transform: capitalize;text-align: center;}
.product .product_bottom .to-cart{display: inline;}
.product .product_bottom .btn-compare {border: 1px solid rgb(217, 217, 217);width: 48%;display: inline-block;position: relative;height: 50px;padding: 0px 0px 0px 0px;background-color: rgb(255, 255, 255);color: rgb(153, 153, 153);font-weight: normal;font-size: 0.875rem;line-height: 50px;text-align: left;margin-right: 1%;font-family: HyundaiSansHead, "Malgun Gothic", Dotum, 돋움, AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", 굴림, arial, sans-serif !important;text-align: center;}

.product .product_bottom .btn-compare.test_drive:hover {border: 0;background-color: #0E306C;color: #fff;font-weight: 600;}

.product .product_bottom .btn-compare span{color: rgb(153, 153, 153);font-weight: normal;font-size: 0.875rem;line-height: 50px;text-align: center;margin-right: 1%;font-family: HyundaiSansHead, "Malgun Gothic", Dotum, 돋움, AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", 굴림, arial, sans-serif !important;}
.product .product_bottom .btn-compare.test_drive{padding: 0;}
/*.product .product_bottom .btn-compare::before {content: "";display: block;position: absolute;right: 25px;top: 50%;width: 6px;height: 6px;margin-top: -5px;border-left: 2px solid rgb(153, 153, 153);border-top: 2px solid rgb(153, 153, 153);transform: rotate(135deg);}*/
.product .product_bottom .btn-compare .checkbox-compare-me{display: none;}
.product .product_bottom .to-cart .notify_me_stock{display: inherit;}
.productpartsfinder-partsfinder-index .click-to-buy > .toolbar.car_found_block.toolbar-products.product_filter {display: none;}
/*.build_vehicle .stage_wrap .toolbar.car_found_block.toolbar-products.product_filter{display: block !important;}*/
.build_vehicle .stage_wrap .toolbar.car_found_block.toolbar-products.product_filter .btn-type._bktext{display: none;}

/*.productpartsfinder-partsfinder-index, .catalog-category-view {overflow: hidden;}*/
/*.h-contents .select_wrap{height: 100vh;}*/
/*.build_vehicle .stage_wrap, .h-contents .stage_wrap{height: 100vh;}*/
/*.product_container{margin-bottom: 10.892% !important;}*/
.catalog-category-view .select_wrap .select_wrap{display: none;}
/*.productpartsfinder-partsfinder-index .select_wrap .layered-filter-block-container{display: none;}*/
/*.productpartsfinder-partsfinder-index .select_wrap .build_vehicles{height: 87%;}*/
/*.productpartsfinder-partsfinder-index .header_wrap{z-index: 0;}*/
.filter_vehicle .filter_item .checkbox_group .chkwrap input[type=checkbox] ~ a:before{background-repeat: no-repeat;background-position: center;background-size: 75%;content: '';width: 28px;height: 24px;display: inline-block;background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_check.png);}
.filter_vehicle .filter_item .checkbox_group .chkwrap input[type=checkbox]:checked ~ a:before{background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/common/btn_check-on.png);}
.productpartsfinder-partsfinder-index #layered-filter-block-container .filter-current{display: none;}

/*new*/
.rfq-form-content .required::before { content: '*'; display: inline-block; margin-left: 2px; color: #0559F7; line-height: 1; vertical-align: middle; }
 .h-layer_wrap .rfq-form-content .required::before{display: none;}

.util-request_quote .commentsbox { height: 72px; top:60px; }
.util-request_quote .agreement, .util-test_drive .agreement{margin-top: 30px;}

.productpartsfinder-partsfinder-index #ajax-compare-sidebar-container #compare-items,.productpartsfinder-partsfinder-index #ajax-compare-sidebar-container .actions-toolbar .primary ,.productpartsfinder-partsfinder-index #ajax-compare-sidebar-container .actions-toolbar .secondary{display: none;}

/*.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"] + .checkmark {content: "";display: block;position: absolute;right: 25px;top: 50%;width: 8px;height: 8px;margin-top: -4px;border-left: 2px solid rgb(153, 153, 153);border-top: 2px solid rgb(153, 153, 153);transform: rotate(135deg);}
.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"]:checked + .checkmark{content: "";display: block;position: absolute;right: 25px;top: 50%;width: 8px;height: 8px;margin-top: -4px;border-left: 2px solid #0e306c;border-top: 2px solid #0e306c;transform: rotate(135deg);}
*/
.product .product_bottom .btn-compare .checkbox_compare{cursor: pointer;margin: 0px;display: block;width: 100%;padding: 0px;padding-left: 0px;}
.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"] + .checkmark {right: 0;
top: 0;
width: 28px;
height: 100%;
background-color: #fff;
border-left: 1px solid #d9d9d9;
background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/drop_gray.png");

background-repeat: no-repeat;
background-position: center;
content: '';
position: absolute;
background-color: #fff;
/*padding: 4px;*/
background-size: 15px;
border-radius: 0px;

}

/*.product .product_bottom .btn-compare .checkbox_compare:hover{background-color: #0E306C; color: #fff;}*/

/*.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"]:checked + .checkmark{background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/drop_white.png");
background-color: #FF8D34;
border-color: #FF8D34;}*/

.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"] + .checkmark{display: none;}
.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"]:checked + .checkmark{margin:0px;display: block;width: 100%;padding:0px;padding-left: 0px;color: rgb(14, 48, 108); border: none;background-image: none; text-align: center; padding-right: 24px;background: #FF8D34;
  color: #fff;}
.product .product_bottom .btn-compare .checkbox_compare input[type="checkbox"]:checked + .checkmark:after{right: 5px;top: 10px;width: 28px;height: 28px;background-color: #fff;background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/tick.png);background-repeat: no-repeat;background-position: center;content: '';position: absolute;background-color: #fff;background-size: 13px;border-radius: 0px;}


/*.product .product_bottom .btn-compare .checkbox_compare:hover input[type="checkbox"]:checked + .checkmark{background-color: #0E306C;
  color: #fff;}
.product .product_bottom .btn-compare .checkbox_compare:hover input[type="checkbox"]:checked + .checkmark:after{right: 5px;top: 10px;width: 28px;height: 28px;background-color: #0E306C;background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/tick_white-icon.png);background-repeat: no-repeat;background-position: center;content: '';position: absolute;background-size: 13px;border-radius: 0px;}
*/


/*.product .product_bottom .btn-compare .action.towishlist1{display: none !important;}*/

.catalog-product_compare-index .h-contents.f_full .heading{height: 60px;border-bottom: 1px solid #D9D9D9;background-color: #F4F4F4;color: black;font-size: 22px;font-weight: 600;position: relative; width: 100%;box-sizing: border-box;}

.catalog-product_compare-index .h-contents.f_full .heading h1{position: absolute;left: 30px;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);display: inline-block;color: inherit;line-height: 1.0;font-size: 20px;font-weight: 600; width: auto;}


.filter_vehicle .filter_item > .group:not(:first-child) p.range-value input{background: unset;border: 0;padding-bottom: 0px;margin-bottom: 0px;}


@media (min-width: 1240px) and (max-width: 1500px) {

/*	.sub_tablist .option_tabs_list{display: block;}*/
	.sub_tablist .option_tabs_list .option_tab{display: inline-block; margin-bottom: 5px;}
	.fixed_bottom .result{padding: 0 10px 0 15px;}
	.fixed_bottom .result .product_name{font-size: 1.8rem;}
	.fixed_bottom .result .total_price{margin-left: 15px;padding-left: 15px;}
	.fixed_bottom .review span{padding-left: 22px;}
	.fixed_bottom .btn-type{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;}
	.fixed_bottom .btn-type span{font-size: 1.2rem;}

}


#customer-popup-login .socail_login a,#customer-popup-login-wishlist .socail_login a{width: 60px;height: 60px;/* margin: 0 10px; */border: 1px solid #D9D9D9;border-radius: 50%;background-size: cover;background-position: 0 center;background-repeat: no-repeat;}

#remember-me-box input[type="checkbox"]:checked + .label::after,#remember-me-box input[type="checkbox"] + .label::after{display: none;}{display: none;}
.customer-account-create #message:not(:empty) {font-size: 22px !important;padding: 20px 20px;color: white !important;background: #1880006b;margin-bottom: 20px;}

#quickrfq_form .success, #quickdrive_form .success{color: white;font-weight: 600;margin: 20px 0px;font-size: 20px;padding: 10px;background: #4b984b;}

#quickrfq_form .error, #quickdrive_form .error{color: white;font-weight: 600;margin: 20px 0px;font-size: 20px;padding: 10px;background: red;}

@media (max-width: 1240px){
.prepaid button.btn-type.prepaid_summary_btn {
  float: right;
  font-size: 15px;
  width: auto;
  background-color: #0E306C;
  color: #fff;
  min-width: 100px;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-size: 1rem;
  font-weight: 600;
  font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;
  text-align: center;
  margin-top: -8px;
}
}@media (max-width: 600px){
.pg-mobile .tablist li .tab{padding: 0 10px;}
  .pg-mobile .tablist._line li .tab {    font-size: 0.94rem;  }
}
@media (max-width: 420px){
.prepaid button.btn-type.prepaid_summary_btn {
  width: 100%; text-align: center; box-sizing: border-box; margin-bottom: 20px;
}
.pg-mobile .tablist._line li .tab {    font-size: 0.80rem;  }
  .pg-mobile .tablist li .tab {    padding: 0 3px;  }
}
@media (max-width: 370px){
 .pg-mobile .fixed_bottom .result .text.hide_in_desktop {    font-size: 0.6rem;    margin: 5px 0 0 5px;  }
 .pg-mobile .fixed_bottom .result .total_price .price {    margin-left: 8px;    font-size: 1.0rem;  }
.modal .page_share_popup .page_share_block ul.share li{margin-left: 40px;}
 .pg-mobile .option_thumnail {
    width: 100%;
    margin: 0 0 30px 0;
  }
  .sub_tablist .sub-tab_panel._active .option_mask {margin-bottom: 170px;}
}
.productpartsfinder-partsfinder-index .custom_bg{position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
}

.productpartsfinder-partsfinder-index .match_filter_detail.h-layer_body{background-color: transparent;}

/*terms privacy shipping popup*/
.terms_service .tab_contents ul{padding:10px 0px;}
.terms_service .tab_contents ul li{padding:10px 20px;}

.account .frm_field .required{display: inline;}
.account .chk_terms p.required{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}
.chk_terms  p.required input[type="checkbox"] + label{margin-right: 10px;}
.chk_terms  p.required input.mage-error[type="checkbox"] + label{margin-right: 10px; margin-bottom: 15px;}

.chk_terms  p.required{position: relative;}

.chk_terms  p.required div.mage-error{position: absolute; top: 22px;
  margin: 0;
  }

.h-layer_cont .aggreement label a{font-size: inherit; color:#0E306C; font-weight: 600;}
.util-request_quote .agreement  label a, .util-test_drive .agreement label a{font-size: inherit; color:#0E306C; font-weight: 600;}
	.chkwrap input[type="checkbox"], .chkwrap input[type="radio"]{
appearance: none;
  margin-left: -4px;
  position: absolute;
}
.fieldset > .field .note, .fieldset > .fields > .field .note {
  font-size: 1.0rem;
  margin: 5px 0 0;
  }

  .delivery_container .chkwrap input[type="checkbox"] + label, .delivery_container .chkwrap input[type="radio"] + label{white-space: nowrap;}


html.noscroll iframe#launcher{display: none;}
span.price.enable.discounted .cash_price {text-decoration: line-through;}
span.price.enable.discounted .cash_price .starting{display: none;}

.amgdprjs-bar-template{bottom: 10px !important;}
.amgdprjs-bar-template .amgdprcookie-bar-container{display: block;width: 100%;padding: 0px;background: unset;box-shadow: unset;width: 100%;display: flex;background-color: #ffffff;box-sizing: border-box;border-radius: 0px;max-width: 1103px;margin: 0 auto;margin-top: 0px;align-items: center;box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);margin-bottom: 10px;padding: 20px 45px;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block{display: flex;justify-content: space-between;align-items: center;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy{width: calc(100% - 250px);float: left;margin-top: 3px;line-height: 22px;font-size: 15px;color: #393939;margin: 0;height: 100%;max-width: 100%;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block{width: 190px;margin-top: 0;display: inline-block;box-sizing: border-box;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block button{width: 100%;font-size: 12px;font-size: 15px;color: #fff;background-color: #002c5e;background: #002c5e;padding: 15px 10px;box-sizing: border-box;outline: 0;border-radius: 0px;border: 0;font-weight: 600;cursor: pointer;margin: 0px;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy a{font-size: 15px;text-decoration: underline;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block .amgdprcookie-button.-allow.-save{margin-bottom: 10px;}
.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block .amgdprcookie-button.-settings{background: white;border: 1px solid #002c5e;color: black;}
.amgdprcookie-cookie-container .amgdprcookie-options{display: none;}
.amgdprcookie-main-wrapper .amgdprcookie-done{font-size: 15px;color: #fff;background-color: #002c5e;background: #002c5e;padding: 18px 26px;box-sizing: border-box;outline: 0;border-radius: 0px;border: 0;font-weight: 600;cursor: pointer;transition: none;}
.amgdprcookie-groups-modal .amgdprcookie-description{color: white;}
.modal-popup.amgdprcookie-groups-modal .action-close::before {top: 15px;right: 15px;}
.amgdprcookie-groups-modal .amgdprcookie-done:hover{background-color:#002c5e !important;}
.amgdprcookie-groups-modal .amgdprcookie-form-container, .amgdprcookie-groups-modal .amgdprcookie-tbody{overflow: hidden !important;}
.amgdprcookie-groups-modal .modal-inner-wrap{margin: 60px auto;}
.amgdprcookie-bar-container .action-close{display: none !important;}


@media (max-width: 700px){
	.amgdprjs-bar-template{bottom: 0px !important;}
	.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block{flex-direction: column;}
	.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-policy{width: 100%;margin-bottom: 10px;}
	.amgdprjs-bar-template .amgdprcookie-bar-container .amgdprcookie-bar-block .amgdprcookie-buttons-block{width: 100%;}
	.modal-popup.amgdprcookie-groups-modal .modal-header {padding: 17px 40px 17px 20px;}
}@charset "UTF-8";
.trims:after { content: ""; display: block; clear: both; }

.intro .intro_visual-swiper figure { position: relative; padding-bottom: 32.427%; overflow: hidden; }

.intro .intro_visual-swiper figure:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 1; }

.intro .intro_visual-swiper img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }

.intro .intro_visual-swiper .img_mo { display: none; }

.intro .intro_visual-swiper figcaption { position: absolute; left: 18.75%; left: 90px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; }

.intro .intro_visual-swiper figcaption .title, .intro .intro_visual-swiper figcaption .desc, .intro .intro_visual-swiper figcaption .learn { display: block; margin-top: 10px; color: #fff; }

.intro .intro_visual-swiper figcaption .title { font-weight: 600; font-size: 5rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .intro_visual-swiper figcaption .title .logo_clicktobuy { display: block; width: 361px; height: 71px; margin-top: 15px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/logo_clicktobuy.png); background-size: cover; background-repeat: no-repeat; background-position: 0 0; }

.intro .intro_visual-swiper figcaption .desc { font-size: 1.125rem; }

.intro .intro_visual-swiper figcaption .learn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }

.intro .intro_visual-swiper figcaption .learn span { margin-right: 10px; color: inherit; font-weight: 600; font-size: 1.125rem; line-height: 1.125rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .intro_visual-swiper figcaption .learn i { position: relative; display: inline-block; width: 7px; height: 15px; overflow: hidden; }

.intro .intro_visual-swiper figcaption .learn i:before { content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; -webkit-transform: translate(-50%, -50%) scale(0.933333, 1) rotate(45deg); transform: translate(-50%, -50%) scale(0.933333, 1) rotate(45deg); margin-left: -2px; border-top: 2.5px solid #fff; border-right: 2.5px solid #fff; }

.intro .intro_visual-swiper .swiper-pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; bottom: 40px; }

.intro .intro_visual-swiper .swiper-pagination .swiper-pagination-bullet { margin: 0 7.5px; background-color: #fff; }

.intro [class^="intro_section"]:not(:last-child) .content_wrap { padding-top: 6.202%; padding-bottom: 6.202%; }

.intro [class^="intro_section"] .content_title, .intro [class^="intro_section"] .content_desc { max-width: 920px; margin: 0 auto 20px; text-align: center; }

.intro [class^="intro_section"] .content_desc { margin-bottom: 40px; }

.intro .intro_section .btn-type_wrap button.btn-type { width: 350px; }

.intro .intro_section-gray { background-color: #F4F4F4; }

.intro .intro_section-img { min-height: 620px; }

.intro .intro_section-img.started { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/bg_intro_bottom_pc.png); background-repeat: no-repeat; background-position: 50% 0; background-size: auto 620px; }

.intro .intro_section-img.started .quick_button button, .intro .intro_section-img.started .quick_button a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 75px; padding: 0 25px; border: 1px solid #fff; }

.intro .intro_section-img.started .quick_button button:not(:first-child), .intro .intro_section-img.started .quick_button a:not(:first-child) { margin-top: 15px; }

.intro .intro_section-img.started .quick_button button.build i, .intro .intro_section-img.started .quick_button a.build i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/icon_build.png); }

.intro .intro_section-img.started .quick_button button.inventory i, .intro .intro_section-img.started .quick_button a.inventory i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/icon_inventory.png); }

.intro .intro_section-img.started .quick_button button.estimate i, .intro .intro_section-img.started .quick_button a.estimate i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/icon_estimate.png); }

.intro .intro_section-img.started .quick_button button.estimate i, .intro .intro_section-img.started .quick_button a.purchase i { background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/icon_estimate.png); }

.intro .intro_section-img.started .quick_button a.purchase i {background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/purchase.png);}

.intro .intro_section-img.started .quick_button a.build i {background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/build.png);}

.intro .intro_section-img.started .quick_button a.inventory i {background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/inventory.png);}

.intro .intro_section-img.started .quick_button a.estimate i {background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/estimate.png);}

.intro .intro_section-img.started .quick_button button i, .intro .intro_section-img.started .quick_button a i { width: 50px; height: 50px; background-repeat: no-repeat; background-position: 0 0; background-size: cover; }

.intro .intro_section-img.started .quick_button button span, .intro .intro_section-img.started .quick_button a span { margin-left: 20px; color: #fff; font-size: 1.125rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .intro_section-img.started .content_wrap { position: relative; padding-top: 0; text-align: right; z-index: 1; }

.intro .intro_section-img.started .content_wrap > .group { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-item-align: end; align-self: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 430px; height: 620px; }

.intro .intro_section-img.started .content_title { margin: 0 0 20px 0; color: #fff; text-align: left; }

.intro .intro_section-img.started .content_title .normal { color: inherit; font-family: inherit; font-weight: normal; font-size: inherit; }

.intro .benefit_list { display: -webkit-box; display: -ms-flexbox; display: flex; }

.intro .benefit_list > li { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; padding: 40px 45px 45px; background-color: #F4F4F4; }

.intro .benefit_list > li:not(:first-child) { margin-left: 30px; }

.intro .benefit_list .ico { display: block; width: 80px; height: 80px; margin: 0 auto; }

.intro .benefit_list .ico img { width: 100%; height: 100%; }

.intro .benefit_list .title { display: block; margin-top: 30px; font-weight: 900; font-size: 1.375rem; text-align: center; line-height: 1.875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .benefit_list .desc { margin-top: 10px; text-align: center; line-height: 1.5rem; }

.intro .step_books { overflow: hidden; position: relative; height: 400px; margin-top: 40px; }

.intro .step_books .item { overflow: visible; position: absolute; left: 0; top: 0; width: 100%; height: auto !important; border: 0; }

.intro .step_books .item:not(:last-child) .acco_head { border-bottom: 1px dashed #999; }

.intro .step_books .item[data-status="expanded"] .acco_head:before { content: ''; display: block; position: absolute; left: 0; top: -1px; right: 0; bottom: -1px; background-color: #fff; }

.intro .step_books .item[data-status="expanded"] .acco_head .acco_target { color: #0E306C; }

.intro .step_books .item:not([data-status="expanded"]) .acco_panel { display: none; }

.intro .step_books .item:nth-child(1) .acco_head { top: 0; }

.intro .step_books .item:nth-child(2) .acco_head { top: 80px; }

.intro .step_books .item:nth-child(3) .acco_head { top: 160px; }

.intro .step_books .item:nth-child(4) .acco_head { top: 240px; }

.intro .step_books .item:nth-child(5) .acco_head { top: 320px; }

.intro .step_books .acco_head, .intro .step_books .acco_panel { position: absolute; }

.intro .step_books .acco_head { left: 0; width: 31.7%; height: 80px; padding: 0; background-color: #0E306C; }

.intro .step_books .acco_head .acco_target { height: 80px; min-height: auto; padding: 0 20px; color: #fff; font-size: 1rem; }

.intro .step_books .acco_head .step, .intro .step_books .acco_head .title { color: inherit; }

.intro .step_books .acco_head .step { font-weight: 600; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .step_books .acco_head .title { margin-left: 16px; }

.intro .step_books .acco_panel { left: calc(31.7% + 10px); top: 0; right: 0; height: 400px; padding: 50px 56px 50px 70px; background-color: #fff; }

.intro .step_books .acco_panel .step, .intro .step_books .acco_panel .title { font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.intro .step_books .acco_panel .step { font-size: .875rem; }

.intro .step_books .acco_panel .title { display: block; margin-top: 5px; font-weight: 900; font-size: 1.875rem; }

.intro .step_books .acco_panel p{margin-bottom: 10px; line-height: 1.5rem;}
.intro .step_books .acco_panel .desc { position: relative; margin-top: 107px; padding-top: 18px; line-height: 1.5rem; }

.intro .step_books .acco_panel .desc:before { content: ''; display: block; position: absolute; left: 0; top: 0; width: 25px; height: 3px; background-color: #000; }
.intro .step_books .acco_panel ul.bullets{margin-bottom: 10px;}
.intro .step_books .acco_panel ul.bullets li{padding-left: 8px;
  font-size: 1rem;
  line-height: 1.5rem;}
.build_container .vrfigure { max-width: 1015px; padding-top: 10%; margin: 0 auto; }

.build_container .btn-vr360 span { font-size: 1rem; font-weight: 900; vertical-align: middle; }

@media screen and (max-height: 1080px) { .build_container .vrfigure { padding: 40px 0 20px; } }

.trims { max-width: 1920px; margin: 0 auto; }

.trims .front { float: left; width: 68.75%; }

.trims .front .car_img { margin-top: 5%; padding: 0 6%; }

.trims .front .car_img img { width: 100%; }

.trims .front .features { margin-top: 15px; text-align: center; }

.trims .front .features .list { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; }

.trims .front .features .list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 18px; }

.trims .front .features .list li:not(:first-child) { position: relative; margin-left: 32px; padding-left: 32px; }

.trims .front .features .list li:not(:first-child):before { content: ''; display: block; position: absolute; left: 0; top: 50%; height: 20px; margin-top: -10px; border-left: 1px dashed #999; }

.trims .front .features .list [class^="ico_"] { display: inline-block; width: 35px; height: 35px; margin-right: 10px; }

.trims .front .features .list span { color: inherit; font-weight: inherit; font-size: inherit; }

.trims .option { float: left; width: 31.25%; margin-top: 8.324%; padding-left: 4.821%; border-left: 1px dashed #999; }

@media screen and (max-height: 1000px) { .trims .option { margin-top: 10.0%; } }

.trims .option > .group:not(:first-child) { margin-top: 50px; }

.trims .option .title { display: block; margin-bottom: 15px; color: #000; font-weight: 900; font-size: 1.875rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.trims .option .promotion { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -5px 0 0 -5px; }
.trims .option .promotion .ic_testdrive{background-size: 18px;}
.trims .option .promotion [class^="tag_"] { display: inline-block; margin: 5px 0 0 5px; padding: 9px 20px 11px; font-weight: 900; font-size: 0.9375rem; line-height: 1.438rem; border-width: 1.5px; border-style: solid; }

.trims .option .promotion [class^="tag_"][class*="finance"] { border-color: #0055B9; color: #0055B9; }

.trims .option .promotion [class^="tag_"][class*="tradein"] { border-color: #B248B2; color: #B248B2; }

.trims .option .promotion [class^="tag_"][class*="corp"] { border-color: #00AF87; color: #00AF87; }


.trims .option .promotion .tag_finance.link { color: #000;
font-weight: 600; font-size:0.75rem;display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 50px; border: 1px solid #d9d9d9; background-color: #f4f4f4; cursor: pointer;}

.trims .option .promotion .tag_finance.link{cursor: pointer; font-weight: 700;}
/*.trims .option .promotion .tag_finance.link:hover{background: #0b2451; color: #fff;}*/
@media screen and (max-width: 1600px) { .trims .option { padding-left: 3.5%; } }

@media screen and (max-width: 1480px) { .trims .front { width: 68%; }
  .trims .option { width: 32%; } }

@media screen and (max-width: 1440px) { .trims .front { width: 63%; }
  .trims .option { width: 37%; } }

.complete .estimate { max-height: calc(100vh - 210px); }

.complete .estimate .estimate_list > li:last-child { padding-bottom: 0; border-bottom: 0; }
.complete .estimate .estimate_list li .disclaimer_note{font-size: 14px;
line-height: 20px;}
.complete .estimate .estimate_list li .disclaimer_note strong{font-weight: 700;
text-decoration: underline; }
.complete .estimate .estimate_bottom { display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; right: 0; bottom: 0; width: 50vw; height: 90px; }

.complete .estimate .estimate_bottom .estimate_total { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; bottom: 0; height: 90px; padding: 20px; border-top: 1px solid #D9D9D9; background-color: #fff; }

.complete .estimate .estimate_bottom .estimate_total .desc { font-size: .875rem; }

.complete .estimate .estimate_bottom .estimate_total > .group { font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.complete .estimate .estimate_bottom .estimate_total .price, .complete .estimate .estimate_bottom .estimate_total .pm { display: block; font-family: inherit; text-align: right; }

.complete .estimate .estimate_bottom .estimate_total .price { display: block; color: #FF9934; font-weight: 900; font-size: 1.625rem; }

.complete .estimate .estimate_bottom .estimate_total .pm { font-size: .875rem; line-height: 1.6875rem; }

.complete .estimate .estimate_bottom > .group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.complete .estimate .estimate_bottom .btn-type { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; font-weight: 600; font-size: 1.25rem; line-height: inherit; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.complete .estimate .estimate_bottom .btn-type._cancel { display: -webkit-box; }
.complete .estimate .estimate_bottom a{cursor: pointer;}
.complete_prepaid .car { height: calc(100vh - 60px); }

.complete_prepaid .estimate { max-height: calc(100vh - 60px); }

.complete_prepaid .content_wrap { -webkit-box-flex: 1; -ms-flex: 1 0 1200px; flex: 1 0 1200px; }

.complete_prepaid .prepaid_process { display: -webkit-box; display: -ms-flexbox; display: flex; }

.complete_prepaid .prepaid_process > li { -webkit-box-flex: 0; -ms-flex: 0 1 274px; flex: 0 1 274px; max-width: 274px; position: relative; padding: 25px 25px; border: 1px solid #D9D9D9; }

.complete_prepaid .prepaid_process > li:not(:first-child) { margin-left: 35px; }

.complete_prepaid .prepaid_process > li:not(:first-child):before { content: ''; display: block; position: absolute; left: -25px; top: 50%; width: 6px; height: 6px; margin-top: -6px; border-left: 2px solid #000; border-top: 2px solid #000; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.complete_prepaid .prepaid_process .ico { position: relative; display: block; width: 80px; height: 80px; margin: 0 auto; }

.complete_prepaid .prepaid_process .title { display: block; margin-top: 20px; font-weight: 900; line-height: 1.875rem; color: #0559F7; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-align: center; }

.complete_prepaid .prepaid_process .desc { margin-top: 10px; line-height: 1.5rem; text-align: center; }

.complete_prepaid .ic_download-wh { margin-left: 5px; }

.prepaid .content_wrap > .group:not(:first-child) { margin-top: 80px; }

.prepaid [class^="content_"][class*="title"] { margin-bottom: 40px; }

.prepaid .bring { margin-bottom: 40px; }

.prepaid .bring .chkwrap { margin-right: 0; }

.prepaid .total_container { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; border-top: 3px solid #000; background-color: #F4F4F4; }

.prepaid .total_container > .group { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.prepaid .total_container > .group:not(:first-child) { margin-left: 20px; padding-left: 20px; border-left: 1px solid #D9D9D9; }

.prepaid .total_container .desc, .prepaid .total_container .price, .prepaid .total_container .pm { display: block; }

.prepaid .total_container .price, .prepaid .total_container .pm { text-align: right; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.prepaid .total_container .desc { font-size: .875rem; }

.prepaid .total_container .price { display: block; margin-top: 5px; font-weight: 900; font-size: 1.625rem; line-height: 1.875rem; }

.prepaid .total_container .price.highlight { color: #FF9934; }

.prepaid .total_container .pm { margin-top: 5px; font-size: .875rem; }

.h-layer_cont > p:first-child + .frm_field { margin-top: 20px; }

.h-layer_cont .frm_field .frm .btn_gray { display: inline-block; height: 50px; border: 1px solid #d9d9d9; background: #f4f4f4; color: #000; font-size: 1rem; font-weight: 600; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.h-layer_cont .frm_field .frm .inp_txt { font-size: 0.875rem; }

.edit_condition .desc { margin-bottom: 30px; color: #000; font-size: 1rem; line-height: 1.5rem; }

.edit_condition .radio-tab_contents { position: relative; padding-top: 57px; border-top: 1px dashed #999; }

.edit_condition .required_field { position: absolute; right: 0; top: 30px; color: #000; font-size: .875rem; }

.edit_condition .required_field .required { margin-left: 5px; }

.edit_condition .reset { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin: 60px 0 -80px; }

.edit_condition .reset button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.edit_condition .reset button span { color: #0559F7; font-size: 1rem; }

.edit_coupon .desc { margin-bottom: 20px; color: #000; font-size: 1rem; }

.edit_coupon .frm_field .frm .applied_coupon { width: 100%; margin-top: 10px; color: #000; font-size: 1rem; }

.edit_coupon .frm_field .frm .applied_coupon .highlight { color: #E80710; }

.edit_coupon .msg_info { color: #000; font-size: 1rem; line-height: 1.5rem; }

.documnet_upload .stitle { margin-bottom: 10px; font-size: 1rem; font-weight: 900; }

.documnet_upload .desc { margin-bottom: 20px; color: #000; font-size: 1rem; line-height: 1.5rem; }

.documnet_upload .select_company { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #999; }

.documnet_upload .selectbox { margin-top: 20px; }

.documnet_upload .title { margin-bottom: 12px; color: #000; font-weight: 900; font-size: 1rem; }

.documnet_upload .upload_container { margin-top: 35px; }

.documnet_upload .agree_container { margin-top: 40px; }

.documnet_upload .agree_container .chkwrap input[type="checkbox"] + label { margin-left: 0; background-position: left 4px; }

.documnet_upload .agree_container .msg_error { margin: 10px 0 0 30px; font-size: 1rem; color: #E80710; }

.trade-in_add_estimation .frm_field input { background-color: #fff; }

.trade-in_add_estimation .frm_field .frm ._mix input { -webkit-box-flex: 0.7; -ms-flex: 0.7 1 0%; flex: 0.7 1 0%; }

.trade-in_add_estimation .frm_field .frm ._mix button { -webkit-box-flex: 0.3; -ms-flex: 0.3 1 0%; flex: 0.3 1 0%; }

.trade-in_add_estimation .frm_field + .frm_field { margin-top: 0; }

.trade-in_add_estimation .vehicle_number .desc { color: #000; font-size: 16px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.trade-in_add_estimation .vehicle_number .frm_field { margin: 20px 0 30px; padding-bottom: 30px; border-bottom: 1px dashed #999; }

.trade-in_add_estimation .vehicle_number .frm_field input[type="checkbox"]:checked + .btn_denined { background-color: #0E306C; color: #fff; }

.trade-in_add_estimation .vehicle_number .frm_field .btn_denined { display: block; width: calc(50% - 6px); margin-left: 10px; height: 50px; border: 2px solid #0E306C; font-weight: 600; font-size: 1rem; text-align: center; line-height: 48px; cursor: pointer; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; letter-spacing: -.2px; }

.trade-in_add_estimation .frm_field._find { display: none; }

.trade-in_add_estimation .total_result { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 40px; padding-top: 30px; border-top: 3px solid #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.trade-in_add_estimation .total_result .desc { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; color: #000; font-weight: 900; font-size: 1rem; }

.trade-in_add_estimation .total_result .price { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: block; color: #000; font-weight: 900; font-size: 2.5rem; font-family: 'HyundaiSansHead','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; text-align: right; }

.trade-in_add_estimation .info { margin-top: 30px; padding-top: 18px; border-top: 1px dashed #999; }

.trade-in_add_estimation .info .desc { color: #999; padding-left: 10px; font-size: .875rem; line-height: 1.375rem; text-indent: -10px; font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important; }

.h-layer_body.intro_video .h-layer_wrap { width: 95%; }

.h-layer_body.intro_video .h-layer_cont { padding: 0; }

.h-layer_body.intro_video .h-layer_cont::after { height: 0; }

.h-layer_body.intro_video .vod { position: relative; padding-bottom: 59%; overflow: hidden; }

.h-layer_body.intro_video .vod video { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; }


@media screen and (max-width: 1239px) {

.pg-mobile .intro .intro_visual-swiper figure { margin-left: -1px; padding-bottom: 120%; }

.pg-mobile .intro .intro_visual-swiper figure:before { background-color: rgba(0, 0, 0, 0.2); }

.pg-mobile .intro .intro_visual-swiper .img_pc { display: none; }

.pg-mobile .intro .intro_visual-swiper .img_mo { display: block; }

.pg-mobile .intro .intro_visual-swiper figcaption { left: 0; top: 0; padding: 40px 40px 0; -webkit-transform: none; transform: none; }

.pg-mobile .intro .intro_visual-swiper figcaption .title { font-size: 2.5rem; }

.pg-mobile .intro .intro_visual-swiper figcaption .title .logo_clicktobuy { max-width: 180px; height: 35px; }

.pg-mobile .intro [class^="intro_section"]:first-of-type .content_wrap { padding-top: 60px; }

.pg-mobile .intro [class^="intro_section"]:last-child .content_wrap { padding-bottom: 0; }

.pg-mobile .intro [class^="intro_section"] .content_wrap { padding-top: 80px; padding-bottom: 80px; }

.pg-mobile .intro [class^="intro_section"] .content_wrap .content_title { font-size: 1.625rem; line-height: 2.125rem; }

.pg-mobile .intro .intro_section .btn-type_wrap button.btn-type { width: 100%; }

.pg-mobile .intro .intro_section-img { min-height: auto; }

.pg-mobile .intro .intro_section-img.started { padding-bottom: 80px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/intro/bg_intro_bottom_mo.png); background-size: cover; }

.pg-mobile .intro .intro_section-img.started .content_wrap > .group { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: auto; }

.pg-mobile .intro .intro_section-img.started .content_wrap .content_title { font-size: 2.25rem; line-height: 2.5rem; }

.pg-mobile .intro .intro_section-img.started .content_wrap .btn-type_wrap { margin: 80px -20px 0; }

.pg-mobile .intro .intro_section-img.started .quick_button button span, .pg-mobile .intro .intro_section-img.started .quick_button a span { width: 70%; text-align: left; white-space: pre-wrap; }

.pg-mobile .intro .benefit_list { display: block; }

.pg-mobile .intro .benefit_list > li { padding: 30px; }

.pg-mobile .intro .benefit_list > li:not(:first-child) { margin: 20px 0 0 0; }

.pg-mobile .intro .benefit_list .title { margin-top: 25px; }

.pg-mobile .intro .benefit_list .desc { margin-top: 15px; }

.pg-mobile .intro .step_books { height: auto; }

.pg-mobile .intro .step_books .item { position: static; }

.pg-mobile .intro .step_books .item[data-status="expanded"] .acco_head { height: 75px; }

.pg-mobile .intro .step_books .item[data-status="expanded"] .acco_head .acco_target { height: 75px; }

.pg-mobile .intro .step_books .item[data-status="expanded"] .acco_head .acco_target:after { top: calc(50% + 10px); border-color: #000; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }

.pg-mobile .intro .step_books .item[data-status="expanded"] .acco_head .step { padding-top: 20px; color: #000; }

.pg-mobile .intro .step_books .item[data-status="expanded"] .acco_head .title { display: none; }

.pg-mobile .intro .step_books .acco_head, .pg-mobile .intro .step_books .acco_panel { position: relative; }

.pg-mobile .intro .step_books .acco_head { top: auto !important; width: auto; height: 90px; }

.pg-mobile .intro .step_books .acco_head .acco_target { -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: start; -ms-flex-align: start; align-items: flex-start; width: 100%; height: 90px; padding: 0 30px; }

.pg-mobile .intro .step_books .acco_head .acco_target:after { content: ''; display: block; position: absolute; right: 30px; top: 50%; width: 8px; height: 8px; border-left: 2px solid #fff; border-top: 2px solid #fff; -webkit-transform: translateY(-50%) rotate(225deg); transform: translateY(-50%) rotate(225deg); }

.pg-mobile .intro .step_books .acco_head .title { margin-left: 0; }

.pg-mobile .intro .step_books .acco_panel { left: 0; height: auto; padding: 0 30px 30px; }

.pg-mobile .intro .step_books .acco_panel .title { margin-top: 0; font-size: 1.375rem; line-height: 1.875rem; }

.pg-mobile .intro .step_books .acco_panel .desc { margin-top: 40px; }

.pg-mobile .trims .front, .pg-mobile .trims .option { float: none; width: 100%; }

.pg-mobile .trims .front .content_title { display: none; }

.pg-mobile .trims .front .car_img { margin-top: 0; padding: 0; }

.pg-mobile .trims .front .features .list li { font-size: 1.125rem; }

.pg-mobile .trims .front .features .list li:not(:first-child) { margin-left: 20px; padding-left: 20px; }

.pg-mobile .trims .front .features .list [class^="ico"] { width: 26px; height: 26px; margin-right: 5px; }
.pg-mobile .trims .front .features .list span{font-size: 15px;}
.pg-mobile .trims .option { margin-top: 30px; padding: 30px 0 0 0; border-left: 0; border-top: 1px dashed #999; }

.pg-mobile .trims .option > .group:not(:first-child) { margin-top: 40px; }

.pg-mobile .trims .option .title { margin-bottom: 15px; font-size: 1.375rem; }

.pg-mobile .trims .option .bullet_square > li { line-height: 1.375rem; }

.pg-mobile .trims .option .bullet_square > li:not(:first-child) { margin-top: 15px; }

.pg-mobile .complete .estimate { padding-bottom: 190px; }

.pg-mobile .complete .estimate .estimate_bottom { display: block; width: 100%; height: 150px; z-index: 10; }

.pg-mobile .complete .estimate .estimate_bottom .estimate_total { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 85px; }

.pg-mobile .complete .estimate .estimate_bottom .estimate_total .desc { margin: 5px 10px 0 0; font-size: 1rem; }

.pg-mobile .complete .estimate .estimate_bottom .estimate_total .price { font-size: 1.875rem; }

.pg-mobile .complete .estimate .estimate_bottom .btn-type { height: 65px; font-size: 1.125rem; letter-spacing: -.5px; }

.pg-mobile .complete .estimate .estimate_bottom .btn-type .ic_download-wh { margin-left: 5px; }

.pg-mobile .complete_prepaid .estimate .estimate_head .title { font-size: 2.25rem; }

.pg-mobile .complete_prepaid .prepaid_process { display: block; }

.pg-mobile .complete_prepaid .prepaid_process > li { width: auto; max-width: none; }

.pg-mobile .complete_prepaid .prepaid_process > li:not(:first-child) { margin: 35px 0 0 0; }

.pg-mobile .complete_prepaid .prepaid_process > li:not(:first-child):before { left: 50%; top: -25px; margin: 0 0 0 -6px; -webkit-transform: rotate(225deg); transform: rotate(225deg); }

.pg-mobile .complete_prepaid .prepaid_process .title { margin-top: 10px; font-size: 1.375rem; font-weight: 600; }

.pg-mobile .complete_prepaid .content_stitle { font-size: 1.375rem; }

.pg-mobile .prepaid .content_wrap > .group:not(:first-child) { margin-top: 60px; }

.pg-mobile .prepaid [class^="content_"][class*="title"] { margin-bottom: 20px; }

.pg-mobile .prepaid .bring { margin-bottom: 30px; }

.pg-mobile .prepaid .total_container { display: block; padding: 30px 20px; }

.pg-mobile .prepaid .total_container > .group:not(:first-child) { padding-top: 20px; margin: 20px 0 0 0; padding: 20px 0 0 0; border-left: 0; border-top: 1px solid #D9D9D9; }

.pg-mobile .edit_condition .reset { margin: 30px 0 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.pg-mobile .edit_coupon .frm_field .frm .applied_coupon { text-align: left; }

.pg-mobile .documnet_upload .desc { margin-bottom: 20px; }

.pg-mobile .documnet_upload .upload_container .group { display: block; }

.pg-mobile .documnet_upload .agree_container { margin-top: 30px; }

.pg-mobile .documnet_upload .radiowrap { display: block; margin-right: 0; }

.pg-mobile .documnet_upload .radiowrap:not(:first-of-type) { margin-top: 8px; }

.pg-mobile .trade-in_add_estimation .frm_field .frm ._mix { display: -webkit-box; display: -ms-flexbox; display: flex; }

.pg-mobile .trade-in_add_estimation .frm_field .frm ._mix input { -webkit-box-flex: 0.76; -ms-flex: 0.76 1 0%; flex: 0.76 1 0%; }

.pg-mobile .trade-in_add_estimation .frm_field .frm ._mix button { margin: 0 0 0 10px; -webkit-box-flex: 0.24; -ms-flex: 0.24 1 0%; flex: 0.24 1 0%; padding: 0 1.063rem; }

.pg-mobile .trade-in_add_estimation .vehicle_number .frm_field { margin-bottom: 30px; }

.pg-mobile .trade-in_add_estimation .vehicle_number .frm_field .btn_denined { margin: 20px 0 0; width: 100%; }

.pg-mobile .trade-in_add_estimation .total_result { display: block; margin-top: 30px; padding-top: 20px; }

.pg-mobile .trade-in_add_estimation .total_result .desc { -webkit-box-flex: 0; -ms-flex: none; flex: none; line-height: 1rem; }

.pg-mobile .trade-in_add_estimation .total_result .price { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin-top: 5px; font-size: 1.875rem; }

.pg-mobile .trade-in_add_estimation .info { margin-top: 20px; padding-top: 20px; }

.pg-mobile .buy_options .sub_tablist { margin-left: -20px; margin-right: -20px; }

.pg-mobile .buy_options .sub_tablist .tablist:not(._line)._drop { margin: 0; }

.pg-mobile .buy_options .sub_tablist .tablist:not(._line)._pulldown { top: 0; margin: 0; }

.pg-mobile .event_container .event_item .event_button { display: block; }

.pg-mobile .event_container .event_item .event_button .btn_applied + .btn_applied { margin-left: 0; margin-top: 10px; }

.pg-mobile .h-layer_body.intro_video .h-layer_wrap { width: auto; }

}


@media screen and (max-width: 600px) {
  .pg-mobile .intro .intro_visual-swiper figcaption {
    padding: 10px 20px 0;
    }
     .pg-mobile .intro .intro_visual-swiper figcaption .title {
    font-size: 2.0rem;
  }

  .intro .intro_visual-swiper figcaption .title .logo_clicktobuy {
  display: block;  width: 120px;   margin-top: 10px; 
  background-size: 100%;}
  .intro .intro_visual-swiper figcaption .learn{
    margin-top: 20px;
  }
    .pg-mobile .complete .estimate .estimate_bottom .estimate_total .price {
    font-size: 1.4rem;line-height: 1.41em;
  }
}.page-wrapper{display: block; -webkit-flex-direction: unset; height: auto;}
ul > li, ol > li{margin: 0;}
a,a:hover, .alink:hover{text-decoration: none;}
a:hover, .alink:hover{text-decoration: none; color: black;}
a:visited, .alink:visited{color: black;}
h1,h2, h3{     font-weight: normal;   }
.search-autocomplete {display: none;margin-top: 6px;overflow: hidden;position: absolute;z-index: 13;border: 0;margin-top: 6px;border-top: 1px solid #000;}
.search-autocomplete ul {margin: 0;padding: 0;list-style: none none;}
.search-autocomplete ul li {border-top: none;cursor: pointer;margin: 0;padding: 17px 20px;position: relative;text-align: left;white-space: normal;z-index: 13;}
.search-autocomplete ul li span {font-size: 16px;}
.search-autocomplete ul li .amount {color: #999;position: absolute;right: 20px;top: 20px;font-size: 14px;}
.search-autocomplete ul li:hover, .search-autocomplete ul li.selected {background-color: #f6f3f2;}
.search-autocomplete ul:not(:empty) {border: 0;}
.search-autocomplete {margin-top: 6px;border-top: 1px solid #000;width: 530px !important;left: -5px !important;position: relative !important;}
@media only screen and (min-width: 768px) {
  .navigation, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container{max-width: 100%; padding: 0;}
  .page-main{max-width: 100%; padding-left: 0; padding-right: 0;}
  .table-wrapper.orders-recent {    margin-top: 0px;}
}
@media (min-width:768px) and (max-width:900px) {
  .search-autocomplete {width: 500px !important;}
}
@media (min-width:500px) and (max-width:767px) {
  .search-autocomplete {width: 400px !important;}
  #search_mini_form {width: 400px !important;}
}
@media (min-width:200px) and (max-width:500px) {
  .search-autocomplete {width: 265px !important;}
}

.product-name {    font-size: 20px;    color: #303030;    display: block;    overflow: hidden;    text-overflow: ellipsis;    margin-bottom: 10px;}
.abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^="sales-guest-"] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td{border-bottom: none;}
table.data > thead > tr > th{background: #f5f3f4; color: #2d2d2d;  font-weight: normal;  border-bottom: none;     
  padding-top: 15px;font-size: 16px;
}
 .table > tbody > tr > td{color: #2d2d2d;
    font-size: 15px;
    line-height: 20px;    border-bottom: 1px solid #cecece;
   
 }
 .table > tbody > tr:last-child > td{border-bottom: none;}
.order-details-items .product-item-name{font-size: 15px;}

.paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax{color: #2d2d2d;
    font-size: 15px;   
    }
.order-details-items .table-order-items .product-item-name{margin-bottom: 0;box-shadow: none;}
.order-details-items .item-options{margin-left: 10px; color: #777;    font-size: 13px; text-transform: none;margin-top: 10px;}
.abs-status-desktop, .return-status, .order-status {  margin-top: 0;  margin-bottom: 10px;    padding: 5px 10px;}
body.account .box-content address{    font-size: 15px;    line-height: 25px;    color: #000000;    padding-bottom: 10px;    }
.account .column.main .block.block-order-details-view .block-content:not(.widget) .box .box-content,
 .account .column.main .block:not(.widget) .block-content .box  .box-content{ padding: 0 15px;}
.order-details-items .order-title > strong{font-size: 15px;}

body.account .customer-review .product-details .product-info .title{display: none;}
body.account .customer-review .product-details .product-info .all_ratting ul li{display: inline-block;}

.action.primary:focus, .action.primary:active{
    border: none;
    background: #003b7d;
}

.action.primary span{color: white;}
.cms-index-index .page-main{max-width: 100%; padding: 0;}
.header a{text-decoration: none;}
.header .right_points ul li{margin: 0;}
.header .logo{margin: 0; float: none; width: auto;}
.header .logo a.logo{width: auto; padding: 0;float: none; width: auto;}
.header .switcher{float: none; order: 1; padding: 0px 7px;
display: inline-flex;
vertical-align: middle;}
.header .account_link{float: none; order: 2; padding: 0px 7px;
display: inline-flex; margin-top: -4px;
vertical-align: middle;}
.header .account_link img.icon{height: 25px;width: 22px;}
.header .minicart-wrapper{margin-top: -4px; margin-left: 0;}
.header .minicart-wrapper img.icon{height: 25px;width: 22px;}
.header  .minicart-wrapper{order: 3; padding: 0px 7px;
display: inline-flex;
vertical-align: middle;}

.header  .minicart-wrapper .action.showcart::before  {display: none}
.page-main{box-sizing: border-box;}
.car_listing .tabcontent.active{display: block;}
.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details{margin: 0;}
.main_footer .detail {   width: 100%;    box-sizing: border-box;}
.main_footer .detail .col ul li{margin: 0;}
.main_footer .detail .newsletter .subscribe_input input{padding-right: 45px;}
.main_footer .detail .newsletter .send_icon{background: url(../../frontend/Magento/hyundai_ksa/en_US/images/email_send_icon.png) no-repeat center #000000; border-radius: 0;  border: none; height: 40px; width:40px;}
._keyfocus :focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus{box-shadow: none;}
div.mage-error[generated] {font-size: 13px;text-align: left;}

.header .account_link a.login_icon{height: 25px; width:25px; display: block; background: url(../../frontend/Magento/hyundai_ksa/en_US/images/login_icon.png) no-repeat center; }
.header .account_link a.login_icon.active{ background: url(../../frontend/Magento/hyundai_ksa/en_US/images/login_icon_active.png) no-repeat left;width: 62px; width: auto;padding-left: 33px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block; vertical-align: top;}
.header .account_link a.login_icon.active .customer_name{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size: 15px;padding-top: 6px; color: #000;}
.header .account_link a.logout_url{font-size: 13px;padding-top: 8px;display: inline-block;padding-left: 7px;color: #000;}
.header .account_link a.login_icon:hover > .customer_name,.header .account_link a.logout_url:hover{color: #003b7d;}

.page-layout-1column-full-width .page.messages{max-width: 1268px;
margin: 0 auto;
padding: 0px 15px;
box-sizing: border-box;}
.cms-index-index .page.messages{position: fixed; z-index: 999; width: 100%; top: 70px; left: 0;display: none;}

.footer.content .block{margin: 0;}
.offer_carousel .owl-theme .owl-dots .owl-dot{box-shadow: none;}

.car_listing .grid .car_img { border-radius: 10px 10px 0 0;}
.car_listing .grid .car_img img { border-radius: 10px 10px 0 0; width: auto;
 }
.car_listing .grid .car_img .warranty_badge,
.car_listing .grid .car_img .standard_badge{z-index: 2}
.car_listing .grid .car_img .product-image-container{display: block;margin: 0 auto;}
/*.product-item .price-box{margin:0 0 24px;}*/
.product-item .tocart{font-size: 14px;color: #000000;text-transform: uppercase; padding: 0;}
.product-item .tocart span{background: none; padding: 0;}
.product-item .tocart.action.primary{;font-weight: 600;background: none; border: none;     padding: 0;    color: #000;    font-size: 14px;}
.product-item .tocart.action.primary:hover{background: none; border: none; color: #002c5e;transition: background-color 0.4s ease 0s, border 0s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s;}
.product-item a{text-decoration: none;}
.banner_container .overlay_content{text-align:center;}
.breadcrum ul li {margin: 0;}
.columns{padding: 0px 0 0}
#innercontainer .columns{padding: 20px 0 0;}
.cms-index-index #innercontainer .columns{padding-top:0;}

.page-title-wrapper{margin-bottom: 30px;text-align: center;}
.page-title-wrapper h1{color: #303030;font-size: 38px;text-transform: uppercase;}
.login-container .fieldset > .field > .control{width: 100%;}
.login_block .left_forms .fieldset .password_field,
.catalog-product-view .fieldset.create.account  .password_field{position: relative;}
.login_block .left_forms .fieldset .field .password_field input,
.catalog-product-view .fieldset.create.account .password_field input{padding-right: 60px;}

.login_block .left_forms .fieldset .field .password.show,
.catalog-product-view .fieldset.create.account span.password.show{
    background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");
}
.login_block .left_forms .fieldset .field .password.hide,
.catalog-product-view .fieldset.create.account span.password.hide{
    background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");
}

.action.primary{
  font-size: 15px;
  color: #fff;
  background-color: #002c5e;
  background: #002c5e;
  padding: 18px 26px;
  box-sizing: border-box;
  outline: 0;
  border-radius: 0px;
  border: 0;
  
  font-weight: 600;
  cursor: pointer;
}
.action.primary:hover{border: none; background-color: #003b7d;background: #003b7d;}
.login_block .left_forms .fieldset .login button{margin: 0;}
.login-container .fieldset::after {display: none;}

.login_page_container.full_width .login_block{height: auto; min-height: 100px; }
.login_page_container.full_width  .login_block .left_forms .fieldset{width: 100%;}
.login_page_container.full_width  .login_block .left_forms,
.login_page_container.full_width  .login_block .left_forms form{width: 100%}
.login_page_container.full_width  .login_block .left_forms .padding{padding: 60px;}

.field.choice .label{font-size: 15px; position: relative; color: #2d2d2d;;display: block;position: relative;padding-left: 35px;cursor: pointer;}

.field.choice .label::after {
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  left: 3px;
  top: -6px;
  width: 11px;
  height: 12px;
  position: absolute;
  background-color: #fff;
  padding: 4px;
  background-size: 15px;
  border-radius: 0px;
  border: 1px solid #e1e1e1;
}

.field.choice input[type="checkbox"]:checked + .label::after, .field.choice input[type="radio"]:checked + .label::after{
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/tick_icon_checkbox-1.png");
  border: 2px solid #0E306C;
}
.field.choice input[type="checkbox"],
.field.choice input[type="radio"]{display: none;}
.login_block .left_forms .fieldset .field input.required-captcha{width: auto;}
.page-layout-1column .column.main .block_two {padding-top: 0;}
.nav-toggle{display: none}

.about_two_col.no_padding{padding: 0;}

.filter-options-item {border: 0px;}
.filter .block-subtitle{display: none;}
.filter-current .action.remove{position: static;display: inline-block;height: 28px;vertical-align: top;}
.filter-current .action.remove:hover{background-color: #000;}
.filter-current .action.remove::before{display: none;}
.block.filter{padding: 0;}
.filter-current .items{display: inline-block;padding-left: 0;padding-top: 18px;}
.contact_us_block .map #map_box{width: 100%; height: 610px;}
#innercontainer.car_listing .columns{padding: 0;display: block;}
.inner_container .inner_container{padding: 0;}
.inner_container .step1 .inner_container{padding: 0 15px;}
.inner_container .step1.breadcrum .inner_container{padding: 0;}
.account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional{width: 25%; padding: 0;}
.account.page-layout-2columns-left .column.main{width:72%; padding: 0;}
.account.page-layout-2columns-left .sidebar-main .block{padding: 0;}
.block-collapsible-nav .content {background: #f5f3f4; padding-top: 25px;}
.sidebar{background: #f5f3f4;}
.sidebar .block.block-collapsible-nav ul li.item.current{background: #fff; border-right: 1px solid #f5f3f4;}
.block-collapsible-nav .item.current > strong { color:#003b7d; font-weight: normal;    border-color: #003b7d;   }
.block-collapsible-nav .item a, .block-collapsible-nav .item > strong{padding: 10px 18px 10px 15px}
.block-collapsible-nav .item .delimiter {    border-top: 10px solid #fff; margin: 0;}
body.account .column.main .block{padding: 20px; margin-bottom: 15px; border: 2px solid #f5f3f4; box-sizing: border-box;border-radius: 0px;}
.abs-account-blocks .block-title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .customer-review .review-details .title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title{
  border: none; margin-bottom: 5px;
}
.abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span,
.block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .customer-review .review-details .title > strong,
.customer-review .review-details .title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span,
.account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span,
.multicheckout .block-title > strong, .multicheckout .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong,
.magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > strong,
[class^="sales-guest-"] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong,
.sales-guest-view .column.main .block:not(.widget) .block-title > span{font-weight: bold; font-size: 20px; color: #303030; text-transform: none;}
.paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title {
  display: inline-block;
  margin: 0 0 10px;
  width: 100%; box-sizing: border-box;
  background: #f5f3f4;
  padding: 10px 15px; color: #303030;
  font-size: 18px;
}
.paypal-review .block .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span,
.magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^="sales-guest-"] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span{font-size: 18px;}
.abs-account-block-font-size, .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .block-balance-giftcard .block-content, .block-reviews-dashboard .product-name {
  font-size: 15px;
  padding: 10px;
}
.block .box  .box-actions {
  margin-top: 0px;
  padding: 0 15px;
}
.block .box  .box-actions a{font-size: 14px;}
.box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content{padding: 10px;}
.fieldset > .field > .label, .fieldset > .fields > .field > .label{font-weight: normal;}
fieldset input[type="text"], fieldset input[type="password"], fieldset input[type="url"], fieldset input[type="tel"], fieldset input[type="search"], fieldset input[type="number"], fieldset input[type="datetime"], fieldset input[type="email"], fieldset input[type="phone"]{
  width: 100%;
    height: 50px;
    padding: 9px 15px;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
    line-height: 20px;
    -webkit-appearance: none;
    color: #000;
    font-size: 16px;
    font-family: 'HyundaiSansText','Malgun Gothic',Dotum,'돋움',AppleGothicNeoSD,'Apple SD 산돌고딕 Neo','굴림',arial,sans-serif !important;
}
fieldset select{
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 0px;
  font-size: 15px;
  color: #2d2d2d; width: 100%;
 
  box-sizing: border-box;
  background-color: #f4f4f4; margin: 0;
  padding-left: 20px;
  padding-right: 36px;
  outline: 0;
}
 
#store-selector .form-continue .actions-toolbar .action.primary, .form-address-edit .actions-toolbar .action.vertex-secondary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary {
    line-height: 22px;
    padding: 14px 17px;
    font-size: 20px;
}
.items.order-links{margin-top: 10px;}
.actions-toolbar{margin-top: 20px;}
.order-details-items .actions-toolbar{margin-top: 0px;}
fieldset p.note{margin-bottom: 10px;}
.paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action{
  color: #003b7d;  
}
.message.info {
  padding: 18px 20px 18px 65px;
  background: #f5f3f4;
  position: relative;
  
  color:#000;
  font-size:15px;
}
.message.info a {
  color: #000; text-decoration: underline;
}
.message.info a:hover {
  color: #000; text-decoration: none;
}
.message.info a:active {
  color: #000;
}
.message.info > *:first-child:before {
  content: url('../../frontend/Magento/hyundai_ksa/en_US/images/warning.png');
  left: 10px;
}
.message.error {
  padding: 18px 20px 18px 65px;
  background: #f5f3f4;
  position: relative;
  
  color:#000;
  font-size:15px;
}
.message.error a {color: #000; text-decoration: underline;}
.message.error a:hover {
  color: #000; text-decoration: none;
}
.message.error a:active {
  color: #000; 
}
.message.error > *:first-child:before {
  content: url('../../frontend/Magento/hyundai_ksa/en_US/images/rejected.png');
  left: 10px;
}
.message.warning {
  padding: 18px 20px 18px 65px;
  background: #f5f3f4;
  position: relative;
  
  color:#000;
  font-size:15px;
}
.message.warning a {
  color: #000; text-decoration: underline;
}
.message.warning a:hover {
  color: #000; text-decoration: none;
}
.message.warning a:active {
  color: #000;
}
.message.warning > *:first-child:before {
  content: url('../../frontend/Magento/hyundai_ksa/en_US/images/warning.png');
  left: 10px;
}
.message.notice {
  padding: 18px 20px 18px 65px;
  background: #f5f3f4;
  position: relative;
  
  color:#000;
  font-size:15px;
}
.message.notice a {
  color: #000; text-decoration: underline;
}
.message.notice a:hover {
  color: #000; text-decoration: none;
}
.message.notice a:active {
  color: #000; 
}
.message.notice > *:first-child:before {
  content: url('../../frontend/Magento/hyundai_ksa/en_US/images/warning.png');
  left: 10px;
}
.message.success {
  padding: 18px 20px 18px 65px;
  padding-left: 65px;
  position: relative;
  background: #f5f3f4;
  position: relative;
  
  color:#000;
  font-size:15px;
  line-height: 22px;
}
.message.success a {color: #000; text-decoration: underline;}
.message.success a:hover {color: #000; text-decoration: none;}
.message.success a:active {color: #000;}
.message.success > *:first-child:before {content: url('../../frontend/Magento/hyundai_ksa/en_US/images/approved.png');left: 10px;}

  
@media (max-width:900px){
  .header .logo a.logo{float:  none; display: block; margin: 0 auto; }
}
@media (max-width:767px){
  .cms-page-view .page-main {padding-top: 0;}
  .account .page-main  {padding-top: 0;}
  .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container{padding-left: 0; padding-right: 0;}
}
@media (max-width:600px){
  .contact_us_block .map #map_box{width: 100%; height: 300px;}
}

.product_review_block { text-align: center; }
.product_review_block .forms .full_width{width: 100%;margin-bottom: 25px;}
.product_review_block .forms input{height: 50px;border: 1px solid #e1e1e1;border-radius: 4px;font-size: 15px;color: #2d2d2d;;box-sizing: border-box;background-color: #f4f4f4;padding-left: 20px;padding-right: 10px;outline: 0;}
.product_review_block .forms .half_width{width: 49.4%;margin-right: 12px;}
.product_review_block .forms .half_width:last-child{margin-right: 0}
.product_review_block .forms .margin_btm{margin-bottom: 20px;}
.testimonials_input {display: inline-flex;width: 100%;}
.testimonials-popup-wrapper.inner_height_block .field .label span {display: inline-block;}
.testimonials-popup-wrapper.inner_height_block .required-label {color: #e02b27;}

@media screen and (max-width: 600px) {
  .product_review_block .forms .half_width {width: 100%;}
  .testimonials_input {display: block;}
  .testimonials_input .half_width {margin-bottom: 20px;}
}

.product_review_block .forms .text_area{width: 46.4%; height: 100px;border: 1px solid #e1e1e1;border-radius: 4px;font-size: 15px;color: #2d2d2d;;box-sizing: border-box;background-color: #f4f4f4;padding-left: 20px;padding-right: 10px;resize: none;outline: 0;padding-top: 20px;padding-bottom: 20px}
.product_review_block .forms .submit button{background-color: #002c5e;border-radius: 4px;padding: 14px 30px;padding-top: 17px; border: 0;outline: 0;color: #fff;font-weight: 600;text-transform: uppercase;border-bottom: 2px solid #002c5e;cursor: pointer;font-size: 15px;}
.product_review_block .forms .submit button:hover{background-color: #002c5e}

.checkout-cart-index.page-layout-1column-full-width .inner_cart_two_col { padding-bottom: 60px; }

.padding-zero { padding-left: 0px !important; padding-right: 0px !important; }


.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0, 0, 0, 0.9);
}
  
/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 60%;
}
.modal{z-index: 999;}
.modal .modal-content{width: 80%; padding: 0px; max-width: 1100px;}
.modal_header .title{text-align: center;}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
  
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev{box-shadow: none;pointer-events: all;}
.fotorama__stage.fotorama__shadows--left::before, .fotorama__nav.fotorama__shadows--left::before ,
.fotorama__stage.fotorama__shadows--right::after, .fotorama__nav.fotorama__shadows--right::after {box-shadow: none; background: none;}
.heading .page-title-wrapper{margin: 0; text-align: left;}
.heading .page-title-wrapper h1.page-title{font-size: 30px;color: #2d2d2d;text-transform: uppercase; padding: 0;margin-bottom: 30px;}
.fotorama__wrap--slide .fotorama__stage__frame .fotorama__img{border: 2px solid #f4f4f4 !important; box-sizing: border-box; border-radius: 0;}
.fotorama__arr{width: 30px;height: 100px;top: calc(50% - 50px); background-color: #bbb; border-radius: 2px;}
.fotorama__arr:hover{ background-color: #aaa; }
.fotorama__arr__arr{height: 30px; width: 30px;}
.fotorama__arr--next .fotorama__arr__arr,
.fotorama__thumb__arr--right .fotorama__thumb--icon{background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/next_arrow.png); background-position: center;}
.fotorama__arr--prev .fotorama__arr__arr,
.fotorama__thumb__arr--left .fotorama__thumb--icon{background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/previous_arrow.png); background-position: center;}
.fotorama__nav-wrap--horizontal .fotorama__thumb__arr--left, .fotorama__nav-wrap--horizontal .fotorama__thumb__arr--right{background-color: #bbb;transition: background-color 0.3s ease-in-out;height: calc(100% - 40px);top: 20px;}
.breadcrum ul li{line-height: 13px;}
.breadcrum ul li a:visited{color: #000;}
.breadcrumbs .item:not(:last-child){position: relative; padding-right: 14px;}
.breadcrumbs .item:not(:last-child)::after {content: url(../../frontend/Magento/hyundai_ksa/en_US/images/greater_sign-icon.png); margin: 0 2px; position: absolute; right: 0px;top: 1px; font-size: 9px;}
.breadcrum ul li strong{ font-weight: normal;text-transform: uppercase;font-size: 14px; color: #000d1f;}
.rating-summary .rating-result > span::before {color: #FFBF07; font-size: 14px;}
.rating-summary .rating-result::before {font-size: 14px;}
.rating-summary .rating-result {    width: 80px;}
.product_left_col .testimonial_block .comment .review-content{margin: 0;}
.product_left_col .testimonial_block .comment .review-ratings{margin: 12px auto 0; float: none;}
.columns .column.main{padding-bottom: 0;}
#customer-reviews .hide{display: none;}
.product-info-main{float: none;}
.product_left_col .customer_review .title.empty_reviews{width: 100%}

.white_bg_color { background-color: #fff; }
.car_listing .grid .car_detail .price {margin-bottom: 0;}

.car_listing .grid .car_detail .price span {
  font-size: 20px;
  color: #002c5f;
 
  text-transform: uppercase;
  padding: 5px 0px;
  margin-bottom: 20px;
}

.car_listing .grid .car_detail .price .vat {
  font-size: 15px;
  color: #464646;
}

.car_listing .grid .car_detail .price .price-box.price-final_price {
  display: inline-block;
  margin-right: 8px;
}

.product_detail_block .right_col_detail .price .price{border: none;color: #2d2d2d; padding: 0; font-size: 32px;padding-bottom: 5px;font-weight: 700;padding-bottom: 10px;}
.catalog-product-view .price-wrapper::before{display: none;}
.catalog-product-view .price-wrapper::after {display: block;font-size: 16px;color: #424242; content: attr(data-label);padding-bottom: 0px;}
.product_detail_block .right_col_detail .price b.financing_text{margin-top: 10px;display: none;}
.product_detail_block .right_col_detail .price span.price-wrapper {padding: 0;}

@media (min-width:1290px){
  .catalog-product-view #innercontainer.inner_container{padding: 0; max-width:100% }
}
@media (max-width:1289px){
  .catalog-product-view .detail_page_listing.car_listing{ width: calc(100% + 30px);margin-left: -15px;}
}
.catalog-product-view #innercontainer .columns{padding: 0;}
h2.vas_title{color: #303030;font-size: 30px;text-transform: uppercase;margin-bottom: 30px;}
.right_col_detail .color table ul li {position: relative; cursor: pointer; vertical-align: top; display: inline-block; height:20px; border: none; border-radius: 0px; margin-right: 10px;}
.right_col_detail .color table ul li.image_block{height:32px; width: 32px;}
.right_col_detail .color table ul li.image_block .img-container{height:32px; width: 32px; overflow: hidden; border-radius: 0px; }
.right_col_detail .color table ul li.selected{height: 32px; width: 32px;border: none;}
.right_col_detail .color table ul li.selected::after {
  position: absolute;
  content: url("../../frontend/Magento/hyundai_ksa/en_US/images/tick_icon_white-1.png");
  background-size: 100%;
  left: -1px;
  top: 2px;
  width: 12px;
  height: 12px;
  z-index: 1;
}

.right_col_detail .color table ul li.selected.text_block{width: auto;}
.right_col_detail .color table ul li.selected.text_block::after{display: none;}
.right_col_detail .color table ul li.selected .img-container{height:32px; width: 32px; }
.right_col_detail .color table ul li  .tooltip{display: none; background: #fff; padding: 10px;box-shadow: 0 0px 6px 0px #000029;border: 1px solid #ececec;border-radius: 10px;top: 25px;position: absolute;padding: 10px;text-align: center;}
.right_col_detail .color table ul li  .tooltip h5{white-space: nowrap; font-size: 12px; margin-bottom: 5px;}
.catalog-product-view .review-toolbar{display: none;}
.field.order_box .option-description-text{display: none;}
.product-add-form .product-options-wrapper .field .control.type{width: 100%;}
.product-add-form .product-options-wrapper .field .control.type .admin__field{display: inline-block; width: 29%; vertical-align: top; padding-right: 15px; margin-bottom: 20px;}
.product-add-form .product-options-wrapper .field .control.type .label{font-size: 15px;color: #000;;max-width: calc(100% - 15px);box-sizing: border-box;float: left;padding-right: 10px;}
.product-add-form .product-options-wrapper .fieldset .order_box .title{margin: 0;}
/*.catalog-product-view .product-add-form .product-options-wrapper  .price-notice::after {content: ")";}
.catalog-product-view .product-add-form .product-options-wrapper  .price-notice::before {content: "(";}*/
.catalog-product-view .product-add-form .product-options-wrapper  .price-wrapper::after {display: none}
.vas_block .back_next_btn .fieldset{width: 100%; margin: 0;}
.vas_block .back_next_btn .fieldset .actions{float: right;}
.vas_block .back_next_btn .fieldset .actions .action{margin: 0; width: auto; background-color: #002c5e;
font-size: 18px;
color: #fff;
;
display: block;
padding: 10px 46px;
padding-top: 12px;
border-radius: 0px;
text-transform: none;}
.vas_block .back_next_btn{margin: 0;margin-top: 20px;}
.product-info-main .product-options-bottom .box-tocart.back_next_btn{margin: 0;}

.vas_block .back_next_btn .back{display: inline-block;}
.right_col_detail .color tr td{vertical-align: middle;}
.right_col_detail .color tr td.title{width:1px;}
.right_col_detail .color table ul li .text_span{padding: 2px 10px; display: block; margin: 0;}
.right_col .vechile_detail .vad_services ul li span.price-notice{display: none;}

.tabcontent .pay_full .right_box strong span{padding: 0; margin: 0;}
.tabcontent .pay_full .right_box strong span.price{display: block; 
font-size: 24px;border: none;
color: #2d2d2d;

text-transform: uppercase;
padding: 0;
}
.block-reviews-dashboard .items .item{width: 50%; float: left;}
.tabcontent .pay_deposit .right_box .price_input input{line-height: normal; margin: 0;}
.block-reviews-dashboard .items .item .product-name{padding-left: 0;}
@media (max-width:600px){
  .block-reviews-dashboard .items .item{width: auto; float: none;}
}
.product_detail_page .step2{display: none;}

.product_detail_block .right_col_detail.full_width,
.product_detail_block .right_col_detail.full_width .buying_procedure{width:100%; padding: 0; margin: 0; border: none; background: none;}
.product-info-main .product-add-form{padding: 0;}
.page-layout-1column .product-info-main{width: auto;}
.right_col_detail .buying_procedure.price_block{padding-bottom: 0; border-radius: 0;}
.right_col_detail .buying_procedure.proceed_block{padding-top: 0;border-bottom: 2px solid #fff;}
.right_col_detail .vas_step_container .buying_procedure{padding-top: 0; padding-bottom: 0;}
.right_col_detail .vas_step_container .buying_procedure .swatch-opt{margin: 0;}
.right_col_detail .color .color{padding: 0;}
.tabcontent .pay_deposit .right_box .msg.error_msg{color: #fe0000; font-weight: bold;}
.right_col_detail .color .error_msg{margin-bottom: 10px; color: #fe0000; font-weight: bold;  font-size: 14px; }
.filter .filter-current + .block-actions.popup_clear{display: inline-block;margin-bottom: 20px;}
#layer-product-list .filter-content .filter_button{height: 0; width: 0; font-size: 0; padding: 0; margin: 0;}
@media (min-width:768px){
#layer-product-list .filter-content .filter_button_popup{display: none;}
#layer-product-list .filter-content .filter_button{display: none;}
}


/*filters*/
.search_widget form{width: 100%;}
.search_widget .choose_car span.static_label{display: inline-block; line-height: 38px;vertical-align: top;}
.search_widget .choose_car .base_filter{display: inline-block; margin: 0;}
.search_widget .choose_car .base_filter .swatch-option.text{padding: 0; margin: 0; background: none; border: none; float: none; display: inline-block; vertical-align: top;outline: none; height: auto;}
.search_widget .choose_car .base_filter .swatch-option.text label{}

.search_widget .choose_car .base_filter .swatch-option.text input{display: none;}
.search_widget .choose_car .base_filter .swatch-option.text label{border-radius: 50px; cursor: pointer; font-size: 14px;color: rgba(255,255,255,0.30);background-color: #2a3639;text-transform: uppercase;width: 100px;height: 37px; line-height: 36px;display: inline-block;border: 2px solid transparent;    box-sizing: border-box;margin: 0 4px;}
.search_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label{border: 2px solid #003b7d;color: #003b7d;background-color: #2f3b3e;position: relative;padding-left: 38px;text-align: left;box-sizing: border-box;}
.search_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label::after {    content: url("../../frontend/Magento/luma/en_US/FME_CategoryPage/images/tick_icon.png");    position: absolute;    left: 10px;    transform: scale(0.8);    top: calc(24% - 7px);}
.search_widget  .action.primary{padding: 10px 20px;}


.filters_popup .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 0px;
    box-sizing: border-box;
    width: 640px;
    border-radius: 10px;
}

.modal-content .inner_popup .steps_num ul .line:last-child{display: none;}

.modal-content .inner_popup .old_new_car{text-align: center;}
.modal-content .inner_popup .old_new_car .popup_base_value{display: inline-block; vertical-align: top;}
.modal-content .inner_popup .old_new_car input{display: none;}
.modal-content .inner_popup .old_new_car label{border-radius: 50px;
font-size: 13px;
color: #000;
background-color: #fff;
text-transform: uppercase;
width: 104px;
height: 36px;
line-height: 35px;
display: inline-block;
border: 2px solid #434e50;
box-sizing: border-box;
margin: 0 4px;
}
.modal-content .inner_popup .old_new_car input[type="checkbox"]:checked + label{position: relative;padding-left: 10px;}
.modal-content .inner_popup .old_new_car input[type="checkbox"]:checked + label::after {content: url("../../frontend/Magento/hyundai_ksa/en_US/images/tick_gray-color.png");
position: absolute;
left: 12px;
transform: scale(1);
top: calc(24% - 7px);}




#layer-product-list .filter-content{width: auto;margin:unset;}
@media (max-width:767px){
  .filter .filter-options {display: none;}
  .filter.active .filter-options{display: block; padding-top: 20px;}
  .filter-title strong{position: static; margin-top: 0px; cursor: pointer; font-size: 13px;  display: none; color: #2d2d2d;height: 39px;
  box-sizing: border-box;
  padding: 11px 20px 10px 20px;
  margin-top: 1px;
  border: 1px solid #e1e1e1;}
  .filter.active .filter-title strong{float: right; margin-right: 0px; margin-top: 6px;}
  .filter-options .filter-options-item {
      display: inline-block;
      min-width: 47%;
      margin: 0 1%; margin-bottom: 0px;padding-bottom: 12px;
  }
  .page-products .sorter{position: static;} .sorter-label{display: none;}
  .block-title.filter-title{position: absolute; top: -53px}
  .filter.active{position: static;}
  .block.filter{position: relative;}
  .filter .filter-current .items{display: block;}
  .filter .filter-current{border: none;}
  .filter-content ul li{margin: 5px 0;}
  .toolbar select{margin-top: 35px;}
  .filter.active .filter-title strong::after {color: #fff;}
  .filter.active .filter-subtitle{background: #434e50; text-align: center;color: #ffffff; font-weight: normal; font-size: 24px;text-transform: uppercase;}
  .modal-popup.modal-slide._inner-scroll .modal-inner-wrap {
    
      min-height: 10%;
      max-height: 100vh;
  }

}
.modal-content .inner_popup .brands ul li.swatch-option label{min-height: 27px; border: 2px solid #fff;padding: 0; display: flex; cursor: pointer; flex-direction: column;align-items: center;justify-content: center;width: auto;box-shadow: 0px 0px 4px 1px rgb(0 0 0 / 0.10); box-shadow:0px 0px 4px 1px rgba(0,0,0,0.10);border-radius: 6px;}
.modal-content .inner_popup .brands ul li.swatch-option label:after{content:none ;}
.modal-content .inner_popup .brands ul li.swatch-option input[type="checkbox"]{display: none;}
.modal-content .inner_popup .brands ul li.swatch-option input[type="checkbox"]:checked +  label{ border: 2px solid #434e50;}
.modal-content .inner_popup .brands ul li.swatch-option input[type="checkbox"]:checked + label:after{border-radius: 5px 0 0 0;  position: absolute;content: url(../../frontend/Magento/hyundai_ksa/en_US/images/tick_white-icon.png);top: 0px;left: 0px;right: auto;background-color: #434e50;width: 30px;height: 30px;line-height: 29px;}

.modal-content .inner_popup .brands.car_models ul li {    max-height: 100%;    height: auto;}
.modal-content .inner_popup .brands ul li.swatch-option{background: none; border: none; outline: none; max-height: 100%; height: auto; overflow: visible; }
.modal-content .inner_popup .brands.car_makes ul li.swatch-option{margin: 0;}
.modal-content .inner_popup .brands.car_makes ul li.swatch-option label{min-height: 135px;}

.modal-content .inner_popup .brands.car_models ul li.swatch-option{}
.modal-content .inner_popup .brands.car_models ul li.swatch-option label{min-height: 100px;}

.modal-content .inner_popup .brands.car_years ul li.swatch-option{
  width: 100%;
  margin: 0;
  padding: 0;
}

.modal-content .inner_popup .brands.car_years ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  grid-gap: 1.5rem;
}
.modal-content .inner_popup .brands.car_years ul li.swatch-option label{ height: 38px; font-size: 15px;color: #434e50;font-weight: 400;}
.modal-content .inner_popup .brands.car_years ul li.swatch-option input[type="checkbox"]:checked + label:after{height: 33px;line-height: 25px;border-radius: 5px 0 0 5px;padding-top: 7px;}

/*listing*/
.search_widget.listing_widget .choose_car .base_filter .swatch-option.text label{background-color: #fff;color: #2d2d2d;}
.search_widget.listing_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label{border: 2px solid #2d2d2d;background-color: #fff;color: #2d2d2d;}
.search_widget.listing_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label::after {    content: url(../../frontend/Magento/hyundai_ksa/en_US/images/tick_icon_black.png);}



.cart-summary #block-shipping {display: none;}
.cart-summary > .title{font-size: 26px;color: #2d2d2d; }
.product-item .price-box{display: inline-block;}
.car_listing .grid .car_detail .inc_vat{font-size: 15px;color: #464646; text-transform: capitalize;}
.car_listing .grid .car_detail .price .price-box.price-final_price .price-wrapper::after {display: none;}
.car_listing .grid .car_detail .price span.inc_vat{font-size: 15px;color: #464646; text-transform: uppercase; padding: 0;margin: 0;}
.catalog-product-view .page_main{padding-bottom: 0;}

/*.page-products .products-grid .product-item:nth-child(3n+1),
.page-products .products-grid .product-item:first-child{
    margin-left: 0;
}*/
.tabcontent .pay_deposit .right_box .price_input input.error{border: 1px solid #fe0000;}
.vas_block .right_col .vechile_detail .title {font-weight: 500;}
.vas_block .right_col .vechile_detail .title.title_static a{margin: 0 5px;}
.vas_block .right_col .vechile_detail .title.title_static{padding-right: 40px; background: none;font-weight: 500;}
.vas_block .right_col .vechile_detail .title.title_static .vechile_title{font-size: 18px; font-weight: 500;}
.vas_block .right_col .vechile_detail .title.title_static a.edit span{margin-left: 4px;}
.vas_block .right_col .vechile_detail .title.title_static a.delete{margin-left: 10px;}

.vas_block .right_col .vechile_detail .title.title_accordion{    float: right;    height: 40px;    width: 40px;    margin-top: -58px;    border: none;    margin-bottom: 0;    background-position: center;}
#product-review-table .review-field-rating .label{display: none;}
.page-products .fmeproductfinder-block{max-width: 1268px; margin: 0 auto; padding: 0 15px;box-sizing: border-box; }
#shipping-method-buttons-container button.next{margin-top: 0; margin-bottom: 0;}
.checkout-index-index #maincontent {padding-bottom: 0;margin-bottom: 0;}
.checkout-index-index #maincontent .section_padding {padding-bottom: 30px;}
.product-info-main .all_ratting .rating-summary{margin-right: 3px;margin-top: -6px;}
.product_left_col .testimonial_block#reviewCon{padding-top: 0;}
 @media (max-width:1100px){
    .page-products .fmeproductfinder-block{padding: 0;}
 }
 
 @media (max-width:1000px){
.car_listing .grid .car_detail .inc_vat{font-size: 13px;}
.car_listing .grid .car_detail .price span.inc_vat{font-size: 13px;}

 }
   @media (max-width:800px){
        .product_left_col .featured_table .table-wrapper .table{width: 100%; margin-bottom: 0;}
        .product_left_col .featured_table .table-wrapper .table  tr:first-child{border-top: none;}
        .product_left_col .featured_table .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr{display: table-row;}
        .product_left_col .featured_table .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td{display: table-cell; font-size: 13px; padding: 12px 10px 10px; width: 50%}
  .product_left_col .featured_table .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td.data:before{display: none;}
  .product_left_col .featured_table  .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody{display: table; width: 100%;}
  
  }
  
     @media (max-width:640px){
  .modal-content .inner_popup .brands.car_years ul li.swatch-option label{ height: 36px; font-size: 13px;color: #434e50;font-weight: 400;}
.modal-content .inner_popup .brands.car_years ul li.swatch-option input[type="checkbox"]:checked + label:after{height: 31px;line-height: 25px;border-radius: 5px 0 0 5px;padding-top: 7px;}
     }

  @media (max-width:360px){
  .login-container .g-recaptcha, .form-login .g-recaptcha div, .login-container .g-recaptcha, .form-login .g-recaptcha iframe{max-width: 250px !important; }
  .rc-anchor-normal-footer{display: none;}
  }
  
  
  
  
/*waleed*/
.banner_container .overlay_content h1{color:#fff;}
.footer.content ul{padding-right: 0px;padding-bottom: 10px;}
.page-title-wrapper .page-title{margin-bottom: 30px;}

 .testimonial_page_block .add a{font-weight: 600;}

.customer_review .title a{
  font-size: 16px;
  padding-top: 10px;
  text-transform: none;
  
  text-decoration: underline;display: block;color: #000;
}
.customer_review .title a:hover {text-decoration: none;color: #002c5e;}
#reviewform .modal-content{width: 700px;}
.modal-content #review-form{max-width: 100%;}
/*.field .label span{font-size: 15px;color: #2d2d2d;;text-transform: none;padding-bottom: 10px;line-height: 22px;}*/
.field .label span.price-notice{white-space: nowrap;}

.field .control textarea { width: 100%;height: 80px;border: 1px solid #e1e1e1;border-radius: 0px;font-size: 15px;color: #2d2d2d;;box-sizing: border-box;background-color: white;padding-left: 20px;padding-right: 10px;resize: none;outline: 0;padding-top: 20px;padding-bottom: 20px;}
.review-form .action.submit.primary {    background-color: #002c5e;border-radius: 0px;padding: 12px 26px;border: 0;outline: 0;color: #fff;font-weight: 600; text-transform: initial;cursor: pointer; font-size: 15px;}
.review-form .action.submit.primary:hover,.review-form .action.submit.primary:active,.review-form .action.submit.primary:focus { background-color: #003b7d; color: #fff;border:0;}
.modal-content .close{}
.modal .popup-inner-contant{padding: 40px;}


.contact_us_block .attachment .input-box input[type='file']{position: relative; width:100%}
.attachment .input-box input[type='file']{color: transparent;padding-top: 15px;}
#attachment::before {
content: 'Browse';  display: inline-block;  background-color: #e1e1e1;  border: 0;  border-radius: 3px;  padding: 10px 20px;  outline: none;  white-space: nowrap;
-webkit-user-select: none;  cursor: pointer;  font-weight: 700;  font-size: 15px;  color: #3c3c3c;  position: absolute;  right: 7px;  top: 7px;
}
#attachment::-webkit-file-upload-button {visibility: hidden;}
#attachment::before{right: 5px; top:5px;}
.attachment p{padding-top: 10px; color: #000; font-size: 13px;}

.contact_us_block .forms .submit button{    padding: 12px 26px;    padding-bottom: 10px;}
.modal-content .inner_height_block {/*height: 480px;*/ overflow: auto;}
#rfq-popup-content{z-index: 10px;}
/* #reviewform .modal-content .close{  position: relative;  top: 16px;  right: 22px;  cursor: pointer;} */

.close img{max-width: 100%;}
.modal-content .close{position: relative;top: 15px;right: 15px;cursor: pointer;}

#rfq-popup-content .modal-content{position: relative;}
.modal-content .rfqclose{top: 34px;right: 31px;cursor: pointer;}
.modal-content .inner_height_block{max-height: 60vh;max-width: 195vh;}
.fieldset .review-legend.legend strong{display: inline-block;padding-left: 10px;color: #003b7d;font-size: 18px; line-height: 22px;}
.fieldset .review-legend.legend {
    display: inline-flex;
    align-items: flex-end;
}
  .fieldset .review-legend.legend span{font-size: 18px;}
  
  .modal-content  form .field.review-field-nickname{width: 49%;}
  .modal-content  form .field.review-field-summary{width: 49%; margin-left: 2%;}
    .modal-content  form .review_fields{display: inline-flex; width: 100%;}
    .modal-content  form .review-field-ratings .label{display: none;}
 .modal-content form .review-field-ratings {margin-bottom: 0px;min-height: 40px;}
    
#rfq-popup-content .modal-content{padding-top: 0;}
/* #rfq-popup-content .modal-content .modal_header .close{top:-24px;right: 20px;} */
#rfq-popup-content .modal-content .modal_header .close{top:-24px;right: 0px;}
.fieldset .review-legend.legend{margin-bottom: 0px;}

.modal-content .block{padding-top: 0;}
#reviewform .contact_us_block{padding: 40px;}
#reviewform .modal-content .modal_header .title{float: none;width: 100%;margin: 0;}
.modal-popup .modal-header{ padding: 0; margin:0;    width: 100%;
  background-color: #fff;
  padding: 18px;
  box-sizing: border-box;
  position: relative;}
  .modal-popup .modal-title {
    border-bottom: 0;
    font-weight: 300;
    padding-bottom: 0;
    font-size: 26px;
    margin-top: 3px;
    word-wrap: break-word;
    color: #fff;
    font-size: 24px;
    text-transform: none;
    
    text-align: left;
  }
  .modal-popup .action-close:before, .modal-slide .action-close:before{content : url('../../frontend/Magento/hyundai_ksa/en_US/images/close_icon_white.png');position: absolute; top: 9px;right: 10px;}
  .catalog-product_compare-index .modal-popup .modal-content div {font-size: 18px;}
  @media (min-width:200px) and (max-width:700px) {
    .catalog-product_compare-index .modal-popup .modal-content div {font-size: 15px;line-height: 20px;}
  }
  @media (min-width:700px) and (max-width:900px) {
    .catalog-product_compare-index .modal-popup .modal-content div {line-height: 20px;}
  }

@media screen and (min-width:768px){
body.account .column.main .block .actions-toolbar{display: flex;flex-wrap: nowrap;}
body.account .column.main #delete_conform .actions #delete_account{padding: 12px 26px;font-size: 14px;text-transform: capitalize;margin-left: 0px;}
body.account .column.main #delete_conform .actions #delete_account span{vertical-align: unset !important;}
/*body.account .column.main #delete_conform{bottom: 28px;left: 5%;right: 2%;width: 90%;}
.customer-account-edit.account.page-layout-2columns-left .column.main .block{padding: 21px 15px 50px 15px;}*/
}
.customer-account-edit.account.page-layout-2columns-left .column.main{position: relative;}
body.account .column.main #delete_conform .actions #delete_account{width: 100%;background-color: #696969;width: 100%;padding: 12px 26px;font-size: 14px;text-transform: capitalize;background-color: #696969;}
body.account .column.main #delete_conform .actions #delete_account:hover{color: #fff;background-color: #002c5e;}
/*body.account .column.main #delete_conform .actions #delete_account span{vertical-align: sub;}*/
body.account .column.main #delete_conform {position: absolute;bottom: 198px;right: 180px;}
body.account .column.main #delete_conform button.action{display: inline-block;width: auto;min-width: 359px;padding: 0px 30px;height: 65px;font-size: 1.375rem;font-weight: 600;text-align: center;font-family: HyundaiSansHead, "Malgun Gothic", Dotum, 돋움, AppleGothicNeoSD, "Apple SD 산돌고딕 Neo", 굴림, arial, sans-serif !important;}
body.account .column.main #delete_conform button.action span{font-size: 22px;color: white;}
.modal-footer .action-primary span{padding: 10px;min-width: 80px;line-height: 24px;font-size: 17px;display: block;color: white;font-weight: 900;}
.modal-popup.confirm .action-secondary.action-dismiss span{padding: 10px;min-width: 80px;line-height: 24px;font-size: 17px;display: block;color: white;font-weight: 900;}

.modal-popup.confirm .delete_popup p:first-child{margin-top: 0px;}
.modal-popup.confirm .delete_popup p{font-size: 16px;font-weight: 800;padding-bottom: 10px;text-align: left;margin-top: 15px;}
.modal-popup.confirm .delete_popup span{font-size: 14px;display: block;padding: 5px;text-align: left;}
.modal-popup.confirm .modal-title{text-transform: capitalize;}


@media screen and (max-width:767px){.video_gallery .owl-theme .owl-nav{display:none}
body.account .column.main #delete_conform{border: 2px solid #eff2f5;padding: 0px 15px 21px 15px;border-top: 0px;position: unset;}
.customer-account-edit.account.page-layout-2columns-left .column.main .block{padding: 21px 15px 0px 15px;margin-bottom: 0px;border-bottom: 0px;}
.customer-account-edit.account.page-layout-2columns-left .column.main .block .form-edit-account .primary{margin-bottom: 0px;padding-bottom: 10px;}
}

  .modal-popup .modal-content{padding: 40px;width: 100%;padding-top: 30px;
    display: inline-block;
    box-sizing: border-box;padding-bottom: 20px;}
    .modal-content .block{padding: 0;margin-bottom: 0;}
    .modal-content .fieldset:last-child{margin: 0;}
    
    .actions-toolbar .primary .action{padding: 12px 26px;font-size: 14px;}
  form .field {font-size: 14px;color: #000;line-height: 20px;}
  .actions-toolbar .primary{float: none;}
  .modals-wrapper .modals-overlay{z-index: 899!important;background-color: rgba(0, 0, 0, 0.9);}
  .modal-popup .modal-inner-wrap{margin: calc(20vh - 50px) auto 0;}
  
  .form-create-account p{font-size: 14px;color: #000;line-height: 20px;}
  .modal-slide._inner-scroll .modal-content{overflow: unset;}
  .legend > span{font-weight: normal;font-size: 24px;color: #303030;text-transform: none; margin-top: 15px;display: block;}
    .form-create-account .fieldset.create.account:after{margin-top: 10px;font-size: 14px;}
    .modal-popup .modal-content{border: 0;}
    .product_review_block .rating img{max-width: 100%; width: 15px;}
    .product_review_block .modal_header .close{top: 12px;}
    
    .cms-about-us .page_main{padding-bottom: 0;}
    #innercontainer .columns{padding-top: 0;width: 100%;}
    .prodfaqs-index-index #innercontainer .columns {width: 100%;}
  .columns .specialtext{text-align: center;}
  #innercontainer .page-title-wrapper{padding-top: 20px;}
  .catalog-product-view #innercontainer .page-title-wrapper{padding-top: 0px;}
  .specialoffertitle .specialtext p {color: #2d2d2d;line-height: 24px;}
  .specialoffertitle .specialouterblock{padding-top: 0;}
  .search_widget .filter_li .button{background-color: #002c5f;
    color: #fff;
    border-bottom: 2px solid #002c5f;
    text-align: center;
    padding-left: 0;
    line-height: auto;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 600;
    width: 138px;
    height: 48px;padding:10px 20px;   padding-top: 15px;
    border-radius: 4px;}
    header .right_menu a{    padding-bottom: 18px;}
    .modal-content .modal_header{background-color: #002c5f;padding: 17px;}
      .modal-content{border:0}

      .modal{z-index: 20;padding-top: calc(20vh - 50px);}
      .static_four_col ul p{     line-height: 24px;      }
      .search_widget .car_filter ul .filter_li{vertical-align: top;}
      .car_listing .tab button{box-shadow:none;}
      .car_listing .grid .car_img .warranty_badge{line-height: 12px;}
      .footer_two_col .right_col .inner_box{max-width: 600px;}
      .header .right_menu a{padding: 28px 15px;padding-bottom: 19px;}
      .car_listing .tab button{line-height: 19px;font-weight: 400;}
      .modal-content .inner_popup .next_btn .model_select_all .label span{position: relative;vertical-align: super;top: -4px;}
      
        .static_four_col ul p{line-height: 22px;font-size: 15px;}
        .bottom_social_block .copyright span{line-height: 18px;}
      
        .bottom_social_block .copyright span a{font-size: 14px;padding: 0px 10px; color: #69707c;}


.fotorama--fullscreen{z-index: 9994!important;}

        .bottom_social_block .copyright{padding:0px 10px;}

        .search_widget .car_filter ul .filter_li .filter_btn{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

        .filter-options-title{overflow:unset ;position: unset;}
        .filter-options .filter-options-title{padding: 15px 40px 15px 20px; }
 .modal.out-of-stock-product .modal-content .modal_header {padding: 20px;}
/*responsive new changes*/

@media (max-width: 1380px)
{
  
  .footer_two_col .right_col .text .customer{font-size: 26px;}

  
}

@media (min-width:901px) {

  .responsive_block{display: block!important;height: auto!important}
  }

  @media (max-width:900px) and (min-width:200px) {
    .pages .pages-items .item .page {
      font-size: 14px;
      width: 36px;
      height: 36px;
      line-height: 36px;
    }

    .pagination ul li.item a.previous, 
    .pagination ul li.item a.next {
      font-size: 14px;
    }

    .pages .action.next {
      margin-left: 0;
      padding: 0;
    }
    .pages-item-next,
    .pages-item-previous {
      position: unset;
    }
    .block.specail_offer_block .middle-paragraph,
    .faqs_block  .middle-paragraph { display: none; }
    .header .account_link a.login_icon.active{width: auto;}
    .header .account_link a.login_icon,
    .header .account_link a.login_icon.active{background-size: 18px; margin-top: 4px; height: 25px; padding: 0; margin-right: 0px;width: 25px;}
.product_detail_block .right_col_detail .price .price {
    font-size: 22px;font-weight: bold;
}
.header .account_link .customer_name{display: none;}
    .header .minicart-wrapper{padding : 0px; padding-top: 6px;}
    .header .right_menu{padding-top: 3px;}
    .header .minicart-wrapper img.icon{width : 18px ; max-width:100%;height :auto;}
    .car_listing .tab button{line-height: 15px;}
    .footer.content { border-top: 0px; padding-top:0px ; }
  .page-footer {margin-top: 0px;}

  .main_footer .detail .col ul {padding-top: 15px; padding-bottom: 10px;}
  .header .logo img{margin: 0 auto;}

  .product-item .price-box{margin-bottom: 10px;}
  .car_listing .grid .car_detail .price{font-size: 17px;}
  .product-item .tocart.action.primary{font-size: 12px;}
  .page-title.base{font-size: 16px;margin-bottom: 20px;line-height: 20px;}

  #rfq-popup-content .modal-content{width: 100%;}
  #rfq-popup-content .contact_us_block{padding: 20px 15px; padding-top: 0px;width: 100%;}
  #rfq-popup-content .contact_us_block .forms{padding-bottom: 0px; margin-bottom: 0px; }

  .fieldset .review-legend.legend span{font-size:15px;}
  .fieldset .review-legend.legend strong{font-size: 20px;}
  #rfq-popup-content .actions-toolbar{display: inline-block;}
  .block-content .actions-toolbar{display: inline-block;}
  .modal-content .actions-toolbar .primary{width: 100%;}
  #reviewform .fieldset{margin-bottom: 20px;}
  .customer_review .title a{font-size: 14px;}
  .close img{width:13px;}
  #rfq-popup-content .modal-content{position: relative;}
  #modal-header .modal-content{position:absolute;}
  .modal-content .rfqclose{top: 11px;right: 24px;cursor: pointer;}
  .close img{width: 15px;}
  #rfq-popup-content{padding-top: 70px;}
  #rfq-popup-content .modal-content .modal_header .close{top: -25px;right: 2px;}
  #rfq-popup-content .modal-content .modal_header {padding: 17px;}
  #reviewform .modal-content .modal_header{padding: 15px 38px;}
  #reviewform .modal-content .close {right: -20px;}
  .modal-content .modal_header {padding: 15px 38px;}
  .modal.out-of-stock-product .modal-content .modal_header {padding: 17px;}
  #reviewform .modal-content .close{top: 6px;}
  .modal-content .close {right: -20px;}
  #reviewform .contact_us_block{padding: 15px;padding-top: 30px; border: none;}
  .modal-popup.modal-slide{left:0;padding: 15px;}
  .modal-popup .modal-content{border-radius: 0;}
  .specialoffertitle .page-title{font-size: 16px;}
  #innercontainer .specialoffertitle{display: unset;}
  .header .logo a.logo{display: inline;}
  .header .right_menu a{padding: 0 !important;}
  .search_widget .choose_car .base_filter{margin-top: 6px;}
  .search_widget .choose_car .base_filter .swatch-option.text label{width: 85px;height: 30px;font-size: 12px;text-align: center;line-height: 28px;padding-left: 0px;font-weight: 400;}
  .search_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label{padding-left: 33px;}
  .search_widget .choose_car .base_filter .swatch-option.text input[type="checkbox"]:checked + label::after{transform: scale(0.6);top: calc(24% - 4px);}
  .header .right_menu .language a{ font-size: 13px; margin-top: -5px;}
  .search_widget .choose_car { padding: 15px 10px;padding-left: 13px;}
  .footer_two_col .left_col span{font-size: 18px;}
  .static_four_col ul p {line-height: 21px;font-size: 14px;}

  .modal .modal-content{width: 100%;}
  .modal-popup .modal-content{padding: 20px 15px;}

    }

    @media (max-width: 449px) and (min-width: 200px)
    {
.search_widget .action.primary{padding: 0;width: 100%;height: 40px; padding-top: 3px;}

    }


    @media (max-width: 749px) and (min-width: 400px)
    {
      .product-item .tocart.action.primary{font-size: 11px;}
      .car_listing .grid .car_detail .price{font-size: 14px;}
      .product-item .price-box .price{font-weight: 400px;}

    }


    @media (min-width: 200px) and (max-width: 500px)  
    {
     
      #rfq-popup-content .contact_us_block .forms .half_width
      {
        /* margin-bottom: 20px; */
        margin-right:0 ;
        width : 100%;
      }
      #rfq-popup-content .contact_us_block .forms .full_width
  {
    width: 100%;
  }
    }
    
    @media (min-width: 600px) and (max-width: 900px)  {
      #rfq-popup-content .modal-content { width: 90%;padding: 0px;}
    }
    @media (min-width: 200px) and (max-width: 640px)
    {

      .fieldset .review-legend.legend span {
        font-size: 14px;
        
      }

      .fieldset .review-legend.legend strong {
        font-size: 14px;
      }

      .modal-content form .field.review-field-nickname,
      .modal-content form .field.review-field-summary {
        width: 100%;
      }

      .modal-content form .review_fields {
        display: block;
      }

      .offer_carousel .special_offer_btn {
        margin-top: 5px;
    }

      .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark,
      .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount {
        width: 50%;
      }
      .car_listing .tab button {
        margin-top: 0;
        margin-bottom: 0;
      }
      .modal-content .inner_popup .brands.car_years ul {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
        grid-gap: 0.8rem;
      }
      #reviewform .modal-content{width: 93%;}
.modal-content #opc-new-shipping-address.inner_height_block {
    max-height: 60vh;
}
      .modal-content .inner_popup .old_new_car label{font-size: 12px;
        width: 88px;
        height: 35px;line-height: 33px;}

        .modal-content .inner_popup .old_new_car input[type="checkbox"]:checked + label::after{transform: scale(0.7);
          top: calc(24% - 6px);
          left: 10px;}

          .modal-content .inner_popup .brands.car_makes ul li.swatch-option label {
            min-height: 110px;padding: 0px 10px;}
            .modal-content .inner_popup .brands ul{text-align:center;}
        
            .modal-content .modal_header .close {top: 0px;}
            .modal-content .modal_header .back{top: 10px;}
            .modal-content .modal_header #out_of_stock_close.close {
  top: -18px;
  right: 5px;
}
           
      .modal-popup .modal-title{font-size: 18px;}
      .search_widget .choose_car span.static_label {    line-height: 20px; margin: 0;}
    }
    @media (min-width: 641px) and (max-width: 900px)
    {
      #reviewform .modal-content{width: 90%;}
      .modal{padding-left: 15px;padding-right: 15px;box-sizing: border-box;}
      .close img {width: 14px}

      .modal-content{width: 610px;}
      #reviewform .modal-content .close {    top: 10px;}
      
      
    }
    
   
  
    @media (min-width: 450px) and (max-width: 900px){
      .search_widget .filter_li .button{    width: 100%;
        height: 40px;
        line-height: 43px;font-size: 14px;padding: 0px;text-align: center;}
      .search_widget.listing_widget .filter_li .button {
    width: calc(100% - 4px);
       }
    }

       @media (max-width: 1100px) and (min-width: 901px){
       .search_widget .choose_car {padding: 40px 20px;    padding-bottom: 38px;}
       .search_widget .choose_car span {font-size: 15px; margin-right: 10px;margin-left: 0px;}
     
       .search_widget .filter_li .button{    width: 105px;font-size: 15px;}

      }

      @media (min-width: 901px) and (max-width: 1240px) {
      .footer_two_col .right_col .text p {
        font-size: calc(2px + 1vw);}
        .footer_two_col .right_col .text span {
          font-size: 19px!important;}
          .header .logo{max-width: 100%;}

      }

      @media (min-width: 768px)
         {
          .form.create.account{min-width: 100%; width: 100%;    margin-bottom: 20px;}
         }

      @media (max-width:400px){
        .g-recaptcha, .form-login .g-recaptcha div, .login-container .g-recaptcha, .form-login .g-recaptcha iframe, .form-create-account-wishlist .g-recaptcha iframe, .form-create-account-wishlist .g-recaptcha , .form-create-account-wishlist.g-recaptcha div{max-width: 235px !important;
    box-shadow: 1px 0px 0px 0px #aaa;}
         .rc-anchor-normal-footer,
         .rc-anchor-normal .rc-anchor-pt{display: none;}
       

         }
.form-create-account-wishlist .g-recaptcha iframe{margin-top: 20px;}

  @media (max-width: 768px){
    
    .modal-slide._inner-scroll .modal-content{margin: 0}
    .modal-content #opc-new-shipping-address.inner_height_block {
    max-height: calc(66vh - 50px);
}
  }

/*/ kamran /*/
.checkout-index-index .shipping-address-checkout {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}

.checkout-index-index .shipping_detail_block.login-checkout .fieldset.billing-new-address-checkout {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}

.checkout-index-index .checkout-payment-method .field-select-billing, 
.checkout-index-index .checkout-payment-method .billing-address-form {
max-width: 100%;
}

.checkout-index-index .pickuptime {
padding-top: 10px;
padding-bottom: 10px;
}

.checkout-index-index #newcontent {
padding-top: 10px;
padding-bottom: 10px;
}

.checkout-index-index #fmestorepickup .control.field {
display: block;
}

@media only screen and (min-width: 200px) and (max-width: 700px) {

.modal-content .inner_popup .brands.car_models ul li.swatch-option label{min-height: 94px;}

.checkout-index-index .login-checkout,
.checkout-index-index .shipping-address-checkout,
.checkout-index-index .shipping_detail_block.login-checkout .fieldset.billing-new-address-checkout {
display: grid;
grid-template-columns: 1fr;
}
}

.additional_fields_container .field input{ width: 0%; }

.checkout-index-index .pw_email.actions-toolbar .secondary a.action { margin-top: 20px; }

.checkout-index-index .pw_hidden_fields .pw_hidden_field_text { margin-bottom: 15px; }

.checkout-payment-method .payment-method-content{width: 100%;padding: 20px 15px;box-sizing: border-box;}

.checkout-index-index .address_checkbox {

background-color: #7c7c7c;
top: 0;
left: 0;
height: 20px;
width: 20px;
border: 1px solid #e1e1e1;
border-radius: 5px;
border-style: solid;
border-width: 1px;
display: inline-block;
margin-right: 10px;
margin-top: -5px;
}

.checkout-index-index .address_label {
font-size: 15px;
color: #000000;
margin-bottom: 25px;
font-weight: 600;

padding-left: 40px;
}

.checkout-index-index .checkout-payment-method .checkout-billing-address .billing-address-details {
  margin-left: 36px;
}

.checkout-index-index .checkout-payment-method .checkout-billing-address .billing-address-details,
#checkout-step-shipping .field.addresses {
font-size: 15px;
line-height: 25px;
color: #000000;
padding-bottom: 10px;

padding: 0;
}

.checkout-index-index #checkout-step-shipping .field.addresses {
  padding-bottom: 20px;
}

.checkout-index-index .payment-option-content .actions-toolbar { margin-top: 10px; text-align: left;}

.payment-option-content .actions-toolbar button { line-height: normal; }

.checkout-index-index .billing-new-address-checkout { display: inline-block; }

.checkout-index-index .shipping_detail_block.login-checkout .field .label span { display: inline; }

.opc-progress-bar { display: none; }

.checkout-index-index .modal-popup .form-shipping-address { max-width: 100%; }

.checkout-index-index .modal-content { background-color: #f4f4f4; }

.checkout-index-index .modal-popup.modal-slide .modal-footer { 
  padding-bottom: 1rem;
  padding-top: 1rem;
  border-top: none;
background-color: #f5f3f4;
}

.checkout-index-index .action.secondary.action-hide-popup { display: none; }
  @media (min-width:200px) and (max-width:900px){
  
    .page-title-wrapper h1 {
      font-size: 20px;
      margin-bottom: 20px;
      line-height: 20px;
    }

    .page-title-wrapper .page-title { margin-bottom: 0; }

    .page-title-wrapper { margin-bottom: 20px; width: 100%; padding-top: 20px;}

    #password-strength-meter-container { font-size: 12px; }
  
  }
 
  
  .login_block .left_forms .fieldset .login { width: 100% }
  .login_block .left_forms .fieldset .login .primary {width: 100%;}
  .vechile_detail .action.edit:before,
.vechile_detail .action.delete:before {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 18px;
line-height: 20px;
color: #757575;
content: '\e601';
font-family: 'luma-icons';
vertical-align: middle;
display: inline-block;
font-weight: normal;
overflow: hidden;
speak: none;
text-align: center;
}
.vas_block .right_col .vechile_detail .title.title_static a.action.edit{margin: 0;}

.vechile_detail .action.edit::before{display: none;}

.vechile_detail .action.delete:before {
content: '\e604';
}

.shipping_detail_block .showroom_field {
padding: 0;
}

.showroom_field #fmestorepickup {
padding: 20px 25px;
}

.vas_block .right_col .vechile_detail span + span.title{}

.right_col .aggrement p { margin-left: 30px; }
.checkout-index-index .action.primary.checkout { display: none; }
.checkout-index-index #fmestorepickup .control.field { display: inline-flex; }
.shipping_detail_block .showroom_field .field .label span {  padding-top: 10px; font-weight: 500; }

.shipping-address-item { 
  padding: 20px;
  box-sizing: border-box;
  border: 2px solid #e7e7e7;
}

button:not(.primary), .checkout-payment-method .checkout-billing-address .primary .action-update,.shipping-address-item .action.primary{text-transform: none;background-color: unset;box-shadow: none;border: 0;}

#pop_generate_otp.button,.hdmx__ticket-reply .actions-toolbar .action.secondary{

margin-top: 15px;
font-size: 15px;

padding: 10px 20px;
border-radius: 0px;
margin-bottom: 15px;
text-transform: none;
background-color: #002c5f;
box-shadow: none;
border: 0;
color: #fff;
}

.hdmx__ticket-reply .actions-toolbar .action.secondary {
  margin-top: 0;
  height: auto;
  min-width: 10px;
  line-height: 2.1rem;
  padding: 5px 20px;
}

#pop_generate_otp.button span{ color: #fff;}
.shipping-address-item.selected-item { 
  background: #fff;
position: relative;
}
.shipping-address-item.selected-item:before{  
  content: url('../../frontend/Magento/hyundai_ksa/en_US/images/approved.png');
  right: -10px; top:-10px; position: absolute;
}

.modal-content #opc-new-shipping-address.inner_height_block{max-height: 44vh;}
.shipping_detail_block .showroom_field .field .label { width: 35%; }

.checkout-index-index .pickuptime {
  padding-top: 10px;
  font-size: 15px;
  line-height: 25px;
  color: #000000;
  padding-bottom: 10px;
  
  padding: 0;
}

.vas_block .back_next_btn .next,
.action.primary { line-height: 20px; }

.vas_block .back_next_btn .next { box-shadow: none; }

.checkout-index-index .shipping-address-items {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}


@media only screen and (max-width: 600px) {
  .checkout-index-index .shipping-address-items {
    display: grid;
    grid-template-columns: 1fr;
  }
}


.review_payment_block .paying_card .bank_portal {
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 98%;
}

@media only screen and (max-width: 520px) {
  .review_payment_block .paying_card .bank_portal {
    background-image: none;
  }
}

.review_payment_block .paying_card .bank_portal {
  padding: 20px 25px;
  padding-right: 12px;
  padding-top: 20px;
  margin-bottom: 0px;
}
.bottom_social_block .copyright-links { font-size: 14px;}



label.address_label{font-size: 15px; position: relative; color: #2d2d2d;;display: block;position: relative;padding-left: 35px;cursor: pointer;}

label.address_label::after {
  background-repeat: no-repeat;
  background-position: center;
  content: '';
  left: 9px;
  top: -4px;
  width: 11px;
  height: 11px;
  position: absolute;
  background-color: #eee;
  padding: 4px;
  background-size: 13px;
  border-radius: 0px;
  border: 2px solid #999999; background: #fff;
}

 input[type="checkbox"].address_checkbox:checked + label.address_label::after{
   background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/tick_icon_checkbox-1.png"); background-color: #fff; background-repeat: no-repeat;
background-size: 15px;
background-position: 2px;border: 2px solid #0E306C;
}
input.address_checkbox[type="checkbox"]{display: none;}

.block-reviews-dashboard .items .item .product-name a{color:#303030}
.block-reviews-dashboard .items .item .product-name a:hover{color:#003b7d}
.box-content address a{color:#303030}

@media only screen and (min-width: 200px) and (max-width: 520px) {
  .right_col .vechile_detail .vad_services ul li {
    padding: 13px 10px;
  }

  .right_col .vechile_detail .vad_services ul li span,
  .right_col .vechile_detail .vad_services ul li strong {
    font-size: 12px;
    line-height: 17px;
  }
}

.account .data.table .col.actions a.action.order{display:none;}
.account .data.table .col.actions a.action.view::after{display:none;}
.account .order-actions-toolbar .action.order{display:none;}


.account .page-main .page-title-wrapper .page-title{margin-right:0;}
.account .messages{margin-bottom:0;}

@media only screen and (min-width: 200px) and (max-width: 900px) {

  .car_listing .grid .product-items { margin: 0; margin-bottom: 10px; }

  .listing_widget{ margin-top: 0; }

  .action.primary {
    font-size: 13px;
    padding: 9px 18px;
  }

  .shipping-address-item {
    padding: 10px;
    line-height: 22px;
    font-size: 13px;
  }

  .shipping-address-item .action-select-shipping-item {
    margin-top: 10px;
  }

  .header {
    min-height: auto;
  }

  .abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .customer-review .review-details .title > strong, .customer-review .review-details .title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span, .account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > strong, [class^="sales-guest-"] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > span{font-size:16px;}
}

.product_left_col .customer_review {
  padding-bottom: 20px;
} 

.legend > span,
.fieldset.create.account span{
  font-size: 18px;
}

.fieldset.create.info span {
  margin-top: 20px;
}

.legend {
  border-bottom: none;
}


.order_box{ padding: 25px; line-height: 14px !important; padding-bottom: 8px;}

.order_box .label.title .order_box_heading { 
  color: #2d2d2d;
  
  font-size: 18px;
  text-transform: none;
}

.fieldset .order_box .label.title::after {
  content: none;
}

.car_listing .grid .car_detail .name {
  padding: 0px 25px;
  padding-bottom: 5px;
}

.car_listing .grid .car_detail .name a {    
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.field.choice .label::after {
  height: 10px;
}



.right_col_detail .cash_option .tab button{border-radius: 0;
  padding: 0;
  line-height: 21px}


.right_col_detail .cash_option .tab{
  display: inline-block;}

  .right_col .vechile_detail .vechile .detail strong {
    text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
  }

  @media only screen and (min-width: 775px) and (max-width: 1000px) {
    .car_listing .grid .product-items {
      grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
      grid-gap: 1.2rem;
    }
  }

  @media only screen and (min-width: 1001px) and (max-width: 1240px) {
    .car_listing .grid .product-items {
      grid-template-columns: repeat(auto-fill, minmax(285px, 1fr));
      grid-gap: 1.6rem;
    }
  }

  .minicart-wrapper .action.showcart .counter.qty{display: none;}


  #newsletter-validate-detail .messages{margin-top: 10px;}
#newsletter-validate-detail .messages .message > :first-child::before {width: 33px;}

#newsletter-validate-detail .messages .message {padding: 10px; padding-left: 50px;}

.special_offer_btn {
  width: 100%;
  text-align: center;
  margin-top: 25px;
}

.special_offer_btn a {
  color: #000000;
  border: 1px solid #000;
  font-size: 16px;
  text-transform: uppercase;
  padding: 16px 32px;
  display: inline-block;
  border-radius: 4px;
  padding-top: 18px;
}

.special_offer_btn a:hover {
  background-color: #002c5f;
    color: #fff;
    border: 1px solid #002c5f;
}

.special_offer.owl-carousel .owl-item img{border-radius: 4px;}

@media only screen and (min-width: 200px) and (max-width: 900px) {
  .special_offer_btn {
    margin-top: 10px;
  }

  .special_offer_btn a {
    font-size: 12px;
    padding: 10px 18px;
    padding-top: 12px;
  }
}

@media (min-width:400px) and (max-width:900px){
  .car_listing .grid .car_detail .more_links ul .line.line1 {
    display: none;
  }
}


@media (min-width:200px) and (max-width:600px){
  .bottom_social_block .copyright span a {
    font-size: 13px;
    padding: 0px 8px;
    display: block;
  }
  .bottom_social_block .copyright {
    padding: 5px 10px;
  }
  .bottom_social_block .copyright {
    font-size: 13px;
  }
  .bottom_social_block .copyright span {
    line-height: 22px;
  }
}

.filter-options-title:after {
  position: absolute;
  right: 13px;
  top: 16px;
  display: none;
}

.toolbar .pages {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 25px;
}

.toolbar{margin-bottom:0;}

.pages a.page:visited{ color: #2d2d2d;}

.pages .action.next:before,
.pages .action.previous:before {
  content: 'Next';
  border: 0;
  background-color: transparent;
  font-size: 15px;
 
  padding: 0 10px;
  color: #fff;
}

.pages .action.previous:before {
  content: 'Prev';
}

.page-layout-1column .column.main .product_detail_page.product-info-main{width: auto;}

@media (min-width: 200px) and (max-width: 900px) {
  .pages .action.next:before, 
  .pages .action.previous:before {
    font-size: 14px;
  }

  .toolbar .pages {
    padding-top: 0;
  }

  /* filters listing page */
  .filter-content ul li {display: inline-block;position: relative;padding-right: 0;margin-right: 0;margin-left: 0;}
  .filter-current .items {display: inline-block;padding: 0;padding-bottom: 5px;}
  .filter-content {width: 100%;display: inline-block;}
}

.about_us_testimonial .item.comment {
  background-color: #fff;
}

.sidebar .block.block-collapsible-nav ul li.item.current,
.block-collapsible-nav .item a, 
.block-collapsible-nav .item > strong {
   
}

.block-collapsible-nav .item a:hover {
  color: unset;
  background: unset;
  border-right: 0px solid #f5f3f4;
}

.block-collapsible-nav .item .delimiter {  
  margin-top: 15px; 
 border-top: 1px solid #d6d6d6;
  padding-bottom: 15px;
}


.block-collapsible-nav .item a, .block-collapsible-nav .item > strong { padding: 10px 18px 10px 20px; color: #000;}

body.account .column.main .block { padding: 30px 25px; }

.account .column.main .block:not(.widget) .box-title {     margin: 0 0 20px; border-radius: 4px;}
.account .column.main .block:not(.widget) .box-title > span {    font-size: 16px; color: #000;}

.account .column.main .block.block-order-details-view .block-content:not(.widget) .box .box-content, .account .column.main .block:not(.widget) .block-content .box .box-content p { color: #2d2d2d; font-size: 15px;line-height: 24px;}

.block .box .box-actions {    margin-top: 15px;  }
.block .box .box-actions a {color: #0E306C;; font-size: 15px; }
body.account .box-content address {
  font-size: 15px;
  line-height: 24px;
  color: #2d2d2d;
  
  padding-bottom: 0;
}

.account .column.main .block:not(.widget) .block-title {
  margin-bottom: 15px;
}

.account .column.main .block:not(.widget) .block-title > .action { font-size: 15px; color: #000; }
.block-reviews-dashboard .items .item .product-name,
.block-reviews-dashboard .rating-summary .label span {
 
}
.account .page_share_btn {display: none;}

.account .data.table .col.actions a span {
  color: #0E306C;
}

.limiter-label,
.limiter-text {
  font-size: 14px;
 
}

.table-reviews .product-name {
  font-size: 15px;
  color: #2d2d2d;
}

@media (min-width: 320px) and (max-width: 767px) {
  .account.page-layout-2columns-left .sidebar-main {
    order: 0;
    margin-bottom: 20px;
  }
  .account .column.main .block:not(.widget) .block-content .box { width: 100%; }

  body.account .column.main .block {
    padding: 20px 15px;
    display: table; width: 100%;
  }

  .account.page-layout-2columns-left .sidebar-main .block {
    position: unset;
  }

.account .column.main .block:not(.widget) .box-title > span {    font-size: 15px; color: #000;text-transform: none;}
.account .column.main .block:not(.widget) .block-title > .action { font-size: 13px; }

.account .column.main .block:not(.widget) .box-title {     margin: 0 0 10px; }

.account .column.main .block:not(.widget) .block-title { margin-bottom: 10px;}

.table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr:last-child > td:last-child {border-bottom: 0;}

.block-collapsible-nav .title:after {
  top: 15px;
}


}

@media (min-width:400px) and (max-width:749px){

  .page-title-wrapper h1 {
    font-size: 19px;
    line-height: 25px;
  }
  
}

@media (min-width:750px) and (max-width:900px){

  .page-title-wrapper h1 {
    font-size: 28px;
    line-height: 32px;
  }

}

.block-collapsible-nav .title strong {
  font-size: 20px;
  color: #000;
  
  text-transform: none;font-weight: normal;
}
@media (min-width:200px) and (max-width:767px) {
  .block-collapsible-nav .title strong {display: none;}
  .block-collapsible-nav .title {padding: 0;}
}

.title.block-collapsible-nav-title {
  border: 0;
}

/* .block-collapsible-nav .title {
  padding: 15px 40px 13px 15px;
} */

.table > tbody > tr > td {
  padding: 13px 15px;
  padding-top: 17px;
  border-bottom: 1px solid #f5f3f4;
}

.table > tbody > tr > td {
  border-top: 0;
}

.account .table-wrapper {
  border-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .filter.active .filter-subtitle {
    font-size: 18px;
  }

  .filter_button_popup {
    width: 100%;
    border-bottom: 2px solid #002c5f;
    text-align: center;
    padding-left: 0;
    height: 48px;
    padding-top: 15px;
    line-height: 20px;
    font-size: 15px;
    background-color: #002c5f;
    background: #002c5f;
    padding: 15px 26px;
    box-sizing: border-box;
    outline: 0;
    border-radius: 4px;
    border: 0;
    text-transform: uppercase;
   
    font-weight: 600;
    cursor: pointer;
    color: #fff;
    display: block;
  }
  .filter.active .filter-options {
    padding-left: 10px;
    padding-right: 10px;
  }

  .layered-filter-block-container {
    margin-top: 0;
  }
}

.offer_carousel .special_offer_btn {
  margin-top: 20px;
}

.filter-options-content .count{
  white-space: nowrap;
}

.account .page-title-wrapper {
  margin-bottom: 10px;
}

table > tbody > tr > td.col.id {
  color: #000;
}

table > thead > tr > th {
  padding: 11px 15px;
}

@media (min-width: 200px) and (max-width: 900px) {
  .account .page-title-wrapper {
    margin-bottom : 15px;
  }
}

.block-collapsible-nav .item.current a {
  border-color: #003b7d;
}

.order-details-items {
  border: 2px solid #f5f3f4;
  
}

.account .data.table{    }

.order-details-items tfoot .amount, .order-details-items tfoot .mark {
  text-align: right;
  font-size: 15px;
}

.order-links .item strong{ border: 2px solid #f5f3f4;
  font-size: 16px;
}

.account .order_print {
  display: inline-flex;
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  
  align-items: center;
  justify-content: space-between;
  background-color: #f5f3f4;
  padding: 0px 25px;
  padding-top: 0px;
  box-sizing: border-box;
}
.account .order_print_layaway {
  /* display: inline-flex; */
  width: 100%;
  margin-top: 0;
  margin-bottom: 20px;
  
  align-items: center;
  justify-content: space-between;
  background-color: #f5f3f4;
  padding: 0px 25px;
  padding-top: 0px;
  box-sizing: border-box;
}

.account .order-status {
  border: none;
  font-size: 16px;
  
  padding-top: 13px;
  text-align: left;
}

.order-details-items .col.price .price-excluding-tax .price,
.order-details-items .col.subtotal .price-excluding-tax .price {
  font-weight: 400;
}

.account .column.main .order-details-items .table-wrapper .data.table tfoot .grand_total .mark strong,
.account .column.main .order-details-items .table-wrapper .data.table tfoot .grand_total .amount strong {
  
}

.account .column.main .order-details-items .table-wrapper .data.table tfoot > tr:last-child th, 
.account .column.main .order-details-items .table-wrapper .data.table tfoot > tr:last-child td {
  padding-bottom: 20px;
}

.account .block-order-details-view .box-title {
  font-weight: 400;
}

.account .column.main .block.block-order-details-view .block-content:not(.widget) .box-order-shipping-method .box-content,
.account .column.main .block.block-order-details-view .block-content:not(.widget) .box-order-billing-method  .box-content {
 
}

.order-details-items .table-wrapper:not(:last-child) {
  margin-bottom: 0;
}

.order-details-items.ordered .order-title {
  display: none;
}

.form-address-edit .actions-toolbar .action.primary {
  padding: 12px 26px;
  padding-top: 12px;
/*  font-size: 14px;*/
}

.password-strength-meter{font-size: 12px;padding-left: 0;}

.sidebar .block.block-collapsible-nav ul li.item:nth-child(4),
.sidebar .block.block-collapsible-nav ul li.item:nth-child(5),
.sidebar .block.block-collapsible-nav ul li.item:not(a):nth-child(4),
.sidebar .block.block-collapsible-nav ul li.item:not(a):nth-child(5){
  margin-left: 22px;
}

.sidebar .block.block-collapsible-nav ul li.item:nth-child(4) a strong,
.sidebar .block.block-collapsible-nav ul li.item:nth-child(5) a  strong {
  padding-left: 0;
  color: #003b7d;
  font-weight: bold;
  border-color: #003b7d;
}

.modal-popup._inner-scroll .modal-inner-wrap {
  max-width: 700px !important;
}

.pay_installment_form,
.pay_installment_form .field.amount-payment,
.installment-wrapper .amount-payment .amount-control {
  display: flex;
  align-items: center;
}

.installment-wrapper,
.installment-wrapper .amount-payment span {
 
}

.installment-wrapper .amount-payment span:first-child {
  color: #000;
}

.installment-wrapper .remaining-payment {
  margin-bottom: 20px;
}

.installment-wrapper .remaining-payment .remaining-payment-label {
  color: #000;
}


.installment-wrapper .remaining-payment label span.price {
 
  color: #003b7d;
}

.installment-wrapper .payment-note-top {
  font-size: 15px;
  margin-bottom: 30px;
}
.installment-wrapper .payment-note-top a.request { color: #0559F7; font-weight: 900; text-decoration: underline; }


.installment-wrapper .amount-payment span {
  margin-right: 15px;
}

.installment-wrapper .amount-payment .amount-control input {
  text-align: center;
  width: 120px;
  padding-left: 10px;
  border-radius: 0;
/*  padding-top: 3px;*/
  border: 1px solid #003b7d;
 
  color: #000;
  height: 50px;
}
.installment-wrapper .amount-payment .amount-control span {
  font-size: 18px;
}
.installment-wrapper .amount-payment span {
  font-size: 18px;
}

.installment-wrapper .amount-payment .amount-control input::placeholder {
 
  color: #000;
}

.pay_installment_form .actions-toolbar {
  margin-top: 0;
}

.installment-wrapper .amount-payment .amount-control {
  margin-right: 20px;
}

.pay_installment_form {
  margin-bottom: 20px;
}

.pay_installment_form .actions-toolbar .primary .action{
  width: 150px;
  height: 50px;
  border-radius: unset;
  line-height: 30px;
} 

.pay_installment_form .actions-toolbar .primary .action span {
 
  font-size: 16px;
}

.installment-wrapper .payment-note-bottom {
  font-size: 15px;
}

.filter-title strong {
  box-shadow: none;
}

.filter-options-content a:hover {
  background-color: transparent;
}

.order-links .item a {
  background: #ffffff;
  border: 2px solid #f5f3f4;
}

/*.order-links .item a,
.order-links .item strong {
  width: 150px;
}*/

.customer-review .product-media {
  float: none;
  width: 100%;
  margin-right: 0;
}

.customer-review .product-info h2 {
  text-align: left;
  font-size: 28px;
  margin-bottom: 20px;
}

.customer-review .product-reviews-summary {
  margin-bottom: 15px;
  
}

body.account .customer-review .product-details .product-info .all_ratting ul li {
  margin: 0 4px;
  vertical-align: bottom;
  font-size: 14px;
}

.customer-review .review-details .customer-review-rating .rating-label {
  font-size: 14px;
}

.customer-review .review-details .review-title {
  font-size: 24px;
  margin-top: 10px;
  margin-bottom: 10px;
  
}

.customer-review .review-details .review-content {
  
  font-size: 14px;
}

.customer-review .review-details .review-date {
  font-size: 13px;
  

}

.block-reviews-dashboard .rating-summary .label {
  font-weight: 500;
  margin-right: 10px;
  vertical-align: middle;
  font-size: 15px;
}

.order-details-items .items-qty .item {
  display: flex;
  justify-content: flex-end;
}

.order-details-items .item-options dt {
  clear: left;
  float: left;
  margin: 0 0px 5px 0; color:#000;
}

.order-details-items .item-options dd {
  display: inline-block;
  float: left;
  margin: 0 0 5px 10px;
  color: #777;
}
.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th strong,.account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td strong{font-weight: 600;}
.order-details-items .item-options dt::after{content:":";}

@media (min-width: 200px) and (max-width: 500px) {
  .pay_installment_form, .pay_installment_form .field.amount-payment, .installment-wrapper .amount-payment .amount-control {flex-wrap: wrap;}
  .installment-wrapper .amount-payment span:first-child{ margin-bottom: 10px; margin-top: 8px;}
  .installment-wrapper .amount-payment .amount-control input{width:215px}
  .pay_installment_form .actions-toolbar{ margin: auto; margin-top: 15px;}
  .installment-wrapper .remaining-payment .remaining-payment-label {font-size: 14px;}
  .installment-wrapper .amount-payment .amount-control {margin-right: 0;}
  .pay_installment_form .actions-toolbar .primary .action { height: 45px;line-height: 25px;}
  .pay_installment_form .actions-toolbar .primary .action span {font-size: 14px;}
}

@media (max-width: 767px) {
  .account .sidebar {background: unset;text-align: center;}
   .account .block-collapsible-nav .title{position: relative;display: inline-block; }
        .account .block-collapsible-nav .title:after {   top: -65px;
                right: auto;
                left: auto;
                content: "( Show menu )";
                text-decoration: underline; position: relative;
               font-size: 13px;
             
                
        }
         .account .block-collapsible-nav .title.active:after{ content: "( Hide menu )";}
  .block-collapsible-nav .content {border-bottom: 0;}
  .account .order_print .actions-toolbar.order-actions-toolbar, .account .order_print_layaway .order-date { font-size: 14px;     margin-top: 0px;}
  .installment-wrapper .remaining-payment .remaining-payment-label { font-size: 14px; }
  .installment-wrapper .payment-note-top {
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 18px;
  }
  .installment-wrapper .payment-note-bottom {
    font-size: 13px;
    line-height: 18px;
  }
  .order-links .item a, .order-links .item strong {width: 100%; font-size: 14px; padding: 0 15px;}
  .order-links .item {display: inline-block;}
  .order-details-items .item-options dd {
    margin: 0 0 6px;
  }
  .order-details-items .items-qty .item{ display: flex;}
}

@media screen and (min-width: 200px) and (max-width: 640px) {
  .order-details-items .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody .col.name {
    display: table;min-width: 100%;
  }
}

.account .page-title-wrapper { display: none; }

.contact_us_block .forms .margin_btm .fields span {
  margin-bottom: 0;
}

.contact_us_block .forms .margin_btm .fields.half-field {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
}

.contact_us_block .forms .margin_btm .fields.half-field .field, 
.contact_us_block .forms .margin_btm .fields.half-field .field input{
  width: 100%;
}

.contact_us_block .forms .margin_btm .fields.half-field .field.mr {
  margin-right: 12px;
}

.contact_us_block .map .title,
.contact_us_block .forms .title {
  font-size: 15px;
}

.contact_us_block .map .map_address {
 
}

.catalog-product-view .customer-popup-login .fieldset.login,
.catalog-product-view .form-create-account .fieldset.create.info,
.catalog-product-view .form-create-account .fieldset.create.account,
.catalog-product-view .out-of-stock-product .fieldset .out_of_stock_fields{
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.catalog-product-view .customer-popup-login .fieldset.login .field.email,
.catalog-product-view .form-create-account .fieldset.create.info .field,
.catalog-product-view .form-create-account .fieldset.create.account  .field{
  margin-right: 20px;
}
.catalog-product-view .out-of-stock-product .fieldset .field{
  margin: 0 20px 20px 0px;
}

.catalog-product-view .out-of-stock-product .fieldset .field.phone,
.catalog-product-view .out-of-stock-product .fieldset .field.comments{
  margin-right: 0;
}

.catalog-product-view .out-of-stock-product  input.mage-error, select.mage-error, textarea.mage-error {
  border-color: #ed8380 !important;
}
.catalog-product-view .out-of-stock-product .fieldset .field label{margin-bottom: 8px; display: inline-block;}

.catalog-product-view .form-create-account .fieldset,
.catalog-product-view .form.form-login .fieldset ,
.catalog-product-view .out-of-stock-product .fieldset {
  margin: 0 0 15px;
}

.catalog-product-view .out-of-stock-product .block-content.popup-inner-contant p{text-align: left;}
.catalog-product-view .out-of-stock-product .mainLabelDiv p {
margin-bottom: 40px;
color: #000;
font-size: 1rem;
line-height: 1.5rem; text-align: left;
}

.catalog-product-view .fieldset.create.account span {
  font-size: 15px;font-weight: normal;
}
.catalog-product-view .fieldset.create.account .legend span {
  font-size: 18px;font-weight: normal;
}
.catalog-product-view .fieldset.create.account .password-strength-meter span {
  font-size: 12px;
}

.catalog-product-view .form-create-account .fieldset.create.account {
  margin-bottom: 20px;
}


/*/ end kamran /*/

.video_gallery .product_tumbnail .item{ height: 122px;}

.video_gallery .product_tumbnail .item img{max-width: 100%; height: auto; max-height: 100%; width: auto;}
.video_gallery .product_tumbnail .item a.thumb_link{display: block;border: 2px solid #ffffff; box-sizing: border-box;}
.video_gallery .product_tumbnail .item.gal_thumb.active a.thumb_link{border: 2px solid #3e4c50;}
.video_gallery #video_main{display: inline-block;}
.video_gallery #video_gal{position: relative;}

.video_gallery .owl-carousel .owl-nav button.owl-next{background-color: #bbb;
transition: background-color 0.3s ease-in-out; position: absolute; top: 0; left: auto; right: 0; width: 34px;
z-index: 1000; margin: 0;height: 100%; border-left: 4px solid #eaeaea; background-image: url(../../frontend/Magento/luma/en_US/FME_Testimonials/images/next_arrow.png); background-repeat: no-repeat;
background-position: center;
}

.video_gallery .owl-carousel .owl-nav button.owl-prev{background-color: #bbb; margin: 0;
transition: background-color 0.3s ease-in-out; position: absolute; top: 0; left: 0; right: auto;width: 34px;
z-index: 1000;border-right: 4px solid #eaeaea; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/previous_arrow.png); background-repeat: no-repeat;
background-position: center;
height: 100%}

.video_gallery .owl-carousel .owl-nav button.disabled{display: none;}
.video_gallery .owl-carousel .owl-nav button span{display: none;}
.video_gallery .owl-theme .owl-dots .owl-dot{height: 30px;
width: 18px;}
.video_gallery .owl-theme .owl-dots .owl-dot span{border-radius: 6px;
border: 1px solid #858585;
display: block;
height: 4px;
left: 6px; margin: 0;
position: relative;
top: 12px;
width: 4px;
}
.video_gallery .owl-theme .owl-dots .owl-dot.active span{background-color: #ff5501;
border-color: #ff5501;
}

.fancybox-is-open .fancybox-bg{background: #fff; opacity: 1 !important;}
.fancybox-button.fancybox-button--close{height: 80px;
right: 0;
top: 0;
width: 80px;
z-index: 1000; background-color:#fff; background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/gallery.png');
background-repeat: no-repeat; background-position: -80px 0;
}
.fancybox-button.fancybox-button--close svg{display: none;}
@media screen and (min-width: 768px) {
.video_gallery .owl-theme .owl-dots{display: none;}
}
@media screen and (max-width: 767px) {
.video_gallery .owl-theme .owl-nav{display: none;}
}

.product_detail_block .product_left_col .media .photo_media li span{cursor: pointer;background-color: #e5dcd3;padding: 13px 43px;color: #000;font-size: 13px;}

.fotorama--fullscreen .photo_media{display: none;}

.block.select_bank{}
.block.select_bank ul{text-align: center;}
.block.select_bank ul li{display: inline-block; position: relative; border-radius: 5px; padding: 20px 10px; background: #ffff; margin: 10px; vertical-align: top; vertical-align: top;
width: calc(20% - 45px);}
.block.select_bank ul li span.selected{position: absolute;right: -10px; top:-10px;}


.block.selected_bank{}
.block.selected_bank .selected_bank_img{text-align: center;}


@media (min-width: 200px) and (max-width: 767px) {
.block.select_bank ul li{width: calc(50% - 45px);} 
}

.form-create-account .fieldset.create.account:after {
  display: none;
}

.catalog-product-view .modal .modal-content {
  width: 600px;
}

.catalog-product-view .block-content.popup-inner-contant p {
  text-align: center; line-height: normal;
}

.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more {
  text-align: center;
    margin-top: 20px;
}

.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.delete_quote {
  margin-right: 10px;
}
.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.delete_quote,
.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.move_to_checkout {
  width: 46%; display: inline-block;
}

.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .or-seperator {
  display: inline-block;
  margin-right: 10px; margin-top: 11px;
}
.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.delete_quote a {
  background-color: #535f62;
}

.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn a {
  padding: 14px 25px;
  padding-top: 16px;
  font-size: 14px;
  border-radius: 0px;
}

@media screen and (max-width: 767px) {
  .catalog-product-view .customer-popup-login .fieldset.login,
  .catalog-product-view .form-create-account .fieldset.create.info,
  .catalog-product-view .form-create-account .fieldset.create.account {
    display: grid;
    grid-template-columns: 1fr;
  }
  .catalog-product-view .form-create-account .fieldset.create.account {
    margin-top: 15px
  }
  #customer-popup-form-register .fieldset.create.account .field.confirmation {}
  .catalog-product-view .customer-popup-login .fieldset.login .field.email, 
  .catalog-product-view .form-create-account .fieldset.create.info .field, 
  .catalog-product-view .form-create-account .fieldset.create.account .field {
    margin-right: 0;
  }
  #customer-popup-login-form .fieldset .tooltip.wrapper,  #customer-popup-login-form-wishlist .fieldset .tooltip.wrapper {display: none;}
  #customer-popup-login-form .fieldset #remember-me-box label,#customer-popup-login-form-wishlist .fieldset #remember-me-box label {display: inline;}


  
 .account .sidebar .block.block-collapsible-nav ul{text-align: left;}
 .login_page_container .login_block{display: inline-flex;width: 100%;}
}

@media screen and (min-width: 200px) and (max-width: 900px) {
  .catalog-product-view .block-content .actions-toolbar {
    width: 100%;
    margin-top: 0;
  }
}

@media screen and (min-width: 200px) and (max-width: 600px) {

  .catalog-product-view .out-of-stock-product .fieldset .out_of_stock_fields{grid-template-columns: 1fr;}
  .catalog-product-view .out-of-stock-product .fieldset .field{width: 100%;}
  .cms-privacy-policy .sidemenu {
    display: none;
  }

  .catalog-product-view .modal .modal-content {
    width: 95%;
  }

  .catalog-product-view .modal .popup-inner-contant {
    padding: 30px;
  }

  .catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.delete_quote, 
  .catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.move_to_checkout {
    width: 100%;
  }

  .catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn.delete_quote {
    margin-right: 0;
  }

  .catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn {
    display: block;
  }

  .catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .or-seperator {
    margin-right: 0;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

.catalog-product-view .review-control-vote label:before,
.review-control-vote:before {
  font-size: 18px;
  height: 18px;
  letter-spacing: 10px;
  line-height: 18px;
  color: #FFBF07;
}

.catalog-product-view .review-field-rating .control {
  margin-bottom: 30px;
}

.fieldset {
  margin: 0 0 0px;
}

.modal-content form .field.review-field-summary {
  margin-left: 20px;
}

.catalog-product-view #rfq-popup-content .modal-content {
  width: 50%;
}

@media (min-width: 200px) and (max-width: 640px) {
  .modal-content form .field.review-field-summary {
    margin-left: 0;
  }

  .modal-content form .review_fields {
    margin-bottom: 15px;
  }

  .product_left_col .all_ratting ul {
    text-align: unset;
    padding: 5px;
    border-radius: 4px;
    background-color: #f4f4f4;
  }

  .breadcrum ul li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
  }

  .heading .page-title-wrapper h1.page-title {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
  }
}

.modal-slide._inner-scroll .modal-header,
.modal-popup._inner-scroll .modal-inner-wrap {
  border-radius: 0;background-color: #002c5e;min-height: 55px;
}

.modal-popup._inner-scroll .modal-inner-wrap {
  border-radius: 10px;
}

.fieldset.create.info span {
  margin-top: 0;
}

.tabcontent .pay_full.active {
  border: 1px solid #b2b2b2;
}


.testimonial_page_block .modal .modal-content {
  width: 50%;
}

.product_review_block .forms .testimonials_textarea .text_area {
  width: 100%;
}

.testimonials-index-index .product_review_block .forms input[type=text].half_width,
.testimonials-index-index .product_review_block .forms input[type=email].half_width {
  width: 48.4%;
}

.testimonials-popup-wrapper {
  padding: 30px;
}

.testimonials-index-index .product_review_block {
  text-align: left;
}

.testimonials-popup-wrapper.inner_height_block {
  max-height: 60vh;
  overflow: auto;
}

.product_review_block .forms .submit button {
  padding: 7px 30px;
  padding-top: 12px;
  font-size: 14px;
  margin-top: 0;
}

@media (max-width: 767px) {
  .testimonial_page_block .modal .modal-content {
    width: 100%;
  }
  .testimonials-index-index .product_review_block .forms input[type=text].half_width, .testimonials-index-index .product_review_block .forms input[type=email].half_width {
    width: 100%;
  }
  .testimonials-index-index .product_review_block .forms input[type=text].half_width {
    margin-bottom: 20px;
  }
  .product_review_block .rating {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .product_review_block .forms .submit button {
    margin-bottom: 0;
  }
}

.product_review_block .forms .half_width {
  margin-right: 2%;
}

#time_contents_div {
  margin-top: 15px;
}

.faqs_block .side_categories .main-heading {
  display: block;
  padding: 13px 25px;
  padding-top: 18px;
  box-sizing: border-box;
  font-size: 18px;
  color: #000;
  text-transform: capitalize;
 
  line-height: 23px;
}

.block-installment-details-view .box-content {
  
}
.block-installment-details-view .box-content p{
  line-height: 22px;
}
@media (min-width: 600px) and (max-width: 900px) {
  .testimonial_page_block .modal .modal-content {
    width: 60%;
  }
}

@media screen and (min-width: 200px) and (max-width: 700px) {

  .cms-privacy-policy .sidemenu {
    display: none;
  }

  .cms-privacy-policy .privacy_detail {
    padding: 0;
    border: 0;
  }

  .cms-privacy-policy .faqs_block .faqs_detail {
    width: 100%;
  }
}



.contact_us_block.call_back .forms.full_width{width: 100%; padding: 0; float: none;}

.contact_us_block.call_back .forms .callback_initial .radio_box{display: inline-block;margin-right: 20px;}

.contact_us_block.call_back .forms .callback_initial .radio_box.choice .label{font-size: 15px; position: relative; color: #2d2d2d;;display: block;position: relative;padding-left: 35px;cursor: pointer;}

.contact_us_block.call_back .forms .callback_initial .radio_box.choice .label::after {
background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/Radio-Button-unchecked.png");
background-repeat: no-repeat;
background-position: center;
content: '';
left: 3px;
top: -1px;
width: 14px;
height: 13px;
position: absolute;
background-color: #eee;
padding: 4px;
background-size: 13px;
border-radius: 4px;
border: 1px solid #e1e1e1; border: none;
background-color: transparent;
}

.contact_us_block.call_back .forms .callback_initial .radio_box.choice input[type="checkbox"]:checked + .label::after{
background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/tick_icon_black.png");
}
.contact_us_block .forms .callback_initial .radio_box.choice input[type="radio"]:checked + .label::after{
background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/Radio_btn_Checked.png");
}
.contact_us_block.call_back .forms .callback_initial .radio_box.choice input[type="checkbox"],
.contact_us_block.call_back .forms .callback_initial .radio_box.choice input[type="radio"]{display: none;}

.contact_us_block.call_back .forms .margin_btm .fields{margin-bottom: 25px;}
.contact_us_block.call_back .forms .margin_btm .fields.half-field .field.mr { margin-right: 30px;}

.contact_us_block.call_back .forms .margin_btm .fields .radio_box_control{height: 50px;
border: 1px solid #e1e1e1;
border-radius: 4px;
font-size: 15px;
color: #2d2d2d;
;
box-sizing: border-box;
background-color: #f4f4f4;
padding-left: 20px;
padding-right: 10px; padding-top: 17px;
outline: 0;}

.contact_us_block.call_back .forms .margin_btm .fields .term_content{margin-top: 15px; border: 1px solid #e1e1e1;border-radius: 4px; padding: 20px;box-sizing: border-box;
background-color: #f4f4f4; width: 100%; }
.contact_us_block.call_back .forms .margin_btm .fields .term_content .title{;padding-bottom: 10px;color: #000;font-size: 20px;}
.contact_us_block.call_back .forms .margin_btm .field .control textarea{height: 200px;}
.contact_us_block.call_back{border: none; padding: 15px 100px 40px;}
.contact_us_block.call_back .forms .margin_btm{margin-bottom: 0;}

@media screen and (min-width: 200px) and (max-width: 900px) {
.contact_us_block.call_back{border: none; padding: 15px 10px 40px;}
}

@media screen and (min-width: 200px) and (max-width: 767px) {

.contact_us_block.call_back .forms .margin_btm .fields{display: block;}
.contact_us_block.call_back .forms .margin_btm .fields.half-field .field.mr{margin: 0 0 25px 0;}
.contact_us_block.call_back .forms .margin_btm .field .control textarea{height: 100px;}

}
@media screen and (min-width: 200px) and (max-width: 400px) {
.contact_us_block.call_back .forms .margin_btm .fields .radio_box_control{padding-left: 10px; padding-top: 15px;}
.contact_us_block.call_back .forms .callback_initial .radio_box.choice .label{padding-left: 27px; }
}

.right_col .vechile_detail .paying_amount.last_payment {
  padding-top: 20px;
}

.vas_block .left_col .steps ul.last_step {
  text-align: left;
}


.right_col .vechile_detail .total_amount_detail.final_step li {
  padding: 16px 0px;
}

.right_col .vechile_detail .total_amount_detail.final_step li span {
  width: 116px;
  line-height: 22px;
}

.product_review_block .product_name {
  font-size: 16px;
}
   .testimonials-index-index .product_review_block .product_name {
  text-align: center;
  color: #5b5b5b;
  padding: 20px 0px;
  padding-top: 0;
}

body.account.layaway-customer-multiview .column.main .block.block-installment-details-view{ margin-top: 10px;}
body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .fieldset{margin-bottom: 0;}
body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .actions-toolbar{margin-top: 0; margin-bottom: 10px;}
.page-products .loader img{z-index: 3;}
.checkout-index-index .pickuptime{margin-top: 10px;padding-left: 26%;}
.checkout-index-index .pickuptime a span{font-weight: 500;}

.table tfoot {background: #f5f3f4;}
body.account.layaway-customer-multiview .items.order-links .nav.item:first-child a{background: #fff;}
body.account .items.order-links .nav.item a{width: auto;}
body.account .items.order-links .nav.item{text-align: center;}
body.account .items.order-links .nav.item a{background: #f5f3f4;}



body.account .items.order-links .nav.item.current a{background: #fff;}

@media screen and (min-width: 200px) and (max-width: 900px) {
    .checkout-index-index .pickuptime{padding-left: 0;}
    .shipping_detail_block .showroom_field .field .label{width: 100%;}
}

.filters_popup .modal-content .inner_popup{position: relative;}
.filters_popup .modal-content .popup_loader{position: absolute; display: none; border-radius: 10px; background: none;}
.filters_popup .modal-content .popup_loader .loader > img{position: absolute;}

.prodfaqs-index-index .page-title-wrapper .page-title{text-transform: none;}
.prodfaqs-index-index  .faqs_block .faqs_detail h3{text-transform: none;}



#customer-popup-login .form.form-login .socail_login,#customer-popup-login-wishlist .form.form-login .socail_login  {
  margin-top: 30px;
}

#customer-popup-login .form.form-login .socail_login ul, #customer-popup-login-wishlist .form.form-login .socail_login ul{
  display: inline-flex;
  align-items: center;
}

#customer-popup-login .form.form-login .socail_login ul li, #customer-popup-login-wishlist .form.form-login .socail_login ul li {
  margin-right: 5px;
  display: inline-block;
  padding: 10px 6px;
  box-sizing: border-box;
  vertical-align: middle;
}

#customer-popup-login .form.form-login .socail_login ul li span,#customer-popup-login-wishlist .form.form-login .socail_login ul li span {
  font-size: 15px;
  color: #2d2d2d;
 
}

@media screen and (min-width: 200px) and (max-width: 900px) {
  #customer-popup-login .form.form-login .socail_login ul li span,#customer-popup-login-wishlist .form.form-login .socail_login ul li span {
    font-size: 13px;
  }

  #customer-popup-login .form.form-login .socail_login ul li,#customer-popup-login-wishlist .form.form-login .socail_login ul li {
    padding: 10px 4px;
  }
}

@media screen and (max-width: 767px) {
  #customer-popup-login .form.form-login .socail_login ,#customer-popup-login-wishlist .form.form-login .socail_login {
    text-align: center;
  }
  
}

.message.global.cookie{width: 100%;
display: flex;
background-color: #ffffff;
box-sizing: border-box;
border-radius: 0px;
max-width: 1102px;
margin: 0 auto;
    margin-top: 0px;
align-items: center; box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);
margin-bottom: 10px; padding: 25px 40px;
z-index: 9993;}


.message.global.cookie .content_block{width:calc(100% - 250px); float: left; margin-top: 3px;}
.message.global.cookie .content_block p{line-height: 22px;font-size: 15px; color: #393939;}
.message.global.cookie .content_block p a{color: #393939; text-decoration: underline; }
.message.global.cookie .content_block p a:hover{text-decoration: none;}
.message.global.cookie .actions{width:190px; float: right; margin-top: 0;}
.message.global.cookie .actions button.action.allow{background: #002c5f;}
.message.global.cookie .actions button.action.allow:hover{background: #002c5f;}
.search_widget .car_filter ul .filter_li .filter_title{display: none;}

.financing_block.our_partners .left_box h2{padding-top: 40px;line-height: 45px;margin-bottom: 40px;}
.testimonial_banks{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); padding-top: 20px;
grid-gap: 2rem;
}
.testimonial_banks .comment{background: none; padding: 40px 20px; margin: 0;}
.testimonial_banks .comment p{padding-bottom:  0;}


.right_col .vechile_detail .paying_amount b{font-size: 20px;}

@media screen and (min-width: 200px) and (max-width:1100px) {
    .vas_block .right_col .vechile_detail .title.title_static .vechile_title{font-size: 14px;}
    .right_col .vechile_detail .paying_amount b#total_amount_to_pay span {
    font-size: 18px;
    }
    .right_col .vechile_detail .paying_amount b{font-size: 16px;}

    .tabcontent .pay_full .right_box strong span.price{font-size: 17px;}
}
@media screen and (min-width: 200px) and (max-width:900px) {
    
    .financing_block.our_partners .left_box h2{padding-top: 0px;line-height: 36px;margin-bottom: 20px;}
    .catalog-product-view #rfq-popup-content .modal-content{width: 90%;}
    .vas_block .back_next_btn .fieldset .actions .action{font-size: 14px;padding: 10px 25px;padding-top: 12px;}
}
@media screen and (min-width: 200px) and (max-width:767px) {
    
    .message.global.cookie .content_block{width:100%; float: none;}
    .message.global.cookie .actions{width:100%; float: none; margin-top: 20px;}
    .message.global.cookie{padding: 15px 20px; margin-bottom: 0px; border-radius: 0}
    .message.global.cookie .actions{margin-top: 15px;}
}
@media screen and (min-width: 200px) and (max-width:420px) {
    .message.global.cookie{padding: 20px;}
    .catalog-product-view #rfq-popup-content .modal-content{width: 95%;}
}
@media screen and (min-width: 700px) and (max-width:1150px) {
    .right_col .vechile_detail .vad_services ul li strong {
    width: 100%;
    display: block;
    margin-top: 5px;}
.right_col .vechile_detail .vad_services ul li{display: block;}
.right_col .vechile_detail .vad_services ul li span{display: inline-block;width: 100%;}
}

@media (min-width: 200px) and (max-width: 1000px){
    .product_left_col .customer_review .title{width: 100%;}
    .product_left_col .all_ratting{width: 100%; float: none;}
    .product_left_col .all_ratting ul{text-align: left; margin-bottom: 25px;}
}

@media (min-width: 901px) and (max-width: 1250px){
  .search_widget.listing_widget .car_filter ul .filter_li {
    width: 25%;
    max-width: 100%;
    box-sizing: border-box;
}
.search_widget.listing_widget .car_filter ul .filter_li.search_btn{width: auto;}
  .search_widget.listing_widget .car_filter ul .filter_li .filter_btn {
    padding-left: 0px;
    margin-top: 0px;
    width: 100%;
}
.search_widget.listing_widget .car_filter ul .filter_li .filter_btn::before {margin-left: 0; padding: 0 15px;}
.search_widget.listing_widget .car_filter{width: calc(100% - 241px);}
.search_widget.listing_widget .choose_car{width: 241px}
.search_widget.listing_widget .car_filter > ul{text-align: center;}
}

.messages-custom {
  text-align: center;
}

.messages-custom div.mage-error[generated] {
font-size: 13px;
line-height: 24px;
background: #fff;
padding: 15px;
border: #e7e7e7 1px solid;

}


.filter-content .item .ln_slider_container{margin: 0; width: 100%;}
.filter-content .item .ln_slider_from{padding-left: 0;}
.filter-content .item .ln_slider_to{padding-left: 0;}

.successful_order_block .payment_status {
 
  text-transform: uppercase;
  font-size: 17px;
}

.successful_order_block .payment_status b {
  color: #002c5f;
  font-weight: 800;
}
.right_col .vechile_detail .total_amount_detail ul li.showroom_pickup p{padding: 0; line-height: 15px; margin-top: 5px;}

.login_block .left_forms .fieldset .field.password {
  position: relative;
}

.forget_pas {
  display: inline-block;
  float: right;
  font-size: 15px;
}

.actions-toolbar.login {
  margin-top: 10px;
}

.login_block .left_forms .fieldset .login button {
  padding: 19px 26px;
  font-size: 18px;
  background-color: #002c5e;
  background: #002c5e;
}
.login_block .left_forms fieldset.create .login button {
  padding: 19px 26px;
}

.checkout-index-index .modal-popup .modal-footer .action-save-address {
  padding: 12px 26px;
}

.checkout-index-index .modal-popup.modal-slide.agreements-modal .modal-footer {
  display: none;
}

.checkout-index-index .modal-popup.agreements-modal .modal-header,
.checkout-index-index .modal-popup.agreements-modal .modal-content {
  background-color: #fff;
}

.agreements-modal.modal-popup .action-close:before {
  content: url(../../frontend/Magento/hyundai_ksa/en_US/images/close_icon_blck.png);
}

#checkout-agreements-modal {
  
}

.agreements-title {
 
  font-size: 24px;
}

.agreements-para {
  font-size: 14px;
  line-height: 24px;
  color: #5a5a5a;
  margin-top: 20px;
}

.checkout-index-index .modal-popup.agreements-modal .modal-content {
  padding-top: 15px;
}
.reset-pass-msg {
  background: #f5f3f4;
  padding: 16px 25px;
  font-size: 15px;
  line-height: 26px;  
}
.account .reset-pass-msg {
  margin-bottom: 10px;
}

@media screen and (max-width: 600px) {
  .reset-pass-msg {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 24px;
  }
}

.right_col_detail .slider{display: table;}
.right_col_detail .slider ul li output{text-align: right;float: right;font-weight: 600;font-size: 13px}
.right_col_detail .slider ul li{padding-bottom: 15px;}
.right_col_detail .slider ul li .slider_container{display: table;}
.right_col_detail .all_prices table .bold output{display: inline-block; padding: 0;}
.right_col_detail .all_prices table .bold span{display: inline-block; padding: 0;}

.cms-no-route .page-title{display: none;}
.noroute .title{margin: 50px auto 25px;  text-align: center; font-size: 100px; line-height: 100px;}
.noroute .content p{font-size: 16px; line-height: 26px;text-align: center;}
.noroute .content .buttons{ text-align: center; margin-top: 40px; margin-bottom: 30px;}
.noroute .content .buttons{ background-color: #f6f3f2; padding: 40px 20px;}
.noroute .content .buttons a{display: inline-block;box-sizing: border-box;
outline: 0;
border-radius: 0;
border: 0;

font-weight: 500;
cursor: pointer;
line-height: 20px;
padding: 12px 26px;
font-size: 18px; color: #fff;
background: #002c5f;
}
.noroute .content .buttons a:hover{}
.noroute .content .buttons a.contactus{background: transparent; border: 2px solid #002c5f; color: #002c5f;}
.noroute .content .buttons .separator{text-transform: capitalize; margin: 0 20px;}

.product_left_col .fotorama__thumb-border{border: 1px solid #f4f4f4!important;}
/* .fotorama__nav--thumbs .fotorama__nav__frame {padding-top: 0!important;} */
.customer-account-logoutsuccess .login_page_container .login_block{border: none; text-align: center;}
.customer-account-logoutsuccess  .page-title{display: none;}
.customer-account-logoutsuccess  .signed_out .title{margin: 25px auto 25px; text-transform: none; text-align: center; font-size: 40px; line-height: 65px;}
.customer-account-logoutsuccess  .signed_out p{font-size: 16px; line-height: 26px;}
.customer-account-logoutsuccess  .login_page_container.full_width .login_block .left_forms .padding{padding-left: 0; padding-right: 0;}
.customer-account-logoutsuccess  .login_block .left_forms{display: block;}

@media screen and (max-width: 450px) {
  .noroute .content .buttons a{display: block;}
  .noroute .content .buttons .separator{margin: 10px 0; display: block;}
  .customer-account-logoutsuccess .signed_out .title {   font-size: 22px;    line-height: 26px;    }
}

.checkout-payment-method .paying_card .heading {width: 100%;display: inline-flex;align-items: center;padding: 24px 25px;box-sizing: border-box;background-color: #f4f4f4;border-radius: 0px;margin-bottom: 20px;justify-content: space-between;}
.checkout-payment-method .paying_card .heading span {font-size: 16px; color: #000000;display: block;}
.checkout-payment-method .upload_files {
width: calc(100% + 35px);
margin-left: -20px;
border-top: 10px solid #fff;
padding: 0px 20px 0 20px;
box-sizing: border-box;
}

.fieldset.upload_files-fields {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 1rem;
}

.field.validate-fme-fields .label span {
color: #3b3b3b;
font-size: 16px;
color: #000;

text-transform: none;
display: block;
padding-bottom: 0px; display: inline-block;
}

.file-uploader-button.action-default {
text-align: right;
height: 50px;
border: 1px solid #e1e1e1;
border-radius: 0px;
font-size: 15px;
color: #2d2d2d;
;
box-sizing: border-box;
background-color: #fff;
padding-left: 20px;
padding-right: 10px;
outline: 0;
width: 100%;

padding-top: 15px;
}

.file-uploader-button.action-default.span {
line-height: 23px;
font-size: 14px;

background-color: #e1e1e1;
border: 0;
border-radius: 0px;
padding: 9px 20px;
outline: none;
white-space: nowrap;
-webkit-user-select: none;
cursor: pointer;
font-weight: 700;
font-size: 15px;
color: #3c3c3c;
position: absolute;
right: 7px;
top: 4px;
width: auto;
height: auto;
}

.paid-no {
  margin-bottom: 10px;
}

.order-status {
  margin-bottom: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .fieldset.upload_files-fields {
  grid-template-columns: 1fr;
  }
  .account .order_print_layaway {
    padding: 12px 4px;
    padding-top: 12px;
  } 
  .account .order-status {
    font-size: 13px;
    padding-top: 8px;
    line-height: 17px;
    margin-top: 5px;
  }
}
.payment-history-wrapper {
margin-top: 20px;
}

.order-no-title {

font-size: 22px;
margin-bottom: 20px;
width: 50%;
display: inline-block;
float: left;
}

.report-an-error {
width: 50%;
display: inline-block;
float: right;
text-align: right;
padding: 10px 25px;
}

.report-an-error span {
 
  font-size: 16px;
  text-decoration: underline;
  color: #0E306C;
}

.report-an-error span:hover {
  cursor: pointer;
  color: #003b7d;
}

body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .actions-toolbar {
margin-bottom: 20px;
}

.block.block-installment-details-view .actions-toolbar .primary{margin-top: 0;}
body.account.layaway-customer-view .items.order-links .nav.item:first-child a {
background: #fff;
}

.order-details-items.invoice .order-title, .order-details-items.creditmemo .order-title {
  background-color: #f5f3f4;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 15px 12px;
  margin: 10px 0;
  border: 0;
}

.order-details-items.invoice .order-title .action, .order-details-items.creditmemo .order-title .action  {
  margin: 0;
}

@media screen and (max-width: 767px) {
  .order-details-items.invoice .order-title,
  .order-details-items.invoice .actions-toolbar .action,
  .order-details-items.invoice .order-title > strong ,
  .order-details-items.creditmemo .order-title,
  .order-details-items.creditmemo .actions-toolbar .action,
  .order-details-items.creditmemo .order-title > strong {
    font-size: 14px;
  }

  .order-details-items.invoice .actions-toolbar,
  .order-details-items.creditmemo .actions-toolbar  {
    display: none;
  }
}
/*.account.sales-order-view .order-status {
display: none;
}*/

.right_col_detail .all_prices table .bold span#loan_amount{white-space: nowrap;}

/*.banktabs #bank_name {
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-repeat: no-repeat;
  padding: 10px 25px 5px 48px;
  height: 50px;
  width: 100%;
  background-position: calc(22px - 9px) 55%;
  outline: 0;
  box-sizing: border-box;
  font-size: 15px;
  color: #2d2d2d;
  border: 0px solid #e1e1e1;
  background-color: #fff;
  text-transform: capitalize;
 
  margin: 0;
  margin-bottom: 5px;
}*/

.car_img .action.towishlist {
  position: absolute;
  right: 0;
  z-index: 20;
  background: #ffffff8c;
  width: 40px;
  text-align: center;
}

.banktabs select.Al.Rajhi {
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/al_rajhi.png') no-repeat left;
}

.banktabs select.National.Bank {
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/national_bank.png') no-repeat left;
}

.banktabs {
  position: relative;
}

.banktabs img {
  position: absolute;
  right: 18px;
  top: 18px;
}

.upload_files #upload-files-checkout-form .upload_files-fields .legend-class {
  width: 100%;display: inline-flex;align-items: center;padding: 24px 25px;box-sizing: border-box;background-color: #f4f4f4;border-radius: 0px;margin-bottom: 20px;justify-content: space-between;grid-column: 1 / -1;
}

.upload_files #upload-files-checkout-form .upload_files-fields .legend-class span {
  font-size: 16px; color: #000000;display: block;
}

.upload_files #upload-files-checkout-form .upload_files-fields input {
  background-color: #fff;
}

.product-item .action.towishlist:before {
  display: none;
}

.block-compare .product-item .product-item-name .product-item-link {
 
  font-size: 16px;
  color: #2d2d2d;
}

.block-compare .product-item .product-item-name span,
.year_attr {
 
  font-size: 14px;
  color: #4e4e4e;
}
.block-compare-wrapper #aa .item .product-item-name .year_attr{display: none;}
.pro_price {
  color: #002c5f;
  font-size: 16px;
  margin-left: 22px;
}

.name-price-wrapper {
 
  padding-right: 10px;
}

.li.explore .action.towishlist,
.actions-secondary-wishlist .action.tocompare {
  display: none;
}

.actions-secondary-wishlist {
  display: inline-block;
}

.actions-secondary-wishlist .action.towishlist {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.products.wrapper.grid.grid.products-grid .item.product.product-item {
  position: relative;
}

.block-compare .action.primary, .block-compare .action.primary:not(:focus) {
  box-shadow: unset;
  background-color: #002c5e;
  color: #fff;
  margin-right: 120px;
}

.action.compare.primary .counter.qty {
  font-size: 14px;
  color: #fff;
}

#compare-clear-all {
  text-transform: uppercase;
  color: #2d2d2d;
  margin-top: 10px;
  font-size: 13px;
 
  text-decoration: underline;
}

.block-compare .action.delete:before {
  display: none;
}


.product_detail_block .product_left_col{position: relative;}
.product_detail_block .product_left_col .product-addto-links{position: absolute; right: 25px; top: 25px; z-index: 2;}

.finance_terms .block-content .box:nth-child(1) .box-content strong:not(:last-child),
.finance_terms .block-content .box:nth-child(3) .box-content strong:not(:last-child) {
  border-bottom: 1px solid #f5f3f4;
}

.finance_terms .block-content .box .box-content strong {
  padding: 14px 0;
  padding-bottom: 12px;
  display: block;
  
}

.finance_terms .block-content .box .box-title {
  margin-bottom: 0 !important;
  border-radius: unset !important;
}

.finance_terms .block-content .box:nth-child(2) .box-content {
  background-color: #f4f4f4;
}

.finance_terms .block-content .box:nth-child(2) .box-content strong,
.finance_terms .block-content .box:nth-child(3) .box-content strong {
 
  font-weight: bold;
}

body.account .column.main .block.finance_terms {
  margin-bottom: 0;
}

.bttom-agree-disagree-block {
  background-color: #f5f3f4;
  padding: 30px 30px;
  margin-bottom: 15px;
}

.bttom-agree-disagree-block .msg {
 
}

.bttom-agree-disagree-block a {
  background-color: #002c5e;
  color: #fff;
  padding: 10px;
  font-size: 14px;
  border-radius: 0px;
  min-width: 85px;
  display: inline-block;
  text-align: center;
 
}

.agree-btn {
  margin-right: 10px;
  margin-left: 10px;
}

.bttom-agree-disagree-block a.disagree-btn {
  background-color: #fff;
  border: 1px solid #2d2d2d;
  color: #2d2d2d; white-space: nowrap;padding: 9px 10px;
}

.bttom-agree-disagree-wrapper {
  display: inline-block;
}

body.account .column.main .block.finance_terms {
  padding-bottom: 0;
}

.account .column.main .block.block-order-details-view.upload_files_block .block-content:not(.widget) .box {
  width: auto;
}

.account .column.main .block.block-order-details-view.upload_files_block .block-content:not(.widget) .box .box-content {
 
}

.products-grid.wishlist .product-item-name {
  display: inline-block;
  color: #000;
  font-size: 18px;
  
}

.products-grid.wishlist .product-item-name a {
  height: 18px;
  width: 140px;
  padding: 0;
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 5px 0 5px;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}

.price-make-year-name span {
  color: #4e4e4e;
  font-size: 17px;
  padding-top: 2px;
  vertical-align: top;
}

.products-grid.wishlist .product-reviews-summary {
  display: none;
}

.products-grid.wishlist .product-item-info:hover {
  background: 0;
  box-shadow: unset;
  border: 0;
}

.products-grid.wishlist .product-item .price-box .price {
  font-size: 20px;
  color: #002c5f;
 
  text-transform: uppercase;
  padding: 5px 0px;
}

@media screen and (min-width: 767px) {
  .wishlist-index-index .products-grid .product-item {
    width: 32%;
  }
  .account .column.main .block.block-order-details-view.finance_terms .block-content:not(.widget) .box {
    width: 33.3%;
  }
}

@media screen and (max-width: 767px) {
  .bttom-agree-disagree-block {
    padding: 15px;
  }
  .bttom-agree-disagree-wrapper {
    display: block;
    margin-top: 15px;
  }

  .bttom-agree-disagree-block .msg {
    font-size: 14px;
  }

  .bttom-agree-disagree-block a {
    padding: 7px;
  }

  .products-grid.wishlist .product-image-container {
    max-width: 100%;
  }

  .products-grid.wishlist .product-item-name,
  .products-grid.wishlist .product-item .price-box {
    margin-left: 0;
  }

  .products-grid.wishlist .product-item-photo {
    float: none; 
    margin-right: 0;
  }
}

.block.block-installment-details-view .block-title{padding-bottom: 0;}
.block.block-installment-details-view .box-content p a{color: #003b7d;}

.products-grid.wishlist .product-item {
  display: inline-block;
  box-shadow: 0px 0px 12px 3px rgb(0 0 0 / 0.10);
  border-radius: 10px;
  margin: 0;
  box-sizing: border-box;
  border: 1px solid #dfdfdf;
  padding: 0;
  margin-right: 10px;
  margin-bottom: 10px;
}

.price-make-year-name {
  width: 100%;
    text-align: center;
    background-color: #fff;
    padding-bottom: 15px;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
}

.products-grid.wishlist .product-item-info {
  position: relative;
}

.products-grid.wishlist .product-item-actions {
  position: absolute;
    right: 5px;
    top: -13px;
    z-index: 99;
}

.products-grid .product-item-info:hover {
  margin: auto;
  padding: unset;
}

.form-wishlist-items .actions-toolbar,
.products-grid.wishlist .product-item-actions .action.delete:before {
  display: none;
}
.price-make-year-name .product-item-tooltip{display: none;}
.products-grid.wishlist .product-item-actions .action.delete{background: #000;
border-radius: 50%;
width: auto;
height: auto;
text-align: center;
padding: 6px;
line-height: 0;
}
.products-grid.wishlist .product-image-photo{border-radius: 10px 10px 0 0;}

.cms-index-index .grid.products-grid.grid .product-item {
  position: relative;
}

.cms-index-index .grid.products-grid.grid .product-item .actions-secondary {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 99;
}

.modal-popup.confirm .action-close {
  right: 10px;
  top: 10px;
}

.modal-popup.confirm .modal-inner-wrap .modal-content {
  text-align: center;
 
}

.modal-popup.confirm .modal-footer {
  padding-bottom: 1rem;
  padding-top: 1rem;
}

.modal-popup.confirm .action-primary.action-accept,
.modal-popup.confirm .action-primary.action-accept:hover {
  background-color: #002c5f;
  border: none;
}

.modal-popup.confirm .action-secondary.action-dismiss{background-color: #002c5f;
  border: none;}

.checkout-index-index .modal-popup {
  top: 75px;
}

#popup-modal {
  text-align: center;
}

#popup-modal span {
  margin-left: 10px;
}

#popup-modal::before {
  content: url(../../frontend/Magento/hyundai_ksa/en_US/images/warning.png);
  position: absolute;
  top: 70px;
  left: 85px;
}

.product-item .tocompare::before {display:none}

.cms-index-index .modal-popup._inner-scroll.search-popup-attention {
  z-index: 9993 !important;
}

.cms-index-index .modal-popup.modal-slide.search-popup-attention .modal-footer {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.cms-index-index .modal-slide._inner-scroll.search-popup-attention .modal-content {
 
  padding: 20px;
  padding-bottom: 30px;
}

.cms-index-index .modal-popup.modal-slide.search-popup-attention .modal-footer button {
  background-color: #003b7d;
  border: 1px solid #003b7d;
}
.page-layout-category-page .page.messages{max-width: 1268px;margin: 0 auto;padding: 0px 15px;box-sizing: border-box;}
.page-layout-category-page .page.messages .message{margin: 10px 0 0 0;}

.hdmx__tickets button.create-button {
  float: unset;
  margin-top: unset;
  background-color: #003b7d;
  margin-bottom: 15px;
  padding: 15px 26px;
}

.hdmx__tickets button.create-button:hover,
.hdmx__status.hdmx-green {
  background-color: #003b7d;
}

.fieldset-ticket {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}

.msg-label {
  display: block;
  margin-bottom: 15px;
}

.hdmx__ticket-new .actions-toolbar .action.primary,
.hdmx__ticket-reply .actions-toolbar .action.primary {
  padding: 5px 15px;
  font-size: 1rem;  
}

.hdmx__ticket-reply .actions-toolbar .action.primary {
  line-height: 2.1rem;
}

.hdmx__ticket-reply .actions-toolbar .action.primary span,
.hdmx__ticket-reply .actions-toolbar .action.secondary span,
.hdmx__ticket-history .hdmx__message .hdmx-message__body {
 
}

.hdmx__ticket-new .actions-toolbar,
.hdmx__ticket-reply .actions-toolbar .action.secondary {
  margin-top: 0;
}

.hdmx__ticket-summary {
  margin-top: 0;
  margin-bottom: 10px;
 
}

.hdmx__ticket-history .hdmx__message .hdmx-message__header {
  padding-bottom: 15px;
 
}


.data.table.hdmx__tickets-table .subject a {
  color: #003b7d;
}

.specail_offer_block ul .offer_items a {
  cursor: unset;
}

.supported-file-types {
  margin-top: 5px;
  display: inline-block;
  font-size: 12px;
}

.supported-file-types span {
  color: #002c5e;
}

@media screen and (max-width: 600px) {
  .modal-popup.confirm .modal-inner-wrap .modal-content {
    font-size: 15px;
    padding: 20px 15px;
  }

  .modal-popup.confirm .modal-footer {
    text-align: center;
    padding-top: 0;
/*    padding-bottom: 0;*/
  }
}

@media screen and (max-width: 767px) {
  .fieldset-ticket {
    grid-template-columns: 1fr;
  }

  #popup-modal::before {
    left: 5px;
  }

  #popup-modal span {
    font-size: 14px;
    margin-top: 5px;
    display: inline-block;
    margin-left: 23px;
  }

  .msg-field-create {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}

.product_left_col .show_more a {
  cursor: pointer;
}

.actions-secondary-wishlist .action.tocompare-boolfly {display: none;}

.cart_two_col .left_col .empty_continue_shopping{
  display: inline-block;
  padding: 12px 25px;
  color: #fff;
  background-color: #002c5f;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid transparent;
  border-bottom-color: transparent;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 15px;
  border-bottom: 2px solid #002c5f;
  padding-top: 14px;
  
  font-weight: 600; margin-top: 25px;
}

.cart_two_col .left_col .empty_continue_shopping:hover{background-color: #002c5f;}

@media screen and (max-width: 700px) {
  .cart_two_col .left_col .empty_continue_shopping{ padding:10px 25px;font-size: 13px; margin-top: 20px; margin-bottom: 10px; }
}

.account.layaway-customer-multiview .modal-popup {
    top: 100px;
}


.report-error-popup .sorter-options {
  margin: 0;
  width: 100%;
  background-color: #f4f4f4;
}

.report-error-popup .field {
  margin-bottom: 20px;
}

.report-error-popup .field .label span {
  display: inline-block;
}

.account.sales-order-view .report-an-error {
  text-align: right;
  margin-top: 32px;
  float: right;
  margin-right: 32px;
}

.shipping-address-item.selected-item:after {
  content: 'Selected';
  left: 20px;
  top: 7px;
  position: absolute;
  background-color: #0e306c

;
  padding: 4px 6px;
  padding-bottom: 1px;
  font-size: 12px;
  border-radius: 0px;
  
  color: #fff;
  text-transform: none;
  line-height: normal;
}

.shipping-address-item {
  padding-top: 30px;
}

.modal-content .inner_popup .old_new_car .popup_base_value,
.search_widget .choose_car .base_filter{display: none;}

.modal-content .inner_popup .brands {
    max-height: calc(50vh - 67px);
    overflow: auto;
    padding: 5px; margin-bottom: 25px; box-sizing: border-box;
}

.attachment .input-box input[type='file']{color: #2d2d2d;padding-top: 15px;}
.swatch-option-tooltip .image, .swatch-option-tooltip-layered .image {
    height: 30px;
    margin: 0 auto 10px;
    width: 130px;
}
.swatch-option-tooltip .title {
    color: #000;
    font-size: 16px;
   
}

.rfqproduct-index-index .filter-content {
  padding: 10px 0;
}

.rfqproduct-index-index .filter-current .action.remove {
  background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/tick_white-icon.png);
}
.actions-secondary .action.towishlist .wishlist-icon,
.product-addto-links .action.towishlist .wishlist-icon {
  display: block;
  height: 25px;
  width: 25px;
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon.png') no-repeat center;
  cursor: pointer;
  
   background-color: rgba(255,255,255, 0.7);
    border-radius:4px;
    padding: 4px;
    padding-bottom: 3px;
    padding-right: 5px;
}

.more_links .li.explore .action.towishlist .wishlist-icon {
  display: block;
  height: 25px;
  width: 25px;
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon.png') no-repeat center;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.actions-secondary .action.towishlist .wishlist-icon.wishlist-active,
.product-addto-links .action.towishlist .wishlist-icon.wishlist-active {
  display: block;
  height: 25px;
  width: 25px;
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon_fill.png') no-repeat center;
  cursor: pointer;
}

.more_links .li.explore .action.towishlist .wishlist-icon.wishlist-active {
  display: block;
  height: 25px;
  width: 25px;
  background: url('../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon_fill.png') no-repeat center;
  cursor: pointer;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.secondary-addto-links-list .action.tocompare {
  display: none;
}

.secondary-addto-links-list {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index: 100;
}

.car_listing .grid .product-item {
  position: relative;
}


.li.explore .action.towishlist  {
    display: block;
}
.more_links .li.explore .action.towishlist .wishlist-icon {
  top: 11px;
  right: 10px;
  background-color: rgba(255,255,255, 0.7);
  border-radius:4px;
  padding: 4px;
  padding-bottom: 3px;
  padding-right: 5px;
}
.more_links .li.explore .action.towishlist .wishlist-icon.wishlist-active {
    top: 10px;
    right: 12px;
}
.shopping-cart-empty-btn:not(.primary) {
  color: #fff;
  background-color: #002c5e;
  text-decoration: none;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 15px;
  display: inline-block;
  padding: 10px 22px;
  box-sizing: border-box;
  margin-top: 15px;
}
/*body.account.sales-order-view .column.main .block.block-installment-details-view .actions-toolbar {
  margin-bottom: 20px;
}
  */
.agreement-custom {
  width: 18px;
  height: 18px;
}

.rfqproduct-index-index .field .label span.required-label {
    color: #e02b27;
}
.specail_offer_block .offer_detail .social_share ul img {
    cursor: pointer;
}

.signin-phone-popup .modal-footer {
    padding: 0.5rem 2.5rem;
}

.actions-secondary .action.towishlist .wishlist-icon.wishlist-active,
.actions-secondary .action.towishlist .wishlist-icon,
.more_links .li.explore .action.towishlist .wishlist-icon,
.more_links .li.explore .action.towishlist .wishlist-icon.wishlist-active,
.product-addto-links .action.towishlist .wishlist-icon,
.product-addto-links .action.towishlist .wishlist-icon.wishlist-active {
    background-color: rgba(255,255,255, 0.7);
}
  
.modal-popup.signin-phone-popup .modal-content {
    padding: 30px;
}

.note-signin-phone {
    font-size: 13px;
    margin-top: 7px;
    color: #e02b27;
}
.report-error-submitted {
    font-size: 15px;
    margin-bottom: 30px;
}

.margin-unconventional .report-error-submitted {
    margin-top: 10px;
    margin-bottom: 0;
}
  
.action.towishlist{display: none !important;}
body.account .column.main .block.finance_terms{margin-bottom: 20px; padding-bottom: 30px;}
table.finance_terms_table tr td{; color: #2d2d2d; font-size: 15px;}
table.finance_terms_table tr td:nth-child(2){background: #fcfcfc;}
table.finance_terms_table tr:nth-child(2) td{padding-top: 20px;}
table.finance_terms_table tr.finance-title td{background: #f5f3f4; font-size: 16px; color: #000;}
@media screen and (max-width: 950px) {
  table.finance_terms_table tr td:first-child{display: none;} 
  table.finance_terms_table tr td{padding: 35px 10px 15px; position: relative; border-bottom: 1px solid #f5f3f4;}
  table.finance_terms_table tr:nth-child(2) td{padding-top: 35px;}
  table.finance_terms_table tr td:before{content: attr(data-th); position: absolute;top: 15px;font-size: 12px;}
  table.finance_terms_table tr td:nth-child(2){background: none;}
  table.finance_terms_table tr.finance-title td{padding: 10px; line-height: 18px;}
  table.finance_terms_table tr.finance-title td:nth-child(2){background: #f5f3f4;}
}
@media screen and (max-width: 400px) {
    table.finance_terms_table tr.finance-title td{font-size: 15px;}
}

/*Compare Loader*/

#note-social-phone-exists {
  margin-bottom: 15px;
  margin-top: 0;
  font-size: 13px;
  margin-top: 7px;
  color: #e02b27;
}
.note-signin-phone {
  font-size: 13px;
  margin-top: 7px;
  color: #e02b27;
}

.account .column.main .block.block-order-details-view .block-content:not(.widget) .box, [class^="sales-guest-"] .column.main .block.block-order-details-view .block-content:not(.widget) .box, .sales-guest-view .column.main .block.block-order-details-view .block-content:not(.widget) .box {
  clear: none;
  float: left;
  width: 50%;
}
.account .column.main .block.block-order-details-view .block-content .box-order-billing-address {
  clear: both;
}
#shipping .new-address-popup .action.primary:hover, #shipping .new-address-popup .action.primary:active, #shipping .new-address-popup .action.primary:focus {
/*  background: unset;*/
  background-color: #002c5f;
  color: #fff;
  border: 1px solid #002c5f;
}

.label-3kk12 {display: none!important;}
.icon-3E9qF {padding-right: 0!important;}
button.u-userLauncherColor {background-color: #002c5e !important;}

.minicart-items .product .toggle {
  padding-bottom: 5px;
}
.block-minicart .subtitle.empty {
  padding: 10px 0px 20px;
}

#shipping .new-address-popup .action.primary {
  display: block;
  font-size: 15px;
  
  padding: 12px 14px;
  border-radius: 0px;
  text-transform: none;
  color: #002c5f;
  border: 1px solid #002c5f;
  font-weight: 500;
  box-sizing: border-box;
  background: none;
}
#shipping .new-address-popup .action.primary:active, #shipping .new-address-popup .action.primary:focus {
  background: unset;
  background-color: none;
  color: #3e4c50;
  border: 1px solid #3e4c50;
}
.block-compare .actions-toolbar #compare_count_message.secondary {
  padding-right: 0;
  position: absolute;
  /* top: -37px; */
  top: 50px;
  left: 0;
  width: 100%; visibility: hidden; display: inline-block; z-index: 9;
}
.block-compare .actions-toolbar #compare_count_message.secondary span{background: #58595b; color: #fff;
  padding: 15px 30px;
  border-radius: 20px;
  box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);
}

.account .column.main .block:not(.widget) .block-content .box:nth-child(2) + * {
  clear: both;
}


.breadcrumbs a:hover {
  color: #2d2d2d;
  text-decoration: none;
}

/* changes 22ndFeb2021 Usama end */

#continue-social-customer-phone {
    float: right;
}

.popup-inner-contant.signin_popup {
  padding: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.popup-inner-contant.signin_popup .action.primary {
  padding: 10px 20px;
  font-size: 14px;
}
 #reviewform.modal {
    z-index: 902;
  }
  @media screen and (max-width: 900px) {
    .catalog-product-view .modal .popup-inner-contant.signin_popup {
      padding: 15px;
    }

    .popup-inner-contant.signin_popup .actions-toolbar {
      margin-top: 10px;
    }
  }
  
  @media (min-width:200px) and (max-width:600px) {
  .modal-popup .action-close::before, .modal-slide .action-close::before {
    top: 2px;
    right: 0px;
    transform: scale(0.7);
  }
}
@media (min-width:601px) and (max-width:767px) {
  .modal-popup .action-close::before, .modal-slide .action-close::before {
    top: 5px;
    right: 2px;
    transform: scale(0.8);
  }
}
.checkout-index-index .modal-content {
  background-color: #fff;
}
.modal-content .shipping_detail_block .control input {
  background-color: #f4f4f4;
  border: 1px solid #e1e1e1;
}
.modal-content .shipping_detail_block .control select {
  border: 1px solid #e1e1e1;
}
.field-tooltip .field-tooltip-action::before {
  font-size: 18px;
  left: -10px;
  position: relative;
}
.shipping_detail_block .field .label {
  width: auto;
}
/* changes 26thFeb2021 start */
@media (min-width:200px) and (max-width:900px) {
  #shipping .new-address-popup .action.primary{font-size: 12px;padding: 10px 14px;}
  .block-compare .actions-toolbar .secondary a.action {margin-top: 15px;}
}
#layer-product-list .filter-content {
  display: inline;
}
.right_col_detail .call_no .product_page_icon_div span {
  display: inline;
}
.right_col_detail .call_no .product_page_icon_div img {
  top: 7px;
  right: 2px;
  position: relative;
}
/* changes 26thFeb2021 end */

.customer-account-createpassword .actions-toolbar{margin-bottom: 40px;}
@media (max-width:1100px) {
  .customer-account-createpassword .actions-toolbar{margin-bottom: 0px;}
  .block-compare .actions-toolbar #compare_count_message.secondary{top:80px;}
}

/* changes 2ndMar2021 start */
@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) {
    .catalog-product-view .review-field-rating .control {
      margin-bottom: 0px;
    }

  }
}
.login-container .form-login .field.choice .label::after {
  top: -5px;
}
._has-modal{
  height: 100%;
  overflow: hidden!important;
  width: 100%;
  touch-action: none;
  -ms-touch-action: none;
}
@media (min-width:200px) and (max-width:900px) {
  .catalog-product-view iframe[title~=recaptcha] {left: 0 !important;}
  .catalog-product-view .fieldset .review-legend.legend span {display: inline-block;}
  .catalog-product-view .modal-content form .review_fields {padding-top: 10px;}
  h2.vas_title {font-size: 18px;margin-bottom: 20px;line-height: 20px;}
}
.shipping-address-item.selected-item {padding-left: 20px;}
@media (max-width:767px) {
  #checkout-payment-method-load .payment-method{padding: 0 20px; box-sizing: border-box;}
}
/* changes 2ndMar2021 end */

/* changes 3rdMar2021 start */
@media (min-width:200px) and (max-width:500px) {
  .catalog-product-view .g-recaptcha-bubble-arrow{
    display: none;
  }
  .catalog-product-view .g-recaptcha-bubble-arrow + div{
    position: fixed !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
  }
}
.modal-popup._show .modal-inner-wrap {
  border-radius: 0px;
  z-index: 102;
}
.modal-popup .modal-header {
  padding: 20px 25px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #002c5f;
  min-height: 50px;
}
.catalog-product_compare-index .modal-popup .modal-header {
  padding: 30px 25px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #002c5f;
}
.modal-popup.confirm .modal-inner-wrap .modal-content {
  padding: 20px;
  padding-top: 30px;
}
.modal-popup.confirm .modal-footer {
  text-align: center;
}
@media (min-width:200px) and (max-width:900px) {
  .header .minicart-wrapper .action.showcart img {
    width: 19px;
    height: 21px;
  }
  .header .minicart-wrapper {
    padding-top: 5px;
  }
  .header .account_link a.login_icon, .header .account_link a.login_icon.active {
    margin-top: 5px;
  }


  #customer-popup-login-wishlist  .form-login .fieldset .for_rem_block{width: 100%; display: table;}
}

.form-login .fieldset .for_rem_block {
  grid-column: 1/-1;
  padding: 10px 5px;
  /* margin-bottom: 5px; */
  padding-top: 10px;
}
.form-login .fieldset .for_rem_block .field.choice.persistent {
  float: left;
  width: 50%;
}
.form-login .fieldset .for_rem_block .forget_pass_again {
  float: right; line-height: 30px;
}
.form-login .fieldset .for_rem_block .field.choice.persistent .label {
  display: inline-block;
}
.product-add-form .product-options-wrapper .field .control.type .admin__field {
  width: 46%;
}
@media (min-width: 200px) and (max-width: 600px){
  .product-add-form .product-options-wrapper .field .control.type .admin__field {width: 100%; padding-right: 0;}
}
@media (min-width: 601px) and (max-width: 950px){
  .product-add-form .product-options-wrapper .field .control.type .admin__field {width: 45%;}
    
}
/* account page finance order */
.account .column.main .block.finance_terms .block-content .box:nth-child(2) + * {
  clear: none;
}
.account .order-date  {
  display: inline;
position: relative;
top: 13px;
font-size: 16px; float: right;
}
.account .order_print, .account .order_print_layaway {
  padding: 0px 25px 8px;
}

/* changes 3rdMar2021 end */

/* changes 4thMar2021 start */
.account .order_print, .account .order_print_layaway {
  padding: 4px 25px 12px;
}
.order-details-items .order-title > strong {
  font-weight: bold;
}
.account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
.column.main .order-details-items .table-wrapper .data.table > thead > tr > th {
  text-align: left;
}
@media (min-width:1200px) {
  .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td,
  .column.main .order-details-items .table-wrapper .data.table > thead > tr > th {
    max-width: 80px;
    word-wrap: break-word;
  }
}
.order-details-items.shipments .order-title {
  background-color: #f5f3f4;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  margin: 10px 0;
  border: 0;
}
.order-details-items.shipments .order-title .action {
  margin: 0;
}
.table-order-items.shipment .col.name .item.options {
  margin-left: 10px;
  color: #777;
  font-size: 13px;
  text-transform: capitalize;
  margin-top: 10px;
}
.table-order-items.shipment .col.name .item.options dt {
  clear: left;
  float: left;
  margin: 0 10px 5px 0;
}
.table-order-items.shipment .col.name .item.options dd {
  display: inline-block;
  float: left;
  margin: 0 0 5px;
}
.cart_two_col .left_col .shopping-cart-empty-btn a:visited {color: #fff;}
.cart_two_col .left_col .shopping-cart-empty-btn a:active {color: #fff; text-decoration: none;}
.cart_two_col .left_col .shopping-cart-empty-btn a {transition: none;}
.form-newsletter-manage.block .field.choice .label::after,
.form-edit-account.block .field.choice .label::after {top: -4px;}
.checkout-payment-method .checkout-billing-address .action-cancel {color: #003b7d;}
.checkout-payment-method .checkout-billing-address .action-cancel:hover {color: #003b7d;}
.checkout-payment-method .checkout-billing-address .action-cancel:active {color: #003b7d;}
.checkout-payment-method .checkout-billing-address .action-cancel:visited {color: #003b7d;}
@media (max-width:767px) {
  .order-details-items {clear: both;}
  table.finance_terms_table tr.finance-title td{font-size: 15px;}
  body.account .items.order-links .nav.item {text-align: left;}
}
@media (min-width:200px) and (max-width:400px) {
  .order-links .item a, .order-links .item strong {font-size: 12px;}
}

.tabcontent .pay_full .right_box label{cursor: pointer;display: inline-block;}
.popup-inner-contant.saleable_popup {padding: 25px;}
/* changes 4thMar2021 end */

.road-recovery-standard .radio
,.road-recovery-standard label,
.roadside-assistance-standard .radio
,.roadside-assistance-standard label{pointer-events:none; opacity: 0.6}


/* changes 8thMar2021 start */
.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn a {font-size: 14px;}
.field.choice.newsletter .label::after {top: -4px;}
.vas_block .product-options-wrapper .field.choice .label {padding-left: 38px;}
.checkout-index-index .checkout-shipping-method .form-shipping-address .action.primary,
.checkout-index-index .checkout-shipping-method .form-shipping-address .action.primary:hover,
.checkout-index-index .checkout-shipping-method .form-shipping-address .action.primary:active,
.checkout-index-index .checkout-shipping-method .form-shipping-address .action.primary:visited {background: #002c5f;padding: 16px 10px;width: 17%;font-size: 14px;}
.sidebar .block.block-collapsible-nav ul li.item:nth-child(5), 
.sidebar .block.block-collapsible-nav ul li.item:nth-child(6), 
.sidebar .block.block-collapsible-nav ul li.item:nth-child(7), 
.sidebar .block.block-collapsible-nav ul li.item:not(a):nth-child(5), 
.sidebar .block.block-collapsible-nav ul li.item:not(a):nth-child(6),
.sidebar .block.block-collapsible-nav ul li.item:not(a):nth-child(7) {
  margin-left: 22px;
}
@media (max-width:450px) {
  .filter-options .filter-options-item {width: 85%;}
}
@media (max-width:900px) {
  .checkout-index-index .checkout-shipping-method .form-shipping-address .action.primary {font-size: 13px;padding: 11px 18px;margin-top: 10px;width: auto;}
  .checkout-index-index #fmehomedelivery #fmehomedelivery_address {width: 100%!important;}
}
/* changes 8thMar2021 end */

/* changes 9thMar2021 start */
/*.catalog-product-view .page_main {padding-bottom: 20px;}*/
.right_col_detail .cash_option .tabcontent .full_pay_price {padding: 5px;padding-left: 15px;padding-top: 0;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price{ padding: 0; border-bottom:none; text-align: left;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_cash{display: block;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_full{display: block; text-align: left;padding: 5px 0; padding-top: 0;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_cash .price{display: block; font-size: 22px;  color: #000;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_full .price{text-decoration: line-through; color: #999; text-align: left}
.processing-fee-span {display: block;}
.right_col .vechile_detail .total_amount_detail ul li .non-refundable-fee.force-fee {
  font-size: 12px;
  line-height: 22px;
}
.right_col_detail .cash_option .tabcontent .processing_fee .non-refundable-fee.force-fee {
  font-size: 14px;
}
.finance-fee {
  font-weight: 700;
}
@media (min-width:350px) and (max-width:900px) {
  .header .account_link a.logout_url{font-size: 11px;padding-left: 0;padding-top: 14px;}
}
@media (min-width:200px) and (max-width:350px) {
  .header .account_link a.logout_url{display: none;} 
}
.product_specification_block .value{margin-bottom: 30px;}
.product_specification_block .value ul{display: grid;
 grid-template-columns: 1fr 1fr;
}
.product_specification_block .value ul li{
  box-sizing: border-box;
  padding: 5px 5px 5px 0;
  font-size: 15px;
  color: #393939;
  line-height: 24px;
  list-style: disc;
  margin: 0 15px;
}
.field.agreement .agreement-rfq{
  text-transform: none;
}
.contact_us_block .forms .margin_btm .fields.half-field .field p{
  line-height: 22px;
  font-size: 12px;
}
@media (min-width:200px) and (max-width:500px) {
  .contact_us_block .forms .margin_btm .fields.half-field .field p{line-height: 0px;font-size: 11px;}
}
@media (min-width:500px) and (max-width:900px) {
  .contact_us_block .forms .margin_btm .fields.half-field .field p{line-height: 22px;font-size: 11px;}
}
/* changes 9thMar2021 end */

/* changes 10thMar2021 start */
@media (min-width:200px) and (max-width:900px) {
  /* .catalog-product-view .form-create-account .fieldset, .catalog-product-view .form.form-login .fieldset {margin: 0px 0 10px;} */
  /* #customer-popup-login .form.form-login .socail_login {margin-top: 0;} */
  .catalog-product-view .form-create-account .actions-toolbar {margin-top: 20px;}
  .catalog-product-view .customer-popup .modal-header .action-close::before {top: 5px;right: 5px;}
  .catalog-product-view .form-create-account .fieldset.create.info .field {margin-left: 0;}
  #customer-popup-login .actions-toolbar .primary {width: 35%;display: inline-block;margin-bottom: 0;}
  #customer-popup-login .actions-toolbar .primary .action {padding: 12px 10px;}
  #customer-popup-login .actions-toolbar .primary #send2-login {width: 100%;display: inline-block;}
  .modal-popup .modal-header {padding: 17px;}
  #customer-popup-login .form-login .actions-toolbar .or-another-selection {display: inline-block;text-align: center;margin-bottom: 5px;padding-left: 5px;margin-top: 14px; font-size: 15px;}
  #customer-popup-login .form-login .actions-toolbar .secondary {display: inline-block;font-size: 15px;text-align: right;}

 #customer-popup-login-wishlist .actions-toolbar {margin-top: 10px;}
 #customer-popup-login-wishlist .actions-toolbar .primary {width: 35%;display: inline-block;margin-bottom: 0;}
 #customer-popup-login-wishlist .actions-toolbar .primary button.primary{width: 100%;display: inline-block;margin-bottom: 0;}
  .customer-popup-wishlist .actions-toolbar .primary button.primary{width: 100%;display: inline-block;margin-bottom: 0;}
.customer-popup-wishlist  .actions-toolbar{width: 100%;
    margin-top: 0;}
  #customer-popup-login-wishlist .actions-toolbar .primary .action {padding: 12px 10px;}
  #customer-popup-login-wishlist .actions-toolbar .primary #send2-login {width: 100%;display: inline-block;}
  #customer-popup-login-wishlist .form-login .actions-toolbar .or-another-selection {display: inline-block;text-align: center;margin-bottom: 5px;padding-left: 5px;margin-top: 14px; font-size: 15px;}
  #customer-popup-login-wishlist .form-login .actions-toolbar .secondary {display: inline-block;font-size: 15px;text-align: right;}
  #customer-popup-login-wishlist  .form-login .g-recaptcha iframe {

    box-shadow: none;
  }

}
.right_col_detail .cash_option .tabcontent .full_pay_price {padding: 10px;padding-left: 15px;padding-top: 2px;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price{ padding: 0; border-bottom:none; text-align: left;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_cash{display: block;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_full{display: block; text-align: left;padding: 7px 0; padding-top: 0;font-size: 20px;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_cash .price{display: block; font-size: 34px;  color: #000;padding-bottom: 5px;font-weight: bold;}
.right_col_detail .cash_option .tabcontent .full_pay_price .price_full .price{text-decoration: line-through; color: #999; text-align: left}
.right_col_detail .buying_procedure #finance_disclaimer {padding: 10px;padding-top: 24px;padding-bottom: 0;}
.right_col_detail .buying_procedure #finance_disclaimer .disclaimer_note {font-size: 12px;font-weight: normal;height: 55px;overflow-y: scroll;line-height: 18px;color: #3e4c50;padding-right: 10px;}
.right_col_detail .buying_procedure #finance_disclaimer .disclaimer_note strong {font-weight: bold; text-decoration: underline;color: #000;}

.right_col_detail  .finanace_text {padding: 10px 15px; background: #f6f3f2;margin-bottom: 5px;}
.right_col_detail  .finanace_text .finanace_text_inner {font-size: 14px;font-weight: normal;/*overflow-y: scroll; text-align: justify;*/ line-height: 20px;color: #393939;padding: 0px;}
.right_col_detail  .finanace_text .finanace_text_inner strong {font-weight: bold; text-decoration: underline;color: #000;}

.product_left_col .product_specification_block .read_more,.product_left_col .product_specification_block .read_less{border: 1px solid #ececec;;text-align: center;padding: 10px;width: 95%;cursor: pointer;text-transform: capitalize;margin-top: 15px;color: #002c5e;}
@media (max-width:500px) {
  .product_specification_block .value ul li {grid-column: 1 / -1}
}
.catalog-product-view .form-create-account .fieldset.create.info .legend {margin: 0;}
.catalog-product-view .form-create-account .fieldset.create.info .legend span {font-size: 18px;}
.product-options-wrapper .fieldset .orderbox.field {margin: 0 0 15px;padding-top: 15px;padding-bottom: 0px;line-height: 14px !important;}
.roadside-assistance-premium---free .label span::after { content: "( SAR920.00 )"; text-decoration: line-through; color: #888;white-space: nowrap;}
.roadside-assistance-premium .label span::after { content: "( SAR920.00 )"; text-decoration: line-through; color: #888;white-space: nowrap;}
.tinting-standard-tinting .label span::after { content: "( SAR920.00 )"; text-decoration: line-through; color: #888; white-space: nowrap;}
.right_col_detail .cash_option .tabcontent .processing_fee {display: grid;grid-template-columns: 1fr 1fr;}
.right_col_detail .cash_option .tabcontent .processing_fee .processing_fee_label {text-align: center;line-height: 22px;}
.right_col_detail .cash_option .tabcontent .processing_fee .processing_fee_label .processing-fee-span {font-size: 16px;}
.right_col_detail .cash_option .tabcontent .processing_fee .non-refundable-fee.force-fee {font-size: 13px;padding-right: 0;text-align: center;margin-top: 0px;}
.right_col_detail .cash_option .tabcontent .processing_fee .processing_fee_price {padding: 6px 0;font-size: 26px;}

.option_popup_content.modal {
    z-index: 902;
}
/* changes 10thMar2021 end */

/* changes 11thMar2021 start */
.account .block-installment-details-view .backButtonDiv {
  font-size: 16px;
  margin-bottom: 20px;
  width: 50%;
  display: block;
  float: right;
  text-align: right;
  padding: 3px 0;
}
.account .block-installment-details-view .backButtonDiv a.backButton,
.account .block-installment-details-view .backButtonDiv a.backButton:hover,
.account .block-installment-details-view .backButtonDiv a.backButton:active {color: #002c5e;}
.order_box .label.title .option_popup_outer {display: inline;padding-left: 5px;}
#contact_time::placeholder {  color: #adadad;}

.modal_tooltip{margin-left:5px}
.option_popup_content .modal-content {max-width: 900px;}
.option_popup_content.modal .modal-content{width: 95%;position: relative;}
.option_popup_content.modal .modal-content .modal_header{font-size: 26px;color: #000;text-align: center;box-sizing: border-box;text-transform: none}
.option_popup_content.modal .modal-content .close_filter_popup{max-width: 100%;position: absolute;right: 24px;top: 24px;}
.option_popup_content.modal .modal-content .services{width: 100%;padding: 30px; box-sizing: border-box;}
.option_popup_content.modal .modal-content .services ul li{display: flex;align-items: center;padding-bottom: 16px;}
.option_popup_content.modal .modal-content .services p{font-size: 16px;color: #393939;line-height: 26px;text-transform: none;}
.option_popup_content.modal .modal-content .services img{max-width: 100%;margin-right: 20px;filter: hue-rotate(300deg);}
.option_popup_content.modal .modal-content .services ul li:last-child{padding-bottom: 0}
.option_popup_content.modal .modal-content .terms_condition{width: 100%;background-color: #f4f4f4;padding:30px 40px;box-sizing: border-box;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.option_popup_content.modal .modal-content .terms_condition .title{font-size: 13px;color: #000;padding-bottom: 12px;}
.option_popup_content.modal .modal-content .terms_condition ul{margin-left: 30px;list-style-type: disc;color: #606061;}
.option_popup_content.modal .modal-content .terms_condition ul li{padding-bottom: 1px;}
.option_popup_content.modal .modal-content .terms_condition ul li p{font-size: 11px;line-height: 17px; color: #404040;;}
.option_popup_content.modal .modal-content .terms_condition ul li:last-child{padding-bottom: 0}

@media (min-width:200px) and (max-width:800px){
  .option_popup_content.modal .modal-content{width: 93%;}
  .option_popup_content.modal .modal-content .close_filter_popup{width: 12px;top: 17px;right: 17px;}
  .option_popup_content.modal .modal-content .modal_header{font-size: 17px;padding-bottom: 10px;}
  .option_popup_content.modal .modal-content .services img{margin-right: 10px;}
  .option_popup_content.modal .modal-content .services p{font-size: 13px;line-height: 19px;}
  .option_popup_content.modal .modal-content .services{padding: 20px 30px;padding-bottom: 30px;}
  .option_popup_content.modal .modal-content .terms_condition{padding: 20px 15px;}
}

@media (min-width:801px) and (max-width:900px){
  .vas_popup{width:700px;}
}
.upload-files-submit-btn {
  height: 0;
  padding: 0;
  margin: 0;
}

.buying_procedure.price_block .cash_price_tag {
  background: #fafafa;
  padding: 10px 20px;
  text-align: center;
  margin: 10px 0 5px 0;
  font-size: 16px;
}
.buying_procedure.price_block .cash_price_tag img {
  position: relative;
  top: 2px;
  right: 8px;
}
/* changes 11thMar2021 end */
.account .column.main .order-details-items .table-wrapper .data.table td.col.qty li.item{text-align: left; justify-content: flex-start;}

.sidebar .block.block-collapsible-nav ul li.item:nth-child(4) a strong,
.sidebar .block.block-collapsible-nav ul li.item:nth-child(5) a strong,
.sidebar .block.block-collapsible-nav ul li.item:nth-child(6) a strong,
.sidebar .block.block-collapsible-nav ul li.item:nth-child(7) a strong {
  padding-left: 0;
  color: #003b7d;
  font-weight: normal;
  border-color: #003b7d;
}

/* changes 15thMar2021 start */
.sidebar-main .block-collapsible-nav .item a:hover {
  border-right: none;
}
.order-details-items .items-qty .item {
  justify-content: flex-start;
}
.cms-index-index .side_menu_detail .menu li.search_icon{display: none;}
.account .order_print .actions-toolbar.order-actions-toolbar .action.back {display: none;}
.account .order_print .actions-toolbar.order-actions-toolbar {margin-top: 8px; margin-bottom: 0;}
.account a.action.back, .account a.action.back:visited, .account a.action.back:hover {color: #0E306C;}

@media (max-width:639px){
  .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, 
  .column.main .order-details-items .table-wrapper .data.table > thead > tr > th {padding-left: 0;}
  .order-no-title {width: 100%;}
  .order-details-items.shipments .order-title .action, .order-details-items .order-title > strong {font-size: 13px;}
}
/* changes 15thMar2021 end */

/* changes 16thMar2021 start */
#ln_slider_range_price .ln_slider_from {
  width: 49%; float: left;
}
#ln_slider_range_price .ln_slider_to{
   width: 49%; float: right;
}
.filter-content .item.price_item{margin: 0}
.filter-content .item.price_item #update_price{width: 100%; margin: 15px 0 0 0; padding: 5px 10px;}

.ln_slider_container label {min-width: 0;}
.filter-content .item .ln_slider_from {margin-bottom: 0;}
#ln_slider_range_price .ln_slider_from, #ln_slider_range_price .ln_slider_to {text-align: left;} 

@media (min-width:768px) and (max-width:820px) {
  .ln_slider_range_input {margin-bottom: 0;}
}
@media (max-width:767px){
.filter-content .item.price_item #update_price{display: none;}  
}
@media (min-width:350px) and (max-width:400px) {
  .contact_us_block .popup .forms .margin_btm .fields.half-field .field #contact_time {margin-bottom: 10px;}
  .contact_us_block .popup .forms .margin_btm .fields.half-field .field p{font-size: 10px;}
}
.upload_files #upload-files-checkout-form .upload_files-fields .field.gift{width: 100%;grid-column: 1 / -1;background: #f4f4f4;padding: 20px 20px 18px 20px;box-sizing: border-box;}
.upload_files #upload-files-checkout-form .upload_files-fields .field.gift > label{display: none;}
.upload_files #upload-files-checkout-form .upload_files-fields .field.fines{width: 100%;grid-column: 1 / -1;}
.upload_files #upload-files-checkout-form .upload_files-fields .field.owner{width: 100%;grid-column: 1 / -1;}
.upload_files #upload-files-checkout-form .upload_files-fields .field.fines > label{display: none;}
.upload_files #upload-files-checkout-form .upload_files-fields .field.owner > label{display: none;}
.upload_files #upload-files-checkout-form .field.choice .label::after{background-color: #fff;}
.upload_files #upload-files-checkout-form .field.choice  label span{font-size: 15px; color: #2d2d2d;}
.upload_files #upload-files-checkout-form .field.gift label span{font-size: 16px; color: #000;}

.upload_files #upload-files-checkout-form .field.choice .label{padding-left: 40px;}
.upload_files #upload-files-checkout-form .field.choice .label span{line-height: 26px;text-transform: none;}

.upload_files #upload-files-checkout-form .field .select {background-color: #fff;}
.account .order-actions-toolbar .action.print{display:none;}
/* changes 16thMar2021 end */

.top_total_price {margin-bottom: 20px;}

.right_col .vechile_detail .total_price b {
 
  font-weight: 500;
}

.bottom_order_congrats {
  max-width: 900px;
  margin: 0 auto;
  padding: 10px 0 !important;
}

.bottom_order_congrats p {
  line-height: 26px;
  font-size: 18px;
}

.order_top_summary_list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
}

.order_top_summary_list:not(:last-child) {
  margin-bottom: 20px;
}

.order_top_summary_list,
.block-order-details-comments .comment-content {
 

}

.block-order-details-comments .comment-date {
  margin-right: 0;
  max-width: max-content;
}

.block-order-details-comments .comment-content {
  float: right;
}

.layaway-customer-invoice .actions-toolbar.order-actions-toolbar,
.layaway-customer-shipment .actions-toolbar.order-actions-toolbar,
.layaway-customer-creditmemo .actions-toolbar.order-actions-toolbar,
.layaway-customer-multiinvoice .actions-toolbar.order-actions-toolbar,
.layaway-customer-multishipment .actions-toolbar.order-actions-toolbar,
.layaway-customer-multicreditmemo .actions-toolbar.order-actions-toolbar,
.layaway-customer-fullinvoice  .actions-toolbar.order-actions-toolbar,
.layaway-customer-fullshipment .actions-toolbar.order-actions-toolbar,
.layaway-customer-fullcreditmemo  .actions-toolbar.order-actions-toolbar,
.sales-order-view  .actions-toolbar.order-actions-toolbar {
  display: none;
}

.sales-order-view .report-an-error {
  width: 50%;
}

.maxfilesize {
  font-size: 12px;
  color: #002c5e;
}
/* changes 30Mar2021 start */
.order_box .option_popup_content.modal .modal-content .title {margin-top: 3px;font-weight: bold;} 
.order_box .option_popup_content.modal .modal-content .close_filter_popup {padding-bottom: 0;top: 20px;}
.order_box .option_popup_content.modal .modal-content .services ul li {padding-bottom: 0;}
.order_box .option_popup_content.modal .modal-content .inner_popup {max-height: calc(69vh - -20px);overflow: auto;}
.order_box .option_popup_content.modal .modal-content .terms_condition ul li {display: list-item;}
.order_box .option_popup_content.modal .modal-content .modal_header {padding: 22px;padding-left: 30px;}

.right_col .vechile_detail .paying_amount.last_payment {
  padding-left: 0;
  padding-right: 0;
}

.successful_order_block .remaining_pay.installment_split_child_payment {
  margin-top: 20px;
  padding-bottom: 20px;
}

.successful_order_block .remaining_pay.installment_split_child_payment .make-your-next-payment-now {
  margin-bottom: 0;
}


@media screen and (min-width: 900px) {
  .language-switcher-responsive {
    display: none;
  }
}

@media screen and (max-width: 900px) {
  .language-switcher-responsive {
    display: inline-block;
  }
}

.block-order-details-comments .comment-date {
  clear: both;
}

@media screen and (min-width: 200px) and (max-width: 767px) {
  .block-order-details-comments .comment-content {
    float: left;
    margin-left: 10px;
    margin-top: 8px;
  }
}

@media screen and (min-width: 200px) and (max-width: 640px) {
  .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td.order_top_summary_td[data-th]:before {position: absolute;left: 15px;}
  .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td.order_top_summary_td {padding-left: 140px;}
  .product-add-form .product-options-wrapper .field .control.type .tooltip{float: right;}
}
.pymt_rcvd_installment {
  padding-bottom: 15px;
}
.account .column.main .block.block-order-details-view.upload_files_block .block-content:not(.widget) .box .box-content {border-top: 1px solid #cccccc;padding-top: 15px;}
.account .column.main .block.block-order-details-view.upload_files_block .block-content:not(.widget) .box .box-content strong {font-weight: bold; margin-right: 5px;}
.account .column.main .block.block-order-details-view.upload_files_block .block-content:not(.widget) .box .box-content .files_container {padding-top: 5px;}

button, a.action.primary {
  border-radius: 0px;
}




.fieldset > .field.required > .label::after, .fieldset > .fields > .field.required > .label::after, .fieldset > .field._required > .label::after, .fieldset > .fields > .field._required > .label::after {
  content: '*';
  color: #002c5f;;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
}
.nav_items .header_links.switcher:hover .switcher-dropdown{display: block;}
.nav_items .header_links .drop_down.open{display: block;padding: 10px 0;}
.nav_items .header_links .drop_down1.open{display: block;}
.page-wrapper .input_bar.show-search{height: auto; padding: 20px 0;overflow: visible;}
.page-wrapper .input_bar button.close_icon {background-color: transparent;background: none;}
.page-wrapper .input_bar .block-search {width: 500px;}
.block-search.inner_container{padding: 0; width: auto;}

.checkout-index-index .modal-inner-wrap .modal-footer .action.primary {background: #6c6d6f;}
.checkout-index-index .vas_block .right_col .vechile_detail .title.title_static a.edit span {float: none;}
.category-cms, .category-image, .category-description {margin-bottom: 0px;}
/* #customer-popup-form-register .field-recaptcha {margin-top: 50px;} */
@media (max-width:767px) {
  /* #customer-popup-form-register .field-recaptcha {margin-top: 10px;} */
}
.modal_header .title {
  text-align: left;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 0;
  margin-top: 3px;
}
#saleable_popup .modal_header .title{text-transform: capitalize;}

#saleable_popup .popup-inner-contant.saleable_popup{font-size: 16px;}

#saleable_popup .popup-inner-contant.saleable_popup .message-saleable a{text-decoration: underline;color: #002c5f;font-weight: bold;}
@media (min-width:200px) and (max-width:900px) {
  .modal_header .title {font-size: 18px;}
}
.modal-content .close {
  top: -22px;
}
.modal .popup-inner-contant {
  padding-top: 20px;
}
.right_col .discount{width:100%;text-align: center;padding: 10px 0px;cursor: pointer;}
.discount .payment-option{width: 100%;}
.discount .payment-option .payment-option-title{font-size: 13px;color: #000;margin-top: 10px; margin-bottom: 15px;}

.discount .payment-option .payment-option-title span img{margin-left: 5px;cursor: pointer;width: 13px;}

.payment-option .payment-option-content .control input{height: 50px;border: 1px solid #e1e1e1;border-radius: 0px;font-size: 15px;color: #2d2d2d;;box-sizing: border-box;    background-color: #fff;padding-left: 20px;padding-right: 10px;outline: 0;width:100%;    padding-top: 5px;}

.payment-option-content {position: relative;}
.payment-option-content .actions-toolbar button { 
  background-color: #777673;
  border: 0;
  border-radius: 0;
  padding: 10px 20px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
.payment-option-content .actions-toolbar button:hover { 
  background-color: #777673;
  color: #fff;
}

@media (min-width:200px) and (max-width:500px){
  .nav_items .account_link a.login_icon.active {width: 17px;}
}
@media (min-width:200px) and (max-width:900px) {
  .checkout-payment-method .step-title {padding: 0;}
}
.product-options-wrapper .order_box .field.choice .label::after {top: -2px;}

.form-login .fieldset .lof-social-login-widget {margin-bottom: 20px;} 
.upload_files .validate-fme-fields .field.choice .label::after {top: 0;}
.checkout-agreements .label .checkmark {top: 8px;}

.pickupHomeMapText {
  padding: 20px 25px;
  background-color: #f4f4f4;
  /* margin-bottom: 15px; */
  
}
.pickupHomeMapText .img{display: inline-block; vertical-align: top;}
.pickupHomeMapText .text{display: inline-block;width: calc(100% - 50px);margin-left: 10px;}

.customer-account-forgotpassword .login-create-container .field.note {color: #2d2d2d;font-size: 16px;}

.layered-filter-block-container{min-height:1px;}

.filter-content{width: 100%;display: inline;align-items: center;}
.filter-content ul li{display: inline-block;position: relative;padding-right: 5px;}

.filter-content .filter-value{font-size: 14px;color: #fff;background-color: #9c9c9c;;padding: 6px 10px;box-sizing: border-box;margin-right: 2px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;display: inline-block;padding-top: 8px;float: left;
  clear: none;}

.filter-content .remove{padding: 5px 12px;box-sizing: border-box;background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/small_close_white.png");background-repeat: no-repeat;background-position: center;background-color: #9c9c9c;    position: relative;top: 2px;padding-bottom: 6px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}

/*.filter-actions{display: inline-block;margin-left: 20px; margin: 0;position: relative;top: 6px;}*/
.filter-actions .filter-clear{color: #2d2d2d;;}
.filter-actions .filter-clear span{color: #2d2d2d;font-size: 14px;}

.catalogsearch-result-index .car_model_listing #layer-product-list .search.results {padding: 60px 0px;box-sizing: border-box;padding-top: 30px;}
.catalogsearch-result-index #maincontent .no_top_paddding {padding-top: 0px;}

.product-items > li {margin: unset;margin-bottom: 40px;}
.product-items {font-size: unset;letter-spacing: unset;line-height: unset;}
.breadcrum_container .breadcrum.step2{display: none;}

@media (min-width:200px) and (max-width:900px) {
  .cms-home .car_model_listing.padding_bottom {padding-top: 0;padding-bottom: 40px;}
  .product_detail_block .product_left_col .media .photo_media li span {font-size: 12px;padding: 12px 28px;}
  .catalog-product-view .section_padding .section_padding {padding: 30px 0;}
  .inner_container_full .product_detail_block .product_detail_description .product.attribute.overview.description {margin: 0 10px;}
  .inner_container_full .product_detail_block .product_detail_description .prod_page_table .table-wrapper {margin-bottom: 0;}
  .product_detail_description .customer_review {padding: 30px 0;}
  .right_col_detail .cash_option .tabcontent .full_pay_price .price_cash .price {font-size: 30px;}
}
@media (min-width:200px) and (max-width:435px) {
  .product_detail_block .product_left_col .media .photo_media li span {font-size: 11px;padding: 10px 26px;}
  .buying_procedure.price_block .cash_price_tag {font-size: 14px;}
}


.modal .page_share_popup {min-height: 230px;max-width: 600px;}
.modal .page_share_popup .modal_header .title {font-size: 22px;}
.modal .page_share_popup .page_share_block ul.share {display: table;width: 100%;text-align: center;font-size: 0;margin: 30px 0 20px 0;}
.modal .page_share_popup .page_share_block ul.share li{display: inline-block;vertical-align: middle;margin: 0 0 0 48px;}
.modal .page_share_popup .page_share_block ul.share li:first-child {margin-left: 0;}
.modal .page_share_popup .page_share_block ul.share li a {display: block;width: 60px;height: 43px;text-indent: -9999px;}
.modal .page_share_popup .page_share_block ul.share li.btn_fb a {background: url(../../frontend/Magento/hyundai_ksa/en_US/images/share_facebook.png) no-repeat;}
.modal .page_share_popup .page_share_block ul.share li.btn_tw a {background: url(../../frontend/Magento/hyundai_ksa/en_US/images/share_twitter.png) no-repeat;}
.modal .page_share_popup .page_share_block ul.share li.btn_whs a {background: url(../../frontend/Magento/hyundai_ksa/en_US/images/share_whatsapp.png) no-repeat;}
.modal .page_share_popup .page_share_block ul.share li.btn_fb a {background-position: 0 -43px !important;}
/*.modal .page_share_popup .page_share_block ul.share li.btn_tw a {background-position: 0 -43px !important;}*/
.modal .page_share_popup .shareclose {top: -22px; right: 24px; font-size: 0;}
.share_popup_content.modal {padding-top: calc(40vh - 50px);}

.top_header_container .page_share_btn {float: right;position: relative;top: -158px;color: #000;font-size: 15px;font-weight: 600;}
.top_header_container .page_share_btn img {margin-right: 8px;}
.top_header_container .page_share_btn p {display: inline;font-weight: normal;}

@media (min-width:200px) and (max-width:900px) {
  /*.top_header_container .page_share_btn {top: -145px;}*/
  .top_header_container .page_share_btn {font-size: 12px !important;top: -145px !important;}
  .top_header_container .page_share_btn img {position: relative;top: 2px;}
}
@media (min-width:200px) and (max-width:600px) {
  .top_header_container .page_share_btn p {display: none;}
}
/*#customer-popup-login-form .fieldset .field.required .label::after{display: none;}
#customer-popup-login-form .fieldset .field.required .label span::after {
  content: '*';
  color: #0e306c;;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
}*/
/*#customer-popup-form-register .fieldset .field.required .label span::after {
  content: '*';
  color: #0e306c;;
  font-size: 1.2rem;
  margin: 0 0 0 5px;
}*/
#customer-popup-login-form .fieldset .field.choice .label,#customer-popup-login-form-wishlist .fieldset .field.choice .label {padding-left: 28px;}
#customer-popup-login-form .fieldset .field.choice .label::after ,#customer-popup-login-form-wishlist .fieldset .field.choice .label::after  {left: 0px;}
.modal-content #cartstatusclose {right: 1px;top: -23px;}
#share-popup-content .shareclose {top: -20px;right: 0px;}
.form.password.forget .fieldset .field .label span {font-size: 15px;color: #2d2d2d;text-transform: capitalize;padding-bottom: 10px;}
.form.password.forget .fieldset .actions-toolbar .primary .action {padding: 18px 26px;padding-top: 20px;width: 100%;}
.form.password.forget .fieldset .actions-toolbar .primary {width: 100%;}
.form.password.forget .fieldset .field {margin-bottom: 30px;}
.form.password.forget .fieldset .actions-toolbar {margin-top: 30px;}
.form.password.forget .fieldset .field .label {margin-bottom: 8px;}

.customer-account-createpassword .fieldset .field .label span {font-size: 15px;color: #2d2d2d;text-transform: capitalize;padding-bottom: 10px;}




.cms-shipping-policy-html .privacy_detail ul.bullets {
  padding-left: 40px;
  margin-bottom: 10px;
}
.cms-shipping-policy-html .privacy_detail ul.bullets li {
  list-style: disc;
  border: none;
  display: list-item;
  font-size: 16px;
  
  line-height: 22px;
  margin-bottom: 13px;
}

.cms-shipping-policy-html .privacy_detail ul.bullets li a{color: #0E306C; text-decoration: underline;}
/* shipping policy end */


/*.cms-terms-and-conditions-html .privacy_detail h3 {
  display: inline-block;
  font-size: 24px;
  
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 28px;
}*/
/*.cms-terms-and-conditions-html .privacy_detail p {
  
  font-size: 16px;
  line-height: 26px;
  padding-top: 0px;
  padding-bottom: 20px;
  font-weight: 100;
}*/
.cms-terms-and-conditions-html .privacy_detail ul.bullets, .cms-page-view .privacy_detail ul.bullets {
  padding-left: 40px;
  margin-bottom: 10px;
}
.cms-terms-and-conditions-html .privacy_detail ul.bullets li, .cms-page-view  .privacy_detail ul.bullets li{
  list-style: disc;
  border: none;
  display: list-item;
  font-size: 16px;
  
  line-height: 22px;
  margin-bottom: 13px;
}


.cms-terms-and-conditions-html .privacy_detail ul.no_bullets, .cms-page-view .privacy_detail ul.no_bullets {
  padding-left: 40px;
  margin-bottom: 10px;
}
.cms-terms-and-conditions-html .privacy_detail ul.no_bullets li, .cms-page-view  .privacy_detail ul.no_bullets li{
  list-style: none;
  border: none;
  display: list-item;
  font-size: 16px;
  
  line-height: 22px;
  margin-bottom: 13px;
}


.cms-terms-and-conditions-html .privacy_detail p.title, .cms-page-view .privacy_policy p.title ,.cms-page-view .privacy_detail p.title {
  padding-bottom: 15px;
  font-weight: bold; margin-bottom: 0;
}

.cms-page-view  .privacy_detail p strong,.cms-page-view  .privacy_policy p strong{font-weight: 700;}

.cms-page-view .privacy_detail p a {
  color: #0E306C;
  text-decoration: underline;
}

@media (min-width:200px) and (max-width:900px) {
  
  /* account pages */
  .installment-wrapper .amount-payment .amount-control span {
    font-size: 15px;
  }
  .installment-wrapper .amount-payment span {
    font-size: 15px;
  }
  .installment-wrapper .amount-payment .amount-control input {
    width: 100px;
    height: 40px;
    font-size: 14px;
  }
  .pay_installment_form .actions-toolbar .primary .action {
    width: auto;
    height: 40px;
    line-height: 19px;
  }
}
/* T&C end */

.checkout-index-index .nav-sections {
  display: inline-flex;
}
@media (min-width:200px) and (max-width:640px) {
  /* .modal_header .title {font-size: 22px;} */
  #cart_status_popup .modal_header .title {font-size: 16px;}
  #rfq-popup-content .modal-content .modal_header .close {top: -27px;}
  #rfq-popup-content .modal-content .modal_header .close img {width: 12px;}
}
.modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap {box-shadow: unset;}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month {width: 47%;margin-right: 2%; margin-left:0; font-size: 13px;    background-position: right 11px center;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {width: 51%;font-size: 13px;   background-position: right 11px center;}

.account .pages .action,
.account .pages .action:hover,
.account .pages .action:active,
.account .pages .action:focus {background: #002c5e;border: 0;color: #fff;display: inline-block;padding: 0;text-decoration: none;border-radius: 0;}
.account .pages .action.next:visited::before {color: #fff;}
.account .pages .action.previous:visited::before {color: #fff;}
.product-add-form .product-options-wrapper .field .control.type .admin__field.full_width{width: 100%; padding-right: 0;}


/* minicart */
.minicart-wrapper .block-minicart {
  margin: 0;
  padding: 0;
  list-style: none none;
  background: #ffffff;
  border: 1px solid #bbbbbb;
  padding-top: 22px;
  min-width: 100%;
  width: 350px;
  z-index: 101;
  box-sizing: border-box;
  display: none;
  position: absolute;
  top: 100%;
  right: -10px;
  margin-top: 22px;
  padding: 22px;
  box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);
  padding-bottom: 0;
  border-radius: 0;
  border: none;
}
.minicart-items-wrapper {
  border-bottom: 0;
}
.block-minicart .block-content > .actions > .primary .action.primary {
  display: block;
font-size: 17px;
color: #fff;
background-color: #002c5e;
padding: 8px 25px;
padding-top: 10px;
box-sizing: border-box;
text-align: center;
text-transform: none;
font-weight: 600;
}

.block-minicart .subtotal .label::after {
  display: none;
}
.block-minicart .amount .price-wrapper:first-child .price {
  font-size: 18px;
  font-weight: 700;
}
.block-minicart .subtotal .amount.price-container {
  padding-bottom: 10px;
  float: right;
}
.block-minicart .product .product-item-details .product.options {
  font-size: 14px;
}
.block-minicart .product-item-pricing .price-container .price {
  font-size: 15px;
  font-weight: 400px;
}
.minicart-items .product-item-details {
  padding-left: 95px;
}
.block-minicart .block-content > .actions > .primary {
  margin: 0 0px 15px;
}
.minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax {
  margin: 0px 0;
}
.minicart-items .product-item-name {
  font-weight: 400;
  margin: 0 0 10px;
  font-size: 16px;
}
.minicart-items .item-qty {
  text-align: center;
  width: 30px;
}
.minicart-items .product-item-pricing .label {
  display: inline-block;
  font-size: 15px;
}
.minicart-items .update-cart-item {
  margin-left: 5px;
  vertical-align: top;
  margin-top: 0;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 0;
  margin-bottom: 10px;
  text-transform: capitalize;
  background-color: #002c5e;
  box-shadow: none;
  border: 0;
  color: #fff;
}
.minicart-wrapper .minicart-widgets {
  margin-top: 15px;
  display: none;
}
.minicart-wrapper .action.close {
  right: 5px;
}
.minicart-items .product-item-name a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) {
  margin-right: 5px;
}
.minicart-items .product-item-details .details-qty {
  display: none;
}
.block-minicart .items-total {
  display: none;
}
.minicart-wrapper .action.edit::before {
  font-size: 18px;
}
.block-minicart .subtotal {
  margin: 10px 0px 10px;
  text-align: left;
}
.minicart-wrapper .action.close {
  right: 6px;
  top: 3px;
}
.minicart-items-wrapper {
  padding: 20px;
  padding-bottom: 0;
}
.minicart-items .action.delete::before {
  font-size: 17px;
}
.minicart-items .product-item-details .product .options.list dt {
  margin: 0 5px 5px 0;
  font-size: 14px;
  padding: 0;
}
.block-minicart .block-content .subtotal .label {
  display: inline;
}
@media (min-width:200px) and (max-width:900px) {
  .minicart-wrapper .product .actions {float: right;margin: -28px 0 0;}
  .minicart-items .product-item-name {font-weight: 400;margin: 0 0 5px;font-size: 13px;}
  .block-minicart .product .product-item-details .product.options {font-size: 12px;}
  .block-minicart .product-item-pricing .price-container .price {font-size: 13px;font-weight: 400px;}
  .block-minicart .block-content > .actions > .primary .action.primary {font-size: 13px;padding: 8px 10px;}
  .block-minicart .amount .price-wrapper:first-child .price {font-size: 18px;font-weight: 700;}
  .block-minicart .block-content .subtotal .label {font-size: 14px;}
  .block-minicart .items-total {font-size: 14px;}
  .minicart-wrapper .block-minicart {width: 280px;padding: 20px; padding-bottom: 0;right: -30px;}
  .minicart-items .product-item-details {padding-left: 90px;}
  .block-minicart .block-content > .actions > .primary {margin: 0 0px 10px;}
  .block-minicart .block-content > .actions {margin-top: 0px;}
  .block-compare .inner_container{min-width: 100%;}
  .minicart-wrapper .ui-widget {z-index: 12;position: fixed;}
  .modal .page_share_popup {width: 95%;min-height: 200px;}
}
@media (min-width:200px) and (max-width:767px) {
  .minicart-wrapper .ui-widget {z-index: 12;position: fixed;}
  .minicart-wrapper .block-minicart {right: -30px;}
}
.catalog-product-view .form-create-account #register_captcha {margin-bottom: 3px;}

.page.tracking .subtitle.caption{margin-bottom: 20px;}
.page.tracking .actions button.action{background-color: #002c5f;
color: #fff;
border-bottom: 2px solid #002c5f;
text-align: center;
padding-left: 0;
line-height: auto;
text-transform: none;
font-size: 16px;
font-weight: 600;
height: 48px;padding:10px 20px; padding-top: 12px;
border-radius: 0px;}
.return-status, .order-status {text-transform: none;}
.address.shipping_detail_block.shipping-address-checkout .field.choice .label::after {top: -3px;}
.form.callback .actions-toolbar {margin-top: 0px;}

.order-details-items .table-wrapper .order_total th.mark, .order-details-items .table-wrapper .order_total td.amount {}
.order-details-items .table-wrapper .layaway_remaining th.mark, .order-details-items .table-wrapper .layaway_remaining td.amount {}
#reviewCon .comment p {text-overflow: unset;overflow: unset;white-space: unset;}
.customer-account-edit .form-edit-account .fieldset.password .password.current {position: relative;}
.customer-account-edit .form-edit-account .fieldset.password .password.new {position: relative;}
.customer-account-edit .form-edit-account .fieldset.password .password.confirm {position: relative;}
#customer-popup-login-form .fieldset.login .password {position: relative;}
#customer-popup-login-form-wishlist .fieldset.login .password {position: relative;}
.customer-account-edit .form-edit-account .fieldset.password .password.current .showPass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
.customer-account-edit .form-edit-account .fieldset.password .password.current .hidePass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
.customer-account-edit .form-edit-account .fieldset.password .password.new .showPass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
.customer-account-edit .form-edit-account .fieldset.password .password.new .hidePass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
.customer-account-edit .form-edit-account .fieldset.password .password.confirm .showPass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
.customer-account-edit .form-edit-account .fieldset.password .password.confirm .hidePass {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 28px;
}
#customer-popup-login-form .fieldset.login .password .showPass, #customer-popup-login-form-wishlist .fieldset.login .password .showPass  {
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 30px;
}
#customer-popup-login-form .fieldset.login .password .hidePass, #customer-popup-login-form-wishlist .fieldset.login .password .hidePass{
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");
  z-index: 10;
  margin-top: 15px;
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 22px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 30px;
}

.login_block .left_forms .fieldset .field .password.show, .login_block .left_forms .fieldset .field .password.hide {
  background-repeat: no-repeat;
  background-position: 97% 58%;
  width: 20px;
  height: 20px;
  display: inline-block;
  right: 10px;
  position: absolute;
  top: 23px;
  z-index: 10;
}

@media (min-width:200px) and (max-width:400px) {
  .modal .page_share_popup .page_share_block ul.share li {margin-left: 20px !important;}
}
.sales-order-view .fieldset > .field, .fieldset > .fields > .field {
  margin: 0;
}
@media (min-width:200px) and (max-width:800px) {
  .upload_files #upload-files-checkout-form .upload_files-fields .legend-class span {font-size: 15px;}
  .upload_files #upload-files-checkout-form .field.gift label span {font-size: 15px;}
  .field.validate-fme-fields .label span {font-size: 15px;}
  .upload_files #upload-files-checkout-form .field.choice label span {font-size: 15px;}
  #saleable_popup .modal-content .modal_header .close {top: -24px;right: 1px;}
}
.field.date ._has-datepicker {margin-right: unset;width: 100%;}
.hdmx__ticket-new .group .field {margin-bottom: 2rem;}
.form.password.reset, .form.send.confirmation, .form.password.forget {min-width: 100%;}

#saleable_popup .modal-content .block-content .message-saleable {text-align: center; line-height: 22px;}

/* .account .column.main .block.block-order-details-view .block-content:not(.widget) .box-order-shipping-method .box-content #map_canvas {height: auto !important;} */

.checkout-payment-method .checkout-billing-address .primary .action-cancel {margin-top: 15px;}

.order-details-items.invoice a.action.print {color: #0E306C;}
.report-an-error-action a.report-btn {color: #0E306C;}
.installment-wrapper .payment-note-top a.request {color: #0E306C;}
.table-order-items .a-center a {color: #0e306c;}

.account .order-no-title {display: none;}

@media (min-width:900px) and (max-width:1100px) {
  .right_col_detail .cash_option .tabcontent .full_pay_price .price_cash .price {font-size: 30px;}
}

@media (min-width:768px) and (max-width:950px) {
  .sidebar .block.block-collapsible-nav ul li.item.current, .block-collapsible-nav .item a, .block-collapsible-nav .item > strong {font-size: 14px;}
  .account.page-layout-2columns-left .sidebar-main, .account.page-layout-2columns-left .sidebar-additional {width: 30%;}
  .account.page-layout-2columns-left .column.main {width: 68%;}
}
@media (max-width:900px) {
  .accordion-content{padding-bottom: 10px;display: none}
}
@media (min-width:700px) and (max-width:900px) {
  .filter-options .filter-options-item {width: 38%;min-width: 38%;}
  .match_filter_detail {margin-top: -25px;}
  .product-image-wrapper {padding-bottom: 56% !important;}
  .product_detail_block .right_col_detail .price .price {font-size: 28px;}
  #reviewform .modal-content .close {top: -25px;}
  .shipping-address-item .action.primary {font-size: 13px;padding: 8px 20px;}
  .checkout-index-index .modal-popup.modal-slide .modal-footer {padding-right: 20px;}
  .vas_block .right_col .vechile_detail .title.title_static a.delete {margin-left: 5px;}
  .vas_block .right_col .vechile_detail .title.title_accordion {margin-top: -46px;background-position: right;}
  .checkout-index-index .header_language .drop_down {right: 158px;}
  .checkout-index-index .header_share .drop_down1 {top: 59px;right: 124px;}
}
@media (min-width:768px) and (max-width:900px) {
  .form-edit-account .fieldset:nth-child(1) {clear: right;float: none;width: 100%;}
  .form-edit-account .fieldset:nth-child(2) {float: none;width: 100%;}
  .form-address-edit > .fieldset:nth-child(1) {clear: right;float: none;width: 100%;}
  .form-address-edit > .fieldset:nth-child(2) {float: none;width: 100%;}
  .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content {width: 240px;}
}
.catalog-product_compare-index .modal-popup.confirm .modal-footer {padding-top: 0;padding-left: 0;padding-right: 0;}
.customer-account-create .login_block .left_forms .fieldset .field input {margin-top: 5px;}

/* iframe[title="Opens a widget where you can find more information"]  */
/* iframe#launcher {bottom: 100px !important;} */
/* iframe[title="Message from company"]  */
/* iframe#webWidget {bottom: 160px !important;} */

.catalog-product_compare-index button:not(.primary) {background-color: #777673;}

/* view all vehicle button start */
.car_model_listing .inner_container #allmodels .allVehicleFrom .allVehicleButton {background-color: #002c5f;color: white;padding: 14px 30px;border: none;cursor: pointer;font-size: 16px;border-radius: 0;}
.car_model_listing .inner_container #allmodels .allVehicleFrom {padding-top:50px}
@media (min-width:200px) and (max-width:900px) {
  .car_model_listing .inner_container #allmodels .allVehicleFrom .allVehicleButton {font-size: 14px;padding: 12px 25px;padding-top: 13px;}
}
/* view all vehicle button end */

@media (min-width:1000px) {
  .categorypath-all-models.category-all-models .match_filter_detail .filters .col {width: 29%;}
}
@media (min-width:900px) and (max-width:999px) {
  .categorypath-all-models.category-all-models .match_filter_detail .filters .col {width: 27%;min-width: 27px;}
}

.catalog-product_compare-index .modal-popup.confirm .action-close {background-color: unset;}

.catalog-product_compare-index .modal-footer .action-secondary.action-dismiss {min-width: 90px;}
.catalog-product_compare-index .modal-footer .action-primary.action-accept {min-width: 90px;margin-left: 20px;}
@media (min-width:200px) and (max-width:900px) {
  .catalog-product_compare-index .modal-popup .modal-header {padding: 17px;}
  .catalog-product_compare-index .modal-footer .action-secondary.action-dismiss {margin-top: 0;min-width: 95px;}
  .catalog-product_compare-index .modal-footer .action-primary.action-accept {margin-top: 0;min-width: 95px;margin-left: 10px;}

  #signin_popup #cartstatusclose_signin_popup {top: -25px;}
}
#signin_popup .block-content button#generate_otp {padding-top: 12px;}
#signin_popup .block-content button#generate_otp{color: #fff;background-color: #002c5e;background: #002c5e;padding: 10px 15px;box-sizing: border-box;outline: 0;border-radius: 0px;border: 0;font-size: 14px;font-weight: 600;margin: 10px 0 10px 0px;}
#signin_popup .block-content button#generate_otp span{color: white;font-weight: 700;}


@media (min-width:200px) and (max-width:767px) {
  .catalog-product_compare-index .modal-popup.confirm .action-close {top: 14px;}
  .catalog-product-view .customer-popup .modal-inner-wrap {max-height: 110vh;}
}

@media (min-width:800px) and (max-width:900px) {
  .buying_procedure.price_block .cash_price_tag {font-size: 13px;line-height: 20px;}
  .right_col_detail .cash_option .tabcontent .full_pay_price .price_cash .price {font-size: 24px;}
  .right_col_detail .cash_option .tabcontent .full_pay_price .price_full {font-size: 18px;}
  .right_col_detail .cash_option .tabcontent .processing_fee {display: grid;grid-template-columns: 1fr;padding: 15px 20px;}
  .right_col_detail .cash_option .tabcontent .processing_fee .processing_fee_price {padding-top: 6px;}
}

@media (min-width:200px) and (max-width:700px) {
  /* 13th July 2021 */
  #cart_status_popup .modal-content .modal_header {padding: 15px 20px;}
  .vas_block .left_col .inner_section {padding-bottom: 20px;}
  .checkout-index-index .vas_block .right_col .vechile_detail .title.title_accordion {margin-top: -46px;}
  .checkout-billing-address .billing-address-form fieldset.billing-new-address-checkout div.field {margin-bottom: 0;padding-bottom: 5px;}
  .checkout-billing-address .billing-address-form fieldset.billing-new-address-checkout fieldset.field.street div.field {padding-bottom: 5px;}
  .checkout-payment-method .checkout-billing-address .primary .action-cancel {margin-top: 0;padding-top: 0;}
  .checkout-payment-method .checkout-billing-address {margin-bottom: 0;}
  .checkout-payment-method .billing-address-same-as-shipping-block {padding-right: 15px;padding-left: 15px;}
  .checkout-payment-method .payment-method-content {padding-right: 0;padding-left: 0;}
  /* #checkout-payment-method-load .payment-group .fieldset .shipping_detail_block .choice.field {top: 50px;} */
  #checkout-payment-method-load .payment-group .fieldset .actions-toolbar {margin-top: 0;}
}

@media (min-width:700px) and (max-width:900px) {
  .vas_block .right_col .vechile_detail .title.title_static {padding-right: 22px;}
/*  #checkout-payment-method-load .payment-group .fieldset .shipping_detail_block .choice.field {top: 50px;}*/
#checkout-payment-method-load .payment-group .fieldset .field.choice input[type="checkbox"] + label{margin-top: 34px;}
}
@media (min-width:700px) {
/*  #checkout-payment-method-load .payment-group .fieldset .shipping_detail_block .choice.field {top: 50px;}*/
#checkout-payment-method-load .payment-group .fieldset .field.choice input[type="checkbox"] + label{margin-top: 34px;}

}
.checkout-index-index .checkout-payment-method .checkout-billing-address .actions-toolbar button.action-cancel{padding: 13px 26px;}

@media (max-width:768px) {
.checkout-index-index .checkout-payment-method .checkout-billing-address .actions-toolbar button.action-cancel{margin: 10px 0 0 0; padding: 12px 26px;}
}

/* wishlist changes start */
/* .action.towishlist {display: block !important;height: 100%;width: 25px;position: absolute;right: 1600%;}
.action.towishlist span {height: 20px;background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon.png");background-repeat: no-repeat;display: block;} */
/* wishlist changes end */

/* wishlist */
.trims .front .car_img{position: relative;}
.action.towishlist1 {display: block !important;height: 25px;width: 30px;position: absolute;left: 20px;}
.action.towishlist1 span {height: 20px;background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon.png");background-repeat: no-repeat;display: block;}
.page-layout-category-page .wishlistContainer{ position: absolute; z-index: 9; top: 20px; left: auto; right: 20px}
.page-layout-category-page .wishlistContainer .action.towishlist1{position: static; float: right; margin-left: 20px;}
.action.towishlist1 .wishlist-icon.wishlist-active {background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/wishlist_icon_fill.png");}
.actions-secondary .action.towishlist1 .wishlist-icon.wishlist-active, 
.actions-secondary .action.towishlist1 .wishlist-icon, 
.more_links .li.explore .action.towishlist1 .wishlist-icon, 
.more_links .li.explore .action.towishlist1 .wishlist-icon.wishlist-active, 
.product-addto-links .action.towishlist1 .wishlist-icon, 
.product-addto-links .action.towishlist1 .wishlist-icon.wishlist-active {background-color: transparent;}
.actions-secondary .action.towishlist .wishlist-icon.wishlist-active, 
.actions-secondary .action.towishlist .wishlist-icon, 
.more_links .li.explore .action.towishlist .wishlist-icon, 
.more_links .li.explore .action.towishlist .wishlist-icon.wishlist-active, 
.product-addto-links .action.towishlist .wishlist-icon, 
.product-addto-links .action.towishlist .wishlist-icon.wishlist-active {background-color: transparent;}

.catalog-product-view  #pageshare_btn {
  position: absolute;
  width: 20px;
  top: 24px;
  right: 100px;
}


.compare .field .label .action.towishlist1 span {left: 0;}
.catalog-product-view .action.towishlist1 {top: 24px; left: auto; margin: 0;
  right: 60px;}


@media screen and (max-width: 1239px) {
  .catalog-product-view  #pageshare_btn {
  right: 60px;
}

.catalog-product-view .action.towishlist1 {
  right: 20px;}
}

.catalog-product-view  #pageshare_btn img{width: auto;}
.compare_checkbox {width: 90%;}
.compare .field .label span.tocompare-boolfly {width: 10%;}
.product_detail_block .product_left_col .product-addto-links {display: block !important;}
.products-grid.wishlist .product-item {width: 100%;margin: 0;margin-bottom: 30px;max-height: 215px;border-radius: 0;border: 0;}
.products-grid.wishlist .product-item .product-item-info {display: grid;grid-template-columns: 20% 45% 35%;}
.products-grid.wishlist .product-item .product-item-info .product-item-photo {margin-bottom: 0;max-height: 175px;}
.products-grid.wishlist .product-item .product-item-info .product-item-photo img {margin: 10px;max-width: 80%;}
.products-grid.wishlist .product-item .product-item-info .price-make-year-name {padding-bottom: 0;max-height: 185px;padding: 55px;padding-left: 20px;text-align: left;background-color: #fff;}
.products-grid.wishlist .product-item-name {width: 100%;}
.products-grid.wishlist .product-item-name a {height: auto;width: 100%;padding: 0;overflow: unset;position: relative;display: block;margin: 0;text-align: left;text-decoration: none;text-overflow: unset;white-space: unset;color: #000;}
.products-grid.wishlist .product-item .product-item-info .price-make-year-name span {width: 50%;display: block;}
.products-grid.wishlist .product-item .product-item-info .price-make-year-name span.price-wrapper span {width: 100%;}
.products-grid.wishlist .product-item .product-item-info .price-make-year-name .price-box {display: block;width: 50%;}
.products-grid.wishlist .product-item .product-item-info .price-make-year-name .price-box span {width: 100%;}
.products-grid.wishlist .product-item .product-item-actions {right: -10px;top: -30px;z-index: 1;}
.products-grid.wishlist .product-item-actions .action.delete {background: #615e5e;}
.products-grid.wishlist .product-item .more_car_detail {margin: 10px;width: 93%;padding: 0;background-color: transparent;}
.products-grid.wishlist .product-item .more_car_detail tr {background-color: #f5f7f8;}
.products-grid.wishlist .product-item .more_car_detail table {width: 100%;}
.products-grid.wishlist .product-item .more_car_detail tr:nth-child(2) {background-color: #fff;}
.products-grid.wishlist .product-item .more_car_detail table td {text-align: left;font-size: 14px;color: #515151;padding: 18.6px;box-sizing: border-box;border-bottom: 1px solid #f5f7f8;width: 49.5%;padding-left: 20px;}
.products-grid.wishlist .product-item .more_car_detail table td:nth-child(2n) {background-color: unset;color: #515151;}
@media (min-width:768px) and (max-width:950px) {
  .products-grid.wishlist .product-item .product-item-info {grid-template-columns: 20% 36% 42%;}
}
@media (min-width:200px) and (max-width:768px) {
  .products-grid.wishlist .product-item .product-item-info {display: block;}
  .products-grid.wishlist .product-item {max-height: unset;width: auto;}
  .products-grid.wishlist .product-item .product-item-info .product-item-photo {width: 90%;background-color: #fff;min-height: 170px;align-items: center;display: flex;justify-content: center;border-bottom: 1px solid #f6f3f2;border-top-left-radius: 5px;border-top-right-radius: 5px;}
  .products-grid.wishlist .product-item-name {display: block;}
  .products-grid.wishlist .product-item .product-item-info .price-make-year-name span.price-wrapper span {text-align: center;}
  .products-grid.wishlist .product-item .product-item-info .product-item-photo img {max-width: 90%;}
  .products-grid.wishlist .product-item-name a {text-align: center;}
  .products-grid.wishlist .product-item .product-item-info .price-make-year-name {max-height: unset;padding: 10px 50px;}
  .products-grid.wishlist .product-item .product-item-info .price-make-year-name .price-box {width: 100%;}
  .products-grid.wishlist .product-item .more_car_detail {margin-top: 0;}
  .products-grid.wishlist .product-item .product-item-actions {top: -18px;}
  .products-grid.wishlist .product-item:first-child {margin-top: 20px;}
  .action.towishlist1 {left: 35px;}
}

#customer-popup-login-wishlist .form.form-login .socail_login{margin-top:30px}
#customer-popup-login-wishlist .form.form-login .socail_login ul{display:inline-flex;align-items:center}
#customer-popup-login-wishlist .form.form-login .socail_login ul li{margin-right:5px;display:inline-block;padding:10px 6px;box-sizing:border-box;vertical-align:middle;padding-bottom: 0;}
#customer-popup-login-wishlist .form.form-login .socail_login ul li span{font-size:15px;color:#2d2d2d;}
@media screen and (min-width:200px) and (max-width:900px){
  #customer-popup-login-wishlist .form.form-login .socail_login ul li span{font-size:13px}
  #customer-popup-login-wishlist .form.form-login .socail_login ul li{padding:10px 4px}
}
@media screen and (max-width:767px){
  #customer-popup-login-wishlist .form.form-login .socail_login{text-align:center}
}
#customer-popup-login-wishlist .fieldset.login .password {position: relative;}
#customer-popup-form-register-wishlist .password_field {position: relative;}
#customer-popup-login-wishlist .fieldset.login .password .showPass{background-image:url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png");z-index:10;background-repeat:no-repeat;background-position:97% 58%;width:22px;height:20px;display:inline-block;right:10px;position:absolute;top:32px}
#customer-popup-login-wishlist .fieldset.login .password .hidePass{background-image:url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png");z-index:10;background-repeat:no-repeat;background-position:97% 58%;width:22px;height:20px;display:inline-block;right:10px;position:absolute;top:32px}
@media(min-width:200px) and (max-width:767px){
  #customer-popup-login-wishlist .fieldset.login .password .showPass{top:30px}
  #customer-popup-login-wishlist .fieldset.login .password .hidePass{top:30px}
}
.fieldset .field .password.show,
.fieldset .field .password.hide{background-repeat:no-repeat;background-position:97% 58%;width:20px;height:20px;display:inline-block;right:10px;position:absolute;top:15px;z-index:10}
.fieldset.create.account span.password.show{background-image:url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon.png")}
.fieldset.create.account span.password.hide{background-image:url("../../frontend/Magento/hyundai_ksa/en_US/images/eye_icon_cross.png")}

@media (min-width:768px) {
  #customer-popup-login-wishlist .fieldset.login, 
  .form-create-account-wishlist .fieldset.create.info, 
  .form-create-account-wishlist .fieldset.create.account {display: grid;grid-template-columns: 1fr 1fr;}
  #customer-popup-login-wishlist .fieldset.login .field.email, 
  .form-create-account-wishlist .fieldset.create.info .field, 
  .form-create-account-wishlist .fieldset.create.account .field {margin-right: 20px;}
  .form-create-account-wishlist .fieldset.create.info .legend,
  .form-create-account-wishlist .fieldset.create.account .legend {margin: 0;grid-column: 1 / -1;}
}
.pay_installment_form {position: relative;}
.pay_installment_form .pay_installment #amount-error {position: absolute;top: 50px;left: 0px;display: block;}

/*@media(min-width:200px) and (max-width:900px){
  #customer-popup-login-wishlist .actions-toolbar .primary {width: 100%;}
  #customer-popup-login-wishlist .actions-toolbar .primary{width:auto;display:inline-block;margin-bottom:0}
  #customer-popup-login-wishlist .actions-toolbar .primary .action{padding:12px 10px}
  #customer-popup-login-wishlist .actions-toolbar .primary #send2-login-wishlist{width:100%;display:inline-block}
  #customer-popup-login-wishlist .form-login .actions-toolbar .or-another-selection{display:inline-block;text-align:center;margin-bottom:5px;padding-left:5px;font-size:15px}
  #customer-popup-login-wishlist .form-login .actions-toolbar .secondary{display:inline;font-size:15px;text-align:right}
}*/
@media(min-width:600px) and (max-width:900px){
  #customer-popup-login-wishlist .actions-toolbar .primary{width:20%}
}


.hdmx__status {color: #fff;}
/*.hdmx__status {background-color: #fff !important;}*/
.hdmx__ticket-summary td a{display: block;
font-size: inherit;
margin-bottom: 10px;}
.hdmx__ticket-view{font-size: 15px;}
.enquire_downlaod_btn.request_block .download_btn {width: 100%;}

.modal .page_share_popup{min-height:230px;max-width:600px}
.modal .page_share_popup .modal_header .title{font-size:22px;margin-bottom: 0;}
.modal .page_share_popup .page_share_block ul.share{display:table;width:100%;text-align:center;font-size:0;margin:30px 0 20px 0}
.modal .page_share_popup .page_share_block ul.share li{display:inline-block;vertical-align:middle;margin:0 0 0 48px}
.modal .page_share_popup .page_share_block ul.share li:first-child{margin-left:0}
.modal .page_share_popup .page_share_block ul.share li a{display:block;width:60px;height:50px;text-indent:-9999px}
.modal .page_share_popup .page_share_block ul.share li.btn_fb a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_facebook.png) no-repeat}
.modal .page_share_popup .page_share_block ul.share li.btn_tw a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_twitter.png) no-repeat}
.modal .page_share_popup .page_share_block ul.share li.btn_whs a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_whatsapp.png) no-repeat}
.modal .page_share_popup .page_share_block ul.share li.btn_fb a{background-position:0 -43px!important}
/*.modal .page_share_popup .page_share_block ul.share li.btn_tw a{background-position:0 -43px!important}*/

.modal .page_share_popup .page_share_block div.share{display:table;width:100%;text-align:center;font-size:0;margin:30px 0 20px 0}
.modal .page_share_popup .page_share_block div.share div{display:inline-block;vertical-align:middle;margin:0 0 0 48px}
.modal .page_share_popup .page_share_block div.share div:first-child{margin-left:0}
.modal .page_share_popup .page_share_block div.share div a{display:block;width:60px;height:50px;text-indent:-9999px}
.modal .page_share_popup .page_share_block div.share div.btn_fb a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_facebook.png) no-repeat}
.modal .page_share_popup .page_share_block div.share div.btn_tw a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_twitter.png) no-repeat}
.modal .page_share_popup .page_share_block div.share div.btn_whs a{background:url(../../frontend/Magento/hyundai_ksa/en_US/images/share_whatsapp.png) no-repeat}
.modal .page_share_popup .page_share_block div.share div.btn_fb a{background-position:0 -43px!important}
/*.modal .page_share_popup .page_share_block div.share div.btn_tw a{background-position:0 -43px!important}*/

.modal .page_share_popup .shareclose{top:-22px;right:0;font-size:0}
.top_header_container .page_share_btn{float:right;position:relative;top:-158px;color:#000;font-size:15px;font-weight:600}
.top_header_container .page_share_btn img{margin-right:8px}
.top_header_container .page_share_btn p{display:inline}
.modal#share-popup-content {z-index: 100;padding-top: calc(40vh - 50px);}
@media(min-width:200px) and (max-width:600px){
  /*.modal#share-popup-content {padding-top: calc(25vh - 50px);}*/
  
.modal .page_share_block {max-height: 100px;}}

.catalog-category-view .product-items .page_share_btn {position: absolute;left: 45px;}
@media (min-width:200px) and (max-width:767px) {
  .catalog-category-view .product-items .page_share_btn {position: absolute;left: 60px;}
}
.banktabs select.Al.Rajhi {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/al_rajhi.png') no-repeat left;
}
.banktabs select.National.Bank {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/national_bank.png') no-repeat left;
}
.banktabs select.Riyad.Bank {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/riyadBank.png') no-repeat left;
}
.banktabs select.sfl_bank {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/saudi_fransi_leasing_bank.png') no-repeat left;
}
.banktabs select.ffc_bank {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/tamweel_al_oula.png') no-repeat left;
}
.banktabs select.Emirates.NBD {
background: url('../../frontend/Magento/hyundai_ksa/en_US/images/emiratesBank.png') no-repeat left;
}



.h-contents.f_full { height: auto; }
.header_wrap .logo {margin: 0;float: none; max-width: none; }
.logo .logo_link{display: block;
width: 100%;
height: 1.625rem;
}
.minicart-wrapper{margin: 0; float: none;}
.minicart-wrapper .action.showcart::before{width: 28px;
height: 18px;
margin-right: 0;
background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_cart.png);
background-size: cover;
background-position: 0 center;
background-repeat: no-repeat; content: none;
}
.minicart-wrapper .action img{width: 28px;
height: auto;
margin-right: 0;}

.intro_visual-swiper .owl-dots{position: absolute;left: 0px;right: 0;top: calc(81% + 12%);text-align: center;}
.intro_visual-swiper .owl-dots button.owl-dot span{width: 8px;height: 8px;display: inline-block;border-radius: 100%;opacity: 0.2;background-color: white;margin:0px 5px;}
.intro_visual-swiper .owl-dots button.owl-dot.active span{opacity: 1;}
.util-request_quote .agreement, .util-test_drive .agreement{margin-top: 30px;}
.util-request_quote .agreement input, .util-test_drive .agreement input{top: -1px;}
.util-request_quote .agreement .field-recaptcha, .util-test_drive .agreement .field-recaptcha{margin-top: 20px;}
.util-request_quote .owl-carousel .owl-nav button.owl-next, .util-test_drive .owl-carousel .owl-nav button.owl-next{position: absolute;right: -15px;margin: 0;top: 50%;border-radius: 0px;color: #ffffff;background-color: #b2b2b2;font-size: 30px;transform: translate(-0%, -50%);}
.util-request_quote .owl-carousel .owl-nav button.owl-prev, .util-test_drive .owl-carousel .owl-nav button.owl-prev{position: absolute;left: -15px;margin: 0;border-radius: 0px;top: 50%;color: #ffffff;background-color: #b2b2b2;font-size: 30px;transform: translate(-0%, -50%);}
.util-request_quote .owl-carousel .owl-nav button span, .util-test_drive .owl-carousel .owl-nav button span{padding: 14px;filter: invert(1);}
.util-request_quote .frm_field.field_half, .util-test_drive .frm_field.field_half{padding-top: 20px;}
.util-test_drive .h-layer_wrap .h-layer_cont .frm_field .frm:last-child, .util-test_drive .h-layer_wrap .h-layer_cont .frm_field .frm:last-child{width: 100%;}
.util-test_drive .aggreement input, .util-test_drive .aggreement input{top: -1px;width: 16px;height: 16px;}
.util-test_drive .aggreement .field-recaptcha, .util-test_drive .aggreement .field-recaptcha{margin-top: 20px;}
.minicart-wrapper .action.showcart.active:before{display: none;}



/*account pages*/
.block-collapsible-nav .content{padding-top: 0px;}
.sidebar .block.block-collapsible-nav ul li.item{position: relative;display: block;margin-bottom: 10px;padding-left: 11px;line-height: 1.5rem;font-size: 16px;}
.sidebar .block.block-collapsible-nav ul li.item.current {background: unset;border-right: 0px;}
.block-collapsible-nav .item.current > strong{color: #0559F7;font-weight: 900;border: 0px;background: unset;background-color: unset;padding: 0px;}
.block-collapsible-nav .item a{padding: 0px;}
.block-collapsible-nav .item > strong{padding:0;display: block;margin-bottom: 11px;font-weight: 900;line-height: 1.75rem;font-size: 16px;}
.sidebar .block.block-collapsible-nav ul li.item a:before{content: '';position: absolute;top: 50%;left: 2px;width: 3px;height: 3px;border-radius: 50%;background-color: #000;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.sidebar .block.block-collapsible-nav ul li.item.current strong:before {content: '';position: absolute;top: 50%;left: 2px;width: 3px;height: 3px;border-radius: 50%;background-color: #000;-webkit-transform: translateY(-50%);transform: translateY(-50%);left: 0;background-color: #fff;border: 2px solid #0559F7;}

.build_container.hide_it{visibility: hidden; height: 0; width: 0; padding: 0; margin: 0;min-height: 0px;
overflow: hidden;}
.h-contents .page_back a.hide_it{display: none;}
.h-contents .page_back span.link { font-size: 16px; cursor: pointer; position: absolute; left: 30px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; color: inherit; line-height: 1.0; }

.h-contents .page_back span.link i { display: inline-block; width: 5px; height: 10px; margin-right: 10px; margin-top: -2px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/icon_pageback.png); background-size: cover; background-position: 0 center; background-repeat: no-repeat; vertical-align: middle; }
.h-contents .page_back span.hide_it{display: none;}


a.btn-type._default.hide_it,
.proceed_checkout_btn.hide_it{display: none;}
.catalog-product-view .h-contents .stage_wrap,
.build_vehicle .stage_wrap {min-height: calc(100vh - 120px); height: calc(100vh - 150px); padding-bottom: 90px;}
.catalog-product-view .h-contents .stage_wrap{background: #fff;}
.catalog-category-view .h-contents .stage_wrap{min-height: calc(100vh - 60px); height: calc(100vh - 150px); padding-bottom: 0px;}

.productpartsfinder-partsfinder-index .h-contents .stage_wrap{min-height: calc(100vh - 60px); height: calc(100vh - 150px); padding-bottom: 0px;}

.catalog-product-view footer.footer{margin: 0; padding: 0;}
.option_tab{cursor: pointer;}
.sub_tablist  .sub-tab{padding: 0 10px; white-space: nowrap;}
.sub_tablist  .sub-tab .opt_title{max-width: calc(100% - 20px); display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} 
.sub_tablist ._active .sub-tab .opt_title{color: #fff;}
.option_mask > .required{display: inherit;}
.option_mask > .required:before{display: none;}
.option_mask  .field.choice .label{padding: 0;}

.option_mask .field.choice .label::after {
  left: 0;
top: 0;
width: 28px;
height: 28px;
background-color: #fff;
border: 1px solid #d9d9d9;  
background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/drop_gray.png");
}

.option_mask .field.choice input[type="checkbox"]:checked + .label::after, .option_mask .field.choice input[type="radio"]:checked + .label::after{
  background-image: url("../../frontend/Magento/hyundai_ksa/en_US/images/drop_white.png");
  background-color: #FF8D34;
border-color: #FF8D34;
}

.option_thumnail.option_desc{width: 100%;}
.option_thumnail.option_desc:hover::before {box-shadow: none;}


.banktabs select.Al.Rajhi {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/al_rajhi.png')
,url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;

}
.banktabs select.National.Bank {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/national_bank.png'),url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;
}
.banktabs select.Riyad.Bank {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/riyadBank.png'),url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;
}
.banktabs select.sfl_bank {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/saudi_fransi_leasing_bank.png'),url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;
}
.banktabs select.ffc_bank {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/tamweel_al_oula.png') ,url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;
}
.banktabs select.Emirates.NBD {
background-image: url('../../frontend/Magento/hyundai_ksa/en_US/images/emiratesBank.png') ,url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/jump_menu_dots.png);
background-size: auto, auto;
background-repeat: no-repeat, no-repeat;
background-position: 1.5% 50%, 98.5% 50%;
}

.swatch-option{height: 35px; max-width: 35px;

width: 35px;
height: 35px;
border-radius: 100%;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden; border: none !important;
outline: none !important;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.swatch-option.selected{outline: none;}
.swatch-option:not(.disabled):hover::after, .swatch-option:not(.disabled):hover::after, .swatch-option:not(.disabled).selected::after{
 content: '';
display: block;
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/arrow-icon-whith-shadow.png);
background-size: 20px;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;
}
.swatch-option.disabled{cursor: pointer;}

.swatch-option.disabled.selected::after{



}

.swatch-option.disabled.selected::before{

 content: '';
display: block;
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/ico/arrow-icon-whith-shadow.png);
background-size: 20px;
background-position: center center;
background-repeat: no-repeat;
z-index: 1;

}

.swatch-option:focus { 
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}


/*.box-tocart.back_next_btn{visibility: hidden; height: 0; width: 0; padding: 0; margin: 0;}*/

.proceed_checkout_btn a.btn-type{height: 90px;}

.product-info-main .product-info-price{display: none;}
.h-contents .fixed_bottom{z-index: 15;}

.pop_summary .estimate_list .parts span.selected_sum span{display: none;}
.pop_summary .estimate_list .detail span.price{text-align: right;}

.select_color .swatch-opt{margin: 0;}
.select_color .swatch-attribute-label{color: #000;
font-weight: 900;
font-size: 1.375rem;}

.select_color .swatch-attribute-selected-option{color: #000;
font-weight: 600;
font-size: .875rem;float: right;
line-height: 1.625rem;}

.select_color .swatch-attribute-options{margin: 15px 0 20px; display: block; clear: both;}

.select_color  .swatch-opt  .swatch-attribute{border-bottom :1px dotted #999; margin-bottom: 20px;}
.select_color  .swatch-opt .swatch-attribute:last-child{border-bottom: none;  margin-bottom: 0px;}

.select_color  .swatch-opt .swatch-attribute:last-child .swatch-attribute-options{margin-bottom: 0;}

.catalog-product-view .form.form-login .or-another-selection,
.catalog-product-view .form.form-login .actions-toolbar > .secondary{margin-top:11px ;vertical-align: middle;}


.customer-popup-wishlist .form.form-login .or-another-selection,
.customer-popup-wishlist  .form.form-login .actions-toolbar > .secondary{margin-top:11px ;vertical-align: middle;}

.catalog-product-view .block-content.popup-inner-contant #popup_for_restrict_add_more .proceed_checkout_btn a{display: block;font-size: 20px;color: #fff;background-color: #002c5f; box-sizing: border-box;text-align: center;font-weight: normal;}

.right_col_detail .proceed_checkout_btn a:hover{}

.build_option .opt_summary span#opt_summary_left{max-width: 63%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;}

.color_chips .color_list span.color_select{display: inline-block;}

.build_menu .item._active .menu_panel.menu_panel_color_panel{display: block;}

.product-options-bottom{visibility: hidden; height: 0; width: 0; margin: 0; padding: 0;}

.estimate .estimate_list .detail .cart-totals{border: none; padding: 0; font-size: 16px;}

.estimate .estimate_list .detail .cart-totals tbody .mark{padding-bottom:0; line-height: 1; padding-left: 0px;
font-size: 1rem; position: relative;}
.estimate .estimate_list .detail .cart-totals tbody .mark:before{
  content: '.';
display: inline-block;
/*position: absolute;*/
top: auto;
width: 3px;
height: 3px; margin-right: 7px; vertical-align: super;
border-radius: 100%;left: 0; font-size: 20px;
}

.estimate .estimate_list .detail span{font-size: 16px;}
.estimate .estimate_list .detail .cart-totals tbody .amount{padding: 0;  line-height: 1;  font-size: 16px;}

.estimate .estimate_list .detail .cart-totals tbody .grand.totals{}
.estimate .estimate_list .detail .cart-totals tbody .grand.totals .mark:before{
  content: '';
display: none;}

.estimate .estimate_list .detail .cart-totals tbody tr th,
.estimate .estimate_list .detail .cart-totals tbody tr td{padding-top: 10px; vertical-align: middle;}

.estimate .estimate_list .detail .cart-totals tbody tr:first-child th,
.estimate .estimate_list .detail .cart-totals tbody tr:first-child td{padding-top: 0px;}


.estimate .estimate_list .detail .cart-totals tbody tr:nth-last-child(-n+2) th,
.estimate .estimate_list .detail .cart-totals tbody tr:nth-last-child(-n+2) td{padding-bottom: 40px;}

.estimate .estimate_list .detail .cart-totals tbody .grand.totals .mark,
.estimate .estimate_list .detail .cart-totals tbody .grand.totals .amount{border-top:1px dashed #999;font-size: 20px; padding-top: 8px;}
.estimate .estimate_list .detail .cart-totals tbody .grand.totals .amount span{font-size: 20px;}

.checkout-cart-index .cart-summary{display: none;}




.static_four_col{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 1.8rem;padding-top: 60px;}
.empty_cart .static_four_col{display: grid;grid-template-columns: 1fr 1fr 1fr;}
.static_four_col li{text-align:center;background-color:#f6f3f2}
.static_four_col li a{min-height:230px;display:flex;    flex-direction: column;justify-content: center;align-items:center;    padding: 0px 20px;}

.static_block .content a:hover {background-color: #003b7d;}
.social_four_col{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 2.8rem;padding: 10px 0px;}


.static_four_col li .title{font-size:18px;color: #000;font-family: 'hyundai_medium';}
.static_four_col li img{max-width:100%;padding-bottom:20px;}

.social_tabs{width: 100%;display: inline-block;margin: 30px 0px;margin-bottom: 0;}
.social_tabs .tablinkss{width: 33.33%;float: left;font-size: 16px;color: #fff;padding: 18px 14px;padding-top: 20px;font-family: 'hyundai_medium';border: 0;background-color: #002c5e;outline: 0;cursor: pointer;    text-transform: capitalize;}
.social_tabs .active{background-color: #fff;color: #002c5e;}

.section_padding {
  padding: 60px 0px;
  box-sizing: border-box;
}

.inner_container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0px 15px;
  box-sizing: border-box;
}

.build_option .trims_item .name{white-space: nowrap;}
@media (min-width:200px) and (max-width:900px) {

.static_four_col{padding-top: 30px;grid-template-columns: 1fr 1fr;grid-gap: 1rem;}
  .static_four_col li a{min-height: 140px;    padding: 0px 10px;}
  .static_four_col li img{width: 60px;padding-bottom: 10px}
  .static_four_col li .title{font-size: 13px;line-height: 17px;}

.section_padding {
  padding: 30px 0px;
}


}

#popup_verifyotp-btn.button{font-size: 15px;padding: 10px 20px;border-radius: 0px;margin-bottom: 15px;text-transform: none;background-color: #002c5f;box-shadow: none;border: 0;color: #fff;}
#popup_verifyotp-btn.button span{color: #fff;}
#register_back.back{font-size: 16px;margin-top: 27px;display: inline-block;margin-left: 10px;}
.prodfaqs-index-index footer.footer{display: none;}
.prodfaqs-index-index .h-contents .stage_wrap{height: calc(100vh - 60px);}
.prodfaqs-index-index .build_vehicles .vehicles-model .v_item button{white-space: inherit;}

.form-create-account p#messageSent{font-size: 17px !important; line-height: 22px;}
.form-create-account .field#register_second{margin-top: 20px;}
.form-create-account .field#register_second label span{font-weight: 900;font-size: 1rem;padding-bottom: 10px;display: block;}
.form-create-account .field#register_second #resend{font-size: 15px;color: blue;text-decoration: underline;padding-top: 10px;display: block;}
.form-create-account div#register_final {display: none;}
.tab_contents .tab_panel .product_media{padding-bottom: 60px;}

.open_compare_block{display: none;}


.build_option .item.disabled,
.fixed_bottom .btn-type.disabled,
.disabled-for-login{opacity: 0.6; pointer-events: none;}

.fixed_bottom .btn-type.step1.disabled{text-indent: -9999px; background-image: url(../../frontend/Magento/hyundai_ksa/en_US/images/loader-1.gif);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;}
  .fixed_bottom .btn-type.step1.disabled i{display: none;}

#brochure_popup_content .product_drop_down option {display: none;}
#brochure_popup_content .product_drop_down option.has_broucher{display: inherit;}
#finance_cal_block .product_drop_down option.no_price {display: none;}
.block-compare .actions-toolbar{margin:0;}

/*5-september*/
.product .product_head .wishlistContainer{position: absolute;right: 10px;}
.product .product_head .action.towishlist1{left: 28px;}
.page-layout-category-page .page.messages{width: 100%;max-width: 100%;padding: 0px;border-bottom: 1px solid #d5d5d5;}
.page-layout-category-page .page.messages .message{margin: 0px;}

.page-header.header_wrap .head_util .switcher {
    float: none;
    margin-left: 0;
    display: inline-block;
    margin-right: 20px;
  }

    .page-header.header_wrap .head_util .switcher  a{ font-size: 0.9375rem;}




.h-layer_body.is-visible .h-layer_wrap .compare_all_link{ clear:both;
    font-size: 1.2rem;margin-bottom: 10px;
    font-weight:900; float: right; margin-top:30px; margin-right: 55px; }
.h-layer_body.is-visible .h-layer_wrap .compare_all_link a{font-weight:900; }



    @media (max-width:1250px) {
      .h-layer_body.is-visible .h-layer_wrap .compare_all_link{margin-right: 20px;}

      .catalog-product-view .modal {padding-top: calc(20vh - 0px);}
      .cms_page .title_wrap{padding-left: 20px; padding-right: 20px;}
     .cms_page  .intro_visual-swiper.swiper-container{width: calc(100% + 40px);
  margin-left: -20px;}
    }

    @media (max-width:600px) {
/*      .page-header.header_wrap .head_util .switcher{display: none;}*/
        .header_wrap .mycart,.page-header.header_wrap .head_util .switcher {
    margin-right: 10px;
  }
  .pg-mobile .header_wrap .mycar{  margin-right: 5px;}
.pg-mobile .header_wrap .ic_loca{margin-right: 0;}
.empty_cart h2{font-size: 30px;}
.empty_cart .static_four_col{display: grid;grid-template-columns: 1fr;}

    }




    @media (max-width:400px) {
/*      .page-header.header_wrap .head_util .switcher{display: none;}*/
      .pg-mobile .header_wrap .mycar, .pg-mobile .header_wrap .location{display: none;}
      .modal .page_share_popup .page_share_block div.share div {  margin: 0 0 0 37px;}
      .modal .page_share_popup .page_share_block div.share div a{width: 50px;}
} 
select.util-SelectModel-dropdown{padding-right: 35px;}

.productpartsfinder-partsfinder-index  .block-actions.filter-actions{display: none;}
.productpartsfinder-partsfinder-index #VehicleFilter .block-actions.filter-actions{display: -webkit-box;
  display: -ms-flexbox;
  display: flex;}


 @media (max-width:1239px) {
 .catalog-product-view  .pg-mobile  .header_wrap {
  position: fixed !important;
  top:0;
  }

  .catalog-product-view .pg-mobile .build_option .item._active .menu_head {
    padding-top: 10px;
    border-bottom: 1px solid #D9D9D9;
    position: fixed !important;
    top: 59px; z-index: 16;    padding-bottom: 20px;
  }
 /* .catalog-product-view .pg-mobile .h-contents {
    padding-top: 55px;
  }*/

     .catalog-product-view .pg-mobile .select_color .swatch-opt {
    margin-top: 15px;
  }
  .select_color .swatch-attribute-options{margin: 15px 0 15px;}
     .catalog-product-view .pg-mobile .product-options-wrapper {
    margin-top: 0px;
  }
  .catalog-product-view .pg-mobile .build_container.step4 .content_wrap, .catalog-product-view  .pg-mobile .build_container.step4{padding-top: 0;}
  .catalog-product-view .pg-mobile .click-to-buy{margin-top: 60px;}

  .catalog-product-view .pg-mobile .page.messages .messages {
    margin-top: 0px; position: relative;
    margin-bottom: 60px;
  }
.catalog-product-view .pg-mobile .page.messages .messages .message{
    position: absolute;
    top: 10px;
  z-index: 9;
  width: 100%;
  line-height: 16px;
  }
.select_color .swatch-attribute-options{display: block;}

.catalog-product-view .pg-mobile .content_desc {margin-bottom: 15px;}

.catalog-product-view .pg-mobile .build_container.step4 .content_wrap{margin-top: 0px;}

.catalog-product-view .radio_tablist .radiowrap{height: 60px;}

.catalog-product-view .radio_tablist .radiowrap input[type=radio] + label{height: 60px;}

.catalog-product-view .pay_block .full_pay_price{margin-bottom: 15px;}

.catalog-product-view .delivery_container .pay_options .content_desc{margin-bottom: 5px;}

.catalog-product-view .pg-mobile .page.messages{margin-top: 0px;}




}

 .option-popup-roadside-assistance .h-layer_wrap .btn-type_wrap{display: none;}
 #color_error_msg.error_msg{color: #fe0000;
  font-size: 16px;
  margin-bottom: 10px;}

  .frm_field dt.required label::after, .chk_terms p.required label::after , .field.required label.label::after, .agree_container .required label::after {
  content: '*';

  color: #0559F7;

  font-size: 1rem;

  margin: 0 0 0 5px;

}

.agree_container .required p{}

.form-create-account .field#register_second label span{display: inline;}

.chk_terms p.required label::after,.agree_container .required label::after{margin-left: -10px;}
.agree_container .required label{margin-right: 10px;}

.pages .action.next:before, .pages .action.previous:before{font-family: inherit;}

.account .mypage_wrap .car{height: auto; max-height: 100%; /* padding: 0 0 20px 0; */ display: table-cell;}

.hyundaiquotation-quotation-view.account .mypage_wrap .car,
.fmegeneric-customer-index.account .mypage_wrap .car{height: auto; max-height: 100%; padding: 20px; display: block; box-sizing: border-box;}
#customer-popup-form-register #resend{font-size: 15px;padding: 10px 20px;border-radius: 0px;margin-bottom: 15px;margin-top: 10px;text-transform: none;background-color: #002c5f;box-shadow: none;border: 0;color: #fff;}
#customer-popup-form-register #resend span{color: white;}
#customer-popup-form-register #register_back.back{margin-top: 12px;}
#customer-popup-form-register #register_final .action.remind{margin-top: 3px;}
#customer-popup-login-form .secondary .action.remind{margin-top: 3px;}


.modal-popup.cookie-block-modal {top: 75% !important;margin-right: auto !important;display: flex;box-sizing: border-box;border-radius: 0px;margin: 0 auto !important;margin-top: 0px;align-items: center;margin-bottom: 10px;padding: 20px 45px;background: unset;width: 100%;}
.modal-popup.cookie-block-modal .modal-inner-wrap {max-width: 100% !important;margin: calc(20vh - 118px) auto 0;box-sizing: border-box;box-shadow: 0px 0px 12px 3px rgba(0,0,0,0.10);}
.modal-popup.cookie-block-modal .modal-inner-wrap .modal-header {display: none;}
.modal-content .cookie-bar-buttons button.action.primary.accept-cookie-consent {background-color: #0E306C;}
button.action.secondary.accept-cookie-consent{margin-right: 5px !important;margin-left: 0px !important;}


.modal-popup.cookie-block-modal.modal-slide._inner-scroll._show + .modals-overlay {display: none;}
.modal-popup.modal-popup-category-cookie.modal-slide._inner-scroll._show + .modal-popup.cookie-block-modal + .modals-overlay{display: block;}
.modal-popup.modal-popup-category-cookie.modal-slide._inner-scroll._show + .modal-popup.cookie-block-modal{display: none;}

.customer-popup-wishlist  #pop_generate_otp_wishlist{padding: 12px 10px; font-size: 14px; background-color: #0E306C;
  color: #fff;background: #002c5e; line-height: 20px;
    background-color: rgb(0, 44, 94);
  box-sizing: border-box;
  outline: 0;
  border-radius: 0px; margin-top: 30px;
  border: 0; min-width: 100px;
  font-weight: 600;
  cursor: pointer;}
.customer-popup-wishlist  #pop_generate_otp_wishlist span{color: #fff;}

@media (min-width: 320px) and (max-width: 767px) {
  .modal-popup.cookie-block-modal {bottom: 10px;top: unset !important;}

.hyundaiquotation-quotation-view  .car .info_container > .group:not(:last-child),
.fmegeneric-customer-index  .car .info_container > .group:not(:last-child){margin-rigt: 0; width: 100%; margin-bottom: 10px;}
.hyundaiquotation-quotation-view  .pg-mobile .btn-type_wrap .btn-type,
.fmegeneric-customer-index  .pg-mobile .btn-type_wrap .btn-type{height: auto;}
  body.filter-active .modal-popup.customer-popup-wishlist{    z-index: 1000 !important;  }
  body.filter-active .modals-wrapper .modals-overlay{  z-index: 999 !important;}
  .catalog-product-view .modal-popup.modal-slide._show .modal-inner-wrap {width: 78% !important;height: auto;margin: calc(20vh - 50px) auto 0;}
}
@media (max-width: 500px) {
.message.global.demo .content p{font-size: 13px;}
.message.global.demo{padding: 15px 10px 12px 15px;}

}
.catalog-product-view .modal-popup.modal-slide._show .modal-inner-wrap {width: 50%;}
.catalog-product-view .modal-popup.modal-slide._show .modal-inner-wrap .modal-content div#quotation_limit_popup {line-height: 28px;}
.catalog-product-view .modal-popup.modal-slide._show .modal-inner-wrap footer.modal-footer {padding-bottom: 20px;padding-top: 20px;}


.modal-popup.promo-popup .modals-overlay{background-color: rgba(51, 51, 51, 0.55);}
.modal-popup.promo-popup .modal-footer{display: none !important;}
.modal-popup.promo-popup .action-close::before {top: -9px;right: -10px;filter: invert(1);}
.modal-popup.promo-popup .modal-header{min-height: 0px;padding: 0px;}
.modal-popup.promo-popup .modal-content{padding: 0}

  .promo-popup .action-close{top:10px;left: 10px;right: unset;}
.promo-popup.modal-slide .action-close::before{filter: invert(0);left: unset;}
.promo-popup.modal-popup .modal-content{padding:0px;}
.promo-popup.modal-popup .modal-content .responsive{display: none;}
.promo-popup.modal-popup .modal-content .desktop{display: block;}
.promo-popup.modal-popup .modal-inner-wrap { margin: calc(50vh - 185px) auto 0;}

@media (min-width:200px) and (max-width: 767px) {
        .promo-popup.modal-popup .modal-content .responsive{display: block;}
  .promo-popup.modal-popup .modal-content .desktop{display: none;}
   .promo-popup.modal-popup .modal-inner-wrap {  margin: calc(50vh - 278px) auto 0;}
}


.checkout-cart-index .page.messages .messages{position: absolute;
  width: 100%;
  top: 65px;
  z-index: 9;}

  .product .product_head .product_tag.flag{background-color: #FF8D34;  color: #fff;  font-weight: 600;}
  
 .models_list .prod_item .product_head{

  position: absolute;
  z-index: 6;
  

 }
  .models_list .prod_item .product_head .product_tag {
  display: inline-block;
  background-color: #FF8D34;
  color: #fff;
  padding: 0 8px;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.7;

}



.catalog-product-view .trims .option .promo_content h2{font-size: 22px; margin-bottom: 7px; font-weight: 600;  list-style: inside;  display: list-item;  padding-left: 0;}
.catalog-product-view .trims .option .promo_content ul{padding-left: 20px;margin-bottom: 10px;}
.catalog-product-view  .select_step.step1 .trims .content_group{max-height: calc(100vh - 200px); overflow: auto;}
.catalog-product-view  .select_step.step1 .trims .content_group .group{margin-bottom: 30px;}
.catalog-product-view  .select_step.step1 .trims .content_group .group:last-child{margin-bottom: 0;}
#pop_summary .hide_content{display: none;}
.pop_summary .estimate_list h2.parts{margin-bottom: 5px;}
.pop_summary .estimate_list .promo_content ul{margin-bottom: 10px;}
@media (max-width: 1239px) {
.catalog-product-view  .select_step.step1 .trims .content_group{max-height: 100%; overflow: visible;}
.catalog-product-view  .select_step.step1 .trims .content_group li{margin-top: 10px;}
}



/*fonts*/

.filter_vehicle .filter_item > .group .range-value .amount_text{color: #999999;height: 50px; display: block; padding:9px 15px; line-height: 38px; font-size: 16px;}

.svg_symbol{height: 0.73em; margin-right: 0.03em; }
/*.models_list .prod_items .price_rang .svg_symbol{height: 13px;  width: 20px;}*/
.models_list .prod_items .price_rang .svg_symbol .cls-1{fill:#424242}

/*.build_option .trims_item .svg_symbol{height: 12px;  width: 20px;}*/
.build_option .trims_item .svg_symbol .cls-1{fill:#999}
.build_option .trims_item._active .svg_symbol .cls-1{fill:#ffffff}

.fixed_bottom .result .total_price .price .svg_symbol{margin-right: 0.17em;}
.fixed_bottom .result .total_price .price .svg_symbol .cls-1{fill:#FF8D34;}

/*.option_thumnail .option_price .svg_symbol{height: 12px;  width: 16px;}*/
.option_thumnail .option_price .svg_symbol .cls-1{fill:#000;}

/*.build_option .options_panel .total_result .total_price .svg_symbol{height: 16px;  width: 20px;}*/
.build_option .options_panel .total_result .total_price .svg_symbol .cls-1{fill:#EA9000;}

 .view_selection .total_result .total_price .svg_symbol .cls-1{fill:#EA9000;}
/*.build_option .options_panel .total_result span  .svg_symbol{height: 12px;  width: 16px;}*/
.build_option .options_panel .total_result span  .svg_symbol .cls-1{fill:#000;}
/*.view_selection .total_result span .svg_symbol{height: 12px;  width: 16px;}*/
/*.build_option .options_panel .selected_options .price .svg_symbol{height: 12px;  width: 16px;}*/
.build_option .options_panel .selected_options .price .svg_symbol .cls-1{fill:#EA9000;}

/*.pay_block .full_pay_price .price_full .price .svg_symbol{height: 12px;  width: 16px;}*/
.pay_block .full_pay_price .price_full .price .svg_symbol .cls-1{fill:#999999;}

.pay_block .full_pay_price .price_cash .price .svg_symbol{margin-right: 0.1em;}

/*.frm_slider .slider-txt.min_max .svg_symbol{height: 12px;  width: 16px;}*/
.frm_slider .slider-txt.min_max .svg_symbol .cls-1{fill:#999999;}
.pop_summary .estimate_list .parts + .price.hightlight .svg_symbol{margin-right: 0.1em;}
/*.pop_summary .estimate_list .parts + .price .svg_symbol{height: 16px;  width: 22px;}
.pop_summary .estimate_list .detail span.price .svg_symbol{height: 12px;  width: 16px;}*/
.pop_summary .total .price .svg_symbol{margin-right: 0.17em}
/*.pay_block .pay_options .price_input .currency .svg_symbol{height: 25px;  width: 30px;}*/

/*.pay_block .pay_options .price_input #multicard_error_msg .svg_symbol{height: 12px;  width: 16px;}*/
/*.delivery_container .pay_options .content_desc .svg_symbol{height: 12px;  width: 16px;}*/
/*.finance_block .processing_fee .processing_fee_price .svg_symbol{height: 16px;  width: 22px;}*/

.filter_vehicle .filter_item > .group .range-value .amount_text .svg_symbol .cls-1{fill:#999999;}

.complete .estimate .estimate_bottom .estimate_total .price .svg_symbol{margin-right: 0.17em;}
.prepaid .total_container .price  .svg_symbol{margin-right: 0.17em;}
.complete .estimate .estimate_bottom .estimate_total .price .svg_symbol .cls-1{fill:#EA9000;}
.irs .svg_symbol .cls-1{fill:#fff;}

.pop_summary .estimate_list .detail span .svg_symbol{margin: 0;}


  .pg-mobile .pop_summary .estimate_list .detail span.inline_span{display: inline; padding: 0;}

span.cart-price,
.order-details-items tfoot .amount{white-space: nowrap;}

.products-grid.wishlist .product-item .price-box .price .svg_symbol .cls-1{fill:#002c5f;}
.installment-wrapper .remaining-payment label span.price .svg_symbol .cls-1{fill:#003b7d;}
@media (min-width: 200px) and (max-width: 900px) {
 .models_list .prod_items .price_rang .svg_symbol{height: 12px;} 
}

@media (min-width: 200px) and (max-width: 1239px) {
 /* .fixed_bottom .result .total_price .price .svg_symbol{height: 12px;  width: 6;}
  .view_selection .total_result .total_price .svg_symbol{height: 12px;  width: 16px;}
  .pop_summary .estimate_list .parts + .price .svg_symbol {  height: 14px;  width: 20px;}
  .pay_block .pay_options .price_input .currency .svg_symbol {  height: 22px;}
  .pop_summary .total .price .svg_symbol {  height: 22px;  width: 32px;}*/
  .fixed_bottom .result .total_price .price .svg_symbol {  margin-right: 0.03em;}
}

#my-orders-table td.col.total,
#my-orders-table td .col.remaining{white-space: nowrap;}
span.price{white-space: nowrap;}
.product .product_price .group > span.price{white-space: normal;}

td.col.car_price, td.col.grand_total{white-space: nowrap;}

body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .fieldset{display: flex;}
body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .fieldset span.title{margin-top: 12px;  margin-right: 20px;}
@media (min-width: 200px) and (max-width: 1239px){ 
.product .product_price .group em .price-box{display: block;}
}
@media (min-width: 200px) and (max-width: 900px){ 
body.account.layaway-customer-multiview .column.main .block.block-installment-details-view .fieldset span.title{ margin-right: 10px;font-size: 16px;}
.installment-wrapper .amount-payment .amount-control{margin-right: 10px;}
  .installment-wrapper .amount-payment .amount-control input {
    width: 90px;}
     .pay_installment_form .actions-toolbar .primary .action{margin: 0; padding: 0 10px;}
     .installment-wrapper .amount-payment span {  margin-right: 7px;}

}
dd span.price{display: inline-block; white-space: nowrap; direction: ltr;}