@charset "UTF-8";
@font-face {
  font-family: "HyundaiSansHead";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Light.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Light.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Light.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Light.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Regular.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Regular.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Regular.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Regular.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Medium.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Medium.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Medium.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Medium.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansHead";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Bold.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Bold.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Bold.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Bold.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Regular.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Regular.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Regular.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Regular.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Medium.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Medium.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Medium.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Medium.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Medium.eot?#iefix") format("embedded-opentype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "HyundaiSansText";
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Bold.eot");
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Bold.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Bold.woff2") format("woff2"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Bold.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/HyundaiSansText-Bold.eot?#iefix") format("embedded-opentype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  font-style: normal;
  font-weight: 400;
  src: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/hyundaipromise/icomoon.ttf") format("truetype"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/hyundaipromise/icomoon.woff") format("woff"), url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/css/webfonts/hyundaipromise/icomoon.svg") format("svg");
  font-weight: 400;
  font-style: normal;
}
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, main {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-size: inherit;
  color: inherit;
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  line-height: 0;
  font-size: 75%;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline dotted;
}

progress {
  vertical-align: baseline;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template,
hr {
  display: none;
}

b,
strong {
  font-weight: bolder;
}

dl,
ul,
ol,
menu,
li {
  list-style: none;
}

fieldset,
img {
  border: 0 none;
}

input,
select,
textarea,
button {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  font-family: inherit;
  box-sizing: border-box;
}

button {
  border: 0 none;
  background-color: transparent;
  cursor: pointer;
}

address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

input,
textarea,
img {
  max-width: 100%;
}

a,
a:hover,
a:visited,
a:active {
  text-decoration: none;
}

img {
  vertical-align: top;
}

sup {
  font-size: x-small;
}

sub {
  font-size: x-small;
}

button,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}

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

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

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

html,
body {
  -webkit-overflow-scrolling: touch;
}

textarea {
  resize: none;
}

b,
strong {
  font-weight: 600;
}

select,
textarea,
input {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
}

/* ===================================
   Grids
   =================================== */
/*
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/
.pure-g {
  letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
  *letter-spacing: normal; /* reset IE < 8 */
  *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
  text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
  /*
  Sets the font stack to fonts known to work properly with the above letter
  and word spacings. See: https://github.com/yui/pure/issues/41/

  The following font stack makes Pure Grids work on all known environments.

  * FreeSans: Ships with many Linux distros, including Ubuntu

  * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
    Arial to get picked up by the browser, even though neither is available
    in Chrome OS.

  * Droid Sans: Ships with all versions of Android.

  * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
  */
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  /*
  Use flexbox when possible to avoid `letter-spacing` side-effects.

  NOTE: Firefox (as of 25) does not currently support flex-wrap, so the
  `-moz-` prefix version is omitted.
  */
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  /* IE10 uses display: flexbox */
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}

.pure-u {
  display: inline-block;
  *display: inline; /* IE < 8: fake inline-block */
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class*=pure-u] {
  font-family: sans-serif;
}

/* Added by Anish to hide */
.pure-u-0 {
  display: none;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.pure-u-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
  width: 8.3333%;
  *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
  width: 12.5%;
  *width: 12.469%;
}

.pure-u-1-6,
.pure-u-4-24 {
  width: 16.6667%;
  *width: 16.6357%;
}

.pure-u-1-5 {
  width: 20%;
  *width: 19.969%;
}

.pure-u-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
  width: 25%;
  *width: 24.969%;
}

.pure-u-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
  width: 33.3333%;
  *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
  width: 37.5%;
  *width: 37.469%;
}

.pure-u-2-5 {
  width: 40%;
  *width: 39.969%;
}

.pure-u-5-12,
.pure-u-10-24 {
  width: 41.6667%;
  *width: 41.6357%;
}

.pure-u-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
  width: 50%;
  *width: 49.969%;
}

.pure-u-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
  width: 58.3333%;
  *width: 58.3023%;
}

.pure-u-3-5 {
  width: 60%;
  *width: 59.969%;
}

.pure-u-5-8,
.pure-u-15-24 {
  width: 62.5%;
  *width: 62.469%;
}

.pure-u-2-3,
.pure-u-16-24 {
  width: 66.6667%;
  *width: 66.6357%;
}

.pure-u-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
  width: 75%;
  *width: 74.969%;
}

.pure-u-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}

.pure-u-4-5 {
  width: 80%;
  *width: 79.969%;
}

.pure-u-5-6,
.pure-u-20-24 {
  width: 83.3333%;
  *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
  width: 87.5%;
  *width: 87.469%;
}

.pure-u-11-12,
.pure-u-22-24 {
  width: 91.6667%;
  *width: 91.6357%;
}

.pure-u-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
  width: 100%;
}

/* ===================================
   Grids - Responsive
   =================================== */
/*
Pure v0.5.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yui/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 568px) {
  /*
  Pure style do hide element
  @author - Anish Xavier
  */
  .pure-u-sm-0 {
    display: none;
  }
  .pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-1-2,
.pure-u-sm-1-3,
.pure-u-sm-2-3,
.pure-u-sm-1-4,
.pure-u-sm-3-4,
.pure-u-sm-1-5,
.pure-u-sm-2-5,
.pure-u-sm-3-5,
.pure-u-sm-4-5,
.pure-u-sm-5-5,
.pure-u-sm-1-6,
.pure-u-sm-5-6,
.pure-u-sm-1-8,
.pure-u-sm-3-8,
.pure-u-sm-5-8,
.pure-u-sm-7-8,
.pure-u-sm-1-12,
.pure-u-sm-5-12,
.pure-u-sm-7-12,
.pure-u-sm-11-12,
.pure-u-sm-1-24,
.pure-u-sm-2-24,
.pure-u-sm-3-24,
.pure-u-sm-4-24,
.pure-u-sm-5-24,
.pure-u-sm-6-24,
.pure-u-sm-7-24,
.pure-u-sm-8-24,
.pure-u-sm-9-24,
.pure-u-sm-10-24,
.pure-u-sm-11-24,
.pure-u-sm-12-24,
.pure-u-sm-13-24,
.pure-u-sm-14-24,
.pure-u-sm-15-24,
.pure-u-sm-16-24,
.pure-u-sm-17-24,
.pure-u-sm-18-24,
.pure-u-sm-19-24,
.pure-u-sm-20-24,
.pure-u-sm-21-24,
.pure-u-sm-22-24,
.pure-u-sm-23-24,
.pure-u-sm-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-sm-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-sm-1-12,
.pure-u-sm-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-sm-1-8,
.pure-u-sm-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-sm-1-6,
.pure-u-sm-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-sm-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-sm-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-sm-1-4,
.pure-u-sm-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-sm-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-sm-1-3,
.pure-u-sm-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-sm-3-8,
.pure-u-sm-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-sm-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-sm-5-12,
.pure-u-sm-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-sm-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-sm-1-2,
.pure-u-sm-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-sm-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-sm-7-12,
.pure-u-sm-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-sm-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-sm-5-8,
.pure-u-sm-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-sm-2-3,
.pure-u-sm-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-sm-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-sm-3-4,
.pure-u-sm-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-sm-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-sm-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-sm-5-6,
.pure-u-sm-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-sm-7-8,
.pure-u-sm-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-sm-11-12,
.pure-u-sm-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-sm-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-sm-1,
.pure-u-sm-1-1,
.pure-u-sm-5-5,
.pure-u-sm-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  /*
  Pure style do hide element
  @author - Anish Xavier
  */
  .pure-u-md-0 {
    display: none;
  }
  .pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-1-2,
.pure-u-md-1-3,
.pure-u-md-2-3,
.pure-u-md-1-4,
.pure-u-md-3-4,
.pure-u-md-1-5,
.pure-u-md-2-5,
.pure-u-md-3-5,
.pure-u-md-4-5,
.pure-u-md-5-5,
.pure-u-md-1-6,
.pure-u-md-5-6,
.pure-u-md-1-8,
.pure-u-md-3-8,
.pure-u-md-5-8,
.pure-u-md-7-8,
.pure-u-md-1-12,
.pure-u-md-5-12,
.pure-u-md-7-12,
.pure-u-md-11-12,
.pure-u-md-1-24,
.pure-u-md-2-24,
.pure-u-md-3-24,
.pure-u-md-4-24,
.pure-u-md-5-24,
.pure-u-md-6-24,
.pure-u-md-7-24,
.pure-u-md-8-24,
.pure-u-md-9-24,
.pure-u-md-10-24,
.pure-u-md-11-24,
.pure-u-md-12-24,
.pure-u-md-13-24,
.pure-u-md-14-24,
.pure-u-md-15-24,
.pure-u-md-16-24,
.pure-u-md-17-24,
.pure-u-md-18-24,
.pure-u-md-19-24,
.pure-u-md-20-24,
.pure-u-md-21-24,
.pure-u-md-22-24,
.pure-u-md-23-24,
.pure-u-md-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-md-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-md-1-12,
.pure-u-md-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-md-1-8,
.pure-u-md-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-md-1-6,
.pure-u-md-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-md-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-md-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-md-1-4,
.pure-u-md-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-md-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-md-1-3,
.pure-u-md-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-md-3-8,
.pure-u-md-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-md-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-md-5-12,
.pure-u-md-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-md-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-md-1-2,
.pure-u-md-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-md-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-md-7-12,
.pure-u-md-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-md-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-md-5-8,
.pure-u-md-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-md-2-3,
.pure-u-md-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-md-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-md-3-4,
.pure-u-md-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-md-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-md-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-md-5-6,
.pure-u-md-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-md-7-8,
.pure-u-md-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-md-11-12,
.pure-u-md-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-md-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-md-1,
.pure-u-md-1-1,
.pure-u-md-5-5,
.pure-u-md-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  /*
  Pure style do hide element
  @author - Anish Xavier
  */
  .pure-u-lg-0 {
    display: none;
  }
  .pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-1-2,
.pure-u-lg-1-3,
.pure-u-lg-2-3,
.pure-u-lg-1-4,
.pure-u-lg-3-4,
.pure-u-lg-1-5,
.pure-u-lg-2-5,
.pure-u-lg-3-5,
.pure-u-lg-4-5,
.pure-u-lg-5-5,
.pure-u-lg-1-6,
.pure-u-lg-5-6,
.pure-u-lg-1-8,
.pure-u-lg-3-8,
.pure-u-lg-5-8,
.pure-u-lg-7-8,
.pure-u-lg-1-12,
.pure-u-lg-5-12,
.pure-u-lg-7-12,
.pure-u-lg-11-12,
.pure-u-lg-1-24,
.pure-u-lg-2-24,
.pure-u-lg-3-24,
.pure-u-lg-4-24,
.pure-u-lg-5-24,
.pure-u-lg-6-24,
.pure-u-lg-7-24,
.pure-u-lg-8-24,
.pure-u-lg-9-24,
.pure-u-lg-10-24,
.pure-u-lg-11-24,
.pure-u-lg-12-24,
.pure-u-lg-13-24,
.pure-u-lg-14-24,
.pure-u-lg-15-24,
.pure-u-lg-16-24,
.pure-u-lg-17-24,
.pure-u-lg-18-24,
.pure-u-lg-19-24,
.pure-u-lg-20-24,
.pure-u-lg-21-24,
.pure-u-lg-22-24,
.pure-u-lg-23-24,
.pure-u-lg-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-lg-1-12,
.pure-u-lg-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-lg-1-8,
.pure-u-lg-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-lg-1-6,
.pure-u-lg-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-lg-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-lg-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-lg-1-4,
.pure-u-lg-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-lg-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-lg-1-3,
.pure-u-lg-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-lg-3-8,
.pure-u-lg-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-lg-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-lg-5-12,
.pure-u-lg-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-lg-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-lg-1-2,
.pure-u-lg-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-lg-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-lg-7-12,
.pure-u-lg-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-lg-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-lg-5-8,
.pure-u-lg-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-lg-2-3,
.pure-u-lg-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-lg-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-lg-3-4,
.pure-u-lg-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-lg-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-lg-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-lg-5-6,
.pure-u-lg-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-lg-7-8,
.pure-u-lg-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-lg-11-12,
.pure-u-lg-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-lg-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-lg-1,
.pure-u-lg-1-1,
.pure-u-lg-5-5,
.pure-u-lg-24-24 {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  /*
  Pure style do hide element
  @author - Anish Xavier
  */
  .pure-u-xl-0 {
    display: none;
  }
  .pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-1-2,
.pure-u-xl-1-3,
.pure-u-xl-2-3,
.pure-u-xl-1-4,
.pure-u-xl-3-4,
.pure-u-xl-1-5,
.pure-u-xl-2-5,
.pure-u-xl-3-5,
.pure-u-xl-4-5,
.pure-u-xl-5-5,
.pure-u-xl-1-6,
.pure-u-xl-5-6,
.pure-u-xl-1-8,
.pure-u-xl-3-8,
.pure-u-xl-5-8,
.pure-u-xl-7-8,
.pure-u-xl-1-12,
.pure-u-xl-5-12,
.pure-u-xl-7-12,
.pure-u-xl-11-12,
.pure-u-xl-1-24,
.pure-u-xl-2-24,
.pure-u-xl-3-24,
.pure-u-xl-4-24,
.pure-u-xl-5-24,
.pure-u-xl-6-24,
.pure-u-xl-7-24,
.pure-u-xl-8-24,
.pure-u-xl-9-24,
.pure-u-xl-10-24,
.pure-u-xl-11-24,
.pure-u-xl-12-24,
.pure-u-xl-13-24,
.pure-u-xl-14-24,
.pure-u-xl-15-24,
.pure-u-xl-16-24,
.pure-u-xl-17-24,
.pure-u-xl-18-24,
.pure-u-xl-19-24,
.pure-u-xl-20-24,
.pure-u-xl-21-24,
.pure-u-xl-22-24,
.pure-u-xl-23-24,
.pure-u-xl-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-xl-1-12,
.pure-u-xl-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-xl-1-8,
.pure-u-xl-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-xl-1-6,
.pure-u-xl-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-xl-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-xl-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-xl-1-4,
.pure-u-xl-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-xl-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-xl-1-3,
.pure-u-xl-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-xl-3-8,
.pure-u-xl-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-xl-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-xl-5-12,
.pure-u-xl-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-xl-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-xl-1-2,
.pure-u-xl-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-xl-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-xl-7-12,
.pure-u-xl-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-xl-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-xl-5-8,
.pure-u-xl-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-xl-2-3,
.pure-u-xl-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-xl-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-xl-3-4,
.pure-u-xl-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-xl-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-xl-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-xl-5-6,
.pure-u-xl-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-xl-7-8,
.pure-u-xl-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-xl-11-12,
.pure-u-xl-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-xl-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-xl-1,
.pure-u-xl-1-1,
.pure-u-xl-5-5,
.pure-u-xl-24-24 {
    width: 100%;
  }
}
/*! jQuery UI - v1.12.1 - 2018-07-22
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}

.ui-menu .ui-menu {
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-state-focus, .ui-menu .ui-state-active {
  margin: -1px;
}

.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  padding: 0.4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-checkboxradio-disabled {
  pointer-events: none;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

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

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 2em;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/
/*
CONTENTS:
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited).
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar.
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars.
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars.
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/*
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: pinch-zoom;
  touch-action: pinch-zoom; /* direct pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox { /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container { /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/*
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
} /* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
} /* RTL direction/left-side scrollbar */
.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
} /* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  left: -26px;
} /* RTL direction/left-side scrollbar (scrollbar position: outside) */
.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px; /* minimum dragger height */
  z-index: 1;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */
  position: relative;
  width: 4px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px; /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
  bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR
x-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_horizontal.mCSB_inside > .mCSB_container {
  margin-right: 0;
  margin-bottom: 30px;
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
  min-height: 100%;
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
} /* non-visible scrollbar */
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
  width: auto;
  height: 16px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: -26px;
} /* scrollbar position: outside */
.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
  margin: 0 20px;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 2px;
  margin: 7px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 30px; /* minimum dragger width */
  height: 100%;
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 12px; /* auto-expanded scrollbar */
  margin: 2px auto;
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 8px; /* auto-expanded scrollbar */
  margin: 4px 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  display: block;
  position: absolute;
  width: 20px;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
  left: 0;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
  right: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS
yx-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_container_wrapper {
  position: absolute;
  height: auto;
  width: auto;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin-right: 30px;
  margin-bottom: 30px;
}

.mCSB_container_wrapper > .mCSB_container {
  padding-right: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 20px;
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 20px;
}

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
  bottom: 0;
}

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  right: 0;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 20px;
}

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  left: 0;
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
  padding-right: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
  padding-bottom: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0; /* non-visible scrollbar */
  margin-left: 0;
}

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
  margin-bottom: 0;
}

/*
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  -webkit-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
  -webkit-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -moz-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: width 0.2s ease-out 0.2s, height 0.2s ease-out 0.2s, margin-left 0.2s ease-out 0.2s, margin-right 0.2s ease-out 0.2s, margin-top 0.2s ease-out 0.2s, margin-bottom 0.2s ease-out 0.2s, opacity 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

/*
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS
------------------------------------------------------------------------------------------------------------------------
*/
/*
----------------------------------------
6.1 THEMES
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4);
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png); /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}

.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}

.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}

.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "dark" */
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme: "light-2", "dark-2" */
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 4px;
  margin: 6px auto;
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px 0;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -20px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -40px;
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -56px;
}

/* theme: "dark-2" */
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px 0;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -20px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -40px;
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thick", "dark-thick" */
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 4px;
  margin: 6px 0;
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 6px;
  margin: 5px auto;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px 0;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -20px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -40px;
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -56px;
}

/* theme: "dark-thick" */
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px 0;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -20px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -40px;
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -56px;
}

/* ---------------------------------------- */
/* theme: "light-thin", "dark-thin" */
.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 2px;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 2px;
  margin: 7px auto;
}

/* theme "dark-thin" */
.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px 0;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -20px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -40px;
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -56px;
}

/* ---------------------------------------- */
/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
  height: 14px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 14px;
  margin: 0 1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 14px;
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 14px;
  margin: 1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 16px; /* auto-expanded scrollbar */
  height: 16px;
  margin: -1px 0;
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 4px; /* auto-expanded scrollbar */
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  height: 16px; /* auto-expanded scrollbar */
  width: 16px;
  margin: 0 -1px;
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 4px; /* auto-expanded scrollbar */
  margin: 6px 0;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 -72px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -92px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -112px;
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -128px;
}

/* theme "rounded-dark", "rounded-dots-dark" */
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.15);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -80px -72px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -80px -92px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -80px -112px;
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -80px -128px;
}

/* theme "rounded-dots", "rounded-dots-dark" */
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
  width: 4px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background-color: transparent;
  background-position: center;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
  background-repeat: repeat-y;
  opacity: 0.3;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  height: 4px;
  margin: 6px 0;
  background-repeat: repeat-x;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -16px -72px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -16px -92px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -20px -112px;
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -20px -128px;
}

/* theme "rounded-dots-dark" */
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -96px -72px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -96px -92px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -100px -112px;
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -100px -128px;
}

/* ---------------------------------------- */
/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-y;
  background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
}

/* theme "3d", "3d-dark" */
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 70px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 70px;
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 8px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 8px;
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 8px;
  margin: 4px 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  width: 100%;
  height: 8px;
  margin: 4px auto;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "3d-dark" */
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "3d-thick", "3d-thick-dark" */
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=30)";
  -ms-filter: "alpha(opacity=30)";
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  right: 1px;
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
  box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  bottom: 1px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
  width: 12px;
  margin: 2px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #555;
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 12px;
  width: auto;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #777;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  left: 0;
  right: auto;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
  height: 50px;
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
  width: 50px;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* theme: "minimal-dark" */
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
  filter: "alpha(opacity=20)";
  -ms-filter: "alpha(opacity=20)";
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  filter: "alpha(opacity=50)";
  -ms-filter: "alpha(opacity=50)";
}

/* ---------------------------------------- */
/* theme "light-3", "dark-3" */
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  width: 6px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 6px;
  margin: 5px 0;
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 12px;
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  height: 12px;
  margin: 2px 0;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "dark-3" */
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  width: 12px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.2);
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 6px;
  margin: 3px 5px;
  position: absolute;
  height: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  height: 6px;
  margin: 5px 3px;
  position: absolute;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  width: 100%;
  height: 12px;
  margin: 2px 0;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -32px -72px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -32px -92px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -40px -112px;
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -40px -128px;
}

/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.1);
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* theme "inset-2", "inset-2-dark" */
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
  border-color: rgba(255, 255, 255, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
  border-color: #000;
  border-color: rgba(0, 0, 0, 0.2);
}

/* theme "inset-3", "inset-3-dark" */
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.6);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.6);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.75);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.85);
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.9);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.75);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.85);
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
}

.l-content .section.gray-box .box-inner {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.buy-online .configure .tab-area .tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.buy-online .configure .tab-area .tab li {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #002c5f;
  position: relative;
  margin: 5px;
  margin-right: 10px;
  width: auto;
  background-color: transparent;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
  border: 0;
}
@media screen and (min-width: 400px) {
  .buy-online .configure .tab-area .tab li {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) {
  .buy-online .configure .tab-area .tab li {
    margin-right: 50px;
  }
}

.buy-online .configure .tab-area .tab:before {
  content: none;
}

.buy-online .configure .tab-area .tab li.is-active,
.buy-online .configure .tab-area .tab li:hover {
  border: 0;
  background-color: transparent;
  color: #002c5f;
}

.buy-online .configure .tab-area .tab li > a:hover,
.buy-online .configure .tab-area .tab li.is-active > a {
  border-bottom: 2px solid #00aad2;
  color: #002c5f;
}

@media screen and (max-width: 1023px) {
  .l-content .section.gray-box {
    background-color: #f1f2f5;
  }
  .l-content .section.gray-box .box-inner {
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.gray-box {
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #f1f2f5;
  }
  .l-content .section.gray-box .box-inner {
    padding: 0 24px;
  }
}
/*  Common bottom floating region [s] */
@media screen and (max-width: 1023px) {
  .bottom-floating-area {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 95;
    width: 100%;
    background-color: #212121;
    color: #fff;
  }
  .bottom-floating-area .cont-area-wrap {
    position: relative;
  }
  .bottom-floating-area .cont-area-wrap .btn-tog {
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 156px;
    height: 30px;
    background-color: #212121;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .bottom-floating-area .cont-area-wrap .btn-tog::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin: -9px 0 0 -6px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-bottom-color: #fff;
  }
  .bottom-floating-area.on .cont-area-wrap .btn-tog::before {
    margin-top: -3px;
    border-color: #fff transparent transparent;
  }
  .bottom-floating-area .cont-area-wrap .cont-area {
    display: none;
    margin: 0 20px;
    padding-top: 15px;
    border-bottom: 1px solid #3c3c3c;
  }
  .bottom-floating-area .cont-area-wrap .price-area .price {
    color: #002c5f;
  }
  .bottom-floating-area .cont-area-wrap .btn-area {
    margin-top: 12px;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-icon {
    display: none;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-cart {
    margin: 0;
  }
  .bottom-floating-area .link-group {
    overflow: hidden;
  }
  .bottom-floating-area .link-group .link {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    float: left;
    position: relative;
    width: 50%;
    height: 88px;
    box-sizing: border-box;
    color: #002c5f;
  }
  .bottom-floating-area .link-group .link:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 34px;
    height: 34px;
    box-sizing: border-box;
  }
  .bottom-floating-area .link-group .link .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .bottom-floating-area .link-group .link .text .m-hide {
    display: none;
  }
  .bottom-floating-area .link-group .link-prev .text {
    left: 44px;
    color: rgba(255, 255, 255, 0.5);
  }
  .bottom-floating-area .link-group .link-next .text {
    right: 44px;
    color: #00aad2;
  }
  .bottom-floating-area .link-group .link-prev:before {
    left: 27px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }
  .bottom-floating-area .link-group .link-next:before {
    right: 27px;
    border-right: 2px solid #00aad2;
    border-top: 2px solid #00aad2;
  }
}
.is-chat-active .btn-wrap {
  display: block !important;
}

.is-chat-active .chatting-box {
  display: none;
}

/* Floating on the bottom */
.bottom-floating-area .cont-area-wrap .price-info {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  min-width: 1px;
  padding: 10px 0 13px;
  background-color: #353535;
}

.bottom-floating-area .cont-area-wrap .price-info::before {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 50%;
  width: 1px;
  background-color: #999999;
}

.configure-wrap .bottom-floating-area .cont-area-wrap .price-info::before {
  content: none;
}

.bottom-floating-area .cont-area-wrap .price-info::after {
  content: "";
  display: block;
  clear: both;
}

.bottom-floating-area .cont-area-wrap .price-info .value {
  font-size: 18px;
}

.bottom-floating-area .cont-area-wrap .price-info .price-area {
  font-weight: 600;
  font-size: 22px;
}

.bottom-floating-area .cont-area-wrap .price-info .driveaway-price {
  float: left;
  width: 50%;
  text-align: center;
}

.bottom-floating-area .cont-area-wrap .price-info .driveaway-price.extraClassForSpec {
  width: 100%;
}

.bottom-floating-area .cont-area-wrap .price-info .driveaway-price .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
}

.bottom-floating-area .cont-area-wrap .price-info .driveaway-price .desc {
  font-size: 14px;
  line-height: 20px;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period {
  float: left;
  width: 50%;
  font-size: 22px;
  line-height: 27px;
  text-align: center;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 27px;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc {
  font-size: 14px;
  line-height: 20px;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner {
  position: relative;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select {
  display: none;
  position: absolute;
  top: 50%;
  right: 30px;
  z-index: 10;
  padding: 15px 20px;
  border: 1px solid #fff;
  background-color: #282828;
  border-radius: 1px;
  transform: translateY(-50%);
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -7px;
  width: 11px;
  height: 11px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  background-color: #282828;
  transform: translateY(-50%) rotate(45deg);
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select span {
  display: block;
  margin: 4px 0;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select label {
  display: block;
  margin: 0;
  background-color: #282828;
  text-align: left;
  white-space: nowrap;
  cursor: pointer;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select.is-active {
  display: block;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .btn-range {
  overflow: hidden;
  margin-left: 8px;
  text-indent: -9999px;
}

.bottom-floating-area .cont-area-wrap .price-info .repayment-period .btn-range span {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .bottom-floating-area .btn-offers {
    display: none;
  }
  .bottom-floating-area .btn-chatting {
    font-weight: 600;
    position: absolute;
    top: -150px;
    right: 20px;
    width: 60px;
    height: 60px;
    padding-top: 24px;
    border-radius: 50%;
    border: 1px solid #dfdfdf;
    background-color: rgba(255, 255, 255, 0.9);
  }
  .bottom-floating-area .btn-chatting::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 50%;
    width: 23px;
    height: 18px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-position: -174px -120px;
    background-size: 400px;
    background-repeat: no-repeat;
    transform: translateX(-50%);
  }
  .bottom-floating-area .btn-chatting .text {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 20px;
    color: #002c5f;
    font-size: 12px;
    text-align: center;
  }
  .bottom-floating-area .btn-chatting .text:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 2px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 23px;
    height: 18px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -174px -120px;
    background-size: 400px;
  }
  .bottom-floating-area {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 95;
    width: 100%;
    background-color: #212121;
    color: #fff;
  }
  .bottom-floating-area .floating-inner {
    position: relative;
    width: 100%;
    height: 122px;
    min-width: 300px;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .bottom-floating-area .cont-area-wrap .btn-tog {
    display: none;
  }
  .bottom-floating-area .cont-area-wrap .cont-area {
    display: block !important;
    position: absolute;
    left: 207px;
    right: 207px;
    top: 0;
    bottom: 0;
  }
  .bottom-floating-area .cont-area-wrap .price-info,
.bottom-floating-area .cont-area-wrap .btn-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .bottom-floating-area .cont-area-wrap .price-info {
    width: 48%;
  }
  .bottom-floating-area .cont-area-wrap .btn-area {
    display: inline-block;
    flex-wrap: inherit;
    width: auto;
    right: 0;
    margin: 0;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-t01 {
    width: auto;
    height: 40px;
    padding: 0 20px;
    font-size: 15px;
    line-height: 40px;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-t01 .text {
    display: block;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-t01 .btn-icon {
    display: none;
  }
  .bottom-floating-area .cont-area-wrap .btn-area .btn-save {
    height: 40px;
    line-height: 40px;
  }
  .bottom-floating-area .link-group .link {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 200px;
    height: 88px;
    box-sizing: border-box;
    color: #00aad2;
    font-size: 20px;
  }
  .bottom-floating-area .link-group .link-prev {
    left: 0;
  }
  .bottom-floating-area .link-group .link-next {
    color: #00aad2;
    right: 0;
    transform-origin: left center;
    transition: transform 150ms ease-in-out;
  }
  .bottom-floating-area .link-group .link-next:hover {
    transform: translateY(-50%) scale(1.07);
  }
  .bottom-floating-area .link-group .link:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 34px;
    height: 34px;
    box-sizing: border-box;
  }
  .bottom-floating-area .link-group .link .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .bottom-floating-area .link-group .link-prev .text {
    left: 65px;
    color: rgba(255, 255, 255, 0.5);
  }
  .bottom-floating-area .link-group .link-next .text {
    right: 75px;
    text-align: right;
  }
  .bottom-floating-area .link-group .link-prev:before {
    left: 27px;
    border-left: 2px solid rgba(255, 255, 255, 0.5);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  }
  .bottom-floating-area .link-group .link-next:before {
    right: 35px;
    border-right: 2px solid #00aad2;
    border-top: 2px solid #00aad2;
    opacity: 1;
  }
}
@media screen and (min-width: 1280px) {
  .bottom-floating-area .cont-area-wrap .cont-area {
    left: 260px;
    right: 260px;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price.extraClassForSpec::after {
    content: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    left: 0;
    width: 56%;
  }
  .bottom-floating-area .cont-area-wrap .price-info::before {
    content: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info .value {
    font-size: 18px;
  }
  .bottom-floating-area .cont-area-wrap .price-info .price-area {
    font-weight: 600;
    font-size: 22px;
  }
  .bottom-floating-area .cont-area-wrap .price-info .price-area .price {
    color: #002c5f;
  }
  .bottom-floating-area .cont-area-wrap .price-info {
    padding: 10px 0;
    background-color: #353535;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price {
    position: relative;
    float: left;
    width: 50%;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price.extraClassForSpec {
    width: 100%;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
  }
  .bottom-floating-area .cont-area-wrap .price-info .driveaway-price .desc {
    line-height: 20px;
    text-align: center;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period {
    float: left;
    width: 50%;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 23px;
    text-align: center;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select span {
    float: left;
    width: 33%;
    text-align: center;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select input[type=radio] {
    visibility: hidden;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select label {
    height: 20px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    color: #888888;
    white-space: nowrap;
    cursor: pointer;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select label::before {
    content: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select label::after {
    content: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .repayment-select input[type=radio]:checked + label {
    color: #fff;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .txt,
.bottom-floating-area .cont-area-wrap .price-info .repayment-period .btn-range {
    display: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select {
    display: block;
    position: relative;
    top: auto;
    right: auto;
    padding: 0;
    border: none;
    border-radius: inherit;
    transform: none;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select label {
    background-color: transparent;
    text-align: center;
  }
  .bottom-floating-area .cont-area-wrap .price-info .repayment-period .desc .desc-inner .repayment-select::after {
    display: none;
  }
}
.is-rel > .bottom-floating-area {
  position: relative;
  width: 100%;
}

.bottom-floating-area .link-group .disabled {
  cursor: default;
}

.bottom-floating-area .link-group .disabled .text {
  color: rgba(255, 255, 255, 0.5);
}

.bottom-floating-area .link-group .disabled:before {
  border-color: rgba(255, 255, 255, 0.5);
}

@media screen and (max-width: 1023px) {
  .l-content .section.step-box {
    overflow: hidden;
    padding: 0;
    background-color: #1f2731;
  }
  .step-box .b-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    padding: 8px 0;
    color: #fff;
    font-size: 28px;
    text-align: center;
  }
  .step-box .step-tog {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    height: 50px;
    padding-left: 20px;
    background-color: #353e4a;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    transition: all 0.3s;
    cursor: pointer;
  }
  .step-box .step-tog:before {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-top: -2px;
    box-sizing: border-box;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transition: all 0.3s;
  }
  /* on */
  .step-box.on .step-tog {
    background-color: #002c5f;
  }
  .step-box.on .step-tog:before {
    transform: translateY(-50%) rotate(-135deg);
  }
  /* // on */
  .step-box .step-list {
    display: none;
    overflow: hidden;
    background-color: #2b3441;
  }
  .step-box .step-list .step br {
    display: none;
  }
  .step-box .step-list .step .inner {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    position: relative;
    height: 50px;
    padding-left: 54px;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
  }
  .step-box .step-list .step .inner:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 26px;
    width: 2px;
    height: 50px;
    background-color: #525f71;
  }
  .step-box .step-list .step:first-child .inner:before {
    display: none;
  }
  .step-box .step-list .step .inner:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 2px solid #525f71;
    background-color: #2b3441;
  }
  .step-box .step-list .step.com .inner:before {
    background-color: #fff;
  }
  .step-box .step-list .step.com .inner:after {
    border-color: #fff;
  }
  /* on */
  .step-box .step-list .step.on .inner {
    font-weight: 600;
  }
  .step-box .step-list .step.on .inner:before {
    background-color: #fff;
  }
  .step-box .step-list .step.on .inner:after {
    border-color: #002c5f;
    background-color: #002c5f;
  }
  /* // on */
  /* layer step */
  .layer .step-box .step-tog {
    background-color: #2b3441;
  }
  .layer .step-box .step-list {
    background-color: #666;
  }
  .layer .step-box .step-list .step .inner:before {
    background-color: #888888;
  }
  .layer .step-box .step-list .step .inner:after {
    border-color: #888888;
    background-color: #666;
  }
  .layer .step-box .step-list .step.on .inner:after {
    border-color: #2b3441;
    background-color: #2b3441;
  }
  .layer .step-box .step-list .step.com .inner:after {
    border-color: #fff;
    background-color: #fff;
  }
  .layer .step-box .step-list .step.on .inner:before,
.layer .step-box .step-list .step.com .inner:before {
    background-color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.step-box {
    max-width: 100%;
    box-sizing: border-box;
    background-color: #1f2731;
  }
  .step-box .b-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    padding: 8px 0 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 54px;
  }
  .step-box .step-tog {
    display: none;
  }
  .step-box .step-list {
    display: block !important;
    overflow: hidden;
    width: 100%;
    max-width: 1240px;
    margin: 25px auto 0;
    box-sizing: border-box;
  }
  .step-box .step-list .step {
    float: left;
    width: 16.5%;
  }
  .step-box .step-list .step.veh-step {
    width: 13.5%;
  }
  .step-box .step-list .step.veh-step.on {
    width: 13.5%;
  }
  .step-box .step-list .step.on {
    float: left;
    width: 17.5%;
  }
  .step-box .step-list .step .inner {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    position: relative;
    height: 65px;
    color: #8b949f;
  }
  .step-box .step-list .step .inner:before,
.step-box .step-list .step:last-child .inner:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color: #41474e;
  }
  .step-box .step-list .step .inner:before {
    left: 0;
  }
  .step-box .step-list .step:last-child .inner:after {
    right: 0;
  }
  .step-box .step-list .step .num {
    display: none;
  }
  .step-box .step-list .step .text {
    position: absolute;
    left: 12px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .step-box .step-list .step .text:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    border-top: 2px solid #8b949f;
    border-right: 2px solid #8b949f;
    opacity: 0;
  }
  /* hover */
  .step-box .step-list .step .inner:before,
.step-box .step-list .step .text,
.step-box .step-list .step .text:before {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .step-box .step-list .step .text:before {
    right: 20px;
  }
  .step-box .step-list .step:hover a.inner:before {
    width: 3px;
  }
  .step-box .step-list .step:hover a .text:before {
    right: 2px;
    opacity: 1;
  }
  /* //hover */
  /* on */
  .step-box .step-list .step.on .inner:before {
    width: 3px;
    background-color: #00aad2;
  }
  .step-box .step-list .step.on .inner .text {
    color: #00aad2;
  }
  .step-box .step-list .step.on .inner .text:before {
    right: 2px;
    border-color: #00aad2;
    opacity: 1;
  }
  /* // on */
}
@media screen and (min-width: 1280px) {
  .step-box .b-title {
    font-size: 48px;
  }
  .step-box .step-list .step .text {
    left: 20px;
  }
}
/* select a car 상단 [s] */
@media screen and (min-width: 0px) {
  .trade-in-top-area {
    overflow: hidden;
    padding: 22px 0 0;
    border-top: 1px solid #1f2731;
    background-color: #353e4a;
  }
  .trade-in-top-area .inner {
    margin: 0 5px;
  }
  .trade-in-top-area .inner .sub-tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    font-size: 1.6rem;
    color: #fff;
  }
  .trade-in-top-area .inner .sub-tit .selected {
    color: #00aad2;
  }
  .trade-in-top-area .trade-in-view {
    position: relative;
    height: 96px;
    margin-bottom: 30px;
    padding: 10px 20px 10px 98px;
    background-color: #1f2731;
    border-radius: 45px;
    cursor: pointer;
  }
  .trade-in-top-area .trade-in-view::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 13px;
    width: 72px;
    height: 72px;
    background-color: #fff;
    border-radius: 50%;
  }
  .trade-in-top-area .trade-in-view::after {
    content: "";
    position: absolute;
    top: 30px;
    left: 26px;
    width: 46px;
    height: 31px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
    background-position: -166px -103px;
    background-size: 400px;
    background-repeat: no-repeat;
  }
  .trade-in-top-area .trade-in-view .trade-in-msg {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin: 6px 0 1px;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    letter-spacing: -0.6px;
    white-space: nowrap;
  }
  .trade-in-top-area .trade-in-view .alert {
    font-size: 1.4rem;
    line-height: 20px;
    color: #fff;
    text-align: center;
  }
  .trade-in-top-area .repayment-period {
    position: relative;
    margin: 0 15px 26px;
  }
  .trade-in-top-area .repayment-period .repayment-period-inner {
    transition: opacity 0.2s ease;
  }
  .trade-in-top-area .repayment-period .sub-tit {
    margin-bottom: 7px;
  }
  .trade-in-top-area .repayment-period ul {
    min-width: 1px;
    margin: 0 -1% 0 20px;
  }
  .trade-in-top-area .repayment-period ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .trade-in-top-area .repayment-period ul li {
    float: left;
    width: 33%;
    margin-left: 10px;
  }
  .trade-in-top-area .repayment-period ul li:first-child {
    margin-left: -20px;
  }
  .trade-in-top-area .repayment-period ul li input[type=radio] + label {
    width: 100%;
    height: 44px;
    margin: 0;
    padding: 0;
    background-color: #1f2731;
    font-size: 1.4rem;
    line-height: 44px;
    color: #8b949f;
    text-align: center;
    cursor: pointer;
  }
  .trade-in-top-area .repayment-period ul li input[type=radio] + label::before {
    content: none;
  }
  .trade-in-top-area .repayment-period ul li input[type=radio] + label::after {
    content: none;
  }
  .trade-in-top-area .repayment-period ul li input[type=radio]:checked + label {
    background-color: #002c5f;
    color: #fff;
    box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.5);
  }
  .trade-in-top-area .set-your-budget {
    position: relative;
    margin: 0 15px 25px;
  }
  .trade-in-top-area .set-your-budget-inner {
    position: relative;
    height: 70px;
    background-color: #1f2831;
    border-radius: 1px;
  }
  .trade-in-top-area .set-your-budget-inner strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 22px 0 0 30px;
    font-size: 1.6rem;
    color: #fff;
  }
  .trade-in-top-area .set-your-budget-inner .btn-active {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 106px;
    height: 30px;
    background-color: #bebebe;
    border-radius: 15px;
    cursor: pointer;
    box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.41) inset;
    transition: background 0.4s ease;
  }
  .trade-in-top-area .set-your-budget-inner .btn-active::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1px;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    background-color: #fff;
    border-radius: 50%;
    transition: left 0.2s ease;
  }
  .trade-in-top-area .set-your-budget-inner .btn-active span {
    display: block;
    padding: 0 15px;
    font-size: 1.4rem;
    line-height: 30px;
    color: #fff;
    text-align: right;
    transition: 1s;
  }
  .trade-in-top-area.is-disabled .repayment-period .repayment-period-inner,
.trade-in-top-area.is-disabled .payment-range,
.trade-in-top-area.is-disabled .loan-term {
    opacity: 0.3;
    pointer-events: none;
  }
  .trade-in-top-area.is-active .set-your-budget-inner .btn-active {
    background-color: #00aad2;
  }
  .trade-in-top-area.is-active .set-your-budget-inner .btn-active::before {
    left: calc(100% - 35px);
  }
  .trade-in-top-area.is-active .set-your-budget-inner .btn-active span {
    text-align: left;
  }
  .trade-in-top-area.is-active .repayment-period .repayment-period-inner,
.trade-in-top-area.is-active .payment-range,
.trade-in-top-area.is-active .loan-term {
    opacity: 1;
    pointer-events: auto;
  }
  .trade-in-top-area .payment-range {
    margin: 0 10px;
    transition: opacity 0.2s ease;
  }
  .trade-in-top-area .payment-range .sub-tit {
    margin-bottom: 15px;
  }
  .trade-in-top-area .loan-term {
    margin: 0 10px;
    transition: opacity 0.2s ease;
  }
  .trade-in-top-area .loan-term .sub-tit {
    margin-bottom: 15px;
  }
  .trade-in-top-area .range-view {
    position: relative;
    height: 4px;
    margin: 0 0 56px;
    padding: 0 8px;
    background-color: #1f2731;
    border-radius: 2px;
  }
  .trade-in-top-area .range-view .range-inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
  }
  .trade-in-top-area .range-view .ui-slider {
    position: absolute;
    top: 0;
    left: 8px;
    right: 8px;
    height: 100%;
  }
  .trade-in-top-area .range-view .ui-slider .ui-slider-handle {
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    background-color: #002c5f;
    border-radius: 50%;
    box-shadow: 0 10px 5px 0 rgba(0, 0, 0, 0.5);
    outline: none;
    cursor: pointer;
  }
  .trade-in-top-area .range-view .ui-slider .ui-slider-handle .value {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-top: 20px;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    transform: translateX(-50%);
    pointer-events: none;
  }
  .trade-in-top-area .range-view .ui-slider .ui-slider-range {
    left: -8px;
    right: -8px;
    height: 100%;
    background-color: #8b949f;
    border-radius: 2px;
  }
  .trade-in-top-area .range-view .range-section {
    height: 100%;
    padding-bottom: 37px;
  }
  .trade-in-top-area .range-view .range-section span {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    position: absolute;
    top: 0;
    min-width: 22px;
    margin: 0;
    padding-top: 17px;
    font-size: 1.6rem;
    color: #8b949f;
    text-align: center;
  }
  .trade-in-top-area .range-view .range-section span::before {
    content: "";
    position: absolute;
    top: 6px;
    width: 4px;
    height: 4px;
    background-color: #8b949f;
    border-radius: 50%;
    transform: translateX(-50%);
  }
  .trade-in-top-area .range-view .range-section .first {
    left: -3px;
  }
  .trade-in-top-area .range-view .range-section .first::before {
    left: 8px;
  }
  .trade-in-top-area .range-view .range-section .last {
    right: -3px;
  }
  .trade-in-top-area .range-view .range-section .last::before {
    right: 8px;
  }
  .trade-in-top-area .range-view .range-section.first .first,
.trade-in-top-area .range-view .range-section.last .last {
    display: none;
  }
  .select-a-car .car-item .img-area .warning-payment {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    text-align: center;
  }
  .select-a-car .car-item .img-area .warning-payment p {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 100%;
    font-size: 1.2rem;
    line-height: 1.4;
    color: #fff;
  }
  .select-a-car .car-item .img-area .warning-payment p .nowrap {
    display: block;
    text-align: center;
  }
  /* .trade-in-top-area .range-view .ui-slider{position:absolute;top:0;left:-8px;right:-8px;height:100%} */
}
@media screen and (min-width: 360px) {
  .trade-in-top-area .trade-in-view .trade-in-msg {
    font-size: 1.8rem;
  }
  .select-a-car .car-item .img-area .warning-payment p {
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 1024px) {
  .trade-in-top-area .sb-inner .set-your-budget {
    position: relative;
    margin: 0 15px 25px;
    top: auto;
    left: auto;
    width: 30%;
    float: right;
  }
  .trade-in-top-area .inner-wrap.sb-inner-wrap {
    padding: 20px 0 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .trade-in-top-area {
    position: relative;
    padding: 0;
    border-top: none;
  }
  .trade-in-top-area .inner-wrap {
    padding: 50px 66px 0;
  }
  .trade-in-top-area .inner {
    min-width: 1px;
    margin: 0 0 0 92px;
  }
  .trade-in-top-area .inner.sb-inner {
    margin: 0;
  }
  .trade-in-top-area .inner.sb-inner::after {
    content: none;
  }
  .trade-in-top-area .inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .trade-in-top-area .trade-in-view {
    float: left;
    width: 50%;
    margin-bottom: 7px;
    margin-left: -92px;
  }
  .trade-in-top-area .top-area-data {
    float: left;
    width: 50%;
    margin-top: -33px;
    margin-left: 92px;
  }
  .trade-in-top-area .top-area-data.sb-top-area {
    width: 100%;
    margin: 0;
  }
  .trade-in-top-area .top-area-data.sb-top-area::after {
    content: none;
  }
  .trade-in-top-area .top-area-data::after {
    content: "";
    display: block;
    clear: both;
  }
  .trade-in-top-area .top-area-data .top-area-section {
    position: relative;
    min-width: 1px;
  }
  .trade-in-top-area .top-area-data .top-area-section::after {
    content: "";
    display: block;
    clear: both;
  }
  .trade-in-top-area .set-your-budget {
    position: absolute;
    top: 166px;
    left: -100%;
    width: 100%;
    margin: 0 0 0 -92px;
  }
  .trade-in-top-area .repayment-period {
    margin: 0 0 30px;
  }
  .trade-in-top-area .repayment-period ul {
    margin: 0 -1% 0 2px;
  }
  .trade-in-top-area .repayment-period ul li {
    margin-left: 1px;
  }
  .trade-in-top-area .repayment-period ul li:first-child {
    margin-left: -2px;
  }
  .trade-in-top-area .pay-area {
    float: right;
    width: 42%;
    margin-top: -174px;
  }
}
@media screen and (min-width: 1280px) {
  .trade-in-top-area .inner-wrap {
    position: relative;
    max-width: 1200px;
    height: 240px;
    margin: 0 auto;
    padding: 0;
  }
  .trade-in-top-area .inner-wrap.sb-inner-wrap {
    height: auto;
    padding: 0;
  }
  .trade-in-top-area .inner {
    margin-left: 60px;
  }
  .trade-in-top-area .inner.sb-inner {
    margin: 0;
  }
  .trade-in-top-area .inner.sb-inner::after {
    content: none;
  }
  .trade-in-top-area .inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .trade-in-top-area .trade-in-view {
    float: left;
    width: 32%;
    margin: 75px 0 20px -60px;
  }
  .trade-in-top-area .top-area-data {
    position: relative;
    width: 68%;
    margin: 0 0 0 60px;
  }
  .trade-in-top-area .top-area-data::before {
    content: "";
    position: absolute;
    top: 20px;
    left: -30px;
    width: 1px;
    height: 200px;
    background-color: #4f5864;
  }
  .trade-in-top-area .top-area-data.sb-top-area::before {
    content: none;
  }
  .trade-in-top-area .top-area-data .top-area-section {
    margin-left: 60px;
  }
  .trade-in-top-area .top-area-data .top-area-section1 {
    margin-top: 36px;
    margin-bottom: 30px;
  }
  .trade-in-top-area .top-area-data .top-area-section1.sb-section {
    margin: 30px 0;
  }
  .trade-in-top-area .set-your-budget {
    position: static;
    top: auto;
    left: auto;
    float: left;
    width: 50%;
    margin-left: -60px;
  }
  .trade-in-top-area .set-your-budget.sb-wrap {
    width: 30%;
    margin: 10px 0;
    float: right;
  }
  .trade-in-top-area .repayment-period {
    float: left;
    width: 50%;
    margin: -5px 0 0 60px;
  }
  .trade-in-top-area .repayment-period.sb-item {
    width: 31%;
    margin: 0 20px 30px;
  }
  .trade-in-top-area .pay-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 32%;
    margin-top: 0;
    padding-left: 70px;
  }
  .trade-in-top-area .payment-range {
    float: left;
    width: 50%;
    margin: 0 0 0 -60px;
  }
  .trade-in-top-area .payment-range.sb-item {
    width: 31%;
    margin: 0;
  }
  .trade-in-top-area .loan-term {
    float: left;
    width: 50%;
    margin: 0 0 0 60px;
  }
  .trade-in-top-area .loan-term.sb-item {
    width: 31%;
    margin: 0;
  }
  .trade-in-top-area .range-view {
    margin-bottom: 46px;
  }
}
/* select a car 상단 [e] */
/* 차량 선택 슬라이드 영역 */
@media screen and (max-width: 1023px) {
  .multi-tab .tab {
    background-color: #fff;
  }
  .select-a-car .tab-area {
    padding-top: 15px;
  }
  .select-a-car .swiper-container {
    padding: 20px 0;
  }
  .select-a-car .swiper-container .swiper-pagination {
    padding-top: 13px;
  }
  .select-a-car .car-item .img-area {
    position: relative;
    font-size: 0;
    line-height: 0;
  }
  .select-a-car .car-item .img-area:before,
.select-a-car .car-item .img-area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    transition: 0.3s;
  }
  .select-a-car .car-item .img-area:before {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .select-a-car .car-item .img-area:after {
    width: 10px;
    height: 16px;
    margin-top: -2px;
    box-sizing: border-box;
    border-right: 2px solid #002c5f;
    border-bottom: 2px solid #002c5f;
  }
  .select-a-car .car-item.on .img-area:before,
.select-a-car .car-item.on .img-area:after {
    opacity: 1;
  }
  .select-a-car .car-item.on .img-area:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .select-a-car .car-item .img-area img {
    width: 100%;
  }
  .select-a-car .car-item .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    text-align: center;
  }
  .select-a-car .car-item.on .text-area {
    font-weight: 600;
  }
  .select-a-car .swiper-pagination {
    padding-bottom: 0;
  }
  .select-a-car .car-item.disabled {
    pointer-events: none;
  }
  .select-a-car .car-item.disabled .warning-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .select-a-car .car-item.disabled .text-area {
    opacity: 0.45;
  }
}
@media screen and (min-width: 1024px) {
  .select-a-car .tab-area {
    padding-top: 15px;
  }
  .select-a-car .tab-area .tab:before {
    display: none;
  }
  .select-a-car .tab-area .tab ul li {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    float: left;
    width: 11%;
    border: 0;
    border-bottom: 2px solid #e3e3e3;
    background-color: transparent;
    color: #002c5f;
    font-size: 16px;
  }
  .select-a-car .tab-area .tab ul li.lng-txt {
    width: 22%;
  }
  .select-a-car .tab-area .tab li.is-active {
    border-bottom: 2px solid #00aad2;
  }
  .select-a-car .tab-area ul li a {
    height: 40px;
    line-height: 40px;
  }
  .select-a-car .swiper-container {
    padding: 0 0 30px;
  }
  .select-a-car .swiper-container .swiper-pagination {
    padding-bottom: 0;
  }
  .select-a-car .car-item {
    position: relative;
    height: 150px;
    cursor: pointer;
  }
  .select-a-car .car-item .img-area {
    position: absolute;
    left: 50%;
    bottom: 43px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 156px;
    margin: 0 auto;
    font-size: 0;
    line-height: 0;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .select-a-car .car-item .img-area:before,
.select-a-car .car-item .img-area:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .select-a-car .car-item .img-area:before {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.7);
  }
  .select-a-car .car-item .img-area:after {
    width: 10px;
    height: 16px;
    margin-top: -2px;
    box-sizing: border-box;
    border-right: 2px solid #002c5f;
    border-bottom: 2px solid #002c5f;
  }
  .select-a-car .car-item .img-area .warning-payment {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 190px;
    height: 105px;
    background-color: rgba(0, 0, 0, 0.8);
    align-items: center;
    text-align: center;
    transform: translate(-50%, -50%);
  }
  .select-a-car .car-item .img-area .warning-payment p {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    color: #fff;
  }
  .select-a-car .car-item .img-area .warning-payment p .nowrap {
    display: block;
    text-align: center;
  }
  .select-a-car .car-item.on .img-area {
    bottom: 28px;
    width: 230px;
  }
  .select-a-car .car-item.on .img-area:before,
.select-a-car .car-item.on .img-area:after {
    opacity: 1;
  }
  .select-a-car .car-item.on .img-area:after {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
  }
  .select-a-car .car-item .img-area img {
    width: 100%;
  }
  .select-a-car .car-item .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    line-height: 33px;
  }
  .select-a-car .car-item.on .text-area {
    font-weight: 600;
    font-size: 20px;
  }
  .select-a-car .car-item.disabled {
    pointer-events: none;
  }
  .select-a-car .car-item.disabled .warning-payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .select-a-car .car-item.disabled .text-area {
    opacity: 0.45;
  }
}
@media screen and (min-width: 1280px) {
  .select-a-car .swiper-container {
    overflow: hidden;
    padding-left: 40px;
    padding-right: 40px;
  }
}
/* Fuel Type/Transmission */
@media screen and (max-width: 1023px) {
  .check-list-area {
    padding-top: 20px;
    padding-bottom: 16px;
    border-top: 1px solid #dadbdc;
  }
  .check-list-area .check-title {
    font-weight: 700;
    position: relative;
    padding-left: 50px;
    color: #000;
    line-height: 30px;
  }
  .check-list-area .check-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png");
    background-size: 400px;
  }
  .check-list-area.fuel .check-title:before {
    width: 36px;
    height: 30px;
    background-position: -66px -86px;
  }
  .check-list-area.trans .check-title:before {
    width: 34px;
    height: 30px;
    background-position: -66px -119px;
  }
  .check-list-area .check-list {
    overflow: hidden;
    margin: -4px -4px 0;
    padding-top: 11px;
  }
  .check-list-area .check-list .item {
    float: left;
    position: relative;
    width: 50%;
    padding: 4px;
    box-sizing: border-box;
  }
  .check-list-area .check-list .item input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .check-list-area .check-list .item label {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    width: 190px;
    height: 36px;
    padding-left: 45px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: #bebebe;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
  }
  .check-list-area .check-list .item label:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 15px;
    margin-top: -2px;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .check-list-area .check-list .item.radio-btn label:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-color: #fff;
    transform: none;
    transition: none;
  }
  .check-list-area .check-list .item.radio-btn label:after {
    display: none;
  }
  .check-list-area .check-list .item input[type=radio]:checked + label:after {
    display: block;
    background-color: transparent;
    left: 13px;
    top: 18px;
    background-color: #00aad2;
  }
  /* checked */
  .check-list-area .check-list .item input[type=checkbox]:checked + label {
    margin: 0;
    background-color: #212121;
    color: #fff;
  }
  .check-list-area .check-list .item input[type=checkbox]:checked + label:before {
    border-color: #fff;
  }
  .check-list-area .check-list .item input[type=radio]:checked + label {
    margin: 0;
    background-color: #00aad2;
    color: #fff;
  }
  .check-list-area .check-list .item input[type=radio]:checked + label:before {
    border-color: #fff;
  }
  /* disbled */
  .check-list-area .check-list .item input[type=checkbox]:disabled + label {
    margin: 0;
    border-color: #dbdce0;
    color: #b0b0b0;
    cursor: default;
  }
  .check-list-area .check-list .item input[type=checkbox]:disabled + label:before {
    border-color: #dbdce0;
  }
  .check-list-area .check-list .item input[type=radio]:disabled + label {
    margin: 0;
    border-color: #dbdce0;
    color: #b0b0b0;
    cursor: default;
  }
  .check-list-area .check-list .item input[type=radio]:disabled + label:before {
    border-color: #dbdce0;
  }
}
@media screen and (min-width: 1024px) {
  .check-list-area {
    overflow: hidden;
    position: relative;
    padding: 22px 0 0 204px;
    border-top: 1px solid #dadbdc;
  }
  .check-list-area + .check-list-area {
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 0;
  }
  .check-list-area .check-title {
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 26px;
    padding-left: 45px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    color: #000;
    line-height: 48px;
  }
  .check-list-area .check-title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 30px;
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png");
    background-size: 400px;
  }
  .check-list-area.fuel .check-title:before {
    width: 36px;
    background-position: -66px -86px;
  }
  .check-list-area.trans .check-title:before {
    width: 34px;
    background-position: -66px -119px;
  }
  .check-list-area .check-list {
    overflow: hidden;
  }
  .check-list-area .check-list .item {
    float: left;
    position: relative;
    padding: 4px;
  }
  .check-list-area .check-list .item input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .check-list-area .check-list .item input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
  }
  .check-list-area .check-list .item label {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    width: 190px;
    height: 36px;
    padding-left: 45px;
    margin: 0;
    box-sizing: border-box;
    border-radius: 18px;
    background-color: #bebebe;
    line-height: 35px;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    cursor: pointer;
  }
  .check-list-area .check-list .item label:before {
    content: "";
    position: absolute;
    left: 17px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 15px;
    margin-top: -2px;
    box-sizing: border-box;
    border: 0;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .check-list-area .check-list .item.radio-btn label:before {
    content: "";
    position: absolute;
    left: 8px;
    top: 8px;
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    background-color: #fff;
    transform: none;
    transition: none;
  }
  .check-list-area .check-list .item.radio-btn label:after {
    display: none;
  }
  .check-list-area .check-list .item input[type=radio]:checked + label:after {
    display: block;
    background-color: transparent;
    left: 13px;
    top: 16px;
    background-color: #00aad2;
    width: 14px;
    height: 14px;
  }
  .check-list-area .check-list .item label:after {
    display: none;
  }
  /* checked */
  .check-list-area .check-list .item input[type=checkbox]:checked + label {
    background-color: #212121;
    color: #fff;
  }
  .check-list-area .check-list .item input[type=checkbox]:checked + label:before {
    border-color: #fff;
  }
  /* disbled */
  .check-list-area .check-list .item input[type=checkbox]:disabled + label {
    border-color: #dbdce0;
    color: #b0b0b0;
    cursor: default;
  }
  .check-list-area .check-list .item input[type=checkbox]:disabled + label:before {
    border-color: #dbdce0;
  }
  /* checked */
  .check-list-area .check-list .item input[type=radio]:checked + label {
    background-color: #00aad2;
    color: #fff;
  }
  .check-list-area .check-list .item input[type=radio]:checked + label:before {
    border-color: #fff;
  }
  /* disbled */
  .check-list-area .check-list .item input[type=radio]:disabled + label {
    border-color: #dbdce0;
    color: #b0b0b0;
    cursor: default;
  }
  .check-list-area .check-list .item input[type=radio]:disabled + label:before {
    border-color: #dbdce0;
  }
}
/* Result Car List */
@media screen and (max-width: 1023px) {
  .result-model-area.thumb-style {
    color: #000;
  }
  .result-model-area .f-color {
    color: #002c5f;
  }
  .result-model-area .result-title {
    font-weight: 600;
    padding: 21px 0 11px;
    border-bottom: 2px solid #212121;
    font-size: 18px;
  }
  .result-model-area .result-title .f-color {
    text-decoration: underline;
  }
  .result-model-list {
    padding-bottom: 20px;
  }
  .result-model {
    position: relative;
  }
  .result-model .disabled-dimmed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
  }
  .result-model .disabled-dimmed .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 80px 20px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  .result-model .disabled-dimmed .text-area:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32px;
    height: 31px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -268px 0;
    background-size: 400px;
  }
  .result-model .disabled-dimmed .text-area br {
    display: none;
  }
  .result-model + .result-model {
    border-top: 1px solid #e3e3e3;
  }
  .result-model .img {
    padding-top: 20px;
    padding-bottom: 15px;
    font-size: 0;
    text-align: center;
  }
  .result-model .img img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .result-model .icon-area {
    font-size: 0;
    text-align: center;
  }
  .result-model .icon-area .icon {
    display: inline-block;
    position: relative;
    width: 33%;
    height: 42px;
    padding-top: 38px;
    box-sizing: content-box;
    text-align: center;
  }
  .result-model .icon-area .icon i {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .result-model .icon-area .icon .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 19px;
    color: #212121;
    font-size: 14px;
  }
  .result-model .icon-area .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #e3e3e3;
  }
  .result-model .icon-area .icon:first-child:before {
    display: none;
  }
  .result-model .info-area {
    position: relative;
    margin-top: 7px;
    padding: 15px 0 20px;
  }
  .result-model.now-available .info-area {
    padding: 15px 15px 20px;
  }
  .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #212121;
    font-size: 24px;
    line-height: 1.2;
  }
  .result-model .info-area .info-title .trim {
    font-size: 18px;
  }
  .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .result-model .info-area .driveaway-price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 6px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .result-model .info-area .price-area .price {
    display: inline-block;
    color: #002c5f;
  }
  .result-model .info-area .price-area .btn-info {
    display: inline-block;
    margin-left: 8px;
    background-color: transparent;
  }
  .result-model .info-area .notice {
    margin-left: 10px;
    color: #212121;
    font-size: 14px;
    text-indent: -10px;
  }
  .result-model .more-info {
    margin-top: 18px;
    padding-bottom: 20px;
  }
  .result-model .more-info .btn-info-more {
    width: 100%;
  }
  .result-model .more-info .btn-info-more span {
    font-weight: 600;
    display: block;
    position: relative;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
    color: #888888;
    text-align: left;
    line-height: 50px;
  }
  .result-model .more-info .btn-info-more span:before,
.result-model .more-info .btn-info-more span:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #888888;
  }
  .result-model .more-info .btn-info-more span:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .result-model .more-info .btn-info-more span:after {
    right: 7px;
    width: 2px;
    height: 16px;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .result-model .more-info.on .btn-info-more span:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    opacity: 0;
  }
  .result-model .more-info .lists-area {
    display: none;
    padding-top: 18px;
  }
  .result-model .more-info .lists {
    margin-left: 11px;
    color: #212121;
    text-indent: -11px;
  }
  .result-model .more-info .lists .item-inner {
    margin-left: 20px;
  }
  .result-model .more-info .lists .item-inner li {
    position: relative;
  }
  .result-model .more-info .lists .item-inner li::before {
    content: "-";
    margin-right: 2px;
    margin-left: -10px;
  }
  .result-model .info-area .features-layer {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: -87px;
    bottom: 20px;
    z-index: 5;
    padding: 15px 30px 0;
    background-color: #666;
    color: #fff;
  }
  .result-model .info-area .features-layer .btn-layer-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .result-model .info-area .features-layer .btn-layer-close::before,
.result-model .info-area .features-layer .btn-layer-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .result-model .info-area .features-layer .btn-layer-close::before {
    width: 2px;
    height: 25px;
  }
  .result-model .info-area .features-layer .btn-layer-close::after {
    width: 25px;
    height: 2px;
  }
  .result-model .info-area .features-layer .layer-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .result-model .info-area .features-layer .layer-list {
    margin-top: 15px;
  }
  .result-model .info-area .features-layer .layer-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .result-model-area .btn-more-area {
    padding-bottom: 30px;
  }
  .result-model-area .btn-more-area .btn-more-list {
    display: block;
    position: relative;
    width: 100%;
    padding: 8px 0 22px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    text-align: center;
  }
  .result-model-area .btn-more-area .btn-more-list::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #888888;
  }
}
.national-offers .result-model {
  padding-left: 0;
}

@media screen and (min-width: 1024px) {
  .result-model-area .f-color {
    color: #00aad2;
  }
  .result-model-area .result-title {
    font-weight: 600;
    padding: 33px 0 17px;
    border-bottom: 2px solid #212121;
    color: #000;
    font-size: 18px;
  }
  .result-model-area .result-title .f-color {
    text-decoration: underline;
  }
  .result-model-list {
    padding-bottom: 30px;
  }
  .result-model {
    position: relative;
    padding-left: 49%;
    border-bottom: 1px solid #e3e3e3;
  }
  /**/
  .swiper-container.result-model {
    padding: 0;
  }
  .swiper-container.result-model .view-area {
    width: 100%;
  }
  .result-model .disabled-dimmed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
  }
  .result-model .disabled-dimmed .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 80px 20px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  .result-model .disabled-dimmed .text-area:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32px;
    height: 31px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -268px 0;
    background-size: 400px;
  }
  .result-model .view-area {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 49%;
  }
  .result-model .view-area .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 125px;
  }
  .result-model .view-area .img img {
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    width: 100%;
    max-width: 400px;
    padding-top: 20px;
  }
  .result-model .icon-area {
    overflow: hidden;
    width: 100%;
    max-width: 360px;
  }
  .order-details .result-model .icon-area {
    max-width: 500px;
  }
  .result-model .icon-area .icon {
    position: relative;
    float: left;
    width: 33.3%;
    text-align: center;
  }
  .result-model .icon-area .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 60px;
    background-color: #e3e3e3;
  }
  .result-model .icon-area .icon:first-child:before {
    display: none;
  }
  .result-model .icon-area .icon i {
    position: absolute;
    left: 50%;
    top: 28px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .result-model .icon-area .icon br {
    display: none;
  }
  .result-model .icon-area .icon .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding-top: 35px;
    font-size: 14px;
    line-height: 80px;
  }
  .result-model .view-area .icon-area {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .result-model .info-area {
    position: relative;
    padding: 25px 10px 25px 20px;
  }
  .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 32px;
    line-height: 1;
  }
  .result-model .info-area .info-title .trim {
    font-size: 20px;
  }
  .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .result-model .info-area .price-area br {
    display: none;
  }
  .result-model .info-area .price-area .price {
    display: inline-block;
    color: #00aad2;
  }
  .result-model .info-area .price-area .btn-info {
    margin-left: 8px;
  }
  .result-model .info-area .notice {
    float: left;
    color: #212121;
    font-size: 14px;
    padding-right: 10px;
  }
  .result-model .info-area .more-info {
    clear: both;
  }
  .result-model .more-info .btn-info-more {
    display: none;
  }
  .result-model .more-info .lists-area {
    display: block !important;
    padding-top: 18px;
  }
  .result-model .more-info .lists-area .lists {
    margin: 10px 0 0 11px;
    color: #212121;
    text-indent: -11px;
  }
  .result-model .more-info .lists .item-inner {
    margin-left: 20px;
  }
  .result-model .more-info .lists .item-inner li {
    position: relative;
  }
  .result-model .more-info .lists .item-inner li::before {
    content: "-";
    margin-right: 2px;
    margin-left: -10px;
  }
  .result-model .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
  }
  .result-model .btn-area .btn-t01 {
    margin-left: 8px;
  }
  .result-model .btn-area .btn-t01:first-child {
    margin-left: 0;
  }
  .result-model .info-area .features-layer {
    display: none;
    position: absolute;
    left: 20px;
    right: 0;
    top: 20px;
    bottom: 20px;
    z-index: 5;
    padding: 23px 30px 0;
    background-color: #666;
    color: #fff;
  }
  .result-model .info-area .features-layer .btn-layer-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 60px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .result-model .info-area .features-layer .btn-layer-close::before,
.result-model .info-area .features-layer .btn-layer-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .result-model .info-area .features-layer .btn-layer-close::before {
    width: 2px;
    height: 25px;
  }
  .result-model .info-area .features-layer .btn-layer-close::after {
    width: 25px;
    height: 2px;
  }
  .result-model .info-area .features-layer .layer-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .result-model .info-area .features-layer .layer-list {
    margin-top: 5px;
  }
  .result-model .info-area .features-layer .layer-list li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .result-model .info-area .features-layer .layer-title,
.result-model .info-area .features-layer .layer-list {
    margin-left: 40px;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .result-model .info-area .features-layer.on .layer-title,
.result-model .info-area .features-layer.on .layer-list {
    margin-left: 0;
    opacity: 1;
  }
  .result-model .info-area .features-layer.on .layer-list {
    -webkit-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
  }
  .result-model-area .btn-more-area {
    text-align: center;
  }
  .result-model-area .btn-more-area .btn-more-list {
    display: inline-block;
    position: relative;
    width: 320px;
    padding: 8px 0 22px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    text-align: center;
  }
  .result-model-area .btn-more-area .btn-more-list::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #888888;
  }
  .result-model.swiper-container {
    border-bottom: none;
  }
  .result-model.swiper-container .info-area .price-area .btn-info {
    display: inline-block;
    border: none;
    color: #fff;
  }
  .result-model.swiper-container .info-area .price-area .btn-info::before {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    content: "!";
  }
}
@media screen and (min-width: 1280px) {
  .result-model {
    padding-left: 55%;
  }
  .result-model .view-area {
    width: 55%;
  }
}
/* Similar Match Results */
@media screen and (max-width: 1023px) {
  .result-model-area.thumb-style .result-title {
    border-bottom: 0;
  }
  .result-model-area .thumb-box {
    border: 1px solid #e3e3e3;
  }
  .result-model-area .thumb-box .info-area {
    margin-top: 13px;
    padding: 15px 10px 20px;
    background-color: #f1f2f5;
  }
  .result-model-area .thumb-box .lists {
    margin: 10px 0 0 11px;
    text-indent: -11px;
  }
  .result-model-area .thumb-box .btn-area {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  /* .result-model-area.thumb-style{padding-bottom:100px;} */
  .result-model-area.thumb-style .result-title {
    border-bottom: 0;
  }
  .result-model-area .thumb-box {
    border: 1px solid #e3e3e3;
  }
  .result-model-area .thumb-box .view-area {
    position: inherit;
    width: 100%;
    text-align: center;
  }
  .result-model-area .thumb-box .view-area .img {
    display: inline-block;
    position: inherit;
    padding: 30px 0 10px;
    font-size: 0;
    max-width: 308px;
  }
  .result-model-area .thumb-box .view-area .img img {
    position: inherit;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  .result-model-area .thumb-box .view-area .icon-area {
    position: inherit;
    margin: 0 auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    font-size: 0;
    text-align: center;
  }
  .result-model-area .thumb-box .view-area .icon-area .icon {
    display: inline-block;
    position: relative;
    width: 33%;
    height: 52px;
    padding-top: 38px;
    box-sizing: content-box;
    text-align: center;
  }
  .result-model-area .thumb-box .view-area .icon-area .icon + .icon em {
    border-left: 1px solid #e2e3e4;
  }
  .result-model-area .thumb-box .view-area .icon-area .icon:before {
    display: none;
  }
  .result-model-area .thumb-box .view-area .icon-area .icon i {
    top: 13px;
  }
  .result-model-area .thumb-box .view-area .icon-area .icon .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 57px;
    color: #212121;
    font-size: 14px;
    line-height: 1.4;
  }
  .result-model-area .thumb-box .info-area {
    position: relative;
    margin-top: 13px;
    padding: 16px 20px 20px;
    background-color: #f1f2f5;
  }
  .result-model-area .thumb-box .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #212121;
    font-size: 20px;
    line-height: 1.2;
  }
  .result-model-area .thumb-box .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 8px;
    color: #212121;
    font-size: 16px;
  }
  .result-model-area .thumb-box .info-area .price-area .price {
    color: #002c5f;
  }
  .result-model-area .thumb-box .info-area .notice {
    color: #212121;
    font-size: 14px;
  }
  .result-model-area .thumb-box .info-area .lists {
    margin: 8px 0 0 11px;
    text-indent: -11px;
  }
  .result-model-area .thumb-box .info-area .info-text {
    margin-top: 18px;
  }
  .result-model-area .thumb-box .info-area .info-text .f-color {
    font-size: 18px;
  }
  .result-model-area .thumb-box .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
  }
  .result-model-area .thumb-box .btn-area .btn-t01 {
    margin-left: 8px;
  }
  .result-model-area .thumb-box .btn-area .btn-t01:first-child {
    margin-left: 0;
  }
  .result-model-area .swiper-pagination {
    margin: 0;
  }
}
/*
	BUY OLINE > Configre (U01_01_002.html)
*/
.offers-type .model-info-view .img-area > img {
  display: none;
}

.offers-type .model-info-view .img-area > img:first-child {
  display: block;
}

@media screen and (max-width: 1023px) {
  /* 컨텐츠 공통 */
  .offers-type .offers-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 23px 0 9px;
    border-bottom: 2px solid #212121;
    font-size: 20px;
  }
  .com-list1 {
    padding: 15px 0;
    border-top: 1px solid #212121;
  }
  .com-list1 .com-item {
    position: relative;
    padding-top: 10px;
  }
  .com-list1 .com-item:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .com-list1 .com-item .com-item-tit {
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
  }
  .com-list1 .com-item .tit {
    display: block;
  }
  .com-list1 .com-item .tit.dash {
    margin-left: 10px;
    font-size: 14px;
  }
  .com-list1 .com-item .txt {
    font-weight: 600;
    clear: both;
    display: block;
    margin-top: -5px;
    margin-bottom: 5px;
    text-align: right;
  }
  .com-list1 .com-item .txt:last-child {
    margin-bottom: 0;
  }
  .com-list1 .com-item .txt .price {
    font-weight: 600;
  }
  .com-list1 .com-item .txt.txt2 {
    color: #002c5f;
    font-weight: 900;
  }
  .com-list1 .com-item .tit .dash {
    padding-left: 10px;
    font-size: 14px;
  }
  .com-list1 .com-item .txt .normal {
    font-weight: normal;
  }
  .com-list1 .com-item .btn-edit {
    overflow: hidden;
    position: relative;
    top: auto;
    right: auto;
    float: right;
    width: 30px;
    height: 30px;
    margin: -30px 0 6px;
    transform: none;
  }
  .com-list1 .com-item .under-list {
    padding: 23px 10px;
    font-size: 14px;
  }
  .com-list1 .com-item .txt2 + .under-list {
    padding-top: 0;
  }
  .com-list1 .com-item .under-list .item .tit2 {
    display: block;
  }
  .com-list1 .com-item .under-list .item .txt2 {
    font-weight: 600;
    display: block;
    text-align: right;
  }
  .com-list1 .com-item .under-list .item .price {
    font-weight: 900;
    color: #002c5f;
    font-size: 16px;
  }
  .com-list1 .com-item .warning {
    font-size: 14px;
  }
  .box-cont .btn-options-more {
    position: relative;
    padding-right: 18px;
    margin: 14px 0 22px;
  }
  .box-cont .btn-options-more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    margin-top: 3px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #002c5f;
  }
  .box-cont .btn-options-more .color-r {
    text-decoration: underline;
  }
  .box-cont .btn-options-more.is-active:before {
    margin-top: -3px;
    transform: translateY(-50%) rotate(-180deg);
  }
  .com-list2 {
    padding: 14px 0 13px;
    border-top: 1px solid #212121;
  }
  .com-list2 + .com-list2 {
    padding-top: 10px;
    border-top: 0;
  }
  .com-list2 .com-item {
    overflow: hidden;
  }
  .com-list2 .com-item .tit {
    display: block;
  }
  .com-list2 .com-item .txt {
    font-weight: 600;
    display: block;
    margin-top: -5px;
    text-align: right;
  }
  .box-cont .driveaway-price-wrap.cashback-offer-wrap {
    margin-top: 0;
  }
  .box-cont .driveaway-price-wrap {
    margin-top: 20px;
    padding: 10px 20px 15px;
    border: 1px solid #e3e3e3;
    background-color: #212121;
  }
  .driveaway-price-wrap.summary-price-area,
.cashback-offer-wrap.summary-price-area {
    border-left: none;
    border-right: none;
  }
  .box-cont .driveaway-price-wrap .price {
    font-weight: 900;
    margin-bottom: 8px;
    font-size: 32px;
    text-align: center;
  }
  .box-cont .driveaway-price-wrap .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #888888;
    text-align: center;
  }
  .box-cont .driveaway-price-wrap .text .inner {
    position: relative;
    margin-right: -34px;
    padding-right: 34px;
  }
  .box-cont .driveaway-price-wrap .text .inner .i-import {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .box-cont .driveaway-price-wrap .text .inner .i-import span {
    position: relative;
  }
  .box-cont .range-price-wrap {
    padding: 30px 5px 20px;
    border-top: 1px solid #d5d6da;
    border-top: none;
    background-color: #212121;
    text-align: center;
  }
  .box-cont .range-price-wrap .price {
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    text-align: center;
  }
  .box-cont .range-price-wrap .date-range {
    min-width: 1px;
    margin: 20px -1% 0 0;
  }
  .box-cont .range-price-wrap .date-range::after {
    content: "";
    display: block;
    clear: both;
  }
  .box-cont .range-price-wrap .date-range li {
    position: relative;
    float: left;
    width: 33%;
  }
  .box-cont .range-price-wrap .date-range li::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 12px;
    background-color: #54585d;
  }
  .box-cont .range-price-wrap .date-range li:first-child::before {
    display: none;
  }
  .box-cont .range-price-wrap .date-range li a {
    display: block;
    font-size: 15px;
    color: #888888;
    text-align: center;
  }
  .box-cont .range-price-wrap .date-range li a:hover,
.box-cont .range-price-wrap .date-range li.is-active a {
    font-weight: 600;
    color: #fff;
  }
  /* 상단 모델 정보 이미지 영역 */
  .offers-type .model-info-view {
    margin-top: -20px;
    padding-bottom: 35px;
  }
  .offers-type .model-info-view .info-wrap {
    margin-top: 10px;
  }
  .offers-type .model-info-view .img-area {
    margin: 0 15px;
    padding: 18px 0 25px;
    font-size: 0;
    line-height: 0;
  }
  .offers-type .model-info-view .btn-gruop {
    overflow: hidden;
  }
  .offers-type .model-info-view .btn-gruop .btn {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    position: relative;
    width: 50%;
    height: 34px;
    padding-left: 30px;
    box-sizing: border-box;
    text-align: left;
    line-height: 34px;
    cursor: pointer;
  }
  .offers-type .model-info-view .btn-gruop .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png");
    background-size: 400px;
  }
  .offers-type .model-info-view .btn-gruop .btn-specs::before {
    width: 19px;
    height: 24px;
    background-position: 0 -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-video::before {
    width: 26px;
    height: 26px;
    background-position: -20px -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-view::before {
    width: 22px;
    height: 26px;
    background-position: -47px -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-expert::before {
    width: 23px;
    height: 20px;
    background-position: -70px -59px;
  }
  /* Your Selection */
  .offers-box {
    display: none;
  }
  .offers-box-inner {
    overflow-y: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background-color: #fff;
  }
  .offers-box-inner .offers-box-head,
.summary-wrap .offers-box-head {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    padding: 0 20px;
    background-color: #212121;
  }
  .offers-box-inner .offers-box-head .title,
.summary-wrap .offers-box-head .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
  }
  .offers-box-inner .offers-box-head .btn-close,
.summary-wrap .offers-box-head .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    width: 58px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .offers-box-inner .offers-box-head .btn-close::before,
.summary-wrap .offers-box-head .btn-close::before,
.offers-box-inner .offers-box-head .btn-close::after,
.summary-wrap .offers-box-head .btn-close::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 24px;
    height: 2px;
    background-color: #fff;
  }
  .offers-box-inner .offers-box-head .btn-close::after,
.summary-wrap .offers-box-head .btn-close::after {
    width: 2px;
    height: 24px;
  }
  .offers-box-inner .top-img-box,
.summary-wrap .top-img-box {
    padding: 50px 0 12px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .offers-box-inner .top-img-box .img-area,
.summary-wrap .top-img-box .img-area {
    padding: 40px 0 30px;
    font-size: 0;
    text-align: center;
    line-height: 0;
  }
  .offers-box-inner .top-img-box .img-area img,
.summary-wrap .top-img-box .img-area img {
    display: inline-block;
    max-width: 300px;
  }
  .offers-box-inner .top-img-box .name,
.summary-wrap .top-img-box .name {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 20px;
    font-size: 36px;
    line-height: 40px;
  }
  .offers-box-inner .top-img-box .value,
.summary-wrap .top-img-box .value {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 20px;
    font-size: 20px;
  }
  .offers-box-inner .tog-list-box .tog-list-item,
.summary-wrap .tog-list-box .tog-list-item {
    padding: 0 20px;
    border-bottom: 1px solid #e3e3e3;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area,
.summary-wrap .tog-list-box .tog-list-item .title-area {
    position: relative;
    margin: 0 -20px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area:before,
.summary-wrap .tog-list-box .tog-list-item .title-area:before {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-top: -2px;
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .offers-box-inner .tog-list-box .tog-list-item.on .title-area:before,
.summary-wrap .tog-list-box .tog-list-item.on .title-area:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .title,
.summary-wrap .tog-list-box .tog-list-item .title-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 16px 20px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit {
    display: inline-block;
    position: absolute;
    right: 55px;
    top: 0;
    width: 60px;
    height: 56px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit::before,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
    background-size: 400px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit::after,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background-color: #e3e3e3;
  }
  .offers-box-inner .tog-list-box .tog-list-item .layer-area,
.summary-wrap .tog-list-box .tog-list-item .layer-area {
    display: none;
  }
  .offers-box-inner .tog-list-box .tog-list-item .f-color,
.summary-wrap .tog-list-box .tog-list-item .f-color {
    color: #002c5f;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more {
    position: relative;
    padding-right: 18px;
    margin: -7px 0 22px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more:before,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 12px;
    height: 12px;
    margin-top: 3px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #002c5f;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more.is-active:before,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more.is-active:before {
    margin-top: -3px;
    transform: translateY(-50%) rotate(-180deg);
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more .f-color,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more .f-color {
    text-decoration: underline;
  }
  .offers-box-inner .bottom-price-box {
    padding: 15px 20px 13px;
    color: #fff;
  }
  .offers-box-inner .bottom-price-box .btn-question {
    margin-left: 10px;
  }
  .offers-box-inner .bottom-price-box .month-box .month p {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: -5px;
    font-size: 22px;
  }
  .offers-box-inner .bottom-price-box .month-box .month p:first-child {
    font-weight: normal;
    margin-top: 0;
    font-size: 18px;
  }
  .offers-box-inner .bottom-price-box .month-box .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #002c5f;
    font-size: 32px;
    text-align: right;
    line-height: 40px;
  }
  .offers-box-inner .bottom-price-box .total-box .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .offers-box-inner .bottom-price-box .total-box .price-area {
    text-align: right;
  }
  .offers-box-inner .bottom-price-box .total-box .price-area .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 35px;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area {
    padding: 0;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap {
    padding: 15px 20px 13px;
    background-color: #f1f2f5;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .price {
    font-weight: 900;
    margin-bottom: 13px;
    font-size: 32px;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text .inner {
    position: relative;
    margin-right: -34px;
    padding-right: 34px;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text .inner .i-import {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .i-import.repayment-disclaimer {
    display: inline;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap {
    padding: 35px 5px 19px;
    border-top: 1px solid #d5d6da;
    border-bottom: 1px solid #e3e3e3;
    background-color: #1f2731;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .price {
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range {
    min-width: 1px;
    margin: 27px -1% 0 0;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range::after {
    content: "";
    display: block;
    clear: both;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li {
    position: relative;
    float: left;
    width: 33%;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 12px;
    background-color: #54585d;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li:first-child::before {
    display: none;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li a {
    display: block;
    font-size: 15px;
    color: #888888;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li a:hover,
.offers-box-inner .bottom-price-box.range-price-wrap .date-range li.is-active a {
    font-weight: 600;
    color: #fff;
  }
  .offers-box-inner .tog-list-box.trade-in {
    margin-top: 20px;
    border-top: 1px solid #e3e3e3;
  }
  .offers-box-inner .tog-list-box.trade-in .info {
    font-size: 14px;
  }
  .offers-box-inner .tog-list-box.trade-in .com-list1 .com-item .txt {
    font-weight: 900;
    margin-top: 10px;
    font-size: 20px;
  }
}
@media screen and (min-width: 1024px) {
  /* 컨텐츠 공통 */
  .offers-type .offers-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 50px 0 13px;
    border-bottom: 2px solid #212121;
    font-size: 24px;
  }
  /* .offers-type .offers-wrap{margin-top:60px;} */
  /* 2018-09-14 */
  .offers-type .offers-wrap:after {
    content: "";
    display: block;
    clear: both;
  }
  .offers-type .offers-wrap .offers-content {
    float: left;
    width: 65%;
  }
  .offers-type .offers-wrap .offers-box {
    float: left;
    width: 35%;
    box-sizing: border-box;
    padding-left: 8px;
  }
  /* .offers-type.configure{margin-top:36px} */
  .offers-type.deposit-payment {
    margin-top: 32px;
  }
  .com-list1 {
    padding: 15px 0;
    border-top: 1px solid #212121;
  }
  .com-list1 .com-item {
    padding-top: 10px;
  }
  .com-list1 .com-item:first-child {
    margin-top: 0;
    padding-top: 0;
  }
  .com-list1 .com-item .tit {
    display: block;
  }
  .trade-in .com-list1 .com-item .tit {
    margin-bottom: 10px;
  }
  .com-list1 .com-item .btn-edit {
    overflow: hidden;
    position: relative;
    top: auto;
    right: auto;
    float: right;
    width: 30px;
    height: 30px;
    margin: -30px 0 6px;
    text-indent: -9999px;
    transform: none;
  }
  .com-list1 .com-item .btn-edit::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
    background-size: 400px;
  }
  .com-list1 .com-item .txt {
    font-weight: 600;
    clear: both;
    display: block;
    margin-top: -3px;
    text-align: right;
  }
  .com-list1 .com-item .price {
    font-weight: 600;
    color: #002c5f;
  }
  .com-list1 .com-item .txt.txt2 {
    font-weight: 900;
    color: #002c5f;
  }
  .com-list1 .com-item .txt .normal {
    font-weight: normal;
  }
  .com-list1 .com-item .under-list {
    padding: 23px 10px;
    font-size: 14px;
  }
  .com-list1 .com-item .txt2 + .under-list {
    padding-top: 0;
  }
  .com-list1 .com-item .under-list .item .tit2 {
    display: block;
  }
  .com-list1 .com-item .under-list .item .txt2 {
    font-weight: 600;
    display: block;
    text-align: right;
  }
  .com-list1 .com-item .under-list .item .price {
    font-weight: 900;
    color: #002c5f;
    font-size: 16px;
  }
  .com-list2 {
    padding: 14px 0 13px;
    border-top: 1px solid #212121;
  }
  .com-list2 + .com-list2 {
    padding-top: 10px;
    border-top: 0;
  }
  .com-list2 .com-item {
    overflow: hidden;
  }
  .com-list2 .com-item .tit {
    float: left;
  }
  .com-list2 .com-item .txt {
    font-weight: 600;
    float: right;
  }
  .box-cont .btn-options-more {
    position: relative;
    padding-right: 18px;
    margin: 14px 0 22px;
  }
  .box-cont .btn-options-more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 12px;
    height: 12px;
    margin-top: 3px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #002c5f;
  }
  .box-cont .btn-options-more.is-active:before {
    margin-top: -3px;
    transform: translateY(-50%) rotate(-180deg);
  }
  .box-cont .btn-options-more .color-r {
    text-decoration: underline;
  }
  /* 상단 모델 정보 이미지 영역 */
  .offers-type .model-info-view {
    padding-bottom: 60px;
  }
  .offers-type .model-info-view .img-area {
    max-width: 640px;
    margin: 0 auto;
    padding: 30px 0 60px;
    font-size: 0;
    text-align: center;
    line-height: 0;
  }
  .offers-type .model-info-view .btn-gruop {
    text-align: center;
  }
  .offers-type .model-info-view .btn-gruop .btn {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    position: relative;
    height: 34px;
    margin-left: 61px;
    padding-left: 30px;
    box-sizing: border-box;
    text-align: left;
    line-height: 34px;
    cursor: pointer;
  }
  .offers-type .model-info-view .btn-gruop .btn:first-child {
    margin-left: 0;
  }
  .offers-type .model-info-view .btn-gruop .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png");
    background-size: 400px;
  }
  .offers-type .model-info-view .btn-gruop .btn-specs::before {
    width: 19px;
    height: 24px;
    background-position: 0 -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-video::before {
    width: 26px;
    height: 26px;
    background-position: -20px -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-view::before {
    width: 22px;
    height: 26px;
    background-position: -47px -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn-expert::before {
    width: 23px;
    height: 20px;
    background-position: -70px -59px;
  }
  .offers-type .model-info-view .btn-gruop .btn::after {
    content: "";
    position: absolute;
    left: -31px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 16px;
    background-color: #b5b5b5;
  }
  .offers-type .model-info-view .btn-gruop .btn:first-child::after {
    display: none;
  }
  /* Your Selection */
  .offers-box-inner {
    position: relative;
    border: 1px solid #dadde1;
  }
  .offers-box-inner .offers-box-head,
.summary-wrap .offers-box-head {
    position: inherit;
    padding: 0 20px;
    background-color: #f1f2f5;
  }
  .offers-box-inner .offers-box-head .title,
.summary-wrap .offers-box-head .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #dadbdc;
    font-size: 22px;
    line-height: 60px;
  }
  .offers-box-inner .offers-box-head .btn-close,
.summary-wrap .offers-box-head .btn-close {
    display: none;
  }
  .offers-box-inner .top-img-box,
.summary-wrap .top-img-box {
    padding-bottom: 12px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .offers-box-inner .top-img-box .img-area,
.summary-wrap .top-img-box .img-area {
    padding: 35px 0 30px;
    font-size: 0;
    text-align: center;
    line-height: 0;
  }
  .offers-box-inner .top-img-box .img-area img,
.summary-wrap .top-img-box .img-area img {
    display: inline-block;
    width: 310px;
  }
  .offers-box-inner .top-img-box .name,
.summary-wrap .top-img-box .name {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 20px;
    font-size: 24px;
  }
  .offers-box-inner .top-img-box .value,
.summary-wrap .top-img-box .value {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: -5px;
    padding: 0 20px;
    font-size: 16px;
  }
  .offers-box-inner .tog-list-box .tog-list-item,
.summary-wrap .tog-list-box .tog-list-item {
    padding: 0 20px;
    border-bottom: 1px solid #e3e3e3;
  }
  .offers-box-inner .tog-list-box.trade-in .tog-list-item,
.summary-wrap .tog-list-box.trade-in .tog-list-item {
    border-bottom: none;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area,
.summary-wrap .tog-list-box .tog-list-item .title-area {
    position: relative;
    margin: 0 -20px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area:before,
.summary-wrap .tog-list-box .tog-list-item .title-area:before {
    content: "";
    position: absolute;
    right: 22px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-top: -2px;
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .offers-box-inner .tog-list-box .tog-list-item.on .title-area:before,
.summary-wrap .tog-list-box .tog-list-item.on .title-area:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .title,
.summary-wrap .tog-list-box .tog-list-item .title-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    padding: 16px 20px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit {
    display: inline-block;
    position: absolute;
    right: 55px;
    top: 0;
    width: 60px;
    height: 56px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit::before,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 18px;
    height: 18px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
    background-size: 400px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .title-area .btn-edit::after,
.summary-wrap .tog-list-box .tog-list-item .title-area .btn-edit::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    background-color: #e3e3e3;
  }
  .offers-box-inner .tog-list-box .tog-list-item .layer-area,
.summary-wrap .tog-list-box .tog-list-item .layer-area {
    display: none;
  }
  .offers-box-inner .tog-list-box .tog-list-item .f-color,
.summary-wrap .tog-list-box .tog-list-item .f-color {
    color: #002c5f;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more {
    position: relative;
    padding-right: 18px;
    margin: -7px 0 22px;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more:before,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: 3px;
    transform: translateY(-50%) rotate(0deg);
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #002c5f;
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more.is-active:before,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more.is-active:before {
    margin-top: -3px;
    transform: translateY(-50%) rotate(-180deg);
  }
  .offers-box-inner .tog-list-box .tog-list-item .btn-options-more .f-color,
.summary-wrap .tog-list-box .tog-list-item .btn-options-more .f-color {
    text-decoration: underline;
  }
  .offers-box-inner.last {
    margin-top: 20px;
  }
  .offers-box-inner .bottom-price-box {
    padding: 15px 20px 13px;
    background-color: #1f2731;
    color: #fff;
  }
  .offers-box-inner .bottom-price-box .btn-question {
    margin-left: 10px;
  }
  .offers-box-inner .bottom-price-box .month-box .month p {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: -5px;
    font-size: 22px;
  }
  .offers-box-inner .bottom-price-box .month-box .month p:first-child {
    font-weight: normal;
    margin-top: 0;
    font-size: 18px;
  }
  .offers-box-inner .bottom-price-box .month-box .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    color: #002c5f;
    font-size: 32px;
    text-align: right;
    line-height: 40px;
  }
  .offers-box-inner .bottom-price-box .total-box .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .offers-box-inner .bottom-price-box .total-box .price-area {
    text-align: right;
  }
  .offers-box-inner .bottom-price-box .total-box .price-area .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 32px;
    line-height: 35px;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area {
    padding: 0;
    --border-top: 1px solid #dadde1 ;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap {
    padding: 15px 20px 13px;
    background-color: #f1f2f5;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .price {
    font-weight: 900;
    margin-bottom: 13px;
    font-size: 32px;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text .inner {
    position: relative;
    margin-right: -34px;
    padding-right: 34px;
  }
  .offers-box-inner .bottom-price-box.driveaway-price-area .driveaway-price-wrap .text .inner .i-import {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .i-import.repayment-disclaimer {
    display: inline;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap {
    padding: 35px 5px 19px;
    border-top: 1px solid #d5d6da;
    border-bottom: 1px solid #e3e3e3;
    background-color: #1f2731;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .price {
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range {
    min-width: 1px;
    margin: 27px -1% 0 0;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range::after {
    content: "";
    display: block;
    clear: both;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li {
    position: relative;
    float: left;
    width: 33%;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 12px;
    background-color: #54585d;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li:first-child::before {
    display: none;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li a {
    display: block;
    font-size: 15px;
    color: #888888;
    text-align: center;
  }
  .offers-box-inner .bottom-price-box.range-price-wrap .date-range li a:hover,
.offers-box-inner .bottom-price-box.range-price-wrap .date-range li.is-active a {
    font-weight: 600;
    color: #fff;
  }
}
@media screen and (min-width: 1280px) {
  /* 컨텐츠 공통 */
  .offers-type .offers-wrap .offers-content {
    float: left;
    width: 66%;
  }
  .offers-type .offers-wrap .offers-box {
    float: left;
    width: 34%;
    box-sizing: border-box;
    padding-left: 20px;
  }
}
/* Color */
.offers-type .choice-box {
  position: relative;
}

.offers-wrap .offers-content .choice-box .s-title {
  position: absolute;
}

.offers-type .choice-box .color-chip {
  padding-top: 40px;
}

@media screen and (max-width: 1023px) {
  .offers-type .choice-box {
    padding: 13px 0 14px;
  }
  .offers-type .choice-box + .choice-box {
    position: relative;
    padding-top: 23px;
    border-top: 1px solid #212121;
  }
  .offers-type .choice-box + .choice-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #fff;
  }
  .offers-wrap .offers-content .choice-box .s-title {
    padding: 0;
  }
  .offers-type .choice-box .notice {
    margin-top: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .offers-type .choice-box {
    padding: 18px 0 20px;
  }
  .offers-type .choice-box + .choice-box {
    position: relative;
    padding-top: 43px;
    border-top: 1px solid #212121;
  }
  .offers-type .choice-box + .choice-box:before {
    content: "";
    position: absolute;
    left: 50%;
    top: -8px;
    -webkit-transform: translateX(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) rotate(45deg);
    transform: translateX(-50%) rotate(45deg);
    width: 15px;
    height: 15px;
    box-sizing: border-box;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    background-color: #fff;
  }
  .offers-wrap .offers-content .choice-box .s-title {
    padding: 0;
  }
  .offers-type .choice-box .notice {
    margin-top: 14px;
  }
}
/* Options */
@media screen and (max-width: 1023px) {
  .options-wrap .thumb-box {
    padding-top: 20px;
  }
  .options-wrap .thumb-box .img-area {
    font-size: 0;
    line-height: 0;
  }
  .options-wrap .thumb-box .img-area img {
    width: 100%;
  }
  .options-wrap .thumb-box .info-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 14px 20px 13px;
    border: 1px solid #dedede;
    font-size: 20px;
  }
  .options-wrap .thumb-box .info-area .price {
    color: #002c5f;
  }
  .options-wrap .thumb-box .info-area .text-area {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 8px;
    color: #666;
    font-size: 16px;
  }
  .options-wrap .swiper-pagination {
    margin: 0;
  }
  .options-wrap .btn-nav {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .options-wrap .thumb-box {
    padding-top: 20px;
  }
  .options-wrap .thumb-box .img-area {
    font-size: 0;
    line-height: 0;
  }
  .options-wrap .thumb-box .img-area img {
    width: 100%;
  }
  .options-wrap .thumb-box .info-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 14px 20px 13px;
    border: 1px solid #dedede;
    font-size: 20px;
  }
  .options-wrap .thumb-box .info-area .price {
    color: #002c5f;
  }
  .options-wrap .thumb-box .info-area .text-area {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 8px;
    color: #666;
    font-size: 16px;
  }
}
/*
	BUY OLINE > Sammury
*/
.summary-wrap .box-cont:first-child {
  margin-top: 14px;
}

/* 타이틀 */
.summary-wrap .c-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding: 9px 0 9px;
  border-bottom: 2px solid #212121;
  font-size: 20px;
}

.summary-wrap .s-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 38px;
}

.summary-wrap .title-box-area {
  position: relative;
  margin-top: 25px;
}

.summary-wrap .btn-edit {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  line-height: 0;
}

.summary-wrap .btn-edit::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
  background-size: 400px;
}

/* Modal */
.summary-wrap .model-area {
  padding-bottom: 10px;
}

.summary-wrap .model-area .name {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-top: 14px;
  font-size: 24px;
  line-height: 1.2;
}

.summary-wrap .model-area img {
  display: block;
  margin-top: 38px;
}

.summary-wrap .com-list1,
.summary-wrap .com-list1 .under-list {
  padding-bottom: 0;
}

/* Price */
.summary-wrap .gray-box {
  margin-top: 10px;
  padding: 10px 20px 8px;
  background-color: #f1f2f5;
}

.summary-wrap .mid-box .gray-box {
  margin-top: 0;
  padding: 0 20px 20px;
}

.summary-wrap .mid-box .gray-box .s-title,
.summary-wrap .box-guide .gray-box .s-title {
  font-size: 22px;
  line-height: 60px;
}

.summary-wrap .gray-box .title-box-area {
  margin-top: 0;
}

.summary-wrap .c-title + .gray-box {
  margin-top: 20px;
}

.summary-wrap .gray-box .com-list1 {
  padding-top: 0;
  border-top: 0;
}

.summary-wrap .gray-box .com-list1 .com-item {
  padding: 5px 0;
  border-top: 1px solid #dadbdc;
}

.summary-wrap .price-box-area {
  margin-top: 10px;
  padding: 13px 20px 9px;
  background-color: #212121;
  color: #fff;
}

.summary-wrap .price-box-area .text1 {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.summary-wrap .price-box-area .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 32px;
  text-align: right;
}

/* 채팅 영역 */
.summary-wrap .box-cont.chatting-box {
  margin-top: 20px;
  border: 1px solid #e3e3e3;
}

.summary-wrap .box-cont.chatting-box.is-active .select-enquiries {
  display: none;
}

.summary-wrap .box-cont.chatting-box.is-active .chat-area {
  display: block;
}

.summary-wrap .chatting-box .title-box {
  position: relative;
  padding: 0 20px;
  background-color: #1f2731;
}

.summary-wrap .chatting-box .title-box .title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #fff;
  font-size: 18px;
  line-height: 57px;
}

.summary-wrap .chatting-box .title-box .btn-close-chatting {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 57px;
  height: 57px;
  text-indent: -9999px;
}

.summary-wrap .chatting-box .title-box .btn-close-chatting::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  height: 3px;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.summary-wrap .chatting-box .title-box .btn-close-chatting::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3px;
  height: 25px;
  background-color: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.summary-wrap .chatting-box .state {
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 13px;
  padding-left: 25px;
  color: #888888;
}

.summary-wrap .chatting-box .state:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #888888;
}

.summary-wrap .chatting-box .state .on {
  display: none;
}

.summary-wrap .chatting-box .state.online {
  color: #002c5f;
}

.summary-wrap .chatting-box .state.online:before {
  background-color: #002c5f;
}

.summary-wrap .chatting-box .state.online .on {
  display: block;
}

.summary-wrap .chatting-box .state.online .off {
  display: none;
}

.summary-wrap .chatting-box .info-area {
  position: relative;
  padding: 13px 20px 30px;
}

.summary-wrap .chatting-box .info-area .title {
  font-weight: 900;
  color: #212121;
  font-size: 18px;
}

.summary-wrap .chatting-box .info-area .info-list .item .mail {
  color: #1767b9;
  text-decoration: underline;
}

.summary-wrap .chatting-box .info-area .btn-area {
  display: block;
  margin-top: 17px;
}

.summary-wrap .chatting-box .info-area .btn-area .btn-t01 {
  margin: 0;
  width: 100%;
  color: #fff !important;
}

.summary-wrap .chatting-box .info-area .btn-area .btn-t01 + .btn-t01 {
  margin-top: 10px;
}

.summary-wrap .chatting-box .time-area {
  position: relative;
  padding: 14px 20px 14px 80px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/bg_time.png") no-repeat 20px 20px;
}

.summary-wrap .chatting-box .time-area .title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.summary-wrap .title-box-area.delivery-wrap + .com-list1 {
  margin-bottom: 35px;
  padding-bottom: 24px;
  border-bottom: 1px solid #e3e3e3;
}

.chat-area {
  display: none;
  position: relative;
  padding: 20px 10px 84px;
  border-top: 1px solid #adafb1;
  background-color: #dadada;
}

.chat-area .msg-area {
  min-width: 1px;
  padding: 0 12px;
}

.chat-area .msg-area::after {
  content: "";
  display: block;
  clear: both;
}

.chat-area .msg-area .msg-cont {
  position: relative;
  max-width: 224px;
  margin-bottom: 20px;
  padding: 10px 20px;
  border-radius: 3px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.4px;
}

.chat-area .msg-area .msg-cont::before {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  border-style: solid;
}

.chat-area .msg-area .msg-cont.left {
  float: left;
  background-color: #fff;
}

.chat-area .msg-area .msg-cont.left::before {
  left: -12px;
  border-width: 0 12px 12px 0;
  border-color: transparent #fff transparent transparent;
}

.chat-area .msg-area .msg-cont.right {
  float: right;
  background-color: #666;
  color: #fff;
}

.chat-area .msg-area .msg-cont.right::before {
  right: -12px;
  border-width: 12px 12px 0 0;
  border-color: #666 transparent transparent transparent;
}

.chat-area .send-area {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 1px solid #aaa;
  background-color: #fff;
}

.chat-area .send-area input[type=text] {
  width: 309px;
  border: none;
}

.chat-area .send-area .btn-msg-send {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 66px;
  height: 48px;
  text-indent: -9999px;
}

.chat-area .send-area .btn-msg-send::before {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 10px;
  left: 0;
  width: 1px;
  background-color: #aaa;
}

.chat-area .send-area .btn-msg-send::after {
  content: "";
  position: absolute;
  top: 14px;
  left: 15px;
  width: 38px;
  height: 20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -127px -103px;
  background-size: 400px;
  background-repeat: no-repeat;
}

.select-enquiries {
  position: relative;
  padding: 25px 20px 30px;
  border-top: 1px solid #adafb1;
  background-color: #dadada;
}

.select-enquiries.chat-btn-area {
  padding: 0 0 10px 0;
  border: none;
  background-color: transparent;
}

.select-enquiries::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 8px 7px;
  border-color: transparent transparent #adafb1 transparent;
  transform: translateX(-50%);
}

.select-enquiries p {
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 24px;
}

.select-enquiries .btn-list a {
  display: block;
  position: relative;
  margin: 10px 0 0;
  font-size: 18px;
}

.select-enquiries .btn-list a:first-child {
  margin: 0;
}

.select-enquiries .btn-list a::before {
  content: "";
  display: inline-block;
  width: 39px;
  height: 27px;
  margin-right: 10px;
  vertical-align: middle;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png");
  background-repeat: no-repeat;
  background-size: 400px;
}

.select-enquiries .btn-list .negotiation::before {
  background-position: -254px -203px;
}

.select-enquiries .btn-list .general::before {
  background-position: -293px -203px;
}

.select-enquiries .btn-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.summary-wrap + .section .btn-area {
  margin-top: 20px;
  padding-bottom: 40px;
}

.summary-wrap + .section .btn-area .btn-t01 span {
  position: relative;
}

.summary-wrap + .section .btn-area .btn-t01 span::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -1px;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
}

@media screen and (max-width: 1023px) {
  .summary-wrap .box-cont.chatting-box {
    display: none;
  }
}
.box-condition-wrapper {
  background-color: #212121;
  padding: 19px;
  color: white;
}

.summary-wrap .box-condition-wrap {
  padding: 20px;
}

.bc-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  line-height: 60px;
  padding: 0 15px;
  -webkit-font-smoothing: antialiased;
}

.summary-wrap .ib-title {
  font-size: 22px;
  line-height: 60px;
}

.s-title.dealer-name {
  font-size: 20px;
}

.bcl-items {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
}

.bcl-text {
  margin: 4px 0;
}

.bc-text {
  color: white;
}

.summary-wrap .btn-area {
  margin: 20px 0;
}

.summary-wrap .summary-ctas .sc-item {
  line-height: 30px;
  padding: 10px 0;
}
.summary-wrap .summary-ctas .sc-item .sc-link {
  font-size: 18px;
  color: #000 !important;
}

@media screen and (min-width: 1024px) {
  .summary-wrap {
    overflow: hidden;
  }
  .summary-wrap .box-cont,
.summary-wrap .box-cont:first-child {
    float: left;
    width: 33%;
    margin-top: 35px;
    box-sizing: border-box;
  }
  .summary-wrap .box-condition {
    float: left;
    width: 33%;
    margin-top: 100px;
  }
  .summary-wrap .box-condition.box-guide {
    margin-top: 35px;
    float: none;
    width: 100%;
  }
  .summary-wrap .box-condition.box-guide .gray-box {
    margin-top: 0;
  }
  .summary-wrap .gray-box.info-box {
    margin-top: 0;
    padding-bottom: 1px;
  }
  .summary-wrap .box-cont:nth-child(2n) {
    width: 34%;
    padding: 0 8px;
  }
  /* 타이틀 */
  .summary-wrap .c-title {
    padding: 14px 0 13px;
    font-size: 24px;
  }
  .summary-wrap .model-area .name {
    font-size: 20px;
  }
  .summary-wrap .model-area .name .trim {
    display: inline;
    font-size: inherit;
  }
  .box-cont .driveaway-price-wrap.cashback-offer-wrap {
    margin-top: 0;
  }
  .box-cont .driveaway-price-wrap {
    margin-top: 20px;
    padding: 10px 20px 15px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .driveaway-price-wrap.summary-price-area,
.cashback-offer-wrap.summary-price-area {
    border-left: none;
    border-right: none;
  }
  .box-cont .driveaway-price-wrap .price {
    font-weight: 900;
    margin-bottom: 8px;
    font-size: 32px;
    color: #00aad2;
    text-align: center;
  }
  .box-cont .driveaway-price-wrap .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    text-align: center;
  }
  .box-cont .driveaway-price-wrap .text .inner {
    position: relative;
    margin-right: -34px;
    padding-right: 34px;
  }
  .box-cont .driveaway-price-wrap .text .inner .i-import {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .box-cont .driveaway-price-wrap .text .inner .i-import span {
    position: relative;
  }
  .box-cont .range-price-wrap {
    padding: 30px 5px 20px;
    border-top: 1px solid #d5d6da;
    border-top: none;
    background-color: #212121;
    text-align: center;
  }
  .box-cont .range-price-wrap .price {
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    text-align: center;
  }
  .box-cont .range-price-wrap .date-range {
    min-width: 1px;
    margin: 20px -1% 0 0;
  }
  .box-cont .range-price-wrap .date-range::after {
    content: "";
    display: block;
    clear: both;
  }
  .box-cont .range-price-wrap .date-range li {
    position: relative;
    float: left;
    width: 33%;
  }
  .box-cont .range-price-wrap .date-range li::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 12px;
    background-color: #54585d;
  }
  .box-cont .range-price-wrap .date-range li:first-child::before {
    display: none;
  }
  .box-cont .range-price-wrap .date-range li a {
    display: block;
    font-size: 15px;
    color: #888888;
    text-align: center;
  }
  .box-cont .range-price-wrap .date-range li a:hover,
.box-cont .range-price-wrap .date-range li.is-active a {
    font-weight: 600;
    color: #fff;
  }
  .com-list1 .com-item .warning {
    font-size: 14px;
  }
  .summary-wrap .title-box-area.delivery-wrap + .com-list1 {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
  }
  .summary-wrap + .section .btn-area [class^=btn-t] {
    width: 260px;
  }
}
@media screen and (min-width: 1280px) {
  .summary-wrap .box-cont:nth-child(2n) {
    padding: 0 20px;
  }
  .summary-wrap .chatting-box .info-area .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .summary-wrap .chatting-box .info-area .btn-area .btn-t01 {
    margin: 0;
    width: auto;
  }
  .summary-wrap .chatting-box .info-area .btn-area .btn-t01 + .btn-t01 {
    margin: 0 0 0 10px;
  }
}
/*
	BUY OLINE > Order
*/
/* Order Personal Info */
@media screen and (max-width: 1023px) {
  .form-write-box-wrap .c-title {
    display: none;
  }
  .form-write-box-wrap .s-title-area {
    overflow: hidden;
    padding: 23px 0 9px;
    line-height: 30px;
  }
  .form-write-box-wrap .s-title-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 20px;
  }
  .form-write-box-wrap .s-title-area .required {
    float: right;
    font-size: 14px;
  }
  .form-write-box-wrap .form-write-box {
    border-top: 2px solid #212121;
  }
  .form-write-box-wrap .form-write-box .box-item {
    padding-top: 10px;
  }
  .form-write-box-wrap .form-write-box .box-item:first-child {
    padding-top: 20px;
  }
  .form-write-box-wrap .form-write-box .box-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 4px 0;
  }
  .form-write-box-wrap .form-write-box .box-item select,
.form-write-box-wrap .form-write-box .box-item input[type=text],
.form-write-box-wrap .form-write-box .box-item input[type=number],
.form-write-box-wrap .form-write-box .box-item input[type=tel] {
    width: 100%;
  }
  .form-write-box-wrap .form-write-box .radio-box {
    display: block;
  }
  .form-write-box-wrap .form-write-box .radio-box + .radio-box {
    margin: 10px 0;
  }
  .form-write-box-wrap .booking-api-area .text-area {
    padding: 5px 20px 6px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    font-size: 14px;
  }
  .form-write-box-wrap .booking-api-area .text-area .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #002c5f;
  }
  .form-write-box-wrap .btn-area {
    padding-top: 20px;
  }
  /*padding-bottom:40px;*/
  .form-write-box-wrap .booking-api-area .api-area .form-write-box {
    border-top: 0px;
    background: #fff;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box h5 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    padding: 33px 0 9px;
    line-height: 30px;
    border-bottom: 1px solid #000;
    font-size: 18px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .checkbox {
    padding: 20px 0 0;
    line-height: 30px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item {
    overflow: hidden;
    padding-top: 20px;
  }
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item:nth-child(2) .box-item-inner{margin-left:24px} */
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner.col-4 {
    margin-left: 24px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner input[type=text] {
    float: left;
    width: 25%;
    margin-left: 8px;
    text-align: center;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner input[type=text]:first-child {
    margin-left: -24px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item {
    overflow: hidden;
    padding-top: 20px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_date .box-item-inner {
    overflow: hidden;
    margin-left: -8px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_date .box-item-inner input[type=text] {
    float: left;
    width: calc(50% - 8px);
    margin-left: 8px;
  }
  .form-write-box-wrap .booking-api-area .api-area .policy-text {
    padding-top: 15px;
    font-size: 14px;
  }
  .form-write-box-wrap .booking-api-area .api-area .policy-text a {
    font-weight: 600;
    text-decoration: underline;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box + .checkbox {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .form-write-box-wrap .s-title-area {
    overflow: hidden;
    padding: 33px 0 7px;
    line-height: 30px;
  }
  .form-write-box-wrap .s-title-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 20px;
  }
  .form-write-box-wrap .s-title-area .required {
    float: right;
    font-size: 14px;
  }
  .form-write-box-wrap .s-title-area,
.form-write-box-wrap .form-write-box,
.form-write-box-wrap .booking-api-area {
    max-width: 960px;
    margin: 0 auto;
  }
  .form-write-box-wrap .form-write-box {
    padding: 10px 0 30px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .form-write-box-wrap .form-write-box .box-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 24px 0 8px;
  }
  .form-write-box-wrap .form-write-box .box-item input[type=text],
.form-write-box-wrap .form-write-box .box-item input[type=number],
.form-write-box-wrap .form-write-box .box-item input[type=tel] {
    width: 528px;
  }
  .form-write-box-wrap .form-write-box .box-item.full input[type=text],
.form-write-box-wrap .form-write-box .box-item.full input[type=number],
.form-write-box-wrap .form-write-box .box-item.full input[type=tel] {
    width: 100%;
  }
  .form-write-box-wrap .form-write-box .box-item input.datepicker {
    background-color: #fff;
  }
  .form-write-box-wrap .form-write-box .box-item select {
    width: 254px;
  }
  .form-write-box-wrap .form-write-box .radio-box {
    display: inline-block;
    margin: 0 40px 14px 0;
  }
  .form-write-box-wrap .form-write-box .inline-wrap {
    overflow: hidden;
  }
  .form-write-box-wrap .form-write-box .inline-wrap .box-item {
    float: left;
    width: 254px;
    margin-left: 20px;
  }
  .form-write-box-wrap .form-write-box .inline-wrap .box-item select {
    width: 100%;
  }
  .form-write-box-wrap .form-write-box .inline-wrap .box-item:first-child {
    margin-left: 0;
  }
  .form-write-box-wrap .booking-api-area .text-area {
    padding: 15px 20px 16px;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    background-color: #f1f2f5;
    font-size: 14px;
  }
  .form-write-box-wrap .booking-api-area .text-area .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #002c5f;
  }
  .form-write-box-wrap .btn-area {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #000;
  }
  /*;padding-bottom:100px*/
  .form-write-box-wrap .btn-area .btn-t01 {
    width: 260px;
  }
  .form-write-box-wrap .booking-api-area.plus_card .api-area .form-write-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .form-write-box-wrap .booking-api-area.plus_card .api-area .form-write-box .checkbox {
    padding-bottom: 33px;
  }
  .form-write-box-wrap .booking-api-area.plus_card .api-area .form-write-box .booking-panel:last-child {
    padding: 0 0 0 27px;
    border-left: 1px solid #e3e3e3;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box {
    min-width: 1px;
    margin-bottom: 20px;
    border-top: 0px;
    background: #fff;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box h5 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    padding: 0 0 9px;
    line-height: 30px;
    border-bottom: 1px solid #000;
    font-size: 18px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box::after {
    content: "";
    display: block;
    clear: both;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .booking-panel {
    position: relative;
    float: left;
    padding: 0 30px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .checkbox {
    padding: 20px 0 0;
    margin-left: 30px;
    line-height: 30px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item {
    overflow: hidden;
    width: 100%;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner.col-4 {
    margin-left: 30px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner.col-4 input[type=text] {
    float: left;
    width: 25%;
    margin-left: 10px;
    text-align: center;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_card .box-item .box-item-inner.col-4 input[type=text]:first-child {
    margin-left: -30px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security::after {
    content: "";
    display: block;
    clear: both;
  }
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item{overflow:hidden;padding-top:0} */
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item .title {
    padding-top: 10px;
  }
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_code{width:210px;} */
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_date{width:210px;margin-left:10px} */
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_date .box-item-inner{overflow:hidden;margin-left:-10px;} */
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item.card_date .box-item-inner input[type=text]{float:left;width: calc(50% - 10px);margin-left:10px} */
  /* .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security .box-item:nth-child(3){clear:both;width:431px} */
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-security {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date {
    width: calc(50% - 5px);
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date .box-item-inner {
    margin-left: 10px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date .box-item-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date input {
    float: left;
    width: calc(50% - 5px);
    margin-left: 10px;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date input:first-child {
    margin-left: 0;
  }
  .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-code,
.form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-amount {
    clear: both;
    width: 100%;
  }
  .form-write-box-wrap .booking-api-area .api-area .policy-text {
    padding-top: 15px;
    font-size: 14px;
  }
  .form-write-box-wrap .booking-api-area .api-area .policy-text a {
    font-weight: 600;
    text-decoration: underline;
  }
  .deposit-payment .form-write-box-wrap .info-panel {
    padding: 0 30px;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel {
    display: none;
    position: relative;
    float: left;
    width: 100%;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel.panel2::after {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel .form-write-box {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel .form-write-box .inline-wrap .box-item {
    width: 100%;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel .form-write-box .inline-wrap .box-item.first-name {
    width: calc(50% - 5px);
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel .form-write-box .inline-wrap .box-item.last-name {
    width: calc(50% - 5px);
    margin-left: 10px;
  }
}
.deposit-payment .btn-area {
  border-top: none;
  margin-top: 20px;
}

@media screen and (min-width: 1280px) {
  .form-write-box-wrap .form-write-box .box-item input[type=text],
.form-write-box-wrap .form-write-box .box-item input[type=number],
.form-write-box-wrap .form-write-box .box-item input[type=tel] {
    width: 540px;
  }
  .form-write-box-wrap .form-write-box .inline-wrap .box-item {
    width: 260px;
  }
  .form-write-box-wrap .form-write-box .inline-wrap .box-item:first-child {
    margin-left: 0;
  }
}
/* Online Vouchers */
@media screen and (max-width: 1023px) {
  /* 타이틀 */
  .order-wrap .c-title,
.order-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 24px 0 8px;
    font-size: 20px;
  }
  .order-wrap .c-title {
    border-bottom: 2px solid #212121;
  }
  /* 상단 메세지 박스 */
  .order-wrap .vouchers-box {
    font-weight: 600;
    padding: 20px 0 10px;
  }
  .order-wrap .vouchers-box .bg-text {
    position: relative;
    height: 70px;
    padding-left: 72px;
    font-size: 20px;
    line-height: 1.3;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/ico-vouchers.png") no-repeat 0 50%;
    background-size: 52px 50px;
  }
  .order-wrap .vouchers-box .bg-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 52px;
    height: 50px;
  }
  .order-wrap .vouchers-box .bg-text .txt {
    position: absolute;
    left: 72px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .order-wrap .vouchers-box .text {
    font-size: 14px;
  }
  .order-wrap .vouchers-box .btn-t01 {
    width: 100%;
    margin-top: 15px;
  }
  /* 선택 박스 영역 */
  .order-wrap .f-color {
    color: #002c5f;
  }
  .order-wrap .choice-box {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .order-wrap .choice-box + .choice-box {
    margin-top: 10px;
  }
  .order-wrap .choice-box .title-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 14px 20px;
    overflow: hidden;
    background-color: #f4f6f8;
  }
  .order-wrap .choice-box .title-box .title {
    float: left;
    font-size: 18px;
    line-height: 30px;
  }
  .order-wrap .choice-box .title-box .dc-text {
    float: right;
    color: #002c5f;
    font-size: 20px;
  }
  .order-wrap .choice-box .lists {
    padding: 15px 20px;
    font-size: 14px;
  }
  .order-wrap .choice-box .lists li {
    padding-top: 4px;
  }
  .order-wrap .choice-box .lists li:first-child {
    padding-top: 0;
  }
  .order-wrap .choice-box .lists li .title {
    display: block;
  }
  .order-wrap .choice-box .lists li .text {
    font-weight: 600;
    display: block;
    margin-top: -5px;
    text-align: right;
  }
  .order-wrap .choice-box.disabled {
    opacity: 0.45;
  }
  .order-wrap .choice-box.disabled .title-box .dc-text {
    color: #000;
  }
  .order-wrap .choice-box:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .order-wrap .choice-box.on:before {
    opacity: 1;
  }
  .order-wrap .choice-area.result {
    padding: 15px 20px;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
  }
  .order-wrap .choice-area.result .choice-box {
    border: 0;
  }
  .order-wrap .choice-area.result .choice-box .lists {
    padding: 0;
    font-size: 16px;
  }
  .order-wrap .choice-area.result .choice-box .lists li .text .before {
    font-weight: normal;
    display: inline-block;
    text-decoration: line-through;
  }
  .order-wrap .choice-area.result .choice-box .lists li .text .after {
    font-weight: 600;
    display: inline-block;
  }
  .order-wrap .result-price-box {
    padding: 13px 20px 20px;
    border: 1px solid #e3e3e3;
    border-top: 0;
    background-color: #f1f2f5;
  }
  .order-wrap .result-price-box .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .order-wrap .result-price-box .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    margin-top: -6px;
    font-size: 32px;
    text-align: right;
  }
  .order-wrap .result-price-box .monthly-area .price {
    color: #002c5f;
  }
  .order-wrap .result-price-box .btn-trans-ico {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: inline-block;
    margin-top: 8px;
    width: 100%;
    height: 46px;
    background-color: #666;
    color: #fff;
    text-align: center;
    line-height: 46px;
  }
  /* 결과 없음 (no result) */
  .l-wrap .order-wrap .no-result {
    position: relative;
    margin-top: 50px;
    padding-top: 134px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/bg-no-voucher.png") no-repeat 50% 0;
    background-size: 110px 102px;
    text-align: center;
  }
  .order-wrap .no-result .text1 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 32px;
    line-height: 1.3;
  }
  .order-wrap .no-result .btn-t01 {
    width: 190px;
    margin-top: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .order-wrap .c-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 51px 0 11px;
    border-bottom: 2px solid #212121;
    font-size: 24px;
  }
  .order-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 33px 0 7px;
    font-size: 20px;
  }
  /* 상단 메세지 박스 */
  .order-wrap .vouchers-box {
    font-weight: 600;
    position: relative;
    height: 128px;
    padding: 0 200px 0 123px;
    border-bottom: 1px solid #e3e3e3;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/ico-vouchers.png") no-repeat 40px 50%;
    background-size: 52px 50px;
  }
  .order-wrap .vouchers-box .text-area {
    position: absolute;
    left: 124px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .order-wrap .vouchers-box .text-area br {
    display: none;
  }
  .order-wrap .vouchers-box .bg-text {
    font-size: 20px;
  }
  .order-wrap .vouchers-box .text {
    margin-top: 4px;
    font-size: 14px;
  }
  .order-wrap .vouchers-box .btn-t01 {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 190px;
  }
  /* 선택 박스 영역 */
  .order-wrap .f-color {
    color: #002c5f;
  }
  .order-wrap .choice-area {
    overflow: hidden;
    margin: 0 -4px;
  }
  .order-wrap .choice-box {
    float: left;
    width: 50%;
    padding: 0 4px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .order-wrap .choice-box .box-inner {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .order-wrap .choice-box .title-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    padding: 13px 20px;
    background-color: #f4f6f8;
    line-height: 36px;
  }
  .order-wrap .choice-box .title-box .title {
    float: left;
    font-size: 18px;
  }
  .order-wrap .choice-box .title-box .dc-text {
    float: right;
    color: #002c5f;
    font-size: 24px;
  }
  .order-wrap .choice-box .lists {
    padding: 14px 20px;
    font-size: 14px;
  }
  .order-wrap .choice-box .lists li {
    overflow: hidden;
  }
  .order-wrap .choice-box .lists li .title {
    float: left;
  }
  .order-wrap .choice-box .lists li .title .w-hide {
    display: none;
  }
  .order-wrap .choice-box .lists li .text {
    font-weight: 600;
    float: right;
  }
  .order-wrap .choice-box.disabled {
    opacity: 0.45;
    cursor: default;
  }
  .order-wrap .choice-box.disabled .title-box .dc-text {
    color: #000;
  }
  .order-wrap .choice-box .box-inner:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .order-wrap .choice-box.on .box-inner:before {
    opacity: 1;
  }
  .order-wrap .choice-area.result {
    position: relative;
    margin: 0;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
  }
  .order-wrap .choice-area.result:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 30px;
    bottom: 30px;
    width: 1px;
    background-color: #e3e3e3;
  }
  .order-wrap .choice-area.result .choice-box {
    padding: 25px 30px 24px;
    cursor: default;
  }
  .order-wrap .choice-area.result .choice-box .box-inner {
    border: 0;
  }
  .order-wrap .choice-area.result .choice-box .box-inner .lists {
    padding: 0;
  }
  .order-wrap .choice-area.result .choice-box .box-inner .lists li .text .before,
.order-wrap .choice-area.result .choice-box .box-inner .lists li .text .after {
    display: inline-block;
  }
  .order-wrap .choice-area.result .choice-box .box-inner .lists li .text .before {
    font-weight: normal;
    text-decoration: line-through;
  }
  .order-wrap .choice-area.result .choice-box .box-inner .lists li .text .after {
    font-weight: 600;
  }
  .order-wrap .result-price-box {
    overflow: hidden;
    position: relative;
    border: 1px solid #e3e3e3;
    border-top: 0;
    background-color: #f1f2f5;
  }
  .order-wrap .result-price-box .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .order-wrap .result-price-box .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    margin-top: -10px;
    font-size: 32px;
    text-align: right;
  }
  .order-wrap .result-price-box .total-area,
.order-wrap .result-price-box .monthly-area {
    float: right;
    width: 50%;
    padding: 13px 90px 8px 30px;
  }
  .order-wrap .result-price-box .monthly-area .price {
    color: #002c5f;
  }
  .order-wrap .result-price-box .btn-trans-ico {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #666;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .order-wrap .result-price-box .btn-trans-ico:before,
.order-wrap .result-price-box .btn-trans-ico:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
  }
  .order-wrap .result-price-box .btn-trans-ico:before {
    width: 18px;
    height: 2px;
  }
  .order-wrap .result-price-box .btn-trans-ico:after {
    width: 2px;
    height: 18px;
  }
  /* 결과 없음 (no result) */
  .l-wrap .order-wrap .no-result {
    position: relative;
    margin-top: 90px;
    padding-top: 130px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/bg-no-voucher.png") no-repeat 50% 0;
    background-size: 110px 102px;
    text-align: center;
  }
  .order-wrap .no-result .text1 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 32px;
  }
  .order-wrap .no-result .text1 br {
    display: none;
  }
  .order-wrap .no-result .btn-t01 {
    width: 190px;
    margin-top: 25px;
  }
}
@media screen and (min-width: 1280px) {
  /* 선택 박스 영역 */
  .order-wrap .choice-area {
    margin: 0 -10px;
  }
  .order-wrap .choice-area.result:before {
    top: 40px;
    bottom: 40px;
  }
  .order-wrap .choice-box {
    padding: 0 10px;
  }
  .order-wrap .choice-area.result .choice-box {
    padding: 35px 50px 34px;
  }
  .order-wrap .result-price-box .total-area,
.order-wrap .result-price-box .monthly-area {
    overflow: hidden;
    padding: 0 110px 0 50px;
  }
  .order-wrap .result-price-box .title,
.order-wrap .result-price-box .price {
    line-height: 80px;
    margin: 0;
  }
  .order-wrap .result-price-box .title {
    float: left;
  }
  .order-wrap .result-price-box .price {
    float: right;
  }
  .order-wrap .result-price-box .btn-trans-ico {
    right: 50px;
  }
}
/* Order Completed */
@media screen and (max-width: 1023px) {
  .order-board {
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
  }
  .order-board + .btn-area {
    margin-top: 20px;
  }
  .tbl-list-wrap {
    padding: 13px 0 8px;
  }
  .tbl-list-wrap + .tbl-list-wrap {
    border-top: 1px solid #e3e3e3;
  }
  .tbl-list-wrap .b-title {
    font-weight: 900;
    font-size: 18px;
  }
  .tbl-list-wrap .b-title br {
    display: none;
  }
  .tbl-list-wrap .tbl-list {
    margin-top: 5px;
  }
  .tbl-list-wrap .tbl-list .tbl-item {
    overflow: hidden;
    padding: 5px 0;
    line-height: 23px;
  }
  .tbl-list-wrap .tbl-list .tbl-item .cont {
    font-weight: 600;
    float: right;
  }
  .tbl-list-wrap .tbl-list .tbl-item .title {
    float: left;
    font-size: 14px;
  }
  .tbl-list-wrap .tbl-list .tbl-item .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .preferred-option {
    padding-top: 34px;
  }
  .preferred-option .option-text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .preferred-option .option-box-list .option-box {
    position: relative;
    margin-top: 10px;
    padding: 20px 20px 16px;
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .preferred-option .option-box-list .option-box:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .preferred-option .option-box-list .option-box.checked:before {
    opacity: 1;
  }
  .preferred-option .option-box-list .option-box input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  .preferred-option .option-box-list .option-box label {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-top: 5px;
    font-size: 18px;
    line-height: 24px;
  }
  .preferred-option .option-box-list .option-box .bg-text {
    position: relative;
    min-height: 60px;
    margin-top: 8px;
    padding-left: 80px;
    font-size: 14px;
  }
  .preferred-option .option-box-list .option-box .bg-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 64px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/pictogram.png");
    background-size: 400px;
  }
  .preferred-option .option-box-list .option-box.option1 .bg-text:before {
    background-position: -65px 0;
  }
  .preferred-option .option-box-list .option-box.option2 .bg-text:before {
    background-position: 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .order-board {
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
  }
  .order-board + .btn-area {
    display: block;
    margin-top: 30px;
  }
  .order-board + .btn-area .btn-t01 {
    padding: 0 35px;
  }
  .tbl-list-wrap {
    position: relative;
    padding: 35px 0 35px 146px;
  }
  .tbl-list-wrap + .tbl-list-wrap {
    border-top: 1px solid #e3e3e3;
  }
  .tbl-list-wrap .b-title {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .tbl-list-wrap .tbl-list {
    overflow: hidden;
  }
  .tbl-list-wrap .tbl-list .tbl-item {
    float: left;
    width: 20%;
  }
  .tbl-list-wrap .tbl-list .tbl-item .cont {
    font-weight: 600;
    display: block;
    font-size: 16px;
  }
  .tbl-list-wrap .tbl-list .tbl-item .title {
    display: block;
    margin-top: 4px;
    font-size: 14px;
  }
  .tbl-list-wrap .tbl-list .tbl-item .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .preferred-option {
    padding-top: 55px;
  }
  .preferred-option .option-text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .preferred-option .option-box-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
  }
  .preferred-option .option-box-list .option-box {
    position: relative;
    width: 50%;
    margin-left: 8px;
    padding: 40px 40px 35px;
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .preferred-option .option-box-list .option-box:first-child {
    margin-left: 0;
  }
  .preferred-option .option-box-list .option-box:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .preferred-option .option-box-list .option-box.checked:before {
    opacity: 1;
  }
  .preferred-option .option-box-list .option-box input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  .preferred-option .option-box-list .option-box label {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
  }
  .preferred-option .option-box-list .option-box .bg-text {
    position: relative;
    min-height: 65px;
    margin-top: 8px;
    padding-left: 80px;
    font-size: 14px;
  }
  .preferred-option .option-box-list .option-box .bg-text:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 64px;
    height: 59px;
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/pictogram.png");
    background-size: 400px;
  }
  .preferred-option .option-box-list .option-box.option1 .bg-text:before {
    background-position: -65px 0;
  }
  .preferred-option .option-box-list .option-box.option2 .bg-text:before {
    background-position: 0 0;
  }
}
@media screen and (min-width: 1280px) {
  .preferred-option .option-box-list .option-box {
    margin-left: 20px;
  }
  .preferred-option .option-box-list .option-box:first-child {
    margin-left: 0;
  }
}
/*
	BUY OLINE > Completed
*/
/* Thank you */
@media screen and (max-width: 1023px) {
  .l-content .section.completed-message {
    padding-top: 23px;
    padding-bottom: 26px;
    text-align: center;
  }
  .completed-message .f-color {
    color: #002c5f;
  }
  .completed-message .f-style {
    font-weight: 600;
  }
  .completed-message .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .completed-message .text1 {
    color: #212121;
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 1.3;
  }
  .completed-message .text2 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 4px;
  }
  .completed-message .text3 {
    font-size: 14px;
  }
  .completed-message .text1 + .text3 {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.completed-message {
    padding-top: 53px;
    padding-bottom: 54px;
    text-align: center;
  }
  .completed-message .w-hide {
    display: none;
  }
  .completed-message .f-color {
    color: #002c5f;
  }
  .completed-message .f-style {
    font-weight: 600;
  }
  .completed-message .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .completed-message .text1 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #212121;
    font-size: 32px;
    line-height: 1.3;
  }
  .completed-message .text2 {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 13px;
  }
  .completed-message .text3 {
    font-size: 14px;
  }
  .completed-message .text1 + .text3 {
    margin-top: 8px;
  }
}
/* 자동차 가격정보 박스 */
@media screen and (max-width: 1023px) {
  .model-info-box .order-number {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 8px 0;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
  }
  .model-info-box .order-number .number {
    color: #002c5f;
  }
  .model-info-box .result-model .info-area {
    padding-top: 100px;
  }
  .model-info-box .result-model .info-area .icon-area {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
  }
  .model-info-box .result-model .more-info {
    margin-top: 7px;
    padding-bottom: 0;
  }
  .model-info-box .result-model .more-info .lists-area {
    display: block;
    padding-top: 0;
  }
  .model-info-box .result-model .lists-area .lists + .lists {
    margin-top: 10px;
  }
  .model-info-box .price-info-area {
    padding: 0 20px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .model-info-box .price-info-area .price-info-item {
    padding: 14px 0 13px;
    border-top: 1px solid #dadbdc;
  }
  .model-info-box .price-info-area .price-info-item:first-child {
    border-top: 0;
  }
  .model-info-box .price-info-area .price-info-item .item-title {
    font-weight: 900;
    font-size: 18px;
  }
  .model-info-box .price-info-area .price-info-item .lists .title {
    display: block;
  }
  .model-info-box .price-info-area .price-info-item .lists li:first-child .title {
    margin-top: 10px;
  }
  .model-info-box .price-info-area .price-info-item .lists .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin-top: -7px;
    text-align: right;
  }
  .model-info-box .price-info-area .price-info-item.type2 {
    text-align: right;
  }
  .model-info-box .price-info-area .price-info-item.type2 .item-title {
    text-align: left;
  }
  .model-info-box .price-info-area .price-info-item .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    padding-top: 10px;
    font-size: 32px;
    line-height: 40px;
  }
  .model-info-box .price-info-area .price-info-item .price + .lists {
    margin-top: 6px;
  }
  .model-info-box .price-info-area .price-info-item strong {
    font-weight: 600;
  }
  .model-info-box .price-info-area .price-info-item .f-color {
    color: #002c5f;
  }
  .model-info-box .price-info-area .price-info-item .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .model-info-box .price-info-area .price-info-item .lists.last {
    margin-top: 13px;
    padding-top: 4px;
    border-top: 1px solid #dadbdc;
  }
  .model-info-box .price-info-area .price-info-item.trade-in .text {
    margin: 10px 0;
    font-size: 20px;
    font-weight: 900;
  }
  .model-info-box .price-info-area .price-info-item.trade-in .warning {
    font-size: 14px;
    line-height: 21px;
  }
  .model-info-box .price-info-area .price-info-item.finance .instalment {
    font-weight: 600;
    margin-top: 7px;
    font-size: 1.8rem;
  }
  .model-info-box .price-info-area .price-info-item.finance .price {
    margin-top: -2px;
    padding-top: 0;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer {
    padding-bottom: 19px;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer .item-title {
    margin-bottom: 4px;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer .item-section {
    margin-top: 5px;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer .item-section:first-child {
    margin-top: 0;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer .item-section .sub-tit {
    display: block;
    margin-bottom: 2px;
  }
  .model-info-box .price-info-area .price-info-item.submit-my-offer .item-section .desc {
    padding: 6px 10px;
    background-color: #e2e3e4;
  }
  .is-web .model-info-box .price-info-area .price-info-item .btn-tel {
    pointer-events: none;
  }
  .model-info-box .lists-box {
    padding: 14px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .model-info-box .lists-box .title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 18px;
  }
  .model-info-box .lists-box .title-area br {
    display: none;
  }
  .model-info-box .lists-box .lists {
    margin-left: 10px;
    font-size: 14px;
    text-indent: -10px;
  }
  .model-info-box .lists-box strong {
    font-weight: 600;
  }
  .model-info-box .btn-area {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .model-info-box .order-number {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 16px 20px 0 0;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    text-align: right;
  }
  .model-info-box .order-number .number {
    color: #002c5f;
  }
  .model-info-box .order-number + .result-model {
    border-top: none;
  }
  .model-info-box .result-model {
    padding-top: 40px;
    padding-left: 50%;
    border: 1px solid #e3e3e3;
  }
  .model-info-box .result-model .view-area {
    width: 50%;
  }
  .model-info-box .result-model .view-area .img {
    bottom: 50%;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    margin-bottom: 15px;
  }
  .model-info-box .result-model .view-area .img img {
    bottom: 50%;
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    max-width: 400px;
  }
  .order-details .model-info-box .result-model .view-area .img {
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
  }
  .order-details .model-info-box .result-model .view-area .img img {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-width: 400px;
    padding-top: 0;
  }
  .model-info-box .result-model .info-area {
    padding: 23px 20px 30px 0;
  }
  .model-info-box .result-model .more-info .lists-area {
    margin-top: 0px;
  }
  .result-model .more-info .lists-area .lists:first-child {
    margin-top: 0;
  }
  .model-info-box .result-model .icon-area {
    margin-top: -10px;
  }
  .model-info-box .price-info-area {
    overflow: hidden;
    position: relative;
    padding: 14px 0 13px;
    border: 1px solid #e3e3e3;
    border-top: 0;
    background-color: #f1f2f5;
  }
  .model-info-box .price-info-area:before,
.model-info-box .price-info-area:after {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area:before {
    left: 25%;
  }
  .model-info-box .price-info-area:after {
    left: 67%;
  }
  .model-info-box .price-info-area .price-info-item {
    float: left;
    width: 42%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .model-info-box .price-info-area .price-info-item:first-child {
    width: 25%;
  }
  .model-info-box .price-info-area .price-info-item:last-child {
    width: 33%;
  }
  .model-info-box .price-info-area .price-info-item .item-title {
    font-weight: 900;
    font-size: 18px;
  }
  .model-info-box .price-info-area .price-info-item .mail {
    color: #3367b3;
    text-decoration: underline;
  }
  .model-info-box .price-info-area .price-info-item .lists2 li {
    position: relative;
    padding-left: 50%;
  }
  .model-info-box .price-info-area .price-info-item .lists li .title {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
  }
  .model-info-box .price-info-area .price-info-item .lists li .text {
    font-weight: 600;
  }
  .model-info-box .price-info-area .price-info-item.type2 {
    text-align: right;
  }
  .model-info-box .price-info-area .price-info-item.type2 .item-title {
    text-align: left;
  }
  .model-info-box .price-info-area .price-info-item .price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    padding: 23px 0 4px;
    font-size: 32px;
  }
  .model-info-box .price-info-area .price-info-item .price.balance {
    position: absolute;
    right: 20px;
    bottom: 10px;
    padding: 0;
  }
  .model-info-box .price-info-area .price-info-item strong {
    font-weight: 600;
  }
  .model-info-box .price-info-area .price-info-item .f-color {
    color: #002c5f;
  }
  .model-info-box .lists-box {
    overflow: hidden;
    position: relative;
    padding: 15px 0 14px;
    border-bottom: 1px solid #ecedef;
  }
  .model-info-box .lists-box:before {
    content: "";
    position: absolute;
    left: 25%;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background-color: #ecedef;
  }
  .model-info-box .lists-box .title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    width: 25%;
    font-size: 18px;
  }
  .model-info-box .lists-box .lists {
    float: left;
    width: 42%;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .model-info-box .lists-box .lists:last-child {
    width: 33%;
  }
  .model-info-box .btn-area {
    display: block;
    margin-top: 30px;
  }
  .model-info-box .btn-area .btn-t01 {
    width: 190px;
  }
  .model-info-box .price-info-area.completed {
    margin: 0;
  }
  .model-info-box .price-info-area.completed:before {
    left: auto;
  }
  .model-info-box .price-info-area.completed:before,
.model-info-box .price-info-area.completed:after {
    content: none;
  }
  .model-info-box .price-info-area.completed .price-info-item {
    padding: 3px 0 6px;
  }
  .model-info-box .price-info-area.completed .price-info-item .item-title {
    margin-bottom: 7px;
  }
  .model-info-box .price-info-area.completed .price-info-item .lists li .title {
    display: block;
    position: static;
  }
  .model-info-box .price-info-area.completed .price-info-item .lists2 li {
    padding: 0;
  }
  .model-info-box .price-info-area.completed .price-info-item .lists li .text {
    display: block;
    text-align: right;
  }
  .model-info-box .price-info-area.completed .price-info-item .lists li .warning {
    margin-top: 15px;
    font-size: 14px;
    line-height: 21px;
  }
  .model-info-box .price-info-area.completed .trade-in::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area.completed .trade-in::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area.completed .finance {
    position: relative;
  }
  .model-info-box .price-info-area.completed .finance .lists {
    position: relative;
  }
  .model-info-box .price-info-area.completed .finance .price {
    position: absolute;
    top: 64px;
    right: 40px;
    padding: 0;
  }
  .model-info-box .price-info-area.completed .finance .driveaway {
    padding-top: 80px;
  }
  .model-info-box .price-info-area.completed .finance .instalment {
    font-weight: 600;
    position: absolute;
    top: 4px;
    right: 0;
  }
  .model-info-box .price-info-area.completed .driveaway-price {
    padding-right: 40px;
  }
  .model-info-box .price-info-area.completed .driveaway-price .price {
    padding-top: 80px;
    text-align: right;
  }
  .model-info-box .price-info-area.completed .driveaway-price .price .i-import {
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 10px;
    font-size: 24px;
  }
  .model-info-box .price-info-area.completed .submit-my-offer {
    position: relative;
    width: 50%;
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 40px;
    padding-bottom: 16px;
  }
  .model-info-box .price-info-area.completed .submit-my-offer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 40px;
    right: 0;
    height: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area.completed .submit-my-offer::after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 0;
    width: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area.completed .submit-my-offer .item-title {
    margin: 13px 0 10px;
  }
  .model-info-box .price-info-area.completed .submit-my-offer .sub-tit {
    display: block;
  }
  .model-info-box .price-info-area.completed .submit-my-offer .item-section {
    margin-top: 5px;
    margin-right: 40px;
  }
  .model-info-box .price-info-area.completed .submit-my-offer .item-section:first-child {
    margin: 0;
  }
  .model-info-box .price-info-area.completed .submit-my-offer .item-section .desc {
    overflow: hidden;
    height: 60px;
    padding: 6px 10px;
    background-color: #e1e2e3;
  }
  .model-info-box .price-info-area.completed .deposit-payment {
    position: relative;
    float: right;
    width: 50%;
    margin-top: 30px;
    padding-top: 20px;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed .deposit-payment::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 40px;
    height: 1px;
    background-color: #dadbdc;
  }
  .model-info-box .price-info-area.completed .deposit-payment .item-title {
    margin-top: 13px;
  }
  .model-info-box .price-info-area.completed .deposit-payment .sub-tit {
    margin-bottom: 9px;
  }
  .model-info-box .price-info-area.completed .deposit-payment .lists li {
    position: relative;
  }
  .model-info-box .price-info-area.completed .deposit-payment .lists li .title {
    position: absolute;
    top: 0;
    left: 0;
  }
  .model-info-box .price-info-area.completed .deposit-payment .lists li .text {
    padding-left: 185px;
    text-align: left;
  }
  .model-info-box .price-info-area.completed .deposit-payment .lists.last {
    margin-top: 30px;
  }
  .model-info-box .price-info-area.completed.type-a .sales-consultant {
    width: 33.33%;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-a .trade-in {
    position: relative;
    width: 33.34%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-a .finance {
    width: 33.33%;
    padding-left: 40px;
    padding-right: 40px;
  }
  .model-info-box .price-info-area.completed.type-a .driveaway-price {
    display: none;
  }
  .model-info-box .price-info-area.completed.type-b .sales-consultant {
    width: 33.33%;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-b .trade-in {
    position: relative;
    width: 33.34%;
    padding-right: 40px;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-b .driveaway-price {
    width: 33.33%;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-b .finance {
    display: none;
  }
  .model-info-box .price-info-area.completed.type-c {
    overflow: visible;
    min-width: 1px;
    margin-bottom: 130px;
  }
  .model-info-box .price-info-area.completed.type-c::after {
    content: "";
    display: block;
    clear: both;
    position: static;
    background: transparent;
  }
  .model-info-box .price-info-area.completed.type-c .info-wrap {
    position: relative;
    float: left;
    width: 27%;
    text-align: left;
  }
  .model-info-box .price-info-area.completed.type-c .trade-in {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 20px;
    padding-top: 0;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-c .trade-in::before,
.model-info-box .price-info-area.completed.type-c .trade-in::after {
    content: none;
  }
  .model-info-box .price-info-area.completed.type-c .finance {
    clear: both;
    width: 100%;
    padding-right: 20px;
    padding-left: 40px;
  }
  .model-info-box .price-info-area.completed.type-c .finance .instalment {
    top: -4px;
    right: 0;
    font-size: 24px;
  }
  .model-info-box .price-info-area.completed.type-c .finance .price {
    right: 20px;
  }
  .model-info-box .price-info-area.completed.type-c .driveaway-price {
    display: none;
  }
  .model-info-box .price-info-area.completed.type-c .deposit-payment {
    float: left;
    width: 35%;
    margin-top: 0;
    padding-top: 0;
    padding-right: 20px;
    padding-left: 20px;
  }
  .model-info-box .price-info-area.completed.type-c .deposit-payment::after {
    content: none;
  }
  .model-info-box .price-info-area.completed.type-c .deposit-payment .item-title {
    margin-top: 0;
  }
  .model-info-box .price-info-area.completed.type-c .submit-my-offer {
    width: 38%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
  }
  .model-info-box .price-info-area.completed.type-c .submit-my-offer::before,
.model-info-box .price-info-area.completed.type-c .submit-my-offer::after {
    content: none;
  }
  .model-info-box .price-info-area.completed.type-c .submit-my-offer .item-section {
    margin-right: 30px;
  }
  .model-info-box .price-info-area.completed.type-c .submit-my-offer .item-title {
    margin-top: 0;
  }
  .model-info-box .price-info-area.completed.type-c .sales-consultant {
    display: block;
    position: absolute;
    bottom: -99px;
    left: 0;
    width: 100%;
    height: 100px;
  }
  .model-info-box .price-info-area.completed.type-c .sales-consultant::after {
    content: none;
  }
  .model-info-box .price-info-area.completed.type-c .sales-consultant .item-title {
    float: left;
    width: 27%;
    margin-top: 20px;
    padding-top: 3px;
    padding-right: 35px;
    text-align: right;
  }
  .model-info-box .price-info-area.completed.type-c .sales-consultant .lists {
    float: left;
    width: 73%;
    margin-top: 17px;
  }
  .model-info-box .price-info-area.completed + .btn-area {
    margin-top: 40px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1280px) {
  .model-info-box .price-info-area {
    padding: 33px 0 32px;
  }
  .model-info-box .price-info-area:before,
.model-info-box .price-info-area:after {
    top: 40px;
    bottom: 40px;
  }
  .model-info-box .price-info-area:before {
    left: 33%;
  }
  .model-info-box .price-info-area:after {
    left: 67%;
  }
  .model-info-box .price-info-area .price-info-item {
    width: 34%;
    padding: 0 40px;
  }
  .model-info-box .price-info-area .price-info-item:first-child {
    width: 33%;
    padding-left: 50px;
  }
  /* .model-info-box .price-info-area .price-info-item:last-child{width:33%;padding-right:50px;} */
  .model-info-box .result-model .view-area .img img {
    max-width: 550px;
  }
  .model-info-box .lists-box:before {
    left: 33%;
  }
  .model-info-box .lists-box .title-area {
    width: 33%;
  }
  .model-info-box .lists-box .lists {
    width: 34%;
    padding-left: 40px;
  }
  .model-info-box .lists-box .lists:last-child {
    width: 33%;
  }
  .model-info-box .price-info-area .price-info-item .price.balance {
    position: absolute;
    right: 50px;
    bottom: 30px;
    padding: 0;
  }
  .model-info-box .price-info-area.completed {
    padding: 14px 0 13px;
  }
}
/* Offline Process */
@media screen and (max-width: 1023px) {
  .l-content .section.offline-process {
    padding-top: 25px;
    padding-bottom: 40px;
  }
  .offline-process .c-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 4px 0;
    font-size: 18px;
  }
  .offline-process .step-list {
    display: table;
    width: 100%;
    border: 1px solid #e3e3e3;
  }
  .offline-process .step-list .step {
    display: table-row;
  }
  .offline-process .step-list .step .inner {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: table-cell;
    position: relative;
    height: 95px;
    padding: 20px;
    padding-left: 100px;
    color: #212121;
    vertical-align: middle;
  }
  .offline-process .step-list .step .inner:before {
    content: "";
    position: absolute;
    left: 20px;
    right: 0;
    top: 0;
    height: 1px;
    background-color: #e3e3e3;
  }
  .offline-process .step-list .step:first-child .inner:before {
    display: none;
  }
  .offline-process .step-list .step .inner:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/pictogram.png");
    background-size: 200px;
  }
  .offline-process .step-list .step.step1 .inner:after {
    width: 54px;
    height: 55px;
    background-position: 0 -60px;
  }
  .offline-process .step-list .step.step2 .inner:after {
    width: 58px;
    height: 55px;
    background-position: -55px -60px;
  }
  .offline-process .step-list .step.step3 .inner:after {
    width: 59px;
    height: 58px;
    background-position: -114px -60px;
  }
  .offline-process .step-list .step.step4 .inner:after {
    width: 59px;
    height: 57px;
    background-position: 0 -120px;
  }
  .offline-process .step-list .step.step5 .inner:after {
    width: 59px;
    height: 57px;
    background-position: -61px -120px;
  }
  .offline-process .step-list .step .inner .cont {
    color: #002c5f;
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.offline-process {
    padding-top: 50px;
    padding-bottom: 100px;
  }
  .l-content .section.offline-process .c-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 7px 0;
    font-size: 20px;
  }
  .offline-process .step-list {
    display: table;
    border: 1px solid #e3e3e3;
  }
  .offline-process .step-list .step {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: table-cell;
    position: relative;
    width: 20%;
    height: 240px;
    padding: 125px 20px 30px;
    color: #212121;
    text-align: center;
    vertical-align: top;
  }
  .offline-process .step-list .step:before {
    content: "";
    position: absolute;
    left: 0;
    top: 30px;
    width: 1px;
    height: 180px;
    background-color: #e3e3e3;
  }
  .offline-process .step-list .step:first-child:before {
    display: none;
  }
  .offline-process .step-list .step:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/pictogram.png");
    background-size: 200px;
  }
  .offline-process .step-list .step.step1:after {
    width: 54px;
    height: 55px;
    background-position: 0 -60px;
  }
  .offline-process .step-list .step.step2:after {
    width: 58px;
    height: 55px;
    background-position: -55px -60px;
  }
  .offline-process .step-list .step.step3:after {
    width: 59px;
    height: 58px;
    background-position: -114px -60px;
  }
  .offline-process .step-list .step.step4:after {
    width: 59px;
    height: 57px;
    background-position: 0 -120px;
  }
  .offline-process .step-list .step.step5:after {
    width: 59px;
    height: 57px;
    background-position: -61px -120px;
  }
  .offline-process .step-list .step .inner .cont {
    color: #002c5f;
    font-size: 18px;
  }
  .offline-process.type2 .step-list .step {
    width: 20%;
  }
}
/*  */
/* Swiper Pagination */
.slide-wrap-area .swiper-container {
  padding-bottom: 20px;
}

.slide-wrap-area .swiper-pagination {
  position: relative;
  margin: 0;
  padding-top: 20px;
  font-size: 0;
}

.slide-wrap-area .swiper-container-horizontal > .swiper-pagination-bullets,
.slide-wrap-area .swiper-pagination-custom,
.slide-wrap-area .swiper-pagination-fraction {
  left: inherit;
  bottom: inherit;
}

.slide-wrap-area .swiper-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.slide-wrap-area .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #002c5f;
}

/* Swiper Navigation */
@media screen and (max-width: 1023px) {
  .slide-wrap-area .swiper-container .btn-nav {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .slide-wrap-area .swiper-container .btn-nav {
    display: none;
    position: absolute;
    top: 50%;
    z-index: 5;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    margin-top: -17px;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .slide-wrap-area .swiper-container .btn-nav.btn-prev {
    left: 0;
  }
  .slide-wrap-area .swiper-container .btn-nav.btn-next {
    right: 0;
  }
  .slide-wrap-area .swiper-container:hover .btn-nav {
    display: block;
  }
  .slide-wrap-area .swiper-container .btn-nav::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: 14px;
    height: 14px;
    box-sizing: border-box;
    border: 2px solid #fff;
  }
  .slide-wrap-area .swiper-container .btn-nav.btn-prev::before {
    margin-left: 3px;
    border-top: 0;
    border-right: 0;
  }
  .slide-wrap-area .swiper-container .btn-nav.btn-next::before {
    margin-left: -3px;
    border-left: 0;
    border-bottom: 0;
  }
}
/* animate */
@keyframes arrowMove {
  0% {
    right: 35px;
    opacity: 0;
  }
  100% {
    right: 27px;
    opacity: 1;
  }
}
@keyframes growShrink {
  0% {
    transform: translateY(-50%) scale(0.9);
  }
  100% {
    transform: translateY(-50%) scale(1);
  }
}
/* 하단 플로팅 영역 */
@media screen and (max-width: 1023px) {
  .bottom-floating-area .cont-area-wrap .btn-area .btn-t01.btn-white {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  /* .bottom-floating-area .cont-area-wrap .btn-area .btn-t01.btn-white{display:none;} */
}
@media screen and (min-width: 1280px) {
  .bottom-floating-area .cont-area-wrap .btn-area .btn-t01.btn-white {
    display: inline-block;
  }
}
/* 팝업 */
@media screen and (max-width: 1023px) {
  /* .cont_area{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid $black11;} */
  .description_area .txt_gray {
    color: #888888;
    margin-top: 25px;
  }
}
@media screen and (min-width: 1024px) {
  /* .cont_area{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid $black11;} */
  .description_area .txt_gray {
    color: #888888;
  }
}
/* offers-type layout */
.section.configure .page-tit,
.buy-online .section.finance .page-tit,
.section.delivery .page-tit {
  margin-bottom: 20px;
  padding-top: 23px;
}

@media screen and (max-width: 1023px) {
  .offers-type .offers-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 24px 0 8px;
    border-bottom: 2px solid #212121;
    font-size: 20px;
  }
  .offers-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 9px;
    font-size: 18px;
  }
  .offers-wrap .s-title:first-child {
    padding-top: 25px;
  }
  .offers-wrap .offers-content {
    /* padding-top:20px; */
    /* 2018-09-14 */
  }
  .offers-wrap .offers-content .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .offers-wrap .offers-content .s-title .btn-question {
    font-weight: 400;
    margin: 2px 0 0 7px;
    font-size: 16px;
    vertical-align: top;
  }
  .offers-wrap .s-content {
    position: relative;
    margin-bottom: 34px;
  }
  .offers-wrap .offers-content .s-content {
    position: relative;
    margin-bottom: 34px;
  }
  .offers-wrap .offers-box {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .buy-online .section.finance .page-tit,
.buy-online .section.delivery .page-tit {
    margin-bottom: 30px;
    padding-top: 51px;
  }
  .buy-online .section.configure .page-tit {
    margin-bottom: 30px;
    padding-top: 51px;
  }
  .section.configure .page-tit .trim {
    margin-left: 2px;
    font-size: 16px;
  }
  .offers-type .offers-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 24px 0 8px;
    border-bottom: 2px solid #212121;
    font-size: 24px;
  }
  .offers-type .offers-title .trim {
    margin-left: 2px;
    font-size: 16px;
  }
  .offers-wrap {
    position: relative;
  }
  .offers-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .offers-wrap .s-content {
    position: relative;
    margin-bottom: 38px;
  }
  .offers-wrap .offers-content .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .offers-wrap .offers-content .s-title .btn-question {
    font-weight: 400;
    margin: 2px 0 0 4px;
    font-size: 16px;
    vertical-align: top;
  }
  .offers-wrap .offers-content .s-content {
    position: relative;
    margin-bottom: 38px;
  }
}
/* COE -Finance */
@media screen and (max-width: 1023px) {
  .s-content .br {
    display: block;
  }
  .con_coe {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 23px 21px;
    border: 2px solid #212121;
    font-size: 16px;
  }
  button.con_coe p {
    text-align: left;
  }
  .con_coe .f-color {
    color: #002c5f;
  }
  .con_coe .con_coe_tit {
    font-size: 18px;
  }
  .con_loan {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 6px 0 10px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
  }
  .con_loan label {
    width: 100%;
    margin-bottom: 10px;
    color: #b0b0b0;
  }
  .con_loan input[type=radio]:checked + label {
    color: #000;
  }
  .con_preferred {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .con_preferred .form_radio_bank li {
    width: 100%;
    margin-bottom: 10px;
  }
  .con_preferred .form_radio_bank li span {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 15px 14px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
  }
  .con_preferred .form_radio_bank li span.line {
    padding: 14px 13px;
    border: 2px solid #000;
  }
  .con_preferred .form_radio_bank li label {
    width: 100%;
  }
  .con_preferred .form_radio_bank li label img {
    width: 42px;
    margin: 0 9px 0 5px;
    vertical-align: middle;
  }
  .con_preferred .form_radio_bank li span em.f-color {
    font-weight: 600;
    position: absolute;
    bottom: 19px;
    right: 16px;
    color: #002c5f;
  }
  .con_preferred .form_radio_bank li span.line em.f-color {
    bottom: 18px;
    right: 15px;
  }
  .con_calculation .description {
    font-weight: 600;
    margin: -5px 0 5px;
    font-size: 14px;
  }
  .con_calculation .description .f-color {
    font-weight: 900;
    color: #002c5f;
  }
  .calculation_box {
    border: 1px solid #e3e3e3;
  }
  .price_loan {
    padding: 0 20px;
  }
  .price_loan li {
    padding: 14px 0 13px;
    border-bottom: 1px solid #e3e3e3;
  }
  .price_loan li:nth-child(3) {
    padding-bottom: 20px;
  }
  .price_loan li:last-child {
    border: 0;
  }
  .price_loan li span {
    display: block;
  }
  .price_loan li .tit,
.price_loan li .txt {
    font-weight: 600;
    font-size: 18px;
    color: #232323;
  }
  .price_loan li .tit .f-color {
    color: #002c5f;
  }
  .price_loan li.total_pay .txt {
    font-weight: 900;
    font-size: 20px;
  }
  .price_loan li .txt {
    text-align: right;
    font-size: 20px;
    color: #000;
  }
  .price_loan li .input_loan {
    overflow: hidden;
  }
  .price_loan li .input_loan .txt_filed {
    position: relative;
    padding-left: 25px;
  }
  .price_loan li .input_loan .txt_filed .unit {
    font-weight: 600;
    position: absolute;
    left: 3px;
    top: 10px;
    font-size: 16px;
  }
  .price_loan li .input_loan .txt_filed input {
    width: 100%;
    text-align: right;
  }
  .price_loan li .input_loan .txt_exnp {
    padding: 27px 0 8px;
  }
  .price_loan li .input_loan .txt_exnp .f-color {
    color: #002c5f;
  }
  .price_loan li.loan_term {
    padding: 14px 0 20px;
  }
  .price_loan li.loan_term .slider_info .tit {
    padding-bottom: 13px;
  }
  .price_loan li.loan_term .slider_info .tit span.month {
    display: inline-block;
  }
  .price_loan li.loan_term .slider_info .slider-wrap {
    margin-top: 10px;
  }
  .price_loan .btn-area {
    padding-top: 20px;
  }
  .result_list {
    padding: 0 20px;
    background-color: #f4f6f8;
  }
  .result_list li {
    padding: 18px 0 18px;
  }
  .result_list li li {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 12px 0 0;
    line-height: 1.125;
  }
  .result_list li li:first-child {
    padding-top: 0;
  }
  .result_list li span {
    display: block;
  }
  .result_list li .tit {
    font-size: 16px;
  }
  .result_list li .txt {
    font-weight: 600;
    font-size: 16px;
    text-align: right;
  }
  .result_list li.total {
    border-top: 1px solid #dadbdc;
  }
  .result_list li.total .tit {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .result_list li.total .txt {
    font-weight: 600;
    font-size: 32px;
    text-align: right;
  }
  .opt_dimmed_area {
    position: relative;
  }
  .opt_dimmed_area .disabled-dimmed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
  }
  .opt_dimmed_area .disabled-dimmed .text_area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 80px 20px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  .opt_dimmed_area .disabled-dimmed .text_area:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32px;
    height: 31px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -268px 0;
    background-size: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .s-content .br {
    display: inline-block;
  }
  .con_coe {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    width: 50%;
    padding: 23px 21px;
    border: 2px solid #212121;
    font-size: 16px;
  }
  button.con_coe p {
    text-align: left;
  }
  .con_coe .f-color {
    color: #002c5f;
  }
  .con_loan {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 6px 0 40px;
    border-bottom: 1px solid #e3e3e3;
    font-size: 16px;
  }
  .con_loan label {
    width: auto;
  }
  .con_loan input[type=radio]:checked + label {
    color: #000;
  }
  .con_loan input[type=radio] + label {
    margin-right: 90px;
    color: #b0b0b0;
  }
  .con_preferred {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .con_preferred .form_radio_bank {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px;
  }
  .con_preferred .form_radio_bank li {
    width: calc(50% - 8px);
    margin-bottom: 8px;
    margin-left: 8px;
  }
  .con_preferred .form_radio_bank li:last-child {
    margin-bottom: 0;
  }
  .con_preferred .form_radio_bank li span {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 11px 14px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
  }
  .con_preferred .form_radio_bank li span input[type=radio] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .con_preferred .form_radio_bank li span.line {
    padding: 10px 13px;
    border: 2px solid #000;
  }
  .con_preferred .form_radio_bank li label {
    display: block;
    margin-right: 0;
    box-sizing: border-box;
  }
  .con_preferred .form_radio_bank li input[type=checkbox] + label,
.con_preferred .form_radio_bank li input[type=radio] + label {
    padding-left: 30px;
    height: 32px;
    line-height: 32px;
  }
  .con_preferred .form_radio_bank li input[type=checkbox] + label:before,
.con_preferred .form_radio_bank li input[type=radio] + label:before {
    top: 4px;
  }
  .con_preferred .form_radio_bank li input[type=radio] + label:after {
    margin-top: -5px;
  }
  .con_preferred .form_radio_bank li label img {
    width: 42px;
    margin: 0 9px 0 0;
    vertical-align: middle;
  }
  .con_preferred .form_radio_bank li span em.f-color {
    position: absolute;
    bottom: 20px;
    right: 16px;
    color: #002c5f;
  }
  .con_preferred .form_radio_bank li span.line em.f-color {
    bottom: 19px;
    right: 15px;
  }
  .con_calculation .description {
    font-weight: 600;
    margin: -5px 0 5px;
    font-size: 14px;
  }
  .con_calculation .description .f-color {
    color: #002c5f;
  }
  .calculation_box {
    border: 1px solid #e3e3e3;
  }
  .price_loan {
    padding: 0 20px;
  }
  .price_loan li {
    padding: 19px 0 15px;
    border-bottom: 1px solid #e3e3e3;
  }
  .price_loan li:after {
    content: "";
    display: block;
    clear: both;
  }
  .price_loan li:nth-child(3) {
    padding-top: 10px;
    padding-bottom: 18px;
  }
  .price_loan li:last-child {
    border: 0;
  }
  .price_loan li span {
    display: inline-block;
  }
  .price_loan li .tit,
.price_loan li .txt {
    font-weight: 600;
    font-size: 18px;
  }
  .price_loan li .tit .f-color {
    color: #002c5f;
  }
  .price_loan li.total_pay .txt {
    font-weight: 900;
    font-size: 20px;
  }
  .price_loan li .txt {
    text-align: right;
  }
  .price_loan li .input_info {
    padding-top: 10px;
  }
  .price_loan li .input_info:after {
    content: "";
    display: block;
    clear: both;
  }
  .price_loan li .input_loan {
    padding-top: 9px;
  }
  .price_loan li .input_loan:after {
    content: "";
    display: block;
    clear: both;
  }
  .price_loan li .input_loan .txt_filed {
    position: relative;
    padding-left: 25px;
  }
  .price_loan li .input_loan .txt_filed .unit {
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 16px;
  }
  .price_loan li .input_loan .txt_filed input {
    width: 100%;
    text-align: right;
  }
  .price_loan li .slider_info:after {
    content: "";
    display: block;
    clear: both;
  }
  .price_loan li .input_loan .txt_exnp .f-color {
    color: #002c5f;
  }
  .price_loan li .tit {
    float: left;
    width: 50%;
  }
  .price_loan li .txt {
    float: right;
    width: 50%;
    text-align: right;
  }
  .price_loan li .input_slider {
    float: right;
    width: 280px;
    margin-top: 10px;
    text-align: center;
  }
  .price_loan li .input_loan .txt_exnp {
    float: left;
    width: 50%;
  }
  .price_loan li .input_loan .txt_filed {
    float: right;
    width: 280px;
  }
  .price_loan .btn-area {
    padding-top: 40px;
  }
  .result_list {
    padding: 0 20px;
    background-color: #f4f6f8;
  }
  .result_list li {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 18px 0 18px;
  }
  .result_list li li {
    padding: 6px 0 0;
    line-height: 1.125;
  }
  .result_list li li:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list li li:first-child {
    padding-top: 0;
  }
  .result_list li span {
    display: block;
  }
  .result_list li .tit {
    float: left;
    width: 50%;
    font-size: 16px;
  }
  .result_list li .txt {
    font-weight: 600;
    float: right;
    width: 50%;
    font-size: 16px;
    text-align: right;
  }
  .result_list li.total {
    padding: 18px 0 16px;
    border-top: 1px solid #dadbdc;
  }
  .result_list li.total .tit {
    font-weight: 600;
    font-size: 18px;
  }
  .result_list li.total .txt {
    font-weight: 600;
    font-size: 32px;
    text-align: right;
  }
  .opt_dimmed_area {
    position: relative;
  }
  .opt_dimmed_area .disabled-dimmed {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
  }
  .opt_dimmed_area .disabled-dimmed .text_area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 80px 20px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  .opt_dimmed_area .disabled-dimmed .text_area:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 32px;
    height: 31px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -268px 0;
    background-size: 400px;
  }
}
@media screen and (min-width: 1280px) {
  .s-content .br {
    display: inline-block;
  }
  .con_coe {
    width: 60%;
    padding: 23px 28px;
  }
  .price_loan {
    padding: 0 48px;
  }
  /* .con_preferred .form_radio_bank{margin-left:-15px;margin-top:-15px} */
  /* .con_preferred .form_radio_bank li{width:calc(25% - 15px);margin-top:20px;margin-bottom:0;margin-left:15px;} */
  /* .con_preferred .form_radio_bank li span{padding-bottom:40px;cursor:default;} */
  /* .con_preferred .form_radio_bank li span.line{padding-bottom:38px} */
  .con_preferred .form_radio_bank li span em.f-color {
    bottom: 8px;
  }
  .con_preferred .form_radio_bank li span.line em.f-color {
    bottom: 6px;
  }
  .con_preferred .form_radio_bank li input[type=radio] + label:after {
    margin-top: 0;
    top: 11px;
  }
  .price_loan {
    padding-top: 39px;
    padding-bottom: 40px;
  }
  .price_loan li {
    padding: 19px 0 15px;
  }
  .price_loan li:first-child {
    padding-top: 0;
  }
  .price_loan li:last-child {
    padding-bottom: 0;
  }
  .price_loan li .tit {
    width: 40%;
  }
  .price_loan li .txt {
    width: 60%;
  }
  .price_loan li .input_loan .txt_exnp {
    width: 40%;
  }
  .price_loan li .input_loan .txt_filed {
    width: 420px;
  }
  .price_loan li .input_slider {
    float: right;
    width: 420px;
    margin-top: 10px;
  }
  .price_loan li .input_slider:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list {
    display: table;
    width: 100%;
    padding: 0 48px;
    background-color: #f4f6f8;
  }
  .result_list li {
    position: relative;
    display: table-cell;
    width: 55%;
    padding: 40px 0 40px;
  }
  .result_list li:first-child ul {
    margin-right: 44px;
  }
  .result_list li:first-child ul:after {
    content: "";
    position: absolute;
    top: 48px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 186px;
    margin-left: 12px;
    background: #dadbdc;
  }
  .result_list li:last-child ul {
    margin-left: 42px;
  }
  .result_list li.total {
    width: 45%;
    vertical-align: top;
  }
  .result_list li.total {
    padding: 44px 0 40px;
    border-top: 0;
  }
  .result_list li.total span {
    display: block;
    float: none;
    width: 100%;
  }
  .result_list li.total span.txt {
    margin-top: 16px;
  }
  .result_list li li {
    display: block;
    width: 100%;
  }
  .result_list li .tit {
    width: 70%;
  }
  .result_list li .txt {
    width: 30%;
  }
}
/* Finance Application */
@media screen and (max-width: 1023px) {
  .con_preferred_fix .fix_bank_box {
    padding: 0 15px;
    background-color: #f1f2f5;
  }
  .con_preferred_fix .fix_bank_box .bank-percent {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: 1px solid #dadbdc;
    line-height: 62px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .name {
    font-weight: 900;
    float: left;
    font-size: 20px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .name img {
    margin-right: 10px;
    vertical-align: middle;
  }
  .con_preferred_fix .fix_bank_box .bank-percent.bank1 .name img {
    width: 32px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .percent {
    font-weight: 600;
    float: right;
    color: #002c5f;
    font-size: 24px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .percent .del {
    font-weight: normal;
    font-style: normal;
    text-decoration: line-through;
    color: #212121;
  }
  .con_preferred_fix .fix_bank_box .text_area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 15px 0;
    font-size: 14px;
  }
  .con_loan input[type=check]:checked + label {
    color: #000;
  }
  .con_preferred_fix {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .con_preferred_fix .form_chek_bank li {
    width: 100%;
    margin-top: 10px;
  }
  .con_preferred_fix .form_chek_bank li span {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 15px 14px;
    border: 1px solid #e3e3e3;
  }
  .con_preferred_fix .form_chek_bank li.checked span {
    padding: 14px 13px;
    border: 2px solid #000;
  }
  .con_preferred_fix .form_chek_bank li label {
    width: 100%;
  }
  .con_preferred_fix .form_chek_bank li label img {
    width: 42px;
    margin: 0 9px 0 5px;
    vertical-align: middle;
  }
  .con_preferred_fix .form_chek_bank li span em.f-color {
    font-weight: 600;
    position: absolute;
    bottom: 20px;
    right: 16px;
    color: #002c5f;
  }
  .con_preferred_fix .form_chek_bank li span em.dc {
    text-decoration: line-through;
    color: #212121;
  }
  .con_preferred_fix .form_chek_bank li.checked span em.f-color {
    bottom: 19px;
    right: 15px;
  }
  .con_preferred_fix .form_chek_bank li.disabled {
    color: #c9c9c9;
  }
  .con_preferred_fix .form_chek_bank li.disabled span em.f-color {
    color: #c9c9c9;
  }
  .con_preferred_fix .form_chek_bank li.disabled img {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: url(resources.svg#desaturate);
    filter: grayscale(100%);
    opacity: 0.3;
  }
  .result_list.application li {
    border-top: 1px solid #dadbdc;
  }
  .result_list.application li li {
    border: 0;
    padding: 10px 0 0;
  }
  .result_list.application li li:first-child {
    padding: 0;
  }
  .result_list.application li:first-child {
    border: 0;
  }
  .result_list.application li .tit .f-color {
    display: block;
    color: #002c5f;
    white-space: nowrap;
  }
  .result_list.application li .txt .del {
    font-weight: normal;
    display: block;
    font-style: normal;
    text-decoration: line-through;
  }
  .result_list.application li li.discount .tit {
    line-height: 1.6;
  }
  .result_list.application li li.discount .tit {
    padding-right: 50%;
  }
  .result_list.application li li.discount .txt {
    padding-left: 50%;
    margin-top: -22px;
  }
  .result_list.application li.total li span {
    width: 50%;
  }
  .result_list.application li.total li:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list.application li.total .tit {
    font-weight: 600;
    float: left;
    margin: 0;
    font-size: 18px;
  }
  .result_list.application li.total li:first-child .tit {
    line-height: 32px;
  }
  .result_list.application li.total .txt {
    font-weight: 600;
    float: right;
    margin: 0;
    font-size: 32px;
    text-align: right;
  }
  .result_list.application li.total .txt.f-color {
    color: #002c5f;
  }
  .con_file_upload .description {
    font-weight: 600;
    margin: 0 0 15px;
    font-size: 14px;
  }
  .con_file_upload .description strong {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    font-size: 16px;
  }
  .con_file_upload .upload_box {
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box + .upload_box {
    margin-top: 10px;
  }
  .con_file_upload .upload_box .upload_tit {
    background-color: #f4f6f8;
  }
  .con_file_upload .upload_box .upload_tit .text_area {
    position: relative;
    padding: 24px 20px 16px 58px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .number {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #002c5f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .text {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .blt {
    position: relative;
    padding-left: 11px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .blt:before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
  }
  .con_file_upload .upload_box .file_list {
    padding: 0 20px;
    border-top: 0;
  }
  .con_file_upload .upload_box .file_list .item {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding: 14px 0 20px;
    border-top: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box .file_list .item:first-child {
    border-top: 0;
  }
  .con_file_upload .upload_box .file_list .item .title {
    font-weight: 600;
    font-size: 18px;
  }
  .con_file_upload .upload_box .file_list .item .name {
    font-weight: normal;
    padding-right: 80px;
    font-size: 16px;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -32px;
    overflow: hidden;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn:first-child {
    margin-left: 0;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn-delete {
    background: #dbdde1 url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/ico/ico_delete.png") no-repeat 0 0;
    background-size: 30px 30px;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn-preview {
    background: #dbdde1 url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/ico/ico_preview.png") no-repeat 0 0;
    background-size: 30px 30px;
  }
  .con_file_upload .upload_box .file_list .item .btn-area {
    padding: 15px 0 0;
  }
  .con_file_upload .upload_box .submit_select {
    padding: 20px 20px 0;
  }
  .con_file_upload .upload_box .submit_select .select-box {
    width: 100%;
  }
  .con_file_upload .upload_box .submit_select .select-box select {
    width: 100%;
  }
  .con_file_upload .upload_box .submit_select .select-box label {
    display: none;
  }
  .con_file_upload .upload_box .submit_select .selec_area {
    display: none;
  }
  .con_file_upload .upload_box .submit_select .selec_area .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-top: 15px;
  }
  .con_file_upload .upload_box .submit_select .file_list {
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box .submit_select .file_list li {
    padding: 10px 0 15px;
  }
  .con_file_upload .upload_box .submit_select .blt {
    position: relative;
    margin-top: 8px;
    padding-left: 11px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .blt:before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
  }
  .con_file_upload .upload_box .submit_select .btn-area {
    padding: 17px 0 20px;
  }
  .con_file_upload .upload_box .submit_select .file_list .item .s_btn_area {
    margin-top: -10px;
  }
  .con_file_upload .upload_box .submit_select .text_area {
    padding-bottom: 20px;
  }
  .con_file_upload .upload_box .submit_select .text_area dl {
    padding: 10px 0 0;
  }
  .con_file_upload .upload_box .submit_select .text_area dt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .text_area dd {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding-left: 9px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .text_area dd:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
  }
  .con_mapbox {
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .con_mapbox .map_area {
    padding: 20px 20px 0;
  }
  .con_mapbox .text_area {
    padding: 20px 20px 0;
  }
  .con_mapbox .text_area .s_stitle {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #212121;
    font-size: 18px;
  }
  .con_mapbox .text_area .add-list {
    font-size: 14px;
  }
  .con_mapbox .text_area {
    padding-bottom: 20px;
  }
  .con_mapbox .text_area dl {
    padding: 17px 0 0;
  }
  .con_mapbox .text_area dt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
  .con_mapbox .text_area dd {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding-left: 9px;
    font-size: 14px;
  }
  .con_mapbox .text_area dd:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
  }
  .con_loc_schedule .calendar-wrap {
    margin-top: 10px;
  }
  .con_mapbox .form-write-box {
    padding: 3px 20px 20px;
  }
  .con_mapbox .form-write-box .f-title {
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #212121;
    font-size: 18px;
  }
  .con_mapbox .form-write-list .write-item {
    margin-top: 8px;
  }
  .con_mapbox .form-write-list .write-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 7px 0;
  }
  .con_mapbox .form-write-list .write-item input[type=text] {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .con_preferred_fix {
    overflow: hidden;
    position: relative;
    padding-left: 33%;
  }
  .con_preferred_fix .fix_bank_box {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33%;
    box-sizing: border-box;
    padding: 0 14px;
    background-color: #f1f2f5;
  }
  .con_preferred_fix .fix_bank_box .bank-percent {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    overflow: hidden;
    padding-bottom: 16px;
    border-bottom: 1px solid #dadbdc;
    line-height: 56px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .name {
    font-weight: 900;
    display: block;
    font-size: 20px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .name img {
    margin-right: 10px;
    vertical-align: text-bottom;
  }
  .con_preferred_fix .fix_bank_box .bank-percent.bank1 .name img {
    width: 42px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .percent {
    font-weight: 600;
    display: block;
    padding-top: 25px;
    text-align: right;
    color: #002c5f;
    font-size: 24px;
    line-height: 24px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .percent .del {
    font-weight: normal;
    font-style: normal;
    text-decoration: line-through;
    color: #212121;
  }
  .con_preferred_fix .fix_bank_box .text_area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 15px 0;
    font-size: 14px;
  }
  .con_preferred_fix input[type=checkbox]:checked + label {
    color: #000;
  }
  .con_preferred_fix input[type=checkbox] + label:before {
    top: 3px;
  }
  .con_preferred_fix input[type=checkbox]:checked + label:after {
    margin-top: -3px;
  }
  .con_preferred_fix {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
  }
  .con_preferred_fix .form_chek_bank li {
    float: left;
    width: 50%;
    height: auto;
    margin-top: 8px;
  }
  .con_preferred_fix .form_chek_bank {
    margin-top: -8px;
    box-sizing: border-box;
  }
  .con_preferred_fix .form_chek_bank:after {
    content: "";
    display: block;
    clear: both;
  }
  .con_preferred_fix .form_chek_bank li span {
    overflow: hidden;
    position: relative;
    display: block;
    padding: 14px 14px;
    border: 1px solid #e3e3e3;
    margin-left: 8px;
  }
  .con_preferred_fix .form_chek_bank li span input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
  }
  .con_preferred_fix .form_chek_bank li.checked span {
    padding: 13px 13px;
    border: 2px solid #000;
  }
  .con_preferred_fix .form_chek_bank li label {
    width: 100%;
  }
  .con_preferred_fix .form_chek_bank li label img {
    width: 42px;
    margin: 0 9px 0 5px;
    vertical-align: middle;
  }
  .con_preferred_fix .form_chek_bank li span em.f-color {
    font-weight: 600;
    position: absolute;
    bottom: 18px;
    right: 16px;
    color: #002c5f;
  }
  .con_preferred_fix .form_chek_bank li.checked span em.f-color {
    bottom: 17px;
    right: 15px;
  }
  .con_preferred_fix .form_chek_bank li.disabled {
    color: #c9c9c9;
  }
  .con_preferred_fix .form_chek_bank li.disabled span em.f-color {
    color: #c9c9c9;
  }
  .con_preferred_fix .form_chek_bank li.disabled img {
    filter: gray;
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: url(resources.svg#desaturate);
    filter: grayscale(100%);
    opacity: 0.3;
  }
  .con_calculation.finance .price_loan {
    padding: 19px 20px 40px;
  }
  .con_calculation.finance .price_loan li:first-child {
    padding-top: 0;
    padding-top: 0;
  }
  .con_calculation.finance .price_loan li {
    padding: 16px 0 13px;
  }
  .con_calculation.finance .price_loan li:last-child {
    padding-bottom: 0;
  }
  .con_calculation.finance li.down_pay {
    padding: 19px 0 19px;
  }
  .con_calculation.finance li .input_info {
    padding-top: 0;
  }
  .con_calculation.finance .result_list {
    padding: 0 40px;
  }
  .result_list.application:after,
.result_list.application li ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list.application li {
    position: relative;
    display: table;
    float: left;
    width: 50%;
  }
  .result_list.application li:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list.application li:first-child ul {
    overflow: hidden;
    padding-left: 0;
    padding-right: 40px;
  }
  .result_list.application li ul {
    padding: 0 0 0 40px;
  }
  .result_list.application li:first-child ul:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    display: inline-block;
    width: 1px;
    height: 114px;
    margin-left: 12px;
    background: #dadbdc;
  }
  .result_list.application li li {
    display: table-cell;
    width: 100%;
    border: 0;
  }
  .result_list.application li li:after {
    content: "";
    display: block;
    clear: both;
  }
  .result_list.application li .tit .f-color {
    display: inline-block;
    color: #002c5f;
  }
  .result_list.application li .txt .del {
    margin-right: 4px;
    font-style: normal;
    text-decoration: line-through;
  }
  .result_list.application li li.discount {
    position: relative;
    padding-right: 33%;
  }
  .result_list.application li.discount .tit {
    width: 100%;
    line-height: 1.4;
  }
  .result_list.application li.discount .txt {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .result_list.application li.total {
    float: none;
    width: 100%;
    padding: 16px 0 12px;
    border-top: 1px solid #dadbdc;
  }
  .result_list.application li.total ul {
    padding: 0;
  }
  .result_list.application li.total li {
    width: 50%;
    padding: 0 0 0 40px;
    border: 0;
  }
  .result_list.application li.total li:first-child {
    padding: 0 40px 0 0;
  }
  .result_list.application li.total .tit {
    font-weight: 600;
    float: left;
    width: auto;
    margin: 0;
    font-size: 18px;
    line-height: 32px;
  }
  .result_list.application li.total .txt {
    font-weight: 600;
    float: right;
    margin: 0;
    width: auto;
    font-size: 32px;
    text-align: right;
  }
  .result_list.application li.total .txt.f-color {
    color: #002c5f;
  }
  .con_file_upload .description {
    font-weight: 600;
    margin: 5px 0 10px;
    font-size: 14px;
  }
  .con_file_upload .description strong {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    font-size: 16px;
  }
  .con_file_upload .upload_box {
    overflow: hidden;
    position: relative;
    padding-left: 33%;
    margin-bottom: 10px;
    border: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box + .upload_box {
    margin-top: 10px;
  }
  .con_file_upload .upload_box .upload_tit {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 33%;
    box-sizing: border-box;
    background-color: #f4f6f8;
  }
  .con_file_upload .upload_box .upload_tit .text_area {
    position: relative;
    padding: 30px 40px 16px 69px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .number {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    left: 30px;
    top: 29px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #002c5f;
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 32px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .text {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .blt {
    position: relative;
    padding-left: 11px;
  }
  .con_file_upload .upload_box .upload_tit .text_area .blt:before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
  }
  .con_file_upload .upload_box .file_list {
    padding: 35px 40px;
    border-top: 0;
  }
  .con_file_upload .upload_box .file_list .item {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding: 24px 0 16px;
    border-top: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box .file_list .item:first-child {
    padding-top: 0;
    border-top: 0;
  }
  .con_file_upload .upload_box .file_list .item:last-child {
    padding-bottom: 0;
  }
  .con_file_upload .upload_box .file_list .item .title {
    font-weight: 600;
    font-size: 18px;
  }
  .con_file_upload .upload_box .file_list .item .name {
    font-weight: normal;
    font-size: 16px;
  }
  .con_file_upload .upload_box .file_list .item:after {
    content: "";
    display: block;
    clear: both;
  }
  .con_file_upload .upload_box .file_list .item .filename_area {
    padding-right: 240px;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area {
    position: absolute;
    right: 170px;
    top: 35px;
  }
  .con_file_upload .upload_box .file_list .item .btn-area {
    position: absolute;
    right: 0;
    top: 30px;
    width: 120px;
  }
  .con_file_upload .upload_box .file_list .item:first-child .s_btn_area {
    top: 15px;
  }
  .con_file_upload .upload_box .file_list .item:first-child .btn-area {
    top: 10px;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: 10px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn-delete {
    background: #dbdde1 url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/ico/ico_delete.png") no-repeat 0 0;
    background-size: 30px 30px;
  }
  .con_file_upload .upload_box .file_list .item .s_btn_area .btn-preview {
    background: #dbdde1 url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/ico/ico_preview.png") no-repeat 0 0;
    background-size: 30px 30px;
  }
  .con_file_upload .upload_box .submit_select {
    padding: 26px 40px;
  }
  .con_file_upload .upload_box .submit_select:after {
    content: "";
    display: block;
    clear: both;
  }
  .con_file_upload .upload_box .submit_select .select-box {
    width: 100%;
  }
  .con_file_upload .upload_box .submit_select .select-box select {
    width: 100%;
  }
  .con_file_upload .upload_box .submit_select .select-box label {
    display: none;
  }
  .con_file_upload .upload_box .submit_select .selec_area {
    position: relative;
    float: left;
    width: 50%;
  }
  .con_file_upload .upload_box .submit_select .upload_online {
    padding-right: 30px;
    padding-left: 0;
    border-right: 1px solid #dadbdc;
  }
  .con_file_upload .upload_box .submit_select .radio_area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 16px;
    font-size: 18px;
  }
  .con_file_upload .upload_box .submit_select .file_list .item .filename_area {
    float: none;
    width: 100%;
    padding-right: 80px;
  }
  .con_file_upload .upload_box .submit_select .file_list .item .s_btn_area {
    position: absolute;
    width: auto;
    right: 0;
    top: auto;
    bottom: 34px;
    height: 30px;
    overflow: hidden;
  }
  .con_file_upload .upload_box .submit_select .file_list .item .s_btn_area a {
    display: inline-block;
  }
  .con_file_upload .upload_box .submit_select .sales_consultant {
    padding-left: 30px;
  }
  .con_file_upload .upload_box .submit_select .selec_area .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
  }
  .con_file_upload .upload_box .submit_select .file_list {
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .con_file_upload .upload_box .submit_select .blt {
    position: relative;
    margin-top: 8px;
    padding-left: 11px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .blt:before {
    content: "*";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
  }
  .con_file_upload .upload_box .submit_select .btn-area {
    padding: 20px 0 0;
  }
  .con_file_upload .upload_box .submit_select .text_area dl {
    padding: 30px 0 0;
  }
  .con_file_upload .upload_box .submit_select .text_area dl:last-child {
    padding-top: 10px;
  }
  .con_file_upload .upload_box .submit_select .text_area dt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .text_area dd {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding-left: 9px;
    font-size: 14px;
  }
  .con_file_upload .upload_box .submit_select .text_area dd:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
  }
  .con_loc_schedule {
    position: relative;
    padding-right: 33%;
  }
  .con_loc_schedule .con_mapbox {
    overflow: hidden;
    margin-right: 8px;
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .con_loc_schedule .calendar-wrap {
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 33%;
    height: 30px;
    box-sizing: border-box;
    height: 100%;
    border: 1px solid #e3e3e3;
  }
  .con_loc_schedule .calendar-wrap .inner_calendar {
    height: auto;
  }
  .con_loc_schedule .calendar-wrap .calendar {
    border: 0;
  }
  .con_mapbox .map_area {
    float: left;
    width: 52%;
    padding: 0;
  }
  .con_mapbox .text_area {
    float: right;
    width: 48%;
    padding: 0 30px 0;
  }
  .con_mapbox .text_area .s_stitle {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 0;
    padding: 40px 0 11px;
    border-bottom: 1px solid #212121;
    font-size: 18px;
  }
  .con_mapbox .text_area .add-list {
    font-size: 14px;
  }
  .con_mapbox .text_area dl {
    padding: 16px 0 0;
  }
  .con_mapbox .text_area dt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 14px;
  }
  .con_mapbox .text_area dd {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
    padding-left: 9px;
    font-size: 14px;
  }
  .con_mapbox .text_area dd:before {
    content: " ";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
  }
  .con_mapbox .form-write-box {
    padding: 25px 50px 30px;
  }
  .con_mapbox .form-write-box .f-title {
    font-weight: 600;
    padding: 10px 0;
    border-bottom: 1px solid #212121;
    font-size: 18px;
  }
  .con_mapbox .form-write-list .write-item {
    position: relative;
    margin-top: 20px;
    padding-left: 165px;
  }
  .con_mapbox .form-write-list .write-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 150px;
  }
  .con_mapbox .form-write-list .write-item input[type=text] {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .con_preferred_fix {
    padding-left: 20%;
  }
  .con_preferred_fix .fix_bank_box {
    width: 20%;
  }
  .con_preferred_fix .fix_bank_box .bank-percent {
    padding-top: 6px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .name {
    font-weight: 900;
    display: block;
    float: none;
    font-size: 20px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent span,
.con_preferred_fix .fix_bank_box .bank-percent em {
    line-height: 50px;
  }
  .con_preferred_fix .fix_bank_box .bank-percent .percent {
    padding-top: 8px;
    letter-spacing: -1px;
  }
  .con_preferred_fix .form_chek_bank li {
    width: 25%;
    height: auto;
    margin-top: 20px;
  }
  .con_preferred_fix .form_chek_bank {
    margin-top: -20px;
  }
  .con_preferred_fix .form_chek_bank li span {
    margin-left: 20px;
  }
  .con_preferred_fix .form_chek_bank li label {
    width: 100%;
    height: 60px;
    line-height: inherit;
  }
  .con_preferred_fix .form_chek_bank input[type=checkbox]:checked + label:after {
    margin-top: -22px;
  }
  .con_preferred_fix .form_chek_bank li span em.f-color {
    bottom: 9px;
  }
  .con_preferred_fix .form_chek_bank li span em.dc {
    text-decoration: line-through;
    color: #212121;
  }
  .con_preferred_fix .form_chek_bank li.checked span em.f-color {
    bottom: 8px;
  }
  .con_calculation.finance .price_loan {
    padding: 38px 50px 40px;
  }
  .con_file_upload .upload_box .submit_select .upload_online {
    padding-right: 40px;
  }
  .con_file_upload .upload_box .submit_select .sales_consultant {
    padding-left: 40px;
  }
  .con_file_upload .upload_box {
    margin-bottom: 20px;
  }
  .con_loc_schedule .con_mapbox {
    margin-right: 20px;
  }
  .result_list.application li:first-child ul {
    margin-right: 0;
  }
  .result_list.application li:first-child ul:after {
    top: 40px;
  }
  .result_list.application li.total {
    padding: 18px 0 16px;
  }
  .result_list.application li.total ul {
    margin: 0;
  }
  .con_mapbox .text_area {
    padding: 0 40px 0;
  }
  .con_loc_schedule {
    padding-right: 32%;
  }
  .con_loc_schedule .calendar-wrap {
    width: 32%;
  }
}
/* Driveaway Price */
@media (min-width: 1024px) {
  .layer-wrap .layer.driveaway-price {
    width: 580px;
  }
}
.layer-wrap .layer.features .features-list li {
  position: relative;
  padding-left: 10px;
}

.layer-wrap .layer.features .features-list li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background-color: #000;
  border-radius: 50%;
}

/* buy-online */
.layer-wrap .layer.buy-online .order-login-signup .showroom-area .txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 13px 0;
  font-size: 20px;
  text-align: center;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .info {
  padding: 13px 20px 15px;
  text-align: left;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .info dt {
  font-weight: 600;
  font-size: 16px;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .info dd {
  position: relative;
  padding-left: 10px;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .info dd::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area {
  border: 1px solid #e3e3e3;
}

.layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area .map img {
  width: 100%;
}

.layer-wrap .layer.buy-online .order-login-signup .c-title {
  display: block;
}

.layer-wrap .layer.buy-online .order-login-signup .content {
  padding-top: 0;
  padding-bottom: 20px;
}

.layer-wrap .layer.buy-online .order-login-signup .btn-area {
  margin-top: 20px;
  padding-top: 20px;
}

.layer-wrap .layer.buy-online .order-login-signup .sign-up .btn-area {
  padding-top: 0;
}

@media (min-width: 1024px) {
  .layer-wrap .layer.buy-online {
    width: 860px;
    max-width: inherit;
  }
  .layer-wrap .layer.buy-online .order-login-signup {
    padding: 0;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area {
    padding: 0 140px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .txt {
    margin: 9px 0 24px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .txt .nowrap {
    display: block;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area {
    position: relative;
    min-width: 1px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area .map {
    float: left;
    width: 50%;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area .info-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    align-items: center;
  }
  .layer-wrap .layer.buy-online .order-login-signup .showroom-area .map-area .info-wrap .info {
    text-align: left;
  }
  .layer-wrap .layer.buy-online .order-login-signup .order-wrap {
    margin: 0 140px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .content .required-field {
    top: -33px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .sign-up {
    margin: 0 -140px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .sign-up .btn-wrap {
    margin: 0 210px;
  }
  .layer-wrap .layer.buy-online .order-login-signup .btn-area {
    margin-top: 30px;
    padding-top: 30px;
  }
}
/* option selector wrap */
.layer-wrap .layer.option-selector-wrap .wheels-list {
  position: relative;
  margin-left: 8px;
}

.layer-wrap .layer.option-selector-wrap .wheels-list::after {
  content: "";
  display: block;
  clear: both;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .list-item {
  position: relative;
  float: left;
  width: 50%;
  margin-top: 10px;
  margin-left: 8px;
  border: 1px solid #dedede;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(2n-1) {
  margin-left: -8px;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(1),
.layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(2) {
  margin-top: 0;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .item-img,
.layer-wrap .layer.option-selector-wrap .wheels-list .item-img img {
  display: block;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .item-txt {
  font-weight: 600;
  display: block;
  font-size: 14px;
  line-height: 1.5;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .item-txt.price {
  font-weight: 400;
  padding-bottom: 8px;
}

.layer-wrap .layer.option-selector-wrap .wheels-list .is-active .item-select::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 2px solid #212121;
}

@media (min-width: 1024px) {
  .layer-wrap .layer.option-selector-wrap {
    width: 860px;
    max-width: inherit;
  }
  .layer-wrap .layer.option-selector-wrap .wheels-list {
    position: relative;
    margin: 0 -1% 0 40px;
  }
  .layer-wrap .layer.option-selector-wrap .wheels-list .list-item {
    width: 33%;
    margin: 20px 0 0 20px;
  }
  .layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(2n-1) {
    margin-left: 20px;
  }
  .layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(3n-2) {
    margin-left: -40px;
  }
  .layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(1),
.layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(2),
.layer-wrap .layer.option-selector-wrap .wheels-list .list-item:nth-child(3) {
    margin-top: 0;
  }
}
/* popup accessories */
.layer-wrap .layer.accessories-view .accessories-wrap {
  margin: 5px 0;
  border: 1px solid #e3e3e3;
}

.layer-wrap .layer.accessories-view .accessories-wrap .img {
  display: block;
  margin-bottom: 14px;
}

.layer-wrap .layer.accessories-view .accessories-wrap .img img {
  display: block;
  width: 100%;
}

.layer-wrap .layer.accessories-view .accessories-wrap .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 26px;
}

.layer-wrap .layer.accessories-view .accessories-wrap .info {
  padding: 15px 20px 45px;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list {
  position: relative;
  width: 100%;
  margin-top: 20px;
  border: 1px solid #e3e3e3;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list::after {
  content: "";
  display: block;
  clear: both;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list:first-child {
  margin: 0;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .btn-item-select {
  position: relative;
  float: left;
  width: 100%;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .btn-item-select::before {
  content: "";
  display: none;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: 10;
  border: 2px solid #212121;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img {
  position: relative;
  float: left;
  width: 48%;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img img {
  width: 100%;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
  width: 52%;
  height: 100%;
  padding: 0;
  align-items: center;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .info-inner {
  padding: 0 20px;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .info-inner .tit-wrap {
  overflow: hidden;
  height: 42px;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .info-inner .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: -webkit-box;
  overflow: hidden;
  height: 42px;
  word-break: break-word;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .is-active .btn-item-select::before {
  display: block;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img:before,
.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img:before {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img:after {
  width: 10px;
  height: 16px;
  margin-top: -2px;
  box-sizing: border-box;
  border-right: 2px solid #002c5f;
  border-bottom: 2px solid #002c5f;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .is-active .img:before,
.layer-wrap .layer.accessories .accessories-wrap .item-wrap .is-active .img:after {
  opacity: 1;
}

.layer-wrap .layer.accessories .accessories-wrap .item-wrap .is-active .img:after {
  transform: translate(-50%, -50%) rotate(45deg);
  transition-delay: 0.2s;
}

@media (min-width: 1024px) {
  .layer-wrap .layer.accessories-view {
    width: 860px;
    max-width: inherit;
  }
  .layer-wrap .layer.accessories-view .accessories-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer-wrap .layer.accessories-view .accessories-wrap .img {
    float: left;
    width: 398px;
    margin: 0;
  }
  .layer-wrap .layer.accessories-view .accessories-wrap .info {
    float: left;
    width: 420px;
    padding: 32px 30px 45px;
  }
  .layer-wrap .layer.accessories {
    width: 860px;
    max-width: inherit;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap {
    min-width: 1px;
    margin-left: 20px;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list {
    float: left;
    width: 50%;
    margin: 20px 0 0 20px;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list:nth-child(2n-1) {
    margin-left: -20px;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list:nth-child(1),
.layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list:nth-child(2) {
    margin-top: 0;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .img {
    width: 44%;
  }
  .layer-wrap .layer.accessories .accessories-wrap .item-wrap .item-list .info {
    width: 56%;
  }
}
/* popup your-offers */
.layer-wrap .layer.your-offers .offers-wrap .offers-box {
  display: block;
}

/* popup delivery */
.delivery .con_preferred {
  padding-bottom: 10px;
}

.delivery .delivery-wrap .company-wrap {
  margin-bottom: 30px;
}

.delivery .delivery-wrap .company-wrap .company-area {
  display: none;
}

.delivery .delivery-wrap .company-wrap .company-area.is-active {
  display: block;
}

.delivery .delivery-wrap .company-wrap .company-area .home-delivery-wrap {
  padding: 15px 20px 20px;
  border: 1px solid #e3e3e3;
}

.delivery .delivery-wrap .company-wrap .company-area .cont-section {
  padding-bottom: 30px;
}

.delivery .delivery-wrap .company-wrap .company-area .cont-section:last-child {
  padding-bottom: 0;
}

.delivery .delivery-wrap .company-wrap .company-area .cont-section .page-sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
  font-size: 1.8rem;
}

.delivery .delivery-wrap .company-wrap .company-area .row {
  padding-top: 30px;
}

.delivery .delivery-wrap .company-wrap .company-area .row:first-child {
  padding-top: 0;
}

.delivery .delivery-wrap .company-wrap .company-area .street-address input:last-child {
  margin-top: 15px;
}

.delivery .delivery-wrap .company-wrap .company-area label {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.delivery .delivery-wrap .company-wrap .company {
  margin-bottom: 20px;
  padding: 15px 20px;
  border: 1px solid #e3e3e3;
}

.delivery .delivery-wrap .company-wrap .company .tit {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.delivery .delivery-wrap .company-wrap .company .info {
  padding: 15px 0 0;
  border-top: 1px solid #212121;
}

.delivery .delivery-wrap .company-wrap .company .info li {
  position: relative;
  padding-left: 10px;
}

.delivery .delivery-wrap .company-wrap .company .info li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}

.delivery .delivery-wrap .company-wrap .map-area {
  overflow: hidden;
  border: 1px solid #e3e3e3;
}

.delivery .delivery-wrap .company-wrap .map-area iframe,
.delivery .delivery-wrap .company-wrap .map-area img {
  width: 100%;
}

.delivery .delivery-wrap .select-wrap .select-date {
  margin-bottom: 20px;
  padding: 15px 20px;
  border: 1px solid #e3e3e3;
}

.delivery .delivery-wrap .select-wrap .select-date .tit {
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
}

.delivery .delivery-wrap .select-wrap .select-date .info {
  padding: 15px 0 0;
  border-top: 1px solid #212121;
}

.delivery .delivery-wrap .select-wrap .select-date .info li {
  position: relative;
  padding-left: 10px;
}

.delivery .delivery-wrap .select-wrap .select-date .info li::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 50%;
}

.delivery .delivery-wrap .select-wrap .select-date .info li .dash {
  position: relative;
  padding-left: 10px;
}

.delivery .delivery-wrap .select-wrap .select-date .info li .dash::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.delivery .delivery-wrap .time-wrap {
  margin-top: 30px;
  padding: 15px 20px;
  border: 1px solid #e3e3e3;
}

.delivery .delivery-wrap .time-wrap .tit {
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
}

.delivery .delivery-wrap .time-wrap .select li {
  margin-top: 10px;
}

.delivery .delivery-wrap .time-wrap .select li:first-child {
  margin: 0;
}

.layer.delivery .delivery-wrap {
  margin: 5px 0;
}

@media (min-width: 1024px) {
  .layer.delivery {
    width: 860px;
    max-width: inherit;
  }
  .delivery .con_preferred {
    padding-bottom: 18px;
  }
  .delivery .delivery-wrap {
    min-width: 1px;
    margin-left: 8px;
  }
  .delivery .delivery-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .delivery .delivery-wrap .company-wrap {
    float: left;
    width: 50%;
    margin-left: -8px;
  }
  .delivery .delivery-wrap .company-wrap .company .info {
    min-height: 79px;
  }
  .delivery .delivery-wrap .company-wrap .map-area .map {
    overflow: hidden;
    height: 362px;
  }
  .delivery .delivery-wrap .company-wrap .map-area .map iframe,
.delivery .delivery-wrap .company-wrap .map-area .map img {
    position: relative;
    left: 50%;
    width: auto;
    max-width: inherit;
    height: 100%;
    transform: translateX(-50%);
  }
  .delivery .delivery-wrap .select-wrap {
    float: left;
    width: 50%;
    margin-left: 8px;
  }
  .delivery .delivery-wrap .select-wrap .select-date .info {
    min-height: 79px;
  }
  .delivery .delivery-wrap .time-wrap .select {
    min-width: 1px;
  }
  .delivery .delivery-wrap .time-wrap .select::after {
    content: "";
    display: block;
    clear: both;
  }
  .delivery .delivery-wrap .time-wrap .select li {
    float: left;
    width: 50%;
    margin: 0;
  }
  .delivery .delivery-wrap .time-wrap .select li:nth-child(2n-1) {
    margin-left: 0;
  }
  .delivery .delivery-wrap .time-wrap .select li label {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .layer.delivery .delivery-wrap {
    margin-left: 20px;
  }
  .layer.delivery .delivery-wrap .con_preferred {
    margin-left: -20px;
  }
  .layer.delivery .delivery-wrap .con_preferred .form_radio_bank {
    margin: 0;
  }
  .layer.delivery .delivery-wrap .con_preferred .form_radio_bank li {
    width: calc(50% - 10px);
    margin-left: 20px;
  }
  .layer.delivery .delivery-wrap .con_preferred .form_radio_bank li:first-child {
    margin-left: 0;
  }
  .layer.delivery .delivery-wrap .company-wrap {
    float: left;
    width: 50%;
    margin-left: -20px;
  }
  .layer.delivery .delivery-wrap .select-wrap {
    float: left;
    width: 50%;
    margin-left: 20px;
  }
  .layer.delivery .delivery-wrap .company-wrap .map-area .map iframe,
.layer.delivery .delivery-wrap .company-wrap .map-area .map img {
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1280px) {
  .delivery .con_preferred .form_radio_bank {
    margin: 0;
  }
  .delivery .con_preferred .form_radio_bank li {
    width: calc(50% - 10px);
    margin-left: 20px;
  }
  .delivery .con_preferred .form_radio_bank li:first-child {
    margin-left: 0;
  }
  .delivery .delivery-wrap {
    margin-left: 20px;
  }
  .delivery .delivery-wrap .company-wrap {
    margin-left: -20px;
  }
  .delivery .delivery-wrap .select-wrap {
    margin-left: 20px;
  }
}
/* popup finance */
.finance-wrap {
  position: relative;
}

.finance-area {
  padding: 15px 20px;
  border: 1px solid #e3e3e3;
  border-bottom: none;
}

.finance-area.tradein-area {
  padding: 15px;
  border: 1px solid #e3e3e3;
}

.finance-area .total-price-wrap .sub-tit {
  font-weight: 900;
  display: block;
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 24px;
}

.finance-area .total-price-wrap .sub-tit .btn-question {
  margin-left: 10px;
}

.finance-area .total-price-wrap .price {
  font-weight: 900;
  margin-bottom: 15px;
  font-size: 20px;
  text-align: right;
}

.finance-area .total-price-wrap .price-info {
  border-top: 1px solid #212121;
}

.finance-area .total-price-wrap .price-info li {
  padding: 15px 0 20px;
  border-top: 1px solid #e3e3e3;
}

.finance-area .total-price-wrap .price-info li:first-child {
  border-top: none;
}

.finance-area .total-price-wrap .price-info li .payment-wrap {
  position: relative;
  padding-left: 20px;
}

.finance-area .total-price-wrap .price-info li label {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  height: 46px;
  line-height: 46px;
}

.finance-area .total-price-wrap .price-info li input[type=text],
.finance-area .total-price-wrap .price-info li input[type=number] {
  width: 100%;
  text-align: right;
}

.finance-area .total-price-wrap .price-info .down .sub-tit,
.finance-area .total-price-wrap .price-info .loan .sub-tit {
  font-weight: normal;
}

.finance-area .repayment-period-wrap {
  padding: 12px 0 0;
  border-top: 1px solid #212121;
}

.finance-area .repayment-period-wrap .sub-tit {
  margin-bottom: 5px;
}

.finance-area .repayment-period-wrap .select {
  min-width: 1px;
  margin-bottom: 20px;
}

.finance-area .repayment-period-wrap .select::after {
  content: "";
  display: block;
  clear: both;
}

.finance-area .repayment-period-wrap .select li {
  float: left;
  width: 50%;
  margin: 10px 0 0;
}

.finance-area .repayment-period-wrap .select li:nth-child(1),
.finance-area .repayment-period-wrap .select li:nth-child(2) {
  margin: 0;
}

.finance-area .repayment-period-wrap .repayment-inner {
  border-top: 1px solid #e3e3e3;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-rate {
  padding: 15px 0 20px;
}

.finance-area .repayment-period-wrap .repayment-inner .sub-tit {
  font-weight: 400;
  margin-bottom: 5px;
  font-size: 16px;
}

.finance-area .repayment-period-wrap .repayment-inner .sub-tit .rate {
  font-weight: 600;
  margin-left: 5px;
}

.finance-area .repayment-period-wrap .repayment-inner .sub-tit .rate .unit {
  margin-left: 5px;
}

.finance-area .repayment-period-wrap .repayment-inner .sub-tit.dash {
  position: relative;
  padding-left: 10px;
}

.finance-area .repayment-period-wrap .repayment-inner .sub-tit.dash::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view {
  position: relative;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view .slider-wrap {
  position: relative;
  margin-top: 20px;
  padding: 0 0 42px 0;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-slider {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 15px;
  background-color: #8b949f;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-slider .ui-slider-horizontal .ui-slider-range {
  left: -10px;
  right: -10px;
  background-color: #00aad2;
  border-radius: 15px;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-slider .ui-slider .ui-slider-handle {
  top: -8px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #00aad2;
  outline: none;
  cursor: pointer;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-slider .ui-slider .ui-slider-handle .value {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 32px;
  left: -1px;
  width: 22px;
  height: 42px;
  font-size: 16px;
  color: #212121;
  text-align: center;
  pointer-events: none;
  outline: none;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-slider > div {
  height: 5px;
  margin: 0 10px;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  font-size: 0;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge span {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  display: inline-block;
  width: 22px;
  padding-top: 18px;
  color: #8b949f;
  font-size: 16px;
  text-align: center;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background-color: #8b949f;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge .first {
  position: absolute;
  top: 0;
  left: 0;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge .last {
  position: absolute;
  top: 0;
  right: 0;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge span.is-active {
  color: #212121;
}

.finance-area .repayment-period-wrap .repayment-inner .loan-gauge.first .first,
.finance-area .repayment-period-wrap .repayment-inner .loan-gauge.last .last {
  display: none;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 {
  padding-right: 120px;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .input-interest-rate {
  width: 100%;
  height: 50px;
  text-align: right;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-plus {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #666;
  text-indent: -9999px;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-plus::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 16px;
  margin: -8px 0 0 -1px;
  background-color: #fff;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-plus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  background-color: #fff;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-minus {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 60px;
  width: 50px;
  height: 50px;
  background-color: #e3e3e3;
  text-indent: -9999px;
}

.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-minus::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
  background-color: #fff;
}

.finance-wrap .driveaway-price-area .driveaway-price-wrap {
  padding: 15px 20px 13px;
  border: 1px solid #e3e3e3;
  background-color: #f1f2f5;
}

.finance-wrap .driveaway-price-area .driveaway-price-wrap .price {
  font-weight: 900;
  margin-bottom: 13px;
  font-size: 32px;
  text-align: center;
}

.finance-wrap .driveaway-price-area .driveaway-price-wrap .text {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-align: center;
}

.finance-wrap .driveaway-price-area .driveaway-price-wrap .text .inner {
  position: relative;
  margin-right: -34px;
  padding-right: 34px;
}

.finance-wrap .driveaway-price-area .driveaway-price-wrap .text .inner .i-import {
  position: absolute;
  top: -1px;
  right: 0;
}

.finance-wrap .range-price-wrap {
  padding: 30px 20px;
  border-top: 1px solid #d5d6da;
  border-bottom: 1px solid #e3e3e3;
  background-color: #1f2731;
  text-align: center;
}

.finance-wrap .range-price-wrap .price {
  font-weight: 900;
  font-size: 36px;
  color: #fff;
  text-align: center;
}

.finance-wrap .range-price-wrap .date-range {
  min-width: 1px;
  margin: 27px -1% 0 0;
}

.finance-wrap .range-price-wrap .date-range::after {
  content: "";
  display: block;
  clear: both;
}

.finance-wrap .range-price-wrap .date-range li {
  position: relative;
  float: left;
  width: 33%;
}

.finance-wrap .range-price-wrap .date-range li::before {
  content: "";
  position: absolute;
  top: 4px;
  width: 1px;
  height: 12px;
  background-color: #54585d;
}

.finance-wrap .range-price-wrap .date-range li:first-child::before {
  display: none;
}

.finance-wrap .range-price-wrap .date-range li a {
  display: block;
  font-size: 15px;
  color: #888888;
  text-align: center;
}

.finance-wrap .range-price-wrap .date-range li a:hover,
.finance-wrap .range-price-wrap .date-range li.is-active a {
  font-weight: 600;
  color: #fff;
}

.buy-online .finance .bottom-txt {
  padding: 15px 0 0;
  font-size: 14px;
}

.buy-online .finance .disabled-dimmed {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.8);
}

.buy-online .finance .disabled-dimmed .text-area {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  padding: 45px 20px 0;
  font-size: 20px;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.buy-online .finance .disabled-dimmed .text-area:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  width: 32px;
  height: 31px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -213px -103px;
  background-repeat: no-repeat;
  background-size: 400px;
}

.buy-online .finance .disabled-dimmed.is-active {
  display: none;
}

.buy-online .finance .btn-area {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}

.buy-online .finance .finance-wrap .finance-area {
  display: none;
}

.buy-online .finance .finance-wrap .finance-area.is-active {
  display: block;
}

.finance-area .total-price-wrap.no-finance .price-info .down {
  border-bottom: 1px solid #000;
}

.finance-area .total-price-wrap.no-finance .price-info .down .sub-tit {
  font-weight: 900;
}

.no-financing .bottom-price-box.range-price-wrap {
  display: none;
}

.bottom-floating-area.no-financing .cont-area-wrap .price-info .repayment-period {
  display: none;
}

.bottom-floating-area.no-financing .cont-area-wrap .price-info .driveaway-price {
  width: 100%;
}

.bottom-floating-area.no-financing .cont-area-wrap .price-info .driveaway-price::after {
  content: none;
}

@media (min-width: 1024px) {
  .layer.finance {
    width: 860px;
    max-width: inherit;
  }
  .layer.finance .finance-wrap .driveaway-price-area .driveaway-price-wrap {
    border-top: none;
  }
  .layer.finance .finance-wrap .range-price-wrap {
    border-top: none;
  }
  .finance-area {
    padding: 24px 30px 15px;
  }
  .finance-area .total-price-wrap .price-info li {
    min-width: 1px;
    padding: 10px 0;
  }
  .finance-area .total-price-wrap .price-info li::after {
    content: "";
    display: block;
    clear: both;
  }
  .finance-area .total-price-wrap .sub-tit {
    float: left;
    width: 44%;
    margin-top: 15px;
  }
  .finance-area .total-price-wrap > .sub-tit {
    margin: 8px 0 0;
  }
  .finance-area .total-price-wrap .price {
    float: right;
    font-size: 24px;
  }
  .finance-area .total-price-wrap .price-info-wrap {
    clear: both;
  }
  .finance-area .total-price-wrap .price-info .payment-wrap {
    float: left;
    width: 56%;
  }
  .finance-area .repayment-period-wrap {
    min-width: 1px;
    padding: 0;
  }
  .finance-area .repayment-period-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .finance-area .repayment-period-wrap .sub-tit {
    float: left;
    width: 44%;
    margin: 17px 0 19px;
    font-size: 2rem;
  }
  .finance-area .repayment-period-wrap .select {
    float: left;
    width: 56%;
    margin: 24px 0 0;
  }
  .finance-area .repayment-period-wrap .select li {
    width: auto;
    margin: 0;
  }
  .finance-area .repayment-period-wrap .select li:nth-child(1) {
    width: 32%;
  }
  .finance-area .repayment-period-wrap .select li:nth-child(2) {
    width: 38%;
  }
  .finance-area .repayment-period-wrap .select li:nth-child(3) {
    width: 30%;
  }
  .finance-area .repayment-period-wrap .repayment-inner {
    clear: both;
    border-top: none;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-rate {
    min-width: 1px;
    padding: 10px 0;
    border-top: 1px solid #dbdde1;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-rate .sub-tit {
    margin-top: 11px;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-rate::after {
    content: "";
    display: block;
    clear: both;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-rate:first-child {
    margin: 0;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-view {
    float: left;
    width: 56%;
    height: 46px;
    margin-top: 18px;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-view .slider-wrap {
    position: relative;
    margin: 0;
    padding: 0;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 {
    margin: 0;
    padding-right: 250px;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .input-interest-rate {
    position: absolute;
    top: 0;
    right: 120px;
    width: 120px;
    height: 46px;
  }
  .finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-plus,
.finance-area .repayment-period-wrap .repayment-inner .interest-view.type02 .btn-minus {
    height: 46px;
  }
  .finance-wrap .driveaway-price-area {
    min-width: 1px;
    padding: 0;
    border: 1px solid #e3e3e3;
    border-top: none;
  }
  .finance-wrap .driveaway-price-area::after {
    content: "";
    display: block;
    clear: both;
  }
  .finance-wrap .driveaway-price-area .driveaway-price-wrap {
    float: left;
    width: 50%;
    padding: 26px 20px 30px;
    border: none;
    border-top: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .finance-wrap .driveaway-price-area .driveaway-price-wrap .price {
    font-weight: 900;
    margin-bottom: 4px;
    font-size: 32px;
    line-height: 54px;
    text-align: center;
  }
  .finance-wrap .driveaway-price-area .driveaway-price-wrap .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    text-align: center;
  }
  .finance-wrap .driveaway-price-area .driveaway-price-wrap .text .inner {
    position: relative;
    margin-right: -34px;
    padding-right: 34px;
  }
  .finance-wrap .driveaway-price-area .driveaway-price-wrap .text .inner .i-import {
    position: absolute;
    top: -1px;
    right: 0;
  }
  .finance-wrap .range-price-wrap {
    float: left;
    width: 50%;
    padding: 30px 20px;
    border-top: 1px solid #d5d6da;
    border-bottom: none;
    background-color: #1f2731;
    text-align: center;
  }
  .finance-wrap .range-price-wrap .price {
    font-weight: 900;
    font-size: 36px;
    color: #fff;
    text-align: center;
  }
  .finance-wrap .range-price-wrap .date-range {
    min-width: 1px;
    margin: 18px -1% 0 0;
  }
  .finance-wrap .range-price-wrap .date-range::after {
    content: "";
    display: block;
    clear: both;
  }
  .finance-wrap .range-price-wrap .date-range li {
    position: relative;
    float: left;
    width: 33%;
  }
  .finance-wrap .range-price-wrap .date-range li::before {
    content: "";
    position: absolute;
    top: 4px;
    width: 1px;
    height: 12px;
    background-color: #54585d;
  }
  .finance-wrap .range-price-wrap .date-range li:first-child::before {
    display: none;
  }
  .finance-wrap .range-price-wrap .date-range li a {
    display: block;
    font-size: 15px;
    color: #888888;
    text-align: center;
  }
  .finance-wrap .range-price-wrap .date-range li a:hover,
.finance-wrap .range-price-wrap .date-range li.is-active a {
    font-weight: 600;
    color: #fff;
  }
  .buy-online .finance .bottom-txt {
    padding: 25px 0 0;
  }
  .buy-online .finance .btn-area {
    margin-top: 30px;
    padding-top: 30px;
  }
  .finance-wrap.is-not-financing .driveaway-price-area .driveaway-price-wrap {
    width: 100%;
  }
  .finance-wrap.is-not-financing .finance-area {
    padding-bottom: 20px;
  }
  .offers-type.finance.finance-wrap.is-not-financing .driveaway-price-area .driveaway-price-wrap {
    border: none;
    border-top: 1px solid #e3e3e3;
  }
  .layer.finance.finance-wrap .driveaway-price-area {
    border-top: 1px solid #e3e3e3;
  }
  .layer.finance .finance-wrap.is-not-financing .driveaway-price-area .driveaway-price-wrap {
    border: none;
  }
}
/* Trade-in  */
.layer-wrap .layer.trade-in > .layer-cont {
  padding: 0 0 15px;
}

.layer.trade-in .section {
  padding: 0 20px;
}

.layer.trade-in .section.cont-section {
  padding: 23px 20px;
}

.layer.trade-in .section.cont-section > .sub-tit {
  padding-bottom: 8px;
  border-bottom: 2px solid #212121;
}

.layer.trade-in .section.cont-section .label-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
}

.layer.trade-in .section.cont-section input[type=text] {
  width: 100%;
}

.layer.trade-in .step-box {
  padding: 0;
  background-color: #303945;
}

.layer.trade-in .step-box .step-list {
  margin-top: 0;
}

.layer.trade-in .step-box .step-list .step .num {
  background-color: #666;
}

.layer.trade-in .step-box .step-list .step.on .num {
  background-color: #303945;
}

.layer.trade-in .step-box .step-list .step.on .num:before {
  background-color: #303945;
}

.layer.trade-in .section.cont-section .row {
  min-width: 1px;
  margin-top: 15px;
}

.layer.trade-in .section.cont-section .row::after {
  content: "";
  display: block;
  clear: both;
}

.layer.trade-in .section.cont-section .row:first-child {
  margin-top: 0;
}

.layer.trade-in .section.cont-section .trade-in-wrap::after {
  content: "";
  display: block;
  clear: both;
}

.layer.trade-in .section.cont-section .vehicle-specs-wrap {
  padding-top: 5px;
}

.layer.trade-in .section.cont-section .vehicle-specs-wrap .model {
  display: block;
  margin-bottom: 15px;
  padding: 15px 5px;
  font-size: 1.8rem;
  background-color: #f1f2f5;
  text-align: center;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .col {
  margin-top: 15px;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .col:first-child {
  margin: 0;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .model {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 25px;
  font-size: 3.2rem;
  line-height: 1.3;
  color: #212121;
  text-align: center;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .model .car {
  display: inline-block;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .price-range {
  margin-bottom: 15px;
  padding: 15px 0 20px;
  text-align: center;
  background-color: #212121;
  color: #fff;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .price-range .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.8rem;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .price-range .desc {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .price-range .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 3.2rem;
  line-height: 1.3;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .info-model {
  margin-bottom: 30px;
  font-size: 1.4rem;
  text-align: center;
}

.layer.trade-in .section.cont-section .your-valuation-wrap .info-trade-in {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding-bottom: 15px;
  font-size: 1.6rem;
  text-align: center;
}

.layer.trade-in .section.cont-section .sorry {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  margin-top: 40px;
  margin-bottom: 8px;
  padding-top: 134px;
  font-size: 3.2rem;
  line-height: 1.3;
  text-align: center;
}

.layer.trade-in .section.cont-section .sorry::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 110px;
  height: 102px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -111px 0;
  background-size: 400px;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}

.layer.trade-in .section.cont-section .desc {
  text-align: center;
}

.eval-form select,
.eval-form input {
  font-size: 14px;
}

.tradein-frame {
  width: 100%;
  height: 800px;
  overflow: hidden;
}
@media screen and (min-width: 860px) {
  .tradein-frame {
    height: 748px;
  }
}

.trade-in-frame {
  width: 320px;
  height: 900px;
  overflow: hidden;
}
@media screen and (min-width: 360px) {
  .trade-in-frame {
    width: 360px;
  }
}
@media screen and (min-width: 375px) {
  .trade-in-frame {
    width: 375px;
  }
}
@media screen and (min-width: 400px) {
  .trade-in-frame {
    width: 400px;
  }
}
@media screen and (min-width: 414px) {
  .trade-in-frame {
    width: 414px;
  }
}
@media screen and (min-width: 768px) {
  .trade-in-frame {
    width: 768px;
  }
}
@media screen and (min-width: 769px) {
  .trade-in-frame {
    width: 769px;
  }
}
@media screen and (min-width: 860px) {
  .trade-in-frame {
    width: 860px;
    height: 750px;
  }
}

.layer.trade-in .eval-form .section.cont-section > .sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
  font-size: 2rem;
  color: #000;
}

.layer.trade-in .btn-area .btn-t01,
.btn-area .btn-t01.btn-trade {
  width: 175px;
  margin: 20px auto;
  flex: none;
}

.layer.trade-in .step-box .step-list {
  display: none;
}

.layer.trade-in .step-box .step-tog {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  height: 50px;
  padding-left: 20px;
  background-color: #353e4a;
  color: #fff;
  font-size: 18px;
  line-height: 50px;
  transition: all 0.3s;
  cursor: pointer;
}

@media (min-width: 860px) {
  .layer.trade-in {
    width: 860px;
    max-width: inherit;
  }
  .layer.trade-in .section.cont-section {
    padding: 20px;
  }
  .layer.trade-in .section.cont-section.tradein-wrap {
    padding: 0;
  }
  .layer.trade-in .section.cont-section > .sub-tit {
    padding-bottom: 12px;
    font-size: 2.4rem;
  }
  .layer.trade-in .section.cont-section .label-tit {
    margin-bottom: 10px;
  }
  .layer.trade-in .step-box {
    background-color: #666;
  }
  .layer.trade-in .step-box {
    padding: 0 24px;
  }
  .layer.trade-in .step-box .step-tog {
    display: none;
  }
  .layer.trade-in .step-box .step-list {
    display: block !important;
    overflow: hidden;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto 0;
    box-sizing: border-box;
  }
  .layer.trade-in .step-box .step-list .step .inner:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 1px;
    height: 50px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background-color: #41474e;
  }
  .layer.trade-in .step-box .step-list .step .inner:before {
    left: 0;
  }
  .layer.trade-in .step-box .step-list .step:last-child .inner:after {
    right: 0;
  }
  .layer.trade-in .step-box .step-list .step .text {
    position: absolute;
    left: 12px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  }
  .layer.trade-in .step-box .step-list .step .text:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 9px;
    box-sizing: border-box;
    border-top: 2px solid #8b949f;
    border-right: 2px solid #8b949f;
    opacity: 0;
  }
  /* hover */
  .layer.trade-in .step-box .step-list .step .inner:before,
.layer.trade-in .step-box .step-list .step .text,
.layer.trade-in .step-box .step-list .step .text:before {
    -webkit-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
  }
  .layer.trade-in .step-box .step-list .step .text:before {
    right: 20px;
  }
  .layer.trade-in .step-box .step-list .step:hover a.inner:before {
    width: 3px;
  }
  .layer.trade-in .step-box .step-list .step:hover a .text:before {
    right: 2px;
    opacity: 1;
  }
  .layer.trade-in .step-box .step-list .step .inner {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 16px;
    display: block;
    position: relative;
    height: 90px;
    color: #8b949f;
  }
  .layer.trade-in .step-box .step-list .step .inner:after {
    content: none;
  }
  .layer.trade-in .step-box .step-list .step.on .inner .text:before {
    right: 2px;
    border-color: #002c5f;
    opacity: 1;
    background-color: #666;
    border-color: #fff;
  }
  .layer.trade-in .step-box .step-list .step {
    width: 32.5%;
    float: left;
  }
  .layer.trade-in .step-box .step-list .step.on {
    width: 34.5%;
  }
  .layer.trade-in .step-box .step-list .step .text {
    color: #a8a8a8;
  }
  .layer.trade-in .step-box .step-list .step.on .inner .text {
    color: #fff;
    background-color: #666;
  }
  .layer.trade-in .step-box .step-list .step .inner:before,
.layer.trade-in .step-box .step-list .step:last-child .inner:after {
    background-color: #888888;
  }
  .layer.trade-in .section.cont-section .trade-in-wrap {
    padding-top: 10px;
  }
  .layer.trade-in .section.cont-section .label-tit {
    margin-bottom: 8px;
  }
  .layer.trade-in .section.cont-section .col {
    width: 300px;
    margin: 0 auto;
  }
  .layer.trade-in .section.cont-section .row {
    margin-top: 24px;
  }
  .layer.trade-in .section.cont-section .col2 {
    margin: 0 0 0 20px;
  }
  .layer.trade-in .section.cont-section .col2 .col {
    float: left;
    width: 50%;
    margin-left: 20px;
  }
  .layer.trade-in .section.cont-section .col2 .col:nth-child(2n-1) {
    margin-left: -20px;
  }
  .layer.trade-in .section.cont-section .col3 {
    margin: 0 -1% 0 40px;
  }
  .layer.trade-in .section.cont-section .col3 .col {
    float: left;
    width: 33%;
    margin-left: 20px;
  }
  .layer.trade-in .section.cont-section .col3 .col:nth-child(3n-2) {
    margin-left: -40px;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap {
    max-width: 600px;
    margin: 0 auto;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .price-range {
    width: 540px;
    margin: 0 auto;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .model .car {
    display: inline;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .model .car span {
    display: block;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .price-range {
    margin-bottom: 25px;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .price-range .desc {
    margin-bottom: 13px;
    padding-bottom: 0;
  }
  .layer.trade-in .section.cont-section .nowrap {
    display: block;
  }
  .layer.trade-in .section.cont-section .your-valuation-wrap .info-trade-in {
    padding-bottom: 0;
  }
  .layer.trade-in .section.cont-section .desc {
    padding-bottom: 60px;
    line-height: 1.7;
  }
  .layer.trade-in .section.cont-section .desc .nowrap {
    display: block;
  }
}
.offers-type .wheels-wrap {
  margin: 20px 0 0;
}

.offers-type .wheels-wrap .swiper-slide {
  position: relative;
  height: auto;
  border: 1px solid #e3e3e3;
}

.offers-type .wheels-wrap .btn-select {
  display: block;
  position: relative;
  height: 100%;
}

.offers-type .wheels-wrap .item-img {
  position: relative;
}

.offers-type .wheels-wrap .item-img img {
  width: 100%;
}

.offers-type .wheels-wrap .info {
  padding: 10px 0;
}

.offers-type .wheels-wrap .info .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  overflow: hidden;
  margin: 0 10px;
  text-align: center;
}

.offers-type .wheels-wrap .info .tit strong {
  display: block;
  overflow: hidden;
  width: 100%;
  line-height: 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.offers-type .wheels-wrap .info .price {
  line-height: 1.7;
  text-align: center;
}

.offers-type .wheels-wrap .is-active .btn-select::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 10;
  border: 2px solid #000;
}

.offers-type .wheels-wrap .wheels-btn-prev,
.offers-type .wheels-wrap .wheels-btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 20;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.offers-type .wheels-wrap .wheels-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.offers-type .wheels-wrap .wheels-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.offers-type .wheels-wrap .wheels-btn-prev span,
.offers-type .wheels-wrap .wheels-btn-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.offers-type .wheels-wrap.is-over .wheels-btn-prev,
.offers-type .wheels-wrap.is-over .wheels-btn-next {
  display: block;
}

.offers-type .wheels-wrap .wheels-pagination {
  position: static;
  height: 14px;
  margin-top: 20px;
  padding: 0;
  text-align: center;
}

.offers-type .wheels-wrap .wheels-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.offers-type .wheels-wrap .wheels-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

.offers-type .accessories-total {
  font-weight: 600;
  margin: 14px 0 11px;
  font-size: 1.8rem;
}

.offers-type .accessories-total .item {
  position: relative;
  margin-right: 6px;
}

.offers-type .accessories-total .item::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 2px;
  left: 0;
  height: 2px;
  background-color: #002c5f;
}

.offers-type .accessories-wrap .swiper-slide {
  position: relative;
  height: auto;
  border: 1px solid #e3e3e3;
}

.offers-type .accessories-wrap .btn-select {
  display: block;
}

.offers-type .accessories-wrap .item-img {
  position: relative;
}

.offers-type .accessories-wrap .item-img .i-check {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.offers-type .accessories-wrap img {
  width: 100%;
}

.offers-type .accessories-wrap .info {
  position: relative;
  height: auto;
  margin: 0 10px;
  padding: 15px 0;
}

.offers-type .accessories-wrap .info .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: center;
}

.offers-type .accessories-wrap .info .tit strong {
  display: block;
  display: -webkit-box;
  line-height: 21px;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

.offers-type .accessories-wrap .info .price {
  margin-bottom: 15px;
  line-height: 17px;
  text-align: center;
}

.offers-type .accessories-wrap .info .desc {
  font-size: 13px;
  color: #666666;
  margin-bottom: 10px;
}

.offers-type .accessories-wrap .btn-view-detail {
  position: absolute;
  bottom: 10px;
  left: 8px;
  z-index: 10;
  width: calc(100% - 16px);
}

.offers-type .accessories-wrap .btn-view-detail span {
  position: relative;
}

.offers-type .accessories-wrap .btn-view-detail::before {
  display: none;
}

.offers-type .accessories-wrap .is-active .btn-select::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 10;
  border: 2px solid #000;
}

.offers-type .accessories-wrap .is-active .item-img::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}

.offers-type .accessories-wrap .is-active .item-img .i-check:before,
.offers-type .accessories-wrap .is-active .item-img .i-check:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
  -webkit-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}

.offers-type .accessories-wrap .is-active .item-img .i-check:before {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.7);
}

.offers-type .accessories-wrap .is-active .item-img .i-check:after {
  width: 10px;
  height: 16px;
  margin-top: -2px;
  box-sizing: border-box;
  border-right: 2px solid #002c5f;
  border-bottom: 2px solid #002c5f;
}

.offers-type .accessories-wrap .is-active .item-img .i-check:before,
.offers-type .accessories-wrap .is-active .item-img .i-check:after {
  opacity: 1;
}

.offers-type .accessories-wrap .is-active .item-img .i-check:after {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

.offers-type .accessories-wrap .accessories-btn-prev,
.offers-type .accessories-wrap .accessories-btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 20;
  margin-top: 29%;
  width: 40px;
  height: 40px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.offers-type .accessories-wrap .accessories-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.offers-type .accessories-wrap .accessories-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.offers-type .accessories-wrap .accessories-btn-prev span,
.offers-type .accessories-wrap .accessories-btn-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.offers-type .accessories-wrap.is-over .accessories-btn-prev,
.offers-type .accessories-wrap.is-over .accessories-btn-next {
  display: block;
}

.offers-type .accessories-wrap .accessories-pagination {
  position: static;
  height: 14px;
  margin-top: 20px;
  padding: 0;
  text-align: center;
}

.offers-type .accessories-wrap .accessories-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}

@media (min-width: 1024px) {
  .offers-type .wheels-wrap .wheels-pagination {
    margin-top: 30px;
  }
  .offers-type .accessories-total {
    margin: 32px 0 16px;
  }
  .offers-type .accessories-wrap .swiper-slide .info .tit {
    font-size: 14px;
    line-height: 25px;
  }
  .offers-type .accessories-wrap .swiper-slide .info .price {
    font-size: 14px;
    line-height: 18px;
  }
  .offers-type .accessories-wrap .swiper-slide .btn-view-detail {
    bottom: 40px;
    left: 50%;
    z-index: 10;
    width: 175px;
    transform: translateX(-50%);
  }
  .offers-type .accessories-wrap .accessories-pagination {
    margin-top: 30px;
  }
  .offers-type .wheels-wrap .info {
    padding: 0 0 20px;
  }
}
/* submit step */
@media (min-width: 0px) {
  .submit-step-area .step-wrap {
    margin: 0 auto;
    border-top: 1px solid #1f2731;
  }
  .submit-step-area .step-wrap .step-inner {
    min-width: 1px;
    margin: 0;
    padding: 26px 0 0;
  }
  .submit-step-area .step-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .submit-step-area .step {
    position: relative;
    float: left;
    width: 50%;
  }
  .submit-step-area .step::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #dadbdc;
  }
  .submit-step-area .step::after {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: "";
    position: absolute;
    bottom: -13px;
    left: 50%;
    width: 24px;
    height: 24px;
    background-color: #dadbdc;
    border-radius: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-align: center;
  }
  .submit-step-area .step:nth-child(1)::after {
    content: "1";
  }
  .submit-step-area .step:nth-child(2)::after {
    content: "2";
  }
  .submit-step-area .step .btn-submit-step {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    position: relative;
    padding-bottom: 23px;
    font-size: 1.6rem;
    line-height: 20px;
    color: #666;
    text-align: center;
  }
  .submit-step-area .is-active::before {
    background-color: #000;
  }
  .submit-step-area .is-active::after {
    background-color: #000;
  }
  .submit-step-area .is-active .btn-submit-step {
    font-weight: 600;
    color: #000;
  }
  .submit-step-area .is-active .btn-submit-step::before {
    display: block;
    width: 9px;
    height: 4px;
    margin-top: 31px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-color: transparent;
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .submit-step-area .is-active .btn-submit-step::after {
    content: none;
  }
  .peronal-basic-info.section .form-write-box-wrap .s-title-area {
    padding: 25px 0 0;
  }
  .peronal-basic-info.section .form-write-box-wrap .s-title-area .title {
    display: none;
  }
  .peronal-basic-info.section .form-write-box-wrap .form-write-box {
    border-top: none;
  }
  .peronal-basic-info.section .form-write-box-wrap .form-write-box .inline-wrap .box-item.pt0 {
    padding-top: 0;
  }
  .peronal-basic-info.section .btn-t01 span {
    position: relative;
  }
  .peronal-basic-info.section .btn-t01 span::after {
    content: "";
    display: inline-block;
    position: relative;
    top: -1px;
    width: 6px;
    height: 6px;
    margin-left: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
  }
  .section.deposit-payment .form-write-box-wrap input[readonly] {
    background: #e3e3e3;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box .box-item input[type=text] {
    width: 575px;
  }
  .section.deposit-payment .form-write-box-wrap .s-title-area .title {
    display: block;
    margin-bottom: 10px;
  }
  .section.deposit-payment .sub-tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: none;
    margin-top: 24px;
    padding-bottom: 10px;
    font-size: 1.8rem;
    color: #000;
    border-bottom: 1px solid #000;
  }
  .section.deposit-payment .booking-panel .item-amount {
    display: none;
  }
  .section.deposit-payment .booking-panel.panel2 {
    display: none;
  }
  .section.deposit-payment .form-write-box-wrap .info-panel {
    display: none;
  }
  .section.deposit-payment .form-write-box-wrap .info-panel.panel2 {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #dcdcdc;
  }
  .section.deposit-payment.is-card-two .booking-panel.panel2 {
    display: block;
    position: relative;
  }
  .section.deposit-payment.is-card-two .booking-panel.panel2::before {
    content: "";
    display: none;
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .section.deposit-payment.is-card-two .booking-panel .sub-tit {
    display: block;
  }
  .section.deposit-payment.is-card-two .booking-panel .item-amount {
    display: block;
  }
  .section.deposit-payment.is-card-two .info-panel .sub-tit {
    display: block;
  }
  .deposit-payment .card-list {
    min-width: 1px;
  }
  .deposit-payment .card-list::after {
    content: "";
    display: block;
    clear: both;
  }
  .deposit-payment .card-list .card {
    float: left;
    margin-left: 10px;
  }
  .deposit-payment .card-list .card:first-child {
    margin: 0;
  }
  .deposit-payment .card-list .card .btn-card-select {
    overflow: hidden;
    position: relative;
    float: left;
    width: 72px;
    height: 48px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
    background-size: 400px;
    background-repeat: no-repeat;
    text-indent: -9999px;
  }
  .deposit-payment .card-list .visa .btn-card-select {
    background-position: 0 -134px;
  }
  .deposit-payment .card-list .american-express .btn-card-select {
    background-position: -73px -134px;
  }
  .deposit-payment .card-list .master-card .btn-card-select {
    background-position: -146px -134px;
  }
  .deposit-payment .card-list .card.is-active .btn-card-select::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #212121;
  }
  .section.deposit-payment .offers-title-wrap {
    min-width: 1px;
  }
  .section.deposit-payment .offers-title-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.deposit-payment .offers-title-wrap .required {
    float: right;
    margin: 26px 0 10px;
  }
  .section.deposit-payment .form-write-box:nth-child(2) {
    border-top: 1px solid #e3e3e3;
  }
  .section.deposit-payment.is-address .form-write-box-wrap .info-panel.panel1 {
    display: block;
  }
  .section.deposit-payment.is-card-two.is-address .form-write-box-wrap .info-panel.panel2 {
    display: block;
  }
  .section.peronal-basic-info .street-address input {
    margin-bottom: 10px;
  }
  .section.peronal-basic-info .street-address .last {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .submit-step-area .step-wrap .step-inner {
    padding-top: 54px;
  }
  .submit-step-area .step .btn-submit-step {
    padding-bottom: 20px;
    font-size: 2rem;
    line-height: 1.5;
  }
  .submit-step-area .step .btn-submit-step::before,
.submit-step-area .step .btn-submit-step::after {
    margin-top: 26px;
  }
  .submit-step-area .step .btn-submit-step br {
    display: none;
  }
  .submit-step-area .step-wrap {
    border-top: none;
  }
  .submit-step-area .step-inner {
    border-top: none;
  }
  .peronal-basic-info.section .form-write-box-wrap .s-title-area {
    padding-top: 50px;
  }
  .peronal-basic-info.section .form-write-box-wrap .form-write-box {
    border-top: 1px solid #e3e3e3;
  }
  .peronal-basic-info.section .form-write-box-wrap .box-item-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap {
    overflow: visible;
    min-width: 1px;
    margin: 0 -1% 0 40px;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap .box-item {
    width: 33%;
    margin-left: 20px;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap .box-item:first-child {
    margin-left: -40px;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap .box-item-wrap .box-item {
    margin-left: 20px;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap .box-item-wrap .box-item {
    margin-left: 20px;
  }
  .peronal-basic-info.section .form-write-box-wrap .form-write-box .box-item input[type=text] {
    width: 100%;
  }
  .peronal-basic-info.section .btn-area {
    width: 260px;
    margin: 30px auto 0;
  }
  .peronal-basic-info.section .btn-area .btn-t01 {
    width: 260px;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .s-title-area .title {
    margin-bottom: 10px;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .inline-wrap {
    margin: 0;
  }
  .section.deposit-payment.is-card-two .booking-panel.panel2::before {
    display: block;
  }
  .submit-step-area + .section.deposit-payment .form-write-box-wrap .info-panel.panel2 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .section.peronal-basic-info .form-write-box-wrap .form-write-box {
    padding: 20px 70px 30px;
  }
  .section.deposit-payment .form-write-box-wrap .inline-wrap {
    overflow: visible;
    min-width: 1px;
    margin: 0;
  }
  .section.deposit-payment .form-write-box-wrap .s-title-area,
.section.deposit-payment .form-write-box-wrap .form-write-box,
.section.deposit-payment .form-write-box-wrap .booking-api-area {
    max-width: 1240px;
  }
  .section.deposit-payment .form-write-box-wrap .booking-api-area .api-area .form-write-box .checkbox {
    margin: 0 0 0 30px;
  }
  .section.deposit-payment .form-write-box-wrap .booking-api-area .api-area .form-write-box .booking-panel.panel1 {
    padding: 0 40px 0 30px;
  }
  .section.deposit-payment .form-write-box-wrap .booking-api-area .api-area .form-write-box .booking-panel.panel2 {
    padding: 0 30px 0 40px;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box .inline-wrap .box-item {
    margin-left: 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box .inline-wrap .box-item.item-code input[type=text] {
    width: 100%;
  }
  .section.deposit-payment .form-write-box-wrap .booking-api-area .api-area .form-write-box .input_security.col-2 .item-date .box-item-inner {
    margin: 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) {
    padding: 30px 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .checkbox {
    padding: 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .checkbox label br {
    display: none;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .info-panel {
    float: left;
    margin: 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .info-panel.panel1 {
    padding: 0 40px 0 30px;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .info-panel.panel2 {
    padding: 0 30px 0 40px;
    border-top: none;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box {
    border: none;
    padding: 0;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap .title-wrap {
    width: 100%;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap .first-col,
.section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap .last-col {
    width: calc(50% - 10px);
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap .last-col {
    margin-left: 20px;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .inline-wrap .postal-code {
    width: 100%;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box .box-item.item-code input[type=text],
.section.deposit-payment .form-write-box-wrap .form-write-box .box-item.item-amount input[type=text] {
    width: 100%;
  }
  .section.deposit-payment .form-write-box-wrap .form-write-box:nth-child(2) .form-write-box .info-panel.panel2 {
    margin-top: 0;
    padding-top: 20px;
    border-top: none;
  }
  .section.deposit-payment .form-write-box-wrap .btn-area .btn-t01 {
    height: 56px;
    line-height: 56px;
  }
  .section.peronal-basic-info .street-address::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.peronal-basic-info .street-address input {
    float: left;
    width: calc(50% - 10px) !important;
    margin-bottom: 0;
  }
  .section.peronal-basic-info .street-address .last {
    margin-left: 20px;
  }
  .section.peronal-basic-info .street-address .check-message {
    clear: both;
  }
  .section.peronal-basic-info .city.full {
    float: left;
    width: calc(50% - 10px) !important;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap.state {
    float: left;
    width: calc(50% - 10px);
    margin: 0 0 0 20px;
  }
  .peronal-basic-info.section .form-write-box-wrap .inline-wrap.state .box-item {
    width: 100%;
    margin: 0;
  }
}
/* request offer */
.section.submit-my-offer-wrap {
  padding-top: 20px;
}

.request-offer {
  margin-top: 20px;
}

.request-offer .request-offer-inner {
  border: 1px solid #e3e3e3;
}

.request-offer .offer-head {
  margin: 0 20px 12px;
}

.request-offer .sub-tit {
  font-weight: 900;
  display: block;
  padding-top: 13px;
  font-size: 2.4rem;
}

.request-offer .offer-cont {
  padding-top: 12px;
  background-color: #dadada;
}

.request-offer .offer-cont .offer-section {
  margin: 0 10px 12px;
}

.request-offer .offer-cont .offer-section:last-child {
  margin-bottom: 0;
}

.request-offer .offer-cont .offer-section .sub-tit {
  font-weight: 600;
  margin: 0 10px 2px;
  font-size: 2rem;
}

.request-offer .offer-cont .offer-section textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  border: 1px solid #bcbcbc;
}

.request-offer .info {
  padding: 14px 20px 36px;
  background-color: #fff;
  font-size: 1.6rem;
  color: #888888;
}

.request-offer .btn-area {
  margin-top: 30px;
}

@media (min-width: 1024px) {
  .request-offer {
    float: left;
    width: 33%;
    margin-top: 0;
  }
  .request-offer .request-offer-inner {
    border: 1px solid #e3e3e3;
  }
  .submit-my-offer-wrap .request-offer .btn-area {
    width: auto;
    margin: 30px 0;
  }
}
@media (min-width: 1280px) {
  .submit-my-offer-wrap .request-offer .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/* completed-info-area : s*/
.completed-info-area {
  margin-top: 15px;
  padding-top: 33px;
  border-top: 1px solid #000;
}

.completed-info-area .section-info {
  margin-top: 30px;
}

.completed-info-area .section-info:first-child {
  margin: 0;
}

.completed-info-area .section-info .sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 3px;
  font-size: 2rem;
  color: #000;
}

.completed-info-area .section-info .sub-tit.type2 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #000;
}

.completed-info-area .section-info .section-head {
  margin-top: -5px;
  margin-bottom: 20px;
}

.completed-info-area .section-info .section-head .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  font-size: 1.8rem;
}

.completed-info-area .section-info .section-head .desc {
  font-size: 1.4rem;
  line-height: 1;
}

.completed-info-area .section-info .inner-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 0 20px;
  font-size: 1.8rem;
  color: #000;
}

.completed-info-area .section-info.my-offer .inner-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 59px;
  background-color: #f4f6f8;
  justify-content: center;
  align-items: center;
}

.completed-info-area .section-info.my-offer .inner-section {
  margin-top: 10px;
  border: 1px solid #e3e3e3;
}

.completed-info-area .section-info.my-offer .inner-section:first-child {
  margin: 0;
}

.completed-info-area .section-info.my-offer .inner-section .data {
  height: 312px;
  padding: 15px 20px;
}

.completed-info-area .section-info.online-vouchers .inner-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 59px;
  background-color: #f4f6f8;
  align-items: center;
}

.completed-info-area .section-info.online-vouchers .inner-tit .inner {
  display: block;
  margin-right: 110px;
  line-height: 1;
}

.completed-info-area .section-info.online-vouchers .inner-tit .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 2rem;
  transform: translateY(-50%);
}

.completed-info-area .section-info.online-vouchers .inner-section {
  margin-top: 10px;
  border: 1px solid #e3e3e3;
}

.completed-info-area .section-info.online-vouchers .inner-section:first-child {
  margin: 0;
}

.completed-info-area .section-info.online-vouchers .item-list {
  padding: 13px 20px;
}

.completed-info-area .section-info.online-vouchers .item {
  padding: 2px 0;
}

.completed-info-area .section-info.online-vouchers .item .item-tit {
  font-weight: 400;
  display: block;
  font-size: 1.4rem;
  word-break: break-all;
}

.completed-info-area .section-info.online-vouchers .item .item-desc {
  font-weight: 600;
  display: block;
  margin-top: -4px;
  font-size: 1.4rem;
  text-align: right;
}

.completed-info-area .section-info.after-markets .inner-section {
  position: relative;
  margin-top: 10px;
  padding: 20px 30px 20px 20px;
  background-color: #f1f2f5;
}

.completed-info-area .section-info.after-markets .inner-section.is-active::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #212121;
}

.completed-info-area .section-info.after-markets .inner-section:first-child {
  margin: 0;
}

.completed-info-area .section-info.after-markets .inner-section .head {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 1.8rem;
  line-height: 1.3;
  color: #000;
}

.completed-info-area .section-info.after-markets .inner-section .head::after {
  content: "";
  display: block;
  clear: both;
}

.completed-info-area .section-info.after-markets .inner-section .head .head-tit {
  display: block;
  position: relative;
  margin-bottom: 3px;
}

.completed-info-area .section-info.after-markets .inner-section .head .price {
  display: block;
  font-size: 2.4rem;
  line-height: 1.3;
  text-align: right;
}

.completed-info-area .section-info.after-markets .inner-section .cont {
  margin-bottom: 6px;
  word-break: break-all;
}

.completed-info-area .section-info.after-markets .inner-section .foot {
  position: relative;
  padding-left: 55px;
}

.completed-info-area .section-info.after-markets .inner-section .foot strong {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
}

.completed-info-area .section-info.deposit-payment .inner-tit {
  height: 59px;
  line-height: 59px;
  background-color: #f4f6f8;
}

.completed-info-area .section-info.deposit-payment .inner-section {
  margin-top: 10px;
  border: 1px solid #e3e3e3;
}

.completed-info-area .section-info.deposit-payment .inner-section:first-child {
  margin: 0;
}

.completed-info-area .section-info.deposit-payment .item-list {
  padding: 13px 20px;
}

.completed-info-area .section-info.deposit-payment .item {
  padding: 2px 0;
}

.completed-info-area .section-info.deposit-payment .item .item-tit {
  font-weight: 400;
  display: block;
  font-size: 1.4rem;
}

.completed-info-area .section-info.deposit-payment .item .item-desc {
  font-weight: 600;
  display: block;
  margin-top: -4px;
  font-size: 1.4rem;
  text-align: right;
}

.completed-info-area .section-info.delivery .inner-tit {
  height: 59px;
  line-height: 59px;
  background-color: #f4f6f8;
}

.completed-info-area .section-info.delivery .inner-section {
  margin-top: 10px;
  border: 1px solid #e3e3e3;
}

.completed-info-area .section-info.delivery .inner-section:first-child {
  margin: 0;
}

.completed-info-area .section-info.delivery .item-list {
  min-height: 160px;
  padding: 13px 20px;
}

.completed-info-area .section-info.delivery .item {
  margin-top: 10px;
}

.completed-info-area .section-info.delivery .item:first-child {
  margin-top: 0;
}

.completed-info-area .section-info.delivery .item .item-tit {
  font-weight: 400;
  display: block;
}

.completed-info-area .section-info.delivery .item .item-desc {
  font-weight: 600;
  display: block;
}

.completed-info-area .section-info.inquiries {
  margin-top: 40px;
  background-color: #e3e3e3;
}

.completed-info-area .section-info.inquiries .desc-wrap {
  position: relative;
  min-height: 81px;
  padding: 6px 30px 27px 100px;
}

.completed-info-area .section-info.inquiries .desc-wrap::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 19px;
  width: 60px;
  height: 54px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -222px 0;
  background-size: 400px;
  background-repeat: no-repeat;
}

.completed-info-area .section-info.inquiries .desc-wrap .btn-more {
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 100%;
  height: 32px;
  text-indent: -9999px;
}

.completed-info-area .section-info.inquiries .desc-wrap .btn-more::before {
  content: "";
  position: absolute;
  bottom: 12px;
  left: 50%;
  width: 8px;
  height: 8px;
  text-indent: -9999px;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  transform: translate(-50%, 0) rotate(-45deg);
}

.completed-info-area .section-info.inquiries .inquiries-list {
  display: none;
  padding: 20px;
  background-color: #f1f2f5;
}

.completed-info-area .section-info.inquiries .inquiries-list .item {
  margin-top: 10px;
}

.completed-info-area .section-info.inquiries .inquiries-list .item:first-child {
  margin: 0;
}

.completed-info-area .section-info.inquiries .inquiries-list .item strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 9px;
  font-size: 1.8rem;
}

.completed-info-area .section-info.inquiries .inquiries-list .item ul li {
  position: relative;
  padding-left: 10px;
  font-size: 1.4rem;
}

.completed-info-area .section-info.inquiries .inquiries-list .item ul li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #000;
}

.completed-info-area .section-info.inquiries .inquiries-list .item ul li .email {
  color: #3367b3;
  text-decoration: underline;
}

.is-web .completed-info-area .section-info.inquiries .inquiries-list .item ul li .tel {
  pointer-events: none;
}

.completed-info-area .section-info.inquiries.is-active .inquiries-list {
  display: block;
}

.completed-info-area .section-info.inquiries.is-active .desc-wrap .btn-more::before {
  transform: translate(-50%, 0) rotate(135deg);
}

/* .completed-info-area .btn-area{padding-bottom:40px} */
/* completed-info-area : e*/
@media (min-width: 1024px) {
  .model-info-box .result-model .icon-area {
    margin-top: -5px;
  }
  .model-info-box .result-model .info-area {
    padding: 23px 20px 7px 0;
  }
  .completed-info-area {
    margin-top: 0;
    border-top: none;
  }
  .completed-info-area .section-info .sub-tit {
    display: inline-block;
    margin-bottom: 8px;
  }
  .completed-info-area .section-info .sub-tit.type2 {
    width: 100%;
  }
  .completed-info-area .section-info .section-head {
    display: inline-block;
  }
  .completed-info-area .section-info .section-head .tit {
    display: inline-block;
  }
  .completed-info-area .section-info .section-head .desc {
    display: inline-block;
    font-size: 1.8rem;
  }
  .completed-info-area .section-info.my-offer .inner-tit {
    height: 62px;
  }
  .completed-info-area .section-info.my-offer .my-offer-inner {
    margin: 0 -1% 0 40px;
  }
  .completed-info-area .section-info.my-offer .my-offer-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info.my-offer .my-offer-inner .inner-section {
    float: left;
    width: 33%;
    margin-top: 0;
    margin-left: 20px;
  }
  .completed-info-area .section-info.my-offer .my-offer-inner .inner-section:first-child {
    margin-left: -40px;
  }
  .completed-info-area .section-info.online-vouchers .inner-tit {
    height: 62px;
  }
  .completed-info-area .section-info .online-vouchers-inner {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .completed-info-area .section-info .online-vouchers-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info .online-vouchers-inner .inner-section {
    float: left;
    width: 50%;
    margin-top: 0;
    margin-left: 20px;
  }
  .completed-info-area .section-info .online-vouchers-inner .inner-section:first-child {
    margin-left: -20px;
  }
  .completed-info-area .section-info.after-markets .inner-section {
    margin-top: 20px;
    padding: 30px 30px 20px;
  }
  .completed-info-area .section-info.after-markets .inner-section .head {
    min-width: 1px;
    margin-bottom: 8px;
  }
  .completed-info-area .section-info.after-markets .inner-section .head .head-tit {
    float: left;
    margin: 0;
    line-height: 31px;
  }
  .completed-info-area .section-info.after-markets .inner-section .head .head-tit::before {
    top: 3px;
  }
  .completed-info-area .section-info.after-markets .inner-section .head .head-tit::after {
    top: 9px;
  }
  .completed-info-area .section-info.after-markets .inner-section .head .price {
    float: right;
  }
  .completed-info-area .section-info.after-markets .inner-section .cont {
    min-height: 72px;
  }
  .completed-info-area .section-info.after-markets .inner-section .foot {
    margin-top: 10px;
  }
  .completed-info-area .section-info.after-markets .inner-section .foot br {
    display: none;
  }
  .completed-info-area .section-info.deposit-payment .inner-tit {
    height: 62px;
    line-height: 62px;
  }
  .completed-info-area .section-info.deposit-payment .deposit-payment-inner {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .completed-info-area .section-info.deposit-payment .deposit-payment-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info.deposit-payment .deposit-payment-inner .inner-section {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-left: 20px;
  }
  .completed-info-area .section-info.deposit-payment .deposit-payment-inner .inner-section:first-child {
    margin-left: -20px;
  }
  .completed-info-area .section-info.deposit-payment .item-list {
    padding: 15px 20px;
  }
  .completed-info-area .section-info.deposit-payment .item {
    min-width: 1px;
    padding: 0;
  }
  .completed-info-area .section-info.deposit-payment .item::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info.deposit-payment .item .item-tit {
    float: left;
  }
  .completed-info-area .section-info.deposit-payment .item .item-desc {
    float: right;
    line-height: 21px;
  }
  .completed-info-area .section-info.delivery .delivery-inner {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .completed-info-area .section-info.delivery .delivery-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info.delivery .delivery-inner .inner-section {
    float: left;
    width: 100%;
    margin-top: 0;
    margin-left: 20px;
  }
  .completed-info-area .section-info.delivery .delivery-inner .inner-section:first-child {
    margin-left: -20px;
  }
  .completed-info-area .section-info.delivery .item-list {
    min-height: 136px;
    padding: 15px 20px;
  }
  .completed-info-area .section-info.inquiries .desc-wrap {
    height: 53px;
    min-height: inherit;
    padding: 0 10px 0 75px;
    line-height: 53px;
  }
  .completed-info-area .section-info.inquiries .desc-wrap::before {
    top: 13px;
    left: 30px;
    width: 30px;
    height: 27px;
    background-size: 200px;
    background-position: -111px 0;
  }
  .completed-info-area .section-info.inquiries .desc-wrap .btn-more {
    display: none;
  }
  .completed-info-area .section-info.inquiries .inquiries-list {
    display: block;
    min-width: 1px;
    padding: 15px 0;
  }
  .completed-info-area .section-info.inquiries .inquiries-list::after {
    content: "";
    display: block;
    clear: both;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item {
    float: left;
    margin: 0;
    padding: 0 30px;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item:nth-child(1) {
    width: 31%;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item:nth-child(2) {
    width: 31%;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item:nth-child(3) {
    width: 38%;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item strong {
    white-space: nowrap;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item ul li {
    padding: 0;
  }
  .completed-info-area .section-info.inquiries .inquiries-list .item ul li:before {
    content: none;
  }
  /* .completed-info-area .btn-area{padding-bottom:100px} */
}
.submit-area {
  position: relative;
  min-height: 477px;
  padding: 30px 10px 20px;
  box-sizing: border-box;
  border-top: 1px solid #b0b0b0;
  background-color: #f1f2f5;
}

.submit-area:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -16px;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  box-sizing: border-box;
  border: 8px solid transparent;
  border-bottom-color: #b0b0b0;
}

.submit-area .info-bg-text {
  padding: 25px 0;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/bg-chat.png") no-repeat 50% 0;
  text-align: center;
}

.submit-area input[type=text],
.submit-area textarea {
  width: 100%;
  margin-bottom: 10px;
}

.submit-area textarea {
  height: 100px;
  padding: 13px 10px;
  border: 1px solid #dcdcdc;
}

.submit-area .btn-t01 {
  width: 100%;
  height: 50px;
  line-height: 50px;
}

/*All Specs*/
.all-specs-list {
  border-bottom: 1px solid #212121;
}

.all-specs-list li {
  display: table;
  width: 100%;
  padding: 13px 0;
}

.all-specs-list li + li {
  border-top: 1px solid #e3e3e3;
}

.all-specs-list .list-tit {
  font-weight: 400;
  display: table-cell;
  padding-right: 10px;
}

.all-specs-list .list-txt {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.all-specs-list.spec-row li {
  display: block;
}

.all-specs-list.spec-row .list-tit {
  display: block;
}

.all-specs-list.spec-row .list-txt {
  display: block;
}

.all-spec-dimension .unit {
  font-weight: 600;
  float: right;
  margin-top: 15px;
  font-size: 1.4rem;
}

.all-spec-dimension .dimension-img-area {
  padding-top: 42px;
  text-align: center;
}

.all-spec-dimension .dimension-img-area p {
  padding-top: 20px;
}

.all-spec-dimension .dimension-img-area p img {
  width: 50%;
  max-width: 220px;
}

.all-spec-dimension .dimension-img-area p:last-child img {
  width: 100%;
  max-width: 550px;
}

@media screen and (min-width: 860px) {
  .all-specs-list.spec-row li {
    display: table;
  }
  .all-specs-list.spec-row .list-tit {
    display: table-cell;
    vertical-align: middle;
  }
  .all-specs-list.spec-row .list-txt {
    display: table-cell;
    width: 500px;
  }
}
@media screen and (max-width: 1023px) {
  .all-specs-list {
    border-top: 1px solid #212121;
  }
}
@media screen and (min-width: 1024px) {
  .all-specs-list li {
    padding: 13px 20px;
  }
  .all-spec-dimension .dimension-img-area {
    padding-top: 52px;
  }
  .all-spec-dimension .dimension-img-area .front,
.all-spec-dimension .dimension-img-area .back {
    float: left;
    width: 50%;
    padding-top: 0;
  }
  .all-spec-dimension .dimension-img-area .side {
    clear: both;
    padding-top: 42px;
  }
}
/*Color*/
.color-selector .interior-color {
  position: relative;
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #000;
}

.color-selector .interior-color:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  margin: -9px 0 0 -8px;
  border: 1px solid #000;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  transform: rotate(-135deg);
}

@media screen and (min-width: 1024px) {
  .color-selector {
    width: 860px;
  }
}
/*************************************************/
/* layer showroom information [s] */
/*************************************************/
.layer .delay-msg {
  border: 1px solid #e2e3e6;
}

.layer .delay-msg:after {
  content: "";
  display: block;
  clear: both;
}

.layer .delay-color .color-select span {
  display: block;
  color: #222;
  line-height: 1.5;
  font-size: 1.4rem;
  text-align: center;
}

.layer .delay-color .color-select .color-circle {
  overflow: hidden;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 10px auto;
  border-radius: 50%;
}

.layer .delay-color .color-select .color-circle img {
  width: 100%;
  height: 100%;
}

.layer .tit-recommend {
  font-size: 1.6rem;
  color: #000;
  font-weight: 600;
}

.layer .tit-recommend + p {
  font-size: 1.6rem;
  color: #000;
}

.layer .tit-recommend + p strong {
  color: #e63312;
}

@media screen and (max-width: 1023px) {
  .layer .delay-color {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e2e3e6;
  }
  .layer .delay-msg {
    margin-bottom: 30px;
    padding: 20px;
  }
  .layer .delay-msg p {
    margin-top: 20px;
  }
  .layer .tit-recommend + p {
    margin-bottom: 25px;
  }
  .layer[data-layer-name=layerColorExteriorSelector] .color-chip.is-destroy li,
.layer[data-layer-name=layerColorInteriorTextureSelector] .color-chip.is-destroy li {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .layer[data-layer-name=layerColorExteriorSelector],
.layer[data-layer-name=layerColorInteriorTextureSelector] {
    width: 860px;
  }
  .layer .delay-color {
    float: left;
    width: 196px;
    border-right: 1px solid #e2e3e6;
  }
  .layer .delay-msg {
    margin-bottom: 30px;
    padding: 20px 0;
  }
  .layer .delay-msg p {
    float: left;
    width: 560px;
    margin-top: 25px;
    margin-left: 30px;
  }
}
.layer.showroom-information .layer-cont .head {
  padding: 20px 0 20px;
  text-align: center;
}

.layer.showroom-information .layer-cont .head strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  font-size: 2rem;
  line-height: 1.8;
}

.layer.showroom-information .layer-cont .head p {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.8;
}

.layer.showroom-information .layer-cont .cont .visit-date {
  font-weight: 600;
  margin-bottom: 5px;
}

.layer.showroom-information .layer-cont .cont .cont-inner {
  border: 1px solid #e3e3e3;
}

.layer.showroom-information .layer-cont .cont .car-head .img {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px 0 30px;
}

.layer.showroom-information .layer-cont .cont .icon-wrap {
  margin-bottom: 15px;
}

.layer.showroom-information .layer-cont .cont .icon-wrap ul {
  margin: 0 -1% 0 0;
}

.layer.showroom-information .layer-cont .cont .icon-wrap ul::after {
  content: "";
  display: block;
  clear: both;
}

.layer.showroom-information .layer-cont .cont .icon-wrap ul li {
  position: relative;
  float: left;
  width: 33%;
  padding-top: 35px;
  text-align: center;
}

.layer.showroom-information .layer-cont .cont .icon-wrap ul li i {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.layer.showroom-information .layer-cont .cont .icon-wrap ul li em {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
}

.layer.showroom-information .layer-cont .cont .car-cont {
  padding: 10px 20px 15px;
  background-color: #f1f2f5;
}

.layer.showroom-information .layer-cont .cont .cont-inner .car-cont {
  padding-top: 25px;
}

.layer.showroom-information .layer-cont .cont .car-cont .car-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
  font-size: 2.4rem;
}

.layer.showroom-information .layer-cont .cont .car-cont .car-tit span {
  display: block;
  margin-top: -6px;
  font-size: 1.8rem;
}

.layer.showroom-information .layer-cont .cont .car-cont .driveaway-price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 5px;
  font-size: 1.8rem;
  line-height: 1.3;
  text-align: left;
}

.layer.showroom-information .layer-cont .cont .car-cont .driveaway-price .btn-info {
  margin-left: 8px;
}

.layer.showroom-information .layer-cont .cont .car-cont .deposit-payment {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #3367b3;
}

.layer.showroom-information .layer-cont .cont .car-cont .deposit-payment::before {
  content: "*";
  position: relative;
  top: -1px;
  margin-right: 3px;
}

.layer.showroom-information .layer-cont .cont .car-cont .car-info li {
  position: relative;
  padding-left: 10px;
}

.layer.showroom-information .layer-cont .cont .car-cont .car-info li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}

@media (min-width: 1024px) {
  .layer.showroom-information .layer-cont .head {
    padding: 18px 0 0;
  }
  .layer.showroom-information .layer-cont .head strong {
    margin-bottom: 15px;
    padding: 0 30px;
    font-size: 3.2rem;
    line-height: 1.25;
  }
  .layer.showroom-information .layer-cont .head strong br {
    display: none;
  }
  .layer.showroom-information .layer-cont .head p {
    margin-bottom: 15px;
    font-size: 2rem;
  }
  .layer.showroom-information .layer-cont .head p br {
    display: none;
  }
  .layer.showroom-information .layer-cont .cont .car-head .img {
    max-width: 300px;
    padding: 50px 0 30px;
  }
  .layer.showroom-information .layer-cont .cont .cont-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer.showroom-information .layer-cont .cont .cont-inner .car-head {
    float: left;
    width: 50%;
  }
  .layer.showroom-information .layer-cont .cont .cont-inner .car-cont {
    float: left;
    width: 50%;
    background-color: #fff;
  }
  .layer.showroom-information .layer-cont .cont .icon-wrap ul li::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .layer.showroom-information .layer-cont .cont .car-cont .car-tit {
    font-size: 3.2rem;
  }
  .layer.showroom-information .layer-cont .cont .car-cont .car-tit span {
    font-size: 2rem;
  }
  .layer.showroom-information .layer-cont .cont .car-cont .driveaway-price {
    margin-bottom: 10px;
  }
  .layer.showroom-information .layer-cont .cont .car-cont .driveaway-price br {
    display: none;
  }
  .layer.showroom-information .layer-cont .cont .car-cont .deposit-payment {
    margin-bottom: 15px;
  }
  .layer.showroom-information .layer-cont .btn-area {
    margin-top: 0;
    padding: 30px 0 10px;
    border-top: none;
  }
}
.range-price-wrap .frequency-period {
  font-size: 15px;
  color: #fff;
  line-height: 22px;
}

.price-info .repayment-period .floaing-frequency-period {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  line-height: 20px;
}

.com-list1 .com-item .txt.bo-accessory {
  display: none;
}

.com-list1 .com-item .txt.bo-accessory.is-active {
  display: block;
}

.configure-heading {
  font-size: 22px;
  padding-bottom: 10px;
}

.agree-text {
  line-height: 40px;
}

.btn-t01.btn-red.btn-clk-garage,
.btn-t01.btn-gray.btn-logout {
  margin: 10px auto;
  font-size: 13px;
}

.downpayment-note {
  color: #002c5f;
  font-size: 12px;
}

.error {
  margin-left: 10px;
  color: red;
  font-weight: 800;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.login .join-wrap {
  display: block;
  text-align: left;
}
.login .join-wrap .page-title {
  font-size: 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid #222;
}
.login .join .required-field {
  top: -40px;
}
.login .join-wrap .btn-area {
  padding-top: 25px;
}

.error-box {
  border: 1px solid #222;
  padding: 10px;
  margin-top: 20px;
  text-align: center;
}
.error-box .page-tit {
  border-bottom: 0;
}
.error-box .btn-area {
  margin: 10px 0;
}

.form-write-box.delete-account input[type=checkbox] {
  -webkit-appearance: checkbox;
  position: relative;
  margin: 0;
}
.form-write-box.delete-account input[type=checkbox] + label {
  margin: 0;
  padding: 0;
}
.form-write-box.delete-account input[type=checkbox] + label:before {
  content: none;
  margin: 0;
  padding: 0;
}
.form-write-box.delete-account input[type=checkbox]:checked + label:after {
  border: 0;
}
.form-write-box.delete-account input[type=checkbox] {
  opacity: 1;
  height: 24px;
  width: 24px;
}

.buy-online .select-a-car .swiper-container {
  overflow: hidden;
  padding-left: 0px;
  padding-right: 40px;
  padding-bottom: 20px;
}

.buy-online .promo-g.loading {
  background-image: url("/2018hyundai/images/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
}

.buy-online .owl-pagination {
  display: none;
}

.buy-online #home-range .load-pagination {
  display: block;
}

.buy-online .promo-g.loading > * {
  display: none;
}

.btn-t01.btn-cart-links {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 14px;
  margin: 5px;
}

@media screen and (min-width: 768px) {
  .model-info-box .result-model .view-area .img .RO-form_img {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -60%;
    max-width: 350px;
  }
}

.bo-dealer-tbl,
.bo-make-offer, th, td {
  width: 100%;
  border: 1px solid black;
  border-collapse: collapse;
  padding: 5px;
}

.bo-dealer-tbl,
.bo-make-offer {
  margin: 30px 0;
  text-align: center;
}
.bo-dealer-tbl a,
.bo-make-offer a {
  color: #002c5f;
}

.bo-make-offer {
  text-align: left;
}

.make-offer.request-offer {
  float: none;
  width: 100%;
  margin-top: 20px;
}
.make-offer.request-offer h2 {
  font-size: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #222;
}

.make-offer.request-offer .request-offer-inner {
  border: 0;
}

.make-offer.request-offer .offer-cont {
  background: #fff;
}
.make-offer.request-offer .offer-cont .offer-section {
  margin: 0;
}
.make-offer.request-offer .offer-cont .offer-section .sub-tit {
  font-size: 16px;
  margin: 0;
}

.dealer-login-area {
  width: 550px;
  margin: 0 auto;
  text-align: center;
}
.dealer-login-area .check-message:before {
  left: 100px;
}
.dealer-login-area .incorrect-password.check-message:before {
  left: 45px;
}
.dealer-login-area .btn-area {
  margin-top: 20px;
}
.dealer-login-area .btn-area input {
  width: 130px;
}

.btn-area.dealer-logout {
  float: right;
  width: 30%;
  text-align: right;
}

.delivery-address-prefilled-form {
  margin: 30px 0;
}

.interior-color-slide {
  display: none;
}
.interior-color-slide.is-active {
  display: list-item;
  width: 124px;
}

.interior-item {
  margin-right: 15px;
}

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

.com-list1 .com-item .c-item .txt {
  display: inline;
}

.initial-load {
  text-align: center;
}

.loading-img {
  width: 200px;
}

.result-model.now-available {
  background-color: #f1f2f5;
  margin-bottom: 5px;
  border: 0;
}

.sp-tag-wrapper {
  display: flex;
  position: absolute;
  min-height: 30px;
  align-items: center;
  left: 0;
  top: 10px;
  background-color: #00aad2;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

.sp-tag {
  display: block;
  font-family: "Helvetica", "Arial", sans-serif;
  font-size: 15px;
  line-height: 15px;
  padding: 10px 24px 10px 10px;
  font-weight: normal;
  -webkit-font-smoothing: initial;
  -moz-osx-font-smoothing: unset;
  letter-spacing: 0.5px;
  color: #fff;
}
.sp-tag:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -10px;
  width: 0px;
  height: 0px;
  border-style: solid;
  transition: border-color 150ms ease-in;
  border-width: 17px 0 17px 10px;
  border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00aad2;
}
.sp-tag:before {
  content: "★";
  color: #fff;
  position: absolute;
  right: 2px;
  font-size: 16px;
  top: 10px;
}

.offer-disclaimer {
  font-size: 10px;
  margin-top: 5px;
}

.sp-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltiptext {
  position: absolute;
  visibility: hidden;
}

.sp-tooltip[data-balloon]:after {
  width: 300px;
}

.result-model .info-area .notice-available {
  color: #00aad2;
  font-size: 16px;
  font-weight: bold;
}

.img-disclaimer {
  text-align: center;
  display: inherit;
  font-size: 12px;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 10000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto;
  padding: 0 10px 15px 10px;
  border: 1px solid #888;
  width: 50%;
}

@media screen and (min-width: 880px) {
  .modal-content {
    width: 30%;
  }
}
.modal-close {
  color: #aaa;
  float: right;
  font-size: 15px;
  font-weight: bold;
}

.modal-close:hover,
.modal-close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media screen and (max-width: 500px) {
  .offers-type .model-info-view .btn-gruop .btn {
    width: 100%;
  }
}
.address-item {
  display: inline-block;
  line-height: 22px;
}

.address-item.last {
  margin-left: 28px;
}

.offer-tog-box {
  border: 1px solid #f1f2f5;
}

.summary-wrap .blue-box {
  background-color: #002c5f;
  color: #fff;
}

.summary-wrap .static-map-wrapper {
  background-color: transparent;
}

.summary-wrap .btn-t01.btn-summary-submit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  background-color: #fff;
  color: #002c5f;
  text-transform: uppercase;
  width: 100%;
  margin-top: 20px;
}

.dealer-details .info-list {
  margin-bottom: 10px;
}
.dealer-details .info-list li {
  font-size: 16px;
  line-height: 24px;
}

.summary-wrap .print-tit {
  display: none;
}

.offers-box-inner .tog-list-box .tog-list-item.last-tog-li,
.summary-wrap .tog-list-box .tog-list-item.last-tog-li {
  border-bottom: none;
}

.summary-wrap .tog-list-box .tog-list-item.tradein-tog-li {
  padding-bottom: 10px;
}

.title-image {
  max-height: 100px;
}

.preorder-disclaimer {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  color: #7f7f7f;
  padding: 20px;
}

.l-dealer-header-wrapper {
  background-color: #1f2731;
}

.bodt-link {
  text-decoration: underline;
}

.l-dealer-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 28px;
  color: white;
  padding: 30px 0;
  margin: auto;
}
@media screen and (min-width: 568px) {
  .l-dealer-heading {
    margin: 0;
  }
}
@media screen and (min-width: 640px) {
  .l-dealer-heading {
    font-size: 40px;
    line-height: 54px;
  }
}
@media screen and (min-width: 880px) {
  .l-dealer-heading {
    font-size: 48px;
  }
}

.l-dealer-header-content-wrapper {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 568px) {
  .l-dealer-header-content-wrapper {
    flex-direction: row;
  }
}

.btn-dealer-config {
  margin: auto;
  margin-bottom: 20px;
}
@media screen and (min-width: 568px) {
  .btn-dealer-config {
    margin: 0;
    margin-top: 35px;
  }
}
.login .btn-dealer-config {
  display: none;
}

.bodt-cell {
  overflow: hidden;
}
.bodt-cell span {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
@media screen and (min-width: 880px) {
  .bodt-cell span {
    justify-content: center;
  }
}

.l-dealer-config-nav {
  background-color: #eef1f4;
}
.login .l-dealer-config-nav {
  display: none;
}

.ldc-nav-items-wrapper {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .ldc-nav-items-wrapper {
    width: 80%;
  }
}
@media screen and (min-width: 1280px) {
  .ldc-nav-items-wrapper {
    width: 50%;
  }
}

.title-select {
  display: flex;
  border-bottom: 2px solid #212121;
}

.ldc-nav-item {
  padding: 15px;
  flex-grow: 1;
}
.ldc-nav-item:first-child {
  padding-left: 0;
}
.ldc-nav-item:last-child .ldcni-content-wrapper {
  border-right: 0;
}

.ldcni-text {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.current .ldcni-text {
  color: #00aad2;
}

@media screen and (min-width: 640px) {
  .ldcni-content-wrapper {
    border-right: 1px solid #1f2731;
  }
}

.dealer-configuration .l-container {
  padding-top: 0;
}

input[type=checkbox].subscribed-cust {
  position: relative;
  padding: 0;
  margin: 0;
  opacity: 1;
  -webkit-appearance: checkbox;
}

@media screen and (min-width: 880px) {
  .bodt-row {
    padding: 0.35em;
  }
}
@media screen and (max-width: 880px) {
  .bo-dealer-tbl {
    border: none;
  }
  .bodt-cell,
.bodt-heading {
    padding: 0.625em;
    text-align: center;
  }
  .bodt-head {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .bodt-heading {
    padding: 0.625em;
    text-align: center;
  }
  .bodt-row {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: 0.625em;
  }
  .bodt-cell {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right;
  }
  .bodt-cell:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
}
.back-link-arrow {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  background-color: #00aad2;
  border: 1px solid #00aad2;
  text-transform: uppercase;
  font-size: 13px;
  line-height: 28px;
  text-decoration: none;
  padding: 0 10px 0 7px;
  margin: 7px 10px 0;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  position: relative;
  display: inline-block;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
}
.back-link-arrow:before {
  position: absolute;
  left: -10px;
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 14px 9px 15px 0;
  border-color: transparent #00aad2 transparent transparent;
  -webkit-transition: border-color 150ms ease-in;
  -moz-transition: border-color 150ms ease-in;
  -ms-transition: border-color 150ms ease-in;
  -o-transition: border-color 150ms ease-in;
  transition: border-color 150ms ease-in;
}
.back-link-arrow:hover {
  background-color: #002c5f;
  border-color: #002c5f;
}
.back-link-arrow:hover:before {
  border-color: transparent #002c5f transparent transparent;
}

.dealer-configuration-search-wrapper {
  margin: 30px 0;
}

.dcs-text-wrapper,
.dcs-date-wrapper {
  display: flex;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #bababa;
  align-items: center;
}

.dcs-heading-wrapper {
  padding: 18px;
  background-color: #dbdbdb;
  width: 80px;
  text-align: center;
}
@media screen and (min-width: 568px) {
  .dcs-heading-wrapper {
    width: 100px;
  }
}

.dcst-search-input-wrapper,
.dcsd-search-input-wrapper {
  padding: 7px 10px;
}

.dcsd-search-input-wrapper {
  display: flex;
  flex-direction: row;
}
.dcsd-search-input-wrapper span {
  padding-top: 14px;
}

.dcst-search-input {
  width: 100%;
}
@media screen and (min-width: 568px) {
  .dcst-search-input {
    width: 307px;
  }
}

.dcsd-search-input {
  width: 100%;
}
@media screen and (min-width: 568px) {
  .dcsd-search-input {
    width: 150px;
  }
}

.dcs-button {
  position: relative;
}

.dealer-configuration .icon-search {
  position: absolute;
  top: 10px;
  left: 16px;
  fill: white;
  width: 30px;
  height: 30px;
}

.dcs-button-text {
  margin-left: 30px;
}

.dcs-button-wrapper {
  margin: 20px 0;
  text-align: right;
}

.btn-area {
  margin: 30px 0;
}
.btn-area .current {
  background-color: #002c5f;
}

.csstransitions .pure-button {
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}

.pure-button {
  /* Structure */
  display: inline-block;
  zoom: 1;
  line-height: normal;
  white-space: nowrap;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  *overflow: visible; /*IE 6/7 - Because of IE's overly large left/right padding on buttons */
}

.button-brand,
.pure-button,
.pure-button a,
a.pure-button {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  background-color: #002c5f;
  padding: 0.8em 1.5em;
  border: 1px solid #999; /*IE 6/7/8*/
  border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
}
@media screen and (min-width: 880px) {
  .button-brand,
.pure-button,
.pure-button a,
a.pure-button {
    padding: 0.8em 2em;
  }
}

a.pure-button:hover,
.pure-button:hover a,
.pure-button:focus a,
.pure-button:hover,
.pure-button:focus,
.button-brand:hover,
.button-brand:focus {
  color: #fff;
  text-decoration: none;
  background-color: #00aad2;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* Firefox: Get rid of the inner focus border */
.pure-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.pure-button:focus {
  outline: 0;
}

.pure-button:active {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset;
}

.map-framed .pure-button {
  margin-top: 5px;
}

.werribee-hyundai #makeAnOfferButton {
  display: none;
}

.steinborner-hyundai-barossa #makeAnOfferButton {
  display: none;
}

.south-morang-hyundai #makeAnOfferButton {
  display: none;
}

.south-morang-hyundai #bookTestDriveButton {
  width: 100%;
}

.steinborner-hyundai-barossa div#tradeInButton {
  margin-left: 1%;
  margin-right: 0;
  margin-bottom: 2%;
}

.steinborner-hyundai-clare #makeAnOfferButton {
  display: none;
}

.steinborner-hyundai-clare div#financeCalculatorButton {
  margin-bottom: 2%;
  margin-right: 0;
  margin-left: 2%;
}

.mobile-enquiry-wrapper {
  position: relative;
}

.mobile-enquiry-anchor.btn-t01 {
  display: block;
  margin: 20px 0;
}
@media screen and (min-width: 768px) {
  .mobile-enquiry-anchor.btn-t01 {
    font-size: 15px;
    line-height: 40px;
    position: absolute;
    right: 10%;
    bottom: 13px;
    height: 40px;
    margin: 0;
  }
}
.mobile-enquiry-anchor.btn-t01:hover {
  background-color: #00aad2;
  color: #fff;
  cursor: pointer;
}

.pre-paid .mobile-enquiry-anchor.btn-t01 {
  margin: 20px 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .pre-paid .mobile-enquiry-anchor.btn-t01 {
    font-size: 15px;
    line-height: 40px;
    position: unset;
    right: 10%;
    bottom: 13px;
    height: 40px;
    margin-top: 20px;
  }
}

.box-first {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .box-first {
    padding: 0 1rem 0 0;
  }
}

.box-last {
  padding: 0;
}
@media screen and (min-width: 568px) {
  .box-last {
    padding: 0 0 0 1em;
  }
}

.box-rl {
  padding: 0 1rem;
}
@media screen and (min-width: 768px) {
  .box-rl {
    padding: 0 1.5rem;
  }
}

.box-form-first-sm {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .box-form-first-sm {
    padding: 0.3rem 0.5rem 0.3rem 0;
  }
}

.js-bo-veh-hide {
  visibility: hidden;
  display: none;
}

.js-bo-veh-show {
  visibility: visible;
  display: block;
}

.init-veh-hide {
  visibility: hidden;
}

/**
* Swiper 4.3.3
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: June 5, 2018
*/
.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;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: 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 {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-invisible-blank-slide {
  visibility: hidden;
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  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: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), 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: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), 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: 0.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: 0.3s opacity;
  -o-transition: 0.3s opacity;
  transition: 0.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);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.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%);
  -ms-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: 0.2s top, 0.2s -webkit-transform;
  transition: 0.2s top, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top;
  transition: 0.2s transform, 0.2s top, 0.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%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s left, 0.2s -webkit-transform;
  transition: 0.2s left, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left;
  transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 0.2s right, 0.2s -webkit-transform;
  transition: 0.2s right, 0.2s -webkit-transform;
  -o-transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right;
  transition: 0.2s transform, 0.2s right, 0.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);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-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: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: 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%;
  -ms-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;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-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;
  -ms-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;
  -ms-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: 0.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;
}

.color-r,
.c-red {
  color: #00aad2 !important;
}

.c-gray {
  color: #666 !important;
}

.c-light-gray {
  color: #aaa !important;
}

.c-white {
  color: #fff !important;
}

.pos-r {
  position: relative !important;
}

.full {
  width: 100% !important;
}

.align-l {
  text-align: left !important;
}

.align-c {
  text-align: center !important;
}

.align-r {
  text-align: right !important;
}

.float-l {
  float: left !important;
}

.float-r {
  float: right !important;
}

.float-n {
  float: none !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.fs14 {
  font-size: 1.4rem !important;
}

.ellipsis {
  overflow: hidden;
  display: inline-block;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.a11y-hidden {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  clip: rect(1px, 1px, 1px, 1px);
}

.underline {
  text-decoration: underline;
}

button {
  outline: none;
}

html {
  font-size: 10px;
  height: 100%;
}

body {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #000;
}

body.hidden-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.l-wrap {
  min-width: 320px;
  width: 100%;
}

.l-header-wrap {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}

.l-header {
  position: relative;
  z-index: 99;
  width: 100%;
  padding: 7px 20px 12px 20px;
}
@media screen and (max-width: 420px) {
  .l-header {
    padding: 0;
  }
}

.l-header:after {
  content: "";
  display: block;
  clear: both;
}

.l-header > a {
  float: left;
}

.l-header .ci,
.l-header .ci-company {
  font-weight: 400;
  float: left;
  font-size: 22px;
  color: #002c5f;
}

.l-header .ci {
  overflow: hidden;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat 0 -192px;
  background-size: 400px;
  text-indent: 100%;
  white-space: nowrap;
}

.sidemenu-on {
  background-color: #fff;
}

.sidemenu-on .util-menu .close:before,
.sidemenu-on .util-menu .close:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 80%;
  height: 2px;
  background: #212121;
  transform-origin: 50% 50%;
}

.sidemenu-on .util-menu .close:before {
  transform: rotate(45deg);
}

.sidemenu-on .util-menu .close:after {
  transform: rotate(-45deg);
}

.gnb-info-wrap {
  position: relative;
  z-index: 90;
  background-color: #f1f2f5;
  color: #000;
  font-size: 1.4rem;
  border-top: 1px solid #e3e3e3;
}

.gnb-info-wrap .gnb-location {
  position: relative;
  max-width: 1280px;
  height: 41px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: right;
  font-size: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

span.gnbl-text-element {
  font-size: 12px;
}

.gnb-info-wrap .gnb-location > div {
  display: inline-block;
  font-size: 12px;
}

.gnb-info-wrap .gnb-location > div + div {
  margin-left: 15px;
}

.gnb-info-wrap .gnb-location strong {
  font-weight: 600;
}

.gnb-info-wrap .gnb-location span {
  margin-left: 2px;
}

.gnb-info-wrap .gnb-location .gnb-location-text-sub {
  margin-left: 15px;
}

.gnb-info-wrap .sns-facebook {
  position: absolute;
  right: 20px;
  top: 6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -272px -102px no-repeat;
  background-size: 400px;
}

.l-footer-wrap .l-footer .footer-util-link {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #bfbfbf;
}

@media screen and (max-width: 1023px) {
  .l-header > a {
    height: 21px;
    margin-top: 7px;
  }
  .l-header .ci {
    width: 40px;
    height: 21px;
    background-position: 0 -192px;
  }
  .l-header .ci-company {
    position: relative;
    margin-left: 10px;
    padding: 0 11px 0 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 420px) {
  .l-header .ci-company {
    margin-left: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .l-header .ci-company span {
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .l-header .ci-company:before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 24px;
    background-color: #e2e2e2;
  }
}
@media screen and (max-width: 1023px) {
  .gnb-info-wrap {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap {
    padding: 20px;
    background-color: #212121;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car {
    position: relative;
    margin-bottom: 25px;
    background-color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car > a {
    position: relative;
    z-index: 10;
    display: block;
    padding: 0 20px;
    line-height: 44px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/bg-select.png) no-repeat right 10px top 50%;
    background-size: 14px 9px;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car > div {
    display: none;
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    padding: 0 20px;
    background-color: #fff;
    box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.1);
    z-index: 1;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car > div button {
    display: block;
    width: 100%;
    line-height: 44px;
    text-align: left;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car > div button + button {
    border-top: 1px solid #dadbdc;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car.is-open > a {
    border-bottom: 1px solid #dadbdc;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .sorting-car.is-open > div {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .models-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #fff;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .models-list > li {
    width: calc(50% - 4px);
    margin-bottom: 20px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .models-list > li:nth-child(2n) {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .models-wrap .models-list > li .tit {
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .sidemenu-on .btn-quick,
.sidemenu-on .btn-gnb-cart {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .l-header {
    width: 100%;
    padding: 20px 20px 19px 20px;
  }
  .l-header > a {
    height: 23px;
    margin-top: 6px;
  }
  .l-header .ci {
    width: 164px;
    height: 23px;
    background-position: -42px -192px;
  }
  .l-header .ci-company {
    position: relative;
    margin-left: 10px;
    padding: 0 11px 0 0;
    font-size: 24px;
  }
  .l-header .ci-company span {
    position: relative;
  }
  .l-header .ci-company:before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 24px;
    background-color: #e2e2e2;
  }
  .models-wrap {
    background-color: #212121;
  }
  .models-wrap .sorting-car {
    position: relative;
    border-bottom: 1px solid #414141;
  }
  .models-wrap .sorting-car > a {
    display: none;
  }
  .models-wrap .sorting-car > div {
    padding: 16px 0 14px 0;
    text-align: center;
  }
  .models-wrap .sorting-car > div button {
    line-height: 3rem;
    color: #fff;
    font-size: 1.6rem;
  }
  .models-wrap .sorting-car > div button + button {
    margin-left: 50px;
  }
  .models-wrap .sorting-car > div .is-active {
    font-weight: 600;
    color: #00aad2;
  }
  .models-wrap .models-list {
    overflow: auto;
    max-height: calc(100vh - 190px);
    padding: 40px 20px 0 20px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .models-wrap .models-list > li {
    width: calc(25% - 60px);
    margin: 0 0 45px 80px;
    font-size: 1.4rem;
    text-align: left;
  }
  .models-wrap .models-list > li:nth-child(4n+1) {
    margin-left: 0;
  }
  .models-wrap .models-list > li .tit {
    font-weight: normal;
    display: block;
    margin-bottom: 20px;
  }
  .models-wrap .models-list > li img {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .l-header {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .models-wrap .models-list {
    width: 1280px;
    margin: 0 auto;
    max-height: calc(100vh - 135px);
    padding-bottom: 60px;
  }
  .models-wrap .models-list > li {
    width: 200px;
    margin: 0 0 40px 60px;
    font-size: 1.4rem;
    text-align: left;
  }
  .models-wrap .models-list > li:nth-child(4n+1) {
    margin-left: 60px;
  }
  .models-wrap .models-list > li img {
    width: 156px;
    height: 78px;
  }
}
@media screen and (max-width: 1023px) {
  .l-container {
    padding-top: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .l-container {
    padding-top: 113px;
  }
}
@media screen and (min-width: 1280px) {
  .l-container {
    padding-top: 147px;
  }
}

.l-content {
  min-height: calc(100vh - 227px);
}
@media screen and (max-width: 1023px) {
  .l-content {
    padding-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content {
    padding-bottom: 102px;
  }
}

@media screen and (min-width: 1024px) {
  .l-content.main {
    padding-bottom: 0;
  }
}

.l-content .section {
  width: 100%;
  min-width: 300px;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 20px;
}

.l-content .section.full {
  max-width: 100%;
  padding: 0;
}

.l-content .section.full > div {
  max-width: 1280px;
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .l-content .section {
    padding: 0 24px;
  }
}
.btn-float {
  width: 60px;
}

.btn-float button + button {
  margin-top: 10px;
}

.btn-top,
.btn-offers,
.btn-chatting {
  font-weight: 600;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 1px solid #dfdfdf;
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}

.btn-top:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 8px auto 0 auto;
  border: 2px solid #000;
  border-width: 2px 2px 0 0;
  transform: rotate(-45deg);
}

.btn-offers .text,
.btn-chatting .text {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #002c5f;
  text-align: center;
}

.btn-offers .text {
  font-size: 14px;
}

.btn-chatting .text {
  display: block;
  padding-top: 20px;
  font-size: 12px;
}

.btn-chatting .text:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 2px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 23px;
  height: 18px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat -174px -120px;
  background-size: 400px;
}

.l-footer-wrap {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.4rem;
  color: #fff;
  position: relative;
  background-color: #000;
}

.l-footer-wrap .l-footer {
  position: relative;
  padding-top: 17px;
  padding-bottom: 18px;
}

.l-footer-wrap .l-footer .footer-util-link {
  font-size: 0;
}

.l-footer-wrap .l-footer .footer-util-link > div {
  text-align: center;
  line-height: 2.4rem;
  font-size: 1.4rem;
}

.l-footer-wrap .l-footer .footer-util-link .btn-sitemap {
  display: none;
  position: relative;
  padding: 0 10px;
  line-height: 24px;
}

.l-footer-wrap .l-footer .footer-util-link .btn-sitemap:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 11px;
  background-color: #d2d2d2;
  transform: translateY(-50%);
}

.l-footer-wrap .l-footer .footer-util-link > div > a {
  position: relative;
  display: inline-block;
  padding: 0 10px 0 0;
}

.l-footer-wrap .l-footer .footer-util-link > div > a:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 1px;
  height: 11px;
  background-color: #d2d2d2;
  transform: translateY(-50%);
}

.l-footer-wrap .l-footer .footer-util-link > div > a:last-child:after {
  content: none;
}

.l-footer-wrap .l-footer .address-wrap {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #bfbfbf;
  margin-top: 5px;
}

.l-footer-wrap .l-footer address {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
}

.l-footer-wrap .l-footer address:last-child {
  margin: 0;
}

.l-footer-wrap .l-footer address a {
  pointer-events: none;
}

.l-footer-wrap .l-footer address span {
  display: inline-block;
}

.l-footer-wrap .l-footer .copyright {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #bfbfbf;
  text-align: center;
  font-size: 1.4rem;
}

.l-footer-wrap .l-footer .btn-top.is-fixed {
  position: fixed;
  top: auto;
  bottom: 20px;
}

.is-mobile .l-footer-wrap .l-footer address a {
  pointer-events: auto;
}

.l-footer-wrap .l-footer .btn-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99;
}

.l-footer-wrap .l-footer .btn-float.is-abs {
  position: absolute;
  bottom: calc(100% + 20px);
}

@media screen and (max-width: 1023px) {
  .l-footer-wrap .l-footer .footer-util-link > div {
    min-width: 300px;
    margin: 0 auto;
  }
  .l-footer .footer-sns {
    display: none;
  }
  .l-footer-wrap .l-footer.model-floating-bar .btn-float {
    bottom: 109px;
  }
  .l-footer-wrap .l-footer.model-floating-bar .btn-float.is-abs {
    bottom: calc(100% + 109px);
  }
  .l-footer-wrap .l-footer.bottom-floating .btn-float {
    bottom: 108px;
  }
  .l-footer-wrap .l-footer.bottom-floating .btn-float.is-abs {
    bottom: 319px;
  }
  .l-footer-wrap.on .l-footer.bottom-floating .btn-float {
    bottom: 293px;
  }
  .l-footer-wrap.on .l-footer.bottom-floating .btn-float.is-abs {
    bottom: 453px;
  }
  .is-floating-open .l-footer-wrap .l-footer.model-floating-bar .btn-float {
    bottom: 260px;
  }
  .is-floating-open .l-footer-wrap .l-footer.model-floating-bar .btn-float.is-abs {
    bottom: 460px;
  }
}
.l-footer-wrap .sitemap-wrap {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-footer-wrap .sitemap-wrap {
    display: block;
    width: 100%;
    height: auto;
    background-color: #00152d;
    font-size: 1.5rem;
  }
}

.l-footer-wrap .sitemap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 26px 20px 24px 20px;
}

.l-footer-wrap .sitemap > li {
  flex: 1;
}

.l-footer-wrap .sitemap > li .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 16px;
}

.l-footer-wrap .sitemap > li li {
  line-height: 2.4rem;
}

.sitemap-link {
  font-size: 14px;
  color: #bfbfbf;
}
.sitemap-link:hover {
  text-decoration: underline;
}

@media screen and (min-width: 1024px) {
  .btn-offers {
    display: none;
  }
  .l-footer-wrap .l-footer {
    max-width: 1280px;
    padding: 17px 20px 18px 20px;
    margin: 0 auto;
  }
  .l-footer-wrap .l-footer .footer-util-link {
    *zoom: 1;
  }
  .l-footer-wrap .l-footer .footer-util-link::before,
.l-footer-wrap .l-footer .footer-util-link::after {
    content: "";
    display: block;
  }
  .l-footer-wrap .l-footer .footer-util-link::after {
    clear: both;
  }
  .l-footer-wrap .l-footer .footer-util-link > div {
    float: left;
    max-width: inherit;
    margin: 0;
  }
  .l-footer-wrap .l-footer .footer-util-link > div > a {
    padding-right: 13px;
  }
  .l-footer-wrap .l-footer .footer-util-link > div > a + a {
    padding-left: 13px;
  }
  .l-footer-wrap .l-footer .footer-util-link > div > a:after {
    height: 14px;
  }
  .l-footer-wrap .l-footer .footer-util-link .btn-sitemap {
    color: #bfbfbf;
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding: 0;
  }
  .l-footer-wrap .l-footer .footer-util-link .btn-sitemap:after {
    content: "";
    position: static;
    display: inline-block;
    width: 15px;
    height: 12px;
    margin-left: 12px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -24px -282px no-repeat;
    background-size: 400px;
    transform: translateY(0) rotate(90deg);
  }
  .l-footer-wrap .l-footer .footer-util-link .btn-sitemap.is-active:after {
    transform: rotate(270deg);
  }
  .l-footer-wrap .l-footer address {
    text-align: left;
  }
  .l-footer-wrap .l-footer .copyright {
    margin-top: 2px;
    text-align: left;
    font-size: 1.5rem;
    color: #bfbfbf;
  }
  .l-footer-wrap .l-footer .footer-sns {
    display: block;
    position: absolute;
    right: 20px;
    top: 26px;
  }
  .l-footer-wrap .l-footer .footer-sns .tit {
    float: left;
    margin-right: 20px;
    line-height: 3.6rem;
    color: #666;
  }
  .l-footer-wrap .l-footer .footer-sns a {
    float: left;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
    background-size: 400px;
  }
  .l-footer-wrap .l-footer .footer-sns a + a {
    margin-left: 7px;
  }
  .l-footer-wrap .l-footer .footer-sns .sns-facebook {
    background-position: 0 -21px;
  }
  .l-footer-wrap .l-footer .footer-sns .sns-youtube {
    background-position: -37px -21px;
  }
  .l-footer-wrap .l-footer.model-floating-bar .btn-float {
    bottom: 90px;
  }
  .l-footer-wrap .l-footer.model-floating-bar .btn-float.is-abs {
    bottom: 205px;
  }
  .l-footer-wrap .l-footer .address {
    text-align: left;
  }
  .l-footer-wrap .l-footer .address span {
    margin-left: 10px;
  }
  .l-footer-wrap .l-footer.bottom-floating .btn-float {
    bottom: 142px;
  }
  .l-footer-wrap .l-footer.bottom-floating .btn-float.is-abs {
    bottom: 257px;
  }
}
@media screen and (min-width: 1280px) {
  .l-footer-wrap .l-footer .address-wrap {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #bfbfbf;
    margin-top: 4px;
  }
  .l-footer-wrap .l-footer .address-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .l-footer-wrap .l-footer address {
    position: relative;
    float: left;
    margin: 0 5px 0 0;
    padding: 0 15px 0 0;
  }
  .l-footer-wrap .l-footer address::after {
    content: "/";
    position: absolute;
    top: 0;
    right: 0;
  }
  .l-footer-wrap .l-footer address:last-child::after {
    content: none;
  }
  .l-footer-wrap .sitemap {
    max-width: 1280px;
    margin: 0 auto;
  }
  .l-footer-wrap .sitemap:after {
    content: "";
    display: block;
  }
  .l-footer-wrap .sitemap > li {
    float: left;
    width: 15.73034%;
    margin-right: 1.1236%;
  }
}
[class^=btn-t],
.btn-t01,
.btn-t02,
.btn-t03,
.btn-t04 {
  display: inline-block;
  text-align: center;
  vertical-align: top;
}

.btn-t01 {
  height: 46px;
  line-height: 46px;
  padding: 0 10px;
  background-color: #002c5f;
  color: #fff;
  font-size: 1.6rem;
}

.btn-t02 {
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding: 0 10px;
  background-color: #002c5f;
  color: #fff;
  font-size: 2rem;
}

.btn-t03 {
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  background-color: #666;
  color: #fff;
  font-size: 1.5rem;
}

.btn-t04 {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  background-color: #666;
  color: #fff;
  font-size: 1.5rem;
}

.btn-red {
  background-color: #002c5f;
}

.btn-gray {
  background-color: #666;
}

.btn-black {
  background-color: #212121;
  color: #fff;
}

.btn-blue {
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  background-color: #002c5f;
  color: #fff;
  cursor: pointer;
}
.btn-blue:hover {
  background-color: #00aad2;
}

.btn-white {
  background-color: #fff;
  color: #212121;
}

.btn-disabled {
  background-color: #b0b0b0;
  color: #f1f2f5;
  cursor: default;
}

.pf-btn {
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  background-color: #002c5f;
}
.pf-btn:hover {
  background-color: #00aad2;
}

.guide-box .b-title-area .btn-black,
.login-inline .btn-black,
.calculator .btn-black,
.form .btn-black {
  border: 1px solid #002c5f;
  background-color: #fff;
  color: #002c5f;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.guide-box .b-title-area .btn-black:hover,
.login-inline .btn-black:hover,
.calculator .btn-black:hover,
.form .btn-black:hover {
  background-color: #00aad2;
  color: #fff;
  border: 1px solid #00aad2;
}

.qs-form .box-inner .btn-red,
.trade-in .eval-form .btn-red,
.owners-benefits .btn-red,
.service-wrap .btn-red,
.calculator .btn-red,
.form .btn-red {
  background-color: #002c5f;
  color: #fff;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.qs-form .box-inner .btn-red:hover,
.trade-in .eval-form .btn-red:hover,
.owners-benefits .btn-red:hover,
.service-wrap .btn-red:hover,
.calculator .btn-red:hover,
.form .btn-red:hover {
  background-color: #00aad2;
  color: #fff;
}

.login-inner .btn-login,
.login-inner .password-find .btn-gray,
.sign-up-inner .btn-gray,
.sign-up-inner .btn-signup,
.owners-benefits .btn-dkblue,
.service-booking .btn-black,
.info-area .btn-black,
.service-wrap .box3 .btn-black {
  border: 1px solid #002c5f;
  background-color: #002c5f;
  color: #fff;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.login-inner .btn-login:hover,
.login-inner .password-find .btn-gray:hover,
.sign-up-inner .btn-gray:hover,
.sign-up-inner .btn-signup:hover,
.owners-benefits .btn-dkblue:hover,
.service-booking .btn-black:hover,
.info-area .btn-black:hover,
.service-wrap .box3 .btn-black:hover {
  background-color: #00aad2;
  color: #fff;
  border: 1px solid #00aad2;
}

.btn-area {
  width: 100%;
  text-align: center;
}

.btn-area:after {
  content: "";
  display: block;
  height: 0;
}

.btn-question {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #aaa;
  color: #fff;
}

.btn-question:before {
  content: "?";
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.info-wrap {
  position: relative;
  text-align: right;
}

.info-wrap .btn-info {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid #666;
  color: #666;
  text-align: center;
}

.info-wrap .btn-info:before {
  content: "i";
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.info-wrap .info-cont {
  display: none;
  position: absolute;
  right: 0;
  top: 31px;
  z-index: 5;
  width: 100%;
  max-width: 360px;
  padding: 15px 20px;
  border: 1px solid #fff;
  background-color: #282828;
  color: #fff;
  text-align: left;
}

.is-active .info-cont {
  display: block;
}

.layer-wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.8);
}

.layer-wrap .layer {
  display: none;
  background-color: #fff;
}

.layer-wrap .layer > .tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 15px 50px 15px 20px;
  font-size: 2rem;
  background-color: #212121;
  color: #fff;
}

.layer-wrap .layer .layer-cont {
  overflow: auto;
  padding: 15px 20px;
}

.layer-wrap .layer > .layer-cont .sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
  font-size: 2rem;
  color: #000;
}

.layer-wrap .layer > .btn-layer-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}

.layer-wrap .layer > .btn-layer-close:before,
.layer-wrap .layer > .btn-layer-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background-color: #fff;
}

.layer-wrap .layer > .btn-layer-close:before {
  transform: rotate(45deg);
}

.layer-wrap .layer > .btn-layer-close:after {
  transform: rotate(-45deg);
}

.layer-wrap .layer .btn-area {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #e3e3e3;
  text-align: center;
}

.layer-wrap .layer .btn-area [class^=btn-t] + [class^=btn-t] {
  margin-left: 8px;
}

.layer-wrap .layer .opt_dimmed_area + .btn-area {
  border: none;
  padding-top: 0;
}

@media screen and (max-width: 1023px) {
  .layer-wrap .layer .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .layer-wrap .layer .btn-area [class^=btn-t] {
    flex: 1;
  }
  .layer-wrap .layer .btn-area [class^=btn-t] + [class^=btn-t] + [class^=btn-t] {
    margin: 8px 0 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .layer-wrap .layer .btn-area {
    display: block;
    font-size: 0;
  }
  .layer-wrap .layer .btn-area [class^=btn-t] {
    min-width: 174px;
  }
  .layer-wrap .layer .btn-area [class^=btn-t] + [class^=btn-t] + [class^=btn-t] {
    flex: 1;
    width: auto;
    margin: 0 0 0 8px;
  }
}
input[type=text],
input[type=password],
input[type=tel],
input[type=email],
input[type=number],
input[type=date] {
  height: 46px;
  padding: 0 10px;
  border: 1px solid #dcdcdc;
  font-size: 1.6rem;
  color: #000;
  box-sizing: border-box;
  background-color: #fff;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  margin: 10px 0 0 10px;
}

input[type=checkbox] + label,
input[type=radio] + label {
  position: relative;
  display: inline-block;
}

input[type=checkbox] + label:before,
input[type=checkbox] + label:after,
input[type=radio] + label:before,
input[type=radio] + label:after {
  content: "";
  position: absolute;
  box-sizing: border-box;
}

input[type=checkbox] + label:before,
input[type=radio] + label:before {
  top: 0;
  left: 0;
  border: 1px solid #8b8b8b;
  background-color: #fff;
}

input[type=radio] + label:before {
  border-radius: 50%;
}

input[type=checkbox]:checked + label:after {
  border-left: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(-50deg);
}

input[type=checkbox]:disabled + label:before,
input[type=radio]:disabled + label:before {
  border-color: #aaa;
  background-color: #ddd;
}

input[type=radio] + label:after {
  top: 50%;
  left: 7px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #b0b0b0;
}

input[type=radio]:checked + label:before {
  border: 1px solid #000;
}

input[type=radio]:disabled + label:after {
  width: 0;
  height: 0;
}

select {
  height: 46px;
  padding: 0 10px;
  border: 1px solid #dcdcdc;
  font-size: 1.6rem;
  color: #000;
  box-sizing: border-box;
  background: #fff url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/bg-select.png) no-repeat right 10px top 50%;
  background-size: 14px 9px;
}

select:disabled {
  background-color: #e3e3e3;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/bg-select-disabled.gif);
  color: #888888;
}

textarea {
  padding: 10px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

.input-wrap {
  position: relative;
  display: inline-block;
}

::placeholder {
  color: #aaa;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #aaa !important;
}

::-ms-input-placeholder {
  color: #aaa !important;
}

.annotation {
  font-size: 1.4rem;
}

.datepicker {
  padding-right: 42px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/bg-datepicker.png) right 10px top 50% no-repeat;
  background-size: 22px 26px;
}

.ui-datepicker {
  width: 320px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}

.ui-datepicker .ui-datepicker-header {
  padding: 5px 0;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  font-size: 24px;
  color: #000;
}

.ui-datepicker-month:after {
  content: " -";
}

.ui-datepicker th {
  font-weight: 600;
  line-height: 40px;
  font-size: 1.4rem;
  color: #000;
}

.ui-datepicker th,
.ui-datepicker td {
  height: 40px;
  padding: 0;
  text-align: center;
}

.ui-datepicker td span,
.ui-datepicker td a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
}

.ui-state-active {
  font-weight: 600;
  border-radius: 50%;
  background-color: #002c5f;
  color: #fff;
}

.ui-state-highlight {
  position: relative;
}

.ui-state-highlight:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #002c5f;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 0;
  width: 53px;
  height: 53px;
}

.ui-datepicker .ui-datepicker-prev {
  left: -10px;
}

.ui-datepicker .ui-datepicker-next {
  right: -10px;
}

.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 1px solid #000;
  border-width: 1px 1px 0 0;
}

.ui-datepicker .ui-datepicker-prev:after {
  transform: rotate(-135deg);
}

.ui-datepicker .ui-datepicker-next:after {
  transform: rotate(45deg);
}

@media screen and (max-width: 1023px) {
  .ui-datepicker {
    position: fixed !important;
    top: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 10000000 !important;
    width: 100%;
  }
}
.required:after {
  content: " *";
  font-weight: 600;
  color: #002c5f;
}

@media screen and (max-width: 1023px) {
  .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btn-area [class^=btn-t] {
    flex: 1;
  }
  .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 8px;
  }
  .btn-area .btn-t02 + .btn-t02 {
    margin: 8px 0 0 0;
  }
  .btn-area [class^=btn-t] + [class^=btn-t] + [class^=btn-t] {
    flex: none;
    width: 100%;
    margin: 8px 0 0 0;
  }
  input[type=checkbox] + label,
input[type=radio] + label {
    height: 32px;
    line-height: 32px;
    margin-right: 20px;
    padding-left: 42px;
    cursor: pointer;
  }
  input[type=checkbox] + label:before,
input[type=radio] + label:before {
    width: 32px;
    height: 32px;
  }
  input[type=checkbox]:checked + label:after {
    top: 50%;
    left: 8px;
    width: 17px;
    height: 10px;
    margin-top: -8px;
  }
  input[type=radio]:checked + label:after {
    top: 50%;
    left: 9px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-radius: 50%;
    background-color: #000;
  }
  input[type=radio] + label:after {
    top: 50%;
    left: 9px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    border-radius: 50%;
    background-color: #b0b0b0;
  }
  .tab-area .tab li {
    width: calc(50% - 4px);
    font-size: 1.6rem;
  }
  .tab-area .tab li a {
    height: 46px;
    line-height: 46px;
  }
  .multi-tab.tab-area .tab {
    position: relative;
    height: 46px;
  }
  .multi-tab.tab-area .tab:before {
    content: none;
  }
  .multi-tab.tab-area .tab ul {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 10;
    width: 100%;
    border: 1px solid #dcdcdc;
    background-color: #fff;
  }
  .multi-tab.tab-area .tab ul.is-show {
    display: block;
  }
  .multi-tab.tab-area .tab li {
    display: block;
    width: 100%;
    padding: 0 10px;
    border: none;
    text-align: left;
  }
  .multi-tab.tab-area .tab > a {
    display: block;
    padding: 0 10px;
    line-height: 46px;
    border: 1px solid #dcdcdc;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/bg-select.gif) right 10px top 50% no-repeat;
    background-size: 13px 8px;
  }
  .multi-tab.tab-area .tab li.is-active {
    display: none;
  }
  .tab-specs {
    margin-bottom: 20px;
  }
  .layer-wrap .layer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
  }
  .pf-height-full {
    height: 100%;
  }
  .layer-wrap .layer > .layer-cont,
.layer-wrap .pf-height-full .layer-cont {
    height: calc(100% - 60px);
  }
}
@media screen and (max-width: 1023px) and (max-width: 680px) {
  .layer-wrap .layer > .layer-cont {
    padding-bottom: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .btn-area [class^=btn-t] {
    flex: 1;
  }
  .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 8px;
  }
  .btn-area .btn-t02 + .btn-t02 {
    margin: 8px 0 0 0;
  }
  .layer-wrap {
    overflow-y: scroll;
    padding: 80px 0;
  }
  .layer-wrap .layer {
    position: relative;
    min-width: 400px;
    max-width: 860px;
    margin: 0 auto;
    background-color: #fff;
  }
  input[type=checkbox] + label,
input[type=radio] + label {
    height: 24px;
    line-height: 24px;
    margin-right: 20px;
    padding-left: 34px;
    cursor: pointer;
  }
  input[type=checkbox] + label:before,
input[type=radio] + label:before {
    width: 24px;
    height: 24px;
  }
  input[type=checkbox]:checked + label:after {
    top: 50%;
    left: 5px;
    width: 13px;
    height: 8px;
    margin-top: -6px;
  }
  input[type=radio]:checked + label:after {
    top: 50%;
    left: 7px;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    background-color: #000;
  }
  .tab-area .tab li {
    width: calc(50% - 4px);
  }
  .tab-area .tab li a {
    height: 52px;
    line-height: 52px;
  }
  .tab-area .tab3 li {
    width: calc(33.33% - 5px);
  }
  .tab-area .tab3 li + li {
    margin-left: 8px;
  }
  .tab-area .tab4 li {
    width: calc(25% - 6px);
  }
  .tab-area .tab4 li + li {
    margin-left: 8px;
  }
  .multi-tab.tab-area .tab > a {
    display: none;
  }
  .tab-area .tab-specs {
    padding-bottom: 21px;
  }
  .tab-area .tab-specs ul {
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tab-area .tab-specs li {
    width: 16.667%;
    height: 47px;
    font-size: 1.6rem;
    border: 0;
    color: #000;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(6n+1) {
    border-left: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(-n+6) {
    border-top: 1px solid #eee;
  }
  .tab-area .tab-specs li.is-active {
    border: 0;
    background-color: #212121;
    color: #fff;
  }
  .tab-area .tab-specs li:last-child {
    float: left;
  }
  .tab-area .tab-specs li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1280px) {
  .btn-area {
    display: block;
    font-size: 0;
  }
  .btn-area [class^=btn-t] {
    display: inline-block;
    min-width: 100px;
  }
  .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 10px;
  }
  .layer .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 8px;
  }
  .tab-area .tab li {
    width: calc(50% - 5px);
  }
  .tab-area .tab3 li {
    width: calc(33.33% - 6px);
  }
  .tab-area .tab3 li + li {
    margin-left: 10px;
  }
  .tab-area .tab4 li {
    width: calc(25% - 7px);
  }
  .tab-area .tab4 li + li {
    margin-left: 10px;
  }
  .tab-area .tab-specs {
    padding-bottom: 21px;
  }
  .tab-area .tab-specs ul {
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .tab-area .tab-specs li {
    width: 16.667%;
    height: 47px;
    font-size: 1.6rem;
    border: 0;
    color: #000;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(6n+1) {
    border-left: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(-n+6) {
    border-top: 1px solid #eee;
  }
  .tab-area .tab-specs li.is-active {
    border: 0;
    background-color: #212121;
    color: #fff;
  }
  .tab-area .tab-specs li:last-child {
    float: left;
  }
  .tab-area .tab-specs li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
  }
}
i[class^=ico-],
[class^=ico-]:before {
  content: "";
  display: inline-block;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
}

i[class^=ico-]:before {
  content: none;
}

i.ico-instagram,
.ico-instagram:before {
  width: 26px;
  height: 26px;
  background-position: -235px -59px;
}

i.ico-fuel-type,
.ico-fuel-type:before {
  width: 30px;
  height: 26px;
  background-position: -125px -59px;
}

i.ico-transmission,
.ico-transmission:before {
  width: 28px;
  height: 25px;
  background-position: -34px -119px;
}

i.ico-fuel-efficiency,
.ico-fuel-efficiency:before {
  width: 36px;
  height: 30px;
  background-position: -103px -86px;
}

i.ico-fuel-efficiency02,
.ico-fuel-efficiency02:before {
  width: 30px;
  height: 25px;
  background-position: -94px -59px;
}

i.ico-fuel-normal,
.ico-fuel-normal:before {
  width: 30px;
  height: 26px;
  background-position: -125px -59px;
}

i.ico-hybrid,
.ico-hybrid:before {
  width: 46px;
  height: 31px;
  background-position: -187px -86px;
}

i.ico-hybrid02,
.ico-hybrid02:before {
  width: 36px;
  height: 26px;
  background-position: -194px -59px;
}

i.ico-electric,
.ico-electric:before {
  width: 46px;
  height: 31px;
  background-position: -140px -87px;
}

i.ico-electric02,
.ico-electric02:before {
  width: 36px;
  height: 26px;
  background-position: -157px -59px;
}

i.ico-filter,
.ico-filter:before {
  width: 32px;
  height: 31px;
  background-position: -268px 0;
}

i.ico-paper,
.ico-paper:before {
  width: 19px;
  height: 24px;
  background-position: 0 -59px;
}

i.ico-video,
.ico-video:before {
  width: 26px;
  height: 26px;
  background-position: -20px -59px;
}

i.ico-360,
.ico-360:before {
  width: 22px;
  height: 26px;
  background-position: -47px -59px;
}

i.ico-review,
.ico-review:before {
  width: 23px;
  height: 20px;
  background-position: -70px -59px;
}

i.ico-write,
.ico-write:before {
  width: 18px;
  height: 18px;
  background-position: 0 -119px;
}

i.ico-engine-capacity-s,
.ico-engine-capacity-s:before {
  width: 25px;
  height: 36px;
  background-position: -134px -150px;
}

i.ico-engine-s,
.ico-engine-s:before {
  width: 31px;
  height: 25px;
  background-position: -161px -150px;
}

i.ico-video-play-s,
.ico-video-play-s:before {
  width: 48px;
  height: 48px;
  background-position: -352px 0;
}

i.ico-category-a,
.ico-category-a:before {
  width: 32px;
  height: 32px;
  background-position: -235px -105px;
}

i.ico-category-a1,
.ico-category-a1:before {
  width: 32px;
  height: 32px;
  background-position: -268px -105px;
}

i.ico-category-a2,
.ico-category-a2:before {
  width: 32px;
  height: 32px;
  background-position: -301px -105px;
}

i.ico-category-b,
.ico-category-b:before {
  width: 32px;
  height: 32px;
  background-position: -235px -138px;
}

i.ico-category-c,
.ico-category-c:before {
  width: 32px;
  height: 32px;
  background-position: -235px -171px;
}

i.ico-category-c1,
.ico-category-c1:before {
  width: 32px;
  height: 32px;
  background-position: -268px -171px;
}

i.ico-category-c2,
.ico-category-c2:before {
  width: 32px;
  height: 32px;
  background-position: -301px -171px;
}

i.ico-category-e,
.ico-category-e:before {
  width: 32px;
  height: 32px;
  background-position: -235px -204px;
}

.i-import {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #aaa;
  color: #fff;
}

.i-import:before {
  content: "!";
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

i.ico-co2,
.ico-co2 {
  width: 46px;
  height: 28px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -81px -103px;
  background-size: 400px;
}

i.ico-range,
.ico-range {
  width: 24px;
  height: 24px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: -56px -103px;
  background-size: 400px;
}

@media screen and (min-width: 1280px) {
  i.ico-fuel-type,
.ico-fuel-type:before {
    width: 36px;
    height: 30px;
    background-position: -66px -86px;
  }
  i.ico-transmission,
.ico-transmission:before {
    width: 34px;
    height: 30px;
    background-position: -66px -119px;
  }
  i.ico-fuel-normal,
.ico-fuel-normal:before {
    width: 36px;
    height: 30px;
    background-position: -66px -86px;
  }
}
.btn-view-detail {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
}
.btn-view-detail:hover {
  background-color: #00aad2;
  color: #fff;
  border: 1px solid #00aad2;
}

.btn-blue-dealer-config {
  background-color: #00aad2;
  color: #fff;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
  width: 170px;
  text-transform: uppercase;
  font-size: 20px;
}
.btn-blue-dealer-config:hover {
  background-color: #002c5f;
  color: #fff;
}

.dcs-button {
  background-color: #00aad2;
  color: #fff;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
  width: 185px;
  text-transform: uppercase;
  font-size: 18px;
}
.dcs-button:hover {
  background-color: #002c5f;
  color: #fff;
}

.btn-configure {
  background-color: #002c5f;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.btn-configure:hover {
  background-color: #00aad2;
}

.btn-cart {
  width: 140px;
  background-color: #002c5f;
}

.btn-arrow-vertical {
  border-top: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 0;
}

.btn-arrow-vertical.is-up {
  transform: rotate(180deg);
}

.btn-cart {
  background-color: #00aad2;
}

.btn-step-prev,
.btn-step-next {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  display: inline-block;
  min-width: 30px;
  height: 48px;
  line-height: 48px;
  font-size: 2rem;
}

.btn-step-prev {
  padding-left: 25px;
  color: #999;
}

.btn-step-next {
  padding-right: 25px;
  color: #002c5f;
}

.btn-step-prev:before,
.btn-step-prev:after,
.btn-step-next:before,
.btn-step-next:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 2px;
  top: 50%;
}

.btn-step-next:before,
.btn-step-next:after {
  right: 0;
  background-color: #002c5f;
  transform-origin: 100% 50%;
}

.btn-step-prev:before,
.btn-step-prev:after {
  left: 0;
  background-color: #999;
  transform-origin: 0 0;
}

.btn-step-prev:before {
  transform: rotate(-45deg);
}

.btn-step-prev:after {
  transform: rotate(45deg);
}

.btn-step-next:before {
  transform: rotate(-45deg);
}

.btn-step-next:after {
  transform: rotate(45deg);
}

.btn-calculation {
  background-color: #002c5f;
}

@media screen and (min-width: 1024px) {
  .btn-step-prev {
    padding-left: 44px;
  }
  .btn-step-next {
    padding-right: 44px;
  }
  .btn-calculation {
    flex: none;
    width: 156px;
  }
}
@media screen and (min-width: 1280px) {
  .btn-features,
.btn-view-detail,
.btn-configure {
    width: 160px;
  }
  .btn-features:before,
.btn-configure:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
    background-size: 400px;
  }
  .btn-view-detail:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite_black.png) no-repeat;
    background-size: 400px;
    width: 18px;
    height: 18px;
    background-position: -211px -37px;
    vertical-align: -3px;
    -webkit-transition: background-color 250ms ease-in;
    -moz-transition: background-color 250ms ease-in;
    -ms-transition: background-color 250ms ease-in;
    -o-transition: background-color 250ms ease-in;
    transition: background-color 250ms ease-in;
  }
  .btn-view-detail:hover:before {
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
    background-position: -211px -38px;
    background-size: 400px;
  }
  .btn-features:before {
    width: 19px;
    height: 24px;
    background-position: -112px -21px;
    vertical-align: -5px;
  }
  .btn-configure:before {
    width: 26px;
    height: 21px;
    background-position: -273px -33px;
    vertical-align: -5px;
  }
  .btn-calculation {
    width: 260px;
  }
}
.swiper-container {
  overflow: hidden;
  position: relative;
}

.swiper-wrapper:after {
  content: "";
  display: block;
  clear: both;
}

.swiper-pagination {
  position: relative;
  bottom: 0;
  padding-top: 20px;
}

.swiper-pagination-bullets {
  font-size: 0;
}

.swiper-pagination-bullet {
  width: 30px;
  height: 5px;
  border-radius: 0;
}

.swiper-pagination-bullet-active {
  background-color: #00aad2;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled,
.swiper-button-disabled {
  opacity: 0;
}

@media screen and (max-width: 1023px) {
  .btn-swipe-ctrl,
.btn-prev,
.btn-next {
    display: none;
  }
}
.color-chip li {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  height: 190px;
  padding: 20px 5px 5px 5px;
  text-align: center;
}

.color-chip li.check-inventory-need {
  background-color: #f1f2f5;
  border-radius: 8px;
}

.color-chip li button > span {
  display: block;
  color: #212121;
  line-height: 1.5;
  font-size: 1.2rem;
}

.color-chip li button > span.eta {
  margin-top: 8px;
}

.color-chip li button > span.add-weeks {
  margin-top: 4px;
}

.color-chip li button > span.available-now,
.exterior-colorchip-list li button > span.available-now {
  color: #e63312;
  line-height: 1.3rem;
}

.color-chip li .color-circle {
  overflow: hidden;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 20px auto;
  border-radius: 50%;
}

.color-chip li .color-circle img {
  width: 100%;
  height: 100%;
}

.color-chip li.is-active .color-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 25px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.color-chip li.is-active .color-circle.white:after {
  border-color: #212121;
}

.color-chip li.hot .color-circle:before {
  font-weight: 600;
  content: "HOT";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1.1rem;
  line-height: 2rem;
}

.color-chip li.is-active .color-txt {
  font-weight: 600;
}

.color-chip .btn-prev,
.color-chip .btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 80%;
  z-index: 100;
  width: 40px;
  height: 40px;
  margin-top: -55px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
  text-indent: 100%;
  white-space: nowrap;
}

.color-chip .btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.color-chip .btn-next {
  right: 0;
  background-position: -42px -150px;
}

.color-chip.is-destroy ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.color-chip.is-destroy li {
  width: 33%;
  padding: 0 13px 20px 13px;
  text-align: center;
}

.color-chip.is-destroy li:nth-child(3n) {
  float: right;
  margin-right: 0;
}

.color-chip.is-destroy .swiper-pagination,
.color-chip.is-destroy .btn-prev,
.color-chip.is-destroy .btn-next {
  display: none;
  opacity: 0;
}

.color-chip .check-inventory {
  position: absolute;
  top: 5px;
  right: 0;
  color: #000;
  font-size: 1.6rem;
}

.color-chip .check-inventory:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  border: 1px solid #dadbdc;
  background-color: #f1f2f5;
  border-radius: 2px;
  vertical-align: middle;
}

.layer[data-layer-name=layerColorSelector] .layer-cont > div {
  position: relative;
}

.layer[data-layer-name=layerColorSelector] .layer-cont > div .sub-tit {
  position: absolute;
}

.layer[data-layer-name=layerColorSelector] .layer-cont .color-chip {
  padding-top: 40px;
}

.two-tone-dsec {
  margin-top: 10px;
}

@media screen and (max-width: 1023px) {
  .two-tone-dsec span {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .two-tone-dsec span + span:before {
    content: "/";
    margin-right: 6px;
  }
}
.schedule-visit {
  padding: 0 10px;
  background-color: #212730;
}

.schedule-visit:after {
  content: "";
  display: block;
  clear: both;
}

.schedule-visit .tit {
  font-weight: 600;
  float: left;
  color: #fff;
  line-height: 50px;
}

.schedule-visit .date {
  font-weight: 600;
  text-align: right;
  float: right;
  color: #002c5f;
  line-height: 50px;
  border: 0;
  background-color: #212730;
}

.calendar {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  width: 100%;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
}

.calendar .calendar-header {
  position: relative;
  padding: 0 5px;
  text-align: center;
}

.calendar .calendar-header .month {
  line-height: 53px;
  font-size: 2.4rem;
  color: #212121;
}

.calendar .calendar-header button {
  position: absolute;
  top: 0;
  width: 53px;
  height: 53px;
}

.calendar .calendar-header .prev-month {
  left: 0;
}

.calendar .calendar-header .next-month {
  right: 0;
}

.calendar .calendar-header button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  border: 1px solid #000;
  border-width: 1px 1px 0 0;
}

.calendar .calendar-header .prev-month:after {
  transform: rotate(-135deg);
}

.calendar .calendar-header .next-month:after {
  transform: rotate(45deg);
}

.calendar .calendar-inner th {
  font-weight: 600;
  color: #000;
}

.calendar .calendar-inner th,
.calendar .calendar-inner td {
  height: 40px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.4rem;
}

.calendar .calendar-inner td a {
  display: inline-block;
  width: 40px;
  text-decoration: none;
  line-height: 40px;
}

.calendar .calendar-inner td a.today {
  font-weight: 600;
  border-radius: 50%;
  background-color: #002c5f;
  color: #fff;
}

.calendar .calendar-inner td a.has-plan {
  position: relative;
}

.calendar .calendar-inner td a.has-plan:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #002c5f;
}

.calendar .calendar-inner td a.today-plan:after {
  content: "";
  position: absolute;
  bottom: 2px;
  left: 50%;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  border-radius: 50%;
  background-color: #fff;
}

td a.nice-gray {
  opacity: 0;
}

a.nice-normal.red {
  border-radius: 50%;
  background-color: #e63312;
  color: #fff;
  font-weight: 600;
}

a.nice-normal:hover {
  cursor: pointer;
}

a.nice-normal.old-date {
  pointer-events: none;
  cursor: default;
  opacity: 0.2;
}

.temp-show {
  opacity: 0 !important;
  display: block !important;
}

.pagination {
  text-align: center;
  font-size: 0;
}

.pagination a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: top;
}

.pagination > a {
  background-color: #f1f2f5;
  padding: 13px 0;
}

.pagination > a:before {
  content: "";
  display: inline-block;
  height: 14px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
}

.pagination .btn-first:before,
.pagination .btn-last:before {
  width: 15px;
  background-position: -272px -86px;
}

.pagination .btn-first.disabled:before,
.pagination .btn-last.disabled:before {
  background-position: -235px -86px;
}

.pagination .btn-prev:before,
.pagination .btn-next:before {
  width: 9px;
  background-position: -262px -86px;
}

.pagination .btn-prev.disabled:before,
.pagination .btn-next.disabled:before {
  background-position: -251px -86px;
}

.pagination .btn-next:before,
.pagination .btn-last:before {
  transform: rotate(180deg);
}

.pagination .btn-prev,
.pagination .btn-last {
  margin-left: 1px;
}

.pagination .num-wrap {
  overflow: hidden;
  display: inline-block;
  height: 40px;
  padding: 0 20px;
}

.pagination .num-wrap > a {
  line-height: 40px;
  font-size: 1.6rem;
  color: #666;
  background-color: transparent;
}

.pagination .num-wrap > a.is-active {
  color: #fff;
  background-color: #002c5f;
}

@media screen and (max-width: 1023px) {
  .pagination {
    position: relative;
    min-width: 290px;
    padding: 0 82px;
  }
  .pagination > a {
    position: absolute;
    top: 0;
  }
  .pagination .btn-first {
    left: 0;
  }
  .pagination .btn-prev {
    left: 41px;
  }
  .pagination .btn-next {
    right: 41px;
  }
  .pagination .btn-last {
    right: 0;
  }
  .pagination .num-wrap {
    padding: 0;
  }
}
.page-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  border-bottom: 2px solid #212121;
}

.page-subtit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
}

.share-page {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 10px;
}

.share-page strong {
  font-weight: 400;
  display: inline-block;
  margin-right: 10px;
  font-size: 1.5rem;
  line-height: 30px;
  vertical-align: middle;
}

.share-page .btn-share {
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background-color: #dbdde1;
  text-indent: 100%;
  white-space: nowrap;
  vertical-align: middle;
}

.share-page .btn-share:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 30px;
  height: 30px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -352px -73px;
  background-size: 400px;
}

@media screen and (max-width: 1023px) {
  .page-tit {
    padding-bottom: 8px;
    font-size: 2rem;
  }
  .section .page-tit {
    margin-top: 18px;
    padding-top: 10px;
  }
  .share-page strong {
    display: none;
  }
  .share-page .btn-share {
    width: 40px;
    height: 40px;
    background-color: #dbdde1;
  }
  .share-page .btn-share:after {
    top: 5px;
    left: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .page-tit {
    padding-bottom: 11px;
    font-size: 2.4rem;
  }
  .section .page-tit {
    padding-top: 51px;
  }
}
.layer[data-layer-name=addThis] > .layer-cont {
  padding-bottom: 0;
}

.at-share-btn-elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.at-resp-share-element .at4-share-count-container {
  display: none;
}

@media screen and (max-width: 1023px) {
  .layer[data-layer-name=addThis] > .layer-cont {
    padding-top: 20px;
  }
  .at-share-btn-elements {
    width: 234px;
    margin: 0 auto;
  }
  .at-share-btn-elements > a {
    margin: 0 30px 30px 0 !important;
  }
  .at-share-btn-elements > a:nth-child(3n) {
    margin-right: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  .layer[data-layer-name=addThis] {
    width: 414px;
  }
  .at-share-btn-elements > a {
    margin: 0 20px 20px 0 !important;
  }
  .at-share-btn-elements > a:nth-child(5n) {
    margin-right: 0 !important;
  }
}
.quick-menu {
  font-weight: 600;
  display: none;
  position: fixed;
  left: 0;
  top: 50px;
  z-index: 101;
  width: 100%;
  color: #fff;
  font-size: 1.4rem;
}
.pickerings-hyundai .quick-menu {
  display: none;
}

.quick-menu.is-active {
  display: block;
}

.quick-menu .tit {
  display: block;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  background-color: #002c5f;
}
@media screen and (max-width: 1279px) {
  .quick-menu .tit {
    display: none;
  }
}

.quick-menu .buy-now-tit {
  background-color: #00aad2;
}

.quick-menu ul {
  overflow-y: auto;
  padding: 0 20px;
  background-color: #212121;
}
@media screen and (max-width: 1279px) {
  .quick-menu ul {
    background-color: #002c5f;
    padding: 20px;
    padding-bottom: 0;
  }
}

.quick-menu li {
  overflow: hidden;
}

.quick-menu li + li {
  border-top: 1px solid #3e3e3e;
}

.quick-menu li > a {
  position: relative;
  display: block;
  height: 65px;
  padding: 20px 21px 0 40px;
  border-left: 1px solid #004fac;
  border-bottom: 1px solid #004fac;
}
@media screen and (max-width: 1279px) {
  .quick-menu li > a {
    padding: 10px 15px;
    height: auto;
    border: none;
  }
}

.quick-menu li:nth-child(3) > a:after,
.quick-menu li:nth-child(4) > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  width: 9px;
  height: 14px;
  margin-top: -7px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -375px -51px;
  background-size: 400px;
}

.quick-menu li > a i {
  position: absolute;
  left: 0;
  top: 50%;
}

.quick-menu .ico-quote {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -65px -245px;
  background-size: 400px;
}

.quick-menu .ico-buy-now {
  display: inline-block;
  width: 35px;
  height: 33px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -228px -245px;
  background-size: 400px;
}

.quick-menu .ico-brochure {
  display: inline-block;
  width: 30px;
  height: 28px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -95px -245px;
  background-size: 400px;
}

.quick-menu .ico-service {
  display: inline-block;
  width: 30px;
  height: 28px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -126px -245px;
  background-size: 400px;
}

.quick-menu .ico-stock {
  display: inline-block;
  width: 34px;
  height: 29px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -157px -245px;
  background-size: 400px;
}

.quick-menu .ico-drive {
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -194px -245px;
  background-size: 400px;
}

.quick-menu .ico-offers {
  display: inline-block;
  width: 35px;
  height: 32px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -156px -245px;
  background-size: 400px;
}

.quick-menu li > a .ico-subscribe {
  display: inline-block;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -265px -245px;
  background-size: 400px;
}

.quick-menu li span {
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.quick-menu .btn-quick-close {
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  text-indent: 100%;
  white-space: nowrap;
}

.quick-menu .btn-quick-close:before,
.quick-menu .btn-quick-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background-color: #fff;
}

.quick-menu .btn-quick-close:before {
  transform: rotate(45deg);
}

.quick-menu .btn-quick-close:after {
  transform: rotate(-45deg);
}

@media screen and (max-width: 1279px) {
  .quick-menu ul {
    display: flex;
    max-height: calc(100vh - 110px);
  }
}
@media screen and (max-width: 1279px) {
  .qm-list-item {
    border-bottom: 1px solid #3498db;
  }
}

@media screen and (max-width: 1279px) {
  .quick-menu li {
    width: 90%;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .quick-menu {
    top: 111px;
  }
  .quick-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .quick-menu li:nth-child(3n+1) {
    margin-left: 0;
  }
  .quick-menu li + li {
    border-top: none;
  }
}
@media screen and (min-width: 1280px) {
  .quick-menu {
    display: block;
    left: auto;
    right: -221px;
    top: 50%;
    margin-top: -115px;
    width: 220px;
    transition: all 0.4s;
  }
  .quick-menu.is-show {
    right: 0;
  }
  .quick-menu ul {
    padding: 0;
    background-color: transparent;
  }
  .quick-menu li {
    display: inline;
  }
  .quick-menu li + li a {
    border-top: 1px solid #004fac;
  }
  .quick-menu li > a {
    display: block;
    width: 220px;
    padding-right: 0;
    background-color: #002c5f;
    box-sizing: border-box;
    transition: width 0.4s;
    -webkit-transition: background-color 150ms ease-in;
    -moz-transition: background-color 150ms ease-in;
    -ms-transition: background-color 150ms ease-in;
    -o-transition: background-color 150ms ease-in;
    transition: background-color 150ms ease-in;
  }
  .quick-menu li > a:hover {
    background-color: #00aad2;
  }
  .quick-menu li .buy-now-link {
    background-color: #00aad2;
  }
  .quick-menu li > a i {
    left: 14px;
  }
  .quick-menu li > a:after {
    content: none;
  }
  .quick-menu li:nth-child(3) > a span:after,
.quick-menu li:nth-child(4) > a span:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 12px;
    width: 9px;
    height: 14px;
    margin-top: -7px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat -375px -51px;
    background-size: 400px;
  }
  .quick-menu > .tit {
    position: absolute;
    left: -80px;
    width: 80px;
    height: 65px;
    text-align: center;
    line-height: 1.3;
    font-size: 12px;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #004fac;
  }
  .icon-text {
    display: block;
    text-align: center;
  }
  .quick-menu > .tit span {
    display: block;
  }
  .quick-menu .btn-quick-close {
    display: none;
  }
  .quick-menu .qm-list i {
    display: none;
  }
}
.cart-wrap {
  font-weight: 600;
  display: none;
  position: fixed;
  left: 0;
  width: 100%;
  color: #fff;
  background-color: #212121;
}

.cart-wrap .cart-inner > .tit {
  display: block;
  padding: 16px 20px;
  border-bottom: 1px solid #414141;
  font-size: 1.8rem;
}

.cart-wrap .cart-inner > .tit span {
  color: #00aad2;
}

.cart-wrap .cart-swiper dl {
  font-size: 1.6rem;
}

.cart-wrap .cart-swiper dt {
  font-size: 16px;
  line-height: 1.2;
}

.cart-wrap .cart-swiper dd + dd {
  margin-top: 14px;
}

.cart-wrap .cart-swiper li button {
  font-weight: 400;
  font-size: 1.5rem;
}

.cart-wrap .cart-swiper > button {
  display: none;
}

.cart-wrap .swiper-wrapper {
  height: auto;
}

.cart-wrap .swiper-pagination {
  position: relative;
  z-index: 1100;
}

.cart-wrap .swiper-pagination .swiper-pagination-bullet {
  background: #c7c7c7;
  opacity: 1;
}

.cart-wrap .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00aad2;
}

.cart-wrap .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
}

.cart-wrap .btn-close:before,
.cart-wrap .btn-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background-color: #fff;
}

.cart-wrap .btn-close:before {
  transform: rotate(45deg);
}

.cart-wrap .btn-close:after {
  transform: rotate(-45deg);
}

@media screen and (max-width: 1023px) {
  .cart-wrap {
    top: 50px;
    bottom: 0;
  }
  .cart-wrap .cart-swiper {
    overflow-y: auto;
    height: calc(100vh - 110px);
  }
  .cart-wrap .cart-swiper li {
    padding: 0 40px;
    text-align: center;
  }
  .cart-wrap .cart-swiper img {
    width: 60%;
  }
  .cart-wrap .cart-swiper li > div {
    margin-top: 30px;
  }
  .cart-wrap .cart-swiper dl {
    margin-top: 15px;
    text-align: left;
  }
  .cart-wrap .cart-swiper li button {
    width: 100%;
  }
  .cart-wrap .swiper-pagination {
    padding: 30px 0 20px 0;
  }
}
@media screen and (max-width: 1023px) and (max-width: 360px) {
  .cart-wrap .cart-swiper dl {
    margin-top: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .cart-wrap {
    top: 70px;
  }
  .cart-wrap .cart-inner {
    position: relative;
    max-width: 768px;
    margin: 0 auto;
  }
  .cart-wrap .cart-swiper {
    height: 238px;
  }
  .cart-wrap .cart-swiper li {
    padding: 40px 40px 0 40px;
  }
  .cart-wrap .cart-swiper img {
    float: left;
    width: 152px;
    margin-top: 15px;
  }
  .cart-wrap .cart-swiper dl {
    float: left;
    margin-left: 20px;
  }
  .cart-wrap .cart-swiper li:after {
    content: "";
    display: block;
    clear: both;
  }
  .cart-wrap .cart-swiper li > div {
    width: 100%;
  }
  .cart-wrap .cart-swiper li button {
    width: 190px;
  }
  .cart-wrap .swiper-pagination {
    padding: 40px 0 36px 0;
  }
}
@media screen and (min-width: 1280px) {
  .cart-wrap {
    top: 75px;
    z-index: 1000;
  }
  .cart-wrap:before {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    top: 136px;
    border-bottom: 1px solid #414141;
  }
  .cart-wrap .cart-inner .tit {
    border-bottom: 0;
  }
  .cart-wrap .cart-swiper li {
    padding: 40px 70px 0 70px;
  }
  .cart-wrap .cart-swiper dl {
    margin-left: 50px;
  }
  .cart-wrap .cart-swiper:hover > button {
    display: block;
  }
  .cart-wrap .cart-swiper > button {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1100;
    width: 40px;
    height: 80px;
    margin-top: -40px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -602px -206px no-repeat;
    white-space: nowrap;
    text-indent: 100%;
  }
  .cart-wrap .cart-swiper > button.btn-next {
    left: auto;
    right: 0;
    transform: rotate(180deg);
  }
}
@media screen and (max-width: 1023px) {
  .layer.inquiry .info-text {
    margin: 15px 0 0 10px;
    font-size: 14px;
    text-indent: -10px;
  }
  .layer.inquiry .info-text + .info-text {
    margin-top: 0;
  }
  .layer.inquiry .required-field {
    text-align: right;
  }
  .layer.inquiry .form-box-wrap .form-item {
    margin-top: 10px;
  }
  .layer.inquiry .form-box-wrap .form-item:first-child {
    margin-top: 0;
  }
  .layer.inquiry .form-box-wrap .form-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 32px;
  }
  .layer.inquiry .form-box-wrap .form-item textarea {
    height: 165px;
    padding: 13px 10px;
    border-color: #dcdcdc;
  }
  .layer.inquiry .form-box-wrap .form-item .search-form {
    position: relative;
    padding-right: 56px;
  }
  .layer.inquiry .form-box-wrap .form-item .search-form .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 46px;
    font-size: 0;
    text-indent: -9999px;
    line-height: 0;
  }
  .layer.inquiry .form-box-wrap .form-item .search-form .btn-search:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-right: 0;
    vertical-align: top;
    text-indent: 0;
  }
  .layer.inquiry .btn-area {
    margin-top: 0;
    padding-bottom: 15px;
    border-top: 0;
  }
}
@media screen and (min-width: 1023px) {
  .layer.inquiry {
    width: 860px;
  }
  .layer.inquiry .info-text {
    margin: 15px 0 0 10px;
    font-size: 14px;
    text-indent: -10px;
  }
  .layer.inquiry .info-text + .info-text {
    margin-top: 0;
  }
  .layer.inquiry .required-field {
    padding-top: 5px;
    display: block;
    text-align: right;
    line-height: 33px;
  }
  .layer.inquiry .form-box-wrap {
    padding: 10px 40px 35px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .layer.inquiry .form-box-wrap .form-item {
    overflow: hidden;
  }
  .layer.inquiry .form-box-wrap .form-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin-top: 15px;
    line-height: 40px;
  }
  .layer.inquiry .form-box-wrap .form-item textarea {
    height: 165px;
    padding: 13px 10px;
    border-color: #dcdcdc;
  }
  .layer.inquiry .form-box-wrap .form-item .item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 10px;
  }
  .layer.inquiry .form-box-wrap .form-item .item:first-child {
    padding: 0 10px 0 0;
  }
  .layer.inquiry .form-box-wrap .form-item .search-form {
    position: relative;
    padding-right: 130px;
  }
  .layer.inquiry .form-box-wrap .form-item .search-form .btn-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
  }
  .layer.inquiry .btn-area {
    margin-top: 0;
    border-top: 0;
  }
  .layer.inquiry .btn-area + .info-text {
    padding-bottom: 10px;
  }
}
.pop-tit {
  border-bottom: 2px solid #212121;
  color: #000;
}

.pop-tit .tit {
  font-weight: 600;
  float: left;
  font-size: 2rem;
}

.pop-tit .required-field {
  float: right;
  font-size: 1.4rem;
}

.pop-tit .required-field:after {
  content: "*";
  margin-left: 5px;
  color: #002c5f;
}

.pop-tit:after {
  content: "";
  display: block;
  clear: both;
}

.pop-tit + .pop-quote-form {
  margin-top: 25px;
}

.pop-quote-form > div + div dl:first-child,
.pop-quote-form dl + dl {
  margin-top: 15px;
}

.pop-quote-form dt {
  font-weight: 600;
  margin-bottom: 5px;
}

.pop-quote-form dd + dd {
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
}

.pop-quote-form .input-wrap {
  margin-bottom: 20px;
}

.pop-quote-form .pop-quote-comment {
  margin-top: 35px;
}

.layer[data-layer-name=latestOfferEnquiry] .pop-quote-form .input-wrap textarea {
  height: 215px;
}

.pop-quote-form textarea {
  width: 100%;
  height: 100px;
}

.layer[data-layer-name^=quick] .go-privacy-policy {
  margin-top: 25px;
}

.layer[data-layer-name^=quick] .go-privacy-policy a {
  font-weight: 600;
  font-size: 1.4rem;
  color: #002c5f;
  text-decoration: underline;
}

.layer[data-layer-name^=quick] .quick-pop-msg {
  margin-top: 15px;
  padding-top: 20px;
  text-align: center;
  border-top: 1px solid #e3e3e3;
}

.layer[data-layer-name^=quick] .quick-pop-msg strong {
  position: relative;
  display: inline-block;
  height: 50px;
  padding-left: 71px;
  text-align: left;
  font-size: 2rem;
  line-height: 1.3;
}

.layer[data-layer-name^=quick] .quick-pop-msg strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 50px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -323px -105px no-repeat;
  background-size: 400px;
}

.layer[data-layer-name^=quick] .btn-area {
  border-top: none;
  margin-top: 25px;
  padding-top: 0;
}

.layer[data-layer-name^=quick] .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.layer[data-layer-name^=quick] .flex-box > .input-wrap,
.layer[data-layer-name^=quick] .flex-box > input[type=text],
.layer[data-layer-name^=quick] .flex-box > select {
  flex: 1;
  width: auto;
  min-width: 20%;
}

.layer[data-layer-name^=quick] .flex-box > input[type=text] + input[type=text],
.layer[data-layer-name^=quick] .flex-box > select + select {
  margin-left: 10px;
}

@media screen and (max-width: 1023px) {
  .pop-quote-form .input-wrap {
    float: left;
    width: 50%;
  }
  .pop-quote-form dd + dd .input-wrap {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
  .pop-quote-form dd + dd .input-wrap label {
    font-size: 1.4rem;
    line-height: 1.25;
  }
  .layer[data-layer-name^=quick] .quick-pop-msg strong span {
    display: block;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-email02 {
    width: 100%;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f1f2f5;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree .input-wrap {
    float: none;
    width: 100%;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree .input-wrap label {
    line-height: 1.2;
  }
}
@media screen and (min-width: 1024px) {
  .layer[data-layer-name^=quick] {
    width: 860px;
  }
  .layer[data-layer-name=quickStock],
.layer[data-layer-name=quickSubscribe] {
    width: 580px;
  }
  .pop-tit .required-field {
    margin-top: 5px;
  }
  .layer[data-layer-name^=quick] .pop-quote-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .layer[data-layer-name^=quick] .pop-quote-form > div {
    flex: 1;
    padding-right: 10px;
  }
  .layer[data-layer-name^=quick] .pop-quote-form > div:after {
    content: "";
    display: block;
    clear: both;
  }
  .layer[data-layer-name^=quick] .pop-quote-form > div + div {
    padding-left: 10px;
    padding-right: 0;
    border-left: 1px solid #e3e3e3;
  }
  .layer[data-layer-name^=quick] .pop-quote-form > div + div dl:first-child {
    margin-top: 0;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-comment {
    margin-top: 25px;
    float: left;
  }
  .layer[data-layer-name^=quick] .quick-pop-msg strong {
    padding-top: 10px;
  }
  .layer[data-layer-name^=quick] .pop-quote-form > div:after {
    content: "";
    display: block;
    clear: both;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-tit,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-interest,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-email02 {
    float: left;
    width: 100%;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-agree {
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #f1f2f5;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-name01,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-name02,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-email,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-phone,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-date,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-time {
    float: left;
    width: calc(50% - 5px);
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-name01,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-email,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-date {
    margin-right: 10px;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-comment {
    width: 100%;
  }
  .layer[data-layer-name^=quick] .pop-quote-form .pop-quote-date,
.layer[data-layer-name^=quick] .pop-quote-form .pop-quote-time {
    margin-top: 5px;
  }
  .layer[data-layer-name^=quick] .pop-quote-form dd + dd .input-wrap {
    margin-bottom: 0;
  }
  .layer[data-layer-name^=quick] .clfix {
    font-size: 0;
  }
  .layer[data-layer-name^=quick] .clfix .input-wrap {
    width: 33.33%;
    font-size: 1.6rem;
  }
  .layer[data-layer-name=quickSubscribe] .pop-quote-form > div,
.layer[data-layer-name=quickStock] .pop-quote-form > div {
    float: none;
    width: 100%;
    padding: 0;
  }
  .layer[data-layer-name=quickStock] .pop-quote-form dl:nth-child(1) .input-wrap {
    flex: none;
  }
  .layer[data-layer-name=quickStock] .pop-quote-form dl:nth-child(2),
.layer[data-layer-name=quickStock] .pop-quote-form dl:nth-child(3) {
    float: left;
    width: calc(50% - 5px);
  }
  .layer[data-layer-name=quickStock] .pop-quote-form dl:nth-child(3) {
    float: right;
  }
}
.all-specs-list {
  border-bottom: 1px solid #e3e3e3;
}

.all-specs-list .btn-view-spec {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  height: 56px;
  padding: 0 20px;
  line-height: 56px;
}

.all-specs-list .btn-view-spec::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  transform: rotate(135deg);
}

.all-specs-list.is-active .btn-view-spec::before {
  transform: rotate(-45deg);
}

.all-specs-list .cont-view {
  display: none;
  margin: 0 20px;
}

.all-specs-list.is-active .cont-view {
  display: block;
}

.all-specs-list li {
  display: table;
  width: 100%;
  padding: 13px 0;
}

.all-specs-list li + li {
  border-top: 1px solid #e3e3e3;
}

.all-specs-list .desc {
  border-top: 1px solid #212121;
}

.all-specs-list .list-tit {
  font-weight: 400;
  display: table-cell;
  padding-right: 10px;
}

.all-specs-list .list-txt {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.all-specs-list.spec-row li,
.all-specs-list.spec-row .list-tit,
.all-specs-list.spec-row .list-txt {
  display: block;
}

@media screen and (min-width: 860px) {
  .all-specs-list.spec-row li {
    display: table;
  }
  .all-specs-list.spec-row .list-tit {
    display: table-cell;
    vertical-align: middle;
  }
  .all-specs-list.spec-row .list-txt {
    display: table-cell;
    width: 500px;
  }
}
@media screen and (min-width: 1024px) {
  .layer-wrap .layer.all-specs {
    width: 860px;
  }
  .all-specs-list.spec-row li {
    padding: 13px 0;
  }
}
.ci,
.ci-company {
  font-weight: 400;
  float: left;
  font-size: 22px;
  color: #002c5f;
}

.ci {
  overflow: hidden;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat 0 -192px;
  background-size: 400px;
  text-indent: 100%;
  white-space: nowrap;
}

@media screen and (max-width: 1023px) {
  .ci {
    width: 40px;
    height: 21px;
    background-position: 0 -192px;
  }
  .ci-company {
    position: relative;
    margin-left: 10px;
    padding: 0 11px 0 0;
  }
  .ci-company span {
    position: relative;
  }
  .ci-company:before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 24px;
    background-color: #e2e2e2;
  }
}
@media screen and (min-width: 1024px) {
  .ci {
    width: 164px;
    height: 23px;
    background-position: -42px -192px;
  }
  .ci-company {
    position: relative;
    margin-left: 10px;
    padding: 0 11px 0 0;
    font-size: 24px;
  }
  .ci-company span {
    position: relative;
  }
  .ci-company:before {
    content: "";
    position: absolute;
    right: 0;
    top: 2px;
    width: 1px;
    height: 24px;
    background-color: #e2e2e2;
  }
}
.page-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  border-bottom: 2px solid #212121;
}

@media screen and (max-width: 1023px) {
  .page-title {
    font-size: 2rem;
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .page-title {
    font-size: 2.4rem;
    padding-bottom: 12px;
  }
}
.bullet li {
  position: relative;
  padding-left: 12px;
}

.bullet li:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 4px;
  line-height: inherit;
  border-radius: 4px;
  background-color: #000;
}

.color-w {
  color: #fff;
}

.color-r {
  color: #002c5f;
}

.info {
  padding-top: 10px;
  font-size: 1.4rem;
}

.info li {
  position: relative;
  padding-left: 1.5rem;
}

.info li:before {
  content: "*";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.check-message {
  position: relative;
  padding: 10px 0 10px 28px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #002c5f;
}

.check-message:before {
  content: "!";
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  position: absolute;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 1.6rem;
  background-color: #002c5f;
  color: #fff;
  text-align: center;
}

input.Hyundaierror {
  color: #002c5f;
  border: 1px #002c5f solid;
}

.Hyundaierror {
  color: #002c5f;
  border: 1px #002c5f solid;
}

.success {
  padding: 12px;
}

.strength {
  padding: 7px 16px;
  border: 1px solid #212121;
  border-radius: 3px;
  float: right;
  margin-top: 10px;
  background-color: #fff;
  display: none;
}

.strong-pwd {
  color: #158615;
}

.medium-pwd {
  color: #00aad2;
}

.weak-pwd {
  color: #002c5f;
}

.password-no-match {
  color: #002c5f;
  display: none;
}

.key-alert {
  position: relative;
}

.key-alert .caps-lock {
  position: absolute;
  top: 10px;
  right: 0;
  padding: 7px 16px;
  border: 1px solid #212121;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
  display: none;
}

.key-alert .caps-lock:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 11px;
  display: block;
  border-top: 6px solid #fff;
  border-left: 0 solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0 solid transparent;
}

.key-alert .caps-lock:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 10px;
  display: block;
  border-top: 8px solid #212121;
  border-left: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 0 solid transparent;
}

.key-alert .caps-lock em {
  display: block;
  line-height: 20px;
}

.key-alert .caps-lock em:before {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  content: "!";
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #212121;
  border-radius: 20px;
  font-size: 1.6rem;
  color: #212121;
  box-sizing: border-box;
}

.btn-signup {
  width: 400px;
}

.join .btn-area .btn-clk-garage {
  float: none;
  width: 100%;
}

.btn-signup:before {
  content: "";
  display: inline-block;
  width: 27px;
  height: 21px;
  margin-right: 20px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
  background-position: -182px -21px;
  vertical-align: middle;
}

.btn-login:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 27px;
  margin-right: 20px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
  background-position: -132px -21px;
  vertical-align: middle;
}

.btn-search:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 24px;
  margin-right: 20px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
  background-position: -157px -21px;
  vertical-align: middle;
}

.btn-confirm:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 20px;
  margin-right: 20px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
  background-size: 400px;
  background-position: -108px -151px;
  vertical-align: middle;
}

.join [class^=btn] {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.join .join-wrap,
.join .sign-up-wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}

.join .sign-up-inner {
  position: relative;
  padding-bottom: 30px;
  border-bottom: 1px solid #e3e3e3;
}

.join {
  position: relative;
  padding-top: 22px;
  padding-bottom: 40px;
}

.join .required-field {
  position: absolute;
  top: -30px;
  right: 0;
  font-size: 1.4rem;
}

.join .section-row {
  padding-bottom: 30px;
}

.join .section-row + .section-row {
  border-top: 1px solid #e3e3e3;
}

.join .section-row:last-child {
  padding-bottom: 0;
}

.join .section-text {
  padding-top: 30px;
  padding-bottom: 30px;
}

.join .nowrap {
  display: inline-block;
}

.join .checkbox label {
  font-size: 1.4rem;
  color: #000;
}

.join .select-box,
.join .input-box,
.join .user-type {
  padding-top: 20px;
}

.join .checkbox,
.join .radio {
  padding-top: 10px;
}

.join .btn-area {
  padding-top: 30px;
}

.join select {
  height: 46px;
}

.join .input-box label,
.join .select-box label {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  width: 100%;
  height: 35px;
  line-height: 35px;
}

.join .radio,
.join .check {
  display: inline-block;
}

.join .btn-area.full a {
  width: 100%;
}

.join .user-email {
  font-weight: 600;
  font-size: 1.8rem;
}

.join .welcom-text {
  font-size: 1.6rem;
}

.join .welcom-text em {
  display: inline-block;
}

.join .welcome-inner {
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0 25px;
}

.join .join-bold {
  display: block;
  font-size: 1.8rem;
}

.join .user-type-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  height: 33px;
  line-height: 33px;
}

.join .type-area .radio {
  width: 165px;
}

.join .type-corporate {
  display: none;
}

.join .purchase-history {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.join .purchase-history .checkbox {
  padding-top: 15px;
}

.join .acceptance,
.join .policy-text {
  padding-top: 15px;
}

.join .acceptance .acceptance-inner {
  padding: 20px;
  font-size: 1.4rem;
  background-color: #f1f2f5;
}

.join .acceptance .checkbox .check {
  margin-top: 20px;
  margin-right: 40px;
}

.join .acceptance .checkbox .check:last-child {
  margin-right: 0;
}

.join .acceptance .checkbox label {
  font-size: 1.6rem;
}

.join .policy-text a {
  text-decoration: underline;
}

.join .section-row.discount {
  margin: 6px 0 0;
  border-top: none;
}

.join .discount .tit-wrap {
  padding: 0 0 20px;
  border-bottom: 2px solid #212121;
}

.join .discount .tit-wrap strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 0 0 0 70px;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/ico-vouchers.png");
  background-position: 0 50%;
  background-size: 52px 50px;
  background-repeat: no-repeat;
  font-size: 20px;
}

.join .discount .view-privacy {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  margin: 16px 0 0;
  font-size: 14px;
  text-decoration: underline;
}

.join .sign-up-inner .discount {
  margin-top: 30px;
}

.join .sign-up-inner .discount .tit-wrap {
  border-width: 1px;
  border-color: #e3e3e3;
}

.join .sign-up-inner .required-field {
  top: -60px;
}

@media (min-width: 520px) {
  .join .discount .tit-wrap strong {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 9px 0 11px 70px;
    align-items: center;
  }
}
@media screen and (min-width: 540px) {
  .join .join-wrap {
    max-width: 540px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 820px) {
  .join .sign-up-wrap {
    max-width: 820px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .key-alert .caps-lock {
    top: 0;
  }
  .join .join-wrap,
.join .sign-up-wrap {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .join .sign-up-inner {
    padding-bottom: 20px;
  }
  .join .select-box,
.join .input-box,
.join .user-type {
    padding-top: 10px;
  }
  .join .checkbox,
.join .radio {
    padding-top: 10px;
  }
  .join .btn-area {
    padding-top: 20px;
  }
  .join .section-row {
    padding-bottom: 20px;
  }
  .join .section-text {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .info {
    padding-bottom: 15px;
  }
  .join .type-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .join .type-area .radio {
    float: left;
    width: 50%;
    max-width: 165px;
  }
  .join .btn-chk-availability {
    width: 100%;
  }
  .join .purchase-history .checkbox label,
.join .acceptance .checkbox label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-right: 0;
    line-height: 1.2;
  }
  .join .acceptance .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .join .acceptance .checkbox .check {
    flex: 1;
    flex-basis: 50%;
    margin-right: 0;
  }
  .join .acceptance .warning {
    margin-top: 15px;
  }
  .join .acceptance .warning + .checkbox {
    margin-top: -3px;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .join .btn-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .join .btn-area a {
    float: left;
    width: calc(50% - 10px);
  }
  .join .btn-area a:last-child {
    float: right;
  }
  .join .check-availability {
    position: relative;
    padding-right: 184px;
  }
  .join .check-availability .go-to-btn-wrap {
    position: absolute;
    top: 55px;
    right: 0;
    width: 174px;
  }
  .join .check-availability .go-to-btn-wrap button {
    width: 100%;
  }
  .join .acceptance,
.join .policy-text {
    padding-top: 15px;
  }
  .join.buy-online-join .policy-text {
    padding-top: 5px;
  }
  .join.buy-online-join .acceptance-inner .checkbox {
    padding-top: 15px;
  }
  .join.buy-online-join .sign-up-inner .btn-area {
    margin-top: -7px;
  }
  .join.buy-online-join .input-box label,
.join.buy-online-join .select-box label {
    display: block;
    margin-top: 10px;
  }
  .join .policy-text .color-r {
    font-weight: 600;
  }
  .join .acceptance .acceptance-inner {
    padding: 30px;
  }
  .join .user-password-info:after,
.join .type-personal:after,
.join .type-corporate:after {
    content: "";
    display: block;
    clear: both;
  }
  .join .user-password-info > div,
.join .sign-up-inner .type-personal > div,
.join .sign-up-inner .type-corporate > div,
.join .login-inner .type-corporate .input-box {
    float: left;
    width: calc(50% - 10px);
  }
  .join .user-password-info > div:nth-child(even),
.join .sign-up-inner .type-personal > div:nth-child(even),
.join .sign-up-inner .type-corporate > div:nth-child(even),
.join .login-inner .type-corporate .input-box:nth-child(even) {
    float: right;
  }
  .join .sign-up-inner .personal {
    min-width: 1px;
    margin: 0 -1% 0 40px;
  }
  .join .sign-up-inner .personal::after {
    content: "";
    display: block;
    clear: both;
  }
  .join .sign-up-inner .personal .select-box,
.join .sign-up-inner .personal .input-box {
    float: left;
    width: 33%;
    margin-left: 20px;
  }
  .join .sign-up-inner .personal .select-box {
    margin-left: -40px;
  }
  .join .sign-up-inner .type-personal .col-1,
.join .sign-up-inner .type-corporate .col-1 {
    width: 260px;
  }
  .join .sign-up-inner .type-personal .col-3,
.join .sign-up-inner .type-corporate .col-3 {
    width: 540px;
  }
  .join .discount .tit-wrap {
    padding: 10px 0 39px;
  }
  .join .input-name-wrap {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .join .input-name-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .join .input-name-wrap .col-2 {
    float: left;
    width: 50%;
    margin: 0 0 0 20px;
  }
  .join .input-name-wrap .col-2:first-child {
    margin: 0 0 0 -20px;
  }
  .join .sign-up-inner .discount {
    margin-top: 40px;
  }
  .join .sign-up-inner .discount .tit-wrap strong {
    padding-left: 114px;
    background-position: 33px 50%;
  }
  .join .sign-up-inner .required-field {
    top: -70px;
  }
  .join .acceptance .warning {
    margin-top: 15px;
  }
  .join .acceptance .warning + .checkbox {
    margin-top: -3px;
    padding: 0;
  }
}
.join .login-inner {
  position: relative;
}

.password-find .btn-area button {
  width: calc(50% - 10px);
}

.join .find-id {
  padding-top: 50px;
  padding-bottom: 60px;
}

.join .find-id .join-bold {
  font-size: 1.8rem;
  color: #000;
  text-align: center;
}

.join .login-inquiry {
  padding-top: 20px;
}

.join .login-inquiry p {
  padding-bottom: 5px;
}

.join .login-inquiry li {
  font-size: 1.4rem;
}

.join .login-inquiry li .btn-tel {
  cursor: text;
}

.join .login-inquiry .nowrap {
  display: inline-block;
}

@media screen and (max-width: 1023px) {
  .join .find-id {
    padding-top: 20px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .layer[data-layer-name=layerInquiry],
.layer[data-layer-name=layerAllSpecs],
.layer[data-layer-name=layerVideo],
.layer[data-layer-name=layerFinance],
.layer[data-layer-name=layerExteriorInterior] {
    width: 860px;
  }
  .layer[data-layer-name=changeModel],
.layer[data-layer-name=DataChangeInfo],
.layer[data-layer-name=AdvanceNotice],
.layer[data-layer-name=Notice] {
    width: 580px;
  }
}
a[href^=mailto],
a[href^=znvygb] {
  color: #3367b3 !important;
}

.multi-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  justify-content: flex-start !important;
}

.tbl-info .main-spec .box-cont li.multi-option {
  text-indent: -11px;
}

.multi-option strong {
  font-weight: 400;
  padding-right: 10px;
}

.multi-option p > span {
  display: block;
}

@media screen and (max-width: 1023px) {
  .garage-content .multi-tab.tab-area .tab ul {
    display: block;
    position: relative;
    top: 15px;
  }
  .garage-content .multi-tab.tab-area .tab li {
    width: 50%;
  }
  .garage-content .multi-tab.tab-area .tab li.is-active {
    display: block;
  }
}
a.pickerings-logo-link {
  margin-left: 10px;
  margin-top: 0;
  position: relative;
}
a.pickerings-logo-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 1px;
  height: 17px;
  background-color: #e2e2e2;
}

img.pickerings-logo {
  max-width: 110px;
}

a.snap-review {
  display: none;
}
@media screen and (min-width: 768px) {
  a.snap-review {
    display: block;
    height: auto;
    margin: 0;
  }
}
a.snap-review img {
  max-height: 70px;
  margin-left: 20px;
}

.lilydale-header-logo {
  margin-top: 7px;
  margin-right: 50px;
  height: 21px;
}
@media screen and (min-width: 768px) {
  .lilydale-header-logo {
    margin-top: 5px;
    margin-right: 5px;
    height: 23px;
  }
}

.lilydale-autogroup-footer-logo img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .lilydale-autogroup-footer-logo img {
    margin-left: 0;
  }
}

.lilydale-freeway-footer-logo img {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .lilydale-freeway-footer-logo img {
    margin-right: 0;
  }
}

.tony-white-wrapper {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .tony-white-wrapper {
    text-align: right;
  }
}

a.tony-white-link {
  text-align: center;
  display: block;
}
@media screen and (min-width: 1024px) {
  a.tony-white-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-align: right;
  }
}

.tony-white-logo {
  height: 36px;
}

.tony-white-tagline {
  display: none;
  font-size: 10px;
  line-height: 13px;
  padding: 5px 10px;
}
@media screen and (min-width: 640px) {
  .tony-white-tagline {
    display: block;
  }
}

.txt-callout {
  color: #00aad2;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
}

.bi-image {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .bi-image {
    display: block;
    position: relative;
    margin: 0 auto;
  }
}

/* Configure */
.offers-type .model-info-view .img-area img {
  display: none;
}

.offers-type .model-info-view .img-area img:first-child {
  display: block;
}

/* Slider */
.price-slider {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 15px;
  background-color: #dedfe3;
}

.price-slider .ui-slider-horizontal .ui-slider-range {
  left: -10px;
  right: -10px;
  background-color: #00aad2;
  border-radius: 15px;
}

.price-slider .ui-slider .ui-slider-handle {
  top: -8px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #00aad2;
  outline: none;
  cursor: pointer;
}

.price-slider .ui-slider .ui-slider-handle .value {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 32px;
  left: -1px;
  width: 22px;
  height: 42px;
  font-size: 16px;
  color: #00aad2;
  text-align: center;
  pointer-events: none;
  outline: none;
}

.price-slider > div {
  height: 5px;
  margin: 0 10px;
}

.price-gauge {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  font-size: 0;
}

.price-gauge span {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  display: inline-block;
  width: 22px;
  padding-top: 18px;
  color: #8b949f;
  font-size: 16px;
  text-align: center;
}

.price-gauge span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background-color: #8b949f;
}

.price-gauge .first {
  position: absolute;
  top: 0;
  left: 0;
}

.price-gauge .last {
  position: absolute;
  top: 0;
  right: 0;
}

.price-gauge span.is-active {
  color: #212121;
}

.price-gauge.first .first,
.price-gauge.last .last {
  display: none;
}

.loan-slider {
  position: relative;
  width: 100%;
  height: 5px;
  border-radius: 15px;
  background-color: #dedfe3;
}

.loan-slider .ui-slider-horizontal .ui-slider-range {
  left: -10px;
  right: -10px;
  background-color: #00aad2;
  border-radius: 15px;
}

.loan-slider .ui-slider .ui-slider-handle {
  top: -8px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background-color: #00aad2;
  outline: none;
  cursor: pointer;
}

.loan-slider .ui-slider .ui-slider-handle .value {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: absolute;
  top: 32px;
  left: -1px;
  width: 22px;
  height: 42px;
  font-size: 16px;
  color: #00aad2;
  text-align: center;
  pointer-events: none;
  outline: none;
}

.loan-slider > div {
  height: 5px;
  margin: 0 10px;
}

.loan-gauge {
  position: absolute;
  top: 6px;
  left: 0;
  width: 100%;
  font-size: 0;
}

.loan-gauge span {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: relative;
  display: inline-block;
  width: 22px;
  padding-top: 18px;
  color: #8b949f;
  font-size: 16px;
  text-align: center;
}

.loan-gauge span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-left: -2px;
  border-radius: 50%;
  background-color: #8b949f;
}

.loan-gauge .first {
  position: absolute;
  top: 0;
  left: 0;
}

.loan-gauge .last {
  position: absolute;
  top: 0;
  right: 0;
}

.loan-gauge span.is-active {
  color: #212121;
}

.loan-gauge.first .first,
.loan-gauge.last .last {
  display: none;
}

@media screen and (max-width: 1023px) {
  .slider-wrap {
    position: relative;
    margin-top: 20px;
    padding: 0 0 42px 0;
  }
  .price_loan li .loan-gauge span {
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .price_loan li .slider-wrap {
    position: relative;
    padding: 0 8px 42px 8px;
  }
}
/*POPUP*/
/*All Specs*/
.layer-wrap .layer.all-specs .layer-cont {
  padding-right: 0;
  padding-left: 0;
}

.layer-wrap .layer.all-specs .sub-tit {
  margin-right: 20px;
  margin-left: 20px;
}

.layer-wrap .layer.all-specs .tab-area .tab {
  width: auto;
  height: auto;
  margin: 0 20px 20px;
}

.layer-wrap .layer.all-specs .tab-cont {
  min-height: 220px;
  border-top: 1px solid #e3e3e3;
}

.all-specs-list {
  border-bottom: 1px solid #e3e3e3;
}

.all-specs-list .btn-view-spec {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  height: 56px;
  padding: 0 20px;
  line-height: 56px;
}

.all-specs-list .btn-view-spec::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: 2px solid #212121;
  border-right: 2px solid #212121;
  transform: rotate(135deg);
}

.all-specs-list.is-active .btn-view-spec::before {
  transform: rotate(-45deg);
}

.all-specs-list .cont-view {
  display: none;
  margin: 0 20px;
}

.all-specs-list.is-active .cont-view {
  display: block;
}

.all-specs-list li {
  display: table;
  width: 100%;
  padding: 13px 0;
}

.all-specs-list li + li {
  border-top: 1px solid #e3e3e3;
}

.all-specs-list .desc {
  border-top: 1px solid #212121;
}

.all-specs-list .list-tit {
  font-weight: 400;
  display: table-cell;
  padding-right: 10px;
}

.all-specs-list .list-txt {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.all-specs-list.spec-row li {
  display: block;
}

.all-specs-list.spec-row .list-tit {
  display: block;
}

.all-specs-list.spec-row .list-txt {
  display: block;
}

.all-spec-dimension {
  border-top: 1px solid #212121;
}

.all-spec-dimension .unit {
  font-weight: 600;
  float: right;
  margin-top: 15px;
  font-size: 1.4rem;
}

.all-spec-dimension .dimension-img-area {
  padding-top: 42px;
  text-align: center;
}

.all-spec-dimension .dimension-img-area p {
  padding-top: 20px;
}

.trim-option-check {
  width: 10px;
  color: #888888;
}

.trim-option-check:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #212121;
}

.trim-option-check.none:after {
  width: 8px;
  height: 2px;
  margin-right: 1px;
  background-color: #888888;
  border-radius: 0;
}

@media screen and (min-width: 860px) {
  .all-specs-list.spec-row li {
    display: table;
  }
  .all-specs-list.spec-row .list-tit {
    display: table-cell;
    vertical-align: middle;
  }
  .all-specs-list.spec-row .list-txt {
    display: table-cell;
    width: 500px;
  }
}
@media screen and (max-width: 1023px) {
  .tab-specs {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .layer-wrap .layer.all-specs {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 860px;
    max-width: inherit;
    transform: translate(-50%, -50%);
  }
  .layer-wrap .layer.all-specs .layer-cont {
    height: 590px;
    padding: 15px 20px 20px;
  }
  .layer-wrap .layer.all-specs .sub-tit {
    margin-right: 0;
    margin-left: 0;
  }
  .layer-wrap .layer.all-specs .tab-area .tab {
    margin: 0;
  }
  .layer-wrap .layer.all-specs .tab-area .tab:before {
    display: none;
  }
  .layer-wrap .layer.all-specs .tab-cont {
    min-height: inherit;
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
  }
  .all-specs-list.spec-row li {
    padding: 13px 0;
  }
  .tab-area .tab-specs {
    padding-bottom: 21px;
  }
  /* .tab-area .tab-specs:before{border-top:2px solid #dadbdc} */
  .tab-area .tab-specs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
  }
  .tab-area .tab-specs li {
    width: 16.667%;
    height: 47px;
    font-size: 1.6rem;
    border: 0;
    color: #000;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(6n+1) {
    border-left: 1px solid #eee;
  }
  .tab-area .tab-specs li:nth-child(-n+6) {
    border-top: 1px solid #eee;
  }
  .tab-area .tab-specs li.is-active {
    border: 0;
    background-color: #212121;
    color: #fff;
  }
  .tab-area .tab-specs li:last-child {
    float: left;
  }
  .tab-area .tab-specs li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .all-spec-dimension .dimension-img-area {
    padding-top: 52px;
  }
  .all-spec-dimension .dimension-img-area .front,
.all-spec-dimension .dimension-img-area .back {
    float: left;
    width: 50%;
    padding-top: 0;
  }
  .all-spec-dimension .dimension-img-area .side {
    clear: both;
    padding-top: 42px;
  }
}
/*Color*/
.color-selector .interior-color {
  position: relative;
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid #000;
}

.color-selector .interior-color:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 16px;
  height: 16px;
  margin: -9px 0 0 -8px;
  border: 1px solid #000;
  border-width: 1px 0 0 1px;
  background-color: #fff;
  transform: rotate(-135deg);
}

@media screen and (min-width: 1024px) {
  .color-selector {
    width: 860px;
  }
}
/*Options*/
.options-wrap .thumb-box.is-selected {
  position: relative;
}

.options-wrap .thumb-box.is-selected:before {
  content: "";
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  right: 0;
  border: 2px solid #212121;
}

@media screen and (min-width: 1024px) {
  .option-selector-wrap {
    width: 860px;
  }
}
/*Finance*/
@media screen and (min-width: 1024px) {
  .bank-selector {
    width: 860px;
  }
}
/*Summary*/
.online-vouchers-summary .tab-cont {
  padding-top: 20px;
}

.online-vouchers-summary [class$=-red] {
  color: #002c5f;
}

.online-vouchers-summary dl {
  margin-bottom: 10px;
  padding: 20px;
  background: #f1f2f5;
}

.online-vouchers-summary dl dt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dadbdc;
  font-size: 18px;
}

.online-vouchers-summary dl dt .discount {
  float: right;
  text-align: right;
  color: #002c5f;
}

.online-vouchers-summary dl dd {
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
}

.online-vouchers-summary dl dd:last-child {
  padding-bottom: 0;
}

.online-vouchers-summary dl dd:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
}

.online-vouchers-summary dl dd.order-package-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding-left: 0;
  font-size: 18px;
}

.online-vouchers-summary dl dd.order-package-tit:before {
  content: none;
}

.online-vouchers-summary dl dd .included span {
  float: right;
}

.online-vouchers-summary dl dd .order-package-list {
  margin-left: -10px;
  padding-top: 5px;
}

.online-vouchers-summary dl dd .order-package-list li {
  position: relative;
  padding-left: 10px;
  padding-bottom: 5px;
}

.online-vouchers-summary dl dd .order-package-list li:before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}

.online-vouchers-summary dl dd .order-package-list li:last-child {
  padding-bottom: 0;
}

.online-vouchers-summary dl dd .order-package-list .order-package-list-tit {
  font-weight: 400;
}

.online-vouchers-summary dl dd [class^=order-package-list-txt],
.online-vouchers-summary dl dd [class^=order-package-bold] {
  font-weight: 600;
  text-align: right;
}

.online-vouchers-summary dl dd .prime-rate {
  font-weight: 400;
  display: inline-block;
  margin-right: 5px;
  text-decoration: line-through;
}

.online-vouchers-summary dl .rebate-red {
  display: inline-block;
}

.online-vouchers-summary dl .interset-rate {
  position: relative;
}

.online-vouchers-summary .exterior-img {
  text-align: center;
}

.online-vouchers-summary .exterior-img img {
  max-width: 100%;
}

.online-vouchers-summary .summary-model-payment-info {
  font-weight: 600;
  padding: 16px 0;
  font-size: 18px;
  background-color: #212121;
  color: #fff;
  text-align: center;
}

.online-vouchers-summary .summary-model-payment-info .payment-monthly {
  font-size: 22px;
}

.online-vouchers-summary .summary-model-payment-info .payment-monthly span {
  color: #002c5f;
}

.online-vouchers-summary .nodate {
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100vh - 166px);
  background-color: #f1f2f5;
}

@media screen and (max-width: 1023px) {
  .online-vouchers-summary .nodate span {
    margin-left: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .layer-wrap .layer.online-vouchers-summary {
    width: 580px;
    max-width: inherit;
  }
  .online-vouchers-summary.col-s {
    height: 740px;
  }
  .online-vouchers-summary.col-s .popup-content {
    height: 680px;
  }
  .online-vouchers-summary .order-package-list li:after {
    content: "";
    display: block;
    clear: both;
  }
  .online-vouchers-summary [class^=order-package-list-txt],
.online-vouchers-summary [class^=order-package-bold] {
    float: right;
  }
  .online-vouchers-summary .payment-monthly {
    font-size: 24px;
  }
  .online-vouchers-summary .discount-box dd .order-package-bold {
    float: none;
  }
  .online-vouchers-summary .nodate {
    display: block;
    height: 237px;
    padding-top: 106px;
    text-align: center;
  }
}
/*Change Sales Person*/
.layer-wrap .layer.sales-consultant-change > .layer-cont {
  padding: 30px 20px;
}

.sales-consultant-change-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
}

.sales-consultant-change-txt span {
  display: inline-block;
  color: #002c5f;
}

.sales-consultant-change-list .list-title {
  display: none;
}

.sales-consultant-change-list .list-content {
  border-bottom: 1px solid #212121;
}

.sales-consultant-change-list .list-content li {
  position: relative;
  padding-top: 15px;
  padding-right: 84px;
  padding-bottom: 15px;
}

.sales-consultant-change-list .list-content li + li {
  border-top: 1px solid #e3e3e3;
}

.sales-consultant-change-list .list-content li span {
  display: block;
  word-break: break-all;
}

.sales-consultant-change-list .list-content li .sales-consultant-name {
  font-weight: 600;
}

.sales-consultant-change-list .list-content li .sales-consultant-check {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 15px;
  right: 0;
  width: 74px;
  color: #888888;
  text-align: center;
  text-transform: uppercase;
}

.sales-consultant-change-list .list-content li .sales-consultant-check:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  border-radius: 10px;
  background-color: #888888;
}

.sales-consultant-change-list .list-content li .sales-consultant-check.on {
  color: #002c5f;
}

.sales-consultant-change-list .list-content li .sales-consultant-check.on:before {
  background-color: #002c5f;
}

.sales-consultant-change-list .list-content li .sales-consultant-select {
  position: absolute;
  bottom: 15px;
  right: 0;
}

.sales-consultant-change-list .list-content li .btn-select {
  width: 74px;
  height: 34px;
  line-height: 34px;
  background-color: #888888;
}

@media (min-width: 1024px) {
  .layer-wrap .layer.sales-consultant-change {
    width: 860px;
    max-width: inherit;
  }
  .sales-consultant-change-txt {
    border-bottom: 0;
  }
  .sales-consultant-change-list {
    text-align: center;
  }
  .sales-consultant-change-list .list-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: table;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
    background: #f1f2f5;
  }
  .sales-consultant-change-list .list-title li {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
  }
  .sales-consultant-change-list .list-title li:nth-child(1) {
    width: 127px;
  }
  .sales-consultant-change-list .list-title li:nth-child(3) {
    width: 148px;
  }
  .sales-consultant-change-list .list-title li:nth-child(4) {
    width: 140px;
  }
  .sales-consultant-change-list .list-title li:nth-child(5) {
    width: 150px;
  }
  .sales-consultant-change-list .list-content li {
    display: table;
    width: 100%;
    padding: 8px 0;
  }
  .sales-consultant-change-list .list-content li span {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .sales-consultant-change-list .list-content li .sales-consultant-name {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    width: 127px;
  }
  .sales-consultant-change-list .list-content li .sales-consultant-phone {
    width: 148px;
  }
  .sales-consultant-change-list .list-content li .sales-consultant-check,
.sales-consultant-change-list .list-content li .sales-consultant-select {
    position: static;
  }
  .sales-consultant-change-list .list-content li .sales-consultant-check {
    width: 140px;
    padding-left: 50px;
    text-align: left;
  }
  .sales-consultant-change-list .list-content li .sales-consultant-select {
    width: 150px;
  }
  .sales-consultant-change-list .list-content li .btn-select {
    width: 90px;
  }
}
/*chat*/
.chatting-area {
  width: 100%;
  height: 625px;
  border-bottom: 1px solid #e3e3e3;
}

.chatting-area iframe {
  width: 100%;
  height: 100%;
}

/* Buyonline Order - Log In / Sign Up */
.order-login-signup {
  position: relative;
}

.order-login-signup .content {
  position: relative;
  padding-top: 30px;
  padding-bottom: 50px;
}

.order-login-signup .content .required-field {
  position: absolute;
  top: -35px;
  right: 0;
  font-size: 14px;
}

.order-login-signup .order-login-wrap {
  width: 100%;
}

.order-login-signup .order-tit,
.order-login-signup .order-or {
  display: none;
}

.order-login-signup .sign-up-inner {
  border-bottom: 0;
}

.order-login-signup .btn-signup {
  width: 100%;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.order-login-signup .btn-signup:hover {
  background-color: #00aad2;
}

.order-login-signup .content-panel {
  display: none;
}

.order-login-signup .content-panel.is-active {
  display: block;
}

.order-login-signup .purchase-history {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #e3e3e3;
}

.order-login-signup .check-availability .go-to-btn-wrap button {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

@media screen and (max-width: 1023px) {
  .order-login-signup .content {
    padding-bottom: 40px;
  }
  .order-login-signup .check-availability .user-id input {
    display: block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .content .tab {
    display: none;
  }
  .tab-cont02:after {
    content: "";
    display: block;
    clear: both;
  }
  .order-login-signup .content .required-field {
    top: 35px;
  }
  .order-login-signup .disabled:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.65);
    z-index: 10;
  }
  .order-login-signup .order-login-wrap {
    float: left;
  }
  .order-login-signup .order-signup-wrap {
    float: right;
  }
  .order-login-signup .content-panel {
    position: relative;
    display: block;
    width: 45%;
  }
  .order-login-signup .content-panel > div {
    height: 100%;
    padding: 0 40px;
    border: 1px solid #e3e3e3;
    background-color: #f4f6f8;
  }
  .register-interest-wrapper .box-vehicle-content .vehicle-section-head {
    display: none;
  }
  .register-interest-wrapper .information abbr {
    color: red;
  }
  .order-login-signup .content-panel .order-tit {
    display: block;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 32px;
  }
  .order-login-signup .order-or {
    position: relative;
    float: left;
    display: block;
    width: 10%;
    font-size: 18px;
    text-align: center;
  }
  .order-login-signup .order-or:before {
    content: "";
    position: absolute;
    top: 42px;
    left: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    margin: auto;
    background-color: #e3e3e3;
  }
  .order-login-signup .order-or p {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin: auto;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    border-radius: 60px;
  }
  .order-login-signup .section-box .type-personal .input-box-wrapper {
    width: auto;
    margin-left: 20px;
  }
  .order-login-signup .section-box .type-personal .input-box-wrapper::after {
    content: "";
    display: block;
    clear: both;
  }
  .order-login-signup .section-box .type-personal .input-box-wrapper .input-box {
    float: left;
    width: 50%;
    margin-left: 20px;
  }
  .order-login-signup .section-box .type-personal .input-box-wrapper .input-box.first-name {
    float: left;
    margin-left: -20px;
  }
  .order-login-signup .login-inner .checkbox {
    padding-top: 20px;
  }
  .order-login-signup .check-availability .user-id {
    width: 100%;
  }
  .order-login-signup .check-availability .user-id input {
    display: block;
    width: calc(100% - 184px);
    margin-right: 184px;
  }
  .order-login-signup .check-availability .go-to-btn-wrap {
    width: 174px;
  }
  .order-login-signup .acceptance .acceptance-inner {
    padding: 0;
    background-color: inherit;
  }
  .order-login-signup .acceptance .checkbox:after {
    content: "";
    display: block;
    clear: both;
  }
  .order-login-signup .acceptance .checkbox .check {
    float: left;
    width: 50%;
    margin-top: 0;
    margin-bottom: 20px;
    margin-right: 0;
  }
  .order-login-signup .acceptance .warning + .checkbox {
    padding-top: 20px;
  }
  .join.buy-online-join.order-login-signup .section-box .type-personal .input-box-wrapper {
    width: calc(100% - 20px);
  }
  .join.buy-online-join.order-login-signup .check-availability .user-id input {
    width: 100%;
  }
  .join.buy-online-join .check-availability .go-to-btn-wrap {
    top: 65px;
  }
  .join.buy-online-join .password-find {
    padding-top: 25px;
  }
  .join.buy-online-join .password-find .btn-area {
    padding-top: 25px;
  }
  .tab-cont02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: row wrap;
  }
  .order-login-signup .order-or {
    flex: 1;
  }
  .order-login-signup .content-panel {
    flex: 4.6;
  }
  .order-login-signup .user-password-info > div,
.order-login-signup .sign-up-inner .type-personal > div,
.order-login-signup .sign-up-inner .type-corporate > div,
.order-login-signup .login-inner .type-corporate .input-box {
    width: 100%;
  }
  .order-login-signup .type-personal.user-phone-info > div {
    width: calc(50% - 10px);
  }
}
@media screen and (min-width: 1280px) {
  .order-login-signup .check-availability .go-to-btn-wrap {
    width: 35%;
  }
  .order-login-signup .acceptance .checkbox .check {
    width: auto;
    margin-right: 20px;
  }
  .order-login-signup .sign-up-inner .type-corporate > div:nth-child(-n+2) {
    width: calc(50% - 10px);
  }
}
/* E :Order - Log In / Sign Up */
/* Erorr */
.error-wrap {
  overflow: hidden;
  padding: 64px 20px 20px;
  box-sizing: border-box;
  text-align: center;
}

.error-wrap .img-area {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto 35px;
  padding-top: 24px;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #f1f2f5;
}

.error-wrap .img-area:before {
  content: "";
  position: absolute;
}

.error-wrap.error .img-area:before {
  left: 20px;
  top: 48px;
  width: 176px;
  height: 74px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/etc/error.png) no-repeat 0 0;
  background-size: 176px;
}

.error-wrap.construction .img-area:before {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 148px;
  height: 115px;
  margin-left: 10px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/etc/under-construction.png) no-repeat 0 0;
  background-size: 148px;
}

.error-wrap .img-area p {
  font-weight: 600;
  font-size: 20px;
  text-align: center;
}

.error-wrap .title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 -20px;
  font-size: 32px;
  line-height: 1.1;
  letter-spacing: -1px;
}

.error-wrap .text {
  margin-top: 8px;
}

.error-wrap .text .f-style {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
}

.error-wrap .text .mail {
  font-weight: 600;
  color: #3367b3;
  text-decoration: underline;
}

.error-wrap .btn-area {
  margin-top: 17px;
}

.error-wrap .logo-area {
  margin-top: 40px;
  padding-top: 20px;
  border-top: 1px solid #e3e3e3;
  text-align: center;
}

.error-wrap .logo-area > a {
  display: inline-block;
}

@media screen and (min-width: 1024px) {
  .error-wrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
  }
  .error-wrap .w-hide {
    display: none;
  }
  .error-wrap .btn-area {
    display: block;
  }
  .error-wrap .btn-area .btn-t01 {
    width: 190px;
  }
}
@media screen and (min-width: 1280px) {
  .error-wrap {
    max-width: 1280px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
/* PRIVACY POLICY */
@media screen and (max-width: 1023px) {
  .terms-wrap .title-select,
.no-banner-wrap .no-banner-tit {
    padding: 15px 0 25px;
  }
  .no-banner-wrap .text-area {
    margin-top: 34px;
  }
  .terms-wrap .title-select .c-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 9px 0;
    border-bottom: 2px solid #212121;
    font-size: 20px;
  }
  .terms-wrap .title-select select {
    width: 100%;
    margin-top: 20px;
  }
  .terms-wrap .cont-area .cont {
    display: none;
    padding-bottom: 35px;
  }
  .terms-wrap .cont-area .cont.on {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.terms-wrap,
.l-content .section.no-banner-wrap {
    padding-bottom: 35px;
  }
  .no-banner-wrap .text-area {
    margin-top: 34px;
  }
  .terms-wrap .title-select,
.no-banner-wrap .no-banner-tit {
    overflow: hidden;
    padding: 54px 0 14px;
    border-bottom: 2px solid #212121;
  }
  .terms-wrap .title-select .c-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 24px;
    line-height: 46px;
  }
  .terms-wrap .title-select select {
    float: right;
    width: 330px;
  }
  .terms-wrap .cont-area .cont {
    display: none;
    padding: 35px 0 45px;
  }
  .terms-wrap .cont-area .cont.on {
    display: block;
  }
}
.ppc-wrapper {
  margin: 10px 0;
}

.terms-wrap .ppc-wrapper ul {
  padding-left: 30px;
}

.terms-wrap .ppc-wrapper li {
  list-style-type: disc;
}

/* National Offers */
.national-offers {
  padding-bottom: 80px;
}

.national-offers-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
}

.national-offers-btn a {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  background-color: #212121;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  text-align: center;
}

.national-offers-btn a:before {
  content: "";
  height: 26px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/etc/national-offers.gif) no-repeat;
  background-size: 108px;
}

.national-offers-btn a:nth-child(1):before {
  width: 24px;
  background-position: 0 0;
}

.national-offers-btn a:nth-child(2):before {
  width: 26px;
  background-position: -29px 0;
}

.national-offers-btn a:nth-child(3):before {
  width: 23px;
  background-position: -57px 0;
}

.national-offers-btn a:nth-child(4):before {
  width: 27px;
  background-position: -83px 0;
}

@media screen and (max-width: 1023px) {
  .national-offers-btn {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px;
  }
  .national-offers-btn a {
    width: calc(50% - 4px);
    height: 65px;
    padding-top: 11px;
  }
  .national-offers-btn a:nth-child(1),
.national-offers-btn a:nth-child(2) {
    margin-bottom: 8px;
  }
  .national-offers-btn a:nth-child(2n+1) {
    margin-right: 8px;
  }
  .national-offers-btn a:before {
    display: block;
    margin: 0 auto 4px auto;
  }
}
@media screen and (min-width: 1024px) {
  .national-offers-btn {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 45px;
    padding: 0 15px;
  }
  .national-offers-btn a {
    flex: 1;
    padding: 11px 0;
    line-height: 24px;
    vertical-align: top;
  }
  .national-offers-btn a + a {
    border-left: 1px solid #e3e3e3;
  }
  .national-offers-btn a:before {
    display: inline-block;
    margin-right: 20px;
    vertical-align: top;
  }
}
.national-offers .result-model {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e3e3e3;
}

.national-offers .result-model .img {
  padding-top: 16px;
  font-size: 0;
  text-align: center;
}

.national-offers .result-model .img img {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}

.national-offers .result-model .info-area {
  font-weight: 600;
  position: relative;
  line-height: 1.3;
}

.national-offers .result-model .info-area .info-variant {
  margin-bottom: 4px;
  font-size: 3.2rem;
}

.national-offers .result-model .info-area .info-title {
  font-size: 2.4rem;
  color: #000;
}

.national-offers .result-model .info-area .info-bonus {
  padding-bottom: 15px;
  font-size: 2rem;
  color: #00aad2;
}

.national-offers .result-model .info-area ul {
  font-weight: 400;
}

.national-offers .result-model .info-area .btn-area {
  margin-top: 15px;
}

.national-offers .result-model .info-area .btn-disclaimer {
  border: 1px solid #002c5f;
  background-color: #fff;
  color: #002c5f;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.national-offers .result-model .info-area .btn-disclaimer:hover {
  background-color: #00aad2;
  color: #fff;
}

.national-offers .result-model .disclaimer-layer {
  display: none;
  position: relative;
  width: 100%;
  margin-top: 20px;
  background-color: #f1f2f5;
  border: 1px solid #e3e3e3;
}

.national-offers .result-model .disclaimer-layer > div {
  font-weight: 400;
  overflow: auto;
  max-height: 100%;
  padding: 30px 30px 25px 20px;
  line-height: 1.5;
}

.national-offers .result-model .disclaimer-layer > div a {
  text-decoration: underline;
}

.national-offers .result-model .disclaimer-layer .btn-close-layer {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  font-size: 0;
  text-indent: -9999px;
  line-height: 0;
}

.national-offers .result-model .disclaimer-layer .btn-close-layer::before,
.national-offers .result-model .disclaimer-layer .btn-close-layer::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: #212121;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

.national-offers .result-model .disclaimer-layer .btn-close-layer::before {
  width: 2px;
  height: 25px;
}

.national-offers .result-model .disclaimer-layer .btn-close-layer::after {
  width: 25px;
  height: 2px;
}

@media screen and (min-width: 1024px) {
  .national-offers .result-model {
    position: relative;
    margin-top: 70px;
  }
  .national-offers .result-model > div:after {
    content: "";
    display: block;
    clear: both;
  }
  .national-offers .result-model .img {
    float: left;
    width: 43.6%;
    padding-top: 6px;
  }
  .national-offers .result-model .info-area {
    float: right;
    width: 56.4%;
  }
  .national-offers .result-model .info-area ul {
    min-height: 80px;
  }
  .national-offers .result-model .disclaimer-layer {
    clear: both;
  }
  .national-offers .result-model .info-area .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 350px) {
  .national-offers .btn-t01 {
    font-size: 15px;
  }
}

.layer[data-layer-name=latestOfferEnquiry] .go-privacy-policy {
  margin-top: 25px;
}

.layer[data-layer-name=latestOfferEnquiry] .go-privacy-policy a {
  font-weight: 600;
  font-size: 1.4rem;
  color: #002c5f;
  text-decoration: underline;
}

@media screen and (max-width: 1023px) {
  .layer[data-layer-name=latestOfferEnquiry] .layer-cont .flex-box > div + div {
    margin-top: 35px;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-form .input-wrap {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-form .input-wrap label {
    margin-right: 0;
    line-height: 1.2;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-comment {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .layer[data-layer-name=latestOfferEnquiry] {
    width: 860px;
    max-width: 860px;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box {
    position: relative;
    display: flex;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px solid #e3e3e3;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div {
    flex: 1;
    margin-right: 10px;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div {
    flex: 1;
    margin-right: 20px;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div + div {
    margin-right: 0;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div:first-child .pop-quote-form:after {
    content: "";
    display: block;
    clear: both;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div:first-child .pop-quote-form dl {
    float: left;
    width: calc(50% - 5px);
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div:first-child .pop-quote-form dl:nth-child(2n+1) {
    float: right;
  }
  .layer[data-layer-name=latestOfferEnquiry] .flex-box > div:first-child .pop-quote-form dl:first-child {
    float: none;
    width: 100%;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-form .input-wrap {
    float: none;
    width: 100%;
    margin-bottom: 0;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-form .input-wrap label {
    margin-right: 0;
    line-height: 1.2;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-comment {
    margin-top: 20px;
  }
  .layer[data-layer-name=latestOfferEnquiry] .pop-quote-form dl + dl {
    margin-top: 25px;
  }
}
/*Local Offers*/
.local-offers-wrapper {
  margin-top: 30px;
}

.local-offers-wrapper dl {
  margin-top: 16px;
}

.local-offers-wrapper dt {
  font-weight: 600;
  margin-bottom: 25px;
  font-size: 2rem;
}

.local-offers-wrapper dd + dd {
  margin-top: 15px;
}

.local-offers-wrapper dd .btn-t01 {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .local-offers-wrapper:after {
    content: "";
    display: block;
    clear: both;
  }
  .local-offers-wrapper > div {
    position: relative;
    float: left;
    width: 56%;
  }
  .local-offers-wrapper > div img {
    position: relative;
    width: 86%;
  }
  .local-offers-wrapper > div:before {
    content: "";
    position: absolute;
    top: 7.85%;
    left: 7.85%;
    width: 86%;
    padding-top: 55.37%;
    background-color: #f1f2f5;
  }
  .local-offers-wrapper > dl {
    float: right;
    width: 44%;
    margin-top: 0;
  }
  .local-offers-wrapper dd + dd {
    margin-top: 25px;
    text-align: right;
  }
  .local-offers-wrapper dd .btn-t01 {
    width: 180px;
  }
}
@media screen and (min-width: 1280px) {
  .local-offers-wrapper > div {
    width: 640px;
    height: 355px;
  }
  .local-offers-wrapper > div img {
    width: 640px;
    height: 355px;
  }
  .local-offers-wrapper > div:before {
    top: 50px;
    left: 50px;
    width: 100%;
    height: 100%;
    padding-top: 0;
  }
  .local-offers-wrapper > dl {
    width: 490px;
  }
}
/* Relocation */
.relocation .relocation-cont .relocation-photo {
  margin-top: 36px;
  text-align: center;
}

.relocation .relocation-explain dl {
  position: relative;
  margin-top: 36px;
}

.relocation .relocation-explain dl:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 15px auto;
  border-radius: 50%;
  background: #f1f2f5 url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/company/bg-relocation.png) no-repeat;
  background-size: 200px;
}

.relocation .relocation-explain dl + dl {
  margin-top: 35px;
}

.relocation .relocation-explain dl + dl:before {
  background-position: -100px 0;
}

.relocation .relocation-explain dt {
  font-weight: 600;
  margin-bottom: 4px;
  font-size: 2rem;
}

.relocation .relocation-details {
  margin-top: 55px;
}

.relocation .relocation-details .map-location-wrapper {
  border: 1px solid #e3e3e3;
}

.relocation .relocation-details dl {
  padding: 20px;
  border: 1px solid #e3e3e3;
}

.relocation .relocation-details dt {
  font-weight: 600;
  margin-bottom: 4px;
}

.relocation .relocation-details li {
  font-size: 1.4rem;
}

.relocation .relocation-details .btn-area {
  margin-top: 16px;
}

.service-iframe {
  overflow: hidden;
  width: 780px;
  height: 751px;
  margin: 40px auto 0 auto;
  border: 1px solid #e3e3e3;
}

.acc-iframe {
  overflow: hidden;
  height: 87vw;
  margin-top: 6px;
  border: 1px solid #e3e3e3;
}

.service-iframe iframe,
.acc-iframe iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 1023px) {
  .relocation .relocation-cont {
    padding-top: 24px;
  }
  .relocation .relocation-cont .relocation-photo li + li {
    margin-top: 10px;
  }
  .relocation .relocation-details .relocation-info {
    margin-top: 6px;
  }
  .relocation .relocation-details .map-location-wrapper {
    padding-top: 73%;
  }
  .relocation .relocation-details dl {
    border-top: none;
  }
  .service-iframe {
    display: none;
  }
}
@media screen and (max-width: 1023px) and (min-width: 780px) {
  .service-iframe {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .relocation .relocation-cont {
    padding-top: 34px;
  }
  .relocation .relocation-cont .relocation-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .relocation .relocation-cont .relocation-photo li {
    flex: 1;
  }
  .relocation .relocation-cont .relocation-photo li + li {
    margin-left: 10px;
  }
  .relocation .relocation-explain dl {
    padding-left: 120px;
  }
  .relocation .relocation-explain dl:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -50px;
  }
  .relocation .relocation-details .relocation-info {
    margin-top: 8px;
  }
  .relocation .relocation-details .relocation-info:after {
    content: "";
    display: block;
    clear: both;
  }
  .relocation .relocation-details .relocation-info .map-location-wrapper {
    float: left;
    width: 58%;
    height: 365px;
  }
  .relocation .relocation-details dl {
    position: relative;
    float: right;
    width: calc(42% - 10px);
    height: 365px;
    padding: 30px 30px 45px 30px;
  }
  .relocation .relocation-details .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 60px);
  }
  .relocation .relocation-details .btn-area a {
    flex: 1;
  }
  .acc-iframe {
    height: 1050px;
  }
}
@media screen and (min-width: 1280px) {
  .relocation .relocation-details .relocation-info .map-location-wrapper {
    width: 820px;
  }
  .relocation .relocation-details dl {
    width: 400px;
  }
  .acc-iframe {
    height: 1100px;
  }
}
.register-interest-wrapper {
  margin-bottom: 35px;
}

iframe.prelaunch-iframe {
  display: block;
  width: 100%;
  margin: 50px 0;
}

.visual-tit:after,
.page-tit:after {
  content: ".";
}

/*
	Rentals
*/
@media screen and (max-width: 1023px) {
  /* Title */
  .line-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 24px 0 8px;
    border-bottom: 2px solid #212121;
    font-size: 20px;
  }
  /* Top Visual (상단 비주얼 영역) */
  .top-visual-area {
    overflow: hidden;
  }
  .top-visual-area .m-hide {
    display: none;
  }
  .top-visual-area .img-area {
    margin: 0 -15px;
    font-size: 0;
    line-height: 0;
  }
  .top-visual-area .text-area {
    padding: 27px 20px 0 20px;
  }
  .top-visual-area .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #212121;
    font-size: 32px;
  }
  .top-visual-area .text-area .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
  }
  .top-visual-area .btn-instagram {
    display: block;
    width: 100%;
    height: 46px;
    margin-top: 13px;
    background-color: #212121;
    text-align: center;
  }
  .top-visual-area .btn-instagram .inner {
    position: relative;
    padding-right: 36px;
    color: #fff;
    line-height: 46px;
  }
  .top-visual-area .btn-instagram .inner .ico-instagram {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1024px) {
  /* Title */
  .line-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 24px 0 8px;
    border-bottom: 2px solid #212121;
    font-size: 24px;
  }
  /* Top Visual (상단 비주얼 영역) */
  .l-content .section.full > div.top-visual-area {
    overflow: hidden;
    position: relative;
    max-width: 100%;
  }
  .top-visual-area .img-area {
    font-size: 0;
    line-height: 0;
  }
  .top-visual-area .text-area {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1280px;
    padding: 0 24px;
    box-sizing: border-box;
    color: #fff;
  }
  .top-visual-area .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 38px;
    line-height: 1.1;
  }
  .top-visual-area .text-area .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: 13px;
  }
  .top-visual-area .btn-instagram {
    display: block;
    width: 240px;
    height: 46px;
    margin-top: 13px;
    background-color: #212121;
    text-align: center;
  }
  .top-visual-area .btn-instagram .inner {
    position: relative;
    padding-right: 36px;
    color: #fff;
    line-height: 46px;
  }
  .top-visual-area .btn-instagram .inner .ico-instagram {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 1280px) {
  /* Top Visual (상단 비주얼 영역) */
  .top-visual-area .w-hide {
    display: none;
  }
  .top-visual-area .text-area {
    padding: 0 20px;
  }
}
/* 하단 썸네일 리스트 */
.thumb-list-write {
  padding-bottom: 40px;
}

.thumb-list-write .thumb-car-list .car-item .item-inner {
  position: relative;
  padding-top: 30px;
  background-color: #f1f2f5;
}

.thumb-list-write .thumb-car-list .car-item + .car-item {
  margin-top: 10px;
}

.thumb-list-write .thumb-car-list .car-item .img-area {
  margin: 0 35px;
  font-size: 0;
  line-height: 0;
}

.thumb-list-write .thumb-car-list .car-item .name {
  font-weight: 600;
  padding: 2px 0 3px 10px;
}

.thumb-list-write .thumb-car-list .car-item .btn-ditail {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-color: #666;
  font-size: 0;
  text-indent: -9999px;
  line-height: 0;
}

.thumb-list-write .thumb-car-list .car-item .btn-ditail:before,
.thumb-list-write .thumb-car-list .car-item .btn-ditail:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  transition: all 0.3s;
}

.thumb-list-write .thumb-car-list .car-item .btn-ditail:hover:before,
.thumb-list-write .thumb-car-list .car-item .btn-ditail:hover:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* hover */
.thumb-list-write .thumb-car-list .car-item .btn-ditail:before {
  width: 2px;
  height: 18px;
}

.thumb-list-write .thumb-car-list .car-item .btn-ditail:after {
  width: 18px;
  height: 2px;
}

/* 입력폼 */
.thumb-list-write .wirte-form-box {
  margin-top: 20px;
  padding: 0 20px;
  border: 1px solid #e3e3e3;
}

.thumb-list-write .wirte-form-box .f-title {
  font-weight: 600;
  padding: 8px 0 6px;
  font-size: 18px;
  border-bottom: 1px solid #212121;
}

.thumb-list-write .wirte-form-box .form-list .item {
  position: relative;
  margin-top: 10px;
}

.thumb-list-write .wirte-form-box .form-list .item .title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  line-height: 30px;
}

.thumb-list-write .wirte-form-box .form-list .item input[type=text],
.thumb-list-write .wirte-form-box .form-list .item select {
  width: 100%;
}

.thumb-list-write .wirte-form-box .form-list .item .choice-box {
  margin-bottom: 10px;
}

.thumb-list-write .wirte-form-box .form-list .item textarea {
  width: 100%;
  height: 180px;
  padding: 13px 10px;
  border: 1px solid #dcdcdc;
}

.thumb-list-write .wirte-form-box .form-list .item .text-len {
  position: absolute;
  top: 0;
  right: 0;
  color: #888888;
  font-size: 14px;
  line-height: 30px;
}

.thumb-list-write .wirte-form-box .form-list .item .text-len .ing {
  color: #000;
}

.thumb-list-write .wirte-form-box .btn-area {
  margin-top: 20px;
}

.thumb-list-write .wirte-form-box .info-text-area {
  padding: 16px 0 10px;
}

.thumb-list-write .wirte-form-box .info-text-area .title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.thumb-list-write .wirte-form-box .info-text-area .text {
  font-size: 14px;
}

.thumb-list-write .wirte-form-box .info-text-area .number {
  font-weight: 600;
  margin-top: 6px;
  color: #002c5f;
  font-size: 20px;
}

@media screen and (min-width: 1024px) {
  /* 하단 썸네일 리스트 / 입력폼 */
  .thumb-list-write {
    overflow: hidden;
    padding-bottom: 100px;
  }
  .thumb-list-write .line-title {
    float: left;
    width: 100%;
  }
  .thumb-list-write .thumb-car-list {
    overflow: hidden;
    float: left;
    width: 68%;
    padding: 40px 10px 0 0;
    box-sizing: border-box;
    margin: -5px;
  }
  .thumb-list-write .thumb-car-list .car-item {
    float: left;
    width: 50%;
    padding: 5px;
    box-sizing: border-box;
  }
  .thumb-list-write .thumb-car-list .car-item + .car-item {
    margin: 0;
  }
  .thumb-list-write .wirte-form-box {
    float: left;
    width: 32%;
    margin-top: 40px;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1280px) {
  .thumb-list-write .wirte-form-box .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
/*
	Buying
*/
.check-message {
  position: relative;
  padding-top: 10px;
  padding-left: 28px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #002c5f;
}

.check-message:before {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  content: "!";
  position: absolute;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 1.6rem;
  background-color: #002c5f;
  color: #fff;
  text-align: center;
}

/* Finance */
@media screen and (max-width: 1023px) {
  .finance .top-text-area {
    padding: 24px 0;
  }
  .finance .top-text-area .t-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 30px;
    font-size: 20px;
  }
  .finance .top-text-area .text2 {
    font-weight: 600;
    margin: 20px 0 8px;
  }
  .finance .top-text-area .list-area {
    padding: 15px 0 0;
  }
  .finance .top-text-area .list-area .title {
    font-weight: 600;
  }
  .finance .top-text-area .box-list-area {
    border: 1px solid #e3e3e3;
    margin-top: 5px;
    padding: 15px 20px;
  }
  .finance .top-text-area .box-list-area ul {
    margin-top: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .finance .top-text-area {
    padding-top: 25px;
  }
  .finance .top-text-area .t-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 55px;
    font-size: 20px;
  }
  .finance .top-text-area .text + .text {
    margin-top: 15px;
  }
  .finance .top-text-area .text2 {
    font-weight: 600;
    margin: 20px 0 8px;
  }
  .finance .top-text-area .list-area {
    padding: 15px 0;
  }
  .finance .top-text-area .list-area:last-child {
    padding-bottom: 0;
  }
  .finance .top-text-area .list-area .title {
    font-weight: 600;
  }
  .finance .top-text-area .box-list-area {
    border: 1px solid #e3e3e3;
    margin-top: 5px;
    padding: 15px 20px;
  }
  .finance .top-text-area .box-list-area ul {
    margin-top: 5px;
  }
}
/* Expert Review List */
@media screen and (max-width: 1023px) {
  /* Title */
  .buying .title-line {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-top: 18px;
    border-bottom: 2px solid #212121;
    font-size: 20px;
    line-height: 44px;
  }
  .buying .model-label {
    font-weight: 900;
    display: inline-block;
    height: 26px;
    padding: 0 15px;
    border-radius: 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
  }
  .buying .user-info {
    position: relative;
    height: 40px;
    padding-left: 54px;
    line-height: 20px;
  }
  .buying .user-info .img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #e6e6e9;
    font-size: 0;
    line-height: 0;
  }
  .buying .user-info .img img {
    width: 100%;
    height: 100%;
  }
  .buying .user-info .name {
    font-weight: 600;
  }
  .buying .select-a-car {
    border-bottom: 1px solid #dadbdc;
    background-color: #f1f2f5;
  }
  .buying .thumb-list .thumb-item .link-area {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .buying .thumb-list .thumb-item .img-area {
    border: 1px solid #e3e3e3;
    font-size: 0;
    line-height: 0;
  }
  .buying .thumb-list .thumb-item .text-area {
    margin-top: 30px;
  }
  .buying .thumb-list .thumb-item .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 13px;
    font-size: 20px;
  }
  .buying .thumb-list .thumb-item .text-area .text {
    margin-top: 6px;
  }
  .buying .thumb-list .thumb-item .link-area .user-info {
    margin-top: 20px;
  }
  .buying .thumb-list .thumb-item .link-area .txt-date {
    display: block;
    margin-top: 10px;
  }
  .expert-review .pagination {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  /* .l-content .section.expert-review {padding-bottom:100px;} */
  /* Title */
  .buying .title-line {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-top: 42px;
    border-bottom: 2px solid #212121;
    font-size: 24px;
    line-height: 58px;
  }
  .buying .model-label {
    font-weight: 900;
    display: inline-block;
    height: 26px;
    padding: 0 15px;
    border-radius: 25px;
    background-color: #000;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
  }
  .buying .user-info {
    overflow: hidden;
    position: relative;
    height: 40px;
    padding-left: 54px;
    line-height: 40px;
  }
  .buying .user-info .img {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid #e6e6e9;
    font-size: 0;
    line-height: 0;
  }
  .buying .user-info .img img {
    width: 100%;
    height: 100%;
  }
  .buying .user-info .name {
    font-weight: 600;
    float: left;
  }
  .buying .user-info .team {
    float: left;
    position: relative;
    margin-left: 10px;
    padding-left: 11px;
  }
  .buying .user-info .team:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 14px;
    background-color: #e3e3e3;
  }
  .buying .select-a-car {
    border-bottom: 1px solid #dadbdc;
    background-color: #f1f2f5;
  }
  .buying .thumb-list .thumb-item .link-area {
    display: block;
    position: relative;
    min-height: 180px;
    margin-top: 30px;
    padding: 0 10px 30px 370px;
    border-bottom: 1px solid #e3e3e3;
    box-sizing: content-box;
  }
  .buying .thumb-list .thumb-item .img-area {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #e3e3e3;
    font-size: 0;
    line-height: 0;
  }
  .buying .thumb-list .thumb-item .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 12px;
    font-size: 20px;
  }
  .buying .thumb-list .thumb-item .text-area .text {
    overflow: hidden;
    margin-top: 3px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .buying .thumb-list .thumb-item .user-info {
    float: left;
    margin-top: 18px;
  }
  .buying .thumb-list .thumb-item .txt-date {
    float: right;
    margin-top: 26px;
  }
  .expert-review .pagination {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .buying .thumb-list .thumb-item .text-area .text {
    -webkit-line-clamp: 3;
  }
}
/* Expert Review View */
@media screen and (max-width: 1023px) {
  .photo-type-area .title-box {
    padding: 30px 0 23px;
    border-bottom: 1px solid #e3e3e3;
  }
  .photo-type-area .title-box .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 9px;
    font-size: 24px;
    line-height: 1.3;
  }
  .photo-type-area .title-box .txt-date {
    padding-top: 10px;
  }
  .photo-type-area .text-area {
    margin-top: 15px;
  }
  .photo-type-area .img-area {
    margin-top: 15px;
    font-size: 0;
    line-height: 0;
  }
  .photo-type-area .user-info {
    margin: 20px 0;
  }
  .photo-type-area .btn-area {
    padding: 20px 0 0;
    border-top: 1px solid #e3e3e3;
  }
}
@media screen and (min-width: 1024px) {
  .photo-type-area .title-box {
    padding: 30px 0 23px;
    border-bottom: 1px solid #e3e3e3;
  }
  .photo-type-area .title-box .model-label {
    margin-bottom: 6px;
  }
  .photo-type-area .title-box .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
  }
  .photo-type-area .title-box .txt-date {
    padding-top: 6px;
  }
  .photo-type-area .text-area {
    margin-top: 25px;
  }
  .photo-type-area .img-area {
    margin-top: 25px;
    font-size: 0;
    line-height: 0;
  }
  .photo-type-area .user-info {
    margin: 30px 0;
  }
  .photo-type-area .btn-area {
    display: block;
    padding: 20px 0 100px;
    border-top: 1px solid #e3e3e3;
    text-align: right;
  }
  .photo-type-area .btn-area .btn-black {
    width: 120px;
  }
  .photo-type-area .btn-area .btn-red {
    width: 190px;
  }
}
/*
	After Sales
*/
/* Service */
.service-wrap .link-move-box .box .el-link-1,
.service-wrap .link-move-box .box .el-link-2 {
  font-size: 14px;
  width: 100%;
}

.service-wrap .link-move-box .box .text {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.6;
  word-break: break-word;
}

.service-wrap .link-move-box .box3.extra-location .btn-t01 {
  padding: 0 40px 0 20px;
}

@media screen and (max-width: 1023px) {
  .service-wrap .link-move-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 30px;
    padding: 7px 20px 0;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    font-size: 20px;
  }
  .service-wrap .link-move-box .box {
    position: relative;
    margin-top: 15px;
    padding: 15px 0 15px 86px;
    border-top: 1px solid #e3e3e3;
  }
  .service-wrap .link-move-box .box:first-child {
    margin-top: 0;
    border-top: 0;
  }
  .service-wrap .link-move-box .box:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .service-wrap .link-move-box .box1:before {
    width: 54px;
    height: 43px;
    background-position: 0 0;
  }
  .service-wrap .link-move-box .box2:before {
    width: 56px;
    height: 46px;
    background-position: -59px 0;
  }
  .service-wrap .link-move-box .box3 {
    padding: 15px 0 15px;
  }
  .service-wrap .link-move-box .box .btn-t01 {
    width: 100%;
    margin-top: 7px;
  }
  .service-wrap .text-area {
    margin-top: 12px;
  }
  .service-wrap .text-area + .text-area {
    margin-top: 25px;
  }
  .service-wrap .text-area strong {
    font-weight: 600;
  }
  .service-wrap .text-area .f-color {
    color: #002c5f;
  }
  .service-wrap .text-area .f-line {
    text-decoration: underline;
  }
  .service-wrap .box-text {
    margin-top: 12px;
    padding: 13px 19px 16px;
    border: 1px solid #e3e3e3;
  }
  .service-wrap .box-text .title {
    font-weight: 900;
    font-size: 18px;
  }
  .service-wrap .box-text .list li {
    margin-left: 10px;
    text-indent: -10px;
  }
  .genuine-parts .text-area {
    margin-bottom: 24px;
    text-align: left;
  }
  .genuine-parts .text-area .title {
    font-weight: 900;
    font-size: 20px;
  }
  .genuine-parts .text-area .stitle {
    font-weight: 900;
    font-size: 18px;
  }
  .map-info-area .info-area .time-area .inner-box {
    padding: 16px 20px;
    background-color: #fff;
  }
  .map-info-area .info-area .time-area .inner-box .list {
    border: 0;
    padding: 0 0 10px;
  }
  .map-info-area .info-area .time-area .inner-box .list:last-child {
    padding-bottom: 0;
  }
  /* Map */
  .map-info-area {
    margin-top: 20px;
  }
  .map-info-area .m-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .map-info-area .map-area {
    overflow: hidden;
    height: 236px;
    margin-top: 4px;
    border: 1px solid #e3e3e3;
  }
  .map-info-area .info-area {
    padding: 13px 19px 19px;
    border: 1px solid #e3e3e3;
    border-top: 0;
  }
  .map-info-area .info-area .title {
    font-weight: 600;
  }
  .map-info-area .info-area .list li {
    font-size: 14px;
    margin-left: 10px;
    text-indent: -10px;
  }
  .map-info-area .info-area .list li .mail {
    color: #00aad2;
    text-decoration: underline;
  }
  .map-info-area .info-area .add-area {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .time-area .title {
    position: relative;
    padding: 13px 0 14px;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
  }
  .map-info-area .info-area .time-area .title:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .map-info-area .info-area .time-area .title:after {
    right: 7px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .map-info-area .info-area .time-area.on .title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .map-info-area .info-area .time-area .list {
    padding: 15px 19px 16px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .map-info-area .info-area .btn-area {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  /* .l-container.after-sales {padding-bottom:100px;} */
  .visual-area.white > div {
    color: #fff;
  }
  .service-wrap .link-move-box {
    overflow: hidden;
    position: relative;
    margin-top: 40px;
    padding-right: 240px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .service-wrap .link-move-box.no-box-three {
    padding-right: 0;
  }
  .service-wrap .link-move-box .box {
    float: left;
    position: relative;
    padding: 30px 160px 30px 0;
    width: 50%;
    box-sizing: border-box;
  }
  .service-wrap .box1.extra-location {
    width: 70%;
  }
  .service-wrap .link-move-box .box:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .service-wrap .link-move-box .box1:before {
    width: 54px;
    height: 43px;
    background-position: 0 0;
  }
  .service-wrap .link-move-box .box2:before {
    width: 56px;
    height: 46px;
    background-position: -59px 0;
  }
  .service-wrap .link-move-box .box3 {
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -30px;
    padding: 0;
    float: none;
    width: 210px;
    height: 60px;
    border-left: 1px solid #e3e3e3;
  }
  .service-wrap .link-move-box .box .text {
    font-size: 16px;
    line-height: 24px;
    padding-left: 105px;
  }
  .service-wrap .link-move-box .box + .box .text {
    border-left: 1px solid #e3e3e3;
  }
  .service-wrap .link-move-box .box .btn-t01 {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 130px;
  }
  .service-wrap .link-move-box .box .btn-t01.el-link-1 {
    width: 40%;
  }
  .service-wrap .link-move-box .box .btn-t01.el-link-2 {
    width: 40%;
    left: 100%;
  }
  .service-wrap .link-move-box .box3 .btn-t01 {
    width: 100%;
    right: 0;
    padding: 0 40px 0 20px;
    font-size: 14px;
  }
  .service-wrap .link-move-box .box3 .btn-t01::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    margin-top: -7px;
    border-width: 3px;
    border-style: solid;
    border-color: #fff #fff transparent transparent;
    transform: rotate(45deg);
    border-radius: 3px;
  }
  .service-wrap .text-area {
    margin-top: 25px;
  }
  .service-wrap .text-area .f-color {
    color: #002c5f;
  }
  .service-wrap .text-area .f-line {
    color: #002c5f;
    text-decoration: underline;
  }
  .service-wrap .box-text {
    margin-top: 25px;
    padding: 35px 39px;
    border: 1px solid #e3e3e3;
  }
  .service-wrap .box-text .title {
    font-weight: 900;
    font-size: 18px;
  }
  .service-wrap .box-text .list li {
    margin-left: 10px;
    text-indent: -10px;
  }
  .genuine-parts .text-area {
    margin-bottom: 34px;
  }
  .genuine-parts .text-area .title {
    font-weight: 900;
    font-size: 20px;
  }
  .genuine-parts .text-area .stitle {
    font-weight: 900;
    padding: 0 0 6px;
    font-size: 18px;
  }
  /* Map */
  .map-info-area {
    position: relative;
    margin-top: 40px;
    padding-right: 410px;
  }
  /*margin-bottom:100px;*/
  .map-info-area .m-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    height: 42px;
    font-size: 20px;
    line-height: 42px;
  }
  .map-info-area .map-area {
    overflow: hidden;
    height: 365px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
  }
  .map-info-area .info-area {
    position: absolute;
    right: 0;
    top: 42px;
    width: 402px;
    min-height: 365px;
    padding: 25px 29px 25px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .title {
    font-weight: 600;
  }
  .map-info-area .info-area .list li {
    font-size: 14px;
    margin-left: 10px;
    text-indent: -10px;
  }
  .map-info-area .info-area .list li .mail {
    color: #00aad2;
    text-decoration: underline;
  }
  .map-info-area .info-area .add-area {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .time-area .title {
    position: relative;
    padding: 13px 0 14px;
    cursor: pointer;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
  }
  .map-info-area .info-area .time-area .title:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .map-info-area .info-area .time-area .title:after {
    right: 7px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .map-info-area .info-area .time-area.on .title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .map-info-area .info-area .time-area .list {
    padding: 15px 19px 16px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .map-info-area .info-area .time-area .inner-box {
    padding: 16px 20px;
    background-color: #fff;
  }
  .map-info-area .info-area .time-area .inner-box .list {
    border: 0;
    padding: 0 0 10px;
  }
  .map-info-area .info-area .time-area .inner-box .list:last-child {
    padding-bottom: 0;
  }
  .map-info-area .info-area .btn-area {
    margin-top: 20px;
  }
  .map-area .map-location-wrapper {
    height: 365px;
  }
}
@media screen and (min-width: 1280px) {
  .service-wrap .link-move-box {
    padding-right: 260px;
  }
  .service-wrap .link-move-box .box {
    padding: 30px 150px 30px 0;
  }
  .service-wrap .link-move-box .box3 {
    padding-right: 230px;
    right: 30px;
    top: 50%;
    height: 46px;
  }
  .service-wrap .link-move-box .box .text {
    font-size: 20px;
    line-height: 1.6;
  }
  .service-wrap .link-move-box .box .btn-t01 {
    width: 130px;
  }
  .service-wrap .link-move-box .box3 .btn-t01 {
    width: 210px;
    right: 0;
    padding: 0 50px 0 28px;
    font-size: 14px;
  }
  .service-wrap .box1.extra-location {
    width: 68%;
  }
  .service-wrap .link-move-box .box .btn-t01.el-link-1 {
    width: 45%;
  }
  .service-wrap .link-move-box .box .btn-t01.el-link-2 {
    width: 45%;
    left: 100%;
  }
  /* Map */
  .map-info-area {
    padding-right: 420px;
  }
  .map-info-area .info-area {
    width: 400px;
  }
  .map-info-area .info-area .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .map-info-area .info-area .btn-area .btn-t01 + .btn-t01 {
    margin-left: 20px;
  }
  .map-info-area .info-area .time-area .inner-box {
    padding: 16px 20px;
    background-color: #f1f2f5;
  }
}
/* Service Booking */
.after-sales .booking .iframe-area + .btn-area {
  margin-top: 20px;
}

.after-sales .booking .iframe-area iframe {
  display: none;
  width: 100%;
  padding-top: 20px;
  background-color: #e4dcd3;
}

@media screen and (max-width: 699px) {
  .after-sales .l-content .section.booking {
    padding-top: 22px;
  }
  .after-sales .booking .iframe-area {
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    background-color: #e4dcd3;
  }
  .after-sales .booking .iframe-area .mobile-iframe {
    display: block;
    height: 500px;
  }
}
@media screen and (max-width: 699px) and (min-width: 384px) {
  .after-sales .booking .iframe-area .mobile-iframe {
    height: 800px;
  }
}
@media screen and (max-width: 699px) {
  .after-sales .booking .btn-left {
    margin-top: 20px;
  }
}
@media screen and (max-width: 699px) {
  .after-sales .booking .btn-left .btn-t01 {
    width: 100%;
  }
}
@media screen and (min-width: 700px) {
  .after-sales .l-content .section.booking {
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .after-sales .booking .iframe-area {
    width: 100%;
    background-color: #e4dcd3;
  }
  .after-sales .booking .iframe-area .pc-iframe {
    display: block;
    min-height: 1000px;
  }
  .after-sales .booking .iframe-area + .btn-area {
    display: block;
    text-align: center;
  }
  .after-sales .booking .iframe-area + .btn-area .btn-t01 {
    flex: none;
    padding: 0 25px;
  }
}
@media screen and (min-width: 700px) and (max-width: 800px) {
  .after-sales .booking .iframe-area iframe {
    margin-top: 0;
  }
}
/* Genuine Parts */
/* Slider */
.move-slider {
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background-color: #8b949f;
}

.move-slider.ui-slider-horizontal .ui-slider-range {
  background-color: #1f2731;
  border-radius: 15px;
}

.move-slider.ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #002c5f;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.4);
}

.move-gauge {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
}

.move-gauge span {
  position: relative;
  display: inline-block;
  width: 22px;
  padding-top: 18px;
  color: #8b949f;
  font-size: 16px;
  text-align: center;
}

.move-gauge span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #8b949f;
}

.move-gauge span.is-active {
  color: #212121;
}

.move-slider-wrap {
  position: relative;
  margin: 0 -1.5vw;
  padding: 7px 2vw 38px;
}

.move-slider-wrap .move-gauge span {
  padding-top: 13px;
  width: 16.6666666667%;
}

/* drag */
.drag-slider-wrap {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  padding: 0 12px 0 10px;
}

.drag-slider {
  position: relative;
  width: 100%;
  height: 22px;
}

.drag-slider:before {
  content: "";
  position: absolute;
  left: 0;
  right: -12px;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: 25px;
  background-color: #dadbdc;
}

.drag-slider .ui-slider-handle {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  margin-left: -10px;
  background-color: #00aad2;
  border-radius: 50%;
  outline: 0;
  cursor: pointer;
}

.drag-slider .ui-slider-handle:before {
  content: "";
  position: absolute;
  left: -500px;
  right: 22px;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  background-color: #00aad2;
  outline: 0;
}

@media screen and (max-width: 1023px) {
  /* Form Write Area [s] */
  .register-interest-wrapper .form-write-area .required-field {
    margin-top: -7px;
    margin: 10px 0px;
    text-align: left;
    font-size: 12px;
  }
  .register-interest-wrapper .form-write-area .form-title {
    text-align: center;
  }
  .form-write-area {
    margin-top: 25px;
  }
  .form-write-area .form-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .form-write-area .required-field {
    margin-top: -7px;
    text-align: right;
  }
  .form-write-area .form-write-box {
    margin-top: 7px;
    border: 1px solid #e3e3e3;
    padding: 4px 20px 20px;
    background-color: #f1f2f5;
  }
  .form-write-area .form-write-box .form-write .box + .box {
    margin-top: 15px;
  }
  .form-write-area .form-write-box .form-write .box input[type=text],
.form-write-area .form-write-box .form-write .box input[type=number],
.form-write-area .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box textarea {
    height: 100px !important;
  }
  .form-write-area .form-write-box .form-write .box .title-line {
    font-weight: 600;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 48px;
  }
  .form-write-area .form-write-box .form-write .box .list .item {
    margin-top: 12px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    line-height: 20px;
  }
  .form-write-area .form-write-box .link-new {
    font-weight: 600;
    display: block;
    margin-top: 25px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .form-write-area .form-write-box .info-line-text {
    margin-top: 10px;
  }
  .form-write-area .form-write-box .btn-area {
    margin-top: 15px;
  }
  .form-write-area .form-write-box .check-list {
    overflow: hidden;
    margin-top: -20px;
  }
  .form-write-area .form-write-box .check-list li {
    float: left;
    width: 50%;
    margin-top: 20px;
  }
  .form-write-area .form-write-box .radio-list {
    overflow: hidden;
  }
  .form-write-area .form-write-box .radio-list li {
    float: left;
    width: 50%;
  }
  .form-write-area.type2 .dollar-text {
    position: relative;
    height: 46px;
    padding-left: 20px;
  }
  .form-write-area.type2 .dollar-text .dollar {
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .dollar-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text {
    position: relative;
    height: 46px;
    padding-right: 20px;
    text-align: right;
  }
  .form-write-area.type2 .percent-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text .percent {
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .drag-slider-wrap {
    margin: 20px 0 10px;
  }
  .form-write-area.type2 .text-years {
    font-weight: 600;
  }
  .form-write-area.type2 .text-years + .drag-slider-wrap {
    margin-top: 0;
  }
  .form-write-area.type2 .text-years input {
    text-align: right;
  }
  .form-write-area.type2 .item .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-write-area.type2 .item .btn-list .btn-t01 {
    flex: 1;
  }
  .form-write-area.type2 .item .btn-list .btn-t01 + .btn-t01 {
    margin-left: 6px;
  }
  .form-write-area.type2 .item .text-box {
    margin-top: 5px;
    padding: 15px 20px 30px;
    background-color: #fff;
  }
  .form-write-area.type2 .item .text-box:first-child {
    margin-top: 20px;
  }
  .form-write-area.type2 .item .text-box strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .form-write-area.type2 .item .text-box .text {
    overflow: hidden;
    margin-top: 6px;
  }
  .form-write-area.type2 .item .text-box .text .left {
    float: left;
    width: 50%;
  }
  .form-write-area.type2 .item .text-box .text .right {
    font-weight: 600;
    float: right;
    width: 50%;
    text-align: right;
  }
  .form-write-area.type2 .item .text-box .donut-graph-wrap {
    overflow: hidden;
    margin: 30px 0;
    text-align: center;
  }
  .form-write-area.type2 .item .text-box .donut-graph-wrap .donut-graph {
    float: inherit;
    margin: 0 auto 10px;
  }
  .form-write-area.type2 .item .text-box .move-slider-wrap {
    margin: 5px 0 0;
    padding-left: 0;
    padding-right: 0;
  }
  .form-write-area.type2 .item .text-box .move-slider-wrap .move-gauge {
    left: -8.3333333333%;
    right: -8.3333333333%;
    width: auto;
  }
  /* Form Write Area [e] */
  .genuine-parts .icon-text-area {
    padding: 25px 0 0;
    text-align: center;
  }
  .genuine-parts .icon-text-area .title-text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    text-align: left;
  }
  .genuine-parts .icon-text-area .icon-text {
    margin-top: 23px;
  }
  .genuine-parts .icon-text-area .icon-text .icon {
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f1f2f5;
  }
  .genuine-parts .icon-text-area .icon-text .icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .genuine-parts .icon-text-area .icon-text .icon1:before {
    width: 62px;
    height: 49px;
    background-position: -120px 0;
  }
  .genuine-parts .icon-text-area .icon-text .icon2:before {
    width: 62px;
    height: 43px;
    background-position: -187px 0;
  }
  .genuine-parts .icon-text-area .icon-text .text-area {
    margin-top: 15px;
    text-align: center;
  }
  .genuine-parts .icon-text-area .icon-text .text-area .title {
    font-weight: 600;
  }
  .genuine-parts .icon-text-area .info-text {
    display: block;
    margin-top: 17px;
  }
  .genuine-parts .icon-text-area strong.info-text {
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  /* Form Write Area [s] */
  .form-write-area {
    position: relative;
    margin-top: 45px;
  }
  .form-write-area .form-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    height: 42px;
    font-size: 20px;
    line-height: 42px;
  }
  .form-write-area .required-field {
    position: absolute;
    right: 0;
    top: 14px;
  }
  .form-write-area .form-write-box {
    padding-bottom: 30px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .form-write-area .form-write-box .form-write {
    overflow: hidden;
    position: relative;
  }
  .form-write-area .form-write-box .form-write:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 38px;
    bottom: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .form-write-area .form-write-box .form-write .box {
    float: left;
    width: 50%;
    padding: 23px 35px 0;
    box-sizing: border-box;
  }
  .form-write-area .form-write-box .form-write .box input[type=text],
.form-write-area .form-write-box .form-write .box input[type=number],
.form-write-area .form-write-box .form-write .box input[type=tel],
.form-write-area .form-write-box .form-write .box input[type=email],
.form-write-area .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box textarea {
    height: 149px;
  }
  .form-write-area .form-write-box .form-write .box .title-line {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 46px;
  }
  .form-write-area .form-write-box .form-write .box .list {
    overflow: hidden;
  }
  .form-write-area .form-write-box .form-write .box.non-title .list {
    padding-top: 47px;
  }
  .form-write-area .form-write-box .form-write .box .check-list {
    overflow: hidden;
    margin-top: -20px;
  }
  .form-write-area .form-write-box .form-write .box .check-list li {
    float: left;
    width: 33.3333333333%;
    margin-top: 20px;
  }
  .form-write-area .form-write-box .form-write .box .radio-list {
    overflow: hidden;
    margin-left: -50px;
  }
  .form-write-area .form-write-box .form-write .box .radio-list li {
    float: left;
    margin-left: 50px;
  }
  .form-write-area .form-write-box .form-write .box .radio-list li input[type=radio] + label {
    margin-right: 0;
  }
  .form-write-area .form-write-box .form-write .box .list .item {
    float: left;
    width: 50%;
    margin-top: 17px;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .form-write-area .form-write-box .form-write .box .list .item.full {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 40px;
  }
  .form-write-area .form-write-box .link-new {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin: 25px 0 0 20px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .form-write-area .form-write-box .info-line-text {
    margin: 16px 20px 0;
    padding-top: 14px;
    border-top: 1px solid #e3e3e3;
  }
  .form-write-area .form-write-box .btn-area {
    display: block;
    width: auto;
    border-top: 1px solid #e3e3e3;
    margin: 18px 20px 0;
    padding-top: 30px;
  }
  .form-write-area .form-write-box .btn-area .btn-t01 {
    width: 190px;
  }
  .form-write-area .form-write-box .info-line-text + .btn-area {
    margin-top: 0;
    border-top: 0;
  }
  .form-write-area.type2 {
    padding-top: 25px;
  }
  .form-write-area.type2 .required-field {
    top: -10px;
  }
  .form-write-area.type2 .form-write-box .form-write:before {
    left: 33.3333333333%;
  }
  .form-write-area.type2 .form-write-box .form-write:after {
    content: "";
    position: absolute;
    right: 33.3333333333%;
    top: 38px;
    bottom: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .form-write-area.type2 .form-write-box .form-write .box {
    padding: 25px 19px 0;
    width: 33.3333333333%;
  }
  .form-write-area.type2 .form-write-box .form-write .box .list .item {
    width: 100%;
    padding: 0;
  }
  .form-write-area.type2 .dollar-text {
    position: relative;
    height: 46px;
    padding-left: 20px;
  }
  .form-write-area.type2 .dollar-text .dollar {
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .dollar-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text {
    position: relative;
    height: 46px;
    padding-right: 20px;
    text-align: right;
  }
  .form-write-area.type2 .percent-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text .percent {
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .text-years {
    font-weight: 600;
  }
  .drag-slider-wrap {
    margin: 20px 0 30px;
  }
  .text-years + .drag-slider-wrap {
    margin-top: 5px;
  }
  .form-write-area.type2 .text-years input {
    text-align: right;
  }
  .form-write-area.type2 .form-write-box .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-write-area.type2 .form-write-box .btn-list .btn-t01 {
    flex: 1;
  }
  .form-write-area.type2 .form-write-box .btn-list .btn-t01 + .btn-t01 {
    margin-left: 10px;
  }
  .form-write-area.type2 .form-write-box .text-box {
    margin-top: 13px;
    padding: 15px 20px 20px;
    border: 1px solid #1f2731;
  }
  .form-write-area.type2 .form-write-box .text-box strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .form-write-area.type2 .form-write-box .text-box .text {
    overflow: hidden;
    margin-top: 7px;
  }
  .form-write-area.type2 .form-write-box .text-box .text .left {
    float: left;
    width: 50%;
  }
  .form-write-area.type2 .form-write-box .text-box .text .right {
    font-weight: 600;
    float: right;
    width: 50%;
    text-align: right;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap {
    overflow: hidden;
    margin: 13px 0 10px;
    text-align: center;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap .donut-graph {
    float: inherit;
    margin: 0 auto;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap .center-text {
    margin-top: 14px;
  }
  .move-slider-wrap {
    padding-top: 14px;
  }
  /* Form Write Area [e] */
  .genuine-parts .icon-text-area {
    padding-top: 35px;
  }
  .genuine-parts .icon-text-area .title-text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .genuine-parts .icon-text-area .icon-text {
    position: relative;
    min-height: 100px;
    margin-top: 35px;
    padding-left: 120px;
  }
  .genuine-parts .icon-text-area .icon-text .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    background-color: #f1f2f5;
  }
  .genuine-parts .icon-text-area .icon-text .icon:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .genuine-parts .icon-text-area .icon-text .icon1:before {
    width: 62px;
    height: 49px;
    background-position: -120px 0;
  }
  .genuine-parts .icon-text-area .icon-text .icon2:before {
    width: 62px;
    height: 43px;
    background-position: -187px 0;
  }
  .genuine-parts .icon-text-area .icon-text .text-area .title {
    font-weight: 600;
  }
  .genuine-parts .icon-text-area .info-text {
    display: block;
    margin-top: 18px;
  }
}
@media screen and (min-width: 1280px) {
  .form-write-area .form-write-box .form-write .box .check-list li {
    width: 25%;
  }
  .form-write-area .form-write-box .link-new {
    margin-left: 40px;
  }
  .form-write-area .form-write-box .info-line-text,
.form-write-area .form-write-box .btn-area {
    margin-left: 40px;
    margin-right: 40px;
  }
}
/* pop-booking-form */
@media screen and (max-width: 1023px) {
  .pop-booking-wrap {
    position: relative;
  }
  .pop-booking-wrap .required-field {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 35px;
  }
  .pop-booking-wrap .form-write-box .form-write .box + .box {
    margin-top: 15px;
  }
  .pop-booking-wrap .form-write-box .form-write .box input[type=text],
.pop-booking-wrap .form-write-box .form-write .box input[type=number],
.pop-booking-wrap .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .pop-booking-wrap .form-write-box .form-write .box textarea {
    height: 100px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .title-line {
    font-weight: 600;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 48px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .title-line.add-msg {
    padding-bottom: 15px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list .item {
    margin-top: 12px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 5px 0;
    line-height: 20px;
  }
  .pop-booking-wrap .form-write-box .link-new {
    font-weight: 600;
    display: block;
    margin-top: 25px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .layer-cont .btn-area .msg {
    font-weight: 600;
    padding: 0 0 23px;
    font-size: 20px;
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .pop-booking-wrap .required-field {
    text-align: right;
    font-size: 14px;
  }
  .pop-booking-wrap .form-write-box .form-write {
    overflow: hidden;
    position: relative;
    margin: 0 -10px;
  }
  .pop-booking-wrap .form-write-box .form-write:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 64px;
    bottom: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .pop-booking-wrap .form-write-box .form-write .box {
    float: left;
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .pop-booking-wrap .form-write-box .form-write .box input[type=text],
.pop-booking-wrap .form-write-box .form-write .box input[type=number],
.pop-booking-wrap .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .pop-booking-wrap .form-write-box .form-write .box textarea {
    height: 76px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .title-line {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 14px 0 0;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 46px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .title-line:first-child {
    padding-top: 0;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list {
    overflow: hidden;
  }
  .pop-booking-wrap .form-write-box .form-write .box.non-title .list {
    padding-top: 47px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .check-list {
    overflow: hidden;
    margin-top: -20px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .check-list li {
    float: left;
    width: 33.3333333333%;
    margin-top: 20px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .radio-list {
    overflow: hidden;
    margin-left: -50px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .radio-list li {
    float: left;
    margin-left: 50px;
  }
  .pop-booking-wrap .form-write-box .form-write .box .radio-list li input[type=radio] + label {
    margin-right: 0;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list .item {
    float: left;
    width: 50%;
    margin-top: 17px;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list .item.full {
    width: 100%;
  }
  .pop-booking-wrap .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 10px 0;
    line-height: 20px;
  }
  .pop-booking-wrap .form-write-box .link-new {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin: 25px 0 0 20px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .layer-cont .btn-area .msg {
    font-weight: 600;
    padding: 0 0 23px;
    font-size: 20px;
  }
}
/* Get A Service Quote & Accessories */
.aftersales-type01 .aftersales-type01-details {
  margin-top: 55px;
}

.aftersales-type01 .aftersales-type01-details .map-location-wrapper {
  border: 1px solid #e3e3e3;
}

.aftersales-type01 .aftersales-type01-details dl {
  padding: 20px;
  border: 1px solid #e3e3e3;
}

.aftersales-type01 .aftersales-type01-details dt {
  font-weight: 600;
  margin-bottom: 4px;
}

.aftersales-type01 .aftersales-type01-details li {
  font-size: 1.4rem;
}

.aftersales-type01 .aftersales-type01-details .btn-area {
  margin-top: 16px;
}

.service-iframe {
  overflow: hidden;
  width: 780px;
  height: 751px;
  margin: 40px auto 0 auto;
  border: 1px solid #e3e3e3;
}

.acc-iframe {
  overflow: hidden;
  margin-top: 6px;
}

.service-iframe iframe,
.acc-iframe iframe {
  width: 100%;
  height: 100%;
}

.acc-iframe iframe {
  height: 1000px;
}

@media screen and (max-width: 1023px) {
  .aftersales-type01 .aftersales-type01-cont {
    padding-top: 24px;
  }
  .aftersales-type01 .aftersales-type01-details .aftersales-type01-info {
    margin-top: 6px;
  }
  .aftersales-type01 .aftersales-type01-details .map-location-wrapper {
    padding-top: 73%;
  }
  .aftersales-type01 .aftersales-type01-details dl {
    border-top: none;
  }
  .service-iframe {
    display: none;
  }
}
@media screen and (max-width: 1023px) and (min-width: 780px) {
  .service-iframe {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .aftersales-type01 .aftersales-type01-cont {
    padding-top: 34px;
  }
  .aftersales-type01 .aftersales-type01-details .aftersales-type01-info {
    margin-top: 8px;
  }
  .aftersales-type01 .aftersales-type01-details .aftersales-type01-info:after {
    content: "";
    display: block;
    clear: both;
  }
  .aftersales-type01 .aftersales-type01-details .aftersales-type01-info .map-location-wrapper {
    float: left;
    width: 58%;
    height: 365px;
  }
  .aftersales-type01 .aftersales-type01-details dl {
    position: relative;
    float: right;
    width: calc(42% - 10px);
    height: 365px;
    padding: 30px 30px 45px 30px;
  }
  .aftersales-type01 .aftersales-type01-details .btn-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 40px;
    width: calc(100% - 60px);
  }
  .aftersales-type01 .aftersales-type01-details .btn-area a {
    flex: 1;
  }
}
@media screen and (min-width: 1280px) {
  .aftersales-type01 .aftersales-type01-details .aftersales-type01-info .map-location-wrapper {
    width: 820px;
  }
  .aftersales-type01 .aftersales-type01-details dl {
    width: 400px;
  }
}
/* 여기서부터 */
/* ico */
.ico_new {
  position: relative;
}

.ico_new:after {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  content: "N";
  display: inline-block;
  width: 13px;
  height: 13px;
  line-height: 13px;
  margin-left: 4px;
  margin-bottom: 2px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  background-color: #002c5f;
  font-size: 8px;
  vertical-align: middle;
}

/********************
 layout (layout, lnb, title )
*********************/
@media screen and (max-width: 1023px) {
  /* 컨텐츠 공통 */
  .garage-type .page-tit {
    padding-top: 24px;
  }
  .garage-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 9px;
    font-size: 18px;
  }
  .garage-wrap .s-title:first-child {
    padding-top: 25px;
  }
  .garage-wrap .garage-content {
    padding-top: 31px;
  }
  .garage-wrap .garage-content .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .garage-wrap .s-content {
    position: relative;
    margin-bottom: 34px;
  }
  .garage-wrap .garage-content .s-content {
    position: relative;
    margin-bottom: 34px;
  }
  .garage-wrap i.br {
    display: block;
  }
  /* LNB * 토글BTN */
  .garage-type .page-tit .lnb_garage {
    position: relative;
    width: 25px;
    height: 25px;
    margin-left: 2px;
    vertical-align: middle;
  }
  .garage-type .page-tit .lnb_garage:before {
    content: "";
    position: absolute;
    display: block;
    top: 11px;
    left: 7px;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .garage-type.dropdown-active .page-tit .lnb_garage:before {
    -webkit-transform: translateY(0) rotate(-135deg);
    -ms-transform: translateY(0) rotate(-135deg);
    transform: translateY(0) rotate(-135deg);
  }
  .garage-box {
    display: none;
    box-sizing: border-box;
    position: absolute;
    top: 114px;
    left: 20px;
    width: calc(100% - 40px);
    background: #fff;
    z-index: 99;
  }
  .garage-box .lnb-list-box {
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-box .lnb-list-box .lnb-list-item {
    padding: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e3e3e3;
  }
  .garage-box .lnb-list-box .lnb-list-item .title a {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 16px 19px;
    font-size: 16px;
  }
  .garage-box .lnb-list-box .lnb-list-item .title .count {
    margin-left: 7px;
    color: #002c5f;
  }
  .garage-box .lnb-list-box .lnb-list-item.active {
    color: #002c5f;
  }
  .garage-box .lnb-list-box .lnb-list-item .select-area {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 2px 20px 23px;
  }
  .garage-box .lnb-list-box .lnb-list-item .title a.active,
.garage-box .lnb-list-box .lnb-list-item .select-area a.active {
    color: #002c5f;
  }
  .garage-box .lnb-list-box .lnb-list-item .select-area ul > li {
    padding-top: 14px;
  }
  .garage-box .lnb-list-box .lnb-list-item .select-area ul > li:first-child {
    padding: 0;
  }
  /* 타이틀 */
  .garage-content .stit-area {
    position: relative;
    margin: 0 0;
  }
  .garage-content .stit-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 0;
    padding: 0 0 2px;
    font-size: 20px;
  }
  .garage-content .stit-area .title .num {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-left: 5px;
    color: #002c5f;
    font-size: 18px;
  }
  .garage-content .stit-area .btn-lnb-show {
    display: none;
  }
  /* 검색 */
  .garage-content .srch_area {
    padding: 16px 10px 20px;
    background: #f1f2f5;
    text-align: center;
    font-size: 0;
  }
  .garage-content .srch_area label {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding-bottom: 4px;
    font-size: 16px;
    text-align: left;
  }
  .garage-content .srch_area input {
    background-color: #fff;
    width: calc(50% - 13.5px);
  }
  .garage-content .srch_area select {
    width: 100%;
  }
  .garage-content .srch_area em {
    display: inline-block;
    width: 27px;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
  }
  .garage-content .srch_area .btn-area {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .garage-content .srch_area .btn-area a {
    width: 100%;
  }
  .garage-content .srch_area + .tab-area {
    margin-top: 36px;
  }
  .garage-content .tab-area a.txt-line2 {
    padding-top: 3px;
    line-height: 21px;
  }
  i.ico-search,
.ico-search:before {
    width: 25px;
    height: 25px;
    background-position: -157px -21px;
    vertical-align: middle;
    background-size: 400px;
    margin-right: 10px;
  }
  /* srech total */
  .result-model-area .result-title {
    font-weight: 600;
    padding: 24px 0 2px;
    border-bottom: 2px solid #212121;
    color: #000;
    font-size: 18px;
  }
  .result-model-area .result-title .f-color {
    text-decoration: underline;
    color: #002c5f;
  }
  /* cs center */
  .cs-area .title {
    position: relative;
    padding: 14px 10px 6px 96px;
    font-size: 14px;
    background: #e3e3e3;
  }
  .cs-area .title:before {
    content: "";
    position: absolute;
    left: 20px;
    top: 10px;
    width: 60px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: 400px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
    background-position: -222px 0;
  }
  .cs-area .title .cs-allview {
    position: relative;
    width: 100%;
    height: 25px;
    margin-left: 2px;
    vertical-align: middle;
  }
  .cs-area .title .cs-allview:before {
    content: "";
    position: absolute;
    display: block;
    top: 11px;
    left: 50%;
    width: 10px;
    height: 10px;
    margin-left: -60px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .cs-area .title.on .cs-allview:before {
    -webkit-transform: translateY(0) rotate(-135deg);
    -ms-transform: translateY(0) rotate(-135deg);
    transform: translateY(0) rotate(-135deg);
  }
  .cs-area {
    padding: 30px 0 0 0;
  }
  .cs-area .cs-more {
    display: none;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 20px;
    background: #f1f2f5;
  }
  .cs-area .cs-more.cols3 .box-cont {
    position: relative;
    width: 100%;
    padding-bottom: 10px;
  }
  .cs-area .cs-more.cols3 .box-cont:last-child {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .cs-area .cs-more.cols3 .box-cont .cs-tit {
    font-weight: 600;
  }
  .cs-area .cs-more.cols3 .box-cont li {
    line-height: 1.4;
  }
  .cs-area .cs-more.cols3 .box-cont a,
.cs-area .cs-more.cols3 .box-cont a:hover {
    color: #1767b9;
    text-decoration: underline;
  }
  /* btn-more */
  .garage-type .btn-more-area {
    text-align: center;
    padding: 20px 0 0;
  }
  .garage-type .btn-more-area .btn-more-list {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 8px 0 22px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    text-align: center;
  }
  .garage-type .btn-more-area .btn-more-list::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #888888;
  }
}
@media screen and (min-width: 1024px) {
  /* 컨텐츠 공통 */
  .garage-type {
    position: relative;
  }
  .garage-type .garage-wrap {
    margin-top: 35px;
  }
  .garage-type .garage-wrap:after {
    content: "";
    display: block;
    clear: both;
  }
  .garage-type .garage-wrap .garage-content {
    width: 100%;
  }
  .garage-type .page-tit {
    padding-top: 51px;
  }
  .garage-wrap {
    position: relative;
  }
  .garage-wrap .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .garage-wrap .s-content {
    position: relative;
    margin-bottom: 38px;
  }
  .garage-wrap .garage-content .s-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 6px;
    font-size: 20px;
  }
  .garage-wrap .garage-content .s-title .btn-question {
    font-weight: 400;
    margin: 2px 0 0 4px;
    font-size: 16px;
    vertical-align: top;
  }
  .garage-wrap .garage-content .s-content {
    position: relative;
    margin-bottom: 38px;
  }
  /* LNB * 토글BTN */
  .garage-type .page-tit .lnb_garage {
    position: relative;
    width: 32px;
    height: 32px;
    vertical-align: middle;
  }
  .garage-type .page-tit .lnb_garage:before {
    content: "";
    position: absolute;
    display: block;
    top: 14px;
    left: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .garage-type.dropdown-active .page-tit .lnb_garage:before {
    -webkit-transform: translateY(0) rotate(-135deg);
    -ms-transform: translateY(0) rotate(-135deg);
    transform: translateY(0) rotate(-135deg);
  }
  .garage-box {
    display: none;
    position: absolute;
    top: 100px;
    left: 24px;
    width: 260px;
    background: #fff;
    z-index: 99;
  }
  .garage-box .lnb-list-box {
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-box .lnb-list-box .lnb-list-item {
    padding: 0;
    border-width: 1px 1px 0 1px;
    border-style: solid;
    border-color: #e3e3e3;
  }
  .garage-box .lnb-list-box .lnb-list-item .title a {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 16px 19px;
    font-size: 16px;
  }
  .garage-box .lnb-list-box .lnb-list-item .select-area {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-top: -6px;
    padding: 0 19px 19px;
  }
  .garage-box .lnb-list-box .lnb-list-item .title a.active,
.garage-box .lnb-list-box .lnb-list-item .select-area a.active {
    color: #002c5f;
  }
  /* 타이틀 */
  .garage-content .stit-area {
    position: relative;
    margin: 0 0;
  }
  .garage-content .stit-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 9px;
    font-size: 20px;
  }
  .garage-content .stit-area .title .num {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin-left: 5px;
    color: #002c5f;
    font-size: 18px;
  }
  .garage-content .stit-area .btn-lnb-show {
    display: none;
  }
  /* 검색 */
  .garage-content .srch_area {
    padding: 20px;
    background: #f1f2f5;
    text-align: center;
    font-size: 0;
  }
  .garage-content .srch_area label {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-right: 10px;
    padding-top: 2px;
    font-size: 16px;
    vertical-align: middle;
  }
  .garage-content .srch_area input {
    background-color: #fff;
    width: 260px;
  }
  .garage-content .srch_area select {
    width: 480px;
  }
  .garage-content .srch_area em {
    display: inline-block;
    width: 27px;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
  }
  .garage-content .srch_area .btn-area {
    display: initial;
    margin-left: 10px;
  }
  .garage-content .srch_area .btn-area .btn-t01 {
    min-width: 120px;
  }
  .garage-content .srch_area + .tab-area {
    margin-top: 36px;
  }
  i.ico-search,
.ico-search:before {
    width: 25px;
    height: 25px;
    background-position: -157px -21px;
    vertical-align: middle;
    background-size: 400px;
    margin-right: 10px;
  }
  /* srech total */
  .garage-content .result-model-area .result-title {
    font-weight: 600;
    padding: 34px 0 7px;
    border-bottom: 2px solid #212121;
    color: #000;
    font-size: 18px;
  }
  .garage-content .result-model-area .result-title .f-color {
    text-decoration: underline;
    color: #002c5f;
  }
  /* cs center */
  .cs-area .title {
    position: relative;
    padding: 16px 10px 15px 75px;
    background: #e3e3e3;
  }
  .cs-area .title:before {
    content: "";
    position: absolute;
    left: 31px;
    top: 10px;
    width: 34px;
    height: 33px;
    background-repeat: no-repeat;
    background-size: 232px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
    background-position: -129px 0;
  }
  .cs-area .title .cs-allview {
    display: none;
  }
  .cs-area {
    padding: 60px 0 0 0;
  }
  .cs-area .cs-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 14px 30px;
    background: #f1f2f5;
  }
  .cs-area .cs-more.cols3 .box-cont {
    position: relative;
    width: calc(33.333333% - 10px);
  }
  .cs-area .cs-more.cols3 .box-cont .cs-tit {
    font-weight: 600;
  }
  .cs-area .cs-more.cols3 .box-cont li {
    line-height: 1.4;
  }
  .cs-area .cs-more.cols3 .box-cont a,
.cs-area .cs-more.cols3 .box-cont a:hover {
    color: #1767b9;
    text-decoration: underline;
  }
  /* btn-more */
  .garage-type .btn-more-area {
    text-align: center;
    padding: 20px 0 0;
  }
  .garage-type .btn-more-area .btn-more-list {
    display: inline-block;
    position: relative;
    width: 260px;
    padding: 8px 0 22px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    text-align: center;
  }
  .garage-type .btn-more-area .btn-more-list::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 4px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border: 6px solid transparent;
    border-top-color: #888888;
  }
}
@media screen and (min-width: 1280px) {
  /* 컨텐츠 공통 */
  .garage-type .garage-wrap {
    min-height: 510px;
  }
  .garage-type .garage-wrap .garage-content {
    padding-left: 280px;
  }
  .garage-type .page-tit {
    padding: 60px 0 13px;
  }
  /* LNB * 토글BTN */
  .garage-type .page-tit .lnb_garage {
    display: none;
  }
  .garage-box {
    top: 146px;
    left: 20px;
  }
  /* 레이어 */
  .garage-box {
    display: block;
  }
}
/********************
 main
*********************/
@media screen and (max-width: 1023px) {
  /* user_info */
  .garage-content .user_info {
    position: relative;
    padding: 14px 19px 43px;
    margin-bottom: 42px;
    background: #f1f2f5;
  }
  .garage-content .user_info p.txt-name {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 6px;
    font-size: 20px;
  }
  .garage-content .user_info > p > span {
    font-weight: normal;
    display: block;
    font-size: 16px;
    line-height: 1.8;
  }
  .garage-content .user_info .btn-edit {
    position: absolute;
    right: 13px;
    bottom: 13px;
    width: 30px;
    height: 30px;
    font-size: 0;
  }
  .garage-content .user_info .btn-edit:before {
    content: "";
    position: absolute;
    right: 7px;
    bottom: 7px;
    width: 18px;
    height: 18px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
    background-size: 400px;
  }
  /* My 공통 */
  .garage-content.garage-main .model-info-box .result-model .info-area {
    position: relative;
    padding: 0 0 20px;
  }
  .garage-content.garage-main .model-info-box .btn-area {
    margin-top: 18px;
    text-align: left;
  }
  /* My Vehicle */
  .garage-content.garage-main .garage-vehicle .model-info-box {
    border: 1px solid #e3e3e3;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .result-model .info-area {
    position: relative;
    padding: 33px 20px 29px;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .result-model .info-area .info_primery {
    padding-bottom: 10px;
  }
  /* 3cols & 2cols */
  .box-cont-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .box-cont-wrap.cols2 .box-cont {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-main .box-cont-wrap .box-cont .stit-area {
    padding: 42px 0 0;
    border-bottom: 2px solid #212121;
  }
  .box-cont-wrap .box-cont .con_area {
    padding: 14px 0 0;
  }
  .box-cont-wrap .box-cont .con_area .f-color {
    color: #002c5f;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p {
    margin-bottom: 7px;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p .number {
    margin-left: 10px;
    color: #888888;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p .number.f-color {
    color: #002c5f;
  }
  .box-cont-wrap .box-cont .btn-area {
    margin: 6px 0 20px;
  }
  /* Order */
  .garage-content.garage-main .garage-order .stit-area {
    padding: 36px 0 0;
    border-bottom: 2px solid #212121;
  }
  .garage-content.garage-main .garage-order .model-info-box .result-model .order-info span {
    font-size: 14px;
  }
  .garage-content.garage-main .garage-order .model-info-box .result-model .order-info {
    padding: 0 0 16px;
  }
  .garage-content.garage-main .garage-order .model-info-box .result-model .more-info .lists-area {
    margin-top: 7px;
  }
  .garage-content.garage-main .garage-order .model-info-box .result-model .order-price {
    padding: 11px 0 0;
  }
  /* Configurations */
  .garage-content.garage-main .garage-configurations .stit-area {
    padding: 36px 0 0;
    border-bottom: 2px solid #212121;
  }
  .garage-content.garage-main .garage-configurations .model-info-box .result-model .info-area {
    padding: 0;
  }
  .garage-content.garage-main .garage-configurations .model-info-box .result-model {
    padding: 0;
    border: 0;
  }
  /* lists */
  .garage-content .lists-area {
    display: block !important;
    margin-top: 10px;
  }
  .garage-content .lists-area .lists {
    margin: 10px 0 0 11px;
    color: #212121;
    text-indent: -11px;
  }
}
@media screen and (min-width: 1024px) {
  /* user_info */
  .garage-content .user_info {
    position: relative;
    padding: 14px 19px 16px;
    margin-bottom: 34px;
    background: #f1f2f5;
  }
  .garage-content .user_info p.txt-name {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .garage-content .user_info > p > span {
    font-weight: normal;
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
  }
  .garage-content .user_info > p > span:first-child {
    padding-left: 0;
  }
  .garage-content .user_info > p > span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #dadbdc;
    margin-right: 13px;
    vertical-align: middle;
  }
  .garage-content .user_info > p > span:first-child:before {
    display: none;
    margin-right: 0;
  }
  .garage-content .user_info .btn-edit {
    position: absolute;
    right: 13px;
    top: 50%;
    width: 30px;
    height: 30px;
    font-size: 0;
    margin-top: -15px;
  }
  .garage-content .user_info .btn-edit:before {
    content: "";
    position: absolute;
    right: 7px;
    top: 50%;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") no-repeat 0 -119px;
    background-size: 400px;
  }
  /* My Vehicle */
  .garage-content.garage-main .garage-vehicle .model-info-box .result-model .info-area {
    position: relative;
    padding: 39px 30px 40px 0;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .result-model {
    padding-left: 55%;
    border: 1px solid #e3e3e3;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .model-info-box .result-model .view-area {
    width: 55%;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .result-model .info-area .info_primery {
    padding-bottom: 0;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .btn-area {
    margin-top: 20px;
    text-align: left;
  }
  .garage-content.garage-main .garage-vehicle .model-info-box .btn-area a {
    width: 190px;
  }
  /* Order */
  .garage-content.garage-main .garage-order .stit-area {
    padding: 31px 0 0;
    border-bottom: 2px solid #212121;
  }
  .garage-content.garage-main .garage-order .model-info-box .result-model .order-price {
    padding: 17px 0 0;
  }
  /* Configurations */
  .garage-content.garage-main .garage-configurations .model-info-box .result-model .info-area {
    padding: 27px 200px 27px 27px;
  }
  .garage-content.garage-main .garage-configurations .stit-area {
    padding: 32px 0 0;
    border-bottom: 2px solid #212121;
  }
  .garage-content.garage-main .garage-configurations .model-info-box .btn-area [class^=btn-t] {
    margin-bottom: 0;
  }
  .garage-content.garage-main .garage-configurations .model-info-box .btn-area {
    margin-top: -51px;
  }
  /* lists */
  .garage-content .lists-area {
    display: block !important;
    margin-top: 10px;
  }
  .garage-content .lists-area .lists {
    margin: 10px 0 0 11px;
    color: #212121;
    text-indent: -11px;
  }
  /* 3cols & 2cols */
  .box-cont-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .box-cont-wrap.cols3 .box-cont {
    position: relative;
    width: calc(33.333333% - 10px);
    border-bottom: 1px solid #e3e3e3;
  }
  .box-cont-wrap.cols2 .box-cont {
    position: relative;
    width: calc(50% - 32px);
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-main .box-cont-wrap .box-cont .stit-area {
    padding: 40px 0 0;
    border-bottom: 2px solid #212121;
  }
  .box-cont-wrap .box-cont .con_area {
    position: relative;
    padding: 14px 120px 14px 0;
  }
  .box-cont-wrap .box-cont .con_area .f-color {
    color: #002c5f;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p {
    margin-bottom: 7px;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p:last-child {
    margin-bottom: 0;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p .number {
    margin-left: 10px;
    color: #888888;
  }
  .box-cont-wrap .box-cont .con_area .my-vouchers p .number.f-color {
    color: #002c5f;
  }
  .box-cont-wrap .box-cont .con_area .lists {
    min-height: 60px;
  }
  .box-cont-wrap .box-cont .btn-area {
    position: absolute;
    right: 0;
    top: 50%;
    width: 120px;
    margin-top: -23px;
  }
  .box-cont-wrap .box-cont .btn-area a {
    padding: 0;
  }
}
@media screen and (min-width: 1280px) {
  /* user_info */
  .garage-content .user_info {
    margin-bottom: 34px;
  }
}
/********************
no result
********************/
@media screen and (max-width: 1023px) {
  .garage-content .con_area.no-result {
    padding: 53px 0;
    text-align: center;
    border: 0;
  }
  .model-info-box.no-result {
    padding: 90px 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
  }
  .model-info-box.no-result .result-txt .f-color {
    color: #002c5f;
  }
  .garage-vehicle .no-result {
    padding: 51px 20px;
    text-align: center;
    background: #f1f2f5;
  }
  .garage-vehicle .no-result .box-wrap {
    width: 100%;
    margin: 0 auto;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap {
    text-align: left;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .info-cont {
    left: 0;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .btn-info {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0;
    color: #fff;
    text-align: center;
    background: #aaa;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .btn-info:before {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: "!";
  }
  .garage-vehicle .no-result .box-wrap .info-wrap strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px;
  }
  .garage-vehicle .no-result .p-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
  }
  .garage-vehicle .no-result .p-title .f-color {
    color: #002c5f;
  }
  .garage-vehicle .no-result .p-expn {
    padding-bottom: 15px;
    font-size: 14px;
  }
  .garage-vehicle .no-result .input-inner {
    padding: 9px 0 0;
  }
  .garage-vehicle .no-result .input-inner input {
    width: 100%;
  }
  .garage-vehicle .no-result .result-txt .f-color {
    color: #002c5f;
  }
  .garage-vehicle .no-result .btn-area {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .garage-content .con_area.no-result {
    padding: 32px 0;
    text-align: center;
    border: 0;
  }
  .model-info-box.no-result {
    padding: 140px 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
  }
  .model-info-box.no-result .result-txt .f-color {
    color: #002c5f;
  }
  .garage-content.garage-main .garage-configurations .no-result,
.garage-order .no-result,
.garage-offers .no-result {
    padding: 90px 0;
  }
  .garage-vehicle .no-result {
    padding: 67px 0;
    text-align: center;
    background: #f1f2f5;
  }
  .garage-vehicle .no-result .box-wrap {
    width: 500px;
    margin: 0 auto;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap {
    text-align: left;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .info-cont {
    left: 78px;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .btn-info {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 0;
    color: #fff;
    text-align: center;
    background: #aaa;
  }
  .garage-vehicle .no-result .box-wrap .info-wrap .btn-info:before {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    content: "!";
  }
  .garage-vehicle .no-result .box-wrap .info-wrap strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-right: 10px;
    font-size: 16px;
  }
  .garage-vehicle .no-result .p-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 32px;
  }
  .garage-vehicle .no-result .p-title .f-color {
    color: #002c5f;
  }
  .garage-vehicle .no-result .p-expn {
    padding-bottom: 38px;
    font-size: 14px;
  }
  .garage-vehicle .no-result .input-inner {
    padding: 6px 0 0;
  }
  .garage-vehicle .no-result .input-inner input {
    width: 100%;
  }
  .garage-vehicle .no-result .result-txt .f-color {
    color: #002c5f;
  }
  .garage-vehicle .no-result .btn-area {
    display: block;
    margin-top: 20px;
    text-align: center !important;
  }
  .garage-vehicle .no-result .btn-area a {
    width: 190px;
    margin: 0 auto;
  }
}
/********************
Vehicle
********************/
@media screen and (max-width: 1023px) {
  .garage-vehicle .model-info-box .result-model {
    position: relative;
    border: 0;
  }
  .garage-vehicle .model-info-box .result-model .img {
    padding-top: 16px;
    font-size: 0;
  }
  .garage-vehicle .model-info-box .result-model .view-area .img img {
    width: 100%;
  }
  .garage-vehicle .model-info-box .result-model .info-area .info-title {
    padding-bottom: 7px;
    font-size: 24px;
    line-height: 1.3;
    color: #000;
  }
  .garage-vehicle .model-info-box .result-model .more-info {
    margin-top: 0;
  }
  .garage-vehicle .model-info-box .result-model .info-area {
    position: relative;
    padding: 0 0 12px 0;
  }
  .garage-vehicle .model-info-box .result-model .info-area .info_primery {
    padding-bottom: 10px;
  }
  .garage-vehicle .model-info-box .result-model .more-info .lists-area {
    margin-top: 0;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon i {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .garage-vehicle .model-info-box .result-model .icon-area {
    position: relative;
    margin-top: 24px;
    overflow: hidden;
    width: 100%;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding-top: 37px;
    border: 0;
    font-size: 14px;
    line-height: 15px;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon {
    position: relative;
    float: left;
    width: 33.333%;
    text-align: center;
  }
  .my-option {
    border: 1px solid #e3e3e3;
    padding: 0 20px;
  }
  .my-option .box-cont {
    position: relative;
    width: 100%;
    padding: 14px 0 15px;
    border-bottom: 1px solid #e3e3e3;
  }
  .my-option .box-cont:last-child {
    border-bottom: 0;
  }
  .my-option .box-cont .option_tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 0;
    font-size: 18px;
  }
  .my-option .box-cont .option_con {
    padding: 6px 0 0;
  }
  .my-option .box-cont .option_con .opt-detail p {
    display: inline-block;
    vertical-align: top;
  }
  .my-option .box-cont .option_con .opt-detail dl {
    display: inline-block;
  }
  .my-history .history-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 34px 0 9px;
    font-size: 20px;
  }
  .my-history .history-title .f-color {
    color: #002c5f;
  }
  .my-history .history-wrap {
    border: 1px solid #e3e3e3;
    padding: 0 20px;
  }
  .my-history .box-cont {
    position: relative;
    padding: 14px 0 16px;
    border-bottom: 1px solid #e3e3e3;
  }
  .my-history .box-cont:last-child {
    border: 0;
  }
  .my-history .box-cont .option_tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 0;
    font-size: 18px;
  }
  .my-history .box-cont .option_con {
    padding: 16px 0 0;
  }
  .my-history .box-cont li {
    position: relative;
    padding-bottom: 10px;
  }
  .my-history .box-cont li:last-child {
    padding-bottom: 0;
  }
  .my-history .box-cont li .title {
    display: inline-block;
    width: 100%;
  }
  .my-history .box-cont li .text {
    font-weight: 600;
    display: inline-block;
    width: 100%;
    padding-left: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .garage-content .model-info-box .result-model {
    position: relative;
    padding-left: 50%;
    border: 1px solid #e3e3e3;
    border-top: 0;
  }
  .garage-content .model-info-box .result-model .view-area {
    width: 50%;
  }
  .garage-content .model-info-box .result-model .view-area .img {
    bottom: 70%;
    transform: translateY(50%);
    margin-bottom: 15px;
  }
  .garage-content .model-info-box .result-model .view-area .img img {
    bottom: 50%;
    max-width: 440px;
    padding: 0;
  }
  .negotiations .garage-content .model-info-box .result-model .view-area .img img {
    bottom: 50%;
    transform: translate(-50%, -15%);
    max-width: 440px;
    padding-right: 10px;
  }
  .garage-content .result-model .view-area {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 49%;
  }
  .garage-content .result-model .view-area .img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 125px;
  }
  .garage-content .result-model .view-area .img img {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    width: 100%;
    max-width: 440px;
  }
  .garage-vehicle .model-info-box .result-model {
    padding-left: 55%;
    border: 0;
  }
  .garage-vehicle .model-info-box .result-model .view-area {
    width: 55%;
  }
  .garage-vehicle .model-info-box .result-model .view-area .img {
    bottom: 50%;
    transform: translateY(50%);
    margin-bottom: 15px;
  }
  .garage-vehicle .model-info-box .result-model .view-area .img img {
    bottom: 50%;
    transform: translate(-50%, 50%);
    max-width: 600px;
  }
  .garage-vehicle .model-info-box .result-model .more-info .lists-area {
    margin-top: 0;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon i {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .garage-vehicle .model-info-box .result-model .icon-area {
    margin-top: 24px;
    overflow: hidden;
    width: 100%;
    max-width: 480px;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon .text {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding-top: 37px;
    border: 0;
    font-size: 14px;
    line-height: 15px;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon {
    position: relative;
    float: left;
    width: 25%;
    text-align: center;
  }
  .garage-vehicle .model-info-box .result-model .icon-area .icon:before {
    display: none;
  }
  .garage-vehicle .model-info-box .result-model .info-area {
    position: relative;
    padding: 59px 30px 59px 0;
  }
  .garage-vehicle .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 12px;
    font-size: 24px;
    color: #000;
    line-height: 1;
  }
  .garage-vehicle .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #212121;
    font-size: 18px;
  }
  .garage-vehicle .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
  }
  .garage-vehicle .model-info-box .result-model .info-area .lists {
    padding-top: 10px;
  }
  .my-option {
    border: 1px solid #e3e3e3;
  }
  .my-option .cols2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .my-option .box-cont {
    position: relative;
    width: 50%;
    padding: 25px 29px 23px;
  }
  .my-option .box-cont:last-child {
    border-left: 1px solid #e3e3e3;
  }
  .my-option .box-cont .option_tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 0;
    font-size: 18px;
  }
  .my-option .box-cont .option_con {
    padding: 4px 0 0;
  }
  .my-option .box-cont .option_con .lists .opt-detail p {
    float: left;
  }
  .my-option .box-cont .option_con .lists .opt-detail dl {
    padding-left: 80px;
  }
  .my-option .box-cont .option_con .lists .opt-detail dd {
    font-size: 14px;
  }
  .my-history .history-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 34px 0 9px;
    font-size: 20px;
  }
  .my-history .history-title .f-color {
    color: #002c5f;
  }
  .my-history .history-wrap {
    border: 1px solid #e3e3e3;
    padding: 0 29px;
  }
  .my-history .box-cont {
    position: relative;
    padding: 25px 0 25px;
    border-bottom: 1px solid #e3e3e3;
  }
  .my-history .box-cont:last-child {
    border: 0;
  }
  .my-history .box-cont .option_tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0 0 0;
    font-size: 18px;
  }
  .my-history .box-cont .option_con {
    padding: 16px 0 0;
  }
  .my-history .box-cont li {
    position: relative;
  }
  .my-history .box-cont li .title {
    display: inline-block;
    width: 40%;
  }
  .my-history .box-cont li .text {
    font-weight: 600;
    display: inline-block;
    width: 59%;
  }
}
@media screen and (min-width: 1280px) {
  .model-info-box .result-model .view-area .img img {
    max-width: 550px;
  }
}
/********************
Configurations
********************/
@media screen and (max-width: 1023px) {
  .garage-configurations .model-info-box .result-model {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-configurations .model-info-box .result-model .img {
    padding-top: 28px;
    font-size: 0;
  }
  .garage-configurations .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
  }
  .garage-configurations .model-info-box .result-model .view-area .img img {
    max-width: 100%;
  }
  .garage-configurations .model-info-box .result-model .info-area {
    padding: 0 0 27px 0;
    margin-top: -2px;
  }
  .garage-configurations .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 1.3;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 0;
    padding-top: 23px;
    font-size: 18px;
    color: #000;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
    font-size: 20px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week,
.garage-vehicle .result-model-area .result-model .info-area .price-week {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-top: 2px;
    font-size: 18px;
    color: #888888;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week .price,
.garage-vehicle .result-model-area .result-model .info-area .price-week .price {
    display: block;
    margin-top: -7px;
    text-align: right;
    color: #002c5f;
    font-size: 20px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span {
    padding-left: 10px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:first-child {
    color: #000;
    padding-left: 0;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #888888;
    margin-right: 6px;
    vertical-align: middle;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:first-child:before {
    display: none;
  }
  .garage-configurations .model-info-box .btn-area {
    display: block;
    margin-top: 17px;
  }
  .garage-configurations .model-info-box .btn-area a {
    display: block;
  }
  .garage-configurations .model-info-box .btn-area [class^=btn-t] {
    margin-bottom: 10px;
  }
  .garage-configurations .model-info-box .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 0;
    margin-bottom: 0;
  }
  .garage-configurations .model-info-box .result-model .info-step {
    padding-top: 6px;
    padding-bottom: 22px;
  }
  .garage-configurations .model-info-box .result-model .view-step,
.garage-vehicle .result-model-area .result-model .view-step {
    overflow: hidden;
    padding-top: 11px;
  }
  .garage-configurations .model-info-box .result-model .view-step li,
.garage-vehicle .result-model-area .result-model .view-step li {
    float: left;
    font-size: 16px;
    color: #888888;
  }
  .garage-configurations .model-info-box .result-model .view-step li.on,
.garage-vehicle .result-model-area .result-model .view-step li.on {
    color: #002c5f;
  }
  .garage-configurations .model-info-box .result-model .view-step li:after,
.garage-vehicle .result-model-area .result-model .view-step li:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 14px 0 8px;
    -webkit-transform: translateY(2px) rotate(-45deg);
    -ms-transform: translateY(2px) rotate(-45deg);
    transform: translateY(2px) rotate(-45deg);
    box-sizing: border-box;
    border-right: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
  }
  .garage-configurations .model-info-box .result-model .view-step li:last-child:after,
.garage-vehicle .result-model-area .result-model .view-step li:last-child:after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .garage-configurations .model-info-box .result-model {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-configurations .model-info-box .result-model {
    padding-left: 33.333%;
  }
  .garage-configurations .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
  }
  .garage-configurations .model-info-box .result-model .view-area .img img {
    max-width: 400px;
  }
  .garage-configurations .model-info-box .result-model .view-area {
    width: 33.333%;
  }
  .garage-configurations .model-info-box .result-model .info-area {
    padding: 29px 200px 27px 27px;
  }
  .garage-configurations .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 1;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 0;
    padding-top: 12px;
    font-size: 18px;
    color: #000;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
    font-size: 20px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week,
.garage-vehicle .result-model-area .result-model .info-area .price-week {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #888888;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week .price,
.garage-vehicle .result-model-area .result-model .info-area .price-week .price {
    margin-left: 6px;
    color: #002c5f;
    font-size: 20px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span {
    padding-left: 10px;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:first-child {
    color: #000;
    padding-left: 0;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 14px;
    background: #888888;
    margin-right: 6px;
    vertical-align: middle;
  }
  .garage-configurations .model-info-box .result-model .info-area .price-week span:first-child:before {
    display: none;
  }
  .garage-configurations .model-info-box .btn-area {
    display: block;
    position: absolute;
    bottom: 28px;
    right: 0;
    width: 190px;
  }
  .garage-configurations .model-info-box .btn-area a {
    display: block;
  }
  .garage-configurations .model-info-box .btn-area [class^=btn-t] {
    margin-bottom: 10px;
  }
  .garage-configurations .model-info-box .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 0;
    margin-bottom: 0;
  }
  .garage-configurations .model-info-box .result-model .info-step {
    padding-top: 10px;
  }
  .garage-configurations .model-info-box .result-model .view-step,
.garage-vehicle .result-model-area .result-model .view-step {
    overflow: hidden;
    padding-top: 11px;
  }
  .garage-configurations .model-info-box .result-model .view-step li,
.garage-vehicle .result-model-area .result-model .view-step li {
    float: left;
    font-size: 16px;
    color: #888888;
  }
  .garage-configurations .model-info-box .result-model .view-step li.on,
.garage-vehicle .result-model-area .result-model .view-step li.on {
    color: #002c5f;
  }
  .garage-configurations .model-info-box .result-model .view-step li:after,
.garage-vehicle .result-model-area .result-model .view-step li:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 14px 0 8px;
    -webkit-transform: translateY(2px) rotate(-45deg);
    -ms-transform: translateY(2px) rotate(-45deg);
    transform: translateY(2px) rotate(-45deg);
    box-sizing: border-box;
    border-right: 2px solid #e3e3e3;
    border-bottom: 2px solid #e3e3e3;
  }
  .garage-configurations .model-info-box .result-model .view-step li:last-child:after,
.garage-vehicle .result-model-area .result-model .view-step li:last-child:after {
    display: none;
  }
}
/********************
Order & Payment
********************/
@media screen and (max-width: 1023px) {
  .garage-order .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
    padding-top: 16px;
  }
  .garage-order .model-info-box .result-model .view-area .img img {
    width: 100%;
  }
  .garage-order .model-info-box .result-model .info-area {
    padding: 0;
    margin-top: 0;
  }
  .garage-order .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 1.3;
  }
  .garage-order .model-info-box .result-model .info-area .info-title .trim {
    font-size: 20px;
  }
  .garage-order .model-info-box .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .garage-order .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .garage-order .model-info-box .result-model .info-area .price-area br {
    display: none;
  }
  .garage-order .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
  }
  .garage-order .model-info-box .result-model .info-area .price-area .btn-info {
    margin-left: 8px;
  }
  .garage-order .model-info-box .result-model .info-area .notice {
    float: left;
    color: #212121;
    font-size: 14px;
  }
  .garage-order .model-info-box .result-model .info-area .more-info {
    clear: both;
  }
  .garage-order .model-info-box .btn-area .btn-green {
    background: #002222;
  }
  .garage-order .model-info-box .result-model-area .btn-more-area {
    padding: 20px 0 100px;
  }
  .garage-order .model-info-box .result-model .order-info {
    position: relative;
    padding: 0 0 12px;
    line-height: 1.4;
  }
  .garage-order .model-info-box .result-model .more-info .lists-area {
    padding-top: 0;
  }
  .garage-order .model-info-box .result-model .order-info span {
    font-weight: normal;
    display: block;
    padding-right: 3px;
    font-size: 16px;
  }
  .garage-order .model-info-box .result-model .order-info span:last-child {
    padding-right: 0;
  }
  .garage-order .model-info-box .result-model .order-info span:after {
    content: " / ";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }
  .garage-order .model-info-box .result-model .order-info span:last-child:after {
    display: none;
    margin-left: 0;
  }
  .garage-order .model-info-box .result-model .order-price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 8px 0 0;
    font-size: 18px;
  }
  .garage-order .model-info-box .result-model .more-info .order-price .price {
    margin-left: 10px;
    color: #002c5f;
    font-size: 20px;
  }
  .garage-order .model-info-box .btn-area {
    margin-top: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .garage-order .model-info-box .result-model {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-order .model-info-box .result-model {
    padding-left: 33.333%;
  }
  .garage-order .model-info-box .result-model .view-area {
    width: 33.333%;
  }
  .garage-order .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
  }
  .garage-order .model-info-box .result-model .view-area .img img {
    max-width: 400px;
  }
  .garage-order .model-info-box .result-model .info-area {
    padding: 0 200px 24px 0;
  }
  .garage-order .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 1.2;
  }
  .garage-order .model-info-box .result-model .info-area .info-title .trim {
    font-size: 20px;
  }
  .garage-order .model-info-box .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .garage-order .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .garage-order .model-info-box .result-model .info-area .price-area br {
    display: none;
  }
  .garage-order .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
  }
  .garage-order .model-info-box .result-model .info-area .price-area .btn-info {
    margin-left: 8px;
  }
  .garage-order .model-info-box .result-model .info-area .notice {
    float: left;
    color: #212121;
    font-size: 14px;
  }
  .garage-order .model-info-box .result-model .info-area .more-info {
    clear: both;
  }
  .garage-order .model-info-box .btn-area {
    position: absolute;
    bottom: 30px;
    right: 0;
    width: auto;
  }
  .garage-order .model-info-box .btn-area a {
    width: 190px;
  }
  .garage-order .model-info-box .result-model .order-info {
    position: relative;
    padding: 24px 0 23px;
  }
  .garage-order .model-info-box .result-model .more-info .lists-area {
    padding-top: 0;
    margin-top: 0;
  }
  .garage-order .model-info-box .result-model .more-info .lists-area .lists {
    margin-top: 7px;
  }
  .garage-order .model-info-box .result-model .order-info span {
    font-weight: normal;
    display: inline-block;
    padding-right: 3px;
    font-size: 16px;
  }
  .garage-order .model-info-box .result-model .order-info span:last-child {
    padding-right: 0;
  }
  .garage-order .model-info-box .result-model .order-info span:after {
    content: " / ";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }
  .garage-order .model-info-box .result-model .order-info span:last-child:after {
    display: none;
    margin-left: 0;
  }
  .garage-order .model-info-box .result-model .order-price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 8px 0 0;
    font-size: 18px;
  }
  .garage-order .model-info-box .result-model .more-info .order-price .price {
    margin-left: 10px;
    color: #002c5f;
    font-size: 20px;
  }
}
/********************
Order & Payment detail
********************/
@media screen and (max-width: 1023px) {
  .contract-number {
    position: relative;
    padding: 15px 20px 25px;
    background: #f1f2f5;
    text-align: left;
  }
  .contract-number p {
    display: block;
    font-size: 18px;
    line-height: 1.4;
  }
  .contract-number p span {
    font-weight: 600;
    padding-left: 10px;
  }
  .contract-number .btn-area {
    display: block;
    padding-top: 15px;
    width: 100%;
  }
  .contract-number .btn-area .btn-t01 {
    flex: auto;
    width: 100%;
  }
  .contract-number + .multi-tab {
    margin-top: 10px;
  }
  .garage-content .t-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 31px 0 9px;
    font-size: 18px;
  }
  .garage-content .t-stitle {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    padding: 0 0 10px;
    font-size: 18px;
  }
  .garage-order .tab-area .go-list,
.garage-content .go-list {
    margin-top: 20px;
    text-align: right;
  }
  /* toggle */
  .garage-content .tog-list-box {
    border-top: 1px solid #e3e3e3;
    margin: 0 -20px;
  }
  .garage-content .tog-list-box .tog-list-item {
    padding: 0 20px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-content .tog-list-box .tog-list-item .title-area {
    position: relative;
  }
  .garage-content .tog-list-box .tog-list-item .title-area:before {
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .garage-content .tog-list-box .tog-list-item.on .title-area:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    -ms-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg);
  }
  .garage-content .tog-list-box .tog-list-item .title-area .title {
    font-weight: 600;
    position: relative;
    padding: 14px 0 0;
    font-size: 18px;
  }
  .garage-content .tog-list-box .tog-list-item .title-area .title .accepted {
    color: #002c5f;
  }
  .garage-content .tog-list-box .tog-list-item .title-area .date {
    display: block;
    padding: 0 0 14px;
  }
  .garage-content .tog-list-box .tog-list-item .layer-area {
    display: none;
    border-top: 1px solid #000;
    padding-bottom: 30px;
  }
  .garage-content .tog-list-box .tog-list-item .layer-area .layer-area-wrap {
    padding-top: 24px;
  }
  .garage-content .tog-list-box .tog-list-item .f-color {
    color: #002c5f;
  }
  .garage-content .section-head {
    display: inline-block;
    padding: 0 0 10px;
  }
  .garage-content .section-head .tit {
    display: block;
    font-size: 18px;
  }
  .garage-content .section-head .desc {
    display: block;
    font-size: 18px;
    line-height: 1.3;
  }
  /* main info */
  .tbl-info .tbl-wrap {
    padding: 0 20px;
    border: 1px solid #e3e3e3;
  }
  .tbl-info .tbl-wrap.cols2 .box-cont {
    position: relative;
    padding: 15px 0 13px;
  }
  .tbl-info .tbl-wrap.cols2 .box-cont:last-child {
    padding-bottom: 13px;
  }
  .tbl-info .tbl-wrap.cols3 .box-cont {
    position: relative;
    padding: 15px 0 9px;
  }
  .tbl-info .tbl-wrap .lst-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 11px;
    font-size: 18px;
    line-height: 1.2;
  }
  .tbl-info .box-cont {
    border-top: 1px solid #e3e3e3;
  }
  .tbl-info .box-cont:first-child {
    border: 0;
  }
  .tbl-info .box-cont li {
    position: relative;
    padding-bottom: 7px;
  }
  .tbl-info .box-cont li .title {
    display: block;
  }
  .tbl-info .box-cont li .text {
    font-weight: 600;
    display: block;
    text-align: right;
  }
  .tbl-info .box-cont li .text.f-color {
    color: #002c5f;
  }
  .tbl-info .box-total {
    padding: 15px 0 16px;
    margin: -1px -20px 0;
    background: #f1f2f5;
    text-align: center;
  }
  .tbl-info .box-total .current-stage {
    font-weight: 600;
    color: #002c5f;
    font-size: 16px;
  }
  .tbl-info .trade-in {
    margin-top: 40px;
  }
  .tbl-info .trade-in .box-cont li {
    position: relative;
    display: block;
  }
  .tbl-info .trade-in .box-cont .lists li:last-child {
    padding: 0;
  }
  .tbl-info .trade-in .box-cont li .title {
    display: block;
    vertical-align: top;
  }
  .tbl-info .trade-in .box-cont li .text {
    font-weight: 600;
    display: block;
    text-align: left;
    margin-top: -2px;
  }
  .trade-no-result {
    padding: 50px 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
  }
  .trade-no-result .result-txt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 32px;
  }
  .tbl-info .payment .lists-tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    padding: 0 0 7px;
  }
  .tbl-info .payment .box-cont li .text {
    margin-top: -5px;
  }
  .tbl-info .main-spec .box-cont li {
    position: relative;
    display: block;
    padding-bottom: 0;
  }
  .tbl-info .main-spec .box-cont li .title {
    display: inline-block;
    width: auto;
    vertical-align: top;
    margin-right: 5px;
  }
  .tbl-info .main-spec .box-cont li .text {
    font-weight: normal;
    display: inline-block;
    width: auto;
    text-align: left;
  }
  /* .tbl-info .main-spec .box-cont li .text.m-full {display:block;} */
  .tbl-info .main-spec .box-cont .lists-area {
    margin-top: 0;
  }
  .tbl-info .main-spec .box-cont .lists-area .lists {
    text-indent: -5px;
    margin-top: 0;
  }
  .tbl-info .main-spec .box-cont .lists-area .lists .lists {
    margin-top: 7px;
    text-indent: -10px;
  }
  .tbl-info .main-spec .box-cont:first-child li:last-child .text {
    display: block;
  }
  .tbl-info .main-spec .box-cont li dd {
    font-size: 14px;
  }
  .tbl-info .main-spec .box-cont .btn-area {
    text-align: right;
    margin-top: 16px;
  }
  .tbl-info .main-spec .box-cont .btn-area a {
    width: 120px;
  }
  /* promotions */
  .online-vouchers-area {
    overflow: hidden;
  }
  .online-vouchers-box {
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  .online-vouchers-box:last-child {
    margin-bottom: 0;
  }
  .online-vouchers-box .box-inner {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .online-vouchers-box .title-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    padding: 13px 20px;
    background-color: #f4f6f8;
    line-height: 36px;
  }
  .online-vouchers-box .title-box .title {
    float: left;
    font-size: 18px;
  }
  .online-vouchers-box .title-box .dc-text {
    float: right;
    color: #002c5f;
    font-size: 24px;
  }
  .online-vouchers-box .lists {
    padding: 14px 20px 19px;
    font-size: 14px;
  }
  .online-vouchers-box .lists li {
    overflow: hidden;
  }
  .online-vouchers-box .lists li .title {
    float: left;
  }
  .online-vouchers-box .lists li .title .w-hide {
    display: none;
  }
  .online-vouchers-box .lists li .text {
    font-weight: 600;
    float: right;
  }
  .online-vouchers-box .box-inner:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    transition: all 0.3s;
  }
  /* requests &offers */
  .tbl-requests-offers {
    box-sizing: border-box;
    width: 100%;
  }
  .tbl-requests-offers .f-color {
    color: #002c5f;
  }
  .tbl-requests-offers .tbl-row {
    margin: 0 10px;
    padding: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .tbl-requests-offers .tbl-row:last-child {
    border: 0;
  }
  .tbl-requests-offers .tbl-row:first-child {
    border: 0;
    padding: 0;
  }
  .tbl-requests-offers .tbl-head {
    display: none;
  }
  .tbl-requests-offers .tbl-cell {
    padding: 0 0 13px;
    border-bottom: 0;
    text-align: left;
    line-height: 1.4;
  }
  .tbl-requests-offers .tbl-cell:before {
    font-weight: 600;
    content: attr(data-th) " ";
    display: block;
    margin-left: -10px;
    text-align: left;
  }
  .tbl-requests-offers .tbl-cell:last-child {
    padding: 0;
  }
  .tbl-requests-offers .tbl-foot {
    box-sizing: border-box;
  }
  .tbl-requests-offers .tbl-body {
    box-sizing: border-box;
  }
  .tbl-requests-offers .tbl-cell textarea {
    height: 100px;
  }
  /* AfterMarkets */
  .garage-content .after-markets {
    position: relative;
    margin-top: 10px;
    padding: 21px 20px 14px;
    background-color: #f1f2f5;
  }
  .garage-content .after-markets.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #212121;
  }
  .garage-content .after-markets:first-child {
    margin: 0;
  }
  .garage-content .after-markets .head {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 11px;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #000;
  }
  .garage-content .after-markets .head::after {
    content: "";
    display: block;
    clear: both;
  }
  .garage-content .after-markets .head .head-tit {
    display: block;
    position: relative;
    margin-bottom: 3px;
    float: left;
    line-height: 31px;
  }
  .garage-content .after-markets .head .checkbox {
    display: block;
    position: relative;
    margin-bottom: 6px;
    line-height: 31px;
  }
  .garage-content .after-markets .head .checkbox label {
    display: block;
    margin-right: 0;
    font-size: 18px;
  }
  .garage-content .after-markets .head .price {
    display: block;
    font-size: 2.4rem;
    line-height: 1.3;
    text-align: right;
  }
  .garage-content .after-markets .cont {
    margin-bottom: 9px;
    word-break: break-all;
  }
  .garage-content .after-markets .foot {
    position: relative;
  }
  .garage-content .after-markets .foot strong {
    font-weight: 600;
    display: block;
  }
  .garage-content .after-markets .foot span {
    display: block;
  }
  .garage-content .after-markets .foot span:nth-child(4) {
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .contract-number {
    position: relative;
    height: 74px;
    padding: 15px 210px 21px 20px;
    background: #f1f2f5;
    text-align: left;
  }
  .contract-number p {
    display: inline-block;
    padding-top: 10px;
    font-size: 18px;
    vertical-align: middle;
  }
  .contract-number p span {
    font-weight: 600;
    padding-left: 10px;
  }
  .contract-number p:first-child {
    padding-left: 0;
  }
  .contract-number p:before {
    content: "/";
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
  .contract-number p:first-child:before {
    display: none;
    margin-right: 0;
  }
  .contract-number .btn-area {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 190px;
  }
  .contract-number + .multi-tab {
    margin-top: 36px;
  }
  .garage-content .t-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 34px 0 9px;
    font-size: 20px;
  }
  .garage-content .t-stitle {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    padding: 0 0 2px;
    font-size: 18px;
  }
  .garage-order .tab-area .go-list,
.garage-content .go-list {
    display: block;
    margin-top: 20px;
    text-align: right;
  }
  .garage-order .tab-area .go-list a,
.garage-content .go-list a {
    width: 120px;
  }
  /* toggle */
  .garage-content .tog-list-box {
    border-top: 1px solid #e3e3e3;
  }
  .garage-content .tog-list-box .tog-list-item {
    padding: 0 30px 0;
    border: 1px solid #e3e3e3;
    border-top: 0;
  }
  .garage-content .tog-list-box .tog-list-item .title-area {
    position: relative;
  }
  .garage-content .tog-list-box .tog-list-item .title-area:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-11px) rotate(45deg);
    -ms-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-top: 5px;
    box-sizing: border-box;
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .garage-content .tog-list-box .tog-list-item.on .title-area:before {
    -webkit-transform: translateY(-5px) rotate(-135deg);
    -ms-transform: translateY(-5px) rotate(-135deg);
    transform: translateY(-5px) rotate(-135deg);
  }
  .garage-content .tog-list-box .tog-list-item .title-area .title {
    font-weight: 600;
    position: relative;
    padding: 14px 0 16px;
    font-size: 18px;
  }
  .garage-content .tog-list-box .tog-list-item .title-area .title .accepted {
    color: #002c5f;
  }
  .garage-content .tog-list-box .tog-list-item .title-area .date {
    display: inline-block;
    position: absolute;
    right: 34px;
    top: 19px;
  }
  .garage-content .tog-list-box .tog-list-item .layer-area {
    display: none;
    border-top: 1px solid #000;
    padding-bottom: 30px;
  }
  .garage-content .tog-list-box .tog-list-item .layer-area .layer-area-wrap {
    padding-top: 30px;
  }
  .garage-content .tog-list-box .tog-list-item .f-color {
    color: #002c5f;
  }
  .garage-content .section-head {
    display: inline-block;
    padding: 0 0 10px;
    margin-top: -6px;
  }
  .garage-content .section-head .tit {
    display: inline-block;
    font-size: 18px;
  }
  .garage-content .section-head .desc {
    display: inline-block;
    font-size: 18px;
  }
  /* main info */
  .tbl-info .tbl-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #e3e3e3;
  }
  .tbl-info .tbl-wrap.cols2 .box-cont {
    position: relative;
    width: 50%;
    padding: 25px 28px;
  }
  .tbl-info .tbl-wrap.cols3 .box-cont {
    position: relative;
    width: 33.333%;
    padding: 25px 28px 27px;
  }
  .tbl-info .tbl-wrap .lst-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
  }
  .tbl-info .box-cont {
    border-right: 1px solid #e3e3e3;
  }
  .tbl-info .box-cont:last-child {
    border: 0;
  }
  .tbl-info .box-cont li {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .tbl-info .box-cont li .title {
    display: inline-block;
    width: 40%;
  }
  .tbl-info .box-cont li .text {
    font-weight: 600;
    display: inline-block;
    width: 59%;
    text-align: right;
  }
  .tbl-info .box-cont li .text.f-color {
    color: #002c5f;
  }
  .tbl-info .box-total {
    width: 100%;
    padding: 15px 0 11px;
    background: #f1f2f5;
    text-align: center;
  }
  .tbl-info .box-total .current-stage {
    color: #002c5f;
    font-weight: 600;
    font-size: 16px;
  }
  .tbl-info .trade-in {
    margin-top: 40px;
  }
  .tbl-info .payment .lists-tit {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
  }
  .trade-no-result {
    padding: 80px 0;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
  }
  .trade-no-result .result-txt {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 32px;
  }
  /*  Buyer Info */
  .tbl-info .main-spec .box-cont li {
    position: relative;
    display: block;
  }
  .tbl-info .main-spec .box-cont li .title {
    width: auto;
    vertical-align: top;
    margin-right: 5px;
  }
  .tbl-info .main-spec .box-cont li .text {
    font-weight: normal;
    width: auto;
    text-align: left;
  }
  .tbl-info .main-spec .box-cont .lists-area {
    margin-top: 0;
  }
  .tbl-info .main-spec .box-cont .lists-area .lists {
    text-indent: -5px;
    margin-top: 0;
  }
  .tbl-info .main-spec .box-cont .lists-area .lists .lists {
    margin-top: 0;
    text-indent: -10px;
  }
  .tbl-info .main-spec .box-cont:first-child li:last-child .text {
    display: block;
  }
  .tbl-info .main-spec .box-cont li dd {
    font-size: 14px;
  }
  .tbl-info .main-spec .box-cont .btn-area {
    text-align: right;
    margin-top: 16px;
  }
  .tbl-info .main-spec .box-cont .btn-area a {
    width: 120px;
  }
  /* promotions */
  .online-vouchers-area {
    overflow: hidden;
    margin: 0 -4px;
  }
  .online-vouchers-box {
    float: left;
    width: 50%;
    padding: 0 4px;
    box-sizing: border-box;
  }
  .online-vouchers-box .box-inner {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .online-vouchers-box .title-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    overflow: hidden;
    padding: 13px 20px;
    background-color: #f4f6f8;
    line-height: 36px;
  }
  .online-vouchers-box .title-box .title {
    float: left;
    font-size: 18px;
  }
  .online-vouchers-box .title-box .dc-text {
    float: right;
    font-size: 24px;
    color: #002c5f;
  }
  .online-vouchers-box .lists {
    padding: 14px 20px 19px;
    font-size: 14px;
  }
  .online-vouchers-box .lists li {
    overflow: hidden;
  }
  .online-vouchers-box .lists li .title {
    float: left;
  }
  .online-vouchers-box .lists li .title .w-hide {
    display: none;
  }
  .online-vouchers-box .lists li .text {
    font-weight: 600;
    float: right;
  }
  .online-vouchers-box .box-inner:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    transition: all 0.3s;
  }
  /* requests &offers */
  .tbl-requests-offers {
    display: table;
    width: 100%;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #e3e3e3;
  }
  .tbl-requests-offers .f-color {
    color: #002c5f;
  }
  .tbl-requests-offers .tbl-row {
    display: table-row;
    margin-bottom: 0;
  }
  .tbl-requests-offers .tbl-row .tbl-head {
    font-weight: 600;
    padding: 16px 0 13px;
    background: #f1f2f5;
  }
  .tbl-requests-offers .tbl-cell,
.tbl-requests-offers .tbl-head {
    display: table-cell;
    width: 20%;
    border-right: 1px solid #e3e3e3;
    text-align: center;
  }
  .tbl-requests-offers .tbl-cell {
    display: table-cell;
    padding: 15px;
    border-bottom: 0;
  }
  .tbl-requests-offers .tbl-cell:before {
    display: none;
  }
  .tbl-requests-offers .tbl-row:nth-child(2) .tbl-cell {
    padding-top: 15px;
  }
  .tbl-requests-offers .tbl-row:last-child .tbl-cell {
    padding-bottom: 15px;
  }
  .tbl-requests-offers .tbl-foot {
    display: table-footer-group;
  }
  .tbl-requests-offers .tbl-body {
    display: table-row-group;
  }
  .tbl-requests-offers .tbl-cell textarea {
    height: 100px;
  }
  /* AfterMarkets */
  .garage-content .after-markets {
    position: relative;
    margin-top: 20px;
    padding: 27px 40px;
    background-color: #f1f2f5;
  }
  .garage-content .after-markets:first-child {
    margin-top: 10px;
  }
  .garage-content .after-markets.is-active::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #212121;
  }
  .garage-content .after-markets:first-child {
    margin: 0;
  }
  .garage-content .after-markets .head {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 9px;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #000;
  }
  .garage-content .after-markets .head::after {
    content: "";
    display: block;
    clear: both;
  }
  .garage-content .after-markets .head .head-tit {
    display: block;
    position: relative;
    margin-bottom: 3px;
    float: left;
    line-height: 31px;
  }
  .garage-content .after-markets .head .checkbox {
    display: block;
    position: relative;
    margin-bottom: 3px;
    float: left;
    line-height: 31px;
  }
  .garage-content .after-markets .head .price {
    display: block;
    font-size: 2.4rem;
    line-height: 1.3;
    text-align: right;
    float: right;
  }
  .garage-content .after-markets .cont {
    margin-bottom: 9px;
    word-break: break-all;
  }
  .garage-content .after-markets .foot {
    position: relative;
    padding-left: 55px;
  }
  .garage-content .after-markets .foot strong {
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
  }
  .garage-content .after-markets .foot span:nth-child(4) {
    font-weight: 600;
    position: absolute;
    top: 1px;
    right: 0;
  }
}
@media screen and (min-width: 1280px) {
  /* main info */
  .online-vouchers-area {
    margin: 0 -10px;
  }
  .online-vouchers-box {
    padding: 0 10px;
  }
}
/********************
Requests & Offers
********************/
@media screen and (max-width: 1023px) {
  .garage-offers .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
    padding-top: 16px;
  }
  .garage-offers .model-info-box .result-model .view-area .img img {
    max-width: 100%;
    width: 100%;
  }
  .garage-offers .model-info-box .result-model .info-area {
    padding: 0;
    margin-top: 0;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    color: #000;
    font-size: 24px;
    line-height: 1.3;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title .trim {
    font-size: 20px;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 6px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area br {
    display: none;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area .btn-info {
    margin-left: 8px;
  }
  .garage-offers .model-info-box .result-model .info-area .notice {
    float: left;
    color: #212121;
    font-size: 14px;
  }
  .garage-offers .model-info-box .result-model .info-area .more-info {
    clear: both;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #888888;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week .price {
    display: block;
    margin-top: -6px;
    text-align: right;
    color: #002c5f;
    font-size: 20px;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span {
    padding-left: 10px;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:first-child {
    color: #000;
    padding-left: 0;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #888888;
    margin-right: 6px;
    vertical-align: middle;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:first-child:before {
    display: none;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status {
    padding-bottom: 9px;
    font-size: 16px;
    color: #000;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status span {
    font-weight: 600;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status .status {
    color: #002c5f;
  }
  .garage-offers .model-info-box .result-model .order-info span {
    font-weight: normal;
    display: block;
    padding-right: 3px;
    font-size: 16px;
  }
  .garage-offers .model-info-box .result-model .order-info span:last-child {
    padding-right: 0;
  }
  .garage-offers .model-info-box .result-model .order-info span:after {
    content: " / ";
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
  }
  .garage-offers .model-info-box .result-model .order-info span:last-child:after {
    display: none;
    margin-left: 0;
  }
  .garage-offers .model-info-box .result-model .order-price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 10px 0 0;
    font-size: 18px;
  }
  .garage-offers .model-info-box .btn-area {
    display: block;
    margin-top: 14px;
  }
  .garage-offers .model-info-box .btn-area a {
    width: 100%;
  }
  .garage-offers .model-info-box .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0;
  }
  .garage-offers .model-info-box .result-model .more-info .order-price .price {
    margin-left: 10px;
    color: #002c5f;
    font-size: 20px;
  }
  /* Requests & Offers */
  .garage-content.garage-offers .tog-list-box .tog-list-item .layer-area .btn-area {
    margin-top: 20px;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item .layer-area .btn-area a {
    flex: auto;
    width: 100%;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item .layer-area .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 0;
    margin-top: 10px;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item.write-form .layer-area .btn-area {
    margin-top: 20px;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item.write-form .layer-area .btn-area a {
    flex: 1;
    width: 50%;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item.write-form .layer-area .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-left: 8px;
    margin-top: 0;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item.write-form .layer-area .tbl-requests-offers .tbl-row {
    margin: 0;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item.write-form .layer-area .tbl-requests-offers .tbl-cell:before {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .garage-offers .model-info-box .result-model {
    border: 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-offers .model-info-box .result-model {
    padding-left: 33.333%;
  }
  .garage-offers .model-info-box .result-model .view-area {
    width: 33.333%;
  }
  .garage-offers .model-info-box .result-model .view-area .img {
    margin-bottom: 0;
  }
  .garage-offers .model-info-box .result-model .view-area .img img {
    max-width: 400px;
  }
  .garage-offers .model-info-box .result-model .info-area {
    padding: 27px 200px 24px 0;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 9px;
    color: #000;
    font-size: 24px;
    line-height: 1.2;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title .trim {
    font-size: 20px;
  }
  .garage-offers .model-info-box .result-model .info-area .info-title .trim.s-block {
    display: block;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-bottom: 8px;
    color: #212121;
    font-size: 18px;
    text-align: left;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area br {
    display: none;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area .price {
    color: #002c5f;
  }
  .garage-offers .model-info-box .result-model .info-area .price-area .btn-info {
    margin-left: 8px;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #888888;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week .price {
    margin-left: 6px;
    color: #002c5f;
    font-size: 20px;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span {
    padding-left: 10px;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:first-child {
    color: #000;
    padding-left: 0;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #888888;
    margin-right: 6px;
    vertical-align: middle;
  }
  .garage-offers .model-info-box .result-model .info-area .price-week span:first-child:before {
    display: none;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status {
    padding-bottom: 9px;
    font-size: 16px;
    color: #000;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status span {
    font-weight: 600;
  }
  .garage-offers .model-info-box .result-model .info-area .order-status .status {
    color: #002c5f;
  }
  .garage-offers .model-info-box .btn-area {
    display: block;
    position: absolute;
    bottom: 30px;
    right: 0;
    width: auto;
    width: 190px;
  }
  .garage-offers .model-info-box .btn-area a {
    display: block;
  }
  .garage-offers .model-info-box .btn-area [class^=btn-t] {
    margin-bottom: 0;
  }
  .garage-offers .model-info-box .btn-area [class^=btn-t] + [class^=btn-t] {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0;
  }
  .garage-offers .model-info-box .result-model-area .btn-more-area {
    padding: 20px 0 100px;
  }
  .garage-offers .model-info-box .result-model .order-price {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 8px 0 0;
    font-size: 18px;
  }
  .garage-offers .model-info-box .result-model .more-info .order-price .price {
    margin-left: 10px;
    color: #002c5f;
    font-size: 20px;
  }
  /* Requests & Offers */
  .garage-content.garage-offers .tog-list-box .tog-list-item .layer-area .btn-area {
    display: block;
    margin-top: 20px;
  }
  .garage-content.garage-offers .tog-list-box .tog-list-item .layer-area .btn-area a {
    min-width: 190px;
  }
}
/********************
Book a Test Drive
********************/
@media screen and (max-width: 1023px) {
  .card-modal-wrap {
    margin: 0;
  }
  .card-modal-wrap .card-list-type {
    padding: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
    cursor: pointer;
  }
  .card-modal-wrap .card-list-type a {
    display: block;
  }
  .card-modal-wrap .card-list-type .box-inner {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .card-modal-wrap .card-list-type .lists {
    padding: 6px 10px 17px 20px;
  }
  .card-modal-wrap .card-list-type .lists li {
    margin-top: 9px;
  }
  .card-modal-wrap .card-list-type .lists li span {
    display: block;
  }
  .card-modal-wrap .card-list-type .lists li .text {
    font-weight: 600;
    display: block;
    padding-left: 10px;
    margin-top: -2px;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box {
    padding: 11px 0;
    background-color: #f1f2f5;
    text-align: right;
    color: #002c5f;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box span {
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 0 20px 0 20px;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.on span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 13px;
    margin-top: -2px;
    box-sizing: border-box;
    border: 0;
    border-right: 3px solid #002c5f;
    border-bottom: 3px solid #002c5f;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel {
    color: #888888;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span {
    padding: 0 20px 0 23px;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:before,
.card-modal-wrap .card-list-type .box-inner .state-box.cancel span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 2px;
    margin-top: -1px;
    background-color: #888888;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:before {
    transform: rotate(45deg);
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:after {
    transform: rotate(-45deg);
  }
  .card-modal-wrap .btn-more-area {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .card-modal-wrap {
    margin: 0 -4px;
  }
  .card-modal-wrap li {
    margin-top: 10px;
  }
  .card-modal-wrap li:after {
    content: "";
    display: block;
    clear: both;
  }
  .card-modal-wrap li:first-child {
    margin-top: 5px;
  }
  .card-modal-wrap .card-list-type {
    float: left;
    width: 50%;
    padding: 0 4px;
    box-sizing: border-box;
  }
  .card-modal-wrap .card-list-type a {
    display: block;
  }
  .card-modal-wrap .card-list-type .box-inner {
    position: relative;
    border: 1px solid #e3e3e3;
  }
  .card-modal-wrap .card-list-type .lists {
    padding: 22px 10px 21px 29px;
  }
  .card-modal-wrap .card-list-type .lists li {
    overflow: hidden;
    margin-top: 4px;
  }
  .card-modal-wrap .card-list-type .lists li .title {
    font-weight: normal;
    float: left;
    width: 160px;
  }
  .card-modal-wrap .card-list-type .lists li .text {
    font-weight: 600;
    float: left;
  }
  .card-modal-wrap .card-list-type .box-inner:before {
    content: "";
    position: absolute;
    left: -1px;
    right: -1px;
    top: -1px;
    bottom: -1px;
    border: 2px solid #212121;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box {
    padding: 11px 0;
    background-color: #f1f2f5;
    text-align: right;
    color: #002c5f;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box span {
    font-weight: 600;
    display: inline-block;
    position: relative;
    padding: 0 20px 0 20px;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.on span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 9px;
    height: 14px;
    margin-top: -2px;
    box-sizing: border-box;
    border: 0;
    border-right: 3px solid #002c5f;
    border-bottom: 3px solid #002c5f;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel {
    color: #888888;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span {
    padding: 0 20px 0 23px;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:before,
.card-modal-wrap .card-list-type .box-inner .state-box.cancel span:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 17px;
    height: 2px;
    margin-top: -1px;
    background-color: #888888;
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:before {
    transform: rotate(45deg);
  }
  .card-modal-wrap .card-list-type .box-inner .state-box.cancel span:after {
    transform: rotate(-45deg);
  }
}
/********************
Write From
********************/
.garage-content .check-message {
  position: relative;
  padding-top: 10px;
  padding-left: 28px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #002c5f;
}

.garage-content .check-message:before {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  content: "!";
  position: absolute;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 1.6rem;
  background-color: #002c5f;
  color: #fff;
  text-align: center;
}

.garage-content .key-alert {
  position: relative;
}

.garage-content .key-alert .caps-lock {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 16px;
  border: 1px solid #212121;
  border-radius: 3px;
  text-align: center;
  background-color: #fff;
}

.garage-content .key-alert .caps-lock:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 11px;
  display: block;
  border-top: 6px solid #fff;
  border-left: 0 solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0 solid transparent;
}

.garage-content .key-alert .caps-lock:before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 10px;
  display: block;
  border-top: 8px solid #212121;
  border-left: 0 solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 0 solid transparent;
}

.garage-content .key-alert .caps-lock em {
  display: block;
  line-height: 20px;
}

.garage-content .key-alert .caps-lock em:before {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  content: "!";
  float: left;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  border: 1px solid #212121;
  border-radius: 20px;
  font-size: 1.6rem;
  color: #212121;
  box-sizing: border-box;
}

@media screen and (max-width: 1023px) {
  .garage-content .form-write-box-wrap .inline-wrap {
    display: block;
  }
  .garage-content .form-write-box-wrap .form-write-box .cols2 .box-item {
    position: relative;
    width: 100%;
  }
  .garage-content .form-write-box-wrap .form-write-box .cols3 .box-item {
    position: relative;
    width: 100%;
  }
  .garage-content .form-write-box-wrap .desc {
    padding: 37px 0 10px;
  }
  .garage-content .form-write-box-wrap .c-title {
    display: none;
  }
  .garage-content .form-write-box-wrap .s-title-area {
    display: none;
  }
  .garage-content .form-write-box-wrap .inline-wrap .box-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 13px 0 3px;
    font-size: 16px;
  }
  .garage-content .form-write-box-wrap .inline-wrap .box-item .title:fist-child {
    padding-top: 8px;
  }
  .garage-content .form-write-box-wrap .form-write-box input[type=text] {
    width: 100%;
  }
  .garage-content .form-write-box-wrap .form-write-box input:read-only {
    background: #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box textarea {
    width: 100%;
    height: 180px;
    padding: 10px;
    border: 1px solid #dcdcdc;
  }
  .garage-content .form-write-box-wrap .form-write-box textarea:read-only {
    background: #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box .btn-area {
    padding: 22px 0 0;
    border-top: 1px solid #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box .btn-area a {
    width: 120px;
  }
  .garage-content .form-write-box-wrap .box-item .agree-title {
    margin: 25px 0 -4px 0;
  }
  .garage-content .form-write-box-wrap .form-info-txt {
    margin: 9px 0 -3px 0;
    font-size: 14px;
  }
  .garage-content .form-write-box-wrap .box-item .checkbox .check {
    display: inline-block;
    margin-top: 20px;
  }
  .garage-content .form-write-box-wrap .box-item .checkbox .check:nth-child(odd) {
    min-width: 47%;
  }
  /* Edit Profile */
  .garage-content.information .form-write-box-wrap.edit-profile {
    margin-top: 4px;
  }
  .garage-content.information .btn-area {
    padding: 20px 0 0;
  }
  .garage-content.information .stit-area .required {
    position: absolute;
    right: 0;
    top: 4px;
    font-size: 14px;
  }
  /* change password */
  .garage-content .form-write-box-wrap .form-info-txt02 {
    padding: 22px 0 0;
    font-size: 18px;
    line-height: 1.4;
  }
  /* complete */
  .join-wrap {
    display: table;
    text-align: center;
    min-height: calc(100vh - 250px);
    margin: 0 auto;
  }
  .join-inner {
    display: table-cell;
    padding: 56px 0;
    vertical-align: middle;
  }
  .join-wrap .page-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 0;
    font-size: 32px;
    border-bottom: 0;
  }
  .join-wrap .welcome-inner {
    padding: 20px 0 17px;
    border-bottom: 0;
  }
  .join-wrap strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .garage-content .form-write-box-wrap .form-write-box {
    padding: 34px 40px 40px;
    background-color: #f1f2f5;
    border: 1px solid #e3e3e3;
  }
  .garage-content .form-write-box-wrap .inline-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 27px;
  }
  .garage-content .form-write-box-wrap .form-write-box .box-item {
    position: relative;
    width: 100%;
  }
  .garage-content .form-write-box-wrap .form-write-box .cols2 .box-item {
    position: relative;
    width: calc(50% - 10px);
  }
  .garage-content .form-write-box-wrap .form-write-box .cols3 .box-item {
    position: relative;
    width: calc(33.333333% - 10px);
    margin: 0;
  }
  .garage-content .form-write-box-wrap .desc {
    padding: 35px 0 10px;
  }
  .garage-content .form-write-box-wrap .s-title-area {
    overflow: hidden;
    padding: 33px 0 7px;
    line-height: 30px;
  }
  .garage-content .form-write-box-wrap .s-title-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    float: left;
    font-size: 20px;
  }
  .garage-content .form-write-box-wrap .s-title-area .required {
    float: right;
    font-size: 14px;
  }
  .garage-content .form-write-box-wrap .inline-wrap .box-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    padding: 0 0 8px;
    font-size: 16px;
  }
  .garage-content .form-write-box-wrap .form-write-box input[type=text] {
    width: 100%;
  }
  .garage-content .form-write-box-wrap .form-write-box input:read-only {
    background: #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box textarea {
    width: 100%;
    height: 180px;
    padding: 10px;
    border: 1px solid #dcdcdc;
  }
  .garage-content .form-write-box-wrap .form-write-box textarea:read-only {
    background: #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box .btn-area {
    display: block;
    padding: 30px 0 0;
    border-top: 1px solid #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box .btn-area a {
    width: 190px;
  }
  .garage-content .form-write-box-wrap.test-drive .form-write-box .btn-area {
    display: block;
    padding: 0;
    border-top: 0;
  }
  .garage-content .form-write-box-wrap.test-drive .form-write-box .btn-area a {
    width: 190px;
  }
  .garage-content .form-write-box-wrap .box-item .agree-title {
    margin: 25px 0 16px 0;
  }
  .garage-content .form-write-box-wrap .form-info-txt {
    margin: 8px 0 -6px 0;
    font-size: 14px;
  }
  .garage-content .form-write-box-wrap .box-item .checkbox .check {
    display: inline-block;
    margin-right: 55px;
  }
  .garage-content .form-write-box-wrap .box-item .checkbox .check input[type=checkbox] + label,
input[type=radio] + label {
    margin-right: 0;
  }
  /* Edit Profile */
  .garage-content.information .btn-area {
    display: block;
    padding: 30px 0 102px;
  }
  .garage-content.information .btn-area a {
    width: 190px;
  }
  .garage-content.information .stit-area .required {
    display: none;
  }
  /* change password */
  .garage-content .form-write-box-wrap .form-info-txt02 {
    padding: 0 0 21px;
    font-size: 18px;
  }
  .garage-content .form-write-box-wrap.change-password .inline-wrap:last-child {
    margin-bottom: 0;
  }
  /* delete account */
  .garage-content .form-write-box-wrap .form-write-box {
    padding: 25px 40px 37px;
  }
  .garage-content .form-write-box-wrap.delete-account .inline-wrap {
    margin: 0;
  }
  .garage-content .form-write-box-wrap .form-write-box .agree-wrap .lists-area {
    padding: 0 0 26px;
    margin-bottom: 13px;
    border-bottom: 1px solid #e3e3e3;
  }
  .garage-content .form-write-box-wrap .form-write-box .agree-wrap .lists-area li {
    padding: 0 0 24px;
  }
  .garage-content .form-write-box-wrap .form-write-box .agree-wrap .lists-area li:last-child {
    padding: 0;
  }
  .garage-content .form-write-box-wrap .form-write-box .agree-wrap .checkbox {
    padding: 0 0 26px;
  }
  .garage-content .form-write-box-wrap .form-info-txt03 {
    margin-top: 9px;
    font-size: 14px;
  }
  /* complete */
  .join-wrap {
    display: table;
    text-align: center;
    min-height: calc(100vh - 150px);
    margin: 0 auto;
  }
  .join-inner {
    display: table-cell;
    padding: 80px 30px;
    vertical-align: middle;
  }
  .join-wrap .page-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding-bottom: 0;
    font-size: 32px;
    border-bottom: 0;
  }
  .join-wrap .welcome-inner {
    padding: 20px 0 27px;
    border-bottom: 0;
  }
  .join-wrap strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
    font-size: 18px;
  }
  .join-wrap .btn-area {
    display: block;
    padding-top: 0;
  }
}
/********************
company
********************/
@media screen and (max-width: 1023px) {
  .company-wrap .link-move-box {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    margin-top: 30px;
    padding: 7px 20px 0;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
    font-size: 20px;
  }
  .company-wrap .link-move-box .box {
    position: relative;
    margin-top: 15px;
    padding: 15px 0 15px 86px;
    border-top: 1px solid #e3e3e3;
  }
  .company-wrap .link-move-box .box:first-child {
    margin-top: 0;
    border-top: 0;
  }
  .company-wrap .link-move-box .box:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .company-wrap .link-move-box .box1:before {
    width: 54px;
    height: 43px;
    background-position: 0 0;
  }
  .company-wrap .link-move-box .box2:before {
    width: 56px;
    height: 46px;
    background-position: -59px 0;
  }
  .company-wrap .link-move-box .box .btn-t01 {
    width: 100%;
    margin-top: 7px;
  }
  .company-wrap .text-area,
.buying-wrap .text-area {
    margin-top: 24px;
  }
  .company-wrap .text-area .title {
    font-weight: 900;
    font-size: 20px;
  }
  .company-wrap .text-area .stitle {
    font-weight: 900;
    font-size: 18px;
  }
  .company-wrap .text-area + .text-area {
    margin-top: 25px;
  }
  .company-wrap .text-area strong {
    font-weight: 600;
  }
  .company-wrap .text-area .f-color {
    color: #002c5f;
  }
  .company-wrap .text-area .f-line {
    text-decoration: underline;
  }
  .company-wrap .box-text {
    margin-top: 12px;
    padding: 13px 19px 16px;
    border: 1px solid #e3e3e3;
  }
  .company-wrap .box-text .title {
    font-weight: 900;
    font-size: 18px;
  }
  .company-wrap .box-text .list li {
    margin-left: 10px;
    text-indent: -10px;
  }
  /* Map */
  .map-info-head {
    display: block;
  }
  .map-info-area#service-contact {
    display: none;
  }
  .map-info-area#parts-contact {
    display: none;
  }
  .map-info-area {
    margin-top: 24px;
  }
  .map-info-area .m-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .map-info-area .map-area {
    overflow: hidden;
    height: 236px;
    margin-top: 4px;
    border: 1px solid #e3e3e3;
  }
  .map-info-area .info-area {
    padding: 13px 19px 19px;
    border: 1px solid #e3e3e3;
    border-top: 0;
  }
  .map-info-area .info-area .title {
    font-weight: 600;
  }
  .map-info-area .info-area .list li {
    font-size: 14px;
    margin-left: 10px;
    text-indent: -10px;
  }
  .map-info-area .info-area .list li .mail {
    text-decoration: underline;
  }
  .map-info-area .info-area .add-area {
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .time-area .title {
    position: relative;
    padding: 13px 0 14px;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
  }
  .map-info-area .info-area .time-area .title:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .map-info-area .info-area .time-area .title:after {
    right: 7px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .map-info-area .info-area .time-area.on .title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .map-info-area .info-area .time-area .list {
    display: none;
    padding: 15px 19px 16px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .map-info-area .info-area .btn-area {
    margin-top: 20px;
  }
  .map-info-area .info-area .time-area.email .list li {
    text-indent: 0;
  }
  .map-info-head {
    margin-top: 40px;
  }
  .map-info-head .m-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    font-size: 20px;
    padding-bottom: 2px;
  }
  .map-info-head select {
    width: 100%;
  }
  .map-info-area {
    margin-top: 20px;
  }
  .map-info-area .m-title {
    display: none;
  }
  .map-info-area {
    padding-right: 0;
  }
  .map-info-area .info-area {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    border-top: 0;
    padding: 0 0 30px;
  }
  .map-info-area .info-area .add-area {
    overflow: hidden;
    padding: 15px 19px 17px;
    border-bottom: 0;
  }
  .map-info-area .info-area .add-area:first-child {
    background: #f1f2f5;
  }
  .time-area {
    overflow: hidden;
    padding: 0 29px;
  }
  .map-info-area .info-area .btn-area {
    padding: 0 19px;
  }
  .map-info-area .info-area .time-area {
    padding: 13px 19px 0;
  }
  .map-info-area .info-area .time-area:nth-child(2) {
    padding-top: 15px;
  }
  .map-info-area .info-area .time-area .list {
    display: block;
    padding: 0;
    border-bottom: 0;
    background-color: #fff;
  }
  .map-info-area .info-area .time-area .title {
    padding: 0;
    border: 0;
    cursor: inherit;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  /* .l-container.company {padding-bottom:100px;} */
  .l-content .section.full.txt-white > div {
    color: #fff;
  }
  .visual-area.white > div {
    color: #fff;
  }
  .company-wrap .link-move-box {
    overflow: hidden;
    margin-top: 40px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .company-wrap .link-move-box .box {
    float: left;
    position: relative;
    padding: 30px 160px 30px 0;
    width: 50%;
    box-sizing: border-box;
  }
  .company-wrap .link-move-box .box:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/aftersales/aftersales.png);
    background-repeat: no-repeat;
    background-size: 251px;
  }
  .company-wrap .link-move-box .box1:before {
    width: 54px;
    height: 43px;
    background-position: 0 0;
  }
  .company-wrap .link-move-box .box2:before {
    width: 56px;
    height: 46px;
    background-position: -59px 0;
  }
  .company-wrap .link-move-box .box .text {
    font-weight: 600;
    padding-left: 105px;
    font-size: 20px;
    line-height: 40px;
  }
  .company-wrap .link-move-box .box + .box .text {
    border-left: 1px solid #e3e3e3;
  }
  .company-wrap .link-move-box .box .btn-t01 {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
  }
  .company-wrap .text-area,
.buying-wrap .text-area {
    margin-top: 34px;
  }
  .company-wrap .text-area .title {
    font-weight: 900;
    font-size: 20px;
  }
  .company-wrap .text-area .stitle {
    font-weight: 900;
    padding: 0 0 6px;
    font-size: 18px;
  }
  .company-wrap .text-area .f-color {
    color: #002c5f;
  }
  .company-wrap .text-area .lists-area {
    margin-bottom: 12px;
  }
  .company-wrap .box-text {
    margin-top: 25px;
    padding: 35px 39px;
    border: 1px solid #e3e3e3;
  }
  .company-wrap .box-text .title {
    font-weight: 900;
    font-size: 18px;
  }
  .company-wrap .box-text .list li {
    margin-left: 10px;
    text-indent: -10px;
  }
  /* Map */
  .section.cols2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .section.cols2 .map-info-area {
    position: relative;
    width: calc(50% - 4px);
    padding-right: 0;
  }
  .section.cols2 .map-info-area .info-area {
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    margin-top: 20px;
    padding: 25px 29px 20px;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
  }
  .map-info-head {
    display: none;
  }
  .map-info-area {
    padding-right: 0;
  }
  .map-info-area .info-area {
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    border-top: 0;
    padding: 0 0 30px;
  }
  .map-info-area .info-area .add-area {
    overflow: hidden;
    padding: 15px 25px 17px;
    border-bottom: 0;
  }
  .map-info-area .info-area .add-area:first-child {
    background: #f1f2f5;
  }
  .time-area {
    overflow: hidden;
    padding: 0 29px;
  }
  .map-info-area .info-area .btn-area {
    display: block;
    flex: inherit;
    padding: 29px 29px 0;
    text-align: center;
    border-top: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .btn-area .btn-t01 {
    width: 160px;
  }
  .map-info-area .info-area .add-area .title {
    float: left;
    padding: 0;
    margin-right: 30px;
  }
  .map-info-area .info-area .add-area .list {
    float: left;
  }
  .map-info-area .info-area .time-area {
    padding: 7px 25px 0;
  }
  .map-info-area .info-area .time-area .list {
    display: block;
    padding: 0;
    border-bottom: 0;
    background-color: #fff;
  }
  .map-info-area .info-area .time-area .title {
    float: left;
    min-width: 176px;
    padding: 0;
    margin-right: 30px;
    border: 0;
    cursor: inherit;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    display: none;
  }
  .map-info-area .info-area .time-area .list {
    float: left;
  }
  .map-area .map-location-wrapper {
    height: 365px;
  }
}
@media screen and (min-width: 1280px) {
  .company-wrap .link-move-box .box {
    padding-right: 200px;
  }
  .company-wrap .link-move-box .box .btn-t01 {
    width: 190px;
  }
  /* Map */
  .section.cols2 .map-info-area {
    width: calc(50% - 10px);
  }
  .map-info-area .info-area .btn-area .btn-t01 + .btn-t01 {
    margin-left: 20px;
  }
  .map-info-area {
    padding-right: 797px;
  }
  .map-info-area .map-area {
    height: 425px;
  }
  .map-info-area .info-area {
    position: absolute;
    top: 42px;
    width: 797px;
    border-left: 0;
    padding: 0;
    border-top: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .add-area {
    overflow: hidden;
    padding: 25px 0 17px;
    margin: 0 29px;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .add-area:first-child {
    background: #fff;
  }
  .map-info-area .info-area .add-area.primary .title {
    float: left;
    margin-right: 30px;
  }
  .map-info-area .info-area .add-area.primary .list {
    float: left;
  }
  .map-info-area .info-area .add-area .title {
    float: none;
    margin-right: 0;
  }
  .map-info-area .info-area .add-area .list {
    float: none;
  }
  .map-info-area .info-area .btn-area {
    border: 0;
    padding-top: 0;
  }
  .map-info-area .info-area .btn-area a {
    width: 160px;
    border: 0;
  }
  .map-info-area .info-area .time-area {
    padding-top: 0;
  }
  .map-info-area .info-area .time-area .title {
    float: none;
    position: relative;
    margin: 0;
    padding: 15px 0 15px;
    cursor: pointer;
    border-bottom: 1px solid #e3e3e3;
  }
  .map-info-area .info-area .time-area .title:before,
.map-info-area .info-area .time-area .title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
    display: block;
  }
  .map-info-area .info-area .time-area .title:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .map-info-area .info-area .time-area .title:after {
    right: 7px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .map-info-area .info-area .time-area.on .title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .map-info-area .info-area .time-area .list {
    float: none;
    display: none;
    padding: 15px 19px 16px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .map-info-area .info-area .time-area .list .extra-hours-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  .map-info-area .info-area .list .extra-hours-title,
.map-info-area .info-area .list .extra-hours-time {
    text-indent: 0;
  }
  .map-area .map-location-wrapper {
    width: 820px;
  }
  .map-area .map-location-wrapper {
    width: 443px;
    height: 423px;
  }
}
/**************************
Form Write Area
**************************/
@media screen and (max-width: 1023px) {
  .form-write-area {
    margin-top: 20px;
  }
  .form-write-area .form-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .form-write-area .required-field {
    margin-top: -7px;
    text-align: right;
  }
  .form-write-area .form-write-box {
    margin-top: 7px;
    border: 1px solid #e3e3e3;
    padding: 4px 20px 20px;
    background-color: #f1f2f5;
  }
  .form-write-area .form-write-box .form-write .box + .box {
    margin-top: 15px;
  }
  .form-write-area .form-write-box .form-write .box input[type=text],
.form-write-area .form-write-box .form-write .box input[type=number],
.form-write-area .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box textarea {
    height: 100px;
  }
  .form-write-area .form-write-box .form-write .box .title-line {
    font-weight: 600;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 48px;
  }
  .form-write-area .form-write-box .form-write .box .list .item {
    margin-top: 12px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 30px;
  }
  .form-write-area .form-write-box .link-new {
    font-weight: 600;
    display: block;
    margin-top: 25px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .form-write-area .form-write-box .btn-area {
    margin-top: 15px;
  }
  .form-write-area.type2 .dollar-text {
    position: relative;
    height: 46px;
    padding-left: 20px;
  }
  .form-write-area.type2 .dollar-text .dollar {
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .percent-text {
    position: relative;
    height: 46px;
    padding-right: 20px;
    text-align: right;
  }
  .form-write-area.type2 .percent-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text .percent {
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .drag-slider-wrap {
    margin: 20px 0 10px;
  }
  .form-write-area.type2 .text-years {
    font-weight: 600;
  }
  .form-write-area.type2 .text-years + .drag-slider-wrap {
    margin-top: 0;
  }
  .form-write-area.type2 .item .btn-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .form-write-area.type2 .item .btn-list .btn-t01 {
    flex: 1;
  }
  .form-write-area.type2 .item .btn-list .btn-t01 + .btn-t01 {
    margin-left: 6px;
  }
  .form-write-area.type2 .item .text-box {
    padding: 15px 20px 30px;
    background-color: #f1f2f5;
  }
  .form-write-area.type2 .item .text-box:first-child {
    margin-top: 20px;
  }
  .form-write-area.type2 .item .text-box strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .form-write-area.type2 .item .text-box .text {
    overflow: hidden;
    margin-top: 6px;
  }
  .form-write-area.type2 .item .text-box .text .left {
    float: left;
    width: 50%;
  }
  .form-write-area.type2 .item .text-box .text .right {
    float: right;
    width: 50%;
    text-align: right;
  }
  .form-write-area.type2 .item .text-box .donut-graph-wrap {
    overflow: hidden;
    margin: 30px 0;
    text-align: center;
  }
  .form-write-area.type2 .item .text-box .donut-graph-wrap .donut-graph {
    float: inherit;
    margin: 0 auto 10px;
  }
  .form-write-area.type2 .item .text-box .move-slider-wrap {
    margin: 5px 0 0;
    padding-left: 0;
    padding-right: 0;
  }
  .form-write-area.type2 .item .text-box .move-slider-wrap .move-gauge {
    left: -8.3333333333%;
    right: -8.3333333333%;
    width: auto;
  }
  .form-write-area .form-write-box .form-write .box .list .item .checkbox label {
    font-size: 13px;
    line-height: 2;
  }
  .form-write-area .info {
    font-size: 14px;
    margin-top: -8px;
  }
  .form-write-area i.br {
    display: block;
    margin-top: -10px;
  }
  /* input file type */
  .form-write-area .form-write-box .form-write .box .list .item .input-file {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 16px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .title {
    height: 20px;
    line-height: 1;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file [type=file] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0 none;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-label {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
    background: #212121;
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-name {
    width: calc(100% - 120px);
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    font-size: 1.6rem;
    text-align: left;
    border: 0;
    background: transparent;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-name::placeholder {
    color: #000;
    opacity: 1;
  }
  .form-write-area .form-write-box .form-write .box .list .item .file-focus {
    outline: 1px dotted #d2310e;
  }
}
@media screen and (min-width: 1024px) {
  /* Form Write Area [s] */
  .form-write-area {
    position: relative;
    margin-top: 43px;
  }
  .form-write-area .form-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    height: 42px;
    font-size: 20px;
    line-height: 42px;
  }
  .form-write-area .required-field {
    position: absolute;
    right: 0;
    top: 9px;
  }
  .form-write-area .form-write-box {
    padding-bottom: 30px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .form-write-area .form-write-box .form-write {
    overflow: hidden;
    position: relative;
  }
  .form-write-area .form-write-box .form-write:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 38px;
    bottom: 0;
    width: 1px;
    background-color: #e3e3e3;
  }
  .form-write-area .form-write-box .form-write .box {
    float: left;
    width: 50%;
    padding: 23px 35px 0;
    box-sizing: border-box;
  }
  .form-write-area .form-write-box .form-write .box input[type=text],
.form-write-area .form-write-box .form-write .box input[type=number],
.form-write-area .form-write-box .form-write .box textarea {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box textarea {
    height: 87px;
  }
  .form-write-area .form-write-box .form-write .box .title-line {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    padding: 0;
    border-bottom: 1px solid #212121;
    font-size: 18px;
    line-height: 46px;
  }
  .form-write-area .form-write-box .form-write .box .list {
    overflow: hidden;
  }
  .form-write-area .form-write-box .form-write .box .list .item {
    float: left;
    width: 50%;
    margin-top: 17px;
    padding: 0 5px;
    box-sizing: border-box;
  }
  .form-write-area .form-write-box .form-write .box .list .item.full {
    width: 100%;
  }
  .form-write-area .form-write-box .form-write .box .list .item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    line-height: 40px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .checkbox label {
    font-size: 13px;
  }
  .form-write-area .form-write-box .link-new {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: inline-block;
    margin: 25px 0 0 40px;
    color: #002c5f;
    font-size: 14px;
    text-decoration: underline;
  }
  .form-write-area .form-write-box .btn-area {
    display: block;
    width: auto;
    border-top: 1px solid #e3e3e3;
    margin: 18px 40px 0;
    padding-top: 30px;
  }
  .form-write-area .form-write-box .btn-area .btn-t01 {
    width: 190px;
  }
  .form-write-area.type2 {
    padding-top: 25px;
  }
  .form-write-area.type2 .required-field {
    top: -10px;
  }
  .form-write-area.type2 .form-write-box .form-write .box .list .item {
    width: 100%;
    padding: 0;
  }
  .form-write-area.type2 .dollar-text {
    position: relative;
    height: 46px;
    padding-left: 20px;
  }
  .form-write-area.type2 .dollar-text .dollar {
    font-weight: 600;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .percent-text {
    position: relative;
    height: 46px;
    padding-right: 20px;
    text-align: right;
  }
  .form-write-area.type2 .percent-text input {
    text-align: right;
  }
  .form-write-area.type2 .percent-text .percent {
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 0;
    line-height: 46px;
  }
  .form-write-area.type2 .text-years {
    font-weight: 600;
  }
  .drag-slider-wrap {
    margin: 20px 0 30px;
  }
  .text-years + .drag-slider-wrap {
    margin-top: 5px;
  }
  .form-write-area.type2 .form-write-box .btn-list .btn-t01 {
    width: 100%;
  }
  .form-write-area.type2 .form-write-box .btn-list .btn-t01 + .btn-t01 {
    margin-top: 15px;
  }
  .form-write-area.type2 .form-write-box .text-box {
    margin-top: 13px;
    padding: 15px 20px 20px;
    border: 1px solid #1f2731;
  }
  .form-write-area.type2 .form-write-box .text-box strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .form-write-area.type2 .form-write-box .text-box .text {
    overflow: hidden;
    margin-top: 7px;
  }
  .form-write-area.type2 .form-write-box .text-box .text .left {
    float: left;
    width: 50%;
  }
  .form-write-area.type2 .form-write-box .text-box .text .right {
    float: right;
    width: 50%;
    text-align: right;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap {
    overflow: hidden;
    margin: 13px 0 10px;
    text-align: center;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap .donut-graph {
    float: inherit;
    margin: 0 auto;
  }
  .form-write-area.type2 .form-write-box .text-box .donut-graph-wrap .center-text {
    margin-top: 14px;
  }
  .move-slider-wrap {
    padding-top: 14px;
  }
  .form-write-area .info {
    font-size: 14px;
    margin-top: -15px;
  }
  .form-write-area i.br {
    display: inline-block;
  }
  /* input file type */
  .form-write-area .form-write-box .form-write .box .list .item .input-file {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    padding-left: 240px;
    margin-bottom: 20px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .title {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 40px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file [type=file] {
    position: relative;
    right: 120px;
    padding: 0 25px;
    margin-top: -65px;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-label {
    position: absolute;
    top: 0;
    left: 120px;
    width: 120px;
    background: #00aad2;
    font-size: 14px;
    padding: 0 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-name {
    width: 100%;
    margin: 0;
    height: 40px;
    line-height: 40px;
    font-size: 1.6rem;
    text-align: right;
    border: 0;
    background: #f1f2f5;
    color: #000;
  }
  .form-write-area .form-write-box .form-write .box .list .item .input-file .file-name::placeholder {
    color: #000;
    opacity: 1;
  }
  .form-write-area .form-write-box .form-write .box .list .item .file-focus {
    outline: 1px dotted #d2310e;
  }
}
/*All Specs*/
.all-specs-list {
  border-bottom: 1px solid #212121;
}

.all-specs-list li {
  display: table;
  width: 100%;
  padding: 13px 0;
}

.all-specs-list li + li {
  border-top: 1px solid #e3e3e3;
}

.all-specs-list .list-tit {
  font-weight: 400;
  display: table-cell;
  padding-right: 10px;
}

.all-specs-list .list-txt {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.all-specs-list.spec-row li {
  display: block;
}

.all-specs-list.spec-row .list-tit {
  display: block;
}

.all-specs-list.spec-row .list-txt {
  display: block;
}

.all-spec-dimension .unit {
  font-weight: 600;
  float: right;
  margin-top: 15px;
  font-size: 1.4rem;
}

.all-spec-dimension .dimension-img-area {
  padding-top: 42px;
  text-align: center;
}

.all-spec-dimension .dimension-img-area p {
  padding-top: 20px;
}

.all-spec-dimension .dimension-img-area p img {
  width: 50%;
  max-width: 220px;
}

.all-spec-dimension .dimension-img-area p:last-child img {
  width: 100%;
  max-width: 550px;
}

@media screen and (min-width: 860px) {
  .all-specs-list.spec-row li {
    display: table;
  }
  .all-specs-list.spec-row .list-tit {
    display: table-cell;
    vertical-align: middle;
  }
  .all-specs-list.spec-row .list-txt {
    display: table-cell;
    width: 500px;
  }
}
@media screen and (max-width: 1023px) {
  .all-specs-list {
    border-top: 1px solid #212121;
  }
}
@media screen and (min-width: 1024px) {
  .all-specs-list li {
    padding: 13px 20px;
  }
  .all-spec-dimension .dimension-img-area {
    padding-top: 52px;
  }
  .all-spec-dimension .dimension-img-area .front,
.all-spec-dimension .dimension-img-area .back {
    float: left;
    width: 50%;
    padding-top: 0;
  }
  .all-spec-dimension .dimension-img-area .side {
    clear: both;
    padding-top: 42px;
  }
}
/*My Garage Add*/
.config-showroom {
  padding-top: 20px;
}

.config-showroom > div + div {
  margin-top: 36px;
}

.config-showroom .sr-tit {
  font-weight: 600;
  padding-bottom: 7px;
  border-bottom: 2px solid #000;
}

.config-showroom .sr-tbl .no-data {
  display: block;
  padding: 70px 0;
  font-size: 1.6rem;
  text-align: center;
}

.config-showroom .sr-tbl .no-data strong {
  color: #002c5f;
}

@media screen and (max-width: 1023px) {
  .config-showroom .sr-tit {
    font-size: 1.8rem;
  }
  .sr-th {
    display: none;
  }
  .sr-tbl li {
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .sr-tbl li p span {
    font-weight: 600;
  }
  .sr-tbl li p:last-child > a {
    position: absolute;
    right: 0;
    bottom: 15px;
    text-decoration: underline;
  }
  .sr-car {
    text-align: center;
  }
  .sr-car .img {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
  .sr-car .button-area button {
    width: 100%;
  }
  .sr-car dl {
    text-align: left;
    margin-bottom: 15px;
  }
  .sr-car dt {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 1;
  }
  .sr-car dd .lists {
    margin-top: 10px;
  }
  .btn-sr-detail {
    display: inline-block;
    width: 40px;
    height: 40px;
    font-size: 0;
    padding: 5px;
    background-color: #dbdde1;
  }
  .btn-sr-detail:after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat 0 -245px;
    background-size: 400px;
  }
  .config-showroom .sr-tbl .no-data {
    padding: 40px 0;
  }
}
@media screen and (min-width: 1024px) {
  .config-showroom > div:first-child .sr-tit {
    border-bottom: none;
  }
  .config-showroom .sr-tit {
    font-size: 2rem;
  }
  .sr-tbl {
    border: 1px solid #e3e3e3;
  }
  .sr-th {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #f1f2f5;
  }
  .sr-th span {
    flex: 1.5;
    line-height: 53px;
    text-align: center;
  }
  .sr-th span + span {
    border-left: 1px solid #e3e3e3;
  }
  .sr-th span:first-child,
.sr-th span:last-child {
    flex: 1;
  }
  .sr-tbl li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .sr-tbl li:first-child p {
    padding-top: 20px;
  }
  .sr-tbl li:last-child p {
    padding-bottom: 20px;
  }
  .sr-tbl li p {
    flex: 1.5;
    text-align: center;
  }
  .sr-tbl li p + p {
    border-left: 1px solid #e3e3e3;
  }
  .sr-tbl li p span {
    display: none;
  }
  .sr-tbl li p:last-child,
.sr-tbl li p:first-child {
    flex: 1;
  }
  .sr-car {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    padding: 14px 0;
    border-bottom: 1px solid #e3e3e3;
  }
  .sr-car:after {
    content: "";
    display: block;
    clear: both;
  }
  .sr-car .img {
    width: 350px;
  }
  .sr-car dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: calc(100% - 540px);
  }
  .sr-car dt {
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 2.4rem;
    line-height: 1;
  }
  .sr-car dd .lists {
    margin-top: 10px;
  }
  .sr-car .button-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 16px;
  }
  .sr-car .button-area button {
    width: 190px;
  }
  .btn-sr-detail {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat 0 -245px;
    background-size: 400px;
    text-indent: 100%;
    white-space: nowrap;
  }
}
.text-area .lists-area ul,
.top-text-area .list-area ul,
.box-list-area ul {
  margin-left: 20px;
  padding: 0;
}
.text-area .lists-area ul li,
.top-text-area .list-area ul li,
.box-list-area ul li {
  list-style: disc;
  text-indent: 0;
  margin-left: 0;
}

.garage-order .tbl-info .tbl-wrap.cols2.payment .box-cont {
  width: 100%;
}

.garage-order .no-result {
  width: 100%;
}

.btn-link-warning,
.btn-link-warning:focus {
  color: #f4d512;
}

.btn-link-warning:hover {
  color: #fff000;
}

.btn-link-warning:active {
  color: #f4d512;
}

.page-title {
  margin: 0 0 10px;
}

.backTotop {
  display: none;
  color: #fff;
  background-color: #0072BC;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  text-align: center;
  line-height: 40px;
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 9999;
  text-decoration: none;
  overflow: visible;
}

.backTotop:hover {
  color: #fff;
  text-decoration: none;
}

.backTotop:after {
  content: "Top";
  font-size: 10px;
  text-align: center;
  color: #0072BC;
  line-height: 16px;
  position: absolute;
  left: 0;
  bottom: -16px;
  width: 100%;
}

.actionbar {
  font-size: 13px;
}

.actionbar .list-inline {
  margin-bottom: 0;
  margin-right: -5px;
}

.actionbar .list-inline > li {
  vertical-align: middle;
  padding: 0 5px;
}

.actionbar .list-inline > li .dropdown-menu {
  left: auto;
  right: 0;
}

.actionbar .dropdown-toggle {
  padding: 0;
  margin-top: -4px;
}

.actionbar .estimated-count {
  display: inline-block;
  vertical-align: middle;
  text-transform: lowercase;
}

.actionbar .estimated-count .spname {
  text-transform: none;
}

.actionbar h2,
.actionbar .list-line-item {
  display: inline-block;
  vertical-align: middle;
}

.actionbar h2 {
  font-weight: normal;
  display: inline;
  font-size: 1em;
  padding: 0;
  margin: 0;
  border: 0;
  color: inherit;
}

.toggleView span {
  display: inline-block;
  cursor: pointer;
  line-height: normal;
  font-size: 21px;
  padding: 1px 6px 0;
  margin: 0;
  min-height: 28px;
  color: #B2B2B2;
}

.toggleView span i {
  text-align: center;
  margin-right: -2px;
}

.toggleView span.active {
  color: #333;
}

.viewchange .resultitem {
  vertical-align: top;
  display: block;
  text-align: center;
  margin: 10px 12px 0;
  position: relative;
}

.viewchange .resulttitle {
  margin-top: 0;
}

.viewchange .resulttitle a {
  display: block;
  text-align: left;
}

.viewchange .resultitem .resultbox,
.viewchange .resultitem .resultbox .resultdecs {
  display: block;
  width: auto;
  margin: 0;
}

.viewchange .resultitem .box {
  vertical-align: top;
  display: block;
  border: solid 1px #d9d9d9;
  text-align: center;
  overflow: hidden;
  background: transparent url() no-repeat 50%;
  background-size: cover;
  position: relative;
  cursor: pointer;
}

.viewchange .resultitem > .box > a.clickevent {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: auto;
}

.img-responsive {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

.viewchange .resultitem > p.resulttitle {
  padding: 4px 0;
}

.listview {
  columns: 2 15px;
}

.listview .resultitem {
  margin: 0 0 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.listview .resultitem .box {
  width: 80px;
  height: 80px;
  vertical-align: top;
  display: inline-block;
  line-height: 55px;
  border: solid 1px #d9d9d9;
  text-align: center;
  background-image: none;
  padding: 0;
}

.listview .resultitem .detailview {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 100px);
  text-align: left;
}

.listview .resultitem .detailview .resulttitle {
  font-weight: bold;
}

.listview .resultitem .box .iconlinks,
.listview .resultitem .detailview .controllers,
.listview .resultitem .detailview .thumbImage {
  display: none;
}

.listview .resultitem .detailview .thumbMeta .metadata > p {
  display: inline;
}

.smallview .resultitem,
.smallview .resultitem .box {
  width: 6.4em;
  padding: 0;
}

.smallview .resultitem .box {
  height: 6.4em;
  line-height: 6em;
}

.thumbnails .resultitem,
.thumbnails .resultitem .box {
  width: 9.3em;
  padding: 0;
}

.thumbnails .resultitem .box {
  height: 9.4em;
  line-height: 9.05em;
}

.galleryview .resultitem,
.galleryview .resultitem .box {
  width: 15em;
  padding: 0;
}

.galleryview .resultitem .box {
  height: 15em;
  line-height: 14em;
  background-image: none;
}

.thumbnails .resultitem .content,
.galleryview .resultitem .content,
.galleryview .resultitem .scopeName,
.thumbnails .resultitem .scopeName {
  display: none;
}

.picflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-wrap--ms-flex-wrap: wrap;
  -webkit-flex-wrap--ms-flex-wrap-flex-wrap: wrap;
  margin: -5px;
}

.picflex:after {
  content: "";
  flex-grow: 1;
  display: inline-block;
  min-width: 50%;
}

.picflex .resultitem {
  margin: 10px;
  position: static;
  width: auto;
  border: 0;
  height: 180px;
  min-width: 85px;
  flex-grow: 1;
}

.picflex .resultitem .box {
  border: none;
  width: 100%;
  height: 180px;
  line-height: normal;
}

.picflex .resultitem.open {
  height: 675px;
}

.picflex .resultitem.open:after {
  content: "";
  font-size: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 20px 20px 20px;
  border-color: transparent transparent #666666 transparent;
  top: -10px;
  position: relative;
}

.picflex .resultitem .box > i {
  display: block;
}

.picflex .resultitem .box img {
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  left: 50%;
  vertical-align: bottom;
}

.picflex .resultitem .box .iconlinks {
  overflow: hidden;
  position: absolute;
  height: 0px;
  top: 180px;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
  transition: ease-in-out 0.2s;
}

.picflex .resultitem .box:hover .iconlinks {
  transition: ease-in-out 0.2s;
  height: 40px;
  padding: 10px 0;
  top: 140px;
}

.picflex .resultitem .box .iconlinks .icon-sprite {
  display: inline-block;
  padding: 0 4px;
}

.picflex .resultitem .box .iconlinks .icon-sprite i.glyphicon {
  font-size: 20px;
}

.picflex .icon-sprite {
  background: transparent none;
  color: #fff;
  text-indent: 0;
  width: auto;
  height: auto;
}

.picflex .icon-sprite:hover,
.picflex .icon-sprite.cart-add {
  color: #2b0;
}

.picflex .icon-sprite.cart-add:hover {
  color: #d01323;
}

.picflex .detailview {
  display: none;
  background: #666666;
  height: 475px;
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 20px;
  overflow: auto;
}

.picflex .resultitem.open .detailview {
  display: block;
}

.picflex .resulttitle {
  font-weight: bold;
  text-align: left;
  line-height: 45px;
  border-bottom: 1px solid #acacac !important;
  margin-bottom: 15px;
}

.picflex .resulttitle span.product {
  font-weight: normal;
  padding-right: 10px;
  border-right: 1px solid #fff;
  color: #e4e4e4;
  font-size: 13px;
}

.picflex .resulttitle span.productid {
  font-weight: bold;
  color: #fff;
  padding-left: 10px;
  font-size: 13px;
}

.picflex .detailview .resulttitle .controllers {
  text-align: right;
}

.picflex .detailview .resulttitle .controllers a {
  display: inline-block;
  font-size: 16px;
  background-color: #f4d512;
  line-height: 26px;
  border-radius: 50px;
  width: 24px;
  text-align: center;
  height: 24px;
  color: #666666;
  margin: 0 10px;
}

.picflex .detailview .resulttitle .controllers a:focus {
  background-color: #f4d512;
}

.picflex .detailview .resulttitle .controllers a:active {
  background-color: #fff000;
}

.picflex .detailview .resulttitle .controllers a:hover {
  background-color: #f4d512;
}

.picflex .resultitem:first-child .detailview .resulttitle .controllers a.left-arrow,
.picflex .resultitem:last-child .detailview .resulttitle .controllers a.right-arrow {
  display: none;
}

.picflex .detailview ul.image-links {
  margin: 0;
  padding: 0;
  padding: 14px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.picflex .detailview ul.image-links li a {
  font-size: 13px;
  padding: 0;
  text-decoration: none;
}

.picflex .detailview ul.image-links li.addToOrder a:after {
  content: attr(title);
}

.picflex .detailview > div {
  border: none;
}

.picflex .detailview .thumbMeta {
  text-align: left;
}

.picflex .detailview .thumbMeta .metadata {
  padding-right: 10px;
}

.picflex .detailview .thumbMeta .metalabel {
  font-weight: normal;
  color: #e4e4e4;
  font-size: 13px;
  border-right: 1px solid #fff;
  padding-right: 5px;
}

.picflex .detailview .thumbMeta .metalabel:after {
  content: "";
}

.picflex .detailview .thumbMeta .metavalue {
  font-weight: bold;
  color: #fff;
  font-size: 13px;
  padding-left: 5px;
  line-height: 20px;
}

.picflex .detailview .thumbMeta .metavalue.release {
  color: #fff;
}

.picflex .detailview .thumbMeta span {
  line-height: normal;
  display: inline-block;
}

.picflex .detailview .thumbImage {
  line-height: normal;
  overflow: inherit;
}

.picflex .detailview .thumbImage .detail-picture {
  padding: 0 5px 0px 10px;
}

.picflex .detailview .thumbImage .detail-img {
  width: 100%;
  height: 364px;
  background: #fff url() no-repeat 50%;
  background-size: cover;
}

@media screen and (min-width: 768px) {
  .picflex:after {
    content: "";
    flex-grow: 1;
    display: inline-block;
    min-width: 55%;
  }
}
@media screen and (min-width: 992px) {
  .picflex:after {
    content: "";
    flex-grow: 1;
    display: inline-block;
    min-width: 70%;
  }
}

@media screen and (min-width: 992px) {
  .picflex .detailview .thumbMeta .metacolmn {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    column-fill: auto;
    margin: 0;
    min-height: 375px;
  }
}

.toggleView span {
  display: inline-block;
  cursor: pointer;
  line-height: normal;
  font-size: 21px;
  padding: 1px 6px 0;
  margin: 0;
  min-height: 28px;
  color: #B2B2B2;
}

.toggleView span i {
  text-align: center;
  margin-right: -2px;
}

.toggleView span.active {
  color: #333;
}

/* Slider */
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
}

.move-slider {
  width: 100%;
  height: 4px;
  border-radius: 15px;
  background-color: #8b949f;
}

.move-slider.ui-slider-horizontal .ui-slider-range {
  background-color: #00aad2;
  border-radius: 15px;
}

.move-slider.ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #00aad2;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.4);
}

.move-gauge {
  font-size: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: auto;
}

.move-gauge span {
  font-size: 16px;
  position: relative;
  display: inline-block;
  width: 22px;
  padding-top: 18px;
  color: #8b949f;
  text-align: center;
}

.move-gauge span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #8b949f;
}

.move-gauge span.is-active {
  color: #212121;
}

@media screen and (max-width: 1023px) {
  .slider-wrap {
    position: relative;
    margin-top: 20px;
    padding: 0 2vw 42px 2vw;
  }
  .price_loan li .move-gauge span {
    display: inline-block;
  }
  .move-gauge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .price_loan li .slider-wrap {
    position: relative;
    padding: 0 8px 42px 8px;
  }
  .move-gauge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1280px) {
  .slider-wrap {
    position: relative;
    padding: 0 12px 42px 12px;
  }
}
@media screen and (max-width: 1023px) {
  .main .m-hide {
    display: none;
  }
  .l-content.main {
    padding-bottom: 0;
  }
  /* Top Visual Slide (상단 비주얼 슬라이드) */
  .main.l-content .section.full > div.top-slider {
    position: relative;
  }
  .main .top-slider .swiper-slide {
    overflow: hidden;
  }
  .main .top-slider .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main .top-slider .text-area {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: #fff;
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 0.3s;
  }
  .main .top-slider .swiper-slide-active .text-area {
    opacity: 1;
  }
  .main .top-slider .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .main .top-slider .text-area .btn-wiew-more {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 30px;
    display: block;
    width: 100px;
    height: 30px;
    background-color: #002c5f;
    color: #fff;
    text-align: center;
  }
  .main .top-slider .text-area.black {
    color: #000;
  }
  .main .top-slider .text-area.black .btn-wiew-more {
    background-color: #000;
    color: #fff;
  }
  .main .top-slider .swiper-pagination {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    padding: 0;
  }
  .main .top-slider .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    height: 4px;
    margin: 0;
    border-radius: 0;
  }
  .main .top-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #002c5f;
  }
  /* video Area (동영상 영역) */
  .main .video-box-wrap {
    position: relative;
    padding: 0 20px;
    margin-top: 30px;
  }
  .main .video-box-wrap .video-tab {
    overflow: hidden;
  }
  .main .video-box-wrap .video-tab .tab-item {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    float: left;
    position: relative;
    width: 16%;
    padding: 29px 0 0 24px;
    box-sizing: border-box;
    color: #212121;
    transition: width 0.3s;
  }
  .main .video-box-wrap .video-tab .tab-item .number {
    font-size: 27px;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #999999;
  }
  .main .video-box-wrap .video-tab .tab-item:last-child .number {
    text-align: right;
  }
  .main .video-box-wrap .video-tab .tab-item:first-child.on + .tab-item .number {
    text-align: right;
  }
  .main .video-box-wrap .video-tab .tab-item .text {
    font-size: 12px;
    line-height: 28px;
    display: none;
    border-top: 1px solid #212121;
    text-align: right;
    white-space: nowrap;
  }
  /* on */
  .main .video-box-wrap .video-tab .tab-item.on {
    width: 68%;
  }
  .main .video-box-wrap .video-tab .tab-item.on .number {
    width: 24px;
    color: #212121;
    text-align: left;
  }
  .main .video-box-wrap .video-tab .tab-item.on .text {
    display: block;
  }
  .main .video-box-wrap .video-box .video {
    display: none;
    position: relative;
    margin-top: 10px;
  }
  .main .video-box-wrap .video-box .video.on {
    display: block;
  }
  .main .video-box-wrap .video-box .video .img-area {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .img-area img {
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .box {
    position: relative;
    z-index: 5;
    width: 100%;
    padding-bottom: 34.25%;
  }
  .main .video-box-wrap .video-box .video .box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .box .thumb-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
  }
  .main .video-box-wrap .video-box .video .box .thumb-img .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    background: url(/2018hyundai/images/play.png) no-repeat 0 0;
    background-size: 54px 54px;
  }
  /* Buy Online Guide */
  .main .guide-box {
    margin-top: 50px;
  }
  .main .guide-box .b-title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    color: #212121;
  }
  .main .guide-box .b-title-area .b-title {
    font-size: 32px;
    font-weight: 600;
  }
  .main .guide-box .b-title-area .text1 {
    font-weight: 600;
  }
  .main .guide-box .b-title-area .text2 {
    font-size: 14px;
    margin-top: 10px;
  }
  .main .guide-box .b-title-area .btn-t01 {
    width: 156px;
    margin-top: 35px;
  }
  /* Servicing / Social Media */
  .slide-trans-area .b-title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
  }
  .slide-trans-area .b-title-area .b-title {
    font-size: 32px;
    font-weight: 600;
  }
  /* Servicing */
  .main .servicing-area {
    margin-top: 50px;
    padding: 0 20px;
  }
  .main .servicing-area .servicing-list {
    margin-top: 18px;
    border-bottom: 1px solid #dfdfdf;
  }
  .main .servicing-area .servicing-list .item a {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 100px;
    display: block;
    position: relative;
    height: 100px;
    padding-left: 80px;
    border-top: 1px solid #dfdfdf;
  }
  .servicing-area .servicing-list a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/main/main.png);
    background-repeat: no-repeat;
    background-size: 615px;
  }
  .servicing-area .servicing-list .item1 a:before {
    width: 48px;
    height: 48px;
    background-position: -57px -90px;
  }
  .servicing-area .servicing-list .item2 a:before {
    width: 49px;
    height: 46px;
    background-position: -390px -90px;
  }
  .servicing-area .servicing-list .item3 a:before {
    width: 50px;
    height: 50px;
    background-position: 0 -90px;
  }
  .servicing-area .servicing-list .item4 a:before {
    width: 47px;
    height: 46px;
    background-position: -115px -90px;
  }
  .main .servicing-area .servicing-list .item a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%) rotate(45deg);
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-top: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
  }
  .servicing-area .servicing-list .item a .text {
    display: none;
  }
  /* Social Media */
  .main .socialmedia-area {
    overflow: hidden;
    position: relative;
  }
  .main .socialmedia-area .b-title-area {
    padding: 0 20px;
  }
  .main .social-slider {
    margin-top: 15px;
  }
  .main .social-slider .swiper-container {
    padding: 0 20px 30px;
  }
  .main .social-slider .swiper-slide {
    position: relative;
    width: 240px;
    height: 370px;
    margin: 30px 0 -30px;
    padding: 18px 10px 0;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: all 0.5s;
  }
  .main .social-slider .swiper-slide:nth-child(2) {
    transition-delay: 0.1s;
  }
  .main .social-slider .swiper-slide:last-child {
    transition-delay: 0.1s;
  }
  .main .social-slider.on .swiper-slide {
    margin: 0;
    opacity: 1;
  }
  .main .social-slider .swiper-slide .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main .social-slider .swiper-slide .text-area {
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    overflow: hidden;
    height: 120px;
    margin-top: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  .main .social-slider .swiper-slide .text-area .text + .text {
    margin-top: 20px;
  }
  .main .social-slider .swiper-slide .text-area .hashtag {
    line-height: 20px;
    display: inline-block;
  }
  .main .social-slider .swiper-slide .link-sns {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 13px;
    line-height: 80px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 80px;
    padding-left: 65px;
    color: #2443a8;
  }
  .main .social-slider .swiper-slide .link-sns:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/main/main.png);
    background-repeat: no-repeat;
    background-size: 615px;
  }
  .main .social-slider .swiper-slide .link-sns.facebook:before {
    background-position: -306px -90px;
  }
  .main .social-slider .swiper-slide .link-sns.youtube {
    color: #d01510;
  }
  .main .social-slider .swiper-slide .link-sns.youtube:before {
    background-position: -345px -90px;
  }
  .main .socialmedia-area .bottom-img-area {
    font-size: 0;
    line-height: 0;
    margin: 0;
  }
  .main .socialmedia-area .bottom-img-area img {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .main .w-hide {
    display: none;
  }
  /* Top Visual Slide (상단 비주얼 슬라이드) */
  .main.l-content .section.full > div.top-slider {
    position: relative;
    max-width: 100%;
  }
  .main .top-slider .swiper-slide {
    overflow: hidden;
  }
  .main .top-slider .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main .top-slider .img-area img {
    width: 100%;
  }
  .main .top-slider .text-area {
    position: absolute;
    left: 44px;
    top: 40px;
    color: #fff;
    opacity: 0;
    transition: all 0.5s;
    transition-delay: 0.3s;
  }
  .main .top-slider .swiper-slide-active .text-area {
    opacity: 1;
  }
  .main .top-slider .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 36px;
  }
  .main .top-slider .text-area .text {
    margin-top: 18px;
  }
  .main .top-slider .text-area .btn-wiew-more {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 46px;
    display: block;
    width: 190px;
    height: 46px;
    margin-top: 33px;
    background-color: #002c5f;
    color: #fff;
    text-align: center;
    -webkit-transition: background-color 150ms ease-in;
    -moz-transition: background-color 150ms ease-in;
    -ms-transition: background-color 150ms ease-in;
    -o-transition: background-color 150ms ease-in;
    transition: background-color 150ms ease-in;
  }
  .main .top-slider a.swiper-slide-link:hover {
    cursor: pointer;
  }
  .main .top-slider a.swiper-slide-link:hover .btn-wiew-more {
    background-color: #00aad2;
  }
  .main .top-slider a.swiper-slide-link:hover .btn-wiew-more:hover {
    background-color: #00aad2;
  }
  .main .top-slider .text-area.black {
    color: #000;
  }
  .main .top-slider .text-area.black .btn-wiew-more {
    background-color: #000;
    color: #fff;
  }
  .main .top-slider .swiper-pagination {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    bottom: 0;
    padding: 0;
    height: auto;
  }
  .main .top-slider .swiper-pagination .swiper-pagination-bullet {
    flex: 1;
    height: 8px;
    margin: 0;
    border-radius: 0;
  }
  .main .top-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    right: 0;
    left: 0;
    opacity: 1;
    transition: all 0.3s;
  }
  /* video Area (동영상 영역) */
  .main.l-content .section.full > div.video-box-wrap {
    margin: 24px;
    box-sizing: border-box;
    max-width: 100%;
  }
  .main .video-box-wrap {
    position: relative;
  }
  .main .video-box-wrap .video-tab {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    width: 100%;
    padding: 0 52px;
    box-sizing: border-box;
  }
  .main .video-box-wrap .video-tab .tab-item {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    float: left;
    position: relative;
    width: 33.3333%;
    padding: 66px 22px 0 54px;
    color: #fff;
    opacity: 0.4;
    cursor: pointer;
    transition: all 0.3s;
  }
  .main .video-box-wrap .video-tab .tab-item .number {
    font-size: 24px;
    position: absolute;
    top: 42px;
    left: 22px;
    width: 32px;
    text-align: center;
  }
  .main .video-box-wrap .video-tab .tab-item .text {
    font-size: 14px;
    line-height: 38px;
    border-top: 1px solid #fff;
    transition: all 0.3s;
  }
  .main .video-box-wrap .video-tab .tab-item .text em {
    opacity: 0;
  }
  /* hover */
  .main .video-box-wrap .video-tab .tab-item:hover {
    opacity: 1;
  }
  /* on */
  .main .video-box-wrap .video-tab .tab-item.on {
    opacity: 1;
  }
  .main .video-box-wrap .video-tab .tab-item.on .text em {
    opacity: 1;
  }
  .main .video-box-wrap .video-box .video {
    display: none;
    position: relative;
  }
  .main .video-box-wrap .video-box .video.on {
    display: block;
  }
  .main .video-box-wrap .video-box .video .img-area {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .img-area img {
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .box {
    position: relative;
    z-index: 5;
    width: 100%;
    padding-bottom: 34.25%;
  }
  .main .video-box-wrap .video-box .video .box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .main .video-box-wrap .video-box .video .box .thumb-img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
  }
  .main .video-box-wrap .video-box .video .box .thumb-img img {
    width: 100%;
  }
  .main .video-box-wrap .video-box .video .box .thumb-img .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 88px;
    height: 88px;
    background: url(/2018hyundai/images/play.png) no-repeat 0 0;
  }
  .btn-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 88px;
    height: 88px;
    background: url(/2018hyundai/images/play.png) no-repeat 0 0;
  }
  .main .video-box-wrap .video-box .video .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 85px;
    color: #fff;
  }
  .main .video-box-wrap .video-box .video .text-area .title {
    font-size: 52px;
    font-weight: 100;
  }
  .main .video-box-wrap .video-box .video .text-area .text {
    display: none;
  }
  /* Buy Online Guide */
  .main .guide-box {
    margin-top: 55px;
  }
  .main .guide-box .b-title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: relative;
  }
  .main .guide-box .b-title-area .b-title {
    font-size: 48px;
    line-height: 52px;
    font-weight: 600;
  }
  .main .guide-box .b-title-area .text1 {
    font-size: 18px;
    font-weight: 600;
  }
  .main .guide-box .b-title-area .text2 {
    font-size: 14px;
  }
  .main .guide-box .b-title-area .btn-t01 {
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 238px;
  }
  .main .guide-box .guide-step-area {
    margin-top: 15px;
  }
  .main .guide-box .guide-step-area .guide-step {
    overflow: hidden;
    border-top: 1px solid #212121;
    border-bottom: 1px solid #212121;
  }
  .main .guide-box .guide-step-area .guide-step .step {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    float: left;
    position: relative;
    width: 17%;
    height: 156px;
    padding: 40px 0 0;
    box-sizing: border-box;
    cursor: pointer;
  }
  .main .guide-box .guide-step-area .guide-step .step:before {
    content: "";
    position: absolute;
    top: 47px;
    right: 17px;
    width: 16px;
    height: 16px;
    box-sizing: border-box;
    border-top: 2px solid #b2b2b2;
    border-right: 2px solid #b2b2b2;
    transform: rotate(45deg);
  }
  .main .guide-box .guide-step-area .guide-step .step:last-child {
    width: 15%;
  }
  .main .guide-box .guide-step-area .guide-step .step:last-child:before {
    display: none;
  }
  .main .guide-box .guide-step-area .guide-step .step .number {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #eaeaea;
    text-align: center;
    transition: all 0.3s;
  }
  .main .guide-box .guide-step-area .guide-step .step .text {
    margin-top: 10px;
  }
  /* on */
  .main .guide-box .guide-step-area .guide-step .step.on .number {
    background-color: #212121;
    color: #fff;
  }
  .main .guide-box .guide-step-area .guide-step .step.on .text {
    font-weight: 600;
  }
  .main .guide-box .guide-step-area .guide-content .cont {
    display: none;
    position: relative;
    border-bottom: 1px solid #212121;
  }
  .main .guide-box .guide-step-area .guide-content .cont.on {
    display: block;
  }
  /* on */
  .main .guide-box .guide-step-area .guide-content .cont .img-area {
    font-size: 0;
    line-height: 0;
    position: relative;
    width: 245px;
    height: 250px;
    border-right: 1px solid #212121;
  }
  .main .guide-box .guide-step-area .guide-content .cont .img-area .icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background-color: #212121;
  }
  .main .guide-box .guide-step-area .guide-content .cont .img-area .icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/main/main.png);
    background-repeat: no-repeat;
    background-size: 615px;
  }
  .main .guide-box .guide-step-area .guide-content .cont1 .img-area .icon:before {
    width: 99px;
    height: 81px;
    background-position: 0 0;
  }
  .main .guide-box .guide-step-area .guide-content .cont2 .img-area .icon:before {
    width: 95px;
    height: 68px;
    background-position: -105px -8px;
  }
  .main .guide-box .guide-step-area .guide-content .cont3 .img-area .icon:before {
    width: 81px;
    height: 78px;
    background-position: -205px -3px;
  }
  .main .guide-box .guide-step-area .guide-content .cont4 .img-area .icon:before {
    width: 93px;
    height: 57px;
    background-position: -368px -4px;
  }
  .main .guide-box .guide-step-area .guide-content .cont5 .img-area .icon:before {
    width: 74px;
    height: 78px;
    background-position: -290px -3px;
  }
  .main .guide-box .guide-step-area .guide-content .cont6 .img-area .icon:before {
    width: 71px;
    height: 75px;
    background-position: -540px -5px;
  }
  .main .guide-box .guide-step-area .guide-content .cont .text-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    top: 50%;
    right: 35px;
    left: 300px;
    transform: translateY(-50%);
  }
  .main .guide-box .guide-step-area .guide-content .cont .text-area .state {
    font-size: 14px;
    font-weight: 900;
    color: #002c5f;
  }
  .main .guide-box .guide-step-area .guide-content .cont .text-area .title {
    font-size: 30px;
    line-height: 34px;
    font-weight: 600;
    margin-top: 4px;
  }
  .main .guide-box .guide-step-area .guide-content .cont .text-area .text {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    margin-top: 15px;
  }
  /* Servicing / Social Media */
  .l-content .section.full > div.slide-trans-area {
    margin-top: 55px;
    max-width: 100%;
    box-sizing: border-box;
  }
  .slide-trans-area .b-title-area {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
  }
  .slide-trans-area .b-title-area .b-title {
    font-size: 48px;
    line-height: 52px;
    font-weight: 600;
  }
  .slide-trans-area .b-title-area .text {
    font-size: 18px;
  }
  /* Servicing */
  .servicing-area {
    padding: 0 24px;
  }
  .servicing-area .servicing-list {
    overflow: hidden;
    margin: 17px -20px 0;
    padding-top: 1px;
  }
  .servicing-area .servicing-list .item {
    float: left;
    width: 50%;
    box-sizing: border-box;
    margin-top: -1px;
    padding: 0 20px;
  }
  .servicing-area .servicing-list .item a {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 18px;
    display: block;
    position: relative;
    height: 100px;
    padding-left: 100px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
  }
  .servicing-area .servicing-list a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/main/main.png);
    background-repeat: no-repeat;
    background-size: 615px;
  }
  .servicing-area .servicing-list .item a .inner {
    position: absolute;
    left: 100px;
    top: 28%;
    transform: translateY(-50%);
  }
  .servicing-area .servicing-list .item a .inner-text {
    position: absolute;
    left: 100px;
    top: 69%;
    transform: translateY(-50%);
  }
  .servicing-area .servicing-list .item1 a:before {
    width: 48px;
    height: 48px;
    background-position: -57px -90px;
  }
  .servicing-area .servicing-list .item2 a:before {
    width: 49px;
    height: 46px;
    background-position: -390px -90px;
  }
  .servicing-area .servicing-list .item3 a:before {
    width: 50px;
    height: 50px;
    background-position: 0 -90px;
  }
  .servicing-area .servicing-list .item4 a:before {
    width: 47px;
    height: 46px;
    background-position: -115px -90px;
  }
  .servicing-area .servicing-list .item a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    transform: translateY(-50%) rotate(45deg);
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-top: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
  }
  .servicing-area .servicing-list .item a .text {
    font-size: 14px;
    display: block;
  }
  /* Social Media */
  .main .socialmedia-area {
    overflow: hidden;
    margin-top: 70px;
  }
  .main .socialmedia-area .b-title-area {
    padding: 0 20px;
  }
  .main .social-slider {
    margin-top: 15px;
  }
  .main .social-slider .swiper-container {
    padding: 0 20px 30px;
  }
  .main .social-slider .swiper-slide {
    position: relative;
    width: 400px;
    height: 520px;
    margin: 40px 0 -40px;
    padding: 20px 20px 0;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: all 0.5s;
  }
  .main .social-slider .swiper-slide:nth-child(2) {
    transition-delay: 0.1s;
  }
  .main .social-slider .swiper-slide:last-child {
    transition-delay: 0.1s;
  }
  .main .social-slider.on .swiper-slide {
    margin: 0;
    opacity: 1;
  }
  .main .social-slider .swiper-slide .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main .social-slider .swiper-slide .img-area img {
    width: 100%;
  }
  .main .social-slider .swiper-slide .text-area {
    font-size: 14px;
    margin-top: 15px;
  }
  .main .social-slider .swiper-slide .text-area .text {
    margin-top: 30px;
  }
  .main .social-slider .swiper-slide .text-area .text:first-child {
    margin-top: 0;
  }
  .main .social-slider .swiper-slide .link-sns {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 900;
    font-size: 12px;
    line-height: 75px;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 75px;
    padding-left: 65px;
    color: #2443a8;
  }
  .main .social-slider .swiper-slide .link-sns:before {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/main/main.png);
    background-repeat: no-repeat;
    background-size: 615px;
  }
  .main .social-slider .swiper-slide .link-sns.facebook:before {
    background-position: -306px -90px;
  }
  .main .social-slider .swiper-slide .link-sns.youtube {
    color: #d01510;
  }
  .main .social-slider .swiper-slide .link-sns.youtube:before {
    background-position: -345px -90px;
  }
  .main .socialmedia-area .bottom-img-area {
    font-size: 0;
    line-height: 0;
    margin: 0 -175px 0;
  }
  .main .socialmedia-area .bottom-img-area img {
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  /* Top Visual Slide (상단 비주얼 슬라이드) */
  .main .top-slider .text-area {
    left: 50%;
    transform: translateX(-50%);
    width: 1240px;
  }
  .main .top-slider .text-area .title {
    font-size: 44px;
  }
  .main .top-slider .text-area .text {
    margin-top: 13px;
  }
  /* video Area (동영상 영역) */
  .main.l-content .section.full > div.video-box-wrap {
    max-width: 1280px;
    margin: 24px auto;
  }
  .main .video-box-wrap .video-tab {
    padding: 0 178px;
  }
  .main .video-box-wrap .video-box .video .text-area {
    transform: translate(0, -50%);
    margin: 0 0 0 80px;
  }
  .main .video-box-wrap .video-box .video .text-area .text {
    font-size: 18px;
    display: block;
  }
  /* Buy Online Guide */
  .main .guide-box .guide-step-area .guide-content .cont .text-area .title {
    margin-top: 0;
  }
  /* Servicing / Social Media */
  .main .slide-trans-area {
    position: relative;
  }
  .main .servicing-area,
.main .socialmedia-area .b-title-area,
.main .social-slider {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  .main .social-slider .swiper-container {
    padding: 0;
  }
}
@media screen and (min-width: 1660px) {
  /* Servicing / Social Media */
  .main .slide-trans-area {
    position: relative;
  }
  .main .servicing-area,
.main .socialmedia-area .b-title-area {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 20px;
    box-sizing: border-box;
  }
  /* Social Media */
  .main .socialmedia-area {
    margin: 102px 0 0;
  }
  .main .socialmedia-area .bottom-img-area {
    overflow: hidden;
    height: 100%;
    margin: 0;
  }
  .main .socialmedia-area .bottom-img-area img {
    display: inline-block;
    width: auto;
    max-width: 500%;
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .main .slide-trans-area .socialmedia-area .b-title-area {
    position: absolute;
    top: 90px;
    left: 50%;
  }
  .main .social-slider {
    margin: 0;
  }
  .main .social-slider .swiper-container {
    position: inherit;
    padding: 0;
  }
  .main .social-slider .swiper-wrapper {
    display: block;
    position: absolute;
    top: 196px;
    right: 130px;
    width: 820px;
    height: auto;
    transform: inherit !important;
  }
  .main .social-slider .swiper-slide {
    margin-top: 50px;
    opacity: 0;
    transition: all 0.5s;
  }
  .main .social-slider .swiper-slide.on {
    margin-top: 0;
    opacity: 1;
  }
  .main .social-slider .swiper-slide:nth-child(2) {
    position: absolute;
    top: 310px;
    left: 420px;
  }
  .main .social-slider .swiper-slide:last-child {
    position: absolute;
    top: 540px;
    left: -140px;
  }
}
/*
	Main > Popup
*/
@media screen and (max-width: 1023px) {
  .main-popup-wrap {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .main-popup {
    width: 320px;
    margin: 90px auto 20px;
    background-color: #fff;
  }
  .alignCenter .main-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .main-popup .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main-popup .img-area img {
    width: 100%;
  }
  .main-popup .text-area {
    padding: 14px 20px 20px;
    text-align: center;
  }
  .main-popup .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 20px;
  }
  .main-popup .text-area .text1 {
    font-size: 14px;
    margin-top: 6px;
  }
  .main-popup .text-area .text2 {
    font-size: 14px;
    font-weight: 900;
    margin-top: 11px;
  }
  .main-popup .text-area .btn-t01 {
    display: block;
    width: 156px;
    margin: 15px auto 0;
  }
  .main-popup .bottom-area {
    position: relative;
    padding-right: 80px;
    background-color: #f1f2f5;
  }
  .main-popup .bottom-area .btn {
    font-size: 14px;
    line-height: 60px;
    display: block;
    height: 60px;
    text-align: center;
  }
  .main-popup .bottom-area .btn-again {
    width: 100%;
  }
  .main-popup .bottom-area .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    box-sizing: border-box;
    border-left: 1px solid #dadbdc;
  }
}
@media screen and (min-width: 1024px) {
  .main-popup-wrap {
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
  }
  .main-popup {
    width: 480px;
    margin: 154px auto 20px;
    background-color: #fff;
  }
  .alignCenter .main-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
  }
  .main-popup .img-area {
    font-size: 0;
    line-height: 0;
  }
  .main-popup .img-area img {
    width: 100%;
  }
  .main-popup .text-area {
    padding: 20px 20px 30px;
    text-align: center;
  }
  .main-popup .text-area .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    font-size: 24px;
  }
  .main-popup .text-area .text1 {
    margin-top: 13px;
  }
  .main-popup .text-area .text2 {
    font-weight: 900;
    margin-top: 20px;
  }
  .main-popup .text-area .btn-t01 {
    display: block;
    width: 196px;
    margin: 25px auto 0;
  }
  .main-popup .bottom-area {
    position: relative;
    padding-right: 120px;
    background-color: #f1f2f5;
  }
  .main-popup .bottom-area .btn {
    line-height: 60px;
    display: block;
    height: 60px;
    box-sizing: border-box;
    text-align: center;
  }
  .main-popup .bottom-area .btn-again {
    width: 100%;
    padding-left: 20px;
    text-align: left;
  }
  .main-popup .bottom-area .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    box-sizing: border-box;
    border-left: 1px solid #dadbdc;
  }
}
.all-location-text {
  padding: 10px;
}

.all-location-link {
  color: #00aad2;
}

/* 여기서부터 */
/*  common */
.models .l-content {
  overflow: hidden;
  padding: 0;
}

.models .l-content .section {
  max-width: inherit;
  margin: 0;
}

.models .section {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5;
}

.models .section .section-inner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 30px 0 40px;
}

.models .section .section-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 5px;
  font-size: 20px;
}

.models .section .section-subtit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0 0 6px;
  border-bottom: 1px solid #000;
  font-size: 20px;
}

.models .section .section-desc {
  display: none;
}

/* visual */
.models .l-content .section.visual {
  max-width: inherit;
}

.models .l-content .section.visual > div {
  max-width: inherit;
}

.models .visual .section-inner {
  padding: 0;
}

.models .visual .visual-info .btn-buy-online {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
}

.models .visual .visual-info .visual-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 4px;
  font-size: 24px;
  color: #000;
}

.models .visual .visual-info .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  margin: 0 0 7px;
  font-size: 32px;
  line-height: 1.2;
  color: #fff;
  text-align: right;
}

.models .visual .visual-info .price .from {
  margin: 0 5px 0 0;
  font-size: 20px;
}

/* photo-and-videos */
.models .photo-and-videos {
  overflow: hidden;
  background-color: #f1f2f5;
}

.models .photo-and-videos .container-fluid .resultitem:nth-child(n+5) {
  display: none;
}

.models .photo-and-videos .pictureView {
  margin: 0 0 20px;
}

.models .photo-and-videos .btn-view-more {
  overflow: hidden;
  width: 100%;
  height: 50px;
}

.models .photo-and-videos .btn-view-more span::after {
  content: "";
  display: block;
  position: relative;
  top: 4px;
  width: 0;
  height: 0;
  margin: 0 auto;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #888888 transparent transparent transparent;
}

.models .photo-and-videos .btn-view-more span {
  display: block;
  position: relative;
  top: -4px;
  line-height: 22px;
}

.models .photo-and-videos .container-fluid.is-active .btn-view-more {
  display: none;
}

.models .photo-and-videos .detail-view-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1f2731;
}

.models .photo-and-videos .detail-view-container::before {
  content: "";
  display: block;
  position: absolute;
  top: -15px;
  left: 50%;
  width: 0;
  height: 0;
  margin: 0 0 0 -13px;
  border-style: solid;
  border-width: 0 13px 15px 13px;
  border-color: transparent transparent #1f2731 transparent;
}

.models .photo-and-videos .detail-view-container .btn-close-detail {
  overflow: hidden;
  position: absolute;
  top: 5px;
  right: 0;
  width: 54px;
  height: 44px;
  text-indent: -9999px;
}

.models .photo-and-videos .detail-view-container .btn-close-detail::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.models .photo-and-videos .detail-view-container .btn-close-detail::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 24px;
  margin: -12px 0 0 -1px;
  background-color: #fff;
  transform: rotate(-45deg);
}

.models .photo-and-videos .detail-view-container .detail-view-wrap {
  height: 100%;
  padding: 50px 0;
}

.models .photo-and-videos .detail-view-container .detail-view-inner {
  position: relative;
  max-width: 460px;
  margin: 0 auto 20px;
  padding: 0 20px;
}

.models .photo-and-videos .detail-view-container .detail-view-inner .view {
  position: relative;
  padding-top: 55%;
}

.models .photo-and-videos .detail-view-container .detail-view-inner .view img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: inherit;
}

.models .photo-and-videos .detail-view-container .detail-view-inner .view .player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .photo-and-videos .detail-view-container .detail-view-inner .view iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .photo-and-videos .detail-view-container .detail-view-inner .desc {
  padding: 15px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #fff;
  text-align: left;
}

.models .photo-and-videos .container-fluid.is-active .resultitem:nth-child(n+5) {
  display: block;
}

.models .photo-and-videos .container-fluid.is-active .photo-and-videos .btn-view-more span::after {
  transform: rotate(-180deg);
}

.models .photo-and-videos .picflex .detailview {
  overflow: hidden;
  display: block;
  height: 0px;
  margin-top: 30px;
  background-color: #1f2731;
  transition: height 0.3s ease-in-out;
}

.models .photo-and-videos .picflex .resultitem {
  transition: height 0.3s ease-in-out;
}

.models .photo-and-videos .picflex .resultitem.open {
  height: 620px;
}

.models .photo-and-videos .picflex .resultitem.open:after {
  top: -4px;
  border-color: transparent transparent #1f2731 transparent;
}

.models .photo-and-videos .picflex .resultitem.video .clickevent::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  height: 48px;
  margin: -24px 0 0 -24px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -352px 0/400px no-repeat;
}

.models .photo-and-videos .picflex .resultitem.open .detailview {
  height: 400px;
}

/* design */
.models .design {
  background-color: #fff;
}

.models .design .tab-area .tab {
  margin: 0 0 20px;
}

.models .design .tab-area .tab ul {
  z-index: 11;
}

.models .design .vr360-wrap {
  position: relative;
  z-index: 10;
  margin: 0 0 10px;
  padding-top: 50%;
}

.models .design .vr-car-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .design .vr-car-wrap .inner {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

.models .design .vr-car-wrap .sequence {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(-50%);
}

.models .design .vr-car-wrap .sequence img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.models .design .vr-car-wrap .on {
  visibility: visible;
}

.models .design .vr-car-wrap .a11y-hidden {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  clip: rect(1px, 1px, 1px, 1px);
}

.models .design .btn-vr360 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -301px 0;
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .design .btn-vr360 span {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
  text-indent: -9999px;
}

.models .design .progress {
  display: none;
  position: absolute;
  top: 6%;
  left: 0;
  width: 100%;
  height: 6px;
  font-size: 0;
  line-height: 0;
}

.models .design .progress .bar {
  text-align: center;
}

.models .design .progress .count {
  display: none;
}

.models .design .progress .bullet-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.models .design .progress .bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #002c5f;
  opacity: 0.2;
}

.models .design .is-loading .progress {
  display: block;
}

.models .design .is-loading .progress .bullet {
  animation-duration: 1s;
  animation-name: loading;
  animation-iteration-count: infinite;
}

.models .design .is-loading .progress .bullet:nth-child(1) {
  animation-delay: 0.1s;
}

.models .design .is-loading .progress .bullet:nth-child(2) {
  animation-delay: 0.2s;
}

.models .design .is-loading .progress .bullet:nth-child(3) {
  animation-delay: 0.3s;
}

.models .design .is-loading .progress .bullet:nth-child(4) {
  animation-delay: 0.4s;
}

.models .design .is-loading .progress .bullet:nth-child(5) {
  animation-delay: 0.5s;
}

.models .design .is-loading .progress-complete .progress {
  display: none;
}

.models .design .exterior-pagination {
  position: static;
  height: 14px;
  padding: 0;
}

.models .design .exterior-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.models .design .exterior-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

.models .design .exterior-colorchip-list-wrap {
  position: relative;
}

.models .design .exterior-colorchip-list-inner {
  overflow: hidden;
  margin: 0 -20px;
}

.models .design .exterior-colorchip-list li {
  float: left;
  width: 33.33%;
  margin: 0 0 30px;
  text-align: center;
}

.models .design .exterior-colorchip-list li button .color-circle {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 4px;
  border-radius: 50%;
}

.models .design .exterior-colorchip-list li button .color-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}

.models .design .exterior-colorchip-list .is-active button .color-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-prev,
.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 17px;
  z-index: 20;
  margin: 0;
  width: 40px;
  height: 40px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-prev span,
.models .design .exterior-colorchip-list-wrap .exterior-colorchip-btn-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.models .design .exterior-colorchip-list-wrap.is-over .exterior-colorchip-btn-prev,
.models .design .exterior-colorchip-list-wrap.is-over .exterior-colorchip-btn-next {
  display: block;
}

.models .design .panorama-wrap {
  position: relative;
}

.models .design .panorama-inner {
  overflow: hidden;
  position: relative;
  margin: 0 0 10px;
  padding-top: 50%;
}

.models .design .panorama-inner .btn-panorama-prev,
.models .design .panorama-inner .btn-panorama-next {
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 20;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.7);
}

.models .design .panorama-inner .btn-panorama-prev span,
.models .design .panorama-inner .btn-panorama-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.models .design .panorama-inner .btn-panorama-prev::before,
.models .design .panorama-inner .btn-panorama-next::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 12px;
  height: 12px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

.models .design .panorama-inner .btn-panorama-prev::before {
  left: 50%;
  margin: -6px 0 0 -4px;
  transform: rotate(45deg);
}

.models .design .panorama-inner .btn-panorama-next::before {
  right: 50%;
  margin: -6px -4px 0 0;
  transform: rotate(225deg);
}

.models .design .panorama-inner .btn-panorama-prev {
  left: 0;
}

.models .design .panorama-inner .btn-panorama-next {
  right: 0;
}

.models .design .interior-view-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .design .interior-view-wrapper .swiper-slide.vr-none-wrap {
  overflow: hidden;
}

.models .design .interior-view-wrapper .swiper-slide .vr-none {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .design .interior-view-wrapper .swiper-slide .vr-none::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.models .design .interior-view-wrapper .swiper-slide .vr-none img {
  position: relative;
  left: 50%;
  width: auto;
  max-width: inherit;
  height: 100%;
  transform: translateX(-50%);
}

.models .design .interior-view-wrapper .swiper-slide .vr-none .msg {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 10;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.models .design .interior-view-wrapper .swiper-slide .panorama-cut {
  overflow: hidden;
  float: left;
  width: 50%;
  height: 100%;
}

.models .design .interior-view-wrapper .swiper-slide .panorama-cut img {
  position: relative;
  left: 50%;
  width: auto;
  max-width: inherit;
  height: 100%;
  transform: translateX(-50%);
}

.models .design .interior-view-pagination {
  display: none;
}

.models .design .interior-view-btn-prev,
.models .design .interior-view-btn-next {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 20;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .design .interior-view-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .design .interior-view-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.models .design .interior-view-btn-prev span,
.models .design .interior-view-btn-next span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.models .design .panorama-inner .panorama-vr::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -301px -51px;
  background-size: 400px;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s;
}

.models .design .panorama-inner .panorama-vr.is-over::before {
  opacity: 0;
}

.models .design .panorama-inner .panorama-vr .pnlm-controls-container {
  display: none;
}

.models .design .interiorchip-list-wrap {
  position: relative;
}

.models .design .interiorchip-list-wrap .interiorchip-list-inner {
  overflow: hidden;
  margin: 0 -20px;
}

.models .design .interiorchip-list li {
  float: left;
  width: 33.33%;
  margin: 0 0 30px;
  text-align: center;
}

.models .design .interiorchip-list li:nth-child(3n) {
  float: right;
  margin-right: 0;
}

.models .design .interiorchip-list li button .color-circle {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 4px;
  border-radius: 50%;
}

.models .design .interiorchip-list li button .color-circle .color-txt {
  font-size: 14px;
  color: #000;
}

.models .design .interiorchip-list li button .color-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.4px;
}

.models .design .interiorchip-list .is-active button .color-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.models .design .interiorchip-list-wrap .interior-colorchip-btn-prev,
.models .design .interiorchip-list-wrap .interior-colorchip-btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 17px;
  z-index: 20;
  margin: 0;
  width: 40px;
  height: 40px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .design .interiorchip-list-wrap .interior-colorchip-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .design .interiorchip-list-wrap .interior-colorchip-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.models .design .interiorchip-list-wrap .interior-colorchip-btn-prev span,
.models .design .interiorchip-list-wrap .interior-colorchip-btn-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.models .design .interiorchip-list-wrap.is-over .interior-colorchip-btn-prev,
.models .design .interiorchip-list-wrap.is-over .interior-colorchip-btn-next {
  display: block;
}

.models .design .interior-pagination {
  position: static;
  height: 14px;
  padding: 0;
}

.models .design .interior-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.models .design .interior-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

.models .design .wheels-list .swiper-slide {
  position: relative;
  border: 1px solid #dedede;
}

.models .design .wheels-list .swiper-slide .item-img {
  display: block;
}

.models .design .wheels-list .swiper-slide .item-img img {
  width: 100%;
}

.models .design .wheels-list .swiper-slide .item-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: -4px 0 0;
  padding: 0 0 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #212121;
  text-align: center;
}

.models .design .wheels-list-wrap .wheels-btn-prev,
.models .design .wheels-list-wrap .wheels-btn-next {
  display: none;
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 20;
  margin: 0;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .design .wheels-list-wrap .wheels-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .design .wheels-list-wrap .wheels-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.models .design .wheels-list-wrap .wheels-btn-prev span,
.models .design .wheels-list-wrap .wheels-btn-next span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.models .design .wheels-list-wrap.is-over .wheels-btn-prev,
.models .design .wheels-list-wrap.is-over .wheels-btn-next {
  display: block;
}

.models .design .wheels-pagination {
  position: static;
  height: 14px;
  margin: 40px 0 0;
  padding: 0;
}

.models .design .wheels-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.models .design .wheels-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

/* features */
.models .features {
  background-color: #e4dcd3;
}

.models .features .tab {
  margin: 0 0 20px;
  background-color: #fff;
}

.models .features .features-wrapper .swiper-slide .video-layer {
  position: relative;
  z-index: 10;
  margin: 0 0 15px;
  padding-top: 56.25%;
}

.models .features .features-wrapper .swiper-slide .video-layer iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.models .features .features-wrapper .swiper-slide .video-layer .dummy {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.models .features .features-wrapper .swiper-slide .video-info .features-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: 0 0 7px;
  font-size: 20px;
}

.models .features .swiper-btn-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 0 15px;
  padding-top: 56.25%;
}

.models .features .features-button-prev,
.models .features .features-button-next {
  display: none;
  z-index: 20;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .features .features-button-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .features .features-button-next {
  right: 0;
  background-position: -42px -150px;
}

.models .features .features-pagination {
  position: relative;
  bottom: auto;
  height: 14px;
  margin: 34px 0 0;
  padding: 0;
}

.models .features .features-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.models .features .features-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

.models .features .is-over .features-button-prev,
.models .features .is-over .features-button-next {
  display: block;
}

/* accessories */
.models .accessories .accessories-wrapper .swiper-slide .view img {
  width: 100%;
}

.models .accessories .accessories-wrapper .swiper-slide .info {
  padding: 14px 20px 52px;
  border: 1px solid #e3e3e3;
  border-top: none;
}

.models .accessories .accessories-wrapper .swiper-slide .info .accessories-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: 0 0 9px;
  font-size: 20px;
}

.models .accessories .accessories-wrapper .swiper-slide .info .accessories-price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  color: #002c5f;
}

.models .accessories .accessories-wrapper .swiper-slide .info .accessories-desc {
  height: 120px;
  font-size: 16px;
  color: #666;
}

.models .accessories .accessories-wrapper .swiper-slide .info .accessories-desc .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.models .accessories .accessories-wrapper .swiper-slide .info .accessories-desc .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: -20px;
}

.models .accessories .swiper-btn-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 0 15px;
  padding-top: 155%;
}

.models .accessories .accessories-button-prev,
.models .accessories .accessories-button-next {
  display: none;
  z-index: 20;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .accessories .accessories-button-prev {
  left: 0;
  background-position: 0 -150px;
}

.models .accessories .accessories-button-next {
  right: 0;
  background-position: -42px -150px;
}

.models .accessories .accessories-pagination {
  position: relative;
  bottom: auto;
  height: 14px;
  margin: 40px 0 0;
  padding: 0;
}

.models .accessories .accessories-pagination .swiper-pagination-bullet {
  width: 14px;
  height: 14px;
  margin: 0 4px;
  background-color: #c7c7c7;
  vertical-align: top;
  opacity: 1;
}

.models .accessories .accessories-pagination .swiper-pagination-bullet-active {
  background-color: #002c5f;
}

.models .accessories .is-over .accessories-button-prev,
.models .accessories .is-over .accessories-button-next {
  display: block;
}

/* specs */
.models .specs {
  background-color: #f7f4f2;
}

.models .specs .section-tit {
  padding: 0 20px;
}

.models .specs .specs-pagination {
  display: none;
}

.models .specs .specs-button-prev,
.models .specs .specs-button-next {
  display: none;
}

.models .specs .specs-wrapper {
  display: block;
}

.models .specs .specs-wrapper .swiper-slide .select-spec {
  position: relative;
  padding: 20px 0 20px 130px;
  background-color: #00152d;
  cursor: pointer;
  margin: 5px 0;
}

.car-spec-mobile-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  color: #fff;
  max-width: 115px;
}
@media (min-width: 384px) {
  .car-spec-mobile-heading {
    max-width: none;
  }
}
@media (min-width: 768px) {
  .car-spec-mobile-heading {
    display: none;
  }
}

.models .specs .specs-wrapper .swiper-slide .select-spec .car {
  position: absolute;
  top: 10px;
  left: 17px;
  width: 80px;
}

.models .specs .specs-wrapper .swiper-slide .model-variants {
  display: none;
}

.models .specs .specs-wrapper .swiper-slide .select-spec .model-trim {
  height: 36px;
  margin: 0 0 4px;
  line-height: 1.3;
  text-align: left;
}

.models .specs .specs-wrapper .swiper-slide .select-spec .model-trim .transmission {
  display: block;
}

.models .specs .specs-wrapper .swiper-slide .select-spec .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.3;
  text-align: left;
}

.models .specs .specs-wrapper .swiper-slide .select-spec::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.models .specs .specs-wrapper .swiper-slide .specs-list {
  display: none;
  padding: 0 44px 24px;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f1f2f5;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul {
  margin: 0 0 22px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul li {
  position: relative;
  padding: 8px 0 8px 20px;
  border-bottom: 1px solid #e3e3e3;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul li::before {
  content: "";
  position: absolute;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .engine::before {
  top: 17px;
  left: 11px;
  width: 31px;
  height: 25px;
  background-position: -161px -150px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .engine-capacity::before {
  top: 12px;
  left: 14px;
  width: 25px;
  height: 36px;
  background-position: -134px -150px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .transmission::before {
  top: 17px;
  left: 12px;
  width: 30px;
  height: 25px;
  background-position: -34px -119px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .rpm::before {
  top: 16px;
  left: 11px;
  width: 31px;
  height: 26px;
  background-position: -102px -119px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .torque::before {
  top: 16px;
  left: 8px;
  width: 37px;
  height: 27px;
  background-position: -134px -119px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .fuel-type::before {
  top: 15px;
  left: 9px;
  width: 30px;
  height: 25px;
  background-position: -125px -59px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .fuel-type.hybrid::before {
  top: 15px;
  left: 9px;
  width: 36px;
  height: 26px;
  background-position: -194px -59px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .fuel-type.electric::before {
  top: 15px;
  left: 9px;
  width: 36px;
  height: 26px;
  background-position: -157px -59px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul .fuel-efficiency::before {
  top: 16px;
  left: 12px;
  width: 30px;
  height: 25px;
  background-position: -94px -59px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list ul dl dd {
  font-weight: 600;
}

.models .specs .specs-wrapper .swiper-slide .specs-list .btn-view-specs {
  display: block;
  width: 100%;
  height: 37px;
  font-size: 13px;
  line-height: 37px;
}

.models .specs .specs-wrapper .swiper-slide .specs-list .btn-view-specs span {
  position: relative;
}

.models .specs .specs-pagination {
  display: none;
}

.models .specs .specs-wrapper .is-active .specs-list {
  display: block;
}

.models .specs .specs-wrapper .is-active .select-spec::before {
  transform: rotate(135deg);
}

/* expert-reviews */
.models .l-content .section.expert-reviews {
  margin: 0 0 86px;
}

.models .expert-reviews {
  background-color: #fff;
}

.models .expert-reviews .section-inner {
  padding: 30px 0 0;
}

.models .expert-reviews .section-cont {
  margin: 0 0 45px;
  border: 1px solid #e3e3e3;
}

.models .expert-reviews .person-area .person {
  margin: 0 0 60px;
  padding: 30px 0;
  text-align: center;
}

.models .expert-reviews .person-area .person strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: 15px 0 3px;
  font-size: 20px;
  line-height: 1.3;
}

.models .expert-reviews .person-area .person span {
  display: block;
}

.models .expert-reviews .person-area .review {
  padding: 0 20px;
}

.models .expert-reviews .person-area .review strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  margin: 0 0 2px;
  font-size: 20px;
  line-height: 1.3;
}

.models .expert-reviews .person-area .review strong::before {
  content: "";
  position: absolute;
  top: -34px;
  left: 0;
  width: 24px;
  height: 18px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -198px -119px;
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .expert-reviews .person-area .review p {
  margin: 0 0 17px;
}

.models .expert-reviews .person-area .review .review-img {
  margin: 0 -20px 0 -20px;
}

.models .expert-reviews .person-area .review .review-img img {
  width: 100%;
}

.models .expert-reviews .person-area .review .btn-read-more {
  display: block;
  margin: 0 0 30px;
}

/* floating-bar */
.models .floating-bar {
  position: relative;
  height: 89px;
}

.models .floating-bar .floating-bar-wrapper {
  position: relative;
  background-color: #212121;
}

.models .floating-bar .floating-bar-inner {
  position: relative;
  padding: 15px 20px 20px;
}

.models .floating-bar .car-info {
  position: relative;
}

.models .floating-bar .car-info .model {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 7px;
  font-size: 18px;
  line-height: 23px;
  color: #fff;
}

.models .floating-bar .car-info .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  position: relative;
  font-size: 16px;
  line-height: 21px;
  color: #002c5f;
}

.models .floating-bar .car-info .price .price-inner {
  display: inline-block;
}

.models .floating-bar .car-info .price .price-inner span {
  margin: 0 0 0 5px;
}

.models .floating-bar .car-info .btn-info-wrap {
  display: block;
  position: absolute;
  top: -2px;
  right: -30px;
  width: 20px;
  height: 20px;
}

.models .floating-bar .car-info .btn-info-wrap .btn-info {
  overflow: hidden;
  width: 20px;
  height: 20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -83px -170px;
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .floating-bar .car-info .btn-info-wrap .btn-info span {
  display: block;
  position: relative;
  text-indent: -9999px;
}

.models .floating-bar .car-info .btn-info-wrap .btn-info:hover + .coe {
  display: block;
}

.models .floating-bar .car-info .btn-info-wrap .coe {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: none;
  position: absolute;
  top: -60px;
  left: 50%;
  z-index: 10;
  margin-left: 6px;
  padding: 5px 15px;
  border: 1px solid #fff;
  background-color: #282828;
  color: #fff;
  text-align: center;
  transform: translateX(-50%);
}

.models .floating-bar .car-info .btn-info-wrap .coe p {
  white-space: nowrap;
}

.models .floating-bar .btn-floating-more {
  overflow: hidden;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 46px;
  height: 46px;
  background-color: #002c5f;
  text-indent: -9999px;
}

.models .floating-bar .btn-floating-more::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 2px;
  margin: -1px 0 0 -9px;
  background-color: #fff;
}

.models .floating-bar .btn-floating-more::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 18px;
  margin: -9px 0 0 -1px;
  background-color: #fff;
}

.models .floating-bar .menu-list {
  display: none;
  position: absolute;
  bottom: 89px;
  left: 0;
  width: 100%;
}

.models .floating-bar .menu-list li {
  position: relative;
  width: 100%;
}

.models .floating-bar .menu-list li a {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  height: 50px;
  background-color: #212121;
  font-size: 16px;
}

.models .floating-bar .menu-list li a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 22px;
  z-index: 10;
  width: 22px;
  height: 20px;
  margin: -10px 0 0 0;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.models .floating-bar .menu-list li.brochure a::before {
  background-position: -193px -150px;
}

.models .floating-bar .menu-list li.test-drive a::before {
  background-position: -196px 0;
}

.models .floating-bar .menu-list li.buy-online a::before {
  width: 20px;
  height: 15px;
  background-position: -211px -21px;
}

.models .floating-bar .menu-list li.buy-online a {
  background-color: #002c5f;
}

.models .floating-bar.is-open .btn-floating-more {
  background-color: #000;
}

.models .floating-bar.is-open .btn-floating-more::after {
  display: none;
}

.models .floating-bar.is-open .menu-list {
  display: block;
}

.models .floating-bar.is-fixed .floating-bar-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 90;
  width: 100%;
}

@media (min-width: 768px) {
  /*  common */
  .models .l-content .section {
    padding: 0 24px;
  }
  .models .section .section-inner {
    padding: 40px 0 60px;
  }
  .models .section .section-tit {
    margin: 0;
    font-size: 30px;
  }
  .models .section .section-desc {
    display: block;
    margin: 0 0 17px;
    font-size: 16px;
    color: #666;
  }
  /*  visual */
  .models .l-content .visual.section {
    padding: 0;
  }
  .models .visual .section-inner {
    position: relative;
    padding: 0;
  }
  .models .visual .visual-info .visual-tit {
    font-size: 48px;
    line-height: 1.3;
    color: #fff;
  }
  .models .visual .visual-info .price {
    position: absolute;
    bottom: 120px;
    right: 24px;
    margin: 0;
  }
  .models .visual .visual-info .price .from {
    font-size: 24px;
  }
  .models .visual .visual-info .desc {
    display: block;
    margin: 0 336px 0 0;
    line-height: 19px;
    color: #fff;
  }
  .models .visual .visual-info .btn-buy-online {
    position: absolute;
    bottom: 50px;
    right: 24px;
    width: 238px;
  }
  /* photo-and-videos */
  .models .photo-and-videos .container-fluid .resultitem:nth-child(n+5) {
    display: block;
  }
  .models .photo-and-videos .btn-view-more {
    display: none;
  }
  .models .photo-and-videos .detail-view-container .detail-view-wrap {
    position: relative;
    padding: 60px 24px;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner {
    top: 50%;
    max-width: 748px;
    margin-top: -132px;
    padding: 0;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .view {
    float: left;
    width: 63%;
    margin: 0;
    height: 264px;
    padding: 0;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .view .player {
    width: 470px;
    height: 264px;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .desc {
    position: absolute;
    top: 0;
    right: 0;
    width: 37%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .desc p {
    margin: 0 0 0 34px;
    font-size: 16px;
  }
  /* design */
  .models .design .tab-area .tab {
    margin: 0 0 40px;
  }
  .models .design .btn-vr360 {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background-position: -602px 0;
    background-size: 800px;
  }
  .models .design .panorama-inner .panorama-vr::before {
    width: 100px;
    height: 100px;
    margin: -80px 0 0 -50px;
    background-position: -602px -102px;
    background-size: 800px;
  }
  .models .design .wheels-list .swiper-slide .item-txt {
    margin: -8px 0 0;
    padding: 0 0 15px;
    font-size: 20px;
  }
  /* features */
  .models .features .tab {
    margin: 0 0 40px;
  }
  .models .features .features-wrapper .swiper-slide .video-layer {
    margin: 0 0 30px;
  }
  .models .features .features-wrapper .swiper-slide .video-info .features-tit {
    margin: 0;
    font-size: 24px;
  }
  .models .features .features-wrapper .swiper-slide .video-info .features-desc {
    font-size: 16px;
  }
  /* accessories */
  .models .accessories .accessories-wrapper .swiper-slide .info {
    padding: 14px 20px 62px;
  }
  .models .accessories .accessories-wrapper .swiper-slide .info .accessories-desc {
    height: 120px;
  }
  .models .accessories .swiper-btn-area {
    padding-top: 50%;
  }
  /* specs */
  .models .l-content .section.specs {
    padding: 0 24px;
  }
  .models .specs .section-tit {
    padding: 0;
  }
  .models .specs .specs-container .specs-button-prev,
.models .specs .specs-container .specs-button-next {
    width: 40px;
    height: 40px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-size: 400px;
    background-repeat: no-repeat;
  }
  .models .specs .specs-container .specs-button-prev {
    left: 0;
    background-position: 0 -150px;
  }
  .models .specs .specs-container .specs-button-next {
    right: 0;
    background-position: -42px -150px;
  }
  .models .specs .specs-wrapper .swiper-slide {
    overflow: hidden;
    background-color: #00152d;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec {
    padding: 15px 0 8px;
    text-align: center;
    cursor: default;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec::before {
    display: none;
  }
  .models .specs .specs-wrapper .swiper-slide .model-variants {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    display: block;
    margin: 0 0 2px;
    padding: 20px;
    font-size: 24px;
    line-height: 1.3;
    text-align: left;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec .model-trim {
    height: auto;
    margin: 0 0 10px;
    font-size: 16px;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec .car {
    position: relative;
    top: auto;
    left: auto;
    width: 90%;
    max-width: inherit;
    height: auto;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec .price {
    margin: 20px 0 0;
    font-size: 24px;
    text-align: right;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list {
    padding: 0 20px;
    border: 1px solid #e3e3e3;
    display: block;
    background-color: #fff;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list ul {
    margin: 0 0 20px;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list ul li {
    padding: 9px 0 8px 20px;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list ul li::before {
    top: 14px;
    left: 0;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list ul dl dt {
    margin: 0 0 2px;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list ul dl dd {
    font-size: 16px;
  }
  .models .specs .specs-wrapper .swiper-slide .specs-list .btn-view-specs {
    height: 46px;
    font-size: 16px;
    line-height: 46px;
  }
  .models .specs .specs-wrapper {
    display: flex;
  }
  .models .specs .specs-wrapper .btn-cta {
    min-width: 150px;
  }
  .models .specs .specs-pagination {
    display: block;
    position: static;
    height: 14px;
    margin: 20px 0;
    padding: 0;
  }
  .models .specs .is-over .specs-button-prev,
.models .specs .is-over .specs-button-next {
    display: block;
  }
  /* expert-reviews */
  .models .expert-reviews .section-cont {
    margin: 0 0 30px;
  }
  .models .expert-reviews .person-area {
    position: relative;
    padding: 73px 0 40px;
  }
  .models .expert-reviews .person-area::after {
    content: "";
    display: block;
    clear: both;
  }
  .models .expert-reviews .person-area .person {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18.44%;
    margin: -82px 0 0;
    padding: 0;
  }
  .models .expert-reviews .person-area .review {
    float: left;
    width: 36.27%;
    margin: 0 0 0 18.44%;
    padding: 0;
  }
  .models .expert-reviews .person-area .review strong {
    margin: 0 0 3px;
  }
  .models .expert-reviews .person-area .review .btn-read-more {
    width: 53.67%;
    margin: 0;
  }
  .models .expert-reviews .person-area .review .review-img {
    overflow: hidden;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    width: 40.98%;
    margin: 0;
  }
  .models .expert-reviews .person-area .review .review-img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: inherit;
    height: 100%;
    transform: translateX(-50%);
  }
  /* floating-bar */
  .models .floating-bar {
    height: 70px;
  }
  .models .floating-bar .floating-bar-inner {
    padding: 20px 24px;
  }
  .models .floating-bar .car-info::after {
    content: "";
    display: block;
    clear: both;
  }
  .models .floating-bar .car-info .model {
    float: left;
    margin: 0 30px 0 0;
    line-height: 30px;
  }
  .models .floating-bar .car-info .price {
    float: left;
    line-height: 30px;
    font-size: 20px;
  }
  .models .floating-bar .car-info .btn-info-wrap {
    top: -5px;
  }
  .models .floating-bar .car-info .price .btn-info {
    margin: 5px 0 0;
  }
  .models .floating-bar .car-info .btn-info-wrap .coe {
    top: -60px;
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
  }
  .models .floating-bar .btn-floating-more {
    display: none;
  }
  .models .floating-bar .menu-list {
    display: block;
    right: 24px;
    bottom: 15px;
    left: 40%;
    width: auto;
    text-align: right;
    margin: 0 0 0 20px;
  }
  .models .floating-bar .menu-list li {
    float: left;
    width: 33%;
    text-align: center;
    margin: 0 0 0 10px;
  }
  .models .floating-bar .menu-list li:first-child {
    margin: 0 0 0 -20px;
  }
  .models .floating-bar .menu-list li a {
    display: block;
    height: 40px;
    background-color: #808080;
    line-height: 40px;
    text-align: center;
  }
  .models .floating-bar .menu-list li a::before {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 0;
    margin: 0 10px 0 0;
  }
  .models .floating-bar .menu-list li.buy-online a::before {
    top: 2px;
  }
}
@media (min-width: 960px) {
  .models .specs .specs-wrapper .swiper-slide .select-spec .car {
    left: auto;
    transform: translateX(0%);
  }
}
@media (min-width: 1024px) {
  /* design */
  .models .design .interior-view-wrapper .swiper-slide .vr-none img {
    top: 50%;
    width: 106%;
    height: auto;
    transform: translate(-50%, -50%);
  }
  .models .design .interior-view-wrapper .swiper-slide .vr-none .msg {
    padding-top: 57px;
    font-size: 2rem;
  }
  .models .design .interior-view-wrapper .swiper-slide .vr-none .msg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 62px;
    height: 44px;
    margin-left: -31px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-size: 400px;
    background-position: -324px -156px;
    background-repeat: no-repeat;
  }
  .models .design .interior-view-wrapper .swiper-slide .vr-none .msg .w-hidden {
    display: none;
  }
  /* features */
  .models .features .tab {
    background-color: #e4dcd3;
  }
  .models .features .tab-area .tab li {
    border-color: #d1cac3;
    border-bottom: 1px solid #000;
    background-color: #e4dcd3;
  }
  .models .features .tab-area .tab li.is-active {
    border-color: #212121;
    border-bottom: 1px solid #e4dcd3;
    background-color: #e4dcd3;
  }
  /* expert-reviews */
  .models .expert-reviews .person-area .review .review-img {
    width: 38%;
  }
}
@media (min-width: 1025px) {
  /*  common */
  .models .section .section-inner {
    padding: 78px 0 100px;
  }
  .models .section .section-tit {
    font-size: 40px;
  }
  .models .section .section-desc {
    margin: 0 0 37px;
  }
  /*  visual */
  .models .visual .section-inner {
    padding: 0;
  }
  /* photo-and-videos */
  .models .photo-and-videos .picflex .resultitem.open .detailview {
    height: 480px;
  }
  .models .photo-and-videos .picflex .resultitem {
    margin: 5px;
  }
  .models .photo-and-videos .picflex .resultitem.open {
    height: 710px;
  }
  .models .photo-and-videos .detail-view-wrap::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 200%;
    height: 100%;
    margin: 0 0 0 -960px;
    background-color: #1f2731;
  }
  .models .photo-and-videos .detail-view-wrap::after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    width: 200%;
    height: 100%;
    margin: 0 960px 0 0;
    background-color: #1f2731;
  }
  /* design */
  .models .design .vr360-wrap {
    margin-bottom: 7px;
    padding-top: 507px;
  }
  .models .design .vr-car-wrap .inner {
    position: relative;
    top: -22px;
    width: 1000px;
    height: 507px;
    margin: 0 auto;
    padding: 0;
  }
  .models .design .progress {
    top: 20px;
  }
  .models .design .panorama-wrap {
    margin-bottom: 74px;
  }
  .models .design .panorama-inner {
    height: 440px;
    padding: 0;
  }
  /* features */
  /* accessories */
  /* specs */
  /* expert-reviews */
  .models .expert-reviews .section-cont {
    margin: 0 0 36px;
  }
  .models .expert-reviews .person-area {
    padding: 92px 0 40px;
  }
  .models .expert-reviews .person-area .review strong {
    margin: 0 0 11px;
    font-size: 24px;
  }
  .models .expert-reviews .person-area .review strong::before {
    top: -52px;
  }
  .models .expert-reviews .person-area .review p {
    margin: 0 0 40px;
    font-size: 16px;
  }
  .models .expert-reviews .person-area .review .btn-read-more {
    width: 190px;
  }
}
@media (min-width: 1240px) {
  /* photo-and-videos */
  .models .photo-and-videos .detail-view-container .detail-view-wrap {
    padding: 70px 0;
  }
  .models .photo-and-videos .picflex .resultitem.open {
    height: 830px;
  }
  .models .photo-and-videos .picflex .resultitem.open .detailview {
    height: 600px;
  }
  .models .photo-and-videos .detail-view-container .detail-view-wrap {
    max-width: 1240px;
    height: 460px;
    margin: 70px auto;
    padding: 0;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner {
    top: auto;
    max-width: 1240px;
    height: 460px;
    margin: 0 auto;
    padding: 0;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .view {
    width: 800px;
    height: 450px;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .view .player {
    width: 800px;
    height: 450px;
  }
  .models .photo-and-videos .detail-view-container .detail-view-inner .desc {
    width: 440px;
    padding: 0;
  }
  .models .photo-and-videos .detail-view-container .btn-close-detail {
    top: -52px;
  }
  /* floating-bar */
  .models .floating-bar .floating-bar-inner {
    width: 1240px;
    margin: 0 auto;
    padding: 20px 0;
  }
  .models .floating-bar .menu-list {
    display: block;
    right: 50%;
    bottom: 15px;
    left: auto;
    margin: 0 -620px 0 0;
  }
  .models .floating-bar .menu-list li {
    float: left;
    width: 190px;
    margin: 0 0 0 10px;
  }
  .models .floating-bar .menu-list li:first-child {
    margin: 0;
  }
  /* specs */
  .models .specs .specs-wrapper .swiper-slide .select-spec .car {
    width: 308px;
    padding: 40px;
  }
}
@media (min-width: 1280px) {
  /*  visual */
  .models .visual .visual-info-inner {
    width: 1240px;
    margin: 0 auto;
  }
  .models .visual .visual-text-wrap {
    position: relative;
  }
  .models .visual .visual-info .visual-tit {
    margin: 0 0 3px;
  }
  .models .visual .visual-info .price {
    right: 0;
    bottom: 73px;
  }
  .models .visual .visual-info .desc {
    font-size: 16px;
  }
  .models .visual .visual-info .btn-buy-online {
    right: 50%;
    width: 190px;
    height: 56px;
    margin: 0 -620px 0 0;
  }
  /* design */
  .models .design .wheels-list .swiper-slide .item-txt {
    padding: 0 0 29px;
  }
  .models .design .interior-view-wrapper .swiper-slide .vr-none img {
    top: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
  }
  /* specs */
  .models .specs .specs-wrapper .swiper-slide .select-spec .model-trim {
    font-weight: 600;
    margin: 0 0 20px;
  }
  .models .specs .specs-wrapper .swiper-slide .select-spec .model-trim .transmission {
    display: inline;
  }
  /* expert-reviews */
  .models .expert-reviews .person-area .review .review-img {
    width: 37%;
  }
}
@keyframes loading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
/* .request-brochure .required-field */
.layer.request-brochure .request-brochure-wrap {
  position: relative;
}

.layer.request-brochure .request-brochure-inner {
  margin: 42px 0 0;
  border-top: 2px solid #212121;
}

.layer.request-brochure .required-field {
  position: absolute;
  top: -26px;
  right: 0;
  font-size: 1.4rem;
}

.layer.request-brochure select {
  height: 46px;
}

.layer.request-brochure .input-box label,
.layer.request-brochure .select-box label {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  width: 100%;
  height: 35px;
  line-height: 35px;
}

.layer.request-brochure .select-box,
.layer.request-brochure .input-box {
  padding-top: 10px;
}

.layer.request-brochure .vehicles {
  margin: 20px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #e3e3e3;
}

.layer.request-brochure .vehicles strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.layer.request-brochure .vehicles .vehicles-list {
  min-width: 1px;
  margin: 16px 0 0;
}

.layer.request-brochure .vehicles .vehicles-list::after {
  content: "";
  display: block;
  clear: both;
}

.layer.request-brochure .vehicles .vehicles-list .vehicles-item {
  position: relative;
  float: left;
  width: 48.75%;
  margin: 0 0 20px;
}

.layer.request-brochure .vehicles .vehicles-list .vehicles-item label {
  font-weight: 600;
  max-width: 95%;
}

.layer.request-brochure .vehicles .vehicles-list .vehicles:nth-child(odd) {
  width: 51.25%;
}

.layer.request-brochure .vehicles .agree label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.layer.request-brochure .vehicles .agree label .inner {
  display: inline-block;
  font-size: 14px;
  line-height: 21px;
}

.layer.request-brochure .comments {
  margin: 17px 0 0;
}

.layer.request-brochure .comments strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: 0 0 4px;
}

.layer.request-brochure .comments textarea {
  width: 100%;
  min-height: 140px;
  padding: 10px;
  border: 1px solid #dcdcdc;
}

.layer.request-brochure .btn-area {
  margin-top: 20px;
  padding: 0;
  border-top: none;
}

.layer.request-brochure .discount {
  margin: 27px 0 0;
}

.layer.request-brochure .discount .tit-wrap {
  padding: 0 0 20px;
  border-bottom: 2px solid #212121;
}

.layer.request-brochure .discount .tit-wrap strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 0 0 0 70px;
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/buyonline/ico-vouchers.png");
  background-position: 0 50%;
  background-size: 52px 50px;
  background-repeat: no-repeat;
  font-size: 20px;
}

.layer.request-brochure .discount .view-privacy {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  margin: 16px 0 0;
  font-size: 14px;
  text-decoration: underline;
}

@media (min-width: 520px) {
  .layer.request-brochure .discount .tit-wrap strong .w-wrap {
    display: block;
  }
}
@media (min-width: 1024px) {
  .layer.request-brochure {
    width: 680px;
    max-width: inherit;
  }
  .layer.request-brochure .request-brochure-inner {
    padding: 0 0 12px;
    border-top: none;
  }
  .layer.request-brochure .request-brochure-top {
    padding: 36px 50px 50px;
    border: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .layer.request-brochure .request-brochure-bottom {
    padding: 0 50px;
  }
  .layer.request-brochure .select-box,
.layer.request-brochure .input-box {
    padding-top: 26px;
  }
  .layer.request-brochure .col-2 {
    float: left;
    width: 50%;
    margin: 0 0 0 20px;
  }
  .layer.request-brochure .col-2:first-child {
    margin: 0 0 0 -20px;
  }
  .layer.request-brochure .type-personal {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .layer.request-brochure .type-personal::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer.request-brochure .name {
    min-width: 1px;
    margin: 0 0 0 20px;
  }
  .layer.request-brochure .name::after {
    content: "";
    display: block;
    clear: both;
  }
  .layer.request-brochure .vehicles {
    margin: 26px 0 0;
    padding: 0;
    border-top: none;
  }
  .layer.request-brochure .vehicles .vehicles-list {
    margin: 26px 0 0;
  }
  .layer.request-brochure .vehicles .vehicles-list .vehicles-item {
    width: 140px;
  }
  .layer.request-brochure .vehicles .vehicles-list .vehicles-item .checkbox {
    height: 24px;
  }
  .layer.request-brochure .vehicles .vehicles-list .vehicles-item:nth-child(4n) {
    width: 118px;
  }
  .layer.request-brochure .vehicles .agree label .inner {
    font-size: 16px;
  }
  .layer.request-brochure .vehicles .agree label .inner .w-wrap {
    display: inline-block;
  }
  .layer.request-brochure .vehicles .agree label {
    display: inline-block;
  }
  .layer.request-brochure .comments {
    margin: 20px 0 0;
  }
  .layer.request-brochure .btn-area {
    margin-top: 30px;
  }
  .layer.request-brochure .discount {
    margin: 0;
  }
  .layer.request-brochure .discount .tit-wrap {
    padding: 0;
  }
  .layer.request-brochure .discount .tit-wrap strong {
    padding: 46px 0 51px 80px;
  }
  .layer.request-brochure .discount .tit-wrap strong .w-wrap {
    display: inline;
  }
  .layer.request-brochure .discount .view-privacy {
    margin: 26px 0 0;
  }
}
/*All Specs*/
.all-specs-list {
  border-bottom: 1px solid #212121;
}

.all-specs-list li {
  display: table;
  width: 100%;
  padding: 13px 0;
}

.all-specs-list li + li {
  border-top: 1px solid #e3e3e3;
}

.all-specs-list .list-tit {
  font-weight: 400;
  display: table-cell;
  padding-right: 10px;
}

.all-specs-list .list-txt {
  font-weight: 600;
  display: table-cell;
  vertical-align: middle;
  text-align: right;
}

.all-specs-list.spec-row li {
  display: block;
}

.all-specs-list.spec-row .list-tit {
  display: block;
}

.all-specs-list.spec-row .list-txt {
  display: block;
}

.all-spec-dimension .unit {
  font-weight: 600;
  float: right;
  margin-top: 15px;
  font-size: 1.4rem;
}

.all-spec-dimension .dimension-img-area {
  padding-top: 42px;
  text-align: center;
}

.all-spec-dimension .dimension-img-area p {
  padding-top: 20px;
}

.all-spec-dimension .dimension-img-area p img {
  width: 50%;
  max-width: 220px;
}

.all-spec-dimension .dimension-img-area p:last-child img {
  width: 100%;
  max-width: 550px;
}

@media screen and (min-width: 860px) {
  .all-specs-list.spec-row li {
    display: table;
  }
  .all-specs-list.spec-row .list-tit {
    display: table-cell;
    vertical-align: middle;
  }
  .all-specs-list.spec-row .list-txt {
    display: table-cell;
    width: 500px;
  }
}
@media screen and (min-width: 768px) {
  iframe.pure-u-1.extra-section {
    min-height: 690px;
  }
}
@media screen and (max-width: 1023px) {
  .all-specs-list {
    border-top: 1px solid #212121;
  }
}
@media screen and (min-width: 1024px) {
  .all-specs-list li {
    padding: 13px 20px;
  }
  .all-spec-dimension .dimension-img-area {
    padding-top: 52px;
  }
  .all-spec-dimension .dimension-img-area .front,
.all-spec-dimension .dimension-img-area .back {
    float: left;
    width: 50%;
    padding-top: 0;
  }
  .all-spec-dimension .dimension-img-area .side {
    clear: both;
    padding-top: 42px;
  }
}
.models .visual .models-visual {
  position: relative;
  background-color: #ededed;
}

.mbi-image {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .mbi-image {
    width: auto;
  }
}

.models .visual .visual-info {
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 20px 20px;
}
@media screen and (min-width: 768px) {
  .models .visual .visual-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: inherit;
    padding: 30px 24px 40px;
    background-color: rgba(0, 0, 0, 0.6);
  }
}
@media screen and (min-width: 1280px) {
  .models .visual .visual-info {
    padding: 40px 0 50px;
  }
}

.check-message {
  position: relative;
  padding-top: 10px;
  padding-left: 28px;
  font-size: 1.4rem;
  line-height: 20px;
  color: #002c5f;
}

.check-message:before {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  content: "!";
  position: absolute;
  top: 10px;
  left: 0;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  border-radius: 20px;
  font-size: 1.6rem;
  background-color: #002c5f;
  color: #fff;
  text-align: center;
}

/*************************************************/
/* Our Stock [s] */
/*************************************************/
.section.our-stock {
  position: relative;
}

.section.our-stock .page-tit {
  margin-bottom: 20px;
}

.section.our-stock .util-our {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 10px;
  left: 20px;
  right: 20px;
  font-size: 0;
  text-align: center;
}

.section.our-stock .util-our a {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: inline-block;
  flex: 1;
  position: relative;
  height: 76px;
  padding: 41px 0 7px;
  background-color: #808080;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  text-align: center;
}

.section.our-stock .util-our a + a {
  margin-left: 10px;
}

.section.our-stock .util-our a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  height: 1px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
  transform: translateX(-50%);
}

.section.our-stock .util-our .btn-budget::before {
  top: 10px;
  width: 24px;
  height: 24px;
  background-position: -254px -196px;
}

.section.our-stock .util-our .btn-calculator::before {
  top: 10px;
  width: 24px;
  height: 26px;
  background-position: -215px -196px;
}

.section.our-stock .util-our .btn-trade-in::before {
  top: 10px;
  width: 15px;
  height: 26px;
  background-position: -239px -196px;
}

.section.our-stock .util-our .btn-find-a-car::before {
  top: 13px;
  width: 30px;
  height: 20px;
  background-position: -262px -173px;
}

.section.our-stock .slider-wrap {
  position: relative;
}

.section.our-stock .slider-wrap .slider-inner {
  position: relative;
  height: 5px;
  margin: 30px 0 15px;
  background-color: #dedfe3;
  border-radius: 15px;
}

.section.our-stock .slider-wrap .slider-inner .ui-slider {
  height: 5px;
  margin: 0 10px;
}

.section.our-stock .slider-wrap .slider-inner .ui-slider .ui-slider-handle {
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-color: #002c5f;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}

.section.our-stock .slider-wrap .slider-inner .ui-slider-range {
  left: -10px;
  right: -10px;
  background-color: #8b949f;
  border-radius: 15px 0 0 15px;
}

.section.our-stock .slider-wrap .slider-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 19px;
  right: 0;
  left: 0;
  height: 21px;
  justify-content: space-between;
}

.section.our-stock .slider-wrap .slider-txt .item-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  width: 11px;
  color: #8b949f;
  text-align: center;
}

.section.our-stock .slider-wrap .slider-txt .item-txt.is-active {
  color: #212121;
}

.section.our-stock .slider-wrap .slider-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 7px;
  right: 4px;
  left: 4px;
  justify-content: space-between;
}

.section.our-stock .slider-wrap .slider-point .item-point {
  height: 4px;
}

.section.our-stock .slider-wrap .slider-point .item-point::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #8b949f;
  border-radius: 50%;
}

.section.our-stock .util-wrap {
  position: relative;
  margin-bottom: 15px;
}

.section.our-stock .util-wrap .util-section {
  position: relative;
  border: 1px solid #e3e3e3;
}

.section.our-stock .util-wrap .util-section .btn-close-util-section {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
}

.section.our-stock .util-wrap .util-section .btn-close-util-section::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 2px;
  margin: -1px 0 0 -13px;
  background-color: #fff;
  transform: rotate(45deg);
}

.section.our-stock .util-wrap .util-section .btn-close-util-section::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 26px;
  margin: -13px 0 0 -1px;
  background-color: #fff;
  transform: rotate(45deg);
}

.section.our-stock .util-wrap .head {
  background-color: #212121;
}

.section.our-stock .util-wrap .head strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 15px 60px 15px 20px;
  font-size: 2rem;
  color: #fff;
}

.section.our-stock .util-wrap .cont {
  padding: 15px 20px 20px;
  background-color: #f1f2f5;
}

.section.our-stock .util-wrap .cont-section {
  padding-bottom: 30px;
}

.section.our-stock .util-wrap .cont-section:last-child {
  padding-bottom: 0;
}

.section.our-stock .util-wrap .cont-section .required-field {
  margin-bottom: 8px;
  font-size: 1.4rem;
  text-align: right;
}

.section.our-stock .util-wrap .cont-section .page-sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
  font-size: 1.8rem;
}

.section.our-stock .util-wrap .cont-section .row {
  position: relative;
  padding-top: 15px;
}

.section.our-stock .util-wrap .cont-section .row label,
.section.our-stock .util-wrap .cont-section .row .row-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

.section.our-stock .util-wrap .cont-section .row textarea {
  width: 100%;
  height: 100px;
}

.section.our-stock .util-wrap .cont-section .row .check-message {
  margin-bottom: -5px;
}

.section.our-stock .util-wrap .cont-section .agree label {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  height: auto;
  margin-top: 11px;
  margin-bottom: 0;
  line-height: inherit;
}

.section.our-stock .util-wrap .cont-section .agree label::before {
  top: -6px;
}

.section.our-stock .util-wrap .cont-section .agree label::after {
  top: 10px;
}

.section.our-stock .util-wrap .cont-section .click-to-view {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 17px;
  font-size: 1.4rem;
}

.section.our-stock .util-wrap .cont-section .click-to-view span {
  display: block;
  position: relative;
}

.section.our-stock .util-wrap .cont-section .click-to-view span::before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #002c5f;
}

.section.our-stock .util-wrap .cont-section .upload-photos .upload-btn-area {
  position: absolute;
  top: 21px;
  right: 0;
  width: 120px;
}

.section.our-stock .util-wrap .cont-section .upload-photos .btn-file-upload {
  width: 120px;
}

.section.our-stock .util-wrap .cont-section .upload-photos .input-file {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.section.our-stock .util-wrap .cont-section .upload-photos .file-name {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.section.our-stock .util-wrap .cont-section .range-area label {
  margin-bottom: 15px;
}

.section.our-stock .util-wrap .cont-section .range-area .slider-wrap .slider-txt .item-txt {
  width: auto;
}

.section.our-stock .util-wrap .cont-section .disclaimer {
  margin-bottom: 40px;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner {
  padding: 15px 20px 10px;
  border: 1px solid #2b333d;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner dl {
  min-width: 1px;
  line-height: 1.8;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner dl::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner dl dt {
  float: left;
}

.section.our-stock .util-wrap .cont-section .loan-detail .loan-detail-inner dl dd {
  font-weight: 600;
  float: right;
}

.section.our-stock .util-wrap .cont-section .loan-term .slider-txt {
  font-weight: 600;
  display: block;
  position: absolute;
  top: -30px;
}

.section.our-stock .util-wrap .cont-section .loan-term .slider-txt span {
  margin-right: 5px;
}

.section.our-stock .util-wrap .cont-section .loan-amount .input-text-wrap {
  position: relative;
  padding-left: 20px;
}

.section.our-stock .util-wrap .cont-section .loan-amount .input-text-wrap .unit {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 46px;
}

.section.our-stock .util-wrap .cont-section .loan-amount .input-text-wrap input {
  text-align: right;
}

.section.our-stock .util-wrap .cont-section .interest-rate .input-text-wrap {
  position: relative;
  padding-right: 20px;
}

.section.our-stock .util-wrap .cont-section .interest-rate .input-text-wrap input {
  text-align: right;
}

.section.our-stock .util-wrap .cont-section .interest-rate .input-text-wrap .unit {
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 46px;
  text-align: right;
}

.section.our-stock .util-wrap .cont-section .years-elapsed .slider-wrap .slider-txt {
  right: 1px;
  left: 1px;
}

.section.our-stock .util-wrap .cont-section .years-elapsed .slider-wrap .slider-inner {
  margin-top: 15px;
  margin-bottom: 65px;
}

.section.our-stock .util-wrap .cont-section .details-of-loan {
  margin: 0 20px;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner {
  margin-bottom: 30px;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner dl {
  min-width: 1px;
  line-height: 1.6;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner dl::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner dl dt {
  float: left;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-inner dl dd {
  font-weight: 600;
  float: right;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-circle {
  min-width: 1px;
  margin-bottom: 15px;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-circle::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-circle .donut-graph {
  left: 50%;
  transform: translate(-50%, 0);
}

.section.our-stock .util-wrap .cont-section .details-of-loan .details-of-loan-circle .owned {
  clear: both;
  text-align: center;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner {
  min-width: 1px;
  margin: 0 -1% 0 12px;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li {
  float: left;
  width: 33%;
  margin-left: 6px;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li:first-child {
  margin-left: -12px;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li a {
  float: left;
  width: 100%;
  padding: 0;
  background-color: #212121;
}

.section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner .is-active a {
  background-color: #002c5f;
}

.section.our-stock .util-wrap .cont-section .weekly-repayment .txt {
  font-weight: 600;
}

.section.our-stock .util-wrap .cont-section .weekly-repayment .txt .unit {
  margin-right: 5px;
}

.section.our-stock .util-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner {
  margin-top: 0;
  margin-bottom: 35px;
}

.section.our-stock .util-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner .ui-slider {
  margin: 0 5px;
}

.section.our-stock .util-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner .ui-slider-range {
  right: -5px;
  left: -5px;
}

.section.our-stock .util-wrap .cont-section .vehicle-condition .slider-wrap .slider-txt .item-txt:nth-child(2) {
  margin-right: -32px;
}

.section.our-stock .util-wrap .cont-section.additional {
  padding-bottom: 15px;
}

/* [util-wrap] search-by-budget */
.section.our-stock .util-wrap .search-by-budget .spend-upto .value::after {
  font-weight: 600;
  content: " *";
  margin-left: -3px;
  color: #000;
}

.section.our-stock .util-wrap .search-by-budget .cont .disclaimer:before {
  font-weight: 600;
  content: " *";
  position: relative;
  top: -1px;
  margin-right: 3px;
  color: #000;
}

.section.our-stock .util-wrap .search-by-budget .cont-section .disclaimer br {
  display: none;
}

/* [util-wrap] search-by-budget */
.section.our-stock .our-stock-inner {
  position: relative;
}

.section.our-stock .refine-your-search-wrap {
  margin-bottom: 20px;
}

.section.our-stock .refine-your-search-wrap .btn-refine-your-search-menu {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  position: relative;
  height: 60px;
  padding: 0 20px;
  background-color: #212121;
  font-size: 1.8rem;
  line-height: 60px;
  color: #fff;
}

.section.our-stock .refine-your-search-wrap .btn-refine-your-search-menu::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -10px;
  border-width: 3px;
  border-style: solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(135deg);
  border-radius: 3px;
}

.section.our-stock .refine-your-search-wrap.is-active .btn-refine-your-search-menu::before {
  margin-top: -4px;
  transform: rotate(-45deg);
}

.section.our-stock .refine-your-search-wrap .search-result {
  padding: 8px 20px;
  background-color: #e3e3e3;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list {
  padding: 7px 0;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li {
  position: relative;
  line-height: 30px;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  line-height: 30px;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li .txt {
  display: block;
  margin: 0 30px 0 80px;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li .btn-match-list-delete {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: -6px;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li .btn-match-list-delete::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  margin: -1px 0 0 -10px;
  background-color: #000;
  transform: rotate(45deg);
}

.section.our-stock .refine-your-search-wrap .search-result .match-list li .btn-match-list-delete::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 20px;
  margin: -10px 0 0 -1px;
  background-color: #000;
  transform: rotate(45deg);
}

.section.our-stock .refine-your-search-wrap .search-result .btn-clear-result {
  display: inline-block;
  position: relative;
}

.section.our-stock .refine-your-search-wrap .search-result .btn-clear-result::before {
  content: "";
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #002c5f;
}

.section.our-stock .refine-your-search-wrap .search-wrap {
  display: none;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item {
  border-bottom: 1px solid #f1f2f5;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item.fuel-type {
  border-bottom: none;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item.is-active {
  border-bottom: none;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item .btn-item-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  height: 40px;
  padding: 0 20px;
  font-size: 1.6rem;
  line-height: 40px;
  color: #fff;
  background-color: #666;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item .btn-item-tit::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  margin-top: -10px;
  border-width: 3px;
  border-style: solid;
  border-color: #fff #fff transparent transparent;
  transform: rotate(135deg);
  border-radius: 3px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item-cont {
  display: none;
  min-width: 1px;
  position: relative;
  padding: 15px 20px;
  background-color: #f1f2f5;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item-cont::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap {
  position: relative;
}

.section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=checkbox] + label,
.section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=radio] + label {
  margin-right: 0;
  padding-left: 40px;
  font-size: 1.2rem;
}

.section.our-stock .refine-your-search-wrap .search-wrap .type .check-wrap {
  float: left;
  width: 33%;
}

.section.our-stock .refine-your-search-wrap .search-wrap .make-model .select-wrap {
  position: relative;
  margin: -15px 0 -15px 90px;
  padding: 7px 0 21px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .make-model .select-wrap:last-child {
  padding-bottom: 7px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .make-model .select-wrap label {
  position: absolute;
  top: 7px;
  left: -90px;
  height: 46px;
  line-height: 46px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .select-wrap {
  float: left;
  width: calc(50% - 5px);
  padding-bottom: 17px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .select-wrap label {
  display: block;
  margin-bottom: 6px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .select-wrap:first-child {
  margin-right: 10px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-wrap {
  padding: 30px 0 0;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-wrap {
  clear: both;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-wrap .age-and-kms-slider {
  margin-top: 0;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-wrap .age-and-kms-txt {
  position: absolute;
  top: -3px;
  right: 0;
  left: 0;
  font-size: 1.6rem;
}

.section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-wrap .age-and-kms-txt .value-wrap {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  color: #666;
  white-space: nowrap;
}

.section.our-stock .refine-your-search-wrap .search-wrap .transmission .check-wrap {
  float: left;
  width: 50%;
}

.section.our-stock .refine-your-search-wrap .search-wrap .body-type .select-wrap,
.section.our-stock .refine-your-search-wrap .search-wrap .fuel-type .select-wrap {
  margin: -7px 0;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap {
  padding-bottom: 30px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  font-size: 1.6rem;
  color: #666;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt .slider-tit {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt .price-txt-inner {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.6rem;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt span {
  position: relative;
  float: left;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt .max {
  padding-left: 7px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap .price-txt .max::before {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  text-align: center;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .budget-wrap .budget-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: -32px;
  left: 0;
  right: 0;
  font-size: 1.6rem;
  color: #666;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .budget-wrap .budget-txt .slider-tit {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .select-wrap label {
  display: block;
  margin-bottom: 6px;
  padding-top: 20px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .input-text-wrap label {
  display: block;
  margin-bottom: 6px;
  padding-top: 20px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap {
  padding-top: 25px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-head strong {
  display: block;
  margin-bottom: 7px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-cont {
  position: relative;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-cont > div {
  line-height: 28px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-cont .btn-change {
  position: absolute;
  top: 50%;
  right: 0;
  width: 100px;
  height: 40px;
  margin-top: -20px;
  line-height: 40px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify {
  display: none;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify label {
  position: absolute;
  top: 0;
  left: 0;
  width: 165px;
  height: 46px;
  line-height: 46px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify .unit {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 50px;
  height: 46px;
  padding-left: 10px;
  line-height: 46px;
  text-align: left;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify .loan {
  margin-bottom: 10px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div {
  position: relative;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div > .inner {
  min-width: 1px;
  padding: 0 50px 0 165px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div > .inner::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div > .inner input {
  width: 70px;
  text-align: right;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div > .inner input {
  float: right;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify > div > .inner .unit {
  float: right;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-modify .btn-area {
  width: auto;
  margin: 0 15px;
  padding: 20px 0 15px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap.is-modify .estimate-cont {
  display: none;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap.is-modify .estimate-modify {
  display: block;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .btn-information {
  display: block;
  height: 34px;
  margin-top: 13px;
  background-color: #888888;
  color: #fff;
  line-height: 34px;
  text-align: center;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .info-txt {
  padding: 15px 0;
  line-height: 28px;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .info-txt a {
  display: inline-block;
  position: relative;
}

.section.our-stock .refine-your-search-wrap .search-wrap .budget .info-txt a::before {
  content: "";
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #002c5f;
}

.section.our-stock .refine-your-search-wrap .search-wrap .refine-your-search {
  padding: 30px 20px;
  border: 1px solid #ebecec;
  background-color: #fff;
}

.section.our-stock .refine-your-search-wrap.is-active .btn-refine-your-search::before {
  margin-top: -4px;
  transform: rotate(-45deg);
}

.section.our-stock .refine-your-search-wrap .search-wrap .item.is-active .btn-item-tit::before {
  margin-top: -4px;
  transform: rotate(-45deg);
}

.section.our-stock .refine-your-search-wrap .search-wrap .item.is-active .item-cont {
  display: block;
}

.section.our-stock .refine-view .vehicle-comparison {
  display: none;
  margin-bottom: 40px;
}

.section.our-stock .refine-view .vehicle-comparison.is-active {
  display: block;
}

.section.our-stock .refine-view .vehicle-comparison-inner {
  min-height: 163px;
  border: 1px solid #e3e3e3;
  background-color: #f1f2f5;
}

.section.our-stock .refine-view .vehicle-comparison-inner.is-fixed {
  position: fixed;
  top: 50px;
  left: 20px;
  right: 20px;
  z-index: 20;
}

.section.our-stock .refine-view .vehicle-comparison-inner .vehicle-comparison-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding: 8px 10px;
  background-color: #212121;
  color: #fff;
}

.section.our-stock .refine-view .vehicle-comparison-inner .vehicle-comparison-cont {
  padding: 8px 8px 20px;
  text-align: center;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model {
  min-width: 1px;
  margin: 0 -1% 10px 16px;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li {
  position: relative;
  float: left;
  width: 33%;
  margin-top: 8px;
  margin-left: 8px;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(3n-2) {
  margin-left: -16px;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(1),
.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(2),
.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(3) {
  margin-top: 0;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li .btn-delete-vehicle-comparison {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background-color: rgba(0, 0, 0, 0.7);
  text-indent: -9999px;
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li .btn-delete-vehicle-comparison::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background-color: #fff;
  transform: rotate(45deg);
}

.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li .btn-delete-vehicle-comparison::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 14px;
  margin: -7px 0 0 -1px;
  background-color: #fff;
  transform: rotate(45deg);
}

.section.our-stock .refine-view .vehicle-comparison-inner p {
  margin-bottom: 16px;
  font-size: 1.4rem;
  color: #888888;
  text-align: left;
}

.section.our-stock .refine-view .vehicle-comparison-inner .btn-compare {
  width: 140px;
}

.section.our-stock .refine-view .refine-view-not-found {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 300px;
  border: 1px solid #e3e3e3;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.section.our-stock .refine-view .refine-view-not-found p {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
  line-height: 1.7;
}

.section.our-stock .refine-view .refine-view-not-found p span {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
}

.section.our-stock .refine-view .sort-area {
  position: relative;
  margin-bottom: 20px;
  padding: 7px 20px;
  background-color: #f1f2f5;
}

.section.our-stock .refine-view .sort-area .select-wrap {
  position: relative;
  margin-right: 120px;
}

.section.our-stock .refine-view .sort-area .select-wrap select {
  padding-right: 30px;
}

.section.our-stock .refine-view .sort-area .select-layout {
  position: absolute;
  top: 10px;
  right: 10px;
}

.section.our-stock .refine-view .sort-area .select-layout li {
  float: left;
}

.section.our-stock .refine-view .sort-area .select-layout li a {
  overflow: hidden;
  position: relative;
  float: left;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
}

.section.our-stock .refine-view .sort-area .select-layout li a::before {
  content: "";
  position: absolute;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.section.our-stock .refine-view .sort-area .select-layout li .btn-list::before {
  top: 13px;
  left: 8px;
  width: 23px;
  height: 15px;
  background-position: -215px -150px;
}

.section.our-stock .refine-view .sort-area .select-layout li .btn-thumb::before {
  top: 9px;
  left: 9px;
  width: 22px;
  height: 22px;
  background-position: -239px -150px;
}

.section.our-stock .refine-view .sort-area .select-layout li .btn-gallery::before {
  top: 10px;
  left: 5px;
  width: 30px;
  height: 20px;
  background-position: -262px -150px;
}

.section.our-stock .refine-view .sort-area .select-layout .is-active a {
  background-color: #212121;
  border-radius: 50%;
}

.section.our-stock .refine-view .sort-area .select-layout .is-active .btn-list::before {
  background-position: -215px -173px;
}

.section.our-stock .refine-view .sort-area .select-layout .is-active .btn-thumb::before {
  background-position: -239px -173px;
}

.section.our-stock .refine-view .sort-area .select-layout .is-active .btn-gallery::before {
  background-position: -262px -173px;
}

.section.our-stock .refine-view .item-wrap {
  margin-bottom: 40px;
}

.section.our-stock .refine-view .view-item {
  min-width: 1px;
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #e3e3e3;
}

.section.our-stock .refine-view .view-item::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock .refine-view .view-item:last-child {
  margin-bottom: 0;
}

.section.our-stock .refine-view .view-item .model {
  margin-top: -10px;
  padding: 5px;
  border-bottom: 1px solid #dadbdc;
}

.section.our-stock .refine-view .view-item .model strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
}

.section.our-stock .refine-view .view-item .model strong .year {
  display: block;
}

.section.our-stock .refine-view .view-item .price {
  font-weight: 600;
  padding: 3px 5px;
  border-bottom: 1px solid #dadbdc;
  font-size: 1.4rem;
}

.section.our-stock .refine-view .view-item .price .drive-away {
  position: relative;
}

.section.our-stock .refine-view .view-item .price .drive-away .tooltip {
  position: absolute;
  top: 0;
  left: 90px;
  z-index: -1;
  width: 190px;
  padding: 5px 30px 5px 10px;
  background-color: #282828;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  opacity: 0;
  transition: opacity ease 0.6s;
}

.section.our-stock .refine-view .view-item .price .drive-away .tooltip::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
  left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  border-color: transparent #282828 transparent transparent;
}

.section.our-stock .refine-view .view-item .price strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  margin-top: -2px;
  font-size: 2rem;
}

.section.our-stock .refine-view .view-item .price.is-active .tooltip {
  opacity: 1;
  z-index: 10;
}

.section.our-stock .refine-view .view-item .selected {
  padding: 8px 5px;
}

.section.our-stock .refine-view .view-item .gallery {
  margin: 0 5px 15px;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item {
  display: none;
  position: relative;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(1) {
  display: block;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(1) img {
  width: 100%;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item .sticker {
  display: none;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item.special .sticker {
  font-weight: 600;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 10;
  padding: 5px 10px 2px;
  background-color: #002c5f;
  font-size: 1.4rem;
  color: #fff;
}

.section.our-stock .refine-view .view-item .gallery .gallery-item.special .sticker .star {
  position: relative;
  top: -1px;
  left: 1px;
}

.section.our-stock .refine-view .view-item .spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.section.our-stock .refine-view .view-item .spec .data {
  position: relative;
  width: 50%;
  padding-right: 10px;
  font-size: 1.4rem;
  line-height: 1.3;
  word-break: break-all;
}

.section.our-stock .refine-view .view-item .spec .data dt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 85px;
}

.section.our-stock .refine-view .view-item .spec .data dd {
  float: left;
  padding-left: 85px;
}

.section.our-stock .refine-view .btn-view-details {
  clear: both;
  width: 100%;
}

/* layout-list : s */
.section.our-stock .refine-view .layout-list .view-item .gallery {
  float: left;
  width: 45%;
  margin: 0;
  padding-left: 5px;
}

.section.our-stock .refine-view .layout-list .view-item .gallery .gallery-item.special .sticker {
  bottom: 0;
}

.section.our-stock .refine-view .layout-list .view-item .spec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  width: 55%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-left: 8px;
}

.section.our-stock .refine-view .layout-list .view-item .spec .data {
  position: relative;
  width: 52%;
  line-height: 1.3;
  word-break: break-all;
}

.section.our-stock .refine-view .layout-list .view-item .spec .data dt {
  display: none;
}

.section.our-stock .refine-view .layout-list .view-item .spec .data dd {
  float: left;
  padding-left: 0;
}

.section.our-stock .refine-view .layout-list .view-item .spec .data:nth-child(2n) {
  width: 48%;
}

.section.our-stock .refine-view .layout-list .view-item .btn-view-details {
  margin-top: 15px;
}

/* layout-list : e */
.section.our-stock .refine-view .btn-load-more {
  display: block;
  position: relative;
  margin-bottom: 30px;
  padding: 5px 10px 20px;
  border: 1px solid #e3e3e3;
  background-color: #f1f2f5;
  text-align: center;
}

.section.our-stock .refine-view .btn-load-more::before {
  content: "";
  display: inline-block;
  position: absolute;
  bottom: 10px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -6px;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #888888 transparent transparent transparent;
}

.section.our-stock .warning {
  padding-top: 15px;
  border-top: 1px solid #f1f2f5;
}

.section.our-stock .warning li {
  position: relative;
  text-indent: 8px;
  font-size: 1.4rem;
}

.section.our-stock .warning li::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #000;
  border-radius: 50%;
}

@media (min-width: 360px) {
  .section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=checkbox] + label,
.section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=radio] + label {
    margin-right: 20px;
    padding-left: 42px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1024px) {
  .section.our-stock .util-our {
    top: 82px;
    right: 24px;
    left: auto;
    width: auto;
  }
  .section.our-stock .util-our a {
    float: left;
    width: 120px;
    height: 46px;
    margin: 0 0 0 10px;
    padding: 9px 0 9px 40px;
    line-height: 1;
    text-align: left;
  }
  .section.our-stock .util-our a:first-child {
    margin-left: 0;
  }
  .section.our-stock .util-our a::before {
    transform: none;
  }
  .section.our-stock .util-our .btn-budget::before {
    top: 11px;
    left: 9px;
  }
  .section.our-stock .util-our .btn-calculator::before {
    top: 10px;
    left: 8px;
  }
  .section.our-stock .util-our .btn-trade-in::before {
    top: 10px;
    left: 14px;
  }
  .section.our-stock .util-our .btn-find-a-car::before {
    top: 13px;
    left: 5px;
  }
  .section.our-stock .util-wrap {
    margin-bottom: 0;
  }
  .section.our-stock .util-wrap.is-active {
    margin-bottom: 40px;
  }
  .section.our-stock .util-wrap .cont-section .required-field {
    position: absolute;
    top: 26px;
    right: 20px;
  }
  .section.our-stock .util-wrap .cont {
    position: relative;
    min-width: 1px;
    padding: 57px 20px 30px;
  }
  .section.our-stock .util-wrap .cont::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .util-wrap .cont .cont-inner {
    min-width: 1px;
  }
  .section.our-stock .util-wrap .cont .cont-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .util-wrap .cont-section .page-sub-tit {
    margin-bottom: 5px;
  }
  .section.our-stock .util-wrap .cont-section .row {
    padding-top: 25px;
  }
  .section.our-stock .util-wrap .cont-section .row textarea {
    height: 120px;
  }
  .section.our-stock .util-wrap .cont-section .agree label::before {
    top: -2px;
  }
  .section.our-stock .util-wrap .cont-section .upload-photos .upload-btn-area {
    position: relative;
    top: auto;
    right: auto;
  }
  .section.our-stock .util-wrap .cont-section .upload-photos .file-name {
    position: absolute;
    top: 64px;
    right: 0;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner {
    margin: 0;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li {
    width: 100%;
    margin: 15px 0 0;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li:first-child {
    margin: 0;
  }
  .section.our-stock .util-wrap .cont-section .btn-area [class^=btn-t] {
    width: 196px;
  }
  .section.our-stock .util-wrap .cont-section .comments br {
    display: none;
  }
  /* [util-wrap] search-by-budget */
  .section.our-stock .util-wrap .search-by-budget .cont {
    padding-top: 34px;
  }
  .section.our-stock .util-wrap .search-by-budget .cont .disclaimer:before {
    font-weight: 600;
    content: " *";
    position: relative;
    top: -1px;
    color: #000;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .row label,
.section.our-stock .util-wrap .search-by-budget .cont-section .row .row-tit {
    margin-bottom: 12px;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section {
    min-width: 1px;
    margin-left: 100px;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .row {
    float: left;
    margin-left: 50px;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .per {
    width: 31.8%;
    margin-left: -100px;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .spend-upto {
    width: 34.1%;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .deposit {
    width: 34.1%;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section:nth-child(2) {
    margin-left: 0;
    padding: 15px 0 0;
    border-top: 1px solid #e3e3e3;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .btn-area {
    display: block;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .disclaimer {
    margin-bottom: 30px;
    padding: 0;
  }
  .section.our-stock .util-wrap .search-by-budget .cont-section .disclaimer br {
    display: block;
  }
  /* [util-wrap] search-by-budget */
  /* [util-wrap] finance-calculator */
  .section.our-stock .util-wrap .finance-calculator .cont .cont-inner {
    margin: 0 -1% 0 40px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section {
    float: left;
    width: 33%;
    margin-left: 20px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(1),
.section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(4) {
    margin-left: -40px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(1) {
    padding-right: 20px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(2) {
    position: relative;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 1px;
    height: 636px;
    background-color: #e3e3e3;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    width: 1px;
    height: 636px;
    background-color: #e3e3e3;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(3) {
    padding-left: 20px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section:nth-child(4) {
    clear: both;
    float: none;
    width: auto;
    margin-right: 1%;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section {
    float: left;
    width: 33%;
    margin-left: 20px;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section .details-of-loan-wrap {
    margin-top: 15px;
    padding: 0 20px;
    border: 1px solid #1f2731;
  }
  .section.our-stock .util-wrap .finance-calculator .cont .cont-section .details-of-loan {
    margin: 0;
  }
  /* [util-wrap] book-a-test-drive */
  /* .section.our-stock .util-wrap .book-a-test-drive .cont-section .preferred-date{float:left;width:calc(50% - 5px);margin-right:5px}
     .section.our-stock .util-wrap .book-a-test-drive .cont-section .preferred-time{float:left;width:calc(50% - 5px);margin-left:5px} */
  .section.our-stock .util-wrap .book-a-test-drive .cont-section .agree {
    clear: both;
  }
  /* [util-wrap] value-my-trade-in-enquiry */
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont {
    padding: 57px 40px 30px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-inner {
    margin: 0;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section {
    float: left;
    width: 50%;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(1) {
    padding-right: 40px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(2) {
    position: relative;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 376px;
    background-color: #e3e3e3;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(2),
.section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(3) {
    padding-left: 40px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont .cont-section:nth-child(4) {
    clear: both;
    width: 100%;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .first-name {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .last-name {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .email {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .phone {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .comments {
    clear: both;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .brand {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .model {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .year {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .odometer {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .upload-photos {
    clear: both;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .additional {
    float: right;
  }
  .section.our-stock .util-wrap .value-my-trade-in-enquiry .cont-section .click-to-view-wrap {
    margin-bottom: 30px;
  }
  /* [util-wrap] enquiry-form */
  .section.our-stock .util-wrap .enquiry-form .cont {
    padding: 57px 40px 30px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-inner {
    margin-left: 45px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-section {
    float: left;
    width: 50%;
    margin-left: 45px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-section:nth-child(1) {
    margin-left: -45px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-section:nth-child(2) {
    position: relative;
    padding-left: 40px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-section:nth-child(2)::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 376px;
    background-color: #e3e3e3;
  }
  .section.our-stock .util-wrap .enquiry-form .cont .cont-section:nth-child(3) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -45px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont-section .first-name {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont-section .last-name {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont-section .email {
    float: left;
    width: calc(50% - 10px);
    margin-right: 10px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont-section .phone {
    float: left;
    width: calc(50% - 10px);
    margin-left: 10px;
  }
  .section.our-stock .util-wrap .enquiry-form .cont-section .click-to-view-wrap {
    margin-bottom: 30px;
  }
  .section.our-stock .util-wrap .cont-section .click-to-view-wrap {
    border-bottom: 1px solid #e3e3e3;
  }
  .section.our-stock .util-wrap .cont-section .disclaimer {
    padding: 10px 10px 0;
  }
  .section.our-stock .page-tit {
    position: absolute;
    top: 93px;
    right: 24px;
    left: 24px;
    margin: 0;
  }
  .section.our-stock .our-stock-inner {
    min-width: 1px;
    margin-left: 8px;
  }
  .section.our-stock .our-stock-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-your-search-wrap {
    float: left;
    width: 26.6%;
    margin-left: -8px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .item .btn-item-tit {
    padding: 0 10px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=checkbox] + label,
.section.our-stock .refine-your-search-wrap .search-wrap .item-cont .check-wrap input[type=radio] + label {
    padding-left: 32px;
  }
  .section.our-stock .refine-your-search-wrap .search-result {
    padding: 8px 10px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .item-cont {
    padding: 8px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .make-model .select-wrap {
    margin: -7px 0 -7px 90px;
    padding-bottom: 15px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .body-type .select-wrap,
.section.our-stock .refine-your-search-wrap .search-wrap .fuel-type .select-wrap {
    margin: 0;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .price .price-slider {
    margin: 43px 0 22px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .price .price-wrap {
    padding-bottom: 12px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .price .select-wrap label {
    padding-top: 10px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-cont {
    padding-right: 90px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .budget .estimate-wrap .estimate-cont .btn-change {
    width: 74px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .budget .btn-information {
    height: auto;
    padding: 5px 15px;
    line-height: 20px;
    word-break: keep-all;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .age-and-kms .age-and-kms-slider {
    margin-bottom: 22px;
  }
  .section.our-stock .refine-view {
    float: left;
    width: 73.4%;
    margin-left: 8px;
  }
  .section.our-stock .refine-view::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .refine-view-not-found p span {
    margin-top: 7px;
  }
  .section.our-stock .refine-view .sort-area {
    margin-bottom: 20px;
    padding: 7px 8px;
  }
  .section.our-stock .refine-view .sort-area .select-wrap {
    margin-right: 402px;
  }
  .section.our-stock .refine-view .sort-area .select-layout {
    right: 8px;
  }
  .section.our-stock .refine-view .sort-area .select-layout li {
    margin-left: 10px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .vehicle-comparison-cont {
    padding: 10px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .vehicle-comparison-cont::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model {
    float: left;
    margin: -10px 0 10px -30px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model li {
    width: auto;
    margin: 10px 0 0 30px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(1) {
    margin-left: 30px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(1),
.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(2),
.section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(3) {
    margin-top: 10px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model li:nth-child(3n-2) {
    margin-left: 30px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .selected-model li img {
    float: left;
    width: 119px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner.is-fixed {
    top: 111px;
    right: 24px;
    left: calc(26.6% + 17px);
  }
  .section.our-stock .refine-view .vehicle-comparison-inner p {
    display: none;
    float: left;
    margin-top: 30px;
    margin-left: 20px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner p.is-active {
    display: block;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner .btn-compare {
    float: right;
  }
  .section.our-stock .warning {
    padding: 15px 0;
  }
  .section.our-stock .refine-view .item-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .view-item {
    position: relative;
    margin-bottom: 20px;
  }
  .section.our-stock .refine-view .view-item::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .view-item .model {
    padding: 23px 0 14px;
  }
  .section.our-stock .refine-view .view-item .model strong {
    font-size: 2rem;
  }
  .section.our-stock .refine-view .view-item .model strong .year {
    display: inline;
  }
  .section.our-stock .refine-view .view-item .price {
    position: absolute;
    top: 0;
    right: 10px;
    padding: 7px;
    border-bottom: none;
  }
  .section.our-stock .refine-view .view-item .price .drive-away {
    display: block;
  }
  .section.our-stock .refine-view .view-item .price strong {
    margin-top: -5px;
  }
  .section.our-stock .refine-view .view-item .price .drive-away .tooltip {
    left: auto;
    right: 80px;
    width: 224px;
    padding: 5px 10px;
  }
  .section.our-stock .refine-view .view-item .price .drive-away .tooltip::before {
    right: -5px;
    left: auto;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #282828;
  }
  .section.our-stock .refine-view .view-item .selected {
    padding: 8px 0;
  }
  .section.our-stock .refine-view .view-item .gallery {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    width: 68%;
    margin: 0;
  }
  .section.our-stock .refine-view .view-item .gallery::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .view-item .gallery .gallery-item {
    display: block;
    float: left;
  }
  .section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(1) {
    width: 49.5%;
  }
  .section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(2),
.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(3),
.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(4),
.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(5) {
    width: calc(25% - 8px);
    margin-left: 8px;
  }
  .section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(2),
.section.our-stock .refine-view .view-item .gallery .gallery-item:nth-child(3) {
    margin-bottom: 8px;
  }
  .section.our-stock .refine-view .view-item .spec {
    float: left;
    width: 32%;
    margin-top: -4px;
    padding-left: 8px;
  }
  .section.our-stock .refine-view .view-item .spec .data {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.45;
  }
  .section.our-stock .refine-view .view-item .spec .data dd {
    padding-left: 80px;
    letter-spacing: -0.8px;
  }
  .section.our-stock .refine-view .btn-view-details {
    float: right;
    width: calc(32% - 8px);
    margin-top: 3px;
  }
  /* layout-list : s */
  .section.our-stock .refine-view .layout-list .view-item .gallery {
    width: 21%;
    padding-left: 0;
  }
  .section.our-stock .refine-view .layout-list .view-item .gallery .gallery-item {
    display: none;
  }
  .section.our-stock .refine-view .layout-list .view-item .gallery .gallery-item:nth-child(1) {
    display: block;
    width: 100%;
  }
  .section.our-stock .refine-view .layout-list .view-item .gallery .gallery-item.special .sticker {
    bottom: 8px;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec {
    width: 47.5%;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec .data dt {
    display: block;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec .data dd {
    padding-left: 75px;
  }
  .section.our-stock .refine-view .layout-list .view-item .btn-view-details {
    display: block;
    position: absolute;
    top: 137px;
    right: 10px;
    width: 218px;
  }
  /* layout-list : e */
  /* layout-gallery : s */
  .section.our-stock .refine-view .layout-gallery .item-wrap {
    min-width: 1px;
  }
  .section.our-stock .refine-view .layout-gallery .item-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock .refine-view .layout-gallery .view-item {
    float: left;
    width: calc(50% - 4px);
    padding: 10px 10px 20px;
  }
  .section.our-stock .refine-view .layout-gallery .view-item:nth-child(2n) {
    margin-left: 8px;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .model {
    padding: 5px 0;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .model strong {
    line-height: 1.2;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .model strong .year {
    display: block;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .price {
    padding: 3px 0;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .price {
    position: static;
    border-bottom: 1px solid #dadbdc;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .price .drive-away .tooltip {
    left: 90px;
    right: auto;
    text-align: left;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .price .drive-away .tooltip::before {
    right: auto;
    left: -5px;
    border-width: 4px 5px 4px 0;
    border-color: transparent #282828 transparent transparent;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .gallery {
    width: 100%;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .gallery .gallery-item {
    display: none;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .gallery .gallery-item:nth-child(1) {
    display: block;
    width: 100%;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .spec {
    width: 100%;
    margin: 0;
    padding: 15px 0;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .spec .data {
    width: 50%;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .spec .data dt {
    padding: 0;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .spec .data:nth-child(2n) dt {
    padding-left: 5px;
  }
  .section.our-stock .refine-view .layout-gallery .btn-view-details {
    width: 100%;
    margin: 0;
  }
  .section.our-stock .refine-view .layout-gallery + .btn-load-more {
    clear: both;
  }
  /* layout-gallery : e */
}
@media (min-width: 1280px) {
  .is-mobile .section.our-stock .our-stock-inner {
    margin-left: 0;
  }
  .is-mobile .section.our-stock .refine-your-search-wrap {
    width: 330px;
    margin-left: 0;
  }
  .is-mobile .section.our-stock .refine-view {
    width: 890px;
    margin-left: 20px;
  }
  .is-mobile .section.our-stock .util-our {
    right: 24px;
  }
  .is-mobile .section.our-stock .refine-view .vehicle-comparison-inner.is-fixed {
    top: 116px;
    width: 890px;
    left: 50%;
    margin-left: -270px;
  }
  .section.our-stock .refine-view .sort-area {
    padding: 7px 10px;
  }
  .section.our-stock .refine-view .sort-area .select-wrap {
    margin-right: 560px;
  }
  .section.our-stock .refine-view .sort-area .select-layout {
    right: 10px;
  }
  .section.our-stock .refine-your-search-wrap .search-result {
    padding: 8px 20px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .item .btn-item-tit {
    padding: 0 20px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .item-cont {
    padding: 8px 20px;
  }
  .section.our-stock .refine-your-search-wrap .search-wrap .budget .btn-information {
    padding: 5px;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner {
    margin: 0 -1% 0 20px;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li {
    width: 33%;
    margin: 0 0 0 10px;
  }
  .section.our-stock .util-wrap .cont-section .payment-frequency .payment-frequency-inner li:first-child {
    margin: 0 0 0 -20px;
  }
  .section.our-stock .refine-view .view-item .gallery {
    width: 73%;
  }
  .section.our-stock .refine-view .view-item .spec {
    width: 27%;
  }
  .section.our-stock .refine-view .view-item .gallery .gallery-item img {
    width: 100%;
    max-width: inherit;
  }
  .section.our-stock .refine-view .btn-view-details {
    position: absolute;
    top: 270px;
    right: 10px;
    width: 233px;
    margin-top: 0;
  }
  /* layout-list : s */
  .section.our-stock .refine-view .layout-list .view-item .gallery {
    width: 153px;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec {
    margin-top: 0;
    padding-left: 0;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec .data {
    padding-left: 30px;
  }
  .section.our-stock .refine-view .layout-list .view-item .spec .data dt {
    left: 30px;
  }
  .section.our-stock .refine-view .layout-list .view-item .btn-view-details {
    right: 20px;
    margin: 0;
  }
  /* layout-list : e */
  /* layout-gallery : s */
  .section.our-stock .refine-view .layout-gallery .view-item {
    width: calc(50% - 5px);
  }
  .section.our-stock .refine-view .layout-gallery .view-item:nth-child(2n) {
    margin-left: 10px;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .model {
    padding: 22px 0 15px;
    line-height: 1.5;
  }
  .section.our-stock .refine-view .layout-gallery .view-item .model strong .year {
    display: inline-block;
  }
  .section.our-stock .refine-view .layout-gallery .btn-view-details {
    position: static;
  }
  /* layout-gallery : e */
  /* .section.our-stock .warning{padding-bottom:100px} */
}
@media (min-width: 1297px) {
  .section.our-stock .our-stock-inner {
    margin-left: 0;
  }
  .section.our-stock .refine-your-search-wrap {
    width: 330px;
    margin-left: 0;
  }
  .section.our-stock .refine-view {
    width: 890px;
    margin-left: 20px;
  }
  .section.our-stock .util-our {
    right: 24px;
  }
  .section.our-stock .refine-view .vehicle-comparison-inner.is-fixed {
    top: 116px;
    width: 890px;
    left: 50%;
    margin-left: -270px;
  }
}
/*************************************************/
/* Our Stock [e] */
/*************************************************/
/*************************************************/
/* Our Stock View [s] */
/*************************************************/
.section.our-stock-view {
  padding-top: 70px;
}

.section.our-stock-view .history-back {
  position: absolute;
  top: 70px;
  right: 20px;
}

.section.our-stock-view .history-back a {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  padding-right: 30px;
  font-size: 1.5rem;
  line-height: 30px;
}

.section.our-stock-view .history-back a span {
  display: block;
  margin-right: 10px;
}

.section.our-stock-view .history-back a::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  text-indent: 100%;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -293px -150px;
  background-size: 400px;
  background-repeat: no-repeat;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-view-wrap {
  margin-bottom: 8px;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-view-wrap .gallery-item img {
  width: 100%;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-item {
  display: block;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-thumb-wrap .gallery-item img {
  width: 100%;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-thumb-wrap .gallery-thumb-prev,
.section.our-stock-view .refine-view .view-item .gallery .gallery-thumb-wrap .gallery-thumb-next {
  z-index: 20;
  width: 25px;
  height: 24px;
  margin-top: -12px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-thumb-wrap .gallery-thumb-prev {
  left: 0;
  background-position: -20px -276px;
}

.section.our-stock-view .refine-view .view-item .gallery .gallery-thumb-wrap .gallery-thumb-next {
  right: 0;
  background-position: -45px -276px;
}

.section.our-stock-view .refine-view .view-item .spec .data {
  width: 100%;
  padding: 0 5px;
  line-height: 1.7;
}

.section.our-stock-view .refine-view .view-item .spec .data dt {
  left: 5px;
  width: 100px;
  white-space: nowrap;
}

.section.our-stock-view .refine-view .view-item .spec .data dd {
  padding-left: 100px;
}

.section.our-stock-view .refine-view .view-item .rating {
  margin-bottom: 20px;
  padding: 5px 10px;
  border: 1px solid #dadbdc;
  background-color: #f1f2f5;
}

.section.our-stock-view .refine-view .view-item .rating strong {
  float: left;
  margin-right: 6px;
  font-size: 1.4rem;
  line-height: 1.7;
}

.section.our-stock-view .refine-view .view-item .rating .star {
  float: left;
  font-size: 1.4rem;
  line-height: 1.7;
}

.section.our-stock-view .refine-view .view-item .rating .ancap::after,
.section.our-stock-view .refine-view .view-item .rating .green::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .refine-view .view-item .rating .ancap .star {
  color: #002c5f;
}

.section.our-stock-view .refine-view .view-item .rating .green .star {
  color: #00aad2;
}

.section.our-stock-view .refine-view .view-item .rating .fuel-economy,
.section.our-stock-view .refine-view .view-item .rating .door-seat {
  font-size: 1.4rem;
  line-height: 1.7;
}

.section.our-stock-view .refine-view .view-item .btn-buy-online {
  margin-bottom: 34px;
}

.section.our-stock-view .refine-view .view-item .btn-buy-online.m-hidden {
  display: none;
}

.section.our-stock-view .page-sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding-bottom: 15px;
  border-bottom: 1px solid #212121;
  font-size: 1.8rem;
}

.section.our-stock-view .dealer-comments ul {
  padding: 25px 0 30px;
  font-size: 1.4rem;
}

.section.our-stock-view .dealer-comments ul li {
  margin-top: 10px;
}

.section.our-stock-view .dealer-comments ul li:first-child {
  margin-top: 0;
}

.section.our-stock-view .standard-features ul {
  position: relative;
  min-width: 1px;
  padding: 25px 0 10px;
  font-size: 1.4rem;
  line-height: 2;
}

.section.our-stock-view .standard-features ul::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .standard-features ul li {
  margin-top: 10px;
  border-bottom: 1px solid #dadbdc;
}

.section.our-stock-view .standard-features ul li:first-child {
  margin-top: 0;
}

.section.our-stock-view .aside-wrapper {
  margin-top: 35px;
}

.section.our-stock-view .aside-wrapper .aside-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  padding: 15px 20px;
  background-color: #212121;
  color: #fff;
  line-height: 1.9;
}

.section.our-stock-view .aside-wrapper .aside-tit::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  bottom: 0;
  width: 1px;
  background-color: #212121;
}

.section.our-stock-view .aside-wrapper .aside-tit::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  width: 1px;
  background-color: #212121;
}

.is-web .section.our-stock-view .aside-wrapper .aside-tit .btn-tel {
  pointer-events: none;
}

.section.our-stock-view .aside-wrapper .call-us {
  margin-bottom: 40px;
  border: 1px solid #dadbdc;
  border-bottom: none;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .btn-call-us-section-clk {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  position: relative;
  padding: 17px 0 18px 50px;
  border-bottom: 1px solid #dadbdc;
  transition: background 0.3s;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .btn-call-us-section-clk::before {
  content: "";
  position: absolute;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .make-an-offer .btn-call-us-section-clk::before {
  top: 16px;
  left: 19px;
  width: 26px;
  height: 24px;
  background-position: 0 -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .send-to-a-friend .btn-call-us-section-clk::before {
  top: 17px;
  left: 19px;
  width: 27px;
  height: 23px;
  background-position: -27px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .make-an-enquiry .btn-call-us-section-clk::before {
  top: 22px;
  left: 21px;
  width: 23px;
  height: 15px;
  background-position: -54px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .finance-calculator .btn-call-us-section-clk::before {
  top: 16px;
  left: 20px;
  width: 24px;
  height: 26px;
  background-position: -78px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .book-a-test-drive .btn-call-us-section-clk::before {
  top: 16px;
  left: 19px;
  width: 27px;
  height: 26px;
  background-position: -103px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .value-my-trade-in .btn-call-us-section-clk::before {
  top: 16px;
  left: 24px;
  width: 15px;
  height: 26px;
  background-position: -130px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .request-a-video .btn-call-us-section-clk::before {
  top: 16px;
  left: 20px;
  width: 24px;
  height: 24px;
  background-position: -146px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .print-this-page .btn-call-us-section-clk::before {
  top: 17px;
  left: 19px;
  width: 26px;
  height: 25px;
  background-position: -171px -209px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .btn-call-us-section-clk:hover,
.section.our-stock-view .aside-wrapper .call-us-wrap .is-active .btn-call-us-section-clk {
  background-color: #dadbdc;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .call-us-cont {
  padding: 15px 20px 20px;
  border-bottom: 1px solid #dadbdc;
  background-color: #f1f2f5;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section {
  padding-bottom: 30px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section:last-child {
  padding-bottom: 0;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .required-field {
  margin-bottom: 8px;
  font-size: 1.4rem;
  text-align: right;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .page-sub-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #212121;
  font-size: 1.8rem;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .row {
  position: relative;
  padding-top: 15px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .row label,
.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .row .row-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 4px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .row textarea {
  width: 100%;
  height: 100px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .row .check-message {
  margin-bottom: -5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .agree label {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  height: auto;
  margin-top: 11px;
  margin-bottom: 0;
  line-height: inherit;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .agree label::before {
  top: -6px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .agree label::after {
  top: 10px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .click-to-view {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 17px;
  font-size: 1.4rem;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .click-to-view span {
  display: block;
  position: relative;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .click-to-view span::before {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #002c5f;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .upload-photos .upload-btn-area {
  position: absolute;
  top: 21px;
  right: 0;
  width: 120px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .upload-photos .btn-file-upload {
  width: 120px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .upload-photos .input-file {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .upload-photos .file-name {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .range-area label {
  margin-bottom: 15px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .range-area .slider-wrap .slider-txt .item-txt {
  width: auto;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .disclaimer {
  margin-bottom: 40px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner {
  padding: 15px 20px 10px;
  border: 1px solid #2b333d;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner dl {
  min-width: 1px;
  line-height: 1.8;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner dl::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner dl dt {
  float: left;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-detail .loan-detail-inner dl dd {
  font-weight: 600;
  float: right;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-term .slider-txt {
  font-weight: 600;
  display: block;
  position: absolute;
  top: -30px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-term .slider-txt span {
  margin-right: 5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-amount .input-text-wrap {
  position: relative;
  padding-left: 20px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .loan-amount .input-text-wrap .unit {
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 46px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .interest-rate .input-text-wrap {
  position: relative;
  padding-right: 20px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .interest-rate .input-text-wrap input {
  text-align: right;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .interest-rate .input-text-wrap .unit {
  font-weight: 600;
  position: absolute;
  top: 0;
  right: 0;
  line-height: 46px;
  text-align: right;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .years-elapsed .slider-wrap .slider-txt {
  right: 1px;
  left: 1px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .years-elapsed .slider-wrap .slider-inner {
  margin-top: 15px;
  margin-bottom: 65px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan {
  margin: 0 20px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner {
  margin-bottom: 30px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner dl {
  min-width: 1px;
  line-height: 1.6;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner dl::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner dl dt {
  float: left;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-inner dl dd {
  font-weight: 600;
  float: right;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-circle {
  min-width: 1px;
  margin-bottom: 15px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-circle::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-circle .donut-graph {
  left: 50%;
  transform: translate(-50%, 0);
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .details-of-loan .details-of-loan-circle .owned {
  clear: both;
  text-align: center;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner {
  min-width: 1px;
  margin: 0 -1% 0 12px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li {
  float: left;
  width: 33%;
  margin-left: 6px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li:first-child {
  margin-left: -12px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li a {
  float: left;
  width: 100%;
  background-color: #212121;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner .is-active a {
  background-color: #002c5f;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .weekly-repayment .txt {
  font-weight: 600;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .weekly-repayment .txt .unit {
  margin-right: 5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner {
  margin-top: 0;
  margin-bottom: 35px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner .ui-slider {
  margin: 0 5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .vehicle-condition .slider-wrap .slider-inner .ui-slider-range {
  right: -5px;
  left: -5px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .vehicle-condition .slider-wrap .slider-txt .item-txt:nth-child(2) {
  margin-right: -32px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section.additional {
  padding-bottom: 15px;
}

.section.our-stock-view .aside-wrapper .call-us-wrap .cont-section.additional.pb0 {
  padding-bottom: 0;
}

.section.our-stock-view .aside-wrapper .similar-vehicles {
  margin-bottom: 35px;
  border: 1px solid #dadbdc;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item {
  min-width: 1px;
  border-bottom: 1px solid #dadbdc;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item:last-child {
  border-bottom: none;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item a {
  float: left;
  width: 100%;
  transition: background 0.3s;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item::after {
  content: "";
  display: block;
  clear: both;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item .image {
  float: left;
  width: 50%;
  padding: 20px 0 20px 20px;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item .info {
  font-weight: 600;
  float: left;
  width: 50%;
  margin-top: 2px;
  padding: 20px 0 0;
  font-size: 1.2rem;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item .info li:before {
  content: none;
  padding-left: 20px;
}

.section.our-stock-view .aside-wrapper .similar-vehicles .similar-item a:hover {
  background-color: #dadbdc;
}

.section.our-stock-view .warning-wrap .warning {
  clear: both;
  padding: 0;
  border-top: none;
  font-size: 1.4rem;
}

@media (min-width: 320px) {
  .section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li a {
    padding: 0 5px;
    letter-spacing: -1px;
  }
}
@media (min-width: 360px) {
  .section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li a {
    padding: 0 5px;
    letter-spacing: 0;
  }
}
@media (min-width: 414px) {
  .section.our-stock-view .aside-wrapper .call-us-wrap .cont-section .payment-frequency .payment-frequency-inner li a {
    padding: 0 10px;
  }
}
@media (min-width: 1024px) {
  .section.our-stock-view .history-back {
    top: 180px;
    right: 24px;
  }
  .section.our-stock-view .util-wrap .cont.is-head {
    padding-top: 0;
  }
  .section.our-stock-view .util-wrap .cont .cont-head {
    min-width: 1px;
    margin: 0 -10px 45px;
    padding: 20px 10px;
    border-bottom: 1px solid #e3e3e3;
  }
  .section.our-stock-view .util-wrap .cont .cont-head::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .image {
    float: left;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap {
    float: left;
    min-width: 1px;
    margin: -100px 0 0 150px;
    padding-left: 10px;
    text-align: left;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap strong {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    font-size: 2rem;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    min-width: 1px;
    margin: -3px 0 10px;
    font-size: 2rem;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap .price {
    font-weight: 600;
    float: left;
    margin-right: 10px;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap .drive-away {
    font-weight: 400;
    position: relative;
    float: left;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap .drive-away .tooltip {
    font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
    font-weight: normal;
    position: absolute;
    top: 0;
    left: 122px;
    z-index: -10;
    padding: 8px;
    background-color: #282828;
    font-size: 1.4rem;
    line-height: 1;
    color: #fff;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap .drive-away .tooltip::before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 5px 4px 0;
    border-color: transparent #282828 transparent transparent;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap .price-wrap .drive-away:hover .tooltip {
    visibility: visible;
    z-index: 10;
    opacity: 1;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul {
    clear: both;
    font-size: 1.4rem;
    line-height: 1.1;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul li {
    position: relative;
    float: left;
    margin-right: 5px;
    padding-left: 6px;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul li::before {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 0;
    width: 1px;
    background-color: #000;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul li:first-child {
    padding-left: 0;
  }
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap ul li:first-child::before {
    content: none;
  }
  .section.our-stock-view .util-wrap .cont {
    padding: 57px 10px 30px;
  }
  .section.our-stock-view .util-wrap .cont .cont-inner {
    margin: 0 0 0 20px;
  }
  .section.our-stock-view .util-wrap .cont .cont-section {
    float: left;
    width: 50%;
    margin-left: 20px;
  }
  .section.our-stock-view .util-wrap .is-head .cont-section .required-field {
    top: 156px;
  }
  .section.our-stock-view .util-wrap .cont .cont-section:nth-child(1),
.section.our-stock-view .util-wrap .cont .cont-section:nth-child(4) {
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .cont .cont-section:nth-child(2) {
    position: relative;
  }
  .section.our-stock-view .util-wrap .cont .cont-section:nth-child(2)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: calc(0% - 15px);
    left: -10px;
    width: 1px;
    background-color: #e3e3e3;
  }
  .section.our-stock-view .util-wrap .cont .cont-section:nth-child(3) {
    float: right;
  }
  .section.our-stock-view .util-wrap .cont .cont-section:nth-child(4) {
    clear: both;
    float: none;
    width: auto;
  }
  .section.our-stock-view .util-wrap .cont-section .first-name {
    float: left;
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .section.our-stock-view .util-wrap .cont-section .last-name {
    float: left;
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .section.our-stock-view .util-wrap .cont-section .email {
    float: left;
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .section.our-stock-view .util-wrap .cont-section .phone {
    float: left;
    width: calc(50% - 5px);
    margin-left: 5px;
  }
  .section.our-stock-view .util-wrap .cont-section .comments {
    clear: both;
  }
  .section.our-stock-view .util-wrap .cont-section .comments br {
    display: none;
  }
  .section.our-stock-view .util-wrap .cont-section .click-to-view-wrap {
    margin-bottom: 30px;
  }
  .section.our-stock-view .util-wrap .make-an-offer .cont .cont-section:nth-child(2)::after {
    bottom: calc(0% - 155px);
  }
  .section.our-stock-view .util-wrap .send-to-a-friend .cont .name {
    float: left;
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .section.our-stock-view .util-wrap .send-to-a-friend .cont .email {
    margin-right: 0;
    margin-left: 5px;
  }
  .section.our-stock-view .util-wrap .send-to-a-friend .cont .friends-name {
    float: left;
    width: calc(50% - 5px);
    margin-right: 5px;
  }
  .section.our-stock-view .util-wrap .send-to-a-friend .cont .cont-section:nth-child(3) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .send-to-a-friend .cont-section .row textarea {
    height: 150px;
  }
  .section.our-stock-view .util-wrap .make-an-enquiry .cont .cont-section:nth-child(3) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section {
    width: 33%;
    margin-left: 10px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-inner {
    margin: 0 -1% 0 20px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(1) {
    padding-right: 10px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(1),
.section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(4) {
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(2)::before {
    left: -10px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(2)::after {
    right: -10px;
    left: auto;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont .cont-section:nth-child(3) {
    float: left;
    padding-left: 10px;
  }
  .section.our-stock-view .util-wrap .finance-calculator .cont-section .first-name,
.section.our-stock-view .util-wrap .finance-calculator .cont-section .last-name,
.section.our-stock-view .util-wrap .finance-calculator .cont-section .phone,
.section.our-stock-view .util-wrap .finance-calculator .cont-section .email {
    float: none;
    width: auto;
    margin: 0;
  }
  .section.our-stock-view .util-wrap .book-a-test-drive .cont .cont-section:nth-child(3) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .value-my-trade-in .cont .cont-section:nth-child(3) {
    float: right;
  }
  .section.our-stock-view .util-wrap .value-my-trade-in .cont .cont-section:nth-child(4) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -20px;
  }
  .section.our-stock-view .util-wrap .request-a-video .cont .cont-section:nth-child(3) {
    clear: both;
    float: none;
    width: auto;
    margin-left: -20px;
  }
  .section.our-stock-view {
    padding-top: 140px;
  }
  .section.our-stock-view .page-tit {
    top: 180px;
  }
  .section.our-stock-view .refine-view .vehicle-comparison-inner.is-fixed {
    right: calc(33.6% + 13px);
    left: 24px;
  }
  .section.our-stock-view .refine-view {
    float: left;
    width: 66.4%;
    margin-left: -8px;
  }
  .section.our-stock-view .refine-view .view-item .gallery {
    float: none;
    width: auto;
    margin-bottom: 8px;
  }
  .section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(2),
.section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(3) {
    margin-bottom: inherit;
  }
  .section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(2),
.section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(3),
.section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(4),
.section.our-stock-view .refine-view .view-item .gallery .gallery-item:nth-child(5) {
    margin-left: inherit;
  }
  .section.our-stock-view .refine-view .view-item .btn-buy-online {
    display: none;
  }
  .section.our-stock-view .refine-view .view-item .btn-buy-online.m-hidden {
    display: block;
    margin-bottom: 20px;
  }
  .section.our-stock-view .refine-view .view-item .spec {
    clear: both;
    width: auto;
    padding: 0 10px;
  }
  .section.our-stock-view .refine-view .view-item .spec .data {
    font-size: 1.6rem;
  }
  .section.our-stock-view .refine-view .view-item .spec .data dt {
    left: 0;
  }
  .section.our-stock-view .refine-view .view-item .spec .data dd {
    padding-left: 150px;
  }
  .section.our-stock-view .refine-view .view-item .rating {
    clear: both;
  }
  .section.our-stock-view .dealer-comments ul {
    min-width: 1px;
    margin-left: 10px;
  }
  .section.our-stock-view .dealer-comments ul::after {
    content: "";
    display: block;
    clear: both;
  }
  .section.our-stock-view .dealer-comments ul li {
    position: relative;
    float: left;
    width: 50%;
    margin-top: 0;
    padding-right: 10px;
  }
  .section.our-stock-view .dealer-comments ul li:first-child {
    margin-left: -10px;
  }
  .section.our-stock-view .dealer-comments ul li:last-child {
    margin-left: 10px;
  }
  .section.our-stock-view .dealer-comments ul li:first-child:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background-color: #dadbdc;
  }
  .section.our-stock-view .standard-features ul::before {
    content: "";
    position: absolute;
    top: 30px;
    right: 50%;
    bottom: 10px;
    width: 1px;
    background-color: #dadbdc;
  }
  .section.our-stock-view .standard-features ul li {
    float: left;
    width: calc(50% - 10px);
    margin-top: 0;
  }
  .section.our-stock-view .standard-features ul li:nth-child(odd) {
    margin-right: 10px;
  }
  .section.our-stock-view .standard-features ul li:nth-child(even) {
    margin-left: 10px;
  }
  .section.our-stock-view .aside-wrapper {
    float: left;
    width: 33.6%;
    margin-top: 0;
    margin-left: 8px;
  }
  .section.our-stock-view .aside-wrapper .warning {
    display: none;
  }
  .section.our-stock-view .refine-view .view-item .rating {
    margin-bottom: 45px;
  }
  .section.our-stock-view .warning-wrap {
    margin-left: -8px;
    padding-bottom: 80px;
  }
}
@media (min-width: 1240px) {
  .section.our-stock-view .util-wrap .cont .cont-head .info-wrap {
    margin: 0;
    padding-left: 10px;
  }
}
@media (min-width: 1280px) {
  .is-mobile .section.our-stock-view .refine-view {
    width: 890px;
    margin-left: 0;
  }
  .is-mobile .section.our-stock-view .aside-wrapper {
    width: 330px;
    margin-left: 20px;
  }
  .is-mobile .section.our-stock-view .refine-view .vehicle-comparison-inner.is-fixed {
    left: 50%;
    width: 890px;
    margin-left: -620px;
  }
  .section.our-stock-view .refine-view .view-item .gallery {
    float: left;
    width: 55%;
    padding-right: 10px;
  }
  .section.our-stock-view .refine-view .view-item .spec {
    clear: none;
    float: left;
    width: 45%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .section.our-stock-view .refine-view .view-item .spec .data dd {
    padding-left: 125px;
  }
  .section.our-stock-view .refine-view .view-item .btn-buy-online {
    display: block;
    position: absolute;
    top: 517px;
    left: 0;
    float: left;
    width: calc(55% - 10px) !important;
    margin-bottom: 30px;
  }
  .section.our-stock-view .refine-view .view-item .btn-buy-online.m-hidden {
    display: none;
  }
  .section.our-stock-view .refine-view .view-item .rating {
    float: right;
    width: 45%;
    margin: 0;
  }
  .section.our-stock-view .dealer-comments {
    clear: both;
  }
  .section.our-stock-view .standard-features ul li {
    width: calc(50% - 20px);
  }
  .section.our-stock-view .standard-features ul li:nth-child(odd) {
    margin-right: 20px;
  }
  .section.our-stock-view .standard-features ul li:nth-child(even) {
    margin-left: 20px;
  }
  .section.our-stock-view .warning-wrap {
    margin-left: -20px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1297px) {
  .section.our-stock-view .refine-view {
    width: 890px;
    margin-left: 0;
  }
  .section.our-stock-view .aside-wrapper {
    width: 330px;
    margin-left: 20px;
  }
  .section.our-stock-view .refine-view .vehicle-comparison-inner.is-fixed {
    left: 50%;
    width: 890px;
    margin-left: -620px;
  }
}
/*************************************************/
/* Our Stock View [e] */
/*************************************************/
/*************************************************/
/* layer vehicle-comparison [s] */
/*************************************************/
.layer.vehicle-comparison .btn-add-another-vehicle-wrap {
  margin: 5px 35px 40px;
}

.layer.vehicle-comparison .btn-add-another-vehicle-wrap a {
  width: 100%;
}

.layer.vehicle-comparison .section.our-stock {
  padding-top: 0;
}

.layer.vehicle-comparison .section.our-stock .refine-view .item-wrap {
  margin-bottom: 40px;
}

.layer.vehicle-comparison .refine-view .view-item {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #e3e3e3;
}

.layer.vehicle-comparison .refine-view .view-item:last-child {
  margin-bottom: 0;
}

.layer.vehicle-comparison .refine-view .view-item .model {
  margin-top: -10px;
  padding: 5px;
  border-bottom: 1px solid #dadbdc;
}

.layer.vehicle-comparison .refine-view .view-item .model strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
}

.layer.vehicle-comparison .refine-view .view-item .model strong .year {
  display: block;
}

.layer.vehicle-comparison .refine-view .view-item .price {
  font-weight: 600;
  padding: 3px 5px;
  border-bottom: 1px solid #dadbdc;
  font-size: 1.4rem;
}

.layer.vehicle-comparison .refine-view .view-item .price .drive-away {
  position: relative;
}

.layer.vehicle-comparison .refine-view .view-item .price .drive-away .tooltip {
  position: absolute;
  top: 0;
  left: 90px;
  z-index: -1;
  width: 225px;
  padding: 5px 30px 5px 10px;
  background-color: #282828;
  font-size: 1.4rem;
  line-height: 1;
  color: #fff;
  opacity: 0;
  transition: opacity ease 0.3s;
}

.layer.vehicle-comparison .refine-view .view-item .price .drive-away .tooltip::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 11px;
  left: -5px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 5px 4px 0;
  border-color: transparent #282828 transparent transparent;
}

.layer.vehicle-comparison .refine-view .view-item .price strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  margin-top: -2px;
  font-size: 2rem;
}

.layer.vehicle-comparison .refine-view .view-item .price.is-active .tooltip {
  opacity: 1;
  z-index: 10;
}

.layer.vehicle-comparison .refine-view .view-item .selected {
  padding: 8px 5px;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item {
  display: none;
  position: relative;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item:nth-child(1) {
  display: block;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item:nth-child(1) img {
  width: 100%;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item .sticker {
  display: none;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item.special .sticker {
  font-weight: 600;
  display: block;
  position: absolute;
  bottom: 10px;
  left: 0;
  z-index: 10;
  padding: 5px 10px 2px;
  background-color: #002c5f;
  font-size: 1.4rem;
  color: #fff;
}

.layer.vehicle-comparison .refine-view .view-item .gallery .gallery-item.special .sticker .star {
  position: relative;
  top: -1px;
  left: 1px;
}

.layer.vehicle-comparison .refine-view .view-item .info {
  margin-bottom: 15px;
  padding-top: 15px;
  font-size: 1.6rem;
}

.layer.vehicle-comparison .refine-view .view-item .info .data {
  position: relative;
  line-height: 1.7;
  word-break: break-all;
}

.layer.vehicle-comparison .refine-view .view-item .info .data dt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
}

.layer.vehicle-comparison .refine-view .view-item .info .data dd {
  padding-left: 50%;
}

.layer.vehicle-comparison .refine-view .view-item .rating {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #e3e3e3;
}

.layer.vehicle-comparison .refine-view .view-item .rating .ancap::after {
  content: "";
  display: block;
  clear: both;
}

.layer.vehicle-comparison .refine-view .view-item .rating .green::after {
  content: "";
  display: block;
  clear: both;
}

.layer.vehicle-comparison .refine-view .view-item .rating strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  float: left;
  line-height: 2.1;
}

.layer.vehicle-comparison .refine-view .view-item .rating .star {
  float: right;
  margin-right: 25px;
  font-size: 2.4rem;
}

.layer.vehicle-comparison .refine-view .view-item .rating .ancap .star {
  color: #002c5f;
}

.layer.vehicle-comparison .refine-view .view-item .rating .green .star {
  color: #00aad2;
}

.layer.vehicle-comparison .refine-view .view-item .btn-enquire-about-this-vehicle {
  width: 100%;
  margin-bottom: 10px;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont {
  padding-bottom: 20px;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-inner {
  min-height: 150px;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont p {
  padding: 8px 10px;
  line-height: 1.7;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  margin-bottom: 5px;
  padding: 8px 10px;
  background-color: #e3e3e3;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont dl {
  position: relative;
  padding: 0 10px;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont dl dt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 0;
  left: 10px;
  line-height: 1.7;
}

.layer.vehicle-comparison .refine-view .view-item .vehicle-cont dl dd {
  padding-left: calc(50% - 10px);
}

.layer.vehicle-comparison .refine-view .view-item .btn-vehicle-close {
  overflow: hidden;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 33px;
  height: 33px;
  text-indent: -9999px;
}

.layer.vehicle-comparison .refine-view .view-item .btn-vehicle-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  margin: -1px 0 0 -12px;
  background-color: #212121;
  transform: rotate(45deg);
}

.layer.vehicle-comparison .refine-view .view-item .btn-vehicle-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;
  height: 24px;
  margin: -12px 0 0 -1px;
  background-color: #212121;
  transform: rotate(45deg);
}

.layer.vehicle-comparison .refine-view .refine-view-next,
.layer.vehicle-comparison .refine-view .refine-view-prev {
  overflow: hidden;
  position: fixed;
  top: 50%;
  z-index: 20;
  margin: 0;
  margin-top: -40px;
  width: 40px;
  height: 80px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.layer.vehicle-comparison .refine-view .refine-view-prev {
  left: 20px;
  background-position: -283px 0;
}

.layer.vehicle-comparison .refine-view .refine-view-next {
  right: 37px;
  background-position: -324px 0;
}

.is-mobile .layer.vehicle-comparison .refine-view .refine-view-next {
  right: 20px;
}

.layer.vehicle-comparison .floating-vehicle.is-fixed + .layer-cont .refine-view-prev,
.layer.vehicle-comparison .floating-vehicle.is-fixed + .layer-cont .refine-view-next {
  display: none;
}

.layer.vehicle-comparison .floating-vehicle {
  visibility: hidden;
  position: absolute;
  top: 60px;
  left: 0;
  right: 0;
  z-index: -10;
  padding: 20px;
  border: 1px solid #dadbdc;
  background-color: #f1f2f5;
  opacity: 0;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper .gallery {
  float: left;
  width: calc(48% - 4px);
  margin-right: 8px;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper .gallery img {
  width: 100%;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper .info-wrap {
  float: left;
  width: calc(52% - 4px);
  text-align: left;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  margin-top: -3px;
  margin-bottom: 8px;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper .price {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 2rem;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper .drive-away {
  font-weight: 600;
  display: block;
  margin-top: -2px;
  margin-bottom: 15px;
  font-size: 1.4rem;
}

.layer.vehicle-comparison .floating-vehicle .btn-enquire {
  float: right;
  margin-right: 60px;
  padding: 0 15px;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-next,
.layer.vehicle-comparison .floating-vehicle .floating-vehicle-prev {
  overflow: hidden;
  position: absolute;
  top: 50%;
  z-index: 20;
  margin: 0;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-prev {
  left: 0;
  background-position: 0 -150px;
}

.layer.vehicle-comparison .floating-vehicle .floating-vehicle-next {
  right: 0;
  background-position: -42px -150px;
}

.layer.vehicle-comparison .floating-vehicle.is-fixed {
  visibility: visible;
  z-index: 10;
  opacity: 1;
}

/* .layer.vehicle-comparison .floating-vehicle{visibility:visible;z-index:10;opacity:1} */
.foot-info .red-book {
  overflow: hidden;
  width: 175px;
  height: 25px;
  margin-top: 35px;
  margin-bottom: 15px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/common/sprite02.png);
  background-position: 0 -183px;
  background-size: 400px;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.foot-info .disclaimer {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 1.4rem;
  color: #00aad2;
}

.foot-info .disclaimer span {
  position: relative;
  display: block;
}

.foot-info .disclaimer span::before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 0;
  left: 0;
  height: 1px;
  background-color: #00aad2;
}

.foot-info .disclaimer-inner {
  display: none;
  margin-bottom: 50px;
  padding-left: 20px;
  font-size: 1.4rem;
}

.foot-info .disclaimer-inner.is-active {
  display: block;
}

.foot-info ul {
  font-size: 1.4rem;
}

@media (min-width: 1007px) {
  .is-web .layer.vehicle-comparison .refine-view .refine-view-next {
    right: 37px;
  }
}
@media (min-width: 1024px) {
  .layer-wrap .layer.vehicle-comparison {
    max-width: 1024px;
  }
  .layer.vehicle-comparison .btn-add-another-vehicle-wrap {
    margin: 5px 0 20px 0;
  }
  .layer.vehicle-comparison .btn-add-another-vehicle-wrap a {
    width: 238px;
  }
  .layer.vehicle-comparison .refine-view .view-item .price {
    text-align: right;
  }
  .layer.vehicle-comparison .refine-view .view-item .price .drive-away .tooltip {
    left: auto;
    right: 90px;
  }
  .layer.vehicle-comparison .refine-view .view-item .price .drive-away .tooltip::before {
    right: -5px;
    left: auto;
    border-width: 4px 0 4px 5px;
    border-color: transparent transparent transparent #282828;
  }
  .layer.vehicle-comparison .refine-view .view-item .vehicle-inner {
    min-height: 140px;
  }
  .layer.vehicle-comparison .refine-view .refine-view-prev {
    left: auto;
  }
  .layer.vehicle-comparison .floating-vehicle .floating-vehicle-wrapper strong span {
    display: block;
  }
  .layer.vehicle-comparison .floating-vehicle .floating-vehicle-prev {
    left: -1px;
  }
  .layer.vehicle-comparison .floating-vehicle .floating-vehicle-next {
    right: -1px;
  }
  .is-web .layer.vehicle-comparison .floating-vehicle.is-fixed {
    position: fixed;
    top: 0;
    right: auto;
    left: auto;
    width: 1024px;
  }
  .is-mobile .layer.vehicle-comparison .refine-view .refine-view-next {
    right: 50%;
    margin-right: -492px;
  }
}
@media (min-width: 1041px) {
  .is-web .layer.vehicle-comparison .refine-view .refine-view-next {
    right: 50%;
    margin-right: -483px;
  }
}
@media (min-width: 1280px) {
  .layer-wrap .layer.vehicle-comparison {
    max-width: 1240px;
  }
  .is-web .layer.vehicle-comparison .refine-view .refine-view-next {
    right: 50%;
    margin-right: -591px;
  }
  .is-web .layer.vehicle-comparison .floating-vehicle.is-fixed {
    width: 1240px;
  }
  .is-mobile .layer.vehicle-comparison .refine-view .refine-view-next {
    right: 50%;
    margin-right: -600px;
  }
}
/*************************************************/
/* layer vehicle-comparison [e] */
/*************************************************/
/*************************************************/
/* layer information-about-this [s] */
/*************************************************/
.layer.information-about-this .cont_area {
  padding: 5px 0;
  line-height: 26px;
}

@media (min-width: 1024px) {
  .layer.information-about-this {
    width: 680px;
  }
}
/*************************************************/
/* layer information-about-this [e] */
/*************************************************/
.carly-subscription-details p a {
  color: white;
}

.pnlm-container {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  cursor: default;
  width: 100%;
  height: 100%;
  font-family: Helvetica, "Nimbus Sans L", "Liberation Sans", Arial, sans-serif;
  background: #f4f4f4 url("./images/background.svg") repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: 0;
  line-height: 1.4;
  contain: content;
}

.pnlm-container * {
  box-sizing: content-box;
}

.pnlm-ui {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pnlm-grab {
  cursor: grab;
  cursor: url("./images/grab.svg") 12 8, default;
}

.pnlm-grabbing {
  cursor: grabbing;
  cursor: url("./images/grabbing.svg") 12 8, default;
}

.pnlm-sprite {
  background-image: url("./images/sprites.svg");
}

.pnlm-container:-moz-full-screen {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}

.pnlm-container:-webkit-full-screen {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}

.pnlm-container:-ms-fullscreen {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}

.pnlm-container:fullscreen {
  height: 100% !important;
  width: 100% !important;
  position: static !important;
}

.pnlm-render-container {
  cursor: inherit;
  /* Fix display bug in Safari 7 */
  position: absolute;
  height: 100%;
  width: 100%;
}

.pnlm-controls {
  margin-top: 4px;
  background-color: #fff;
  border: 1px solid #999;
  border-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  cursor: pointer;
  z-index: 2;
  /* Fix Safari fullscreen bug */
  -webkit-transform: translateZ(9999px);
  transform: translateZ(9999px);
}

.pnlm-control:hover {
  background-color: #f8f8f8;
}

.pnlm-controls-container {
  position: absolute;
  top: 0;
  left: 4px;
  z-index: 1;
}

.pnlm-zoom-controls {
  width: 26px;
  height: 52px;
}

.pnlm-zoom-in {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  border-radius: 3px 3px 0 0;
}

.pnlm-zoom-out {
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: 0;
  background-position: 0 -26px;
  border-top: 1px solid #ddd;
  border-top-color: rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}

.pnlm-fullscreen-toggle-button, .pnlm-orientation-button, .pnlm-hot-spot-debug-indicator {
  width: 26px;
  height: 26px;
}

.pnlm-hot-spot-debug-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 26px;
  height: 26px;
  margin: -13px 0 0 -13px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 13px;
  display: none;
}

.pnlm-orientation-button-inactive {
  background-position: 0 -156px;
}

.pnlm-orientation-button-active {
  background-position: 0 -182px;
}

.pnlm-fullscreen-toggle-button-inactive {
  background-position: 0 -52px;
}

.pnlm-fullscreen-toggle-button-active {
  background-position: 0 -78px;
}

.pnlm-panorama-info {
  position: absolute;
  bottom: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 0 3px 3px 0;
  padding-right: 10px;
  color: #fff;
  text-align: left;
  display: none;
  z-index: 2;
  /* Fix Safari fullscreen bug */
  -webkit-transform: translateZ(9999px);
  transform: translateZ(9999px);
}

.pnlm-title-box {
  position: relative;
  font-size: 20px;
  display: table;
  padding-left: 5px;
  margin-bottom: 3px;
}

.pnlm-author-box {
  position: relative;
  font-size: 12px;
  display: table;
  padding-left: 5px;
}

.pnlm-load-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 150px;
  margin: -75px 0 0 -100px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  display: none;
  color: #fff;
}

.pnlm-load-box p {
  margin: 20px 0;
}

.pnlm-lbox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  display: none;
}

.pnlm-loading {
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-name: pnlm-mv;
  -webkit-animation-name: pnlm-mv;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  animation-timing-function: linear;
  -webkit-animation-timing-function: linear;
  height: 10px;
  width: 10px;
  background-color: #fff;
  position: relative;
}

@keyframes pnlm-mv {
  from {
    left: 0;
    top: 0;
  }
  25% {
    left: 10px;
    top: 0;
  }
  50% {
    left: 10px;
    top: 10px;
  }
  75% {
    left: 0;
    top: 10px;
  }
  to {
    left: 0;
    top: 0;
  }
}
@-webkit-keyframes pnlm-mv {
  from {
    left: 0;
    top: 0;
  }
  25% {
    left: 10px;
    top: 0;
  }
  50% {
    left: 10px;
    top: 10px;
  }
  75% {
    left: 0;
    top: 10px;
  }
  to {
    left: 0;
    top: 0;
  }
}
.pnlm-load-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 100px;
  margin: -50px 0 0 -100px;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  text-align: center;
  font-size: 20px;
  display: table;
  color: #fff;
  cursor: pointer;
}

.pnlm-load-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.pnlm-load-button p {
  display: table-cell;
  vertical-align: middle;
}

.pnlm-info-box {
  font-size: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 150px;
  margin: -75px 0 0 -100px;
  background-color: #000;
  border-radius: 3px;
  display: table;
  text-align: center;
  color: #fff;
  table-layout: fixed;
}

.pnlm-info-box a {
  color: #fff;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.pnlm-info-box p {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px 0 5px;
}

.pnlm-error-msg {
  display: none;
}

.pnlm-about-msg {
  font-size: 11px;
  line-height: 11px;
  color: #fff;
  padding: 5px 8px 5px 8px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 3px;
  position: absolute;
  top: 50px;
  left: 50px;
  display: none;
  opacity: 0;
  -moz-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 1;
}

.pnlm-about-msg a:link, .pnlm-about-msg a:visited {
  color: #fff;
}

.pnlm-about-msg a:hover, .pnlm-about-msg a:active {
  color: #eee;
}

.pnlm-hotspot-base {
  position: absolute;
  visibility: hidden;
  cursor: default;
  vertical-align: middle;
  top: 0;
  z-index: 1;
}

.pnlm-hotspot {
  height: 26px;
  width: 26px;
  border-radius: 13px;
}

.pnlm-hotspot:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.pnlm-hotspot.pnlm-info {
  background-position: 0 -104px;
}

.pnlm-hotspot.pnlm-scene {
  background-position: 0 -130px;
}

div.pnlm-tooltip span {
  visibility: hidden;
  position: absolute;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  max-width: 200px;
  padding: 5px 10px;
  margin-left: -220px;
  cursor: default;
}

div.pnlm-tooltip:hover span {
  visibility: visible;
}

div.pnlm-tooltip:hover span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  bottom: -20px;
  left: -10px;
  margin: 0 50%;
}

.pnlm-compass {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 4px;
  bottom: 4px;
  border-radius: 25px;
  background-image: url("./images/compass.svg");
  cursor: default;
  display: none;
}

.pnlm-world {
  position: absolute;
  left: 50%;
  top: 50%;
}

.pnlm-face {
  position: absolute;
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
}

.pnlm-dragfix, .pnlm-preview-img {
  position: absolute;
  height: 100%;
  width: 100%;
}

.pnlm-preview-img {
  background-size: cover;
  background-position: center;
}

.pnlm-lbar {
  width: 150px;
  margin: 0 auto;
  border: #fff 1px solid;
  height: 6px;
}

.pnlm-lbar-fill {
  background: #fff;
  height: 100%;
  width: 0;
}

.pnlm-lmsg {
  font-size: 12px;
}

.pnlm-fade-img {
  position: absolute;
  top: 0;
  left: 0;
}

.wheels-video .a11y-hidden {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  clip: rect(1px, 1px, 1px, 1px);
}

.wheels-video .player-area {
  position: relative;
}

.wheels-video .player-area .player {
  display: block;
  position: relative;
  margin: 0 0 14px;
  padding-top: 56%;
}

.wheels-video .player-area .player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wheels-video .player-area .play-info .play-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 30px;
  color: #000;
  display: -webkit-box;
  overflow: hidden;
  height: 30px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.wheels-video .player-area .play-info .play-desc {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.5;
  color: #000;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner {
  display: block;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner button {
  display: block;
  width: 100%;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner button span {
  display: block;
  position: relative;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li {
  width: 47.36842%;
  float: left;
  margin-right: 5.26316%;
  margin-top: 10px;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li:nth-child(2n) {
  width: 47.36842%;
  float: right;
  margin-right: 0;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li img {
  display: block;
  width: 100%;
  margin: 0 0 16px;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li strong {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li p {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  padding: 0 0 15px;
  font-size: 14px;
  line-height: 1.5;
  text-align: left;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner .is-active strong,
.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner .is-active p {
  font-weight: 600;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner .is-active .img-wrap::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  width: 38px;
  height: 38px;
  margin: -19px 0 0 -19px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 50%;
}

.wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner .is-active .img-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
  width: 15px;
  height: 7px;
  margin: -7px 0 0 -8px;
  border-left: 4px solid #002c5f;
  border-bottom: 4px solid #002c5f;
  transform: rotate(-45deg);
}

.wheels-video .thumbnail-area .swiper-button-prev,
.wheels-video .thumbnail-area .swiper-button-next {
  display: none;
}

.wheels-video .thumbnail-area .btn-thumbnail-area {
  display: none;
}

.wheels-video .dimmed {
  display: none;
}

.wheels-video .thumbnail-area-btn-our {
  display: none;
}

@media (min-width: 1024px) {
  .layer-wrap .wheels-video {
    width: 860px;
    height: 632px;
  }
  .layer-wrap .wheels-video .video-inner {
    height: 528px;
  }
  .layer-wrap .wheels-video .mCSB_scrollTools {
    display: none !important;
  }
  .wheels-video .player-area .player {
    height: 440px;
    margin: 0 0 23px;
    padding: 0;
  }
  .wheels-video .thumbnail-area {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    padding: 41px 0 15px;
    background-color: #fff;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap {
    overflow: hidden;
    margin: 0 70px;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li {
    float: left;
    width: 156px;
    margin: 0 12px;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li:nth-child(2n) {
    float: left;
    width: 156px;
    margin: 0 12px;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li button span {
    display: block;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li img {
    width: 156px;
    height: 88px;
    margin: 0 0 12px;
  }
  .wheels-video .thumbnail-area .thumbnail-wrap .thumbnail-inner li p {
    padding: 0;
  }
  .wheels-video .thumbnail-area .swiper-button-prev,
.wheels-video .thumbnail-area .swiper-button-next {
    display: block;
    position: absolute;
    top: 45px;
    width: 40px;
    height: 40px;
    margin: 0;
    background-color: #4c4c4c;
    background-image: none;
  }
  .wheels-video .thumbnail-area .swiper-button-prev {
    left: 0;
  }
  .wheels-video .thumbnail-area .swiper-button-prev::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: -5px 0 0 -9px;
    background-color: #fff;
    transform: rotate(-45deg);
  }
  .wheels-video .thumbnail-area .swiper-button-prev::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: 4px 0 0 -9px;
    background-color: #fff;
    transform: rotate(45deg);
  }
  .wheels-video .thumbnail-area .swiper-button-next {
    right: 0;
  }
  .wheels-video .thumbnail-area .swiper-button-next::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: -5px 0 0 -7px;
    background-color: #fff;
    transform: rotate(45deg);
  }
  .wheels-video .thumbnail-area .swiper-button-next::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 15px;
    height: 2px;
    margin: 4px 0 0 -7px;
    background-color: #fff;
    transform: rotate(-45deg);
  }
  .wheels-video .thumbnail-area .btn-thumbnail-area {
    display: block;
    position: absolute;
    top: -26px;
    left: 50%;
    width: 260px;
    height: 26px;
    margin: 0 0 0 -130px;
    background-color: #fff;
  }
  .wheels-video .thumbnail-area .btn-thumbnail-area span {
    display: block;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
  }
  .wheels-video .thumbnail-area .btn-thumbnail-area::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #666 transparent transparent transparent;
  }
  .wheels-video .dimmed {
    display: block;
    position: absolute;
    top: 60px;
    right: 0;
    left: 0;
    z-index: 10;
    height: 395px;
    background-color: rgba(0, 0, 0, 0.8);
  }
  .wheels-video .dimmed p {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding: 228px 0 0;
    color: #fff;
    text-align: center;
  }
  .wheels-video .dimmed p .color-r {
    font-size: 18px;
    color: #002c5f;
  }
  .wheels-video .thumbnail-area-btn-our {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 260px;
    height: 26px;
    margin: 0 0 0 -130px;
    background-color: #666;
  }
  .wheels-video .thumbnail-area-btn-our span {
    display: block;
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
  }
  .wheels-video .thumbnail-area-btn-our::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0 0 0 -6px;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #fff transparent transparent transparent;
  }
  .wheels-video.is-ready .thumbnail-area {
    display: none;
  }
  .wheels-video.is-ready .dimmed {
    display: none;
  }
  .wheels-video.is-ready .thumbnail-area-btn-our {
    display: block;
  }
  .wheels-video.is-ready .thumbnail-area-btn-our::before {
    transform: rotate(180deg);
  }
}
/* 여기서부터 */
.layer-wrap .layer.wheels-view-360-exterior > .tit .trim {
  display: none;
  position: relative;
  margin-left: 20px;
  padding-left: 20px;
  color: #888888;
}

.layer-wrap .layer.wheels-view-360-exterior > .tit .trim::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 1px;
  height: 16px;
  background-color: #888888;
}

.layer-wrap .layer.wheels-view-360-exterior > .layer-cont .sub-tit {
  position: relative;
  z-index: 10;
}

.wheels-view-360-exterior .tab-area {
  position: relative;
  z-index: 20;
}

.wheels-view-360-exterior .tab-area .tab {
  height: 48px;
}

.wheels-view-360-exterior .tab-area .tab ul {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.wheels-view-360-exterior .tab-area .tab-cont {
  position: relative;
  z-index: 1;
}

.layer.wheels-view-360-exterior {
  min-width: 320px;
}

.wheels-view-360-exterior .vr360-wrap {
  position: relative;
}

.wheels-view-360-exterior .vr-car-wrap {
  margin: 15px 0 0;
}

.wheels-view-360-exterior .vr-car-wrap .inner {
  position: relative;
  z-index: -1;
  padding-top: 55%;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
}

.wheels-view-360-exterior .vr-car-wrap .sequence {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wheels-view-360-exterior .vr-car-wrap .sequence img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.wheels-view-360-exterior .vr-car-wrap .on {
  visibility: visible;
}

.wheels-view-360-exterior .vr-car-wrap .a11y-hidden {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  width: 1px;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  clip: rect(1px, 1px, 1px, 1px);
}

.wheels-view-360-exterior .btn-vr360 {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -301px 0;
  background-size: 400px;
  background-repeat: no-repeat;
}

.wheels-view-360-exterior .btn-vr360 span {
  overflow: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
  text-indent: -9999px;
}

.wheels-view-360-exterior .progress {
  display: none;
  position: absolute;
  left: 0;
  width: 100%;
  height: 6px;
  font-size: 0;
  line-height: 0;
}

.wheels-view-360-exterior .progress .bar {
  text-align: center;
}

.wheels-view-360-exterior .progress .count {
  display: none;
}

.wheels-view-360-exterior .progress .bullet-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.wheels-view-360-exterior .progress .bullet {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 3px;
  border-radius: 50%;
  background-color: #002c5f;
  opacity: 0.2;
}

.wheels-view-360-exterior .is-loading .progress {
  display: block;
}

.wheels-view-360-exterior .is-loading .progress .bullet {
  animation-duration: 1s;
  animation-name: loading;
  animation-iteration-count: infinite;
}

.wheels-view-360-exterior .is-loading .progress .bullet:nth-child(1) {
  animation-delay: 0.1s;
}

.wheels-view-360-exterior .is-loading .progress .bullet:nth-child(2) {
  animation-delay: 0.2s;
}

.wheels-view-360-exterior .is-loading .progress .bullet:nth-child(3) {
  animation-delay: 0.3s;
}

.wheels-view-360-exterior .is-loading .progress .bullet:nth-child(4) {
  animation-delay: 0.4s;
}

.wheels-view-360-exterior .is-loading .progress .bullet:nth-child(5) {
  animation-delay: 0.5s;
}

.wheels-view-360-exterior .is-loading .progress-complete .progress {
  display: none;
}

.wheels-view-360-exterior .exterior-colorchip-list-wrap {
  position: relative;
  padding-bottom: 100px;
}

.wheels-view-360-exterior .exterior-colorchip-list-inner {
  overflow: hidden;
}

.wheels-view-360-exterior .exterior-colorchip-list {
  display: block;
}

.wheels-view-360-exterior .exterior-colorchip-list li {
  float: left;
  width: 33.33%;
  margin: 0 0 17px;
  text-align: center;
}

.wheels-view-360-exterior .exterior-colorchip-list li button .color-circle {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 4px;
  border-radius: 50%;
}

.wheels-view-360-exterior .exterior-colorchip-list .is-active button .color-circle:after {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 25px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.wheels-view-360-exterior .exterior-colorchip-list .is-active button .color-circle.white:after {
  border-color: #212121;
}

.wheels-view-360-exterior .exterior-colorchip-list li button .color-circle .color-txt {
  font-size: 14px;
  line-height: 1.5;
  color: #000;
}

.wheels-view-360-exterior .exterior-colorchip-list li button .color-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  height: 42px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.4px;
}

.wheels-view-360-exterior .exterior-colorchip-list li .fiery-red .color-circle {
  background-color: #d11212;
}

.wheels-view-360-exterior .exterior-colorchip-list li .iron-grey .color-circle {
  background-color: #69737e;
}

.wheels-view-360-exterior .exterior-colorchip-list li .marina-blue .color-circle {
  background-color: #4477af;
}

.wheels-view-360-exterior .exterior-colorchip-list li .phantom-black .color-circle {
  background-color: #232425;
}

.wheels-view-360-exterior .exterior-colorchip-list li .platinum-silver .color-circle {
  background-color: #bcc0c4;
}

.wheels-view-360-exterior .exterior-colorchip-list li .polar-white .color-circle {
  border: 1px solid #e8e9eb;
  background-color: #fff;
}

.wheels-view-360-exterior .exterior-colorchip-list .is-active button .color-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.wheels-view-360-exterior .exterior-colorchip-list .is-active button .color-txt {
  font-weight: 600;
}

.wheels-view-360-exterior .exterior-colorchip-btn-prev,
.wheels-view-360-exterior .exterior-colorchip-btn-next {
  display: none;
}

.wheels-view-360-exterior .exterior-pagination {
  display: none;
}

.wheels-view-360-exterior .panorama-wrap {
  position: relative;
  margin: 18px 0 16px;
}

.wheels-view-360-exterior .panorama-inner {
  overflow: hidden;
  position: relative;
  padding-top: 55%;
}

.wheels-view-360-exterior .interior-view-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide.vr-none-wrap {
  overflow: hidden;
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none img {
  position: relative;
  left: 50%;
  width: auto;
  max-width: inherit;
  height: 100%;
  transform: translateX(-50%);
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none .msg {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 10;
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  transform: translateY(-50%);
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .panorama-cut {
  overflow: hidden;
  float: left;
  width: 50%;
  height: 100%;
}

.wheels-view-360-exterior .interior-view-wrapper .swiper-slide .panorama-cut img {
  position: relative;
  left: 50%;
  width: auto;
  max-width: inherit;
  height: 100%;
  transform: translateX(-50%);
}

.wheels-view-360-exterior .interior-view-pagination {
  display: none;
}

.wheels-view-360-exterior .interior-view-btn-prev,
.wheels-view-360-exterior .interior-view-btn-next {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 20;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}

.wheels-view-360-exterior .interior-view-btn-prev {
  left: 0;
  background-position: 0 -150px;
}

.wheels-view-360-exterior .interior-view-btn-next {
  right: 0;
  background-position: -42px -150px;
}

.wheels-view-360-exterior .interior-view-btn-prev span,
.wheels-view-360-exterior .interior-view-btn-next span {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
}

.wheels-view-360-exterior .panorama-inner .panorama-vr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wheels-view-360-exterior .panorama-inner .panorama-vr::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-position: -301px -51px;
  background-size: 400px;
  background-repeat: no-repeat;
  opacity: 1;
  transition: opacity 0.3s;
}

.wheels-view-360-exterior .panorama-inner .panorama-vr.is-over::before {
  opacity: 0;
}

.wheels-view-360-exterior .panorama-inner .panorama-vr .pnlm-controls-container {
  display: none;
}

.wheels-view-360-exterior .interiorchip-list-wrap {
  position: relative;
}

.wheels-view-360-exterior .interiorchip-list-wrap .interiorchip-list-inner {
  overflow: hidden;
}

.wheels-view-360-exterior .interiorchip-list {
  display: block;
}

.wheels-view-360-exterior .interiorchip-list li {
  float: left;
  width: 33.33%;
  margin: 0 0 17px;
  text-align: center;
}

.wheels-view-360-exterior .interiorchip-list li:nth-child(3n) {
  float: right;
  margin-right: 0;
}

.wheels-view-360-exterior .interiorchip-list li button .color-circle {
  display: block;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 0 auto 4px;
  border-radius: 50%;
}

.wheels-view-360-exterior .interiorchip-list li button .color-circle .color-txt {
  font-size: 14px;
  color: #000;
}

.wheels-view-360-exterior .interiorchip-list li button .color-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  display: block;
  height: 42px;
  font-size: 14px;
  line-height: 21px;
  letter-spacing: -0.4px;
}

.wheels-view-360-exterior .interiorchip-list .is-active button .color-circle::before {
  content: "";
  display: block;
  position: absolute;
  top: 24px;
  left: 24px;
  width: 17px;
  height: 9px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.wheels-view-360-exterior .interiorchip-list .is-active button .color-txt {
  font-weight: 600;
}

.wheels-view-360-exterior .interior-colorchip-btn-prev,
.wheels-view-360-exterior .interior-colorchip-btn-next {
  display: none;
}

@media (min-width: 1024px) {
  /* exterior */
  .layer-wrap .layer.wheels-view-360-exterior {
    width: 860px;
    height: 650px;
  }
  .layer-wrap .layer.wheels-view-360-exterior > .tit .trim {
    display: inline-block;
  }
  .wheels-view-360-exterior .popup-content {
    height: 590px;
  }
  .wheels-view-360-exterior .popup-tab .tab-inner {
    position: relative;
  }
  .wheels-view-360-exterior .popup-tab .tab-inner li {
    width: 406px;
    margin: 0 8px 0 0;
  }
  .wheels-view-360-exterior .popup-tab .tab-inner li button span {
    height: 50px;
    font-size: 18px;
  }
  .wheels-view-360-exterior .popup-tab .tab-inner li:last-child {
    float: left;
    width: 406px;
    margin: 0;
  }
  .wheels-view-360-exterior .popup-tab .tab-inner::after {
    content: "";
    display: block;
    clear: both;
  }
  .wheels-view-360-exterior .vr360-wrap {
    margin: 30px 0;
  }
  .wheels-view-360-exterior .vr360-wrap .vr-car-wrap {
    margin: 0;
  }
  .wheels-view-360-exterior .vr360-wrap .vr-car-wrap .inner {
    width: 640px;
    height: 325px;
    margin: 0 auto;
    padding: 0;
  }
  .wheels-view-360-exterior .vr360-wrap .btn-vr360 {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background-position: -602px 0;
    background-size: 800px;
  }
  .wheels-view-360-exterior .exterior-colorchip-list-wrap {
    padding-bottom: 0;
  }
  .wheels-view-360-exterior .exterior-colorchip-list-inner {
    margin: 0 45px 0 55px;
  }
  .wheels-view-360-exterior .exterior-colorchip-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .wheels-view-360-exterior .exterior-colorchip-list li {
    width: 80px;
    margin: 4px;
  }
  .wheels-view-360-exterior .exterior-colorchip-list li .color-txt {
    display: block;
    font-size: 14px;
    line-height: 21px;
  }
  .wheels-view-360-exterior .exterior-colorchip-btn-prev,
.wheels-view-360-exterior .exterior-colorchip-btn-next {
    display: block;
    position: absolute;
    top: 17px;
    z-index: 20;
    width: 40px;
    height: 40px;
    margin: 0;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-position: 0 0;
    background-size: 400px;
    background-repeat: no-repeat;
  }
  .wheels-view-360-exterior .exterior-colorchip-btn-prev {
    left: 0;
    background-position: 0 -150px;
  }
  .wheels-view-360-exterior .exterior-colorchip-btn-prev span {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
  }
  .wheels-view-360-exterior .exterior-colorchip-btn-next {
    right: 0;
    background-position: -42px -150px;
  }
  .wheels-view-360-exterior .exterior-colorchip-btn-next span {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
  }
  .wheels-view-360-exterior .panorama-inner {
    height: 350px;
    margin: 18px 0 15px;
    padding-top: 0;
  }
  .wheels-view-360-exterior .panorama-inner .panorama-vr::before {
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background-position: -602px -102px;
    background-size: 800px;
  }
  .wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none img {
    left: auto;
    width: auto;
    max-width: inherit;
    height: auto;
    transform: none;
  }
  .wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none .msg {
    padding-top: 57px;
    font-size: 2rem;
  }
  .wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none .msg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 62px;
    height: 44px;
    margin-left: -31px;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-size: 400px;
    background-position: -324px -156px;
    background-repeat: no-repeat;
  }
  .wheels-view-360-exterior .interior-view-wrapper .swiper-slide .vr-none .msg .w-hidden {
    display: none;
  }
  .wheels-view-360-exterior .interiorchip-list-inner {
    margin: 0 45px 0 55px;
  }
  .wheels-view-360-exterior .interiorchip-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
  }
  .wheels-view-360-exterior .interiorchip-list li {
    width: 120px;
    margin: 0;
  }
  .wheels-view-360-exterior .interiorchip-list li .color-txt {
    display: block;
    font-size: 14px;
    line-height: 21px;
  }
  .wheels-view-360-exterior .interior-colorchip-btn-prev,
.wheels-view-360-exterior .interior-colorchip-btn-next {
    display: block;
    position: absolute;
    top: 17px;
    z-index: 20;
    width: 40px;
    height: 40px;
    margin: 0;
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-size: 400px;
    background-repeat: no-repeat;
  }
  .wheels-view-360-exterior .interior-colorchip-btn-prev {
    left: 0;
    background-position: 0 -150px;
  }
  .wheels-view-360-exterior .interior-colorchip-btn-next {
    right: 0;
    background-position: -42px -150px;
  }
  .wheels-view-360-exterior .interior-colorchip-btn-prev span,
.wheels-view-360-exterior .interior-colorchip-btn-next span {
    display: block;
    overflow: hidden;
    text-indent: -9999px;
  }
  .wheels-view-360-exterior .swiper-pagination {
    padding-top: 0;
  }
  .wheels-view-360-exterior .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .wheels-view-360-exterior .progress {
    top: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .wheels-view-360-exterior .tab-area .tab {
    height: 54px;
  }
  .wheels-view-360-exterior .progress {
    top: 30px;
  }
}
@keyframes loading {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}
/* 여기까지 */
@media screen and (max-width: 1023px) {
  .pf-extra-padding {
    padding-top: 15px;
  }
}

.pf-required {
  padding: 10px;
  text-align: right;
}

.pf-radio-list {
  overflow: hidden;
  margin-left: -50px;
}

.pf-radio-item {
  float: left;
  margin-left: 50px;
}
.pf-radio-item input[type=radio] + label:before {
  width: 24px;
  height: 24px;
}
.pf-radio-item input[type=radio] + label:after {
  top: 50%;
  left: 7px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  border-radius: 50%;
  background-color: #b0b0b0;
}
@media screen and (max-width: 1023px) {
  .pf-radio-item input[type=radio] + label:after {
    margin-top: -9px;
  }
}

.clfix:after {
  content: "";
  display: block;
  clear: both;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.userinfo-datepicker::-webkit-inner-spin-button,
.userinfo-datepicker::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.map-location-wrapper {
  position: relative;
}

.side-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 20px 20px 20px;
  background-color: #f1f2f5;
}
@media screen and (min-width: 1024px) {
  .side-info {
    display: none;
  }
}

.side-info:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 7px;
  width: 1px;
  height: 48px;
  background-color: #dadbdc;
}

.side-info .side-info-link {
  font-weight: 600;
  display: block;
  position: relative;
  flex: 1;
  padding-left: 31px;
}

.side-info .side-info-link strong {
  display: block;
}

.side-info .side-info-link:before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 21px;
  height: 21px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png") -235px -102px no-repeat;
  background-size: 400px;
}

.side-info .side-info-link + .side-info-link {
  margin-left: 16px;
}

.si-multi-items.side-info:before {
  content: none;
}

@media screen and (max-width: 900px) {
  .si-multi-items {
    display: block;
  }
}
@media screen and (max-width: 900px) {
  .si-multi-items .side-info-link {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 900px) {
  .si-multi-items .side-info-link strong {
    display: inline;
  }
}
@media screen and (max-width: 900px) {
  .si-multi-items .side-info-link + .side-info-link {
    margin-left: 0;
    margin-top: 7px;
  }
}

.finance-calculator-framed,
.stock__finance_calculator_framed {
  min-height: 1210px;
  width: 100%;
}
.finance-calculator-framed iframe,
.stock__finance_calculator_framed iframe {
  min-height: 1210px;
}

.disclaimer-word {
  font-size: 16px;
  font-weight: 800;
}

@media screen and (max-width: 400px) {
  .gnb-wrap {
    padding-bottom: 90px;
  }
}
@media screen and (max-width: 1023px) {
  .gnb-wrap {
    overflow: auto;
    position: fixed;
    top: 50px;
    left: 100%;
    width: 100%;
    height: calc(100vh - 50px);
    background-color: #fff;
  }
}
@media screen and (min-width: 1024px) {
  .gnb-wrap {
    display: none;
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 100;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e3e3e3;
  }
}
@media screen and (min-width: 1280px) {
  .gnb-wrap {
    display: block;
    position: static;
    background-color: transparent;
    border: none;
  }
}

@media screen and (max-width: 1023px) {
  .np-item {
    border-bottom: 1px solid #dadbdc;
  }
}
@media screen and (max-width: 1279px) and (min-width: 1024px) {
  .np-item:last-of-type {
    margin-right: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .np-item {
    display: inline-block;
  }
}

@media screen and (min-width: 1024px) {
  .np-item + .np-item {
    margin-left: 65px;
  }
}

@media screen and (min-width: 1024px) {
  .pickerings-hyundai .np-item + .np-item {
    margin-left: 35px;
  }
}

@media screen and (max-width: 1023px) {
  .np-item > .has-menu:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    border-top: 1px solid #212121;
    border-left: 1px solid #212121;
    transform: rotate(-135deg);
  }
}

@media screen and (max-width: 1023px) {
  .np-item > .has-menu.on:after {
    margin-top: -3px;
    transform: rotate(45deg);
  }
}

@media screen and (max-width: 1023px) {
  .np-link {
    display: block;
    position: relative;
    padding: 14px 20px 12px 20px;
    font-size: 1.6rem;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .np-link {
    position: relative;
    display: block;
    padding: 17px 0 13px 0;
    font-size: 1.7rem;
    line-height: 3rem;
    font-weight: 600;
    color: #555;
  }
}
@media screen and (min-width: 1280px) {
  .np-link {
    padding: 0;
    line-height: 3.5rem;
  }
}

@media screen and (min-width: 1024px) {
  .np-link.current {
    color: #212121;
  }
}
@media screen and (min-width: 1024px) {
  .np-link.current:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #002c5f;
  }
}

@media screen and (min-width: 1280px) {
  .np-link.current:after {
    bottom: -2px;
  }
}

@media screen and (max-width: 1023px) {
  .np-link + div,
.np-link + ul {
    display: none;
  }
}

.sa-rural-dealers .nav-primary-list li.np-item:nth-child(n+3) {
  display: none;
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 20px;
    background-color: #f1f2f5;
  }
}
@media screen and (min-width: 1024px) {
  .gnb-wrap .btn-gnb {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb a {
    flex: 1;
    height: 46px;
    line-height: 46px;
    padding: 0 10px;
    background-color: #666;
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb a + a {
    margin-left: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-login {
    background-color: #002c5f;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-login:before,
.gnb-wrap .btn-gnb .btn-signup:before,
.gnb-wrap .btn-gnb .btn-mygarage:before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) no-repeat;
    background-size: 400px;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-login:before {
    width: 17px;
    height: 20px;
    background-position: -133px 0;
    vertical-align: -5px;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-signup:before {
    width: 24px;
    height: 19px;
    background-position: -171px 0;
    vertical-align: -6px;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-mygarage {
    flex: 2.5;
    background-color: #212121;
  }
}

@media screen and (max-width: 1023px) {
  .gnb-wrap .btn-gnb .btn-mygarage:before {
    width: 18px;
    height: 19px;
    background-position: -151px 0;
    vertical-align: -5px;
  }
}

@media screen and (max-width: 1023px) {
  .sidemenu-on.gnb-wrap {
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .sidemenu-on.gnb-wrap {
    display: block;
  }
}

.gnb-wrap .gnb {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}
@media screen and (min-width: 1024px) {
  .gnb-wrap .gnb {
    text-align: right;
    font-size: 0;
  }
}

@media screen and (min-width: 1024px) {
  .nav-vehicle-wrapper,
.nav-secondary-list {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    background-color: #212121;
    top: 131px;
  }
}
@media screen and (min-width: 1280px) {
  .nav-vehicle-wrapper,
.nav-secondary-list {
    top: 147px;
  }
}

@media screen and (max-width: 1023px) {
  .nav-secondary-list {
    padding: 0 20px;
    background-color: #212121;
  }
}
@media screen and (min-width: 1024px) {
  .nav-secondary-list {
    padding: 16px 0 14px 0;
    text-align: center;
  }
}

@media screen and (min-width: 1024px) {
  .ns-item {
    display: inline-block;
  }
}

@media screen and (max-width: 1023px) {
  .ns-item + .ns-item {
    border-top: 1px solid #dadbdc;
  }
}
@media screen and (min-width: 1024px) {
  .ns-item + .ns-item {
    margin-left: 50px;
  }
}

@media screen and (max-width: 1023px) {
  .ns-item-close {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .ns-item-close {
    cursor: pointer;
    top: 5px;
    position: relative;
  }
  .ns-item-close:hover .icon-close {
    fill: #002c5f;
  }
}

.ns-link {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .ns-link {
    font-size: 1.4rem;
    font-weight: normal;
    display: block;
    padding: 16px 0 14px 0;
  }
}
@media screen and (min-width: 1024px) {
  .ns-link {
    font-size: 1.6rem;
    line-height: 3rem;
  }
}

@media screen and (min-width: 1024px) {
  .ns-link.current {
    font-weight: 600;
    color: #00aad2;
  }
}

.js-veh-item-show {
  display: inline-block;
}

.js-veh-item-hide {
  display: none;
}

iframe {
  overflow: hidden;
  border: 0;
}

.video-100,
.w-100,
iframe.iframe-100,
.iframe-100,
img.image-100,
.image-100 {
  width: 100%;
}

.iframe-100-no-border {
  width: 100%;
  border: 0;
}

.iframe-100-no-scroll {
  border: 0;
  width: 100%;
}

.sf-istock-carousel {
  padding-bottom: 30px;
  background-color: #eef1f4;
}

.istock-carousel-wrapper .owl-pagination {
  display: none;
}
@media screen and (min-width: 768px) {
  .istock-carousel-wrapper .owl-pagination {
    display: block;
    bottom: -40px;
  }
}

.is-carousel {
  margin: 0 2px;
}

.is-link {
  display: block;
}
.is-link:hover {
  text-decoration: none;
}

.is-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  margin: 0;
  padding: 15px 0;
}

.is-image {
  height: 185px;
  width: 100%;
}

@supports (object-fit: cover) {
  .is-image {
    object-fit: cover;
    height: 185px;
    width: 100%;
  }
}
.is-text-wrapper {
  padding: 10px;
  background-color: #fff;
  color: #000;
}
@media screen and (min-width: 768px) {
  .is-text-wrapper {
    min-height: 160px;
  }
}

.is-price {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 4px 0 4px 16px;
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 10px;
  color: #fff;
  background-color: #00aad2;
}
.is-price span {
  font-size: 12px;
}

.is-text {
  font-size: 14px;
  margin: 0;
}

.is-button {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  padding: 12px;
  margin-top: 8px;
  text-transform: uppercase;
  width: 80%;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
}
.is-link:hover .is-button {
  color: #fff;
  background-color: #00aad2;
}

.range-viewer-wrapper {
  width: 90%;
  margin: 70px auto 0 auto;
}

.rv-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-align: center;
  font-size: 34px;
  line-height: 36px;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 768px) {
  .rv-heading {
    font-size: 48px;
    line-height: 52px;
  }
}

.rv-tabs-wrapper {
  margin-top: 40px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .rv-tabs-wrapper {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}

.rv-tabs-list {
  list-style: none;
  padding-left: 0;
  z-index: 2;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 880px) {
  .rv-tabs-list {
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
  }
}

.rv-tabs-item {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  width: auto;
  color: #002c5f;
  padding: 15px;
  cursor: pointer;
  margin: 5px;
  background-color: transparent;
}
.rv-tabs-item:hover, .rv-tabs-item.active {
  border-bottom: 2px solid #00aad2;
  -webkit-transition: background-color 100ms ease-in;
  -moz-transition: background-color 100ms ease-in;
  -ms-transition: background-color 100ms ease-in;
  -o-transition: background-color 100ms ease-in;
  transition: background-color 100ms ease-in;
}

.rvv-item {
  padding: 4px 34px;
  max-width: 496px;
  margin: 0 auto;
}

.rvv-image {
  margin: 0 auto;
}

.rvv-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin: 0 0 16px 0;
  text-align: center;
  color: #000;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 1024px) {
  .rvv-heading {
    font-size: 22px;
  }
}

.rvv-button-wrapper {
  text-align: center;
}

.rvv-button {
  background-color: #002c5f;
  width: 190px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.rvv-link:hover .rvv-button {
  color: #fff;
  background-color: #00aad2;
}

.rv-vehicle-wrapper .owl-buttons {
  position: absolute;
  top: 30%;
  width: 100%;
  height: 0;
  z-index: 1;
}

.rv-vehicle-wrapper .owl-controls .owl-buttons .owl-prev,
.rv-vehicle-wrapper .owl-controls .owl-buttons .owl-next {
  position: absolute;
  background: none;
  font-size: 48px;
  color: #595959;
  margin: 0;
  padding: 15px 0;
  border-radius: 0;
  width: 50px;
  right: -50px;
}

.rv-vehicle-wrapper .owl-controls .owl-buttons .owl-prev {
  left: -50px;
}

.rv-vehicle-wrapper .owl-controls .owl-buttons .owl-next {
  right: -50px;
}

.section-promos {
  padding: 0 20px;
  background-color: #00152d;
}
@media screen and (min-width: 1280px) {
  .section-promos {
    padding: 0;
  }
}

.home-promos-wrapper {
  background-color: #f7f7f7;
  margin-top: 2px;
}
@media screen and (min-width: 640px) {
  .home-promos-wrapper {
    margin-top: 3px;
  }
}

.hp-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  background-color: #00152d;
  color: #fff;
  font-size: 30px;
  padding: 40px 0 20px;
}

.hp-wrapper {
  padding: 20px 0 40px;
  background-color: #00152d;
}
.hp-wrapper .owl-wrapper-outer {
  margin-bottom: 25px;
}

.promo-u {
  padding: 3px;
}

.promo-u-link {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 625px) {
  .promo-u-link {
    width: 80%;
  }
}

.promo-u-image {
  width: 100%;
}

.promo-text-wrapper {
  width: 100%;
}
@media screen and (min-width: 625px) {
  .promo-text-wrapper {
    width: 80%;
  }
}

.promo-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #fff;
  padding: 15px 0 5px 0;
  margin: 0;
}

.promo-content {
  font-size: 14px;
  color: #fff;
  margin: 0;
  min-height: 80px;
}

.promo-btn-link {
  font-size: 14px;
  padding: 0 40px;
  background-color: #fff;
  color: #000;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
}
.promo-btn-link:hover {
  background-color: #00aad2;
  color: #fff;
}

.hp-wrapper .owl-controls .owl-buttons {
  display: none;
}

.section.hyundai-news {
  margin-top: 40px;
}

#gawmakelist li,
#gawmodellist li {
  list-style: none;
}
#gawmakelist li a,
#gawmodellist li a {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: block;
  text-align: left;
  padding: 10px;
}

#gawmakelist {
  padding: 0;
  margin: 0;
}
#gawmakelist a {
  background-color: #000;
  color: #f7f7f7;
}

#gawmodellist {
  padding-left: 0;
}
#gawmodellist li {
  width: auto;
  float: left;
}
@media screen and (min-width: 768px) {
  #gawmodellist li {
    width: 100%;
    float: right;
  }
}

#listing {
  margin-top: 2em;
}
@media screen and (min-width: 568px) {
  @supports (display: grid) {
    #listing {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 10px;
    }
  }
}
@media screen and (min-width: 768px) {
  #listing {
    margin-top: 0;
  }
}
.no-flexbox #listing:before, .no-flexbox #listing:after {
  content: " ";
  display: table;
}
.no-flexbox #listing:after {
  clear: both;
}
#listing .navitem {
  margin-bottom: 10px;
}
@media screen and (min-width: 568px) {
  #listing .navitem {
    width: 45%;
    float: left;
    margin-right: 3%;
    margin-bottom: 0;
    height: 130px;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  #listing .navitem {
    height: 145px;
    overflow: auto;
  }
}
@media screen and (min-width: 1024px) {
  #listing .navitem {
    height: 115px;
    overflow: auto;
  }
}
@supports (display: grid) {
  #listing .navitem {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
#listing .navitem:hover {
  cursor: pointer;
}
#listing .navitem:hover .navitemtitle {
  text-decoration: underline;
}
#listing .navitem img {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
@media screen and (min-width: 568px) {
  #listing .navitem img {
    float: left;
    margin-right: 5px;
  }
}
#listing .navitem .navitemtitle {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 5px;
  font-size: 15px;
}

#paging {
  margin-top: 30px;
  font-size: 12px;
  float: left;
}
#paging li {
  float: left;
  padding-left: 6px;
  list-style: none;
}
#paging li a {
  font-size: 13px;
}
#paging li a.active {
  font-size: 14px;
  color: #000;
}

#gawstory h1 {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  text-transform: uppercase;
  background-color: #ededed;
  margin-top: 0;
  margin-bottom: 30px;
  padding: 10px;
}
#gawstory h2 {
  font-size: 16px;
}
#gawstory img {
  margin: 0;
}

.navitemprecede {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
}

@media screen and (min-width: 568px) {
  @supports (display: grid) {
    .home-news #listing {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      grid-gap: 10px;
    }
  }
}
.home-news #listing .navitem {
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .home-news #listing .navitem {
    width: 47%;
    margin-right: 3%;
  }
}
@media screen and (min-width: 1024px) {
  .home-news #listing .navitem {
    width: 31%;
    margin-right: 2%;
  }
}
@supports (display: grid) {
  .home-news #listing .navitem {
    width: 100%;
    margin: 0;
    height: auto;
  }
}
.home-news #listing .navitem img {
  padding-right: 5px;
}
.home-news #listing .navitem .navitemtitle {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #002c5f;
}
.home-news h2 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
}
.home-news .more-news {
  display: block;
  clear: both;
  padding-top: 10px;
}

.inside-page .l-content .section.visual > div,
.inside-page section {
  max-width: inherit;
  position: relative;
}

.inside-page .visual .inside-page-visual {
  position: relative;
  background-color: #ededed;
}

.inside-page .visual .section-inner {
  padding: 0;
}

.inside-page-image {
  display: block;
  width: 100%;
  margin: 0 auto;
}

.inside-page .visual .visual-info {
  display: none;
  max-width: 1280px;
  margin: 0 auto;
  padding: 16px 20px 20px;
  background-color: #1f2731;
}
@media screen and (min-width: 768px) {
  .inside-page .visual .visual-info {
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100%;
    max-width: 100%;
    padding: 20px 24px 30px;
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 1280px) {
  .inside-page .visual .visual-info {
    padding: 20px 0 30px;
  }
}

.inside-page .visual .visual-info .visual-tit {
  display: none;
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin: 0 0 4px;
  color: #fff;
}
@media (min-width: 768px) {
  .inside-page .visual .visual-info .visual-tit {
    display: block;
    font-size: 48px;
    line-height: 1.3;
  }
}
@media (min-width: 1280px) {
  .inside-page .visual .visual-info .visual-tit {
    margin: 0 0 3px;
  }
}

.inside-page .visual .visual-info .desc {
  display: none;
}
@media (min-width: 768px) {
  .inside-page .visual .visual-info .desc {
    display: block;
    margin: 0 336px 0 0;
    line-height: 19px;
    color: #fff;
  }
}
@media (min-width: 1280px) {
  .inside-page .visual .visual-info .desc {
    font-size: 16px;
  }
}

@media (min-width: 1280px) {
  .inside-page .visual .visual-info-inner {
    width: 1240px;
    margin: 0 auto;
  }
  .inside-page .visual .visual-text-wrap {
    position: relative;
  }
}
.pure-u-1.extra-section.section-images {
  width: 66%;
  margin-left: 22%;
}

.main .welcome-text-wrapper,
.main .welcome-text-wrapper-no-image {
  margin-top: 40px;
}
@media screen and (min-width: 1280px) {
  .main .welcome-text-wrapper,
.main .welcome-text-wrapper-no-image {
    margin-top: 90px;
  }
}

.main .welcome-text-wrapper-no-image {
  max-width: 900px;
}

.welcome-text-wrapper .wt-wrapper {
  padding: 0;
}

.welcome-text-wrapper .page-tit,
.welcome-text-wrapper-no-image .page-tit {
  text-align: center;
  margin-bottom: 1rem;
}

.wt-wrapper.no-img {
  text-align: center;
}

.wt-wrapper .text-area {
  display: inline-block;
  margin-top: 24px;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
@media screen and (min-width: 880px) {
  .wt-wrapper .text-area {
    width: 48%;
    text-align: left;
  }
}

.wt-wrapper p {
  margin-bottom: 15px;
}

.wt-wrapper.no-img {
  width: 100%;
}

.wt-wrapper {
  padding: 1rem;
}

@media screen and (min-width: 880px) {
  .wt-img-area,
.wt-wrapper {
    display: inline;
  }
}

.wt-img-area .wt-img {
  margin-top: 24px;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 880px) {
  .wt-img-area .wt-img {
    width: 48%;
    padding-right: 15px;
  }
}

.autoforce-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  text-align: center;
  margin-top: 50px;
  font-size: 34px;
  line-height: 36px;
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: antialiased;
}
@media screen and (min-width: 768px) {
  .autoforce-heading {
    font-size: 48px;
    line-height: 52px;
  }
}

.util-menu {
  float: right;
  font-size: 0;
}
@media screen and (max-width: 420px) {
  .util-menu {
    float: none;
  }
}

.util-menu a,
.util-menu button,
.util-menu .btn-gnb {
  float: left;
}

@media screen and (min-width: 1024px) {
  .util-menu .btn-login,
.util-menu .btn-logout,
.util-menu .btn-signup,
.btn-gnb-cart,
.util-menu .btn-mygarage {
    margin-top: 7px;
  }
}

@media screen and (min-width: 1280px) {
  .util-menu .btn-sidemenu,
.util-menu .btn-quick,
.util-menu .btn-call {
    display: none;
  }
}

.util-menu .btn-quick,
.util-menu .btn-call {
  position: relative;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-quick,
.util-menu .btn-call {
    background: none;
  }
}

@media screen and (min-width: 1024px) {
  .util-menu a {
    background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
    background-repeat: no-repeat;
    background-size: 400px;
  }
}
@media screen and (min-width: 1024px) {
  .util-menu a + a {
    margin-left: 14px;
  }
}

.util-menu .btn-login {
  display: none;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-login {
    display: block;
    width: 17px;
    height: 20px;
    background-position: -46px 0;
  }
}
.util-menu .btn-login:before {
  content: none;
}

.util-menu .btn-logout {
  display: none;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-logout {
    display: block;
    width: 20px;
    height: 20px;
    background-position: -293px -182px;
  }
}
.util-menu .btn-logout:before {
  content: none;
}

.util-menu .btn-signup {
  display: none;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-signup {
    display: block;
    width: 24px;
    height: 20px;
    background-position: -84px 0;
  }
}
.util-menu .btn-signup:before {
  content: none;
}

.util-menu .btn-mygarage {
  display: none;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-mygarage {
    display: block;
    width: 18px;
    height: 19px;
    background-position: -64px 0;
  }
}

.util-menu .btn-call {
  position: relative;
  width: 21px;
  height: 21px;
  margin-left: 14px;
  margin-top: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' fill='%23262626' viewBox='0 0 40 40'%3E%3Cpath d='M30.31,40.41c-0.1,0-0.2-0.01-0.3-0.04c-0.33-0.08-8.21-2.02-18.08-11.89C2.06,18.62,0.11,10.73,0.04,10.4c-0.1-0.44,0.03-0.91,0.35-1.23l8.79-8.79c0.51-0.51,1.35-0.51,1.86,0L21.45,10.8c0.51,0.51,0.51,1.35,0,1.86L18,16.11c0.26,0.77,0.92,2.22,2.5,3.8c1.58,1.58,3.03,2.24,3.8,2.5l3.45-3.45c0.51-0.51,1.35-0.51,1.86,0l10.42,10.42c0.25,0.25,0.39,0.58,0.39,0.93s-0.14,0.68-0.39,0.93l-8.79,8.79C30.99,40.27,30.65,40.41,30.31,40.41z M2.8,10.48c0.69,2.04,3.31,8.47,10.98,16.15c7.67,7.67,14.11,10.29,16.15,10.98l7.3-7.3l-8.56-8.56l-3.05,3.05c-0.29,0.29-0.7,0.43-1.1,0.37c-0.12-0.02-2.88-0.41-5.88-3.41c-3-3-3.39-5.77-3.41-5.88c-0.05-0.41,0.08-0.81,0.37-1.1l3.05-3.05L10.1,3.17L2.8,10.48z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
}

.sa-rural-dealers .util-menu .btn-call {
  background-image: none;
}

.util-menu .btn-quick {
  position: relative;
  width: 21px;
  height: 21px;
  margin-left: 14px;
  margin-top: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' fill='%23262626' viewBox='0 0 43 41'%3E%3Cpath d='M31.85,25.74h2.63v10.23c0,2.38-1.94,4.31-4.31,4.31H4.3c-1.15,0-2.23-0.45-3.05-1.27C0.44,38.2-0.01,37.11,0,35.96l0.15-23.71c0.02-2.37,1.96-4.31,4.33-4.31H16v2.63H4.49c-0.93,0-1.7,0.76-1.7,1.69L2.63,35.98c0,0.44,0.17,0.87,0.49,1.18s0.73,0.49,1.18,0.49h25.87c0.93,0,1.69-0.76,1.69-1.69V25.74z M43.05,7.94H34.7l0.08-7.91L32.16,0l-0.08,7.94H23.7v2.63h8.35l-0.08,7.91l2.63,0.03l0.08-7.94h8.38V7.94z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
}
@media screen and (max-width: 420px) {
  .util-menu .btn-quick {
    margin-left: 3px;
  }
}

.util-menu .btn-gnb-cart {
  position: relative;
  width: 24px;
  height: 21px;
  margin-top: 7px;
  margin-left: 7px;
  margin-right: 7px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' fill='%23262626' viewBox='0 0 42 38'%3E%3Cpath d='M34.41,38.09H8.09c-0.57,0-1.07-0.36-1.25-0.9L0.07,16.66c-0.13-0.4-0.06-0.84,0.18-1.18c0.25-0.34,0.64-0.54,1.07-0.54h39.88c0.42,0,0.82,0.2,1.07,0.54c0.25,0.34,0.31,0.78,0.18,1.18l-6.78,20.53C35.48,37.72,34.98,38.09,34.41,38.09z M9.04,35.46h24.42l5.91-17.9H3.13L9.04,35.46z M30.42,8.68c0-4.31-3.22-8.68-9.37-8.68s-9.37,4.37-9.37,8.68v4.4h2.63v-4.4c0-2.91,2.11-6.05,6.74-6.05s6.74,3.14,6.74,6.05v4.4h2.63V8.68z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
}
@media screen and (max-width: 420px) {
  .util-menu .btn-gnb-cart {
    margin-left: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-gnb-cart {
    margin-left: 10px;
    margin-right: 0;
  }
}
.util-menu .btn-gnb-cart span {
  position: absolute;
  right: -7px;
  top: -7px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background-color: #002c5f;
  font-size: 1.2rem;
}

.util-menu .btn-sidemenu {
  position: relative;
  width: 30px;
  height: 30px;
}
@media screen and (min-width: 1024px) {
  .util-menu .btn-sidemenu {
    margin-left: 60px;
  }
}

.util-menu .btn-sidemenu:before {
  content: "";
  position: absolute;
  bottom: 4px;
  right: 0;
  width: 22px;
  height: 16px;
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-repeat: no-repeat;
  background-size: 400px;
}

.home-map-locations-wrapper {
  background-color: #f1f2f5;
  width: 100%;
  margin-top: 40px;
}
@media screen and (min-width: 1280px) {
  .home-map-locations-wrapper {
    margin-top: 70px;
  }
}

.hml-locations-content-wrapper {
  padding: 20px 0 0 20px;
}
@media screen and (min-width: 768px) {
  .hml-locations-content-wrapper {
    padding: 20px 0 0 0;
  }
}

.hml-name-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.hml-item {
  list-style-type: none;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px;
}
@media screen and (min-width: 400px) {
  .hml-item {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) {
  .hml-item {
    margin-right: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .hml-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.hml-content {
  display: none;
}
.hml-content.active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.hml-content .hmlc-item {
  padding: 0;
  flex-grow: 1;
  max-width: 300px;
  margin: 0 0 20px 0;
}
@media screen and (min-width: 384px) {
  .hml-content .hmlc-item {
    padding: 0 2.8rem 0 0;
    margin: 0 2.8rem 20px 0;
  }
}
@media screen and (min-width: 610px) {
  .hml-content .hmlc-item {
    border-right: 1px solid #ccc;
  }
}
.hml-content .hmlc-item:first-child {
  padding-left: 0;
}
.hml-content .hmlc-item:last-child {
  border-right: none;
}
.hml-content .hmlc-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 16px;
  line-height: 20px;
}
.hml-content .hmlc-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-weight: normal;
}
.hml-content .hmlc-link {
  color: #002c5f;
}
.hml-content .operating-hours {
  display: flex;
}
@media screen and (min-width: 384px) {
  .hml-content .operating-hours {
    min-width: 210px;
  }
}
.hml-content .operating-hours .oh-title {
  width: 48%;
}

.hml-name-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  background-color: transparent;
  color: #002c5f;
  padding: 15px 0;
  display: block;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in;
}
.active .hml-name-link, .hml-name-link:hover {
  border-bottom: 2px solid #00aad2;
}

.hml-name-wrapper.single-location {
  display: none;
}

.no-flexbox .hml-name-list {
  display: inline-block;
}
.no-flexbox .hml-name-list:before, .no-flexbox .hml-name-list:after {
  content: " ";
  display: table;
}
.no-flexbox .hml-name-list:after {
  clear: both;
}
.no-flexbox .hml-item {
  display: inline-block;
}
.no-flexbox .hml-name-item {
  float: left;
}
.no-flexbox .hml-content {
  display: none;
}
.no-flexbox .hml-content.active {
  display: block;
}
.no-flexbox .hml-content .operating-hours {
  min-width: 240px;
}
.no-flexbox .hml-content .operating-hours .oh-title {
  display: inline-block;
  width: 50%;
}
.no-flexbox .hml-content .operating-hours .oh-time {
  display: inline-block;
  width: 50%;
}
.no-flexbox .hmlc-item {
  display: inline-block;
  margin-right: 15px;
  padding-right: 1.8rem;
}

.map-info-content {
  display: none;
}

.static-map-wrapper {
  background-color: #e8e8e8;
}

.static-map-image-wrapper {
  max-height: 350px;
  overflow: hidden;
  position: relative;
}
.static-map-image-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.6666666667%;
}

.static-map-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.operating-times {
  display: flex;
}

.operatingh-title {
  width: 48%;
}
@media screen and (min-width: 568px) {
  .operatingh-title {
    width: 20%;
  }
}

@media print {
  .l-header, .l-header-wrap, section.section.step-box, .offers-box-head .title, .button, button.i-import.call-layer, .is-rel, .l-footer-wrap, .badge_rating, .btn-close, .af-badge-embedder, .bottom-floating-area, .summary-wrap .blue-box, .summary-wrap .box-condition.box-guide, .page-tit, .select-enquiries.chat-btn-area, .btn-t01.btn-red.btn-directions, .summary-wrap .ib-text {
    display: none;
  }
  .summary-wrap .print-tit {
    display: block !important;
  }
  .c-item {
    text-align: left;
  }
  .driveaway-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .range-price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .range-price-wrap .frequency-period {
    color: #000;
    line-height: 25px;
  }
  .price {
    margin-right: 5px;
  }
  span.inner {
    margin-right: 5px;
  }
}
.map-wrapper {
  position: relative;
}

.mapboxgl-marker {
  background-image: url("/2018hyundai/images/map-marker.png");
  background-size: contain;
  width: 75px;
  height: 52px;
  top: -26px;
  cursor: pointer;
}

.address-box-wrapper .collapse {
  display: block;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.address-box-wrapper .collapse.in,
.address-box-wrapper .collapsing {
  visibility: visible;
  height: auto;
  overflow: hidden;
}

.mapboxgl-popup {
  min-width: 200px;
  padding: 6px;
}
.mapboxgl-popup .map-info-name {
  margin-bottom: 4px;
  color: #000;
}
.mapboxgl-popup .mapboxgl-popup-tip {
  position: relative;
  top: -12px;
}

.mapboxgl-popup-content {
  line-height: 16px;
  padding: 8px;
  top: -12px;
  box-shadow: 1px -1px 8px rgba(0, 0, 0, 0.3);
}

.mapbox-wrapper {
  position: relative;
}

.mapbox-view-all-button {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
  color: #fff;
  z-index: 1;
  cursor: pointer;
  padding: 6px 12px;
  border-radius: 2px;
}

/* Unminified from https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.css */
.mapboxgl-map {
  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
  overflow: hidden;
  position: relative;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.mapboxgl-canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.mapboxgl-map:-webkit-full-screen {
  width: 100%;
  height: 100%;
}

.mapboxgl-canary {
  background-color: salmon;
}

.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
  cursor: pointer;
}

.mapboxgl-canvas-container.mapboxgl-interactive:active, .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
  touch-action: pan-x pan-y;
}

.mapboxgl-canvas-container.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: pinch-zoom;
}

.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan, .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
  touch-action: none;
}

.mapboxgl-ctrl-bottom-left, .mapboxgl-ctrl-bottom-right, .mapboxgl-ctrl-top-left, .mapboxgl-ctrl-top-right {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.mapboxgl-ctrl-top-left {
  top: 0;
  left: 0;
}

.mapboxgl-ctrl-top-right {
  top: 0;
  right: 0;
}

.mapboxgl-ctrl-bottom-left {
  bottom: 0;
  left: 0;
}

.mapboxgl-ctrl-bottom-right {
  right: 0;
  bottom: 0;
}

.mapboxgl-ctrl {
  clear: both;
  pointer-events: auto;
  transform: translate(0);
}

.mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 10px 0 0 10px;
  float: left;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
  margin: 10px 10px 0 0;
  float: right;
}

.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {
  margin: 0 0 10px 10px;
  float: left;
}

.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {
  margin: 0 10px 10px 0;
  float: right;
}

.mapboxgl-ctrl-group {
  border-radius: 4px;
  background: #fff;
}

.mapboxgl-ctrl-group:not(:empty) {
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px ButtonText;
  }
}
.mapboxgl-ctrl-group button {
  width: 29px;
  height: 29px;
  display: block;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
}

.mapboxgl-ctrl-group button + button {
  border-top: 1px solid #ddd;
}

.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50%;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl-icon {
    background-color: transparent;
  }
  .mapboxgl-ctrl-group button + button {
    border-top: 1px solid ButtonText;
  }
}
.mapboxgl-ctrl button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.mapboxgl-ctrl-group button:focus {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl button:disabled {
  cursor: not-allowed;
}

.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
  opacity: 0.25;
}

.mapboxgl-ctrl button:not(:disabled):hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-ctrl-group button:focus:focus-visible {
  box-shadow: 0 0 2px 2px #0096ff;
}

.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
  box-shadow: none;
}

.mapboxgl-ctrl-group button:focus:first-child {
  border-radius: 4px 4px 0 0;
}

.mapboxgl-ctrl-group button:focus:last-child {
  border-radius: 0 0 4px 4px;
}

.mapboxgl-ctrl-group button:focus:only-child {
  border-radius: inherit;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon {
  -webkit-animation: mapboxgl-spin 2s linear infinite;
  -moz-animation: mapboxgl-spin 2s infinite linear;
  -o-animation: mapboxgl-spin 2s infinite linear;
  -ms-animation: mapboxgl-spin 2s infinite linear;
  animation: mapboxgl-spin 2s linear infinite;
}

@media (-ms-high-contrast: active) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3C/svg%3E");
  }
  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 005.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 009 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 003.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0011 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 110 7 3.5 3.5 0 110-7z'/%3E%3Ccircle cx='10' cy='10' r='2'/%3E%3Cpath d='M14 5l1 1-9 9-1-1 9-9z' fill='red'/%3E%3C/svg%3E");
  }
}
@-webkit-keyframes mapboxgl-spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(1turn);
  }
}
@-moz-keyframes mapboxgl-spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(1turn);
  }
}
@-o-keyframes mapboxgl-spin {
  0% {
    -o-transform: rotate(0deg);
  }
  to {
    -o-transform: rotate(1turn);
  }
}
@-ms-keyframes mapboxgl-spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(1turn);
  }
}
@keyframes mapboxgl-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
a.mapboxgl-ctrl-logo {
  width: 88px;
  height: 23px;
  margin: 0 0 -4px -4px;
  display: block;
  background-repeat: no-repeat;
  cursor: pointer;
  overflow: hidden;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg opacity='.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg opacity='.9' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
}

a.mapboxgl-ctrl-logo.mapboxgl-compact {
  width: 23px;
}

@media (-ms-high-contrast: active) {
  a.mapboxgl-ctrl-logo {
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/g%3E%3C/svg%3E");
  }
}
@media (-ms-high-contrast: black-on-white) {
  a.mapboxgl-ctrl-logo {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='88' height='23' viewBox='0 0 88 23' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd'%3E%3Cdefs%3E%3Cpath id='a' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='b' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='c'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/mask%3E%3Cg stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23c)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23b' mask='url(%23c)'/%3E%3C/g%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23b'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl.mapboxgl-ctrl-attrib {
  padding: 0 5px;
  background-color: hsla(0deg, 0%, 100%, 0.5);
  margin: 0;
}

@media screen {
  .mapboxgl-ctrl-attrib.mapboxgl-compact {
    min-height: 20px;
    padding: 0;
    margin: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 3px 12px 12px 3px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 24px 2px 4px;
    visibility: visible;
    margin-top: 6px;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover, .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:hover {
    padding: 2px 4px 2px 24px;
    border-radius: 12px 3px 3px 12px;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {
    display: none;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:hover .mapboxgl-ctrl-attrib-inner {
    display: block;
  }
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    content: "";
    cursor: pointer;
    position: absolute;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
    background-color: hsla(0deg, 0%, 100%, 0.5);
    width: 24px;
    height: 24px;
    box-sizing: border-box;
    border-radius: 12px;
  }
  .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    right: 0;
  }
  .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    top: 0;
    left: 0;
  }
  .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    bottom: 0;
    left: 0;
  }
}
@media screen and (-ms-high-contrast: active) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}
@media screen and (-ms-high-contrast: black-on-white) {
  .mapboxgl-ctrl-attrib.mapboxgl-compact:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1012 0 6 6 0 10-12 0m5-3a1 1 0 102 0 1 1 0 10-2 0m0 3a1 1 0 112 0v3a1 1 0 11-2 0'/%3E%3C/svg%3E");
  }
}
.mapboxgl-ctrl-attrib a {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}

.mapboxgl-ctrl-attrib a:hover {
  color: inherit;
  text-decoration: underline;
}

.mapboxgl-ctrl-attrib .mapbox-improve-map {
  font-weight: 700;
  margin-left: 2px;
}

.mapboxgl-attrib-empty {
  display: none;
}

.mapboxgl-ctrl-scale {
  background-color: hsla(0deg, 0%, 100%, 0.75);
  font-size: 10px;
  border: 2px solid #333;
  border-top: #333;
  padding: 0 5px;
  color: #333;
  box-sizing: border-box;
}

.mapboxgl-popup {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
  will-change: transform;
  pointer-events: none;
}

.mapboxgl-popup-anchor-top, .mapboxgl-popup-anchor-top-left, .mapboxgl-popup-anchor-top-right {
  -webkit-flex-direction: column;
  flex-direction: column;
}

.mapboxgl-popup-anchor-bottom, .mapboxgl-popup-anchor-bottom-left, .mapboxgl-popup-anchor-bottom-right {
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.mapboxgl-popup-anchor-left {
  -webkit-flex-direction: row;
  flex-direction: row;
}

.mapboxgl-popup-anchor-right {
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.mapboxgl-popup-tip {
  width: 0;
  height: 0;
  border: 10px solid transparent;
  z-index: 1;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-top: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-top: none;
  border-left: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-top: none;
  border-right: none;
  border-bottom-color: #fff;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  border-bottom: none;
  border-left: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  -webkit-align-self: flex-end;
  align-self: flex-end;
  border-bottom: none;
  border-right: none;
  border-top-color: #fff;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-left: none;
  border-right-color: #fff;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  -webkit-align-self: center;
  align-self: center;
  border-right: none;
  border-left-color: #fff;
}

.mapboxgl-popup-close-button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  border-radius: 0 3px 0 0;
  cursor: pointer;
  background-color: transparent;
}

.mapboxgl-popup-close-button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.mapboxgl-popup-content {
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 15px;
  pointer-events: auto;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {
  border-top-left-radius: 0;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {
  border-top-right-radius: 0;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {
  border-bottom-left-radius: 0;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {
  border-bottom-right-radius: 0;
}

.mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-popup-track-pointer * {
  pointer-events: none;
  user-select: none;
}

.mapboxgl-map:hover .mapboxgl-popup-track-pointer {
  display: flex;
}

.mapboxgl-map:active .mapboxgl-popup-track-pointer {
  display: none;
}

.mapboxgl-marker {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
}

.mapboxgl-user-location-dot, .mapboxgl-user-location-dot:before {
  background-color: #1da1f2;
  width: 15px;
  height: 15px;
  border-radius: 50%;
}

.mapboxgl-user-location-dot:before {
  content: "";
  position: absolute;
  -webkit-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -moz-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  -ms-animation: mapboxgl-user-location-dot-pulse 2s infinite;
  animation: mapboxgl-user-location-dot-pulse 2s infinite;
}

.mapboxgl-user-location-dot:after {
  border-radius: 50%;
  border: 2px solid #fff;
  content: "";
  height: 19px;
  left: -2px;
  position: absolute;
  top: -2px;
  width: 19px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

@-webkit-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  70% {
    -webkit-transform: scale(3);
    opacity: 0;
  }
  to {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@-ms-keyframes mapboxgl-user-location-dot-pulse {
  0% {
    -ms-transform: scale(1);
    opacity: 1;
  }
  70% {
    -ms-transform: scale(3);
    opacity: 0;
  }
  to {
    -ms-transform: scale(1);
    opacity: 0;
  }
}
@keyframes mapboxgl-user-location-dot-pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(3);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}
.mapboxgl-user-location-dot-stale {
  background-color: #aaa;
}

.mapboxgl-user-location-dot-stale:after {
  display: none;
}

.mapboxgl-user-location-accuracy-circle {
  background-color: rgba(29, 161, 242, 0.2);
  width: 1px;
  height: 1px;
  border-radius: 100%;
}

.mapboxgl-crosshair, .mapboxgl-crosshair .mapboxgl-interactive, .mapboxgl-crosshair .mapboxgl-interactive:active {
  cursor: crosshair;
}

.mapboxgl-boxzoom {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: #fff;
  border: 2px dotted #202020;
  opacity: 0.5;
}

@media print {
  .mapbox-improve-map {
    display: none;
  }
}
/* ===================================
FancyBox
v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license
=================================== */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url(../../images/fancybox_sprite.png);
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(../../images/fancybox_loading.gif) center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url(../../images/blank.gif); /* helps IE */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
  overflow: visible !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(../../images/fancybox_overlay.png);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  text-shadow: 0 1px 2px #212121;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url(../../images/fancybox_sprite@2x.png);
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }
  #fancybox-loading div {
    background-image: url(../../images/fancybox_loading@2x.gif);
    background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  }
}
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
  cursor: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/images/grabbing.png") 8 8, move;
}

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

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
}

.owl-theme .owl-controls .owl-buttons div {
  color: #000;
  display: none;
  margin: 5px;
  padding: 15px 15px;
  font-size: 24px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background: #fff;
  filter: Alpha(Opacity=50);
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .owl-theme .owl-controls .owl-buttons div {
    display: inline-block;
  }
}
.owl-theme .owl-controls .owl-buttons div:hover {
  opacity: 1;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none;
}

.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 16px;
  height: 16px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #ccc;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}

.owl-item.loading {
  min-height: 150px;
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/images/AjaxLoader.gif") no-repeat center center;
}

.vehicles .banner .owl-pagination {
  position: absolute;
  bottom: 0;
  left: 45%;
}
.vehicles .banner .owl-controls {
  margin: 0;
}
.vehicles #vehicle-carousel-2-2 {
  margin-bottom: 80px;
}
.vehicles #vehicle-carousel-2-2 .owl-pagination {
  bottom: -50px;
}
.vehicles .overview-carousel .owl-pagination,
.vehicles .tech-carousel .owl-pagination {
  left: 0%;
  right: 0%;
  display: none;
}
@media screen and (min-width: 768px) {
  .vehicles .overview-carousel .owl-pagination,
.vehicles .tech-carousel .owl-pagination {
    display: block;
    bottom: 30%;
  }
}
@media screen and (min-width: 1024px) {
  .vehicles .overview-carousel .owl-pagination,
.vehicles .tech-carousel .owl-pagination {
    display: block;
    bottom: 22%;
  }
}
@media screen and (min-width: 1024px) {
  .vehicles .tech-carousel .owl-pagination {
    bottom: 27%;
  }
}
.vehicles .image-right .owl-pagination {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: -8%;
}
@media screen and (min-width: 768px) {
  .vehicles .image-right .owl-pagination {
    right: 45%;
    bottom: 0;
  }
}
.vehicles .owl-prev {
  position: absolute;
  top: 50%;
  right: 90.5%;
}
.vehicles .owl-next {
  position: absolute;
  top: 50%;
  left: 90.5%;
}

.ranger-raptor .owl-prev {
  right: 95%;
}
.ranger-raptor .owl-next {
  left: 95%;
}

.inside-success-msg .btn-area {
  border-top: none;
  margin-top: 25px;
  padding-top: 0;
}
@media screen and (min-width: 1024px) {
  .inside-success-msg .btn-area {
    display: block;
    font-size: 0;
  }
}
@media screen and (min-width: 1024px) {
  .inside-success-msg .btn-area [class^=btn-t] {
    min-width: 174px;
  }
}
@media screen and (min-width: 1280px) {
  .inside-success-msg .btn-area [class^=btn-t] {
    display: inline-block;
  }
}

.completed-message .btn-area {
  padding-top: 20px;
}

.trade-in .form .ui-widget-content.ui-slider {
  height: 10px;
  background: #dedfe3;
  border: none;
}
.trade-in .form .ui-widget-header.ui-slider-range {
  background: #8b949f;
}
.trade-in .form .handle-wrapper {
  height: 10px;
}
.trade-in .slider-wrap {
  position: relative;
  padding: 0 0 42px 0;
}
.trade-in .slider-wrap .slider-inner {
  position: relative;
  height: 5px;
  margin-top: 0;
  margin-bottom: 35px;
  background-color: #dedfe3;
  border-radius: 15px;
}
.trade-in .slider-wrap .slider-inner .ui-slider {
  height: 5px;
  margin: 0 10px;
}
.trade-in .slider-wrap .slider-inner .ui-slider .ui-slider-handle {
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  background-color: #002c5f;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.trade-in .slider-wrap .slider-txt {
  display: -webkit-box;
  display-display: -ms-flexbox;
  display-display: flex;
  position: absolute;
  top: 19px;
  right: 0;
  left: 0;
  height: 21px;
  justify-content: space-between;
}
.trade-in .slider-wrap .slider-txt .item-txt {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  width: auto;
  color: #8b949f;
  text-align: center;
}
.trade-in .slider-wrap .slider-point {
  display: -webkit-box;
  display-display: -ms-flexbox;
  display-display: flex;
  position: absolute;
  top: 7px;
  right: 4px;
  left: 4px;
  justify-content: space-between;
}
.trade-in .slider-wrap .slider-point .item-point {
  height: 4px;
}
.trade-in .slider-wrap .slider-point .item-point::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background-color: #8b949f;
  border-radius: 50%;
}
.trade-in .slider-wrap .slider-inner .ui-slider {
  margin: 0 5px;
}
.trade-in .slider-wrap .slider-inner .ui-slider-range {
  right: -5px;
  left: -5px;
}
.trade-in .slider-wrap .slider-txt .item-txt:nth-child(2) {
  margin-right: -38px;
}
.trade-in .section.our-stock {
  padding-top: 40px;
}
.trade-in .section.our-stock .util-wrap .util-section {
  border: 0;
}
.trade-in .section.our-stock .util-wrap .head {
  background-color: transparent;
}
.trade-in .section.our-stock .util-wrap .head strong {
  color: #000;
}

.ba-heading {
  font-size: 14px;
  background-color: #f2f2f2;
  padding: 8px;
  margin: 20px 0 10px 0;
}
.ba-heading:first-child {
  margin-top: 0;
}

.ba-list {
  padding: 0;
  margin: 0;
}

.ba-item {
  list-style: none;
  margin-bottom: 8px;
}
.ba-item.ba-item:last-child {
  margin-bottom: 0;
}
.ba-item:before, .ba-item:after {
  content: " ";
  display: table;
}
.ba-item:after {
  clear: both;
}
.ba-item .clearfix {
  *zoom: 1;
}

.ba-thumb {
  display: none;
}
@media screen and (min-width: 1024px) {
  .ba-thumb {
    display: block;
    margin: 0 10px 0 0;
    width: 20%;
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  .ba-text-wrapper {
    width: 70%;
    float: left;
  }
}

@media screen and (min-width: 1024px) {
  .ba-link,
.ba-pagination-link {
    font-size: 12px;
    line-height: 15px;
  }
}

.ba-link {
  color: #002c5f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.ba-link:hover .ba-text {
  text-decoration: underline;
  text-decoration-skip: ink;
}

.ba-text,
.ba-text-date {
  display: block;
}

.ba-link .ba-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

.ba-text-date {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 11px;
  color: #828282;
}
@media screen and (min-width: 1024px) {
  .ba-text-date {
    font-size: 9px;
  }
}

.ba-pagination-link {
  display: inline-block;
  padding: 6px 12px 4px 12px;
  background-color: #fff;
  border-width: 2px;
  border-style: solid;
  border-color: #002c5f;
  transition: background-color 200ms ease-in-out, border-color 200ms ease-in-out;
}
.ba-pagination-link.current {
  cursor: default;
  background-color: #00aad2;
  border-color: #00aad2;
}
.ba-pagination-link:hover {
  background-color: #00aad2;
  border-color: #00aad2;
}
.ba-pagination-link.current .ba-pagination-text, .ba-pagination-link:hover .ba-pagination-text {
  color: #fff;
}
.ba-pagination-link .ba-pagination-text {
  text-decoration: none;
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #002c5f;
}

.ba-tag-wrapper .ba-tag-link {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  color: #fff;
  background-color: #7f7f7f;
  padding: 6px 12px;
  display: inline-block;
  margin: 0 3px 5px 0;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.ba-tag-wrapper .ba-tag-link:hover {
  color: #fff;
  background-color: #333333;
}

.blog-main-col-1 {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .blog-main-col-1 {
    width: 70%;
    padding-right: 1.5rem;
  }
}

.blog-main-col-2 {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .blog-main-col-2 {
    width: 30%;
  }
}

.blog-col-1 {
  width: 100%;
}
@media screen and (min-width: 568px) {
  .blog-col-1 {
    width: 30%;
    padding-right: 1.5rem;
  }
}

.blog-col-2 {
  width: 100%;
  margin-top: 1rem;
}
@media screen and (min-width: 568px) {
  .blog-col-2 {
    width: 70%;
    margin-top: 0;
  }
}

.blog-listing-wrapper {
  margin-bottom: 2rem;
  border-bottom: 2px solid #ebebec;
  padding-bottom: 2rem;
}
.blog-listing-wrapper:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.bl-image-link {
  display: block;
}

.bl-image-small {
  margin: 0;
}

.bl-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  margin: 0 0 0.5rem 0;
}

.bl-heading-link {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #002c5f;
}
.bl-heading-link:hover {
  text-decoration: underline;
  text-decoration-skip: ink;
  color: #002c5f;
}

.bl-date {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 13px;
  line-height: 16px;
  margin: 0;
}

.blog-listing-wrapper .bl-btn {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: capitalize;
  color: #fff;
  background-color: #002c5f;
  padding: 8px 12px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.blog-listing-wrapper .bl-btn:hover {
  color: #fff;
  text-decoration: none;
  background-color: #00aad2;
}

.bl-pagination-wrapper {
  width: auto;
  background: #d9d9d9;
  margin: 0 auto;
  padding: 4px 4px 4px 14px;
  border-radius: 10px;
}

.bl-pagination-link {
  text-decoration: none;
  display: inline-block;
  background: #999999;
  color: #fff;
  width: 24px;
  height: 24px;
  border-radius: 12px;
  margin-right: 10px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}
.bl-pagination-link:hover, .bl-pagination-link.current {
  background: #002c5f;
  color: #fff;
}

.bp-image-large {
  padding-bottom: 1.5rem;
}

.bp-heading {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 26px;
  color: #002c5f;
  margin: 0 0 0.5rem 0;
}

.ph-auxiliary {
  font-size: 70%;
  text-transform: uppercase;
}

.bp-date {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 16px;
  color: #002c5f;
  margin: 0 0 15px;
}

.byline-wrapper {
  font-size: 13px;
  margin-bottom: 10px;
  padding-top: 5px;
}

.bl-text-wrapper {
  margin-bottom: 10px;
}

.bp-byline-author,
.bp-byline-date {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  margin-right: 10px;
}

.bp-byline-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  margin-right: 5px;
}

.bp-byline-tag-link {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  display: inline-block;
  text-decoration: none;
  color: #002c5f;
  margin-right: 5px;
}
.bp-byline-tag-link:hover {
  color: #002c5f;
  text-decoration: underline;
  text-decoration-skip: ink;
  cursor: pointer;
}

.bp-text-wrapper {
  margin-bottom: 1.5rem;
}
.bp-text-wrapper h2 {
  font-size: 18px;
}
.bp-text-wrapper h3,
.bp-text-wrapper h4,
.bp-text-wrapper h5 {
  font-size: 16px;
}

.blog-post .bp-back-link {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  line-height: 30px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  color: #fff;
  padding: 0 10px 0 7px;
  margin: 0 0 10px 15px;
  height: 30px;
  vertical-align: middle;
  text-align: center;
  background-color: #002c5f;
  position: relative;
  display: inline-block;
  border-radius: 2px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
.blog-post .bp-back-link:before {
  position: absolute;
  left: -10px;
  content: " ";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  border-color: transparent #002c5f transparent transparent;
  -webkit-transition: border-color 150ms ease-in;
  -moz-transition: border-color 150ms ease-in;
  -ms-transition: border-color 150ms ease-in;
  -o-transition: border-color 150ms ease-in;
  transition: border-color 150ms ease-in;
}
.blog-post .bp-back-link:hover {
  color: #fff;
  background: #00aad2;
}
.blog-post .bp-back-link:hover:before {
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 15px 10px 15px 0;
  border-color: transparent #00aad2 transparent transparent;
}

.blog-post .page-head {
  font-size: 44px;
  line-height: 45px;
  margin: 34px 0;
  border-bottom: 2px solid #212121;
  padding-bottom: 11px;
}
.blog-post .container {
  padding-top: 70px;
}
@media screen and (min-width: 1024px) {
  .blog-post .container {
    padding-top: 116px;
  }
}

.cta-list {
  padding: 0;
  margin: 0;
}

.cta-item {
  list-style: none;
  margin-bottom: 6px;
}
.cta-item:last-child {
  margin-bottom: 0;
}

.cta-item .cta-link {
  text-decoration: none;
  height: 45px;
  display: block;
  position: relative;
  background: #fff;
  -webkit-transition: background 150ms ease-in;
  -moz-transition: background 150ms ease-in;
  -ms-transition: background 150ms ease-in;
  -o-transition: background 150ms ease-in;
  transition: background 150ms ease-in;
}

.cta-icon-wrapper {
  background: #002c5f;
  width: 45px;
  height: 45px;
  position: absolute;
  left: 0;
  top: 0;
}
.cta-icon-wrapper .icon-cta,
.cta-icon-wrapper .icon-svg-quote,
.cta-icon-wrapper .icon-svg-brochures,
.cta-icon-wrapper .icon-svg-service,
.cta-icon-wrapper .icon-svg-specials,
.cta-icon-wrapper .icon-svg-test-drive,
.cta-icon-wrapper .icon-svg-search {
  fill: #fff;
  width: 45px;
  height: 45px;
}
.cta-icon-wrapper:hover {
  background-color: #00aad2;
}

.sa-rural-dealer .im-col.ds-col-2 {
  display: none;
}

.cta-text {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  color: #000;
  margin-left: 40px;
  padding: 16px 8px;
}

.nv-cta-c2b-wrapper {
  background-color: #00aad2;
}
@media screen and (min-width: 768px) {
  .nv-cta-c2b-wrapper {
    background-color: #002c5f;
    padding: 20px 0;
  }
}

.nv-c2b-link {
  text-align: center;
  padding: 0;
  height: auto;
  font-size: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00aad2;
  margin: 0 auto;
  color: white;
  max-width: 100%;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .nv-c2b-link {
    font-size: 19px;
    max-width: 60%;
  }
}

.nv-c2b-image {
  display: block;
  width: 140px;
  margin: 0 10px;
}

.nv-c2b-text {
  padding: 2px;
}
@media screen and (min-width: 640px) {
  .nv-c2b-text {
    padding: 0;
  }
}

.powered-by-wrapper {
  position: relative;
}

.i-motor-logo-link {
  display: block;
  padding: 0 0 0 15px;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .i-motor-logo-link {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .i-motor-logo-link {
    text-align: right;
  }
}
.i-motor-logo-link.collapsed .icon-svg-logo-i-motor {
  color: #666;
}
.i-motor-logo-link .icon-svg-logo-i-motor, .i-motor-logo-link.collapsed:hover .icon-svg-logo-i-motor {
  color: #539ec8;
}
.i-motor-logo-link:focus {
  outline: 0;
}

@media screen and (max-width: 1023px) {
  .powered-by-content {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .powered-by-content {
    text-align: right;
  }
}
.powered-by-content.panel-collapse {
  border: 0;
}

.icon-svg-logo-i-motor {
  width: 154px;
  height: 11px;
  fill: #666;
}

.i-motor-cms-link {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #666;
  display: inline-block;
}
.i-motor-cms-link:hover, .i-motor-cms-link:focus, .i-motor-cms-link:active {
  color: #666;
  text-decoration: underline;
  outline: 0;
}

.footer-pipe {
  width: 1px;
  background-color: #666;
  height: 12px;
  display: inline-block;
  margin: 0 8px;
  position: relative;
  top: 2px;
}

.translate-container {
  width: 100%;
  background: #d9d9d9;
  padding: 2px 3% 2px 2%;
  display: none;
}

.translate-button-wrapper {
  float: right;
  border-radius: 5px;
  margin-top: 5px;
  background: #fff;
}

.google-translate {
  display: inline-block;
  width: 250px;
}

.reset-google-translate,
.close-google-translate {
  display: block;
  padding: 4px 10px 3px 10px;
  float: left;
  font-family: sans-serif;
  font-weight: 600;
  color: #7f7f7f;
  font-size: 13px;
  cursor: pointer;
}
.reset-google-translate:hover,
.close-google-translate:hover {
  color: #404040;
}

.reset-google-translate {
  border-right: 3px solid #d9d9d9;
}

.goog-te-combo {
  height: 30px;
}

.goog-logo-link {
  display: inline-block;
  width: 180px;
}
.goog-logo-link img {
  display: block;
  width: 52px;
  padding: 3px;
  float: left;
}

.goog-te-banner-frame {
  display: none;
}

.translate {
  top: 0;
}

.refresh-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50%;
  height: 50px;
  background-color: #fff;
  z-index: 999;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #d9d9d9;
  -webkit-box-shadow: -1px 11px 28px -4px rgba(0, 0, 0, 0.67);
  -moz-box-shadow: -1px 11px 28px -4px rgba(0, 0, 0, 0.67);
  box-shadow: -1px 11px 28px -4px rgba(0, 0, 0, 0.67);
}

.refresh-bar {
  display: block;
  height: 100%;
  background-color: #002c5f;
  animation-name: loadingBarTranslate;
  animation-duration: 2s;
}

@keyframes loadingBarTranslate {
  0% {
    width: 25%;
  }
  50% {
    width: 85%;
  }
  100% {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .show-translate {
    display: block;
    animation-name: showTranslateBar;
    animation-duration: 0.5s;
  }
}

.google-translate-trigger {
  display: none;
  position: absolute;
  top: 220px;
  left: 0;
  width: 47px;
  height: 46px;
  z-index: 99;
  cursor: pointer;
  background-image: url("/2018hyundai/images/google_translate_logo.png");
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .google-translate-trigger {
    display: block;
  }
}

@keyframes showTranslateBar {
  0% {
    margin-top: -42px;
  }
  100% {
    margin-top: 0;
  }
}
.flexbox .im-col-g {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.no-flexbox .im-col-g {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.no-flexbox .im-col {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

div[data-balloon] {
  overflow: visible;
}

[data-balloon] {
  cursor: pointer;
  position: relative;
}

[data-balloon]:after {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
  pointer-events: none;
  background: #002c5f;
  border-radius: 4px;
  content: attr(data-balloon);
  padding: 0.5em 1em;
  position: absolute;
  z-index: 3000;
  transition: all 0.18s ease-out 0.18s;
  width: auto;
  white-space: normal;
  text-align: center;
}

[data-balloon]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22%23002848%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  filter: alpha(opacity=0);
  opacity: 0;
  pointer-events: none;
  content: "" !important;
  position: absolute;
  z-index: 3000;
  transition: all 0.18s ease-out 0.18s;
}

[data-balloon]:hover:before,
[data-balloon]:hover:after,
[data-balloon][data-balloon-visible]:before,
[data-balloon][data-balloon-visible]:after {
  filter: alpha(opacity=100);
  opacity: 1;
  pointer-events: auto;
}

[data-balloon][data-balloon-break]:after {
  white-space: pre;
}

[data-balloon][data-balloon-pos=up-left]:after {
  bottom: 100%;
  left: 0;
  margin-bottom: 11px;
  transform: translate(0, 10px);
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up-left]:before {
  bottom: 100%;
  left: 5px;
  margin-bottom: 5px;
  transform: translate(0, 10px);
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up-left]:hover:after,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after {
  transform: translate(0, 0);
}

[data-balloon][data-balloon-pos=up-left]:hover:before,
[data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
  transform: translate(0, 0);
}

[data-balloon][data-balloon-pos=up]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up]:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}

[data-balloon][data-balloon-pos=up]:hover:after,
[data-balloon][data-balloon-pos=up][data-balloon-visible]:after {
  transform: translate(-50%, 0);
}

[data-balloon][data-balloon-pos=up]:hover:before,
[data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}

[data-balloon][data-balloon-pos=down]:after {
  left: 50%;
  margin-top: 10px;
  top: 100%;
  transform: translate(-50%, 3px);
}

[data-balloon][data-balloon-pos=down]:before {
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #002c5f;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 3px);
}

[data-balloon][data-balloon-pos=down]:hover:after,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:after {
  transform: translate(-50%, 0);
}

[data-balloon][data-balloon-pos=down]:hover:before,
[data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
  transform: translate(-50%, 0);
}

@media screen and (max-width: 1023px) {
  .l-content .section.search-box {
    overflow: hidden;
    background-color: #f1f2f5;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.search-box {
    max-width: 100%;
    padding: 0;
    box-sizing: border-box;
    background-color: #f1f2f5;
  }
}

@media screen and (max-width: 1023px) {
  .l-content .section.search-box .box-inner {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content .section.search-box .box-inner {
    padding: 0 24px 24px 24px;
  }
}
@media screen and (min-width: 1280px) {
  .l-content .section.search-box .box-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px 24px 20px;
  }
}

.search-box .f-color {
  color: #00aad2;
}

.search-box .tab-area .tab ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.search-box .tab-area .tab li {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #002c5f;
  position: relative;
  margin: 5px;
  margin-right: 10px;
  width: auto;
  background-color: transparent;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
  border: 0;
}
@media screen and (min-width: 400px) {
  .search-box .tab-area .tab li {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) {
  .search-box .tab-area .tab li {
    margin-right: 50px;
  }
}

.search-box .tab-area .tab:before {
  content: none;
}

.search-box .tab-area .tab li.is-active,
.search-box .tab-area .tab li:hover {
  border: 0;
  background-color: transparent;
  color: #002c5f;
}

.search-box .tab-area .tab li a {
  font-size: 16px;
  line-height: 20px;
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .search-box .tab-area .tab li a {
    height: auto;
  }
}
@media screen and (max-width: 1023px) {
  .search-box .tab-area .tab li a {
    height: auto;
  }
}

.search-box .tab-area .tab li > a:hover,
.search-box .tab-area .tab li.is-active > a {
  border-bottom: 2px solid #00aad2;
  color: #002c5f;
}

@media screen and (max-width: 1023px) {
  .search-box .tab-area .tab-cont {
    margin-top: 10px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .search-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .search-title {
    display: block;
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    line-height: 53px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .choice-list {
    overflow: hidden;
    margin-top: -10px;
    font-size: 0;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .choice-list {
    overflow: hidden;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .choice-list .item {
    display: inline-block;
    width: 33.3333333333%;
    margin-top: 10px;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .choice-list .item {
    float: left;
    line-height: 46px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .choice-list .item input[type=checkbox],
.search-box .choice-list .item input[type=radio] {
    opacity: 0;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .choice-list .item input[type=checkbox] + label,
.search-box .choice-list .item input[type=radio] + label {
    margin-right: 0;
    padding-left: 38px;
    font-size: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .choice-list .item input[type=checkbox] + label,
.search-box .choice-list .item input[type=radio] + label {
    min-width: 80px;
    margin-right: 20px;
    padding-left: 34px;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1280px) {
  .search-box .choice-list .item input[type=checkbox] + label,
.search-box .choice-list .item input[type=radio] + label {
    min-width: 100px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont {
    position: relative;
    margin-top: 10px;
    padding-left: 330px;
  }
}
@media screen and (min-width: 1280px) {
  .search-box .search-cont {
    padding-left: 390px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .tab-cont .search-cont.is-active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont .box1 {
    position: relative;
    width: 30%;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .search-cont .box2 {
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #dadbdc;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .search-cont .box2 {
    overflow: hidden;
    position: relative;
    width: 70%;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont .box2 .select-area {
    float: left;
    width: 38%;
    box-sizing: border-box;
    padding-right: 8px;
  }
}
@media screen and (min-width: 1290px) {
  .search-box .search-cont .box2 .select-area {
    width: 40%;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .select-area + .select-area {
    margin-top: 5px;
  }
}

.search-box .search-cont .btn-t01,
.search-box .search-cont2 .btn-t01 {
  border: 0;
}
@media screen and (max-width: 1023px) {
  .search-box .search-cont .btn-t01,
.search-box .search-cont2 .btn-t01 {
    width: 100%;
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .search-box .search-cont .btn-t01,
.search-box .search-cont2 .btn-t01 {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 157px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .search-cont2 .choice-list .item {
    width: auto;
    margin-right: 5px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .search-cont2 .choice-list .item:last-child {
    margin-right: 0;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .position-inner {
    position: relative;
    margin-top: 10px;
    padding-left: 365px;
    padding-right: 370px;
  }
}
@media screen and (min-width: 1280px) {
  .search-box .search-cont2 .position-inner {
    padding-left: 415px;
    padding-right: 470px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .box1 {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .move-slider-wrap {
    position: relative;
    padding: 53px 8px 42px 8px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .move-slider-wrap {
    position: relative;
    margin-top: 17px;
    padding: 44px 2vw 38px;
    border-top: 1px solid #dadbdc;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .value-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 340px;
    padding-right: 165px;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1280px) {
  .search-box .search-cont2 .value-area {
    width: 425px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .info-text {
    margin-top: 25px;
    padding: 15px 0 0 10px;
    border-top: 1px solid #dadbdc;
    color: #666;
    font-size: 14px;
    text-indent: -10px;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .value-area .search-title {
    white-space: nowrap;
  }
}

@media screen and (min-width: 1024px) {
  .search-box .search-cont2 .value-area input {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .move-slider-wrap .move-gauge span {
    padding-top: 13px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .value-area {
    margin-top: 13px;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .value-area input {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .search-box .info-text {
    margin-top: 20px;
    padding: 15px 0 0 10px;
    border-top: 1px solid #dadbdc;
    color: #666;
    font-size: 14px;
    text-indent: -10px;
  }
}

.ie-label {
  display: none;
}

.quicksearch-wrapper {
  background-color: #002c5f;
}

.section-home-qs {
  margin-top: 3px;
}
.section-home-qs .qs-form {
  padding: 0;
}

.qs-wrapper-inner label,
.qs-wrapper-inner span,
.qs-wrapper-inner input[type=text],
.qs-wrapper-inner select,
.qs-wrapper-inner textarea,
.qs-wrapper-inner p {
  margin: 0;
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .qs-wrapper-inner label,
.qs-wrapper-inner span,
.qs-wrapper-inner input[type=text],
.qs-wrapper-inner select,
.qs-wrapper-inner textarea,
.qs-wrapper-inner p {
    font-size: 14px;
  }
}
.qs-wrapper-inner input[type=text] {
  width: 100%;
}
.qs-wrapper-inner .tab-content {
  background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
  border-top: 0;
  min-height: 100px;
}
@media screen and (min-width: 768px) {
  .qs-wrapper-inner .qs-type {
    margin-top: 27px;
  }
}
.qs-wrapper-inner .qs-dealer-location {
  margin-top: 17px;
}
@media screen and (min-width: 768px) {
  .qs-wrapper-inner .qs-dealer-location {
    margin-left: 10px;
  }
}
.qs-wrapper-inner .icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 0;
}

.qs-tab-list {
  background-color: transparent;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0 auto;
}

.qs-tab {
  list-style: none;
  width: 50%;
  float: left;
}
@media screen and (min-width: 640px) {
  .qs-tab {
    width: auto;
  }
}

.qs-tab-link {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  display: block;
  padding: 0 30px;
  color: #fff;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
}
.qs-tab-link:hover, .qs-tab-link:focus {
  color: #fff;
  background-color: #002c5f;
}

.qs-tab.active .qs-tab-link {
  background: #e8e8e8;
  border-bottom: 0;
}
.qs-tab.active .icon-svg {
  fill: #000;
}
.qs-tab.active .qs-text {
  color: #000;
}

.qs-icon .icon-svg {
  fill: #fff;
  width: 27px;
  height: 27px;
  display: block;
}
.lt-ie9 .qs-icon, .ie9 .qs-icon {
  float: left;
}

.qs-text {
  font-size: 13px;
  line-height: 13px;
  color: #fff;
  margin-left: 3px;
}
@media screen and (min-width: 568px) {
  .qs-text {
    font-size: 14px;
    line-height: 14px;
    margin-left: 6px;
  }
}
.lt-ie9 .qs-text, .ie9 .qs-text {
  padding-top: 7px;
}

.budgetPeriod {
  margin-left: 5px;
  width: auto;
}

.qs-budget-icon {
  background-position: 0 -4494px;
}

.qs-vehicle-wrapper .search-submit {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .qs-vehicle-wrapper .search-submit {
    width: 160px;
  }
}

.qs-budget-wrapper.stock .budget-label,
.qs-budget-wrapper.stock .deposit-label {
  font-size: 12px;
  line-height: 15px;
  display: inline;
}
@media screen and (min-width: 1024px) {
  .qs-budget-wrapper.stock .budget-label,
.qs-budget-wrapper.stock .deposit-label {
    font-size: 14px;
  }
}
.qs-budget-wrapper.stock .stock__budget-amount {
  font-size: 20px;
  color: #000;
}
.qs-budget-wrapper.stock .stock__slider-u-slider {
  border-radius: 0;
  height: 10px;
  background: #cccccc;
  display: inline;
  float: right;
  width: 30%;
}
@media screen and (min-width: 568px) {
  .qs-budget-wrapper.stock .stock__slider-u-slider {
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .qs-budget-wrapper.stock .stock__slider-u-slider {
    width: 30%;
  }
}
@media screen and (min-width: 880px) {
  .qs-budget-wrapper.stock .stock__slider-u-slider {
    width: 40%;
  }
}
@media screen and (min-width: 1024px) {
  .qs-budget-wrapper.stock .stock__slider-u-slider {
    width: 45%;
  }
}
.qs-budget-wrapper.stock .ui-widget-header {
  border-radius: 0;
}
.qs-budget-wrapper.stock .stock__slider-u-slider .ui-slider-handle {
  background: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/mitsubishi/images/slider-button-round.png") 50% 50% no-repeat;
  border: 0;
  width: 26px;
  height: 26px;
  margin: -2px 0 0 -13px;
  cursor: pointer;
}
.qs-budget-wrapper.stock .stock__slider-u-slider .ui-slider-handle:focus {
  outline: none;
}
.qs-budget-wrapper.stock .budget-submit {
  float: none;
  margin-top: 26px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .qs-budget-wrapper.stock .budget-submit {
    width: 160px;
  }
}
.qs-budget-wrapper.stock .stock__terms-budget {
  font-size: 9.5px;
}

.pure-button.button-brand.budget-submit, .pure-button.button-brand.search-submit {
  height: 44px;
  font-size: 14px;
  margin-top: 18px;
  padding: 1.05em;
}

.bs-pricing-slider {
  padding-top: 20px;
}

.squaredThree {
  width: 20px;
  position: relative;
  margin-left: 10px;
  color: #000;
}
.squaredThree .ie-label {
  display: none;
}
.lt-ie9 .squaredThree .ie-label {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 5px;
  left: 17px;
}
.squaredThree label {
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 3px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.lt-ie9 .squaredThree label {
  display: none;
  visibility: hidden;
  opacity: 0;
}
.squaredThree label span {
  margin-left: 20px;
  margin-top: -2px;
  display: block;
}
.squaredThree label:after {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 3px;
  border: 3px solid #000;
  border-top: none;
  border-right: none;
  background: transparent;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.lt-ie9 .squaredThree label:after {
  filter: initial;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
  height: 23px;
}
@media screen and (min-width: 768px) {
  .squaredThree input[type=checkbox] {
    height: 28px;
  }
}
.lt-ie9 .squaredThree input[type=checkbox] {
  visibility: visible;
}
.squaredThree input[type=checkbox]:checked + label:after {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
.lt-ie9 .squaredThree input[type=checkbox]:checked + label:after {
  filter: initial;
}

.homeStockSearch label.imFormInputLabel {
  margin: 0.5em 0 0.2em;
}
.homeStockSearch span.slFormCheckCustomText {
  padding-top: 5px;
}
.homeStockSearch .imFormInputCheck {
  opacity: 1;
}
.homeStockSearch select.imFormSelect {
  width: 100%;
}
.homeStockSearch .slFormCheckCustomText {
  margin: 0 40%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .slFormCheckCustomText {
    margin: 0 25%;
  }
}
@media screen and (min-width: 1024px) {
  .homeStockSearch .slFormCheckCustomText {
    margin: 0 33%;
  }
}
.homeStockSearch .ui-widget-content {
  border: 1px solid #aaa;
  background: #fff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  color: #222;
}
.homeStockSearch .ui-state-default, .homeStockSearch .ui-widget-content .ui-state-default, .homeStockSearch .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
  font-weight: 400;
  color: #555;
}
.homeStockSearch .ui-widget-header {
  border: 1px solid #aaa;
  background: #ccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222;
  font-weight: 700;
}

.homeStockSearch .imFormInputColumn.slFormChecksCustomWrapper label input[type=checkbox], .homeStockSearch .imFormInputColumn.slFormChecksCustomWrapper label input[type=radio] {
  position: relative;
  margin: auto;
  display: block;
}

.meet-team-wrapper.mt-inside-pages {
  margin-bottom: 20px;
}
.meet-team-wrapper.mt-inside-pages .mt-grid-item {
  width: 100%;
  margin-bottom: 15px;
}
.meet-team-wrapper.mt-inside-pages .mt-grid-item:last-child {
  margin-bottom: 0;
}
.meet-team-wrapper.mt-inside-pages .mt-col-1 {
  width: 55%;
  max-width: 108px;
}
@media screen and (min-width: 568px) {
  .meet-team-wrapper.mt-inside-pages .mt-col-1 {
    width: 21%;
    margin: 0;
  }
}
.meet-team-wrapper.mt-inside-pages .mt-col-2 {
  width: 100%;
}
@media screen and (min-width: 568px) {
  .meet-team-wrapper.mt-inside-pages .mt-col-2 {
    width: 79%;
  }
}
.meet-team-wrapper.mt-inside-pages .mt-text-group-1,
.meet-team-wrapper.mt-inside-pages .mt-text-group-2,
.meet-team-wrapper.mt-inside-pages .mt-text {
  margin: 0;
}

.flexbox .mt-grid-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flexbox .mt-col-group {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (min-width: 568px) {
  .flexbox .mt-col-group {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

@supports (display: grid) {
  .mt-pane-wrapper .mt-grid-wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 15px;
  }
  @media screen and (min-width: 768px) {
    .mt-pane-wrapper .mt-grid-wrapper {
      grid-template-columns: 1fr 1fr;
    }
  }
  .mt-grid-wrapper .mt-grid-item {
    margin: 0;
    width: auto;
  }
  @media screen and (min-width: 568px) {
    .mt-grid-wrapper .mt-grid-item {
      margin: 0;
    }
  }
}
.mt-grid-item {
  padding: 10px;
  margin-bottom: 15px;
  background-color: #f7f7f7;
  border: 1px solid #e8e8e8;
  border-bottom-color: #cccccc;
  width: 100%;
}

.mt-col-1 {
  width: 55%;
  max-width: 170px;
  margin-bottom: 15px;
}
@media screen and (min-width: 568px) {
  .mt-col-1 {
    width: 30%;
    max-width: 100%;
    padding-right: 15px;
    margin-bottom: 0;
  }
}

.mt-col-2 {
  width: 100%;
}
@media screen and (min-width: 568px) {
  .mt-col-2 {
    width: 70%;
  }
}

.mt-text-group-1,
.mt-text-group-2 {
  margin-bottom: 5px;
}

.mt-text-group-3 {
  margin-top: 8px;
}

.mt-text {
  font-size: 13px;
  margin: 0;
}
.mt-text.mt-text-name {
  text-transform: uppercase;
}
.mt-text .mt-link-phone,
.mt-text .mt-link-email {
  color: #000;
  padding: 5px 0;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .mt-text .mt-link-phone,
.mt-text .mt-link-email {
    color: #000;
    display: inline;
    padding: 0;
  }
}
.mt-text .mt-link-email {
  color: #000;
}
.mt-text .weighted {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.tab-content .mt-text-link-toggle {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  color: #fff;
  background-color: #002c5f;
  padding: 1px 8px 0 8px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  display: inline-block;
}
.tab-content .mt-text-link-toggle:hover {
  background-color: #00aad2;
  text-decoration: none;
}

.no-flexbox .mt-grid-wrapper:before, .no-flexbox .mt-grid-wrapper:after {
  content: " ";
  display: table;
}
.no-flexbox .mt-grid-wrapper:after {
  clear: both;
}
.no-flexbox .mt-grid-item {
  float: left;
}
.no-flexbox .mt-grid-item:before, .no-flexbox .mt-grid-item:after {
  content: " ";
  display: table;
}
.no-flexbox .mt-grid-item:after {
  clear: both;
}
.no-flexbox .mt-col-group:before, .no-flexbox .mt-col-group:after {
  content: " ";
  display: table;
}
.no-flexbox .mt-col-group:after {
  clear: both;
}
.no-flexbox .mt-col-1 {
  float: left;
  width: 33%;
  padding-right: 15px;
}
.no-flexbox .mt-col-2 {
  float: left;
  width: 66%;
}

.meet-team-wrapper {
  margin-bottom: 2rem;
}
@media screen and (min-width: 1024px) {
  .meet-team-wrapper {
    margin: 0;
  }
}

.mt-tab-wrapper {
  background-color: #f7f7f7;
  border: 1px solid #e8e8e8;
  margin-bottom: 15px;
  padding: 10px 0 0 10px;
}

.mt-tab-list {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mt-tab-item {
  list-style-type: none;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
@media screen and (min-width: 1024px) {
  .mt-tab-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.no-flexbox .mt-tab-list:before, .no-flexbox .mt-tab-list:after {
  content: " ";
  display: table;
}
.no-flexbox .mt-tab-list:after {
  clear: both;
}
.no-flexbox .mt-tab-item {
  float: left;
}

.mt-tab-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
  background-color: #002c5f;
  padding: 15px;
  display: block;
  border: 1px solid #002c5f;
  border-bottom-color: #002046;
  border-bottom-width: 2px;
}
.active .mt-tab-link, .mt-tab-link:hover {
  background-color: #00aad2;
  color: #fff;
  border-color: #009ec3;
  border-bottom-color: #0095b9;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in, border-color 200ms ease-in;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.icon-svg {
  position: relative;
  top: 0;
  left: 0;
  -webkit-transition: fill 200ms ease-in;
  -moz-transition: fill 200ms ease-in;
  -ms-transition: fill 200ms ease-in;
  -o-transition: fill 200ms ease-in;
  transition: fill 200ms ease-in;
}
.icon-svg img {
  display: inline;
}

.icon-close {
  width: 20px;
  height: 20px;
  fill: #fff;
  -webkit-transition: fill 100ms ease-in;
  -moz-transition: fill 100ms ease-in;
  -ms-transition: fill 100ms ease-in;
  -o-transition: fill 100ms ease-in;
  transition: fill 100ms ease-in;
}

.summary-wrap .icon-svg-phone,
.summary-wrap .icon-svg-location,
.summary-wrap .icon-svg-hours,
.summary-wrap .icon-svg-test-drive,
.summary-wrap .icon-svg-print,
.summary-wrap .icon-svg-email,
.summary-wrap .icon-svg-tick,
.summary-wrap .icon-svg-arrow {
  fill: #002c5f;
  width: 18px;
  top: 5px;
  margin-right: 8px;
}
.summary-wrap .icon-svg-test-drive,
.summary-wrap .icon-svg-print,
.summary-wrap .icon-svg-email,
.summary-wrap .icon-svg-tick,
.summary-wrap .icon-svg-test-drive {
  width: 30px;
  height: 30px;
  top: 11px;
  margin-right: 12px;
}
.summary-wrap .icon-svg-phone,
.summary-wrap .icon-svg-hours {
  height: 18px;
}
.summary-wrap .icon-svg-location {
  height: 20px;
}
.summary-wrap .icon-svg-arrow {
  transform: rotate(-45deg);
  height: 20px;
  width: 26px;
  margin-right: 4px;
}

.icon-bendigo {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.icon-bendigo-first {
  margin-right: 3px;
}

.tab-area {
  width: 100%;
}

.tab-area .tab {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  position: relative;
  width: 100%;
}

.tab-area .tab:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #000;
}

.tab-area .tab ul:after {
  content: "";
  display: block;
  clear: both;
}

.tab-area .tab li {
  position: relative;
  float: left;
  text-align: center;
  color: #666;
  font-size: 1.6rem;
  background-color: #fff;
  border: 1px solid #000;
  box-sizing: border-box;
  -webkit-transition: background-color 250ms ease-in;
  -moz-transition: background-color 250ms ease-in;
  -ms-transition: background-color 250ms ease-in;
  -o-transition: background-color 250ms ease-in;
  transition: background-color 250ms ease-in;
}
.tab-area .tab li:hover {
  background-color: #00aad2;
  color: #fff;
  border-color: #00aad2;
}

.tab-area .tab li > a,
.tab-area .tab li > button {
  display: block;
}

.tab-area .tab li.is-active {
  color: #fff;
  font-weight: 600;
  border: 1px solid #00aad2;
  background-color: #00aad2;
}

.tab-area .tab li:last-child {
  float: right;
  margin-left: 0;
}

.tab-area .tab-cont > div {
  display: none;
}

.tab-area .tab-cont > div.is-active {
  display: block;
}

.xtime-tabs-wrapper {
  background-color: #e4dcd3;
}

.xtime-tabs {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.xtime-tab-item {
  list-style-type: none;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin: 5px;
}
@media screen and (min-width: 400px) {
  .xtime-tab-item {
    margin-right: 35px;
  }
}
@media screen and (min-width: 768px) {
  .xtime-tab-item {
    margin-right: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .xtime-tab-item {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
  }
}

.xtime-tab-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  white-space: nowrap;
  background-color: transparent;
  color: #002c5f;
  padding: 15px 0;
  display: block;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in;
}
.active .xtime-tab-link, .xtime-tab-link:hover {
  border-bottom: 2px solid #00aad2;
}

.iframe-area-wrapper {
  background-color: #e4dcd3;
}

.iframe-item-wrapper {
  display: none;
}
.iframe-item-wrapper.active {
  display: block;
}

.footer-social-links {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .footer-social-links {
    display: block;
    float: right;
  }
}

.footer-group-social-icons {
  margin: 0 auto 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.footer-group-social-icons-link,
.header-group-social-icons-link {
  color: #000;
  width: 20px;
  height: 20px;
  padding: 0px;
  margin: 0 4px 4px 0;
  border: 0.5px solid #333333;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}
.footer-group-social-icons-link .icon-svg-social,
.header-group-social-icons-link .icon-svg-social {
  fill: #000;
  background-color: #fff;
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 768px) {
  .footer-group-social-icons-link,
.header-group-social-icons-link {
    width: 30px;
    height: 30px;
    margin: 0 8px 8px 0;
    border: 1px solid #333333;
  }
  .footer-group-social-icons-link .icon-svg-social,
.header-group-social-icons-link .icon-svg-social {
    width: 16px;
    height: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .footer-group-social-icons-link,
.header-group-social-icons-link {
    width: 40px;
    height: 40px;
  }
  .footer-group-social-icons-link .icon-svg-social,
.header-group-social-icons-link .icon-svg-social {
    width: 24px;
    height: 24px;
  }
}
.footer-group-social-icons-link:hover,
.header-group-social-icons-link:hover {
  color: #fff;
  background-color: #002c5f;
}
@media screen and (min-width: 768px) {
  .footer-group-social-icons-link:hover,
.header-group-social-icons-link:hover {
    border: 1px solid #002c5f;
  }
}
.footer-group-social-icons-link:hover .icon-svg-social,
.header-group-social-icons-link:hover .icon-svg-social {
  fill: #fff;
  background-color: #002c5f;
}

.gnb-info-wrap .gnb-location .header-group-social-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5px;
}

.header-group-social-icons-link {
  margin: 0 0 0 5px;
}
@media screen and (min-width: 1024px) {
  .header-group-social-icons-link {
    width: 30px;
    height: 30px;
  }
}
.header-group-social-icons-link .icon-svg-social {
  width: 20px;
  height: 20px;
}

.special-national-tabs-wrapper {
  padding: 20px 0;
}

.sn-tabs-item {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  display: inline-block;
  text-align: center;
  min-width: 100px;
  padding: 12px;
  color: #fff;
  background: #002c5f;
  margin: 6px 2px 0 2px;
  cursor: pointer;
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.sn-tabs-item.active, .sn-tabs-item.active:hover {
  background: #00aad2;
  cursor: auto;
}
.sn-tabs-item:hover {
  background: #00aad2;
}

@media screen and (min-width: 1024px) {
  .sn-item-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  @supports (grid-area: auto) {
    .sn-item-wrapper {
      display: grid;
      grid-gap: 25px;
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
.no-flexbox .sn-item-wrapper:before, .no-flexbox .sn-item-wrapper:after {
  content: " ";
  display: table;
}
.no-flexbox .sn-item-wrapper:after {
  clear: both;
}

.sn-item {
  color: #002c5f;
  width: 100%;
  margin-bottom: 20px;
  background-color: #f2f2f2;
  box-shadow: 0 0 9px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 1024px) {
  .sn-item {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 25px;
  }
  @supports (grid-area: auto) {
    .sn-item {
      width: auto;
      margin: 0%;
    }
  }
}
.no-flexbox .sn-item {
  float: left;
}

.sn-offers-card {
  display: flex;
  height: 100%;
}

.sn-offers-card-item {
  display: flex;
  padding: 30px;
  background: linear-gradient(96deg, transparent 41%, #fff 0%);
}

.model-section {
  float: left;
  width: 47%;
  margin-right: 2%;
}

.sn-item-model-name {
  font-size: 20px;
  margin: 0;
  color: #000;
  text-transform: none;
}

.sn-item-variant-name {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
  margin: 10px 0 0 0;
  color: #8c8c8c;
}

.sn-item-image {
  display: block;
  margin: 0 auto;
  max-height: 200px;
  max-width: 100%;
  width: auto;
}

.detail-section {
  width: 47%;
  margin-left: 2%;
}

.sn-item-info-detail {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #8c8c8c;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.sn-item-price {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #fd7e14;
  font-size: 20px;
  margin-bottom: 10px;
}

.sn-item-price sup {
  top: -0.9em;
}

.sn-item-separator {
  display: block;
  border: 0.5px solid #f2f2f2;
  margin: 5px auto 5px 0;
  max-width: 260px;
  width: 60%;
}

.sn-item-bonus {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 900;
  color: #fd7e14;
  font-size: 20px;
  margin-bottom: 10px;
}

@media screen and (min-width: 1024px) {
  .sn-disclaimer-wrapper {
    padding: 0 1rem;
  }
}

.sn-disclaimer-link {
  display: block;
  font-size: 12px;
  margin-top: 10px;
}

.sn-disclaimer-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  padding: 10px 0;
}

.sn-disclaimer-title:after {
  content: "";
  position: static;
  display: inline-block;
  width: 14px;
  height: 9px;
  margin-left: 12px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -19px -119px no-repeat;
  background-size: 400px;
  transform: rotate(180deg);
}

.sn-disclaimer-title.is-active:after {
  transform: translateY(0) rotate(0deg);
}

.sn-disclaimer-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 10px;
  line-height: 14px;
  padding: 20px 0 0 0;
  color: #8e8e8e;
}

.pure-button.sn-button-link {
  background-color: #002c5f;
  -webkit-transition: background 150ms ease-in;
  -moz-transition: background 150ms ease-in;
  -ms-transition: background 150ms ease-in;
  -o-transition: background 150ms ease-in;
  transition: background 150ms ease-in;
}
.pure-button.sn-button-link:hover {
  background: #00aad2;
}

.sn-button-wrapper {
  padding-top: 20px;
}

.sn-button-link {
  margin: 5px 5px 5px 0;
  min-width: 200px;
}

.xtime-to-page {
  display: block;
  width: 100%;
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 17px;
  padding: 20px 0;
  cursor: pointer;
  margin-bottom: 15px;
}
.xtime-to-page:hover {
  background: black;
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.5s;
  transition-property: background;
  transition-duration: 0.5s;
  color: #fff;
}

.xtime-title {
  color: #000;
  font-size: 16px;
  margin-bottom: 20px;
}

.xtime-wrapper.desktop {
  width: 100%;
  min-height: 667px;
  position: relative;
}
@media screen and (min-width: 985px) {
  .xtime-wrapper.desktop {
    min-height: 69vw;
  }
}
@media screen and (min-width: 1023px) {
  .xtime-wrapper.desktop {
    min-height: 72vw;
  }
}
@media screen and (min-width: 1164px) {
  .xtime-wrapper.desktop {
    min-height: 830px;
  }
}
.xtime-wrapper.desktop .xtime-button-wrapper {
  width: 100%;
  height: 85px;
  position: absolute;
  top: 0;
  background: #fff;
  z-index: 2;
}
.xtime-wrapper.desktop .xtime-button-wrapper .active {
  background: #000;
  color: #fff;
}
.xtime-wrapper.desktop .xtime-button-tab {
  display: inline-block;
  width: calc(20% - 15px);
  height: 85px;
  margin-right: 15px;
  border: 1px solid #000;
  border-bottom: 0;
  padding: 10px 20px;
  text-align: center;
  background: #000;
  color: #fff;
  cursor: pointer;
  vertical-align: top;
}
.xtime-wrapper.desktop .xtime-button-tab:hover {
  background: black;
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.5s;
  transition-property: background;
  transition-duration: 0.5s;
}
.xtime-wrapper.desktop .xtime-button-tab.active {
  height: 86px;
  background: #f2f2f2;
  color: #000;
}
.xtime-wrapper.desktop .xtime-overlay-border {
  position: absolute;
  top: 85px;
  width: 100%;
  height: 1px;
  z-index: 2;
  background: #000;
}
@media screen and (min-width: 1164px) {
  .xtime-wrapper.desktop .xtime-overlay-border {
    display: none;
  }
}
.xtime-wrapper.desktop .xtime-last-tab {
  margin-right: 0;
}
.xtime-wrapper.desktop .xtime-last-tab a {
  color: #fff;
}
.xtime-wrapper.desktop .xtime-iframe {
  width: 100%;
  position: absolute;
  padding: 10px 17px 11px 17px;
  background: #f2f2f2;
  border: 1px solid #000;
  z-index: 1;
  top: 11px;
  height: 638px;
}
@media screen and (min-width: 985px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 15px;
    height: calc(72vw - 78px);
  }
}
@media screen and (min-width: 1010px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 42px;
  }
}
@media screen and (min-width: 1044px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 45px;
  }
}
@media screen and (min-width: 1056px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 49px;
    height: calc(68vw - 41px);
  }
}
@media screen and (min-width: 1068px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 53px;
  }
}
@media screen and (min-width: 1080px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 57px;
    height: calc(71vw - 78px);
  }
}
@media screen and (min-width: 1092px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 61px;
  }
}
@media screen and (min-width: 1104px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 65px;
  }
}
@media screen and (min-width: 1116px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 69px;
    height: calc(69vw - 75px);
  }
}
@media screen and (min-width: 1128px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 73px;
  }
}
@media screen and (min-width: 1140px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 77px;
    height: calc(69vw - 81px);
  }
}
@media screen and (min-width: 1152px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 81px;
  }
}
@media screen and (min-width: 1164px) {
  .xtime-wrapper.desktop .xtime-iframe {
    top: 85px;
    height: auto;
  }
}
.xtime-wrapper.desktop .tab-text1 {
  font-size: 11px;
}
@media screen and (min-width: 1024px) {
  .xtime-wrapper.desktop .tab-text1 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1160px) {
  .xtime-wrapper.desktop .tab-text1 {
    font-size: 14px;
  }
}
.xtime-wrapper.desktop .tab-text2 {
  font-size: 11px;
}
@media screen and (min-width: 1000px) {
  .xtime-wrapper.desktop .tab-text2 {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .xtime-wrapper.desktop .tab-text2 {
    font-size: 13px;
  }
}
@media screen and (min-width: 1160px) {
  .xtime-wrapper.desktop .tab-text2 {
    font-size: 14px;
  }
}
.xtime-wrapper.desktop .xtimelink-framed {
  display: block;
  min-height: 690px;
}
.xtime-wrapper.desktop .xtimelink-mobile {
  display: none;
}

.xtime-wrapper.mobile {
  width: 100%;
  min-height: 750px;
  position: relative;
}
.xtime-wrapper.mobile .xtime-button-wrapper {
  width: 100%;
  height: auto;
  position: initial;
  top: 0;
  background: #fff;
  z-index: auto;
  margin-bottom: 30px;
}
.xtime-wrapper.mobile .xtime-button-wrapper .active {
  background: #000;
  color: #fff;
}
.xtime-wrapper.mobile .xtime-button-tab {
  width: 100%;
  height: auto;
  margin: 0 0 4px 0;
  border: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 20px;
  text-align: left;
  background: #fff;
  color: #000;
}
.xtime-wrapper.mobile .xtime-overlay-border {
  display: none;
}
.xtime-wrapper.mobile .xtime-last-tab a {
  color: #000;
}
.xtime-wrapper.mobile .xtime-iframe {
  width: 100%;
  position: initial;
  padding: 0;
  background: none;
  border: 0;
  z-index: auto;
  top: 0;
  height: auto;
}
.xtime-wrapper.mobile .tab-text2 {
  display: inline-block;
}
.xtime-wrapper.mobile .xtime-nextline {
  display: none;
}
.xtime-wrapper.mobile .xtimelink-framed {
  display: none;
}

/* ===================================
Module - vehicles overview
=================================== */
.btn-cta-wrapper {
  max-width: 1240px;
  text-align: center;
  margin: 40px auto;
  background: transparent;
}

.btn-cta-wrapper.btn-cta-carousal {
  margin: 0 auto;
  padding-bottom: 40px;
}

.btn-cta {
  min-width: 300px;
}
.btn-cta:hover {
  color: #fff;
  text-decoration: none;
  background-color: #00aad2;
}

.grid-vehicle-content .btn-cta {
  min-width: 200px;
}

.grid-vehicle-content {
  margin-top: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr [1];
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 15px;
  grid-auto-rows: minmax(100px, auto);
  max-width: 1240px;
}
@media (min-width: 860px) {
  .grid-vehicle-content {
    -ms-grid-columns: 1fr [3];
    grid-template-columns: repeat(3, 1fr);
  }
}
.grid-vehicle-content img {
  min-width: 100%;
  min-height: 100%;
  width: auto;
}
.grid-vehicle-content div {
  max-width: 95%;
}
@media (min-width: 860px) {
  .grid-vehicle-content .item1 {
    -ms-grid-column: 1;
    grid-column: 1;
    grid-row: 1/3;
    height: 100%;
  }
}
@media (min-width: 860px) {
  .grid-vehicle-content .item2 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media (min-width: 860px) {
  .grid-vehicle-content .item3 {
    -ms-grid-column: 2;
    grid-column: 2;
    -ms-grid-row: 2;
    grid-row: 2;
  }
}
@media (min-width: 860px) {
  .grid-vehicle-content .item4 {
    -ms-grid-column: 3;
    grid-column: 3;
    -ms-grid-row: 1;
    grid-row: 1;
  }
}
@media (min-width: 860px) {
  .grid-vehicle-content .item5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: 3;
    grid-row: 2;
    color: white;
    background-color: #002c5f;
    text-align: center;
    font-size: 25px;
  }
}
.grid-vehicle-content .item5 p {
  margin: auto;
}

.float-bottom {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media (min-width: 860px) {
  .float-bottom {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: unset;
    order: unset;
  }
}

.float-top {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}
@media (min-width: 860px) {
  .float-top {
    -webkit-box-ordinal-group: NaN;
    -ms-flex-order: unset;
    order: unset;
  }
}

.models .box-vehicle-content {
  position: relative;
  padding: 0 1em;
}
@media screen and (min-width: 768px) {
  .models .box-vehicle-content {
    padding: 0 1.5em;
  }
}

.box-main {
  padding: 1em;
}
@media screen and (min-width: 768px) {
  .box-main {
    padding: 1.5em;
  }
}

.container {
  max-width: 1240px;
  margin: 0 auto;
}

.range-heading {
  margin-bottom: 0px;
}

.range-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  display: block;
  color: #000;
}

.range .specs-wrap {
  padding: 0 20px;
}

.range-img {
  margin-bottom: 50px;
}

img.section-image.small {
  vertical-align: middle;
  display: block;
  max-width: 100%;
  height: auto;
  width: auto;
}

.models .l-content .section.specs.range {
  padding: 30px 0;
}

.models .section.specs .section-inner {
  padding: 0;
}

.models .specs .section-tit.range-tit {
  padding: 20px;
}

.disclaimer-wrapper {
  background: #eef1f4;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .disclaimer-wrapper {
    padding: 10px 0;
  }
}

.disclaimer-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  padding: 20px;
}

.disclaimer-title:after {
  content: "";
  position: static;
  display: inline-block;
  width: 14px;
  height: 9px;
  margin-left: 12px;
  background: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png) -19px -119px no-repeat;
  background-size: 400px;
  transform: rotate(180deg);
}

.disclaimer-title.is-active:after {
  transform: translateY(0) rotate(0deg);
}

.models section,
.myHyundai section,
.pre-paid section {
  position: relative;
}
.models .pageContent .vehicle-choose-head,
.myHyundai .pageContent .vehicle-choose-head,
.pre-paid .pageContent .vehicle-choose-head {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  color: #000;
  font-size: 33px;
  margin-bottom: 20px;
}
.models .vehicle-section-head,
.myHyundai .vehicle-section-head,
.pre-paid .vehicle-section-head {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  color: #000;
  margin: 0;
  line-height: 1.8em;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .models .vehicle-section-head,
.myHyundai .vehicle-section-head,
.pre-paid .vehicle-section-head {
    font-size: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .models .vehicle-section-head,
.myHyundai .vehicle-section-head,
.pre-paid .vehicle-section-head {
    font-size: 40px;
  }
}
.models .vehicle-section-head-twolines,
.myHyundai .vehicle-section-head-twolines,
.pre-paid .vehicle-section-head-twolines {
  line-height: 1.3em !important;
}
.models .vehicle-section-head-sm,
.myHyundai .vehicle-section-head-sm,
.pre-paid .vehicle-section-head-sm {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 33px;
  text-align: left;
  text-transform: uppercase;
  color: #828282;
}
.models .vehicle-section-copy p,
.myHyundai .vehicle-section-copy p,
.pre-paid .vehicle-section-copy p {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #666;
  font-size: 19px;
  line-height: 30px;
  text-align: center;
  padding: 15px 0;
}
.models .vehicle-configuartion-wrapper,
.myHyundai .vehicle-configuartion-wrapper,
.pre-paid .vehicle-configuartion-wrapper {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.models .vc-section,
.myHyundai .vc-section,
.pre-paid .vc-section {
  padding: 0 50px;
}
.models .vc-section .text-value,
.myHyundai .vc-section .text-value,
.pre-paid .vc-section .text-value {
  color: #000;
}
.models .towing-wrapper,
.myHyundai .towing-wrapper,
.pre-paid .towing-wrapper {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}
.models .tw-head,
.myHyundai .tw-head,
.pre-paid .tw-head {
  text-align: center;
  padding: 25px 40px 16px;
  border-bottom: 1px solid lightgray;
}
.models .tw-heading,
.myHyundai .tw-heading,
.pre-paid .tw-heading {
  font-size: 25px;
}
.models .tw-spec-list,
.myHyundai .tw-spec-list,
.pre-paid .tw-spec-list {
  margin: 10px 50px;
  border: 1px solid lightgray;
}
.models .tw-section,
.myHyundai .tw-section,
.pre-paid .tw-section {
  padding: 10px 90px 10px 0;
  margin: 10px 50px;
  text-align: left;
  border-bottom: 1px solid lightgray;
}
.models .text-head,
.myHyundai .text-head,
.pre-paid .text-head {
  font-size: 18px;
  color: #002c5f;
}
.models .tw-disclaimer,
.myHyundai .tw-disclaimer,
.pre-paid .tw-disclaimer {
  color: #00aad2;
}
.models .head-only,
.myHyundai .head-only,
.pre-paid .head-only {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
  text-align: center;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .models .head-only,
.myHyundai .head-only,
.pre-paid .head-only {
    font-size: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .models .head-only,
.myHyundai .head-only,
.pre-paid .head-only {
    font-size: 40px;
  }
}
.models .head-only:after,
.myHyundai .head-only:after,
.pre-paid .head-only:after {
  content: ".";
}
.models .head-only.specs-heading,
.myHyundai .head-only.specs-heading,
.pre-paid .head-only.specs-heading {
  font-size: 20px;
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: left;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .models .head-only.specs-heading,
.myHyundai .head-only.specs-heading,
.pre-paid .head-only.specs-heading {
    font-size: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .models .head-only.specs-heading,
.myHyundai .head-only.specs-heading,
.pre-paid .head-only.specs-heading {
    font-size: 40px;
  }
}
.models .reverse-text,
.myHyundai .reverse-text,
.pre-paid .reverse-text {
  color: #000;
}
.models .vehicle-overview.txt-centre,
.myHyundai .vehicle-overview.txt-centre,
.pre-paid .vehicle-overview.txt-centre {
  text-align: center;
}
.models .back_top,
.myHyundai .back_top,
.pre-paid .back_top {
  font-size: 19px;
  line-height: 36px;
  color: #b3b2b3;
  text-decoration: none;
  padding-right: 40px;
  position: absolute;
  right: 50%;
  right: -webkit-calc(50% - 20px);
  right: -moz-calc(50% - 20px);
  right: calc(50% - 20px);
  top: 15px;
  overflow: hidden;
  text-indent: -999em;
}
@media screen and (min-width: 768px) {
  .models .back_top,
.myHyundai .back_top,
.pre-paid .back_top {
    right: 0;
    top: 80px;
    padding-right: 45px;
    text-indent: 0;
  }
}
.models .back_top .icon,
.myHyundai .back_top .icon,
.pre-paid .back_top .icon {
  background-position: 50% -12000px;
  position: absolute;
  right: 0;
}
.models .vehicle-range li,
.myHyundai .vehicle-range li,
.pre-paid .vehicle-range li {
  list-style: none;
  text-indent: 5px;
}
.models .vehicle-range .tick,
.myHyundai .vehicle-range .tick,
.pre-paid .vehicle-range .tick {
  font-size: 18px;
  color: #000;
  padding-right: 2px;
}
.models .service_button .icon,
.myHyundai .service_button .icon,
.pre-paid .service_button .icon {
  width: 50px;
  height: 47px;
  float: left;
  padding-bottom: 10px;
  background-position: 50% -594px;
}
.models .service_button .icon-text,
.myHyundai .service_button .icon-text,
.pre-paid .service_button .icon-text {
  float: left;
  line-height: 50px;
  font-size: 9px;
  letter-spacing: 0;
  text-transform: capitalize !important;
  color: #fff;
}
@media screen and (min-width: 384px) {
  .models .service_button .icon-text,
.myHyundai .service_button .icon-text,
.pre-paid .service_button .icon-text {
    font-size: 14px;
  }
}
.models .vehicle_ServiceAdvantage h3,
.myHyundai .vehicle_ServiceAdvantage h3,
.pre-paid .vehicle_ServiceAdvantage h3 {
  font-size: 24px;
  color: #595959;
}
.models .vehicle_ServiceAdvantage h3 span,
.myHyundai .vehicle_ServiceAdvantage h3 span,
.pre-paid .vehicle_ServiceAdvantage h3 span {
  font-size: 45px;
  color: #000;
  line-height: 55px;
}
.models .service_button .icon-text:hover,
.myHyundai .service_button .icon-text:hover,
.pre-paid .service_button .icon-text:hover {
  color: #fff;
}
.models .pure-u-1.text-padding,
.myHyundai .pure-u-1.text-padding,
.pre-paid .pure-u-1.text-padding {
  padding-top: 20px;
}
.models .service_button,
.myHyundai .service_button,
.pre-paid .service_button {
  background-color: #eb0a1c;
  border-radius: 3px;
  margin-top: 10px;
  max-width: 185px;
}
.models .container.bg-w.box-main.menu,
.myHyundai .container.bg-w.box-main.menu,
.pre-paid .container.bg-w.box-main.menu {
  background: #eef1f4;
}
.models .menu-wrapper,
.myHyundai .menu-wrapper,
.pre-paid .menu-wrapper {
  background: #eef1f4;
  display: none;
}
@media screen and (min-width: 768px) {
  .models .menu-wrapper,
.myHyundai .menu-wrapper,
.pre-paid .menu-wrapper {
    display: block;
  }
}
.models .menubox a,
.myHyundai .menubox a,
.pre-paid .menubox a {
  color: #000;
  text-decoration: none;
  font-size: 10px;
  padding: 6px 0;
}
@media screen and (min-width: 568px) {
  .models .menubox a,
.myHyundai .menubox a,
.pre-paid .menubox a {
    font-size: 11px;
  }
}
@media screen and (min-width: 768px) {
  .models .menubox a,
.myHyundai .menubox a,
.pre-paid .menubox a {
    font-size: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .models .menubox a,
.myHyundai .menubox a,
.pre-paid .menubox a {
    font-size: 16px;
  }
}
.models .menu div a,
.myHyundai .menu div a,
.pre-paid .menu div a {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 50px;
  text-align: center;
  display: block;
}
.models .menu div a:hover,
.myHyundai .menu div a:hover,
.pre-paid .menu div a:hover {
  color: #002c5f;
}
.models .view_pdf,
.myHyundai .view_pdf,
.pre-paid .view_pdf {
  padding-left: 5px;
  position: relative;
}
.models .view_pdf .icon,
.myHyundai .view_pdf .icon,
.pre-paid .view_pdf .icon {
  background-position: 58% -12193px;
  position: absolute;
  top: 0;
}
.models .view_pdf .text,
.myHyundai .view_pdf .text,
.pre-paid .view_pdf .text {
  margin-left: 35px;
  line-height: 20px;
}
.models #videolink img,
.myHyundai #videolink img,
.pre-paid #videolink img {
  display: block !important;
}
.models .view_pdf a:hover,
.myHyundai .view_pdf a:hover,
.pre-paid .view_pdf a:hover {
  color: #fff;
}
.models .vehicle_PDF h2,
.myHyundai .vehicle_PDF h2,
.pre-paid .vehicle_PDF h2 {
  line-height: 36px;
}
.models .vm360spin .icon,
.myHyundai .vm360spin .icon,
.pre-paid .vm360spin .icon {
  background-position: 0% -4300px;
  min-height: 95px;
  margin-top: 30px;
}
.models.tucson .add-this-container .add-this-main,
.myHyundai.tucson .add-this-container .add-this-main,
.pre-paid.tucson .add-this-container .add-this-main {
  top: 5px;
}
.models .disclaimer,
.myHyundai .disclaimer,
.pre-paid .disclaimer {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 11px;
  line-height: 1.4em;
  color: #666666;
  margin-top: 10px;
}
.models .vehicle-overview,
.myHyundai .vehicle-overview,
.pre-paid .vehicle-overview {
  background: #fff;
  padding: 40px 0;
}
.models .vehicle-overview .reverse-text,
.myHyundai .vehicle-overview .reverse-text,
.pre-paid .vehicle-overview .reverse-text {
  color: #000;
}

.ioniq .vehicle-overview .reverse-text {
  color: #666666;
}

.vehicle-overview-light {
  background: #eef1f4;
  padding: 40px 0;
}
.vehicle-overview-light .reverse-text {
  color: #000;
}

.vr-wrapper {
  background: #eef1f4;
  padding-top: 70px;
}

.extra-section {
  background: #000;
  text-align: center;
}

.section-image {
  margin: 0 auto;
  width: 100%;
}

.review-text {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  margin: 15px 0;
  text-align: center;
  color: #666;
  font-style: italic;
}

.review-content-wrapper,
.review-btn {
  text-align: center;
}

.vr-inner-wrapper {
  padding: 40px 0;
}

.vehicles .vr-heading {
  padding: 40px 0;
}

#hyundai-smartsense-and-trade {
  background: #eef1f4;
}

.vehicle-specs-wrapper {
  background: #eef1f4;
  padding: 40px 0;
}

.i30 .vehicle-specs-wrapper,
.santa-fe .vehicle-specs-wrapper {
  background: #fff;
}

.specs-text {
  text-align: center;
}

.specs-image {
  max-width: 280px;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .specs-image {
    max-width: 300px;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .specs-image {
    max-width: 420px;
    margin: 0 auto;
  }
}

.ec-text {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 19px;
  text-align: center;
  padding-bottom: 25px;
}

.news-text {
  margin-top: 20px;
}

.vehicle-section-head.head-only.head-sedan {
  padding: 10px 20px;
}

.story-content {
  color: #fff;
  position: relative;
}

.story-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2% 9%;
}
@media screen and (min-width: 768px) {
  .story-header {
    width: 50%;
    padding: 2% 3%;
  }
}
@media screen and (min-width: 1024px) {
  .story-header {
    top: 73px;
    padding: 2% 7%;
  }
}
.story-header .heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  margin-bottom: 0.30303em;
  color: #fff;
  line-height: 1.1em;
}
@media screen and (min-width: 768px) {
  .story-header .heading {
    font-size: 2.1em;
  }
}
@media screen and (min-width: 1024px) {
  .story-header .heading {
    font-size: 4.7em;
  }
}
.story-header .heading em {
  color: #e63312;
}
.story-header .sub-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
}
@media screen and (min-width: 768px) {
  .story-header .sub-heading {
    font-size: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .story-header .sub-heading {
    font-size: 1.5em;
    line-height: 40px;
  }
}
.story-header .sub-heading em {
  color: #e63312;
}

.iload .story-header {
  padding: 2% 9%;
  top: 0;
}

.iload .story-header .heading,
.tucson .story-header .heading,
.kona .story-header .heading {
  color: #000;
}

.kona .heading {
  display: none;
}

.ioniq6-section-image {
  width: -webkit-fill-available;
}

.vehicle-feature-carousel.loading {
  height: 400px;
  max-height: 400px;
  background: url("/2018hyundai/images/loading.gif") no-repeat 50% 50%;
}
.vehicle-feature-carousel.loading * {
  display: none;
}

.vehicle-carousel-wrapper .owl-theme .owl-page span,
.vehicle-review-container-wrapper .owl-theme .owl-page span,
.vr-wrapper .owl-theme .owl-page span,
.sf-istock-carousel .owl-theme .owl-page span {
  display: inline-block;
  background: #828282;
  opacity: 1;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  margin: 0 8px;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.vehicle-carousel-wrapper .owl-theme .owl-page:hover span, .vehicle-carousel-wrapper .owl-theme .owl-page.active span,
.vehicle-review-container-wrapper .owl-theme .owl-page:hover span,
.vehicle-review-container-wrapper .owl-theme .owl-page.active span,
.vr-wrapper .owl-theme .owl-page:hover span,
.vr-wrapper .owl-theme .owl-page.active span,
.sf-istock-carousel .owl-theme .owl-page:hover span,
.sf-istock-carousel .owl-theme .owl-page.active span {
  background: #002c5f;
}
.vehicle-carousel-wrapper .owl-theme .owl-item,
.vehicle-review-container-wrapper .owl-theme .owl-item,
.vr-wrapper .owl-theme .owl-item,
.sf-istock-carousel .owl-theme .owl-item {
  padding: 0 10px;
}
.vehicle-carousel-wrapper .owl-theme .owl-pagination,
.vehicle-review-container-wrapper .owl-theme .owl-pagination,
.vr-wrapper .owl-theme .owl-pagination,
.sf-istock-carousel .owl-theme .owl-pagination {
  padding-top: 25px;
}
.vehicle-carousel-wrapper .owl-theme .owl-controls,
.vehicle-review-container-wrapper .owl-theme .owl-controls,
.vr-wrapper .owl-theme .owl-controls,
.sf-istock-carousel .owl-theme .owl-controls {
  margin: 0;
  text-align: center;
}
.vehicle-carousel-wrapper .owl-theme .owl-controls .owl-page,
.vehicle-review-container-wrapper .owl-theme .owl-controls .owl-page,
.vr-wrapper .owl-theme .owl-controls .owl-page,
.sf-istock-carousel .owl-theme .owl-controls .owl-page {
  display: inline-block;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons,
.vehicle-review-container-wrapper .owl-theme .owl-buttons,
.vr-wrapper .owl-theme .owl-buttons,
.sf-istock-carousel .owl-theme .owl-buttons {
  display: block;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons div,
.vehicle-review-container-wrapper .owl-theme .owl-buttons div,
.vr-wrapper .owl-theme .owl-buttons div,
.sf-istock-carousel .owl-theme .owl-buttons div {
  background-image: url(https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/2018hyundai/images/sprite.png);
  background-size: 400px;
  background-repeat: no-repeat;
}
.vehicle-carousel-wrapper .owl-theme .owl-prev,
.vehicle-carousel-wrapper .owl-theme .owl-next,
.vehicle-review-container-wrapper .owl-theme .owl-prev,
.vehicle-review-container-wrapper .owl-theme .owl-next,
.vr-wrapper .owl-theme .owl-prev,
.vr-wrapper .owl-theme .owl-next,
.sf-istock-carousel .owl-theme .owl-prev,
.sf-istock-carousel .owl-theme .owl-next {
  overflow: hidden;
  text-indent: -999em;
  width: 40px;
  height: 40px;
  margin: 0;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons div.owl-prev,
.vehicle-review-container-wrapper .owl-theme .owl-buttons div.owl-prev,
.vr-wrapper .owl-theme .owl-buttons div.owl-prev,
.sf-istock-carousel .owl-theme .owl-buttons div.owl-prev {
  background-position: 0 -150px;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons div.owl-next,
.vehicle-review-container-wrapper .owl-theme .owl-buttons div.owl-next,
.vr-wrapper .owl-theme .owl-buttons div.owl-next,
.sf-istock-carousel .owl-theme .owl-buttons div.owl-next {
  background-position: -42px -150px;
}
.vehicle-carousel-wrapper .owl-theme .owl-prev,
.vehicle-carousel-wrapper .owl-theme .owl-next,
.vehicle-review-container-wrapper .owl-theme .owl-prev,
.vehicle-review-container-wrapper .owl-theme .owl-next,
.vr-wrapper .owl-theme .owl-prev,
.vr-wrapper .owl-theme .owl-next,
.sf-istock-carousel .owl-theme .owl-prev,
.sf-istock-carousel .owl-theme .owl-next {
  position: absolute;
  top: 25%;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons div.owl-prev,
.vehicle-review-container-wrapper .owl-theme .owl-buttons div.owl-prev,
.vr-wrapper .owl-theme .owl-buttons div.owl-prev,
.sf-istock-carousel .owl-theme .owl-buttons div.owl-prev {
  left: 10px;
}
.vehicle-carousel-wrapper .owl-theme .owl-buttons div.owl-next,
.vehicle-review-container-wrapper .owl-theme .owl-buttons div.owl-next,
.vr-wrapper .owl-theme .owl-buttons div.owl-next,
.sf-istock-carousel .owl-theme .owl-buttons div.owl-next {
  right: 10px;
}

.vehicle-review-container-wrapper {
  margin-bottom: 35px;
}
.vehicle-review-container-wrapper .review-right {
  padding: 0 25px 50px 25px;
}
@media screen and (min-width: 768px) {
  .vehicle-review-container-wrapper .review-right {
    padding: 5vw 25px 0 35px;
  }
}
.vehicle-review-container-wrapper .review-left {
  padding-bottom: 35px;
}
@media screen and (min-width: 768px) {
  .vehicle-review-container-wrapper .review-left {
    padding: 5px 35px 0 25px;
  }
}
.vehicle-review-container-wrapper .review-left img {
  display: block;
  margin: auto;
}
.vehicle-review-container-wrapper .heading1 {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-weight: 300;
  color: #000;
  padding-bottom: 10px;
}
.vehicle-review-container-wrapper .heading2 {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-weight: 500;
  font-size: 14px;
  line-height: 30px;
  color: #000;
}

.feature-video-btn {
  display: block;
  position: absolute;
  bottom: 10%;
  right: 40%;
}
@media screen and (min-width: 1024px) {
  .feature-video-btn {
    bottom: 40%;
    right: 30%;
  }
}

/* ------------------------------------------ Image on Right ----------------------------------- */
.i-right .vehicle-carousel-wrapper {
  background-color: #ebebeb;
}
.i-right .feature-slide {
  padding: 20px;
}
.i-right .slide-text {
  padding: 10px 0;
}
.i-right .owl-theme .owl-page span {
  background: #fff;
  -webkit-transition: all 250ms ease-in;
  -moz-transition: all 250ms ease-in;
  -ms-transition: all 250ms ease-in;
  -o-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}
.i-right .owl-theme .owl-pagination {
  width: 100%;
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .i-right .owl-theme .owl-pagination {
    position: absolute;
    left: 0;
    bottom: 45%;
    bottom: -webkit-calc(5% + 17px);
    bottom: -moz-calc(5% + 17px);
    bottom: calc(5% + 17px);
    padding: 0;
  }
}
.i-right .owl-theme .owl-prev,
.i-right .owl-theme .owl-next {
  position: absolute;
  bottom: 45%;
}
.i-right .owl-theme .owl-buttons div.owl-prev {
  left: 20px;
}
.i-right .owl-theme .owl-buttons div.owl-next {
  right: 20px;
}

/* ------------------------------------------ Image Stacked over Text - 2x ----------------------------------- */
.i-stack-2 {
  padding: 40px 0;
}
.i-stack-2 .feature-slide {
  padding: 0;
}
.i-stack-2 .feature-slide .image {
  margin-bottom: 20px;
}
.i-stack-2 .feature-slide .slide-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 9px;
}
.i-stack-2 .feature-slide .slide-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.i-stack-2 .feature-slide .feature-text {
  padding: 14px 20px;
}

/* ------------------------------------------ Image Stacked over Text - 3x ----------------------------------- */
.i-stack-3 {
  padding: 40px 0;
}
.i-stack-3 .feature-slide {
  padding: 0;
}
.i-stack-3 .feature-slide .image {
  margin-bottom: 20px;
}
.i-stack-3 .feature-slide .slide-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 9px;
}
.i-stack-3 .feature-slide .slide-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.i-stack-3 .feature-slide .feature-text {
  padding: 14px 20px;
}

.i-stack-2 {
  padding: 40px 0;
}
.i-stack-2 .feature-slide {
  padding: 0;
}
.i-stack-2 .feature-slide .image {
  margin-bottom: 20px;
}
.i-stack-2 .feature-slide .slide-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  margin: 0 0 9px;
}
.i-stack-2 .feature-slide .slide-text {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.i-stack-2 .feature-slide .feature-text {
  padding: 14px 20px;
}

/*  Gallery Styles */
.vehicle-gallery {
  padding-bottom: 65px;
}
.vehicle-gallery img {
  margin: 0 auto;
}
.vehicle-gallery .ytw {
  background-color: #002c5f;
  padding: 3% 0;
}
.vehicle-gallery .gallery-video {
  display: block;
  position: relative;
}
.vehicle-gallery .player-button {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/2018hyundai/images/video-play-button.png") no-repeat 50% 50%;
  top: 0;
  opacity: 0.7;
}
.vehicle-gallery .player-button:hover {
  opacity: 1;
}

/* Accessories & Specifications */
.vehicle-accs-spec {
  padding-bottom: 30px;
}
.vehicle-accs-spec .vehicle-section-content {
  background-color: #ebebeb;
}
.vehicle-accs-spec .slide-text {
  padding-bottom: 20px;
}

/* Footer Price Disclaimer */
.price-display sup {
  *display: inline;
  display: inline-block;
  padding-left: 3px;
  cursor: pointer;
  line-height: 1.4em;
}
.price-display sup:hover {
  text-decoration: underline;
}

.price-disclaimer {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.4em;
  color: #7f7f7f;
  padding: 20px;
}

.disclaimer-link {
  font-size: 11px;
  color: #002c5f;
}
.disclaimer-link:hover {
  text-decoration: underline;
  color: #00aad2;
}

.vehicles .pure-u-1.pure-u-sm-1-2.pure-u-md-1-1.box-form-last-wrapper {
  padding: 0.3em 0 0.3em 1em;
}
@media screen and (min-width: 768px) {
  .vehicles .pure-u-1.pure-u-sm-1-2.pure-u-md-1-1.box-form-last-wrapper {
    padding: 0px;
  }
}

.veloster .veloster-section-image {
  background-color: #1f1f1f;
}
.veloster .veloster-section-image img {
  margin: 0 auto;
}

.panel-group.address-box-wrapper {
  background-color: #eef1f4;
}

.collapse {
  display: none;
}

.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.accordion-section .accordion-list {
  border-top: 1px solid #e3e3e3;
  background-color: #f2f2f2;
  margin: 20px 0;
  padding: 0 20px;
}

.accordion-section .accordion-list .btn-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  text-align: left;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e3e3e3;
  padding: 10px 20px;
}

@media screen and (max-width: 1023px) {
  .accordion-section .top-text-area {
    padding: 24px 0 26px;
  }
  .accordion-section .top-text-area .strong {
    font-weight: 600;
  }
  .accordion-section .top-text-area .text + .text {
    margin-top: 20px;
  }
  .accordion-section .accordion-list .btn-title:before,
.accordion-section .accordion-list .btn-title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
  }
  .accordion-section .accordion-list .btn-title:before {
    right: 0;
    width: 16px;
    height: 2px;
  }
  .accordion-section .accordion-list .btn-title:after {
    right: 7px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .accordion-section .accordion-list .on .btn-title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .accordion-section .accordion-list .btn-title .count {
    color: #002c5f;
    font-size: 14px;
    vertical-align: top;
  }
  .accordion-section .accordion-list .tog-cont {
    display: none;
    padding-bottom: 20px;
    border-bottom: 1px solid #e3e3e3;
    background-color: #f1f2f5;
  }
  .accordion-section .accordion-list .tog-cont .btn-t01 {
    width: 100%;
    margin: 15px 0 5px;
  }
  .accordion-section .accordion-list .tog-cont .f-style {
    color: #002c5f;
    text-decoration: underline;
  }
  .accordion-section .text-list {
    padding-top: 17px;
  }
  .accordion-section .text-list .text-item {
    margin-top: 20px;
    font-size: 14px;
  }
  .accordion-section .text-list .text-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .accordion-section .text-list .text-item .text + .text {
    margin-top: 20px;
  }
  .accordion-section .text-list .text-item .link-new {
    color: #002c5f;
    text-decoration: underline;
  }
}
@media screen and (min-width: 1024px) {
  .accordion-section .top-text-area {
    padding: 35px 0 25px;
  }
  .accordion-section .top-text-area .text + .text {
    margin-top: 25px;
  }
  .accordion-section .accordion-list .accordion-item {
    border-top: 1px solid #e3e3e3;
  }
  .accordion-section .accordion-list .accordion-item .btn-title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
    position: relative;
    width: 100%;
    font-size: 20px;
    text-align: left;
    line-height: 60px;
  }
  .accordion-section .accordion-list .btn-title:before,
.accordion-section .accordion-list .btn-title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #888888;
  }
  .accordion-section .accordion-list .btn-title:before {
    right: 10px;
    width: 16px;
    height: 2px;
  }
  .accordion-section .accordion-list .btn-title:after {
    right: 17px;
    width: 2px;
    height: 16px;
    transition: all 0.2s;
  }
  .accordion-section .accordion-list .on .btn-title:after {
    transform: translateY(-50%) rotate(90deg);
  }
  .accordion-section .accordion-list .accordion-item .btn-title .count {
    color: #002c5f;
    font-size: 14px;
    vertical-align: top;
  }
  .accordion-section .accordion-list .accordion-item .tog-cont {
    display: none;
    padding-bottom: 20px;
    background-color: #f1f2f5;
  }
  .accordion-section .accordion-list .accordion-item .tog-cont .btn-t01 {
    display: block;
    width: 190px;
    margin: 20px 0 5px;
  }
  .accordion-section .accordion-list .accordion-item .tog-cont .f-style {
    color: #002c5f;
    text-decoration: underline;
  }
  .accordion-section .text-list .text-item {
    margin-top: 35px;
  }
  .accordion-section .text-list .text-item .title {
    font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
    font-weight: 600;
  }
  .accordion-section .text-list .text-item .title .count {
    color: #002c5f;
    font-size: 12px;
    vertical-align: top;
  }
  .accordion-section .text-list .text-item .text + .text {
    margin-top: 20px;
    font-size: 14px;
  }
  .accordion-section .text-list .text-item .text .link-new {
    color: #002c5f;
    text-decoration: underline;
  }
}
.owl-theme .owl-controls .owl-page span {
  width: 30px;
  height: 5px;
  background-color: #bebebe;
  border-radius: 0;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #00aad2;
}

.hm-important-trigger-wrapper {
  background-color: #00aad2;
}

.hm-important-trigger-link-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
@media screen and (min-width: 568px) {
  .hm-important-trigger-link-wrapper {
    flex-wrap: nowrap;
    padding: 15px 0;
  }
}
.hm-important-trigger-link-wrapper.collapsed:hover .hm-important-trigger-btn-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23002c5f' /%3E%3C/svg%3E");
}
.hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-wrapper {
  background-color: #fff;
}
.hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-text {
  color: #002c5f;
}
.hm-important-trigger-link-wrapper:hover .hm-important-trigger-btn-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%23002c5f'/%3E%3C/svg%3E");
}

.hm-important-trigger-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 60 60'%3E%3Cpath fill='%23fff' d='M60,30c0,16.57-13.43,30-30,30S0,46.57,0,30S13.43,0,30,0S60,13.43,60,30z M31.62,31.54h-3.19v-6.37h3.19V31.54L31.62,31.54z M31.62,37.84h-3.19v-3.19h3.19V37.84L31.62,37.84z M12.66,42.58H47.4L30.07,12.57L12.66,42.58L12.66,42.58z'/%3E%3C/svg%3E");
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 60px;
  flex-shrink: 0;
}

.hm-important-trigger-heading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 7px 15px;
}
@media screen and (min-width: 568px) {
  .hm-important-trigger-heading {
    flex: 1;
  }
}
@media screen and (min-width: 880px) {
  .hm-important-trigger-heading {
    flex: none;
    max-width: 70%;
  }
}

.hm-important-trigger-btn-wrapper {
  display: flex;
  background-color: #002c5f;
  padding: 10px 15px;
  width: 150px;
  flex-shrink: 0;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
}
@media screen and (min-width: 880px) {
  .hm-important-trigger-btn-wrapper {
    padding: 15px;
  }
}

.hm-important-trigger-btn-icon {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  transition: background-image 150ms ease-in-out, fill 150ms ease-in-out;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='1.1,9 1.1,11 9.8,11 18.9,11 18.9,9 9.8,9' fill='%23fff'/%3E%3C/svg%3E");
}
.collapsed .hm-important-trigger-btn-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpolygon points='18.9,9 11,9 11,1.1 9,1.1 9,9 1.1,9 1.1,11 9,11 9,18.9 11,18.9 11,11 18.9,11' fill='%23fff' /%3E%3C/svg%3E");
}

.hm-important-trigger-btn-text {
  color: #fff;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
}

.hm-important-pane-wrapper {
  background-color: #f2f2f2;
  border-bottom: 1px solid #cccccc;
  height: 100%;
}

.hm-important-pane-text-wrapper {
  font-size: 18px;
  line-height: 1.8;
  text-align: left;
  padding: 15px;
}
@media screen and (min-width: 1024px) {
  .hm-important-pane-text-wrapper {
    max-width: 900px;
    margin: auto;
  }
}

.lbModalButtonCloseWrapperStyles {
  font-family: Arial;
  color: #fff;
  position: absolute;
  z-index: 2;
  background-color: #002c5f;
  border: 0;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 4px;
  cursor: pointer;
  transition: background-color 150ms ease-in-out;
}
.lbModalButtonCloseWrapperStyles:hover {
  background-color: #000;
}

.home.message-important-active .fancybox-close {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 30 30'%3E%3Cpolygon points='24.2,7 22.4,5.3 15,13.2 7.6,5.3 5.8,7 13.3,15 5.8,23 7.6,24.7 15,16.8 22.4,24.7 24.2,23 16.7,15' fill='%23fff'/%3E%3C/svg%3E");
  background-color: #00aad2;
  background-size: 26px;
  background-position: center;
  transition: background-color 150ms ease-in-out;
}
.home.message-important-active .fancybox-close:hover {
  background-color: #002c5f;
}

.dealership-special-wrapper {
  margin-bottom: 2rem;
  border-bottom: 1px solid #d9d9d9;
  padding-bottom: 2rem;
}

.ds-col-1 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ds-col-1 {
    width: 70%;
    padding-right: 1.5rem;
  }
}

.ds-col-2 {
  width: 100%;
  margin-top: 1rem;
  background: #f7f7f7;
  padding: 15px;
  border-radius: 3px;
  border: 1px solid #e8e8e8;
}
@media screen and (min-width: 768px) {
  .ds-col-2 {
    width: 30%;
    margin-top: 0;
  }
}

.ds-image-large {
  padding-bottom: 1.2rem;
}

.ds-image-small {
  width: 100%;
  margin: 0 20px 10px 0;
}
@media screen and (min-width: 384px) {
  .ds-image-small {
    width: auto;
  }
}
@media screen and (min-width: 568px) {
  .ds-image-small {
    max-width: 350px;
    float: left;
  }
}

.ds-heading-wrapper {
  margin-top: 30px;
  margin-bottom: 25px;
}

.ds-heading,
.ds-sub-heading {
  width: 100%;
}

.ds-heading,
.ds-price {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 28px;
  margin: 1rem 0;
  font-size: 2rem;
}

.ds-sub-heading {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 20px;
  line-height: 22px;
  margin: 0 0 0.5rem 0;
}

.ds-text ul,
.ds-text ol {
  display: inline-block;
}

.ds-text-disclaimer {
  font-size: 75%;
}

.ds-price-beforenote,
.ds-price-afternote {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 12px;
  color: #595959;
  margin-bottom: 3px;
}

.ds-price {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000;
}

.ds-price-symbol {
  font-size: 12px;
  top: -11px;
  left: 0;
}

.ds-price-disclaimer {
  font-size: 10px;
  line-height: 14px;
  display: block;
  margin-bottom: 10px;
}

.ds-price-disclaimer p,
.ds-price-disclaimer-symbol {
  display: inline;
}

.ds-price-disclaimer-symbol {
  font-size: 100%;
  margin-right: 2px;
}

.special-offer-wrapper {
  margin: 50px 0;
}

.so-contant-wrapper {
  border-top: 1px solid #cccccc;
}

.so-heading {
  font-size: 19px;
  padding-top: 20px;
}

.so-price {
  font-size: 28px;
}

.so-subtitle {
  font-size: 23px;
  color: #000;
}

.so-feature {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 3px;
}

.so-button {
  margin-top: 20px;
  display: block;
  color: #000;
  position: relative;
}
.so-button.collapsed .so-icon {
  background-position: 50% -7604px;
  top: 4px;
}

.so-icon {
  background: url(/2018hyundai/images/icons_all_general_2014.png) no-repeat;
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 70px;
  top: 0;
  background-position: 50% -7691px;
}

.heading-special-link {
  font-size: 24px;
}

.company-wrap .text-area .special-links-item {
  margin-bottom: 15px;
}
.company-wrap .text-area .special-links-item h3 {
  margin-bottom: 5px;
}

.section.section-home-quicklinks {
  margin-top: 30px;
}
@media screen and (min-width: 1280px) {
  .section.section-home-quicklinks {
    margin-top: 70px;
  }
}

.section.section-home-click-to-buy {
  margin-top: 40px;
}
@media screen and (min-width: 1280px) {
  .section.section-home-click-to-buy {
    margin-top: 100px;
  }
}

.l-content .section.full.section-home-quicklinks .slide-trans-area,
.section.section-home-click-to-buy .guide-box {
  margin-top: 0;
}

.swiper-button-next,
.swiper-button-prev {
  background-size: 23px 42px;
  background-color: rgba(0, 0, 0, 0.5);
  width: 35px;
  height: 55px;
  margin-top: -27px;
}
@media screen and (min-width: 1280px) {
  .swiper-button-next,
.swiper-button-prev {
    width: 50px;
    height: 74px;
    margin-top: -37px;
  }
}

.home .swiper-button-prev,
.home .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'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1280px) {
  .home .swiper-button-prev,
.home .swiper-container-rtl .swiper-button-next {
    left: 90px;
  }
}

.home .swiper-button-next,
.home .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'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
@media screen and (min-width: 1280px) {
  .home .swiper-button-next,
.home .swiper-container-rtl .swiper-button-prev {
    right: 90px;
  }
}

.sa-rural-dealers .mapbox-wrapper,
.sa-rural-dealers .gnb-location {
  display: none;
}
.sa-rural-dealers .side-info .side-info-link:before {
  background: none;
}

.fraser-coast-hyundai.service .el-link-1 {
  display: none;
}

.main.main-error {
  min-height: auto;
}

.box-error {
  padding: 1rem;
}
@media screen and (min-width: 768px) {
  .box-error {
    padding: 9vw 1.5rem 9vw 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .box-error {
    padding: 5rem 1.5rem 5rem 1.5rem;
  }
}

.error-code-wrapper {
  text-align: center;
  margin: 15px 0 20px 0;
}
@media screen and (min-width: 768px) {
  .error-code-wrapper {
    margin: 0 0 38px 0;
  }
}

.error-code {
  font-family: "Roboto Bold Digits", Helvetica, Arial, sans-serif;
  font-size: 17vw;
  letter-spacing: -1px;
  line-height: 36vw;
  width: 36vw;
  height: 36vw;
  display: inline-block;
  margin: 0;
  border-radius: 50%;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .error-code {
    font-size: 140px;
    line-height: 300px;
    width: 300px;
    height: 300px;
    letter-spacing: -5px;
  }
}

.error-code:before {
  content: "";
  position: absolute;
  right: -7%;
  top: -7%;
  width: 36vw;
  height: 36vw;
  border: 2.5vw solid #002c5f;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .error-code:before {
    width: 300px;
    height: 300px;
    border: 18px solid #002c5f;
    border-radius: 50%;
  }
}

.error-heading,
.error-sub-heading {
  text-align: center;
}

.error-heading {
  font-size: 22px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .error-heading {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1024px) {
  .error-heading {
    font-size: 34px;
  }
}

.error-sub-heading {
  font-size: 16px;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .error-sub-heading {
    font-size: 2vw;
  }
}
@media screen and (min-width: 1024px) {
  .error-sub-heading {
    font-size: 20px;
  }
}

.error-link-wrapper {
  text-align: center;
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .error-link-wrapper {
    margin-top: 48px;
  }
}

.error-link {
  font-size: 16px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  display: inline-block;
  margin: auto;
  padding: 2px 20px 0 20px;
  height: 40px;
  border-radius: 20px;
  background-color: #002c5f;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.25);
  transition: background-color 150ms ease-in;
  margin: 0 10px 15px 10px;
}
@media screen and (min-width: 1024px) {
  .error-link {
    font-size: 20px;
    padding: 5px 25px 0 25px;
    height: 50px;
    border-radius: 25px;
  }
}

.icon-error-link-arrow,
.icon-error-home {
  width: 27px;
  height: 27px;
  fill: #fff;
  top: 5px;
  margin-right: 9px;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .icon-error-link-arrow,
.icon-error-home {
    width: 31px;
    height: 31px;
  }
}

.icon-error-home {
  top: 4px;
}

.error-link-text {
  position: relative;
  top: -3px;
}

.subscribe .form-write-area .form-write-box .form-write:before {
  content: none;
}
.subscribe .form-write-area .form-write-box .form-write .box-newsletter {
  width: 100%;
}

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

.vehicle-item {
  width: 100%;
  margin: 10px;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .vehicle-item {
    width: 46%;
  }
}
@media screen and (min-width: 1024px) {
  .vehicle-item {
    width: 30%;
  }
}

.vehicle-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.vehicle-image {
  max-width: 300px;
}

.flexbox .rd-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.rd-item-wrapper {
  width: 25%;
  margin: 10px 0;
  border: 1px solid transparent;
  background-color: transparent;
}
.rd-item-wrapper:hover {
  border-color: #cccccc;
  background-color: #f2f2f2;
  -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in, border-color 150ms ease-in;
  transition: background-color 150ms ease-in, border-color 150ms ease-in;
}

.rd-item-text {
  color: #666666;
  padding-top: 5px;
}

.rd-item {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 5px 5px 15px 5px;
}
@media screen and (min-width: 768px) {
  .rd-item {
    padding: 8px 8px 20px 8px;
  }
}
.rd-item img {
  width: 100%;
  height: auto;
}
.rd-item:hover .rd-item-text {
  color: #333333;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
}

.fancybox-skin {
  background-color: #fff;
  color: #000;
}

.fancybox-inner-content {
  padding-top: 10px;
}

.fancybox-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #000;
  font-size: 16px;
  padding: 12px;
  line-height: 16px;
  text-align: center;
}

.no-flexbox .rd-wrapper {
  display: inline-block;
}
.no-flexbox .rd-item-wrapper {
  float: left;
}

.genesis-campaign {
  background: #f1f1f1;
}
.genesis-campaign .container {
  padding: 0 5%;
}
@media screen and (min-width: 1024px) {
  .genesis-campaign .container {
    padding: 0 3%;
  }
}
@media screen and (min-width: 1280px) {
  .genesis-campaign .container {
    padding: 0 1%;
  }
}
.genesis-campaign .gn-black-ground {
  background: #000;
}
.genesis-campaign .gn-logo-wrapper {
  padding: 30px 0 25px 5px;
}
.genesis-campaign .gn-logo-wrapper img {
  width: 120px;
}
.genesis-campaign .gn-overview-wrapper {
  border: solid 2px #a3664f;
  border-bottom: 0;
  padding-bottom: 35px;
}
.genesis-campaign .gn-arrow-slider {
  width: 12px;
  fill: #fff;
  left: 10px;
}
.genesis-campaign .gn-img-slider-arrow-left {
  width: 50px;
  position: absolute;
  top: 11vw;
  left: 3%;
  animation-name: gn-slider-arrow-left-out;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  cursor: pointer;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-img-slider-arrow-left {
    top: 21%;
  }
}
@media screen and (min-width: 768px) {
  .genesis-campaign .gn-img-slider-arrow-left {
    top: 24%;
  }
}
.genesis-campaign .gn-img-slider-arrow-right {
  width: 50px;
  position: absolute;
  top: 11vw;
  right: 3%;
  animation-name: gn-slider-arrow-right-out;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  cursor: pointer;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-img-slider-arrow-right {
    top: 21%;
  }
}
@media screen and (min-width: 768px) {
  .genesis-campaign .gn-img-slider-arrow-right {
    top: 24%;
  }
}
.genesis-campaign .gn-img-slider-wrapper {
  position: relative;
  width: 100%;
}
.genesis-campaign .gn-img-slider-wrapper:hover .gn-img-slider-arrow-left {
  animation-name: gn-slider-arrow-left;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.genesis-campaign .gn-img-slider-wrapper:hover .gn-img-slider-arrow-right {
  animation-name: gn-slider-arrow-right-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.genesis-campaign .gn-img-placeholder {
  max-width: 95%;
  margin: 40px auto 20px auto;
  visibility: hidden;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-img-placeholder {
    max-width: 450px;
  }
}
.genesis-campaign .gn-img-slider {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 95%;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-img-slider {
    max-width: 450px;
  }
}
.genesis-campaign .gn-img-slider.active {
  display: block;
}
.genesis-campaign .gn-img-slider-nav-wrapper {
  padding: 15px 40px 25px 40px;
  border-bottom: 1px solid #a3664f;
  text-align: center;
  width: 200px;
  margin: auto;
}
.genesis-campaign .gn-img-slider-nav-button {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 4px;
  border-radius: 20px;
  background: #a3664f;
  cursor: pointer;
}
.genesis-campaign .gn-img-slider-nav-button.active {
  background: #fff;
}
.genesis-campaign .gn-overview-heading {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #a3664f;
  font-size: 26px;
  text-align: center;
  margin-top: 35px;
}
.genesis-campaign .gn-hero-heading {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-transform: uppercase;
  color: #a3664f;
  font-size: 30px;
  text-align: center;
  padding-top: 30px;
}
.genesis-campaign .gn-form .gn-hero-heading {
  padding-bottom: 35px;
}
.genesis-campaign .gn-main-heading {
  font-size: 34px;
  padding: 30px 0 30px 0;
}
.genesis-campaign h1.gn-main-heading {
  padding: 10px 0 0 0;
}
.genesis-campaign .gn-overview-txt {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  font-weight: 500;
  max-width: 540px;
  margin: auto;
  padding: 20px;
}
.genesis-campaign .gn-overview-txt p {
  font-size: 18px;
  margin: 0 0 10px;
}
.genesis-campaign .gn-hero-wrapper {
  margin: 40px 0 0 0;
  padding: 40px 0;
}
@media screen and (min-width: 768px) {
  .genesis-campaign .gn-hero-wrapper {
    margin: 60px 0 0 0;
    padding: 15px 0;
  }
}
.genesis-campaign .gn-hero-wrapper img {
  width: 100%;
}
.genesis-campaign .gn-hero-txt {
  color: #666666;
}
.genesis-campaign .gn-column {
  background: #fff;
  max-width: 95%;
  margin: 20px auto;
}
@media screen and (min-width: 768px) {
  .genesis-campaign .gn-column {
    max-width: 85%;
    padding: 0 5%;
  }
}
@media screen and (min-width: 1024px) {
  .genesis-campaign .gn-column {
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .genesis-campaign .gn-column.gn-left-column {
    margin-right: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .genesis-campaign .gn-column.gn-right-column {
    margin-left: 25px;
  }
}
.genesis-campaign .gn-column img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .genesis-campaign .gn-column img {
    width: 100%;
    padding: 0 5%;
  }
}
@media screen and (min-width: 1024px) {
  .genesis-campaign .gn-column img {
    width: 100%;
    padding: 0;
  }
}
.genesis-campaign .gn-popup-trigger {
  cursor: pointer;
}
.genesis-campaign .gn-hero-text-column {
  padding: 0 20px 25px 20px;
}
.genesis-campaign .txt-back-img {
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  color: #a3664f;
  text-align: center;
  padding: 80px 0;
  max-width: 211px;
  text-transform: uppercase;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .txt-back-img {
    max-width: none;
  }
}
.genesis-campaign .gn-full-width-background {
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #e4e4e4;
  margin-top: 30px;
}
.genesis-campaign .gn-background-1 {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/imotorhyundai/genesis-campaign/back-full-width-01.jpg");
}
.genesis-campaign .gn-background-1.gn-full-width-background {
  padding-left: 40%;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-background-1.gn-full-width-background {
    padding-left: 0;
  }
}
.genesis-campaign .gn-background-2 {
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/imotorhyundai/genesis-campaign/back-full-width-02.jpg");
  background-position-x: right;
}
.genesis-campaign .gn-background-2.gn-full-width-background {
  padding-left: 5%;
}
@media screen and (min-width: 568px) {
  .genesis-campaign .gn-background-2.gn-full-width-background {
    padding-left: 0;
  }
}
.genesis-campaign .container.box-footer {
  padding: 1.5em;
}
.genesis-campaign .gn-fade-in {
  animation-name: gn-fade-in;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}
.genesis-campaign .gn-fade-out {
  animation-name: gn-fade-out;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

.gn-popup-background-cover {
  background: rgba(61, 61, 61, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  padding: 5vh 5vw;
  overflow-y: scroll;
}

.gn-popup-wrapper {
  background: #fff;
  max-width: 1400px;
  min-height: 90%;
  margin: auto;
  animation-name: gn-pop-in;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.gn-popup-wrapper.gn-hide {
  animation-name: gn-pop-out;
  animation-duration: 0.75s;
  animation-fill-mode: forwards;
}

.gn-popup-title {
  display: inline-block;
  padding: 22px 40px;
  text-transform: uppercase;
}

.gn-popup-header-wrapper {
  background: #000;
  color: #fff;
  font-size: 14px;
}

.gn-popup-sections-wrapper {
  display: block;
  position: relative;
  padding: 0 25px;
  margin-top: -20px;
}
@media screen and (min-width: 1024px) {
  .gn-popup-sections-wrapper {
    margin-top: 0;
    padding: 0 70px 0 0;
    float: right;
  }
}
.gn-popup-sections-wrapper .gn-popup-section {
  display: inline-block;
  padding: 11px 30px;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  cursor: pointer;
  width: 100%;
}
.gn-popup-sections-wrapper .gn-popup-section:nth-last-of-type(1) {
  border-bottom: none;
}
@media screen and (min-width: 568px) {
  .gn-popup-sections-wrapper .gn-popup-section {
    border-bottom: none;
    width: auto;
    padding: 22px 0 19px 0;
    margin: 0 13px 0 13px;
  }
}
.gn-popup-sections-wrapper .gn-popup-section.selected {
  color: #a26b52;
}
@media screen and (min-width: 568px) {
  .gn-popup-sections-wrapper .gn-popup-section.selected {
    border-bottom: 3px solid #a26b52;
  }
}

.gn-popup-close {
  display: inline-block;
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 26px;
  cursor: pointer;
  text-align: center;
  padding: 22px 25px 15px 10px;
}
@media screen and (min-width: 1024px) {
  .gn-popup-close {
    top: 0;
  }
}

.gn-popup-txt-wrapper {
  padding: 50px 0;
}
@media screen and (min-width: 1024px) {
  .gn-popup-txt-wrapper {
    padding: 60px 0;
  }
}

.gn-details-heading {
  text-transform: uppercase;
  font-family: "Hyundai Sans H Regular", Arial, Helvetica, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  padding: 0 8% 15px 8%;
  font-size: 30px;
}
@media screen and (min-width: 1024px) {
  .gn-details-heading {
    font-size: 34px;
  }
}
@media screen and (min-width: 1024px) {
  .gn-details-heading {
    padding: 0 5% 10px 13%;
    font-size: 38px;
  }
}

.gn-detail-column {
  color: #1a1a1a;
}
.gn-detail-column:first-child {
  padding: 0 8%;
}
@media screen and (min-width: 1024px) {
  .gn-detail-column:first-child {
    padding: 0 5% 0 13%;
  }
}
.gn-detail-column:last-child {
  padding: 0 8%;
}
@media screen and (min-width: 1024px) {
  .gn-detail-column:last-child {
    padding: 0 13% 0 5%;
  }
}

.gn-popup-img-wrapper {
  max-height: 440px;
  overflow: hidden;
}

.gn-popup-img {
  width: 100%;
  margin-top: -1px;
}
.gn-popup-img.gn-popup-load {
  animation-name: gn-load-popup-img;
  animation-duration: 0.6s;
  animation-fill-mode: forwards;
}

.gn-text {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 25px;
  margin: 0 0 10px;
  color: #666666;
}

.gn-text.gn-feature-text {
  color: #000;
}

.gn-feature-list {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #191919;
  list-style: inside;
}

.gn-fl-list .gn-feature-list {
  list-style: circle;
}

.gn-fl-list {
  padding-left: 30px;
}

.gn-text-italic {
  font-style: italic;
}

@keyframes gn-slider-arrow-left {
  0% {
    opacity: 0;
    left: 3%;
  }
  100% {
    opacity: 1;
    left: 10%;
  }
}
@keyframes gn-slider-arrow-left-out {
  0% {
    opacity: 1;
    left: 10%;
  }
  100% {
    opacity: 0;
    left: 3%;
  }
}
@keyframes gn-slider-arrow-right-in {
  0% {
    opacity: 0;
    right: 3%;
  }
  100% {
    opacity: 1;
    right: 10%;
  }
}
@keyframes gn-slider-arrow-right-out {
  0% {
    opacity: 1;
    right: 10%;
  }
  100% {
    opacity: 0;
    right: 3%;
  }
}
@keyframes gn-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes gn-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes gn-pop-in {
  0% {
    opacity: 0;
    margin-top: -50%;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    margin-top: 0;
  }
}
@keyframes gn-pop-out {
  0% {
    opacity: 1;
    margin-top: 0;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
    margin-top: 50%;
  }
}
@keyframes gn-load-popup-img {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.gn-form {
  background: #fff;
  padding: 30px 0;
}

.genesis-campaign .form-write-area {
  margin-top: 0;
}
.genesis-campaign .form-write-area .form-write-box {
  background: #fff;
  border: 0;
  padding: 0;
}
.genesis-campaign .form-write-area .form-write-box .form-write:before {
  content: none;
}
.genesis-campaign .form-write-area .form-write-box .form-write .box-genesis {
  width: 100%;
  padding: 0;
}
.genesis-campaign .gn-input-field {
  background: #eee;
  color: #808080;
}
.genesis-campaign .form-write-area .form-write-box .form-write .box .list .item .gn-checkbox label {
  font-family: "HyundaiSansText", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
}
.genesis-campaign .form-write-area .form-write-box .link-new {
  margin: 0;
}
.genesis-campaign input[type=checkbox] + label:before {
  background: #eee;
}

.service-booking .text-area {
  text-align: center;
  margin-top: 20px;
}

.section .icare {
  background-color: #f2f2f2;
}

@media screen and (min-width: 1024px) {
  .icare .text-area {
    margin-bottom: 34px;
  }
}
.ob-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 34px;
}
@media screen and (min-width: 1024px) {
  .ob-title {
    font-size: 36px;
    line-height: 40px;
    margin-top: 10px;
  }
}

.ct-title {
  text-align: center;
}

.ob-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
  align-items: center;
}

.ob-text {
  order: 1;
  padding: 20px;
  line-height: 26px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .ob-text {
    order: 0;
    width: 58%;
    text-align: left;
  }
}

.ob-img-wrapper {
  order: 2;
  width: 100%;
  padding: 10px 20px;
  margin-right: 20px;
  background-color: #fff;
  box-shadow: 0 0 15px 3px #e5e5e5;
}
@media screen and (min-width: 1024px) {
  .ob-img-wrapper {
    order: 0;
    width: 40%;
  }
}

.ob-btn {
  margin-top: 20px;
}

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

.ob-tabs-item {
  width: auto;
  border: 0;
  margin: 10px;
  color: #737373;
}
.ob-tabs-item .ob-tabs-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 17px;
}
.ob-tabs-item.active, .ob-tabs-item:hover {
  color: #002c5f;
  border-bottom: 1.5px solid #002c5f;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
}

.ob-cards-wrapper {
  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: 80px 0;
}

.ob-card-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
  padding: 82px 30px 16px;
  transition: all 0.3s ease-in-out;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 60px;
}
.ob-card-item:nth-child(n) {
  margin-right: 4%;
}
.ob-card-item:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .ob-card-item {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 40px;
  }
  .ob-card-item:nth-child(n) {
    margin-right: 4%;
  }
  .ob-card-item:nth-child(4n) {
    margin-right: 0;
  }
}

.ob-card-icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #002c5f;
  border-radius: 50%;
  align-items: center;
  margin-left: -43px;
  left: 50%;
  top: -43px;
  height: 86px;
  width: 86px;
}

.ob-card-icon img {
  max-width: 21px;
  max-height: 21px;
}
@media screen and (min-width: 768px) {
  .ob-card-icon img {
    max-width: 42px;
    max-height: 42px;
  }
}

.ob-link {
  color: #00aad2;
}

.section .pre-paid {
  background-color: #f2f2f2;
}

@media screen and (min-width: 1024px) {
  .pre-paid .text-area {
    margin-bottom: 34px;
  }
}
.ob-title {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 34px;
}
@media screen and (min-width: 1024px) {
  .ob-title {
    font-size: 36px;
    line-height: 40px;
    margin-top: 50px;
  }
}

.ct-title {
  text-align: center;
}

.ob-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 30px 0;
  align-items: center;
}

.ob-text {
  order: 1;
  padding: 20px;
  line-height: 26px;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .ob-text {
    order: 0;
    width: 58%;
    text-align: left;
  }
}

.ob-img-wrapper {
  order: 2;
  width: 100%;
  padding: 10px 20px;
  margin-right: 20px;
  background-color: #fff;
  box-shadow: 0 0 15px 3px #e5e5e5;
}
@media screen and (min-width: 1024px) {
  .ob-img-wrapper {
    order: 0;
    width: 40%;
  }
}

.ob-btn {
  margin-top: 20px;
}

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

.ob-tabs-item {
  width: auto;
  border: 0;
  margin: 10px;
  color: #737373;
}
.ob-tabs-item .ob-tabs-link {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 17px;
}
.ob-tabs-item.active, .ob-tabs-item:hover {
  color: #002c5f;
  border-bottom: 1.5px solid #002c5f;
  -webkit-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -moz-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -ms-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  -o-transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
  transition: background-color 200ms ease-in, color 200ms ease-in, color 200ms ease-in;
}

.ob-cards-wrapper {
  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: 80px 0;
}

.ob-card-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  min-height: 200px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 5px 35px rgba(0, 0, 0, 0.1);
  padding: 82px 30px 16px;
  transition: all 0.3s ease-in-out;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 60px;
}
.ob-card-item:nth-child(n) {
  margin-right: 4%;
}
.ob-card-item:nth-child(2n) {
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .ob-card-item {
    width: 22%;
    margin-right: 4%;
    margin-bottom: 40px;
  }
  .ob-card-item:nth-child(n) {
    margin-right: 4%;
  }
  .ob-card-item:nth-child(4n) {
    margin-right: 0;
  }
}

.ob-card-icon {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #002c5f;
  border-radius: 50%;
  align-items: center;
  margin-left: -43px;
  left: 50%;
  top: -43px;
  height: 86px;
  width: 86px;
}

.ob-card-icon img {
  max-width: 21px;
  max-height: 21px;
}
@media screen and (min-width: 768px) {
  .ob-card-icon img {
    max-width: 42px;
    max-height: 42px;
  }
}

.ob-link {
  color: #00aad2;
}

.company-wrap .text-area h2,
.company-wrap .text-area h3,
.company-wrap .text-area h4,
.company-wrap .text-area h5,
.company-wrap .text-area h6,
.company-wrap .text-area p,
.company-wrap .text-area ul,
.company-wrap .text-area ol,
.buying-wrap .text-area h2,
.buying-wrap .text-area h3,
.buying-wrap .text-area h4,
.buying-wrap .text-area h5,
.buying-wrap .text-area h6,
.buying-wrap .text-area p,
.buying-wrap .text-area ul,
.buying-wrap .text-area ol,
.after-sales .text-area h2,
.after-sales .text-area h3,
.after-sales .text-area h4,
.after-sales .text-area h5,
.after-sales .text-area h6,
.after-sales .text-area p,
.after-sales .text-area ul,
.after-sales .text-area ol {
  margin-top: 0;
  margin-bottom: 15px;
}

.company-wrap .text-area ul,
.company-wrap .text-area ol,
.buying-wrap .text-area ul,
.buying-wrap .text-area ol,
.after-sales .text-area ul,
.after-sales .text-area ol {
  padding-left: 18px;
}

.company-wrap .text-area ul,
.company-wrap .text-area ul > li,
.buying-wrap .text-area ul,
.buying-wrap .text-area ul > li,
.after-sales .text-area ul,
.after-sales .text-area ul > li {
  list-style-type: disc;
}

.company-wrap .text-area ol,
.company-wrap .text-area ol > li,
.buying-wrap .text-area ol,
.buying-wrap .text-area ol > li,
.after-sales .text-area ol,
.after-sales .text-area ol > li {
  list-style-type: decimal;
}

.local-offers .company-wrap .text-area .cta-list .cta-item {
  list-style: none;
}

.formText-wrap,
.terms-box,
.personal-details-wrap,
.address-details-wrap,
.payment-details-wrapper {
  margin: 20px 0;
}

.buyOnlineFormText {
  font-size: 16px;
  line-height: 25px;
  margin: 0;
}

.formAccordionLink {
  display: block;
  padding: 10px 0;
}
.formAccordionLink legend {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 22px;
  padding-bottom: 6px;
}

.formAccordionText {
  background-color: #fff;
  padding: 10px;
}

.formAccordionIcon {
  width: 10px;
  height: 10px;
  fill: #002c5f;
  transition: transform 150ms ease-in-out;
  transform: rotate(90deg);
}
.collapsed .formAccordionIcon {
  transform: rotate(-90deg);
}

.formBuySuccess {
  padding: 10px;
  font-size: 16px;
  color: #000;
}

.submit-my-offer-wrap .StripeElement {
  box-sizing: border-box;
  height: 51px;
  padding: 0.8em 0.6em;
  margin-top: 5px;
  color: #777;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #dcdcdc;
  width: 100%;
}

.StripeElement--focus {
  box-shadow: inset 0 1px 3px #ddd;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.StripeElement .ElementsApp input {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

@media screen and (min-width: 1024px) {
  .submit-my-offer-wrap .offers-box,
.submit-payment-wrap {
    margin-top: 35px;
  }
}

.submit-my-offer-wrap .gray-box {
  margin-top: 10px;
  padding: 10px 10px 0;
  background-color: #f1f2f5;
  border: 1px solid #dadbdc;
}

.negotiation-wrap {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}

@media screen and (min-width: 768px) {
  .neg-item {
    width: 32.5%;
    float: left;
    margin-right: 1%;
  }
  .neg-item.last {
    margin-right: 0;
  }
}
.neg-item .sub-tit {
  padding: 0 0 6px;
  display: block;
}
.neg-item .neg-textarea {
  width: 100%;
  min-height: 130px;
  padding: 10px;
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
}

@media screen and (min-width: 768px) {
  .details-wrap {
    width: 90%;
  }
}

.address-details-wrap {
  border-top: 1px solid #000;
}

.address-details-choice-wrap {
  margin: 10px 0;
}
.address-details-choice-wrap .adc-label {
  margin-right: 20px;
}

.address-details-tit {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding: 8px 0;
  margin-top: 10px;
}

.personal-details-item,
.address-details-item {
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .personal-details-item,
.address-details-item {
    display: inline-block;
    width: 32%;
    float: left;
    margin-right: 1%;
  }
}

@media screen and (min-width: 768px) {
  .address-item {
    width: 49%;
  }
}

@media screen and (min-width: 768px) {
  .address-item.select-item {
    width: 30%;
  }
}

.personal-details-label, .pd-select, .personal-details-input,
.address-details-label, .address-details-select, .address-details-input {
  width: 100%;
}

.pd-select,
.address-details-select {
  width: 100%;
  border-radius: 25px;
}

.personal-details-label,
.address-details-label {
  display: block;
  padding-bottom: 6px;
}

.pay-form-row .pf-input {
  width: 100%;
}

.formPaymentLogo,
.pay-submit-wrapper,
.pay-btn {
  margin: 10px 0;
}

.submit-payment-wrap .formBOchkbox {
  height: auto;
}
@media screen and (min-width: 768px) {
  .submit-payment-wrap .formBOchkbox {
    height: 32px;
  }
}

.submit-payment-wrap input[type=checkbox] + label, .submit-payment-wrap input[type=radio] + label {
  height: auto;
  line-height: auto;
}

.terms-link {
  text-decoration-line: underline;
  text-decoration-style: dotted;
}

.c2b-terms {
  margin-top: 5px;
}

.pay-privacy-wrap {
  margin-top: 10px;
}
@media screen and (min-width: 768px) {
  .pay-privacy-wrap {
    margin-top: 0;
  }
}

body.compensate-for-scrollbar {
  overflow: hidden;
}

.stockPage .fancybox-active {
  height: auto;
}
.stockPage .fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.stockPage .fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.stockPage .fancybox-container * {
  box-sizing: border-box;
}
.stockPage .fancybox-outer,
.stockPage .fancybox-inner,
.stockPage .fancybox-bg,
.stockPage .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.stockPage .fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.stockPage .fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.stockPage .fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.stockPage .fancybox-infobar,
.stockPage .fancybox-toolbar,
.stockPage .fancybox-caption {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}
.stockPage .fancybox-show-infobar .fancybox-infobar,
.stockPage .fancybox-show-toolbar .fancybox-toolbar,
.stockPage .fancybox-show-caption .fancybox-caption {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.stockPage .fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.stockPage .fancybox-toolbar {
  right: 0;
  top: 0;
}
.stockPage .fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.stockPage .fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.stockPage .fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.stockPage .fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.stockPage .fancybox-is-sliding .fancybox-slide,
.stockPage .fancybox-slide--previous,
.stockPage .fancybox-slide--current,
.stockPage .fancybox-slide--next {
  display: block;
}
.stockPage .fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.stockPage .fancybox-slide--image::before {
  display: none;
}
.stockPage .fancybox-slide--html {
  padding: 6px;
}
.stockPage .fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.stockPage .fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.stockPage .fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.stockPage .fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.stockPage .fancybox-can-swipe .fancybox-content,
.stockPage .fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.stockPage .fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.stockPage .fancybox-container [data-selectable=true] {
  cursor: text;
}
.stockPage .fancybox-image,
.stockPage .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.stockPage .fancybox-spaceball {
  z-index: 1;
}
.stockPage .fancybox-slide--video .fancybox-content,
.stockPage .fancybox-slide--map .fancybox-content,
.stockPage .fancybox-slide--pdf .fancybox-content,
.stockPage .fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.stockPage .fancybox-slide--video .fancybox-content {
  background: #000;
}
.stockPage .fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.stockPage .fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.stockPage .fancybox-video,
.stockPage .fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.stockPage .fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.stockPage .fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.stockPage .fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.stockPage .fancybox-button {
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.stockPage .fancybox-button,
.stockPage .fancybox-button:visited,
.stockPage .fancybox-button:link {
  color: #ccc;
}
.stockPage .fancybox-button:focus {
  outline: none;
}
.stockPage .fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.stockPage .fancybox-button div {
  height: 100%;
}
.stockPage .fancybox-button svg {
  fill: #fff;
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.stockPage .fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.stockPage .fancybox-button--play svg:nth-child(2),
.stockPage .fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.stockPage .fancybox-button--pause svg:nth-child(1),
.stockPage .fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.stockPage .fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
.stockPage .fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  padding: 8px;
  position: absolute;
  z-index: 401;
  background-color: #eb0a1e;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  padding: 4px;
  transition: background-color 150ms ease-in-out;
}
.stockPage .fancybox-close-small:hover {
  background-color: #000;
}
.stockPage .fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.stockPage .fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.stockPage .fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.stockPage .fancybox-is-scaling .fancybox-close-small,
.stockPage .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
.stockPage .fancybox-navigation .fancybox-button {
  color: #fff;
  background-clip: content-box;
  position: absolute;
  top: calc(50% - 50px);
  visibility: visible;
  width: 80px;
  height: 100px;
  transform: scale(1);
  transition: opacity 500ms ease-in-out, transform 150ms ease-in-out;
}
.stockPage .fancybox-navigation .fancybox-button:hover {
  transform: scale(1.15);
}
.stockPage .fancybox-button[disabled],
.stockPage .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
.stockPage .fancybox-navigation .fancybox-button[disabled],
.stockPage .fancybox-navigation .fancybox-button[disabled]:hover {
  transform: scale(1);
}
.stockPage .fancybox-button {
  position: absolute;
  z-index: 99997;
}
.stockPage .fancybox-active .fancybox-navigation .fancybox-button {
  opacity: 1;
  padding: 10px;
}
.stockPage .fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.stockPage .fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 0;
  transform-origin: left center;
}
.stockPage .fancybox-navigation .fancybox-button--arrow_right {
  right: 0;
  right: env(safe-area-inset-right);
  padding: 0;
  transform-origin: right center;
}
.stockPage .fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
.stockPage .fancybox-caption--separate {
  margin-top: -50px;
}
.stockPage .fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.stockPage .fancybox-caption a,
.stockPage .fancybox-caption a:link,
.stockPage .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.stockPage .fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
.stockPage .fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
.stockPage .fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.stockPage .fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.stockPage .fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.stockPage .fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.stockPage .fancybox-fx-fade.fancybox-slide--previous,
.stockPage .fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.stockPage .fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
.stockPage .fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.stockPage .fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.stockPage .fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.stockPage .fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.stockPage .fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.stockPage .fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.stockPage .fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.stockPage .fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.stockPage .fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
.stockPage .fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.stockPage .fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.stockPage .fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
@media all and (max-height: 576px) {
  .stockPage .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .stockPage .fancybox-slide--image {
    padding: 6px 0;
  }
  .stockPage .fancybox-close-small {
    right: -6px;
  }
  .stockPage .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .stockPage .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.stockPage .fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.stockPage .fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.stockPage .fancybox-share p {
  margin: 0;
  padding: 0;
}
.stockPage .fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.stockPage .fancybox-share__button:visited,
.stockPage .fancybox-share__button:link {
  color: #fff;
}
.stockPage .fancybox-share__button:hover {
  text-decoration: none;
}
.stockPage .fancybox-share__button--fb {
  background: #3b5998;
}
.stockPage .fancybox-share__button--fb:hover {
  background: #344e86;
}
.stockPage .fancybox-share__button--pt {
  background: #bd081d;
}
.stockPage .fancybox-share__button--pt:hover {
  background: #aa0719;
}
.stockPage .fancybox-share__button--tw {
  background: #1da1f2;
}
.stockPage .fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.stockPage .fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.stockPage .fancybox-share__button svg path {
  fill: #fff;
}
.stockPage .fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
.stockPage .fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.stockPage .fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.stockPage .fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.stockPage .fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.stockPage .fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.stockPage .fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.stockPage .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.stockPage .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.stockPage .fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.stockPage .fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.stockPage .fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}
.stockPage .fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}
.stockPage .fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
@media all and (max-width: 576px) {
  .stockPage .fancybox-thumbs {
    width: 110px;
  }
  .stockPage .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .stockPage .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}

.stockPage .owl-carousel .owl-wrapper:after,
.stockCarouselWidgetWrapper .owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.stockPage .owl-carousel,
.stockCarouselWidgetWrapper .owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  touch-action: pan-y;
}
.stockPage .owl-carousel .owl-wrapper,
.stockCarouselWidgetWrapper .owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.stockPage .owl-carousel .owl-wrapper-outer,
.stockCarouselWidgetWrapper .owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.stockPage .owl-carousel .owl-wrapper-outer.autoHeight,
.stockCarouselWidgetWrapper .owl-carousel .owl-wrapper-outer.autoHeight {
  transition: height 500ms ease-in-out;
}
.stockPage .owl-carousel .owl-item,
.stockCarouselWidgetWrapper .owl-carousel .owl-item {
  float: left;
}
.stockPage .owl-buttons,
.stockCarouselWidgetWrapper .owl-buttons {
  display: flex;
  justify-content: center;
}
.stockPage .owl-controls .owl-page,
.stockPage .owl-controls .owl-buttons div,
.stockCarouselWidgetWrapper .owl-controls .owl-page,
.stockCarouselWidgetWrapper .owl-controls .owl-buttons div {
  cursor: pointer;
}
.stockPage .owl-controls,
.stockCarouselWidgetWrapper .owl-controls {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.stockPage .grabbing,
.stockCarouselWidgetWrapper .grabbing {
  cursor: url("../../images/grabbing.png") 8 8, move;
}
.stockPage .owl-carousel .owl-wrapper,
.stockPage .owl-carousel .owl-item,
.stockCarouselWidgetWrapper .owl-carousel .owl-wrapper,
.stockCarouselWidgetWrapper .owl-carousel .owl-item {
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.stockPage .owl-theme .owl-controls,
.stockCarouselWidgetWrapper .owl-theme .owl-controls {
  text-align: center;
  margin-top: 0;
}
.stockPage .owl-theme .owl-controls .owl-buttons div,
.stockCarouselWidgetWrapper .owl-theme .owl-controls .owl-buttons div {
  font-size: 12px;
  color: #fff;
  display: inline-block;
  zoom: 1;
  *display: inline;
  margin: 15px 5px;
  padding: 6px 20px;
  border-radius: 0;
  background-color: #869791;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
}
.stockPage .owl-theme .owl-controls.clickable .owl-buttons div:hover,
.stockCarouselWidgetWrapper .owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  opacity: 1;
  text-decoration: none;
}
.stockPage .owl-theme .owl-controls .owl-page,
.stockCarouselWidgetWrapper .owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.stockPage .owl-theme .owl-controls .owl-page span,
.stockCarouselWidgetWrapper .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  border-radius: 20px;
  background-color: #869791;
}
.stockPage .owl-theme .owl-controls .owl-page.active span,
.stockPage .owl-theme .owl-controls.clickable .owl-page:hover span,
.stockCarouselWidgetWrapper .owl-theme .owl-controls .owl-page.active span,
.stockCarouselWidgetWrapper .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}
.stockPage .owl-theme .owl-controls .owl-page span.owl-numbers,
.stockCarouselWidgetWrapper .owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #fff;
  padding: 2px 10px;
  font-size: 12px;
  border-radius: 30px;
}
.stockPage .owl-item.loading,
.stockCarouselWidgetWrapper .owl-item.loading {
  min-height: 15px;
  background: url("/skoda-auto/includes/js/lib/owl-carousel/AjaxLoader.gif") no-repeat 25% center;
}
.stockPage .prevButton,
.stockPage .nextButton,
.stockCarouselWidgetWrapper .prevButton,
.stockCarouselWidgetWrapper .nextButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.stockPage [data-balloon] {
  overflow: visible;
}
.stockPage [data-balloon] {
  position: relative;
  cursor: pointer;
}
.stockPage [data-balloon]:after {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  color: #fff;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  content: attr(data-balloon);
  padding: 0.5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -moz-transition: all 0.18s ease-out 0.18s;
  -ms-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
}
.stockPage [data-balloon]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 10;
  -webkit-transition: all 0.18s ease-out 0.18s;
  -moz-transition: all 0.18s ease-out 0.18s;
  -ms-transition: all 0.18s ease-out 0.18s;
  -o-transition: all 0.18s ease-out 0.18s;
  transition: all 0.18s ease-out 0.18s;
}
.stockPage [data-balloon]:hover:before,
.stockPage [data-balloon]:hover:after,
.stockPage [data-balloon][data-balloon-visible]:before,
.stockPage [data-balloon][data-balloon-visible]:after {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  pointer-events: auto;
}
.stockPage [data-balloon].font-awesome:after {
  font-family: FontAwesome;
}
.stockPage [data-balloon][data-balloon-break]:after {
  white-space: pre;
}
.stockPage [data-balloon][data-balloon-blunt]:before,
.stockPage [data-balloon][data-balloon-blunt]:after {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
.stockPage [data-balloon][data-balloon-pos=up]:after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up]:before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  -webkit-transform: translate(-50%, 10px);
  -moz-transform: translate(-50%, 10px);
  -ms-transform: translate(-50%, 10px);
  transform: translate(-50%, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up]:hover:after,
.stockPage [data-balloon][data-balloon-pos=up][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.stockPage [data-balloon][data-balloon-pos=up]:hover:before,
.stockPage [data-balloon][data-balloon-pos=up][data-balloon-visible]:before {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.stockPage [data-balloon][data-balloon-pos=up-left]:after {
  bottom: 100%;
  left: 0;
  margin-bottom: 11px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up-left]:before {
  bottom: 100%;
  left: 5px;
  margin-bottom: 5px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up-left]:hover:after,
.stockPage [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=up-left]:hover:before,
.stockPage [data-balloon][data-balloon-pos=up-left][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=up-right]:after {
  bottom: 100%;
  right: 0;
  margin-bottom: 11px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up-right]:before {
  bottom: 100%;
  right: 5px;
  margin-bottom: 5px;
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  transform: translate(0, 10px);
  -webkit-transform-origin: top;
  -moz-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}
.stockPage [data-balloon][data-balloon-pos=up-right]:hover:after,
.stockPage [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=up-right]:hover:before,
.stockPage [data-balloon][data-balloon-pos=up-right][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=down]:after {
  left: 50%;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 50%;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(-50%, -10px);
  -moz-transform: translate(-50%, -10px);
  -ms-transform: translate(-50%, -10px);
  transform: translate(-50%, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down]:hover:after,
.stockPage [data-balloon][data-balloon-pos=down][data-balloon-visible]:after {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.stockPage [data-balloon][data-balloon-pos=down]:hover:before,
.stockPage [data-balloon][data-balloon-pos=down][data-balloon-visible]:before {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.stockPage [data-balloon][data-balloon-pos=down-left]:after {
  left: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down-left]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  left: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down-left]:hover:after,
.stockPage [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=down-left]:hover:before,
.stockPage [data-balloon][data-balloon-pos=down-left][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=down-right]:after {
  right: 0;
  margin-top: 11px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down-right]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(180 18 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  right: 5px;
  margin-top: 5px;
  top: 100%;
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  transform: translate(0, -10px);
}
.stockPage [data-balloon][data-balloon-pos=down-right]:hover:after,
.stockPage [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:after {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=down-right]:hover:before,
.stockPage [data-balloon][data-balloon-pos=down-right][data-balloon-visible]:before {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.stockPage [data-balloon][data-balloon-pos=left]:after {
  margin-right: 11px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.stockPage [data-balloon][data-balloon-pos=left]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(-90 18 18)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  margin-right: 5px;
  right: 100%;
  top: 50%;
  -webkit-transform: translate(10px, -50%);
  -moz-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.stockPage [data-balloon][data-balloon-pos=left]:hover:after,
.stockPage [data-balloon][data-balloon-pos=left][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.stockPage [data-balloon][data-balloon-pos=left]:hover:before,
.stockPage [data-balloon][data-balloon-pos=left][data-balloon-visible]:before {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.stockPage [data-balloon][data-balloon-pos=right]:after {
  left: 100%;
  margin-left: 11px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.stockPage [data-balloon][data-balloon-pos=right]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(90 6 6)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 6px;
  height: 18px;
  left: 100%;
  margin-left: 5px;
  top: 50%;
  -webkit-transform: translate(-10px, -50%);
  -moz-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.stockPage [data-balloon][data-balloon-pos=right]:hover:after,
.stockPage [data-balloon][data-balloon-pos=right][data-balloon-visible]:after {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.stockPage [data-balloon][data-balloon-pos=right]:hover:before,
.stockPage [data-balloon][data-balloon-pos=right][data-balloon-visible]:before {
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.stockPage [data-balloon][data-balloon-length=small]:after {
  white-space: normal;
  width: 80px;
}
.stockPage [data-balloon][data-balloon-length=medium]:after {
  white-space: normal;
  width: 150px;
}
.stockPage [data-balloon][data-balloon-length=large]:after {
  white-space: normal;
  width: 260px;
}
.stockPage [data-balloon][data-balloon-length=xlarge]:after {
  white-space: normal;
  width: 380px;
}
@media screen and (max-width: 768px) {
  .stockPage [data-balloon][data-balloon-length=xlarge]:after {
    white-space: normal;
    width: 90vw;
  }
}
.stockPage [data-balloon][data-balloon-length=fit]:after {
  white-space: normal;
  width: 100%;
}

@media screen and (max-width: 639px) {
  .home .af-badge-embedder {
    display: none;
  }
}

body:not(.home) .af-badge-embedder {
  display: none;
}

.stockPage .imFormInput:not([type=checkbox]):not([type=radio]):not([type=file]) {
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  padding: 10px;
  width: 100%;
}
.stockPage .imFormInput:not([type=checkbox]):not([type=radio]):not([type=file])::placeholder {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 22px;
  font-size: 14px;
  color: #bfbfbf;
}

.stockPage input[type=submit] {
  border-radius: 0;
}

.stockPage .imFormInput:not([type=checkbox]),
.stockPage .imFormSelect {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.1;
  background-color: #fff;
  border: 1px solid #cccccc;
  box-shadow: none;
  transition: border-color 300ms linear;
}
.stockPage .imFormInput:not([type=checkbox]):focus, .stockPage .imFormInput:not([type=checkbox]):focus-within,
.stockPage .imFormSelect:focus,
.stockPage .imFormSelect:focus-within {
  color: #333333;
  border: 1px solid #002c5f;
  outline: 0 none;
  box-shadow: none;
}

.stockPage .imFormSelect {
  width: 100%;
  height: 36px;
}

.stockPage .imFormInputLabel {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 12px;
  color: #000;
  display: block;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .stockPage .imFormInputLabel {
    font-size: 13px;
  }
}

.stockPage .imFormInputLabel[for] {
  cursor: pointer;
}

.stockPage .imFormInputLabel + .stockPage .imFormInput,
.stockPage .imFormInputLabel + .stockPage .imFormSelect,
.stockPage .imFormInputLabel + .slFormChecksCustomWrapper {
  margin-top: 5px;
}

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

.imFormInputColumnMajor {
  width: 64%;
}

.imFormInputColumnMinor {
  width: 30%;
}

.imFormFieldset {
  display: block;
  border: none;
  margin: 10px 0 0 0;
  padding: 0;
}

.imFormInputColumn {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 1%;
}
.imFormInputColumn:nth-child(n) {
  margin-right: 2%;
  margin-bottom: 1%;
}
.imFormInputColumn:nth-child(2n) {
  margin-right: 0;
  margin-bottom: 1%;
}
@media screen and (min-width: 768px) {
  .imFormInputColumn {
    width: 18.8%;
    margin-right: 1.5%;
  }
  .imFormInputColumn:nth-child(n) {
    margin-right: 1.5%;
  }
  .imFormInputColumn:nth-child(5n) {
    margin-right: 0;
  }
  .imFormInputColumn:nth-child(n) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .imFormInputColumn.stockButtonsWrapper {
    margin: 0;
    width: 100%;
  }
}

.stockButtonPrimaryWrapper,
.imFormInputRow + .imFormInputRow,
.imFormTriggerWrapper .slFormInputRow,
.sdFormInputCommentsWrapper .sdFormInputComments {
  margin-top: 10px;
}

@media screen and (min-width: 768px) {
  .slFormInputRow + .slFormInputRow {
    margin-top: 10px;
  }
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .imFormInputRadio,
.imFormInputCheck {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border-color: #000;
    background-color: #fff;
    transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
  }
  .imFormInputRadio:after,
.imFormInputCheck:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    position: relative;
    transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.32, 1.2), opacity 0.3s;
  }
  .imFormInputRadio:checked,
.imFormInputCheck:checked {
    background-color: #002c5f;
    border-color: #002c5f;
  }
  .imFormInputRadio:disabled,
.imFormInputCheck:disabled {
    background-color: #fff;
    cursor: not-allowed;
    opacity: 0.9;
  }
  .imFormInputRadio:disabled:checked,
.imFormInputCheck:disabled:checked {
    background-color: #b2b2b2;
    border: #000;
  }
  .imFormInputRadio:disabled + label,
.imFormInputCheck:disabled + label {
    cursor: not-allowed;
  }
  .imFormInputRadio:hover:not(:checked):not(:disabled),
.imFormInputCheck:hover:not(:checked):not(:disabled) {
    border: 1px solid #002c5f;
  }
  .imFormInputRadio:focus,
.imFormInputCheck:focus {
    box-shadow: 0 0 0 2px rgba(39, 94, 254, 0.3);
  }
  .imFormInputRadio:not(.switch),
.imFormInputCheck:not(.switch) {
    width: 21px;
  }
  .imFormInputRadio:not(.switch):after,
.imFormInputCheck:not(.switch):after {
    opacity: 1;
  }
  .imFormInputRadio:not(.switch):checked,
.imFormInputCheck:not(.switch):checked {
    opacity: 1;
  }
  .imFormInputRadio + label,
.imFormInputCheck + label {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin-left: 4px;
  }
}

.imFormInputCheck {
  padding: 0;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .imFormInputCheck:not(.switch) {
    border-radius: 3px;
  }
  .imFormInputCheck:not(.switch):after {
    width: 6px;
    height: 11px;
    border: 2px solid #fff;
    border-top: 0;
    border-left: 0;
    left: 8px;
    top: 4px;
    transform: rotate(43deg);
  }
  .imFormInputCheck.switch {
    width: 38px;
    border-radius: 11px;
  }
  .imFormInputCheck.switch:after {
    left: 2px;
    top: 2px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    background-color: #000;
    transform: translateX(0);
  }
  .imFormInputCheck.switch:checked:after {
    background-color: #fff;
    transform: translateX(17px);
  }
  .imFormInputCheck.switch:disabled:not(:checked):after {
    opacity: 0.6;
  }
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .imFormInputRadio {
    border-radius: 50%;
    flex-shrink: 0;
  }
  .imFormInputRadio:after {
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0;
    transform: scale(0.5);
  }
}

.homeStockSearch .column-1 {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .column-1 {
    display: inline-block;
    width: 25%;
  }
}
.homeStockSearch .column-2 {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .column-2 {
    display: inline-block;
    width: 70%;
  }
}
.homeStockSearch .formSubColumn {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .formSubColumn {
    display: inline-block;
    width: 33%;
  }
}
.homeStockSearch .formSubColumnBudget {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .formSubColumnBudget {
    display: inline-block;
    width: 18%;
  }
}
.homeStockSearch .slFormBudgetInputRow .slFormFrequencyField {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .slFormBudgetInputRow .slFormFrequencyField {
    display: inline-block;
    width: 18%;
  }
}
.homeStockSearch .formLocationField {
  display: block;
  width: 100%;
}
.homeStockSearch .slFormChecksCustomWrapper {
  width: 100%;
}
.homeStockSearch .formSubColumnBudget.budgetRangeSlider {
  margin: 15px 0;
}
.homeStockSearch .formSubColumnBudget .imFormRangeInput {
  height: 10px;
}
.homeStockSearch .slFormNoBackgroundWrapper.tab-content {
  padding: 20px;
}
.homeStockSearch .stockSearchButton {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .stockSearchButton {
    display: inline-block;
    width: 25%;
  }
}
.homeStockSearch .imFormInputColumn.stockSearchButtonBudget {
  display: block;
  width: 100%;
  margin: 10px 0;
}
@media screen and (min-width: 768px) {
  .homeStockSearch .imFormInputColumn.stockSearchButtonBudget {
    display: inline-block;
    width: 20%;
    margin: 25px 0 0 0;
  }
}
.homeStockSearch .slFormInputRow.stockFormSecondaryRow {
  display: block;
}
.homeStockSearch .span.ui-slider-handle.ui-corner-all.ui-state-default {
  top: -8px;
}

.qs-wrapper-inner .icon-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 7px 0;
}
.qs-wrapper-inner .qs-icon .icon-svg {
  width: 27px;
  height: 27px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slidein {
  0% {
    top: 100%;
    bottom: auto;
  }
  100% {
    top: 0;
    bottom: 0;
  }
}
.stockButtonsWrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.stockButtonPrimary {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2em;
  color: #fff;
  cursor: pointer;
  background-color: #002c5f;
  border: none;
  border-radius: 0;
  padding: 15px 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background-color 150ms ease-in-out;
}
.stockButtonPrimary:focus {
  outline: 0;
  color: #fff;
}
@media screen and (min-width: 568px) {
  .stockButtonPrimary {
    font-size: 14px;
  }
}
.stockButtonPrimary:hover {
  color: #fff;
  background-color: #001b3b;
}

.stockButtonPrimaryFullWidth {
  font-size: 16px;
  width: 100%;
}

.stockButtonPrimaryCompact {
  padding: 10px 5px;
}
.sdLocationDetailsWrapper .stockButtonPrimaryCompact {
  padding: 10px 20px;
}

.stockButtonPrimarySmall {
  font-size: 13px;
  padding: 15px 5px;
}

.stockButtonPrimaryBordered {
  background-color: #fff;
  color: #002c5f;
  padding: calc(10px - 3px) 5px;
  border-width: 3px;
  border-style: solid;
  border-color: #002c5f;
  transition: color 150ms ease-in-out, background-color 150ms ease-in-out, border-color 150ms ease-in-out;
}
.stockButtonPrimaryBordered:hover {
  color: #fff;
  background-color: #002c5f;
}
.stockButtonPrimaryBordered.stockButtonTaurusFinance {
  width: 100%;
  margin-top: 2.5%;
}

.stockButtonPrimaryBorderedToggle {
  font-size: 13px;
  line-height: 14px;
  color: #002c5f;
  background-color: #fff;
  padding: calc(10px - 3px) 5px;
  border-width: 3px;
  border-style: solid;
  transition: color 150ms ease-in-out, border-color 150ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .stockButtonPrimaryBorderedToggle {
    display: flex;
    flex-direction: column;
  }
}
.stockButtonPrimaryBorderedToggle.collapsed {
  color: #999999;
  border-color: #999999;
}
.stockButtonPrimaryBorderedToggle:hover {
  color: #002c5f;
  border-color: #002c5f;
  background-color: #fff;
}

.stockButtonPrimaryBorderedToggleText {
  display: block;
}

.stockButtonPrimaryBorderedToggleIcon {
  display: block;
  width: 15px;
  height: 15px;
  margin-left: 10px;
  fill: #002c5f;
  transition: transform 150ms ease-in-out;
  transform: rotate(90deg);
}
@media screen and (min-width: 768px) {
  .stockButtonPrimaryBorderedToggleIcon {
    margin-left: 0;
  }
}
.collapsed .stockButtonPrimaryBorderedToggleIcon {
  transform: rotate(-90deg);
  fill: #999999;
}
.stockButtonPrimaryBorderedToggle:hover .stockButtonPrimaryBorderedToggleIcon {
  fill: #002c5f;
}

.stockButtonSecondary {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 15px;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
  background-color: #002c5f;
  padding: 5px 15px;
  margin: 0;
  border-radius: 30px;
  display: block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 150ms ease-in-out;
  border: none;
}
@media screen and (min-width: 1024px) {
  .stockButtonSecondary {
    position: relative;
    top: 2px;
  }
}
@media screen and (min-width: 1280px) {
  .stockButtonSecondary {
    font-size: 20px;
    padding: 8px 25px;
  }
}
.stockButtonSecondary:hover {
  transform: scale(1.1);
}
.stockButtonSecondary:hover {
  color: #fff;
}

.stockButtonKill {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  border: none;
  background-color: transparent;
  padding: 0;
}

.stockButtonKillIcon {
  display: block;
  width: 22px;
  height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' x2='6' y1='6' y2='18'/%3E%3Cline x1='6' x2='18' y1='6' y2='18'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  transition: background-image 150ms ease-in-out;
}
.stockButtonKill:hover .stockButtonKillIcon {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' stroke='%23dc0000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' x2='6' y1='6' y2='18'/%3E%3Cline x1='6' x2='18' y1='6' y2='18'/%3E%3C/svg%3E");
}

.stockButtonWidget {
  width: 100%;
  text-align: center;
}

.wishListModalButtonKillWrapper {
  display: flex;
  justify-content: flex-end;
  background-color: #e8e8e8;
  border: 1px solid #d9d9d9;
  border-bottom-color: #a6a6a6;
  margin: 0 0 10px 0;
  position: sticky;
  top: 50px;
  z-index: 5;
}
@media screen and (min-width: 568px) {
  .wishListModalButtonKillWrapper {
    margin: 0 5px 10px 5px;
  }
}
@media screen and (min-width: 768px) {
  .wishListModalButtonKillWrapper {
    position: static;
  }
}
.wishListModalButtonKillWrapper .stockButtonKillText {
  font-size: 16px;
  color: #dc0000;
}
@media screen and (min-width: 768px) {
  .wishListModalButtonKillWrapper .stockButtonKillText {
    font-size: 14px;
  }
}
.wishListModalButtonKillWrapper .stockButtonKillIcon {
  background-color: #dc0000;
}

.stockButtonKillWrapper {
  background-color: #e8e8e8;
}

.stockButtonKillText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #002c5f;
  transition: color 150ms ease-in-out;
}
.stockButtonKill:hover .stockButtonKillText {
  color: #dc0000;
}

.stockButtonKillIcon {
  width: 40px;
  height: 40px;
  margin-left: 5px;
  background-color: #002c5f;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' x2='6' y1='6' y2='18'/%3E%3Cline x1='6' x2='18' y1='6' y2='18'/%3E%3C/svg%3E");
  transition: background-color 150ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .stockButtonKillIcon {
    width: 30px;
    height: 30px;
  }
}

.stockButtonKill:hover .stockButtonKillIcon {
  background-color: #dc0000;
  background-image: url("data:image/svg+xml,%3Csvg fill='none' height='24' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='18' x2='6' y1='6' y2='18'/%3E%3Cline x1='6' x2='18' y1='6' y2='18'/%3E%3C/svg%3E");
}

.imFormInputCheckWish {
  display: none;
}

.stockActionWishListIcon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23002c5f' /%3E%3Cpath d='M14.01,10.56h-3.44V14H9.42v-3.44H5.99V9.44h3.44V6h1.15v3.44h3.44V10.56z' fill='%23fff' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  transform: scale(1);
  transition: background-image 150ms ease-in-out, transform 250ms ease-in-out;
}
.no-touch .imFormInputLabelWish:hover .stockActionWishListIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23dc0000' /%3E%3Cpath d='M14.01,10.56h-3.44V14H9.42v-3.44H5.99V9.44h3.44V6h1.15v3.44h3.44V10.56z' fill='%23fff' /%3E%3C/svg%3E");
  transform: scale(1.15);
}
.imFormInputCheckWish:checked ~ .stockActionWishListIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23dc0000' /%3E%3Cpath d='M8.17,12.24l6.05-6.05L15,6.99l-6.83,6.83L5,10.64l0.8-0.8L8.17,12.24z' fill='%23fff' /%3E%3C/svg%3E");
}
.no-touch .imFormInputLabelWish:hover .imFormInputCheckWish:checked ~ .stockActionWishListIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23dc0000' /%3E%3Cpath d='M8.17,12.24l6.05-6.05L15,6.99l-6.83,6.83L5,10.64l0.8-0.8L8.17,12.24z' fill='%23fff' /%3E%3C/svg%3E");
  transform: scale(1.2);
}

.stockActionWishListText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: #000;
  display: block;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
}
.imFormInputLabelWish:hover .stockActionWishListText {
  color: #002c5f;
}

[data-wishlist] {
  overflow: visible;
  position: relative;
  cursor: pointer;
}

[data-wishlist]:after {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-shadow: none;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  padding: 0.5em 1em;
  position: absolute;
  white-space: nowrap;
  z-index: 10;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  margin-bottom: 11px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}

[data-wishlist]:after {
  content: attr(data-wishlist);
}

.imFormInputCheckWish:checked ~ [data-wishlist]:after {
  content: attr(data-wishlist-remove);
}

[data-wishlist]:before {
  background: no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http://www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba(17, 17, 17, 0.9)%22%20transform%3D%22rotate(0)%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E");
  background-size: 100% auto;
  width: 18px;
  height: 6px;
  opacity: 0;
  pointer-events: none;
  content: "";
  position: absolute;
  z-index: 10;
  transition: all 0.18s ease-out 0.18s;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translate(-50%, 10px);
  transform-origin: top;
}

.imFormInputLabel:hover [data-wishlist]:before,
.imFormInputLabel:hover [data-wishlist]:after,
.imFormInputLabel:hover [data-wishlist-remove]:before,
.imFormInputLabel:hover [data-wishlist-remove]:after {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.iconSvg {
  position: relative;
  top: 0;
  left: 0;
  transition: fill 150ms ease-in-out;
  pointer-events: none;
}

.slViewListIcon,
.slViewGalleryIcon {
  width: 25px;
  height: 25px;
  fill: #999999;
}
.slViewListIcon:hover,
.slViewGalleryIcon:hover {
  fill: #002c5f;
}

.stockPage .container {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
  max-width: 1400px;
}

.stockPage {
  background-color: #f2f2f2;
}

.stockPagePadding {
  padding: 0 10px 10px 10px;
}
@media screen and (min-width: 768px) {
  .stockPagePadding {
    padding: 0 1.5rem 1.5rem 1.5rem;
  }
}

.stockPaddingRightLeft {
  padding: 0 10px;
}
@media screen and (min-width: 768px) {
  .stockPaddingRightLeft {
    padding: 0 1.5rem;
  }
}

.stockPage .toolbox-wrapper {
  display: none;
}

.stockPageHeadingWrapper,
.stockDetailsBackSocialWrapper {
  padding: 15px 0;
}
@media screen and (min-width: 768px) {
  .stockPageHeadingWrapper,
.stockDetailsBackSocialWrapper {
    padding: 30px 0;
  }
}

.stockPageHeading {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 22px;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .stockPageHeading {
    font-size: 26px;
  }
}

.slPageHeading {
  color: #002c5f;
}

.slStockHeadingCount {
  color: #dc0000;
}

.stockPageDisclaimerWrapperWhite {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px;
}

.stockPageDisclaimerText {
  font-size: 11px;
  margin: 0;
  line-height: 1.5;
}
@media screen and (min-width: 880px) {
  .stockPageDisclaimerText {
    column-count: 2;
  }
}
.stockPageDisclaimerText p {
  margin: 0;
}
.stockPageDisclaimerText p + p {
  margin-top: 10px;
}

.stockPageDisclaimerText + .stockPageDisclaimerText {
  margin: 10px 0 0 0;
}

.stockFancyDisclaimerContent {
  max-width: 900px;
}

.stockRedbookDisclaimerWrapper {
  margin: 10px 0;
}

.stockPageDisclaimerToggle {
  font-size: 11px;
}

.stockPageDisclaimerPane {
  column-count: auto;
}

.stockRedbookLogo {
  margin: 0 0 10px 0;
  max-width: 130px;
}

.stockFeatureSubHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding-bottom: 5px;
}

.stockFeaturesList {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .sdFeaturesWrapper .stockFeaturesList {
    column-count: 2;
  }
}

.stockFeatureItemWrapper {
  display: flex;
  margin-bottom: 5px;
  break-inside: avoid;
}
.stockFeatureItemWrapper:last-child {
  margin-bottom: 0;
}
.sdFeaturesWrapper .stockFeatureItemWrapper {
  margin-bottom: 10px;
}

.stockFeatureIconWrapper {
  width: 18px;
  min-width: 18px;
  height: 18px;
  margin-right: 6px;
  position: relative;
}

.stockFeatureIcon {
  width: 18px;
  height: 18px;
  fill: #000;
  top: 0;
  left: 0;
  position: absolute;
}

.stockFeatureText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.3em;
  color: #000;
  margin: 0;
}
.sdFeaturesWrapper .stockFeatureText {
  font-size: 14px;
  display: table-cell;
}

.stockFeatureText.stockFeatureDealerCommentText {
  font-weight: bold;
}

.readMoreLink {
  font-size: 14px;
}

.stockFeatureTextKey {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  width: 105px;
  min-width: 105px;
  padding-right: 6px;
}

.stockItemPriceWrapper {
  text-align: left;
  margin-left: 15px;
}
@media screen and (min-width: 768px) {
  .stockItemPriceWrapper {
    margin-left: 25px;
  }
}
.stockItemPriceWrapper:only-child, .stockItemPriceWrapper:first-child {
  margin-left: 0;
}
.sdPricesRow .stockItemPriceWrapper {
  text-align: center;
}
@media screen and (max-width: 400px) {
  .sdPricesRow .stockItemPriceWrapper:first-child {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .sdPricesRow .stockItemPriceWrapper {
    text-align: right;
  }
}
.sdPricesRow .stockItemPriceWrapper:only-child {
  margin-left: 0;
}

.stockItemPriceNoteText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 10px;
  text-transform: uppercase;
  text-align: left;
  white-space: nowrap;
  color: #000;
  margin: 0;
}
.stockItemPriceWasWrapper .stockItemPriceNoteText {
  color: #dc0000;
}
.sdPricesRow .stockItemPriceNoteText {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .sdPricesRow .stockItemPriceNoteText {
    text-align: right;
  }
}

.stockItemPriceText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 0.8em;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .stockItemPriceText {
    font-size: 22px;
  }
}

.stockItemPrice {
  color: #002c5f;
}

.stockItemPriceWas {
  color: #dc0000;
  position: relative;
  text-decoration: line-through;
}

.stockItemPricePerWeek {
  color: #000;
}

.stockItemPriceQualifierText {
  font-size: 11px;
  text-align: center;
  width: 100%;
  line-height: 15px;
  margin-top: 3px;
}
@media screen and (min-width: 1024px) {
  .stockItemPriceQualifierText {
    text-align: right;
    margin-top: 5px;
  }
}

.sdHeadingPriceWrapper {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
}
@media screen and (min-width: 1024px) {
  .sdHeadingPriceWrapper {
    padding: 35px 15px;
  }
}

.sdHeadingWrapper {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .sdHeadingWrapper {
    width: 47%;
    flex-grow: 1;
    margin: 0;
  }
}

.sdFeaturesBrandCertifiedWrapper {
  display: flex;
  justify-content: center;
  background-color: #fff;
  padding: 15px 15px 0;
}
@media screen and (min-width: 768px) {
  .sdFeaturesBrandCertifiedWrapper {
    justify-content: flex-start;
  }
}

.stockItemHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.15em;
  text-align: center;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .stockItemHeading {
    font-size: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .stockItemHeading {
    text-align: left;
  }
}

.stockImageText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #fff;
  text-transform: uppercase;
  background-color: #002c5f;
  border-radius: 15px;
  padding: 2px 8px 2px 8px;
  position: absolute;
  top: 10px;
  right: 10px;
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.sdCarouselPrimaryWrapper:hover .stockImageText, .stockCardWrapper:hover .stockImageText {
  color: #002c5f;
  background-color: #fff;
}
.sdCarouselPrimaryItemsWrapper .stockImageText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  background-color: #002c5f;
  border-radius: 15px;
  padding: 4px 12px 4px 12px;
}

.stockCardVideoPlayLink {
  position: absolute;
  width: 140px;
  height: 140px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  top: -33px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  transition: transform 150ms ease-in-out;
}
.stockCardVideoPlayLink:hover {
  transform: scale(1.1);
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardVideoPlayLink {
    right: auto;
    left: 21%;
  }
}
.sdCarouselPrimaryWrapper:hover .stockCardVideoPlayLink {
  transform: scale(1.1);
}
.stockCardSectionImages .stockCardVideoPlayLink {
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionImages .stockCardVideoPlayLink {
    width: 60px;
    height: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .stockListView .stockCardSectionImages .stockCardVideoPlayLink {
    width: 100px;
    height: 100px;
  }
}

.stockCardPlayIcon {
  width: 140px;
  height: 140px;
  fill: #fff;
  opacity: 0.8;
  transition: opacity 150ms ease-in-out;
}
.stockCardVideoPlayLink:hover .stockCardPlayIcon, .sdCarouselPrimaryWrapper:hover .stockCardPlayIcon {
  opacity: 1;
}
.stockCardSectionImages .stockCardPlayIcon {
  width: 100px;
  height: 100px;
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionImages .stockCardPlayIcon {
    width: 60px;
    height: 60px;
  }
}
@media screen and (min-width: 1024px) {
  .stockListView .stockCardSectionImages .stockCardPlayIcon {
    width: 100px;
    height: 100px;
  }
}

.lesaVideo[data-url] {
  cursor: pointer;
  position: absolute;
  top: -34px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 21 21'%3E%3Cpath d='M21,10.5C21,16.3,16.3,21,10.5,21S0,16.31,0,10.5S4.7,0,10.5,0S21,4.7,21,10.5z M10.5,2.25c-4.56,0-8.25,3.7-8.25,8.25s3.69,8.25,8.25,8.25s8.25-3.7,8.25-8.25S15.06,2.25,10.5,2.25z M14.62,11.18c0.49-0.37,0.49-0.98,0-1.36L8.89,5.51c-0.49-0.37-0.9-0.17-0.9,0.45v9.09c0,0.62,0.4,0.82,0.9,0.45L14.62,11.18z' fill='%23fff' /%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0.8;
  transition: opacity 150ms ease-in-out, background-color 150ms ease-in-out;
}
.lesaVideo[data-url]:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .stockListView .lesaVideo[data-url] {
    top: -46px;
    width: 60px;
    height: 60px;
    right: auto;
    left: 21%;
  }
}
@media screen and (min-width: 1024px) {
  .stockListView .lesaVideo[data-url] {
    top: -64px;
    width: 100px;
    height: 100px;
  }
}

.stockPage .xcite-les-video.has-video {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 21 21'%3E%3Cpath d='M21,10.5C21,16.3,16.3,21,10.5,21S0,16.31,0,10.5S4.7,0,10.5,0S21,4.7,21,10.5z M10.5,2.25c-4.56,0-8.25,3.7-8.25,8.25s3.69,8.25,8.25,8.25s8.25-3.7,8.25-8.25S15.06,2.25,10.5,2.25z M14.62,11.18c0.49-0.37,0.49-0.98,0-1.36L8.89,5.51c-0.49-0.37-0.9-0.17-0.9,0.45v9.09c0,0.62,0.4,0.82,0.9,0.45L14.62,11.18z' fill='%23fff' /%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 50%;
  opacity: 0.8;
  transition: transform 150ms ease-in-out, opacity 150ms ease-in-out, background-color 150ms ease-in-out;
  z-index: 1;
  transform: scale(1);
}
.stockPage .xcite-les-video.has-video:hover {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  transform: scale(1.1);
}

.lesaVideo[data-url] img,
.stockPage .xcite-les-video.has-video img {
  display: none;
}

.stockCardWrapper {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  display: flex;
  flex-direction: column;
}
.stockCardWrapper:not(.stockCardCarouselItem) {
  width: 100%;
}

.stockCardSectionBody {
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .stockCardSectionBody {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
}

.stockCardSectionBodyItem + .stockCardSectionBodyItem {
  margin-top: 10px;
}
.stockListCardsWrapper .stockCardSectionBodyItem + .stockCardSectionBodyItem {
  margin-top: auto;
}

.stockCardWrapper .stockButtonsWrapper .stockButtonPrimary {
  width: 48.75%;
  margin-right: 2.5%;
}
.stockCardWrapper .stockButtonsWrapper .stockButtonPrimary:nth-child(n) {
  margin-right: 2.5%;
}
.stockCardWrapper .stockButtonsWrapper .stockButtonPrimary:nth-child(2n) {
  margin-right: 0;
}

.stockListCardsWrapper .stockCardSectionBodyFeatures {
  margin-bottom: 10px;
}

.stockCardHeadingWrapper {
  padding-bottom: 0;
  justify-content: center;
}

.stockCardHeadingPriceWrapper {
  display: block;
  padding: 10px;
}

.stockCardHeading {
  font-size: 16px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.stockCardPricesRow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.stockCardPriceColumn {
  width: 50%;
}

.stockCardPriceWrapper {
  display: flex;
  flex-direction: column;
}
.stockCardPriceColumn:nth-child(2n) .stockCardPriceWrapper {
  align-items: flex-end;
}
.stockCardPriceColumn:only-child .stockCardPriceWrapper {
  align-items: center;
}
.stockCardPriceWrapper .stockItemPriceText {
  font-size: 16px;
}

.touch .stockCardPricelink:focus {
  outline: 0;
}

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

.stockCardPricesRowSecondary {
  padding-top: 5px;
  margin-top: 5px;
  margin-bottom: -5px;
  border-top: 1px solid #cccccc;
}

.stockCardSectionImages {
  position: relative;
}

.stockCardImageWrapper {
  position: relative;
  overflow: hidden;
}
.stockCardImageWrapper:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 55%;
}
@media screen and (min-width: 568px) {
  .stockCardImageWrapper:after {
    padding-top: 66.66667%;
  }
}

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

.stockCardImage {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.stockCardImage[src$=".gif"] {
  width: auto;
  margin: 0 auto;
}

.stockCardImageMissingHero,
.stockCardImageMissing {
  background-color: #bfbfbf;
}
.stockCardImageMissingHero:before,
.stockCardImageMissing:before {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: #fff;
  position: absolute;
  z-index: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.stockCardImageMissingHero:before {
  content: "Images Coming Soon!";
  font-size: 18px;
}

.stockCardImageMissing:before {
  content: "New Arrival";
  font-size: 14px;
}

.stockCardActionWishListWrapper {
  background-color: #e8e8e8;
  padding-left: 15px;
  display: flex;
  align-items: center;
}

.stockCardActionWishListForm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
}
.stockCardActionWishListForm .imFormInputLabel {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  display: flex;
  align-items: center;
}
.stockCardActionWishListForm .imFormInputCheck {
  margin-right: 5px;
}
.stockCardActionWishListForm .stockActionWishListText {
  margin-left: 5px;
}

.stockCardActionWishListLink {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  background-color: #002c5f;
  color: #fff;
  padding: 8px 15px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  display: flex;
  align-items: center;
}
.stockCardActionWishListLink:hover, .stockCardActionWishListLink:focus {
  color: #fff;
  background-color: #001b3b;
}

.wishListIcon {
  width: 12px;
  height: 12px;
  fill: #fff;
  margin-right: 5px;
  transform: scale(1);
  transition: transform 150ms ease-in-out;
}
.stockCardActionWishListLink:hover .wishListIcon {
  transform: scale(1.15);
}

@media screen and (min-width: 630px) {
  .stockCardCarouselItem {
    margin: 0 5px;
  }
}

.sdSimilarListingCarouselIconLeft {
  display: block;
  width: 25px;
  height: 25px;
}

.sdSimilarListingCarouselIconRight {
  width: 25px;
  height: 25px;
  transform: rotate(180deg);
}

.sdWishListCarouselIconLeft,
.sdWishListCarouselIconRight {
  display: block;
  width: 30px;
  height: 40px;
}

.slFormBackgroundWrapper {
  border: 1px solid #d9d9d9;
  position: relative;
  background-color: #fff;
  padding: 10px;
}

.slFormInputRow {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .slFormInputRow {
    flex-wrap: nowrap;
  }
}

.slFormSearchByBudget {
  margin: 15px 0;
}

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

.slFormHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  color: #000;
  margin: 0;
}

.slFormBudgetInputRow {
  align-items: center;
}

.imFormInputLabelRow {
  display: flex;
}

.slformBudgetPrice {
  font-size: 22px;
  color: #002c5f;
  margin-left: 5px;
  margin-right: 5px;
}

@media screen and (min-width: 1024px) {
  .slFormLabelRight {
    text-align: right;
  }
}

.slFormBudgetColumnCta {
  align-self: flex-end;
}

.slFormBackgroundWrapper .stockButtonsWrapper .stockButtonPrimary {
  width: 48.5%;
  margin-right: 3%;
}
.slFormBackgroundWrapper .stockButtonsWrapper .stockButtonPrimary:nth-child(n) {
  margin-right: 3%;
}
.slFormBackgroundWrapper .stockButtonsWrapper .stockButtonPrimary:nth-child(2n) {
  margin-right: 0;
}

.slFormCloseButtonLink {
  display: flex;
  align-items: center;
  border: none;
  cursor: pointer;
}

.slFormCloseButtonText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  color: black;
  margin-right: 5px;
  transition: color 150ms ease-in-out;
}
.slFormCloseButtonLink:hover .slFormCloseButtonText {
  color: #dc0000;
}

.slFormCloseButtonIcon {
  color: #fff;
  fill: black;
  width: 20px;
  height: 20px;
}
.slFormCloseButtonLink:hover .slFormCloseButtonIcon {
  fill: #dc0000;
}

.slFormChecksCustomWrapper {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}

.slFormCheckCustomLabel.imFormInputLabel {
  padding: 10px 5px;
  background-color: #ededed;
  cursor: pointer;
  border-bottom: 1px solid #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  transition: background-color 150ms ease-in-out;
}
.slFormCheckCustomLabel.imFormInputLabel:hover {
  background-color: #d9d9d9;
}
.slFormCheckCustomLabel.imFormInputLabel:first-of-type {
  border-radius: 5px 0 0 5px;
}
.slFormCheckCustomLabel.imFormInputLabel:last-of-type {
  border-radius: 0 5px 5px 0;
}
.slFormCheckCustomLabel.imFormInputLabel:only-of-type {
  border-radius: 5px;
}

.slFormCheckCustomLabel + .slFormCheckCustomLabel {
  border-left: 1px solid #fff;
}

.slFormCheckCustomText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  line-height: 13px;
  color: #000;
  margin-top: 3px;
}

.slFormDisclaimerText {
  font-size: 12px;
}

.slFormDisclaimerLink {
  color: #002c5f;
}

.imFormRangeInput {
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  width: calc(100% - 24px);
  height: 4px;
  border-radius: calc(4px / 2);
  background-color: #a6a6a6;
  transition: opacity 0.2s;
  margin: 0 auto;
}

.imFormRangeInput::-webkit-slider-thumb {
  position: relative;
  z-index: 1;
  pointer-events: all;
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  border-color: #002c5f;
}

.imFormRangeInput::-moz-range-thumb {
  position: relative;
  z-index: 1;
  pointer-events: all;
  width: 24px;
  height: 24px;
  background-color: #fff;
  cursor: pointer;
  border-style: solid;
  border-width: 4px;
  border-color: #002c5f;
}

.imFormRangeInput::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: rgb(255, 255, 255);
  border: 0;
}

.imFormRangeInput:last-of-type::-moz-range-track {
  -moz-appearance: none;
  border: 0;
}

.imFormRangeInput::-moz-focus-outer {
  border: 0;
}

.imFormDualRangeInputsColumn {
  align-self: flex-start;
}

.imFormDualRangeInputsWrapper {
  position: relative;
}

.imFormInputRangeText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
  display: block;
  margin-bottom: 12px;
  line-height: 13px;
  margin-top: -4px;
}

.stockPage .ui-slider {
  position: relative;
}

.stockPage .ui-slider-handle {
  position: absolute;
  z-index: 1;
  -ms-touch-action: none;
  touch-action: none;
  cursor: pointer;
  top: -10px;
  margin-left: -12px;
  width: 24px;
  height: 24px;
  background-color: #fff;
  background-image: none;
  border-radius: 50%;
  border-style: solid;
  border-width: 4px;
  border-color: #002c5f;
  transition: transform 100ms ease-in-out;
}
.stockPage .ui-slider-handle:hover {
  transform: scale(1.15);
}
.stockPage .ui-slider-handle:focus {
  outline: none;
}

.stockPage .ui-slider-range {
  position: absolute;
  z-index: 1;
  background-color: #002c5f;
  height: 100%;
  border: 0;
  background-image: none;
}

.stockPage .imFormRangeInput {
  background-color: #999999;
  border: 0;
  background-image: none;
  margin-bottom: 10px;
}

.stockListMessageWrapper {
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 0;
  padding: 50px 10px;
  width: 100%;
}

.stockListMessageHeading {
  font-size: 1.4em;
  text-transform: uppercase;
  text-align: center;
  color: #002c5f;
  margin: 0;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 0;
}
.stockKindCars .stockListMessageHeading {
  padding-top: 70px;
  background-size: 60px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 25 25'%3E%3Cpath d='M22.5,20.16c0,0.62-0.47,1.13-1.09,1.13h-1.15c-0.63,0-1.09-0.51-1.09-1.13v-1.08H5.83v1.08c0,0.62-0.47,1.13-1.09,1.13H3.59c-0.63,0-1.09-0.51-1.09-1.13v-8.72l2.29-6.57c0.25-0.76,0.78-1.13,1.61-1.13h12.19c0.83,0,1.37,0.37,1.61,1.13l2.29,6.57V20.16z M5.23,15.33c0.33,0.31,0.72,0.46,1.17,0.46c0.46,0,0.85-0.15,1.17-0.46c0.33-0.31,0.49-0.71,0.49-1.18s-0.17-0.87-0.49-1.18c-0.33-0.31-0.72-0.46-1.17-0.46c-0.46,0-0.85,0.15-1.17,0.46c-0.33,0.31-0.5,0.71-0.5,1.18S4.91,15.03,5.23,15.33L5.23,15.33z M17.42,15.33c0.33,0.31,0.72,0.46,1.17,0.46c0.46,0,0.85-0.15,1.17-0.46c0.33-0.31,0.5-0.71,0.5-1.18s-0.17-0.87-0.5-1.18c-0.33-0.31-0.72-0.46-1.17-0.46c-0.46,0-0.85,0.15-1.17,0.46c-0.33,0.31-0.49,0.71-0.49,1.18S17.1,15.03,17.42,15.33L17.42,15.33z M4.74,10.31h15.52l-1.67-4.93H6.41L4.74,10.31z' fill='%23a6a6a6' /%3E%3C/svg%3E");
}

.stockListMessageSubHeading {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #7f7f7f;
  text-align: center;
}

.stockListSection + .stockListSection {
  margin-top: 10px;
}

.stockListCardsWrapper .stockCardWrapper {
  margin-bottom: 10px;
}
@supports (animation-duration: 350ms) {
  .stockListCardsWrapper .stockCardWrapper {
    animation-name: fadeIn;
    animation-duration: 250ms;
    animation-delay: calc(var(--i) * 40ms);
    animation-fill-mode: both;
    animation-timing-function: ease-in-out;
  }
}

.slPaginationWrapper {
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .slPaginationColumn {
    width: 49%;
    margin-right: 2%;
  }
  .slPaginationColumn:nth-child(n) {
    margin-right: 2%;
  }
  .slPaginationColumn:nth-child(2n) {
    margin-right: 0;
  }
}

.slPaginationColumn:first-child {
  display: flex;
  align-items: center;
}

.slPaginationColumnItem {
  padding-right: 5px;
  margin-right: 5px;
}
@media screen and (min-width: 768px) {
  .slPaginationColumnItem {
    padding-right: 10px;
    margin-right: 10px;
  }
}

.slPaginationIconsWrapper {
  display: flex;
  justify-content: flex-end;
}

.stockWishListCountLink {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #fff;
  background: #002c5f;
  border-radius: 0;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  transition: background-color 150ms ease-in-out;
}
.stockWishListCountLink:hover, .stockWishListCountLink:focus {
  color: #fff;
  background-color: #001b3b;
}
.stockWishListCountLink:hover .wishListIcon, .stockWishListCountLink:focus .wishListIcon {
  transform: scale(1.2);
}

.slPaginationIconLink {
  display: inline-block;
  padding: 4px;
  border-radius: 16px;
  width: 33px;
  height: 33px;
  background-color: transparent;
  transition: background-color 150ms ease-in-out;
  display: none;
}
@media screen and (min-width: 768px) {
  .slPaginationIconLink {
    display: block;
    margin-left: 10px;
  }
}
.slPaginationIconLink.active, .slPaginationIconLink:hover {
  background-color: #002c5f;
}
.slPaginationIconLink.active .iconSvg, .slPaginationIconLink:hover .iconSvg {
  fill: #fff;
}

.stockGalleryView .stockListCardsWrapper {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 568px) {
  .stockGalleryView .stockCardWrapper {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(n) {
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .stockGalleryView .stockCardWrapper {
    width: 32.6666666667%;
    margin-right: 1%;
    margin-bottom: 15px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(n) {
    margin-right: 1%;
    margin-bottom: 15px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media screen and (min-width: 1280px) {
  .stockGalleryView .stockCardWrapper {
    width: 24.25%;
    margin-right: 1%;
    margin-bottom: 15px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(n) {
    margin-right: 1%;
    margin-bottom: 15px;
  }
  .stockGalleryView .stockCardWrapper:nth-child(4n) {
    margin-right: 0;
    margin-bottom: 15px;
  }
}

.stockGalleryView .stockCardImageWrapper:not([class*=Hero]) {
  display: none;
}

.stockListView .stockListCardsWrapper {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (min-width: 568px) {
  .stockListView .stockCardWrapper {
    width: 49.5%;
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .stockListView .stockCardWrapper:nth-child(n) {
    margin-right: 1%;
    margin-bottom: 10px;
  }
  .stockListView .stockCardWrapper:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardWrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .stockListView .stockCardWrapper:nth-child(n) {
    width: 100%;
    margin: 0;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBody {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    flex-grow: initial;
    width: 55%;
  }
}
@media screen and (min-width: 1024px) {
  .stockListView .stockCardSectionBody {
    width: 45%;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyItem {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyItem + .stockCardSectionBodyItem {
    margin-top: 0;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyFeatures {
    padding-right: 10px;
    width: 60%;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyActionLinks {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 40%;
  }
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyActionLinks .stockButtonPrimary:nth-child(n) {
    margin: 0;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionBodyActionLinks .stockButtonPrimary + .stockButtonPrimary {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionHeader {
    width: 100%;
    border-bottom: 1px solid #cccccc;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardHeadingPriceWrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardHeadingWrapper {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardHeading {
    text-align: left;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardPriceWrapper {
    margin-left: 25px;
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardPricesRowSecondary {
    padding-top: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top: none;
  }
}

.stockListView .stockCardSectionCertification {
  order: 1;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  border-bottom: 1px solid #ccc;
  display: flex;
  margin-bottom: 10px;
  padding: 0 0 10px 10px;
}

.stockListView .stockCardSectionHeader {
  width: 100%;
  border-bottom: none;
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardSectionImages {
    width: 45%;
    padding: 0 0 10px 10px;
  }
}
@media screen and (min-width: 1024px) {
  .stockListView .stockCardSectionImages {
    width: 55%;
  }
}

@supports (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImagesLink {
      display: grid;
      grid-gap: 5px;
      grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
    }
  }
  @media screen and (min-width: 640px) {
    .stockListView .stockCardImagesLink {
      grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
    }
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardImageWrapper {
    position: relative;
  }
}
@supports (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImageWrapper:nth-child(n) {
      width: auto;
      margin: 0;
    }
  }
}
@supports (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImageWrapper.stockCardImageWrapperHero {
      grid-column: auto/span 2;
      grid-row: auto/span 2;
    }
  }
}

@media screen and (min-width: 768px) {
  .stockListView .stockCardActionWishListWrapper {
    margin-top: 10px;
  }
}

@media screen and (max-width: 767px) {
  .stockListView .stockCardImageWrapper:not([class*=Hero]) {
    display: none;
  }
}

@supports not (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImagesLink {
      display: block;
    }
    .stockListView .stockCardImagesLink:before, .stockListView .stockCardImagesLink:after {
      content: " ";
      display: table;
    }
    .stockListView .stockCardImagesLink:after {
      clear: both;
    }
  }
}
@media screen and (min-width: 768px) {
  .no-flexbox .stockListView .stockCardImagesLink {
    display: block;
  }
  .no-flexbox .stockListView .stockCardImagesLink:before, .no-flexbox .stockListView .stockCardImagesLink:after {
    content: " ";
    display: table;
  }
  .no-flexbox .stockListView .stockCardImagesLink:after {
    clear: both;
  }
}

@supports not (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImageWrapper {
      float: left;
      width: 24.5%;
      margin-right: 1%;
      margin-bottom: 5px;
    }
    .stockListView .stockCardImageWrapper:nth-child(3), .stockListView .stockCardImageWrapper:nth-child(5) {
      margin-right: 0;
    }
  }
}
@media screen and (min-width: 768px) {
  .no-flexbox .stockListView .stockCardImageWrapper {
    float: left;
    width: 24.5%;
    margin-right: 1%;
    margin-bottom: 5px;
  }
  .no-flexbox .stockListView .stockCardImageWrapper:nth-child(3), .no-flexbox .stockListView .stockCardImageWrapper:nth-child(5) {
    margin-right: 0;
  }
}
@supports not (grid-area: auto) {
  @media screen and (min-width: 768px) {
    .stockListView .stockCardImageWrapper.stockCardImageWrapperHero {
      width: 49%;
      margin-right: 1%;
    }
  }
}
@media screen and (min-width: 768px) {
  .no-flexbox .stockListView .stockCardImageWrapper.stockCardImageWrapperHero {
    width: 49%;
    margin-right: 1%;
  }
}

.stockPage .wishListModalWrapper .owl-theme .owl-controls .owl-buttons div {
  display: none;
}
@media screen and (min-width: 768px) {
  .stockPage .wishListModalWrapper .owl-theme .owl-controls .owl-buttons div {
    display: block;
    background-color: transparent;
    position: absolute;
    top: 6%;
    background: none;
    margin: 0;
    padding: 0;
  }
}

.stockPage .wishListModalWrapper .owl-theme .owl-controls .owl-buttons .owl-next {
  right: -22px;
}

.stockPage .wishListModalWrapper .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -22px;
}

.accordionPeekWrapper {
  background-color: #fff;
  position: relative;
  padding: 15px 0;
}

.accordionPeekHeadingWrapper {
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.accordionPeekPaneTextWrapper {
  max-height: 80px;
  overflow: hidden;
  position: relative;
  -webkit-transition: max-height 500ms ease-out;
  transition: max-height 500ms ease-out;
}
.accordionPeekPaneTextWrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 4rem;
  transition: 0.25s;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.92)));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92) 80%);
  left: 0;
  opacity: 1;
}

.accordionPeekPaneText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 0 15px 15px 15px;
  position: relative;
}

.accordionPeekButtonWrapper {
  padding: 0 15px;
}
.accordionPeekButtonWrapper .stockButtonPrimaryBordered::after {
  content: "Read More";
}

.accordionExpanded .accordionPeekPaneTextWrapper {
  -webkit-transition: max-height 500ms ease-in;
  transition: max-height 500ms ease-in;
}
.accordionExpanded .accordionPeekPaneTextWrapper::after {
  background-image: none;
}
.accordionExpanded .stockButtonPrimaryBordered::after {
  content: "Hide Comments";
}

.sdAccordionWrapper {
  background-color: #fff;
}

.sdAccordionTriggerLink {
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sdAccordionTriggerIcon {
  width: 16px;
  height: 16px;
  fill: #000;
  transition: transform 150ms ease-in-out;
  transform: rotate(90deg);
}
.collapsed .sdAccordionTriggerIcon {
  transform: rotate(-90deg);
}

.sdAccordionPaneText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 0 15px 15px 15px;
}

.sdCarouselPrimaryItemsWrapper .owl-item {
  overflow: hidden;
}

.sdCarouselItemHeroImage {
  width: 100%;
}

.sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:before {
  content: "New Arrival. Images Coming Soon!";
  font-size: 16px;
}
@media screen and (min-width: 568px) {
  .sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:before {
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1280px) {
  .sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:before {
    font-size: 32px;
  }
}
.sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:after {
  display: block;
  content: "";
  width: 100%;
  padding-top: 55%;
}
@media screen and (min-width: 568px) {
  .sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:after {
    padding-top: 66.66667%;
  }
}

.sdCarouselNavigatorList {
  display: flex;
  list-style: none;
}

.sdCarouselPrimaryWrapper {
  position: relative;
}

.sdCarouselPrimaryItemsWrapper .owl-pagination, .sdCarouselThumbnailsWrapper .owl-pagination, .stockCardCarouselWrapper .owl-pagination {
  display: none;
}

.sdCarouselPrimaryImage,
.sdCarouselThumbnailsImage {
  display: block;
  width: 100%;
}

.sdCarouselPrimaryItemsWrapper {
  margin-bottom: 10px;
}

.sdCarouselThumbnailsWrapper {
  margin-top: 10px;
}

.sdCollapsibleWrapper {
  background-color: #fff;
  position: relative;
}

.sdCommentsWrapper {
  margin-bottom: 15px;
}

.sdCollapsibleTriggerLink {
  font-size: 14px;
  text-transform: uppercase;
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sdCollapsiblePaneText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  line-height: 22px;
  color: #000;
  padding: 0 15px 15px 15px;
}

.sdCollapsiblePaneIcon {
  width: 16px;
  height: 16px;
  fill: #000;
  transition: transform 150ms ease-in-out;
  transform: rotate(-90deg);
}

.expandedPane {
  max-height: 9999px;
  overflow: visible;
}
.expandedPane.sdCollapsiblePaneIcon {
  transform: rotate(90deg);
}

.compressedPane {
  max-height: 100px;
  overflow: hidden;
}

.sdCollapsiblePaneButtonWrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(80%, rgba(255, 255, 255, 0.92)));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92) 80%);
  left: 0;
  padding: 20px;
  height: 6rem;
}

.sdCollapsiblePaneButton {
  position: absolute;
  bottom: 0.5rem;
}

.feauxWrapperForPrint {
  width: 100%;
}

.stockFeatureRatingWrapper,
.sdRatingWrapper {
  padding: 15px;
  background: #f2f2f2;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}

.sdRatingWrapper {
  padding-left: calc(18px + 6px);
}

.stockRatingText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1.3em;
  color: #000;
  margin-bottom: 5px;
}
.stockRatingText:last-child {
  margin-bottom: 0;
}

.sdRatingText {
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px;
}
.sdRatingText:last-child {
  margin: 0;
}

.starSymbols {
  position: relative;
  display: inline-block;
  font-size: 16px;
}
.starSymbols:after {
  position: absolute;
  top: 0;
  left: 0;
  content: "★★★★★";
  overflow: hidden;
}

.starSymbolsYellow {
  color: #ffc20e;
}

.starSymbolsGreen {
  color: #54bd84;
}

.printOnly {
  display: none;
}

.starRating100:after {
  width: 100%;
}

.starRating90:after {
  width: 90%;
}

.starRating80:after {
  width: 80%;
}

.starRating70:after {
  width: 70%;
}

.starRating60:after {
  width: 60%;
}

.starRating50:after {
  width: 50%;
}

.starRating40:after {
  width: 40%;
}

.starRating30:after {
  width: 30%;
}

.starRating20:after {
  width: 20%;
}

.starRating10:after {
  width: 10%;
}

.starRating0:after {
  width: 0;
}

.sdFeatureItemWrapper {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
}

.sdFeatureIconWrapper {
  width: 20px;
  height: 20px;
}

.sdFeatureIcon {
  width: 20px;
  height: 20px;
  fill: #737373;
  margin-top: -2px;
}

.sdFeatureText {
  font-size: 14px;
  width: 100%;
  margin: 0 0 0 10px;
  display: table-row;
}

.sdFeatureTextKey {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  padding-right: 5px;
  width: 100px;
  display: table-cell;
}

.sdFeatureTextItem {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  padding-right: 5px;
  display: table-cell;
}

.sdFeaturesWrapper {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 15px;
}

.sdHeroDetailsHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 14px;
  color: #000;
  margin: 0;
}
.sdFeaturesWrapper .sdHeroDetailsHeading {
  padding-bottom: 15px;
}

@media screen and (min-width: 1024px) {
  .sdFeaturesColumn {
    width: 50%;
  }
}

.loopitWrapper .sdFormBackgroundWrapper {
  background-color: inherit;
  border: none;
}
.loopitWrapper .homeStockSearch {
  background: none;
}
.loopitWrapper .qs-tab {
  border-right: none;
}
@media screen and (min-width: 640px) {
  .loopitWrapper .qs-tab {
    width: 250px;
  }
}
.loopitWrapper .qs-tab.active {
  background: #002c5f;
}
.loopitWrapper .qs-tab a {
  display: block;
  line-height: 40px;
  color: #fff;
}
.loopitWrapper .stockItemHeading {
  font-size: 18px;
}
.loopitWrapper .slFormNoBackgroundWrapper ul {
  margin: 1em 0;
}
.loopitWrapper .sdFormHeading {
  padding-bottom: 10px;
  font-size: 18px;
}

.sdFormBackgroundWrapper {
  border: 3px solid #e8e8e8;
  background-color: #f7f7f7;
  padding: 15px;
}
.sdFormBackgroundWrapper .form {
  background-color: transparent;
  padding: 0;
}

.sdFormHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 16px;
  color: #000;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .sdFormHeading {
    font-size: 18px;
  }
}

.stockPage .form .information {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
}

/* A fix to override changes with form wrapper styles */
.stockPage .box-form-first-wrapper,
.stockPage .box-form-last-wrapper {
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  .stockPage .box-form-first-wrapper,
.stockPage .box-form-last-wrapper {
    padding: 0.3rem 1rem;
  }
}
.stockPage .qs-wrapper-inner .qs-tab a {
  padding: 0;
  text-align: center;
}
.stockPage .qs-wrapper-outer li {
  margin-bottom: 10px;
}

/* A fix to override finance calculator disclaimer font size */
.footnote p {
  font-size: 14px !important;
}

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

.sdFormInputIcon {
  width: 22px;
  height: 22px;
  position: relative;
  transform: rotate(0deg);
  background-color: #002c5f;
  border-radius: calc(22px / 2);
  margin-left: 10px;
  transition: transform 0.3s;
}
.sdFormInputIcon::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  border-bottom: solid 2px #fff;
  transform: rotate(90deg);
}
.sdFormInputIcon::after {
  content: "";
  position: absolute;
  width: 14px;
  height: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: solid 2px #fff;
  margin: auto;
}
.collapsed .sdFormInputIcon {
  transform: rotate(-180deg);
}
.collapsed .sdFormInputIcon::before {
  width: 14px;
  transition: width 0.3s;
}

.indexPage .sdFormCtaLink:nth-child(n) {
  margin-bottom: 0;
}

.sdFormCtasWrapper {
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

.sdFormCtaLink {
  cursor: pointer;
  display: flex;
  justify-content: left;
  align-items: center;
  background-color: white;
  border: 3px solid #002c5f;
  border-radius: 0;
  padding: 10px 5px;
  -webkit-transition: background-color 150ms ease-in;
  -moz-transition: background-color 150ms ease-in;
  -ms-transition: background-color 150ms ease-in;
  -o-transition: background-color 150ms ease-in;
  transition: background-color 150ms ease-in;
  width: 100%;
  margin-right: 0%;
  margin-bottom: 2%;
}
.sdFormCtaLink:nth-child(n) {
  margin-right: 0%;
  margin-bottom: 2%;
}
.sdFormCtaLink:nth-child(1n) {
  margin-right: 0;
  margin-bottom: 2%;
}
@media screen and (min-width: 568px) {
  .sdFormCtaLink {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(n) {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(3), .sdFormCtaLink:nth-child(4) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .sdFormCtaLink {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(n) {
    margin-right: 0%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(1n) {
    margin-right: 0;
    margin-bottom: 2%;
  }
}
@media screen and (min-width: 1280px) {
  .sdFormCtaLink {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(n) {
    margin-right: 2%;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(2n) {
    margin-right: 0;
    margin-bottom: 2%;
  }
  .sdFormCtaLink:nth-child(3), .sdFormCtaLink:nth-child(4) {
    margin-bottom: 0;
  }
}
.sdFormCtaLink:last-child {
  margin-bottom: 0;
}
.sdFormCtaLink:hover {
  background-color: #f2f2f2;
}

.sdFormCtaIcon {
  fill: #002c5f;
  width: 37px;
  height: 37px;
  transition: transform 150ms ease-in-out;
  transform: scale(1);
}
.sdFormCtaLink:hover .sdFormCtaIcon {
  transform: scale(1.15);
}

.sdFormCtaText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  color: #002c5f;
  margin: 0 0 0 4px;
}

.sdFormPowerTorqueWrapper,
.sdCustomCtaWrapper {
  display: flex;
  flex-flow: column;
  margin-top: 10px;
}
.sdFormPowerTorqueWrapper .sdFormPowerTorqueButton,
.sdCustomCtaWrapper .sdFormPowerTorqueButton {
  border: none;
  padding: initial;
  width: 100%;
}
.sdFormPowerTorqueWrapper .sdFormPowerTorqueButton .sdFormPowerTorqueFinance,
.sdCustomCtaWrapper .sdFormPowerTorqueButton .sdFormPowerTorqueFinance {
  width: 100%;
}
.sdFormPowerTorqueWrapper .sdCustomCta,
.sdCustomCtaWrapper .sdCustomCta {
  width: 100%;
}

.sdFormHeadingWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.sdFormHeadingCtasWrapper {
  display: flex;
}

.sdFormHeadingCtaIcon {
  fill: #002c5f;
  width: 22px;
  height: 22px;
  transform: scale(1);
  transition: fill 150ms ease-out, transform 250ms ease-in-out;
}
.sdFormHeadingCtaLink:hover .sdFormHeadingCtaIcon {
  transform: scale(1.15);
}

.sdFormHeadingCtaText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  color: #000;
  display: block;
  -webkit-transition: color 150ms ease-in;
  -moz-transition: color 150ms ease-in;
  -ms-transition: color 150ms ease-in;
  -o-transition: color 150ms ease-in;
  transition: color 150ms ease-in;
}
.sdFormHeadingCtaLink:hover .sdFormHeadingCtaText {
  color: #002c5f;
}

.sdFormHeadingCtaLink {
  width: 50px;
}

.sdActionWishListForm .imFormInputLabelWish {
  width: 65px;
}

.sdFormHeadingCtaLink,
.sdFormHeadingCtasWrapper .imFormInputLabelWish {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sdFormHeadingCtaText,
.sdFormHeadingCtasWrapper .stockActionWishListText {
  margin-top: 5px;
  line-height: 13px;
}

.sdFormHeadingCtasWrapper .stockActionWishListIcon {
  top: 1px;
}

.sdActionWishListLink {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background-color: #002c5f;
  border-radius: 0;
  padding: 6px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: background-color 150ms ease-in-out;
}
.sdActionWishListLink:hover, .sdActionWishListLink:focus {
  color: #fff;
  background-color: #001b3b;
}
.sdActionWishListLink:hover .wishListIcon, .sdActionWishListLink:focus .wishListIcon {
  transform: scale(1.2);
}
.sdActionWishListLink .wishListIcon {
  width: 12px;
  height: 12px;
  top: 0;
  fill: #fff;
  margin: 2px 0 4px 0;
  transform: scale(1);
  transition: transform 150ms ease-in-out;
}

body.modalFormActive {
  overflow: hidden;
}

.sdModalFormsWrapper {
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.sdModalFormsWrapper.formActive {
  visibility: visible;
  opacity: 1;
  position: fixed;
  width: 100%;
  z-index: 200;
  top: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stockPage .ui-datepicker {
  z-index: 201 !important;
}

.sdModalFormsBackground {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  width: 100%;
  z-index: 0;
  top: 0;
  bottom: 0;
}

.sdModalFormWrapper {
  max-width: 900px;
  z-index: 1;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  position: relative;
  top: 40px;
  transition: top 150ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .sdModalFormWrapper {
    max-height: 94%;
    box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.3);
  }
}
.formActive .sdModalFormWrapper {
  top: 0;
}

.sdModalFormBodyWrapper {
  background-color: #f7f7f7;
}

.sdModalFormSummaryWrapper,
.sdModalFormBodyWrapper {
  display: none;
}
.sdModalFormSummaryWrapper.formActive,
.sdModalFormBodyWrapper.formActive {
  display: block;
}

.stockDetailsPage .form > h2 {
  display: none;
}

.stockFormPaymentLogoLink {
  display: block;
}

.payment-methods {
  display: flex;
}

.stockFormPaymentLogo {
  height: 24px;
  width: auto;
  margin: 5px 20px 5px 0;
  filter: grayscale(1);
}
.stockFormPaymentLogo:hover {
  cursor: pointer;
  filter: none;
}

.stockDetailsFormFinanceCalc {
  padding-top: 60px;
}

.stockBuyOnlineFormTextWrapper {
  padding: 10px;
  background-color: #fff;
  border: 1px solid black;
  margin: 10px 0 0;
}

.stockBuyOnlineFormText {
  font-size: 14px;
  margin: 0;
}

.stockFormAccordionLink {
  display: block;
  padding: 10px 0;
}
.stockFormAccordionLink legend {
  color: #002c5f;
  padding: 0;
}

.stockFormAccordionText {
  background-color: #fff;
  padding: 10px;
}

.stockFormAccordionIcon {
  width: 10px;
  height: 10px;
  fill: #002c5f;
  transition: transform 150ms ease-in-out;
  transform: rotate(90deg);
}
.collapsed .stockFormAccordionIcon {
  transform: rotate(-90deg);
}

.stockFormBuySuccess {
  padding: 10px;
  font-size: 13px;
  color: #000;
}

.StripeElement {
  box-sizing: border-box;
  height: 38px;
  padding: 0.8em 0.6em;
  margin-top: 5px;
  color: #777;
  background-color: #fff;
  display: inline-block;
  border: 1px solid #e8e8e8;
  border-radius: 3px;
  width: 100%;
  box-shadow: inset 0 1px 3px #ddd;
  transition: 0.3s linear border;
  -webkit-transition: 0.3s linear border;
}

.StripeElement--focus {
  box-shadow: inset 0 1px 3px #ddd;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

.StripeElement .ElementsApp input {
  font-family: "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 14px !important;
}

.modalFormSummaryHeadingWrapper {
  padding-left: 10px;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  position: fixed;
  max-width: 900px;
  width: 100%;
  padding-right: 15px;
  z-index: 9999;
}

.modalFormSummaryHeadingText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}

.modalFormSummaryTriggerWrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  cursor: pointer;
}
.modalFormSummaryTriggerWrapper:hover .iconCloseCircle {
  color: #fff;
  fill: #002c5f;
}
.modalFormSummaryTriggerWrapper .iconCloseCircle {
  width: 25px;
  height: 25px;
  color: #000;
  fill: #fff;
  margin-left: 6px;
  cursor: pointer;
}

.modalFormSummaryTriggerText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 0;
}

.modalFormSummaryBodyWrapper {
  background-color: #ebebec;
  padding: 8px;
  border: 1px solid #d9d9d9;
  display: flex;
  padding-top: 60px;
}

.modalFormSummaryRow {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .modalFormSummaryRow {
    flex-direction: row;
  }
}

.modalFormSummaryImage {
  margin: 0;
}

.modalFormSummaryColumn:last-child {
  padding-left: 0;
}
@media screen and (min-width: 768px) {
  .modalFormSummaryColumn:last-child {
    padding-left: 10px;
  }
}

.modalFormSummaryText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .modalFormSummaryText {
    font-size: 14px;
  }
}

.modalFormSummaryHeading,
.modalFormSummaryPrice,
.modalFormSummaryPricePerWeek {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

.modalFormSummaryPrice,
.modalFormSummaryPricePerWeek {
  font-size: 18px;
}

.modalFormSummaryPrice {
  color: #002c5f;
}

.modalFormSummaryPriceNoteText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 10px;
  text-transform: uppercase;
  color: #000;
}

.modalFormSummaryFeaturesWrapper {
  display: flex;
  flex-wrap: wrap;
}

.modalFormSummaryFeaturesWrapper .modalFormSummaryText {
  color: #000;
  margin: 0;
  border-right: 1px solid #b2b2b2;
  margin-right: 4px;
  padding-right: 4px;
}
.modalFormSummaryFeaturesWrapper .modalFormSummaryText:last-child {
  border: 0;
}

.sdPricesWrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .sdPricesWrapper {
    justify-content: flex-end;
    width: auto;
    margin-left: 15px;
  }
}

.sdPricesRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 3px;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .sdPricesRow {
    margin-top: 0;
  }
}

.stockItemPricesRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.stockButtonSecondaryRow {
  margin: 0 25px 4px 25px;
}
@media screen and (min-width: 420px) {
  .stockButtonSecondaryRow {
    margin: 0 25px;
  }
}

.sdColumnsWrapper {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .sdColumnsWrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.sdColumnsHeroWrapper,
.sdColumnsBadgesWrapper {
  background-color: #fff;
}

.sdColumn {
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .sdColumn {
    width: 50%;
    margin-bottom: 0;
  }
}

@media screen and (min-width: 1024px) {
  .sdColumnPrimary {
    width: 58%;
  }
}

@media screen and (min-width: 1024px) {
  .sdColumnSecondary {
    width: 42%;
  }
}

@media screen and (min-width: 768px) {
  .sdColumnForm {
    padding: 0 15px 15px 15px;
  }
}

@media screen and (min-width: 768px) {
  .sdColumnLocations {
    padding-left: 15px;
  }
}

.sdLocationWrapper {
  background-color: #fff;
  padding: 15px;
}

.sdDealerPromoWrapper,
.sdLocationDetailsWrapperr {
  padding-bottom: 15px;
}

.sdDealerPromoWrapper {
  border-bottom: 2px solid #e8e8e8;
}

.sdLocationButtonsWrapper {
  display: flex;
  gap: 10px;
}

.stockButtonPrimary.stockButtonPrimaryLocationMap {
  font-size: 14px;
  padding: 10px 25px;
}

.sdLocationHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #000;
  text-transform: uppercase;
  margin: 15px 0;
}

.sdLocationItemWrapper {
  display: flex;
  align-items: flex-start;
  margin: 0 0 15px 0;
}

.sdLocationTextIcon {
  width: 20px;
  height: 20px;
  fill: #002c5f;
  margin-right: 20px;
}

.sdLocationTextPhone {
  color: #002c5f;
  font-size: 16px;
}

.sdLocationTextLink {
  color: #002c5f;
  font-size: 16px;
}

.sdLocationText {
  font-size: 14px;
  color: #000;
  display: flex;
  flex-direction: column;
}

.sdLocationTextItem {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7px;
}

.sdLocationTextKey {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  margin-right: 30px;
}

.sdLocationTextValue {
  font-size: 13px;
}

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

.sdDealerImageWrapper {
  width: 50px;
  height: 50px;
  border: 3px solid #002c5f;
  border-radius: 50%;
  overflow: hidden;
}

.sdDealerSubHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  text-transform: uppercase;
  margin: 0;
}

.sdDealerHeading {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 23px;
  margin: 0;
}

.sdDealerRatingsWrapper {
  margin-top: 20px;
  border-bottom: 2px solid #e8e8e8;
  display: flex;
}

.sdDealerRating {
  display: flex;
}

.stockDetailsBackSocialWrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.sdHeaderSocialLink {
  padding-left: 10px;
  color: #000;
  cursor: pointer;
}

.sdHeaderSocialText {
  font-size: 12px;
  color: #000;
  transition: color 150ms ease-in-out, transform 250ms ease-in-out;
  display: block;
}
.sdHeaderSocialLink:hover .sdHeaderSocialText {
  color: #002c5f;
  transform: scale(1.2);
}

.sdHeaderSocialIcon {
  fill: #000;
  width: 20px;
  height: 20px;
  display: block;
  background-color: inherit;
  transform: scale(1);
  transition: fill 150ms ease-out, transform 250ms ease-in-out;
}
@media screen and (min-width: 768px) {
  .sdHeaderSocialIcon {
    width: 24px;
    height: 24px;
  }
}
.sdHeaderSocialLink:hover .sdHeaderSocialIcon {
  fill: #002c5f;
  transform: scale(1.2);
}

.sdButtonBackLink {
  display: flex;
  align-items: center;
  transform: scale(1);
  transform-origin: left center;
  transition: transform 150ms ease-in-out;
}
.sdButtonBackLink:hover {
  transform: scale(1.1);
}

.sdButtonBackIcon {
  fill: #002c5f;
  width: 28px;
  height: 28px;
}

.sdButtonBackText {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #002c5f;
  margin: 0 0 0 10px;
}

.sdModelPromoCarlyWrapper {
  background-color: #000;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 20px;
}
@media screen and (min-width: 1024px) {
  .sdModelPromoCarlyWrapper {
    flex-direction: row;
    align-items: center;
    padding: 15px;
  }
}

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

@media screen and (min-width: 1024px) {
  .sdPromoCarlyHeadingWrapper {
    width: 35%;
  }
}

.sdPromoCarlyLogo {
  align-self: flex-start;
  margin: 0;
}

.sdPromoCarlyTextPrice {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 20px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  margin: 0;
  padding-left: 20px;
  width: 100%;
}

.sdPromoCarlyText {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  line-height: 24px;
  margin: 0;
  padding-right: 15px;
}

.sdPromoCarlyTextWrapper {
  padding: 15px 0;
}
@media screen and (min-width: 1024px) {
  .sdPromoCarlyTextWrapper {
    width: 45%;
    padding: 0 0 0 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}

.sdPromoCarlyLink {
  padding: 10px 20px;
  margin-top: 10px;
}

.sdPromoCarlyButtonWrapper {
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .sdPromoCarlyButtonWrapper {
    width: 20%;
  }
}

.sdColumnBadges {
  padding: 15px;
}

@media screen and (min-width: 768px) {
  .sdColumnSpecials {
    padding-left: 15px;
  }
}

.sdPromoItemImage {
  margin: 0;
  width: auto;
}

.stockDetailsSectionHeading {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 30px;
  margin: 35px auto;
  text-align: center;
}

.sdSpecificationsList {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 568px) {
  .sdSpecificationsList {
    column-count: 2;
    column-gap: 40px;
  }
}

.sdSpecificationsItem {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
  color: #000;
  list-style: none;
  page-break-inside: avoid;
  border-bottom: 1px solid #cccccc;
  vertical-align: middle;
  padding: 0 0 5px 0;
  margin-bottom: 5px;
}

@media print {
  body {
    max-width: inherit;
    margin: 0;
  }
  .stockPage {
    background-color: #fff;
  }
  .nav-primary-mobile-wrapper {
    display: none;
  }
  .stockDetailsBackSocialWrapper {
    display: none;
  }
  .sdColumn:nth-child(1) {
    margin-bottom: 0;
  }
  .sdColumnsWrapper {
    display: flex;
    flex-direction: column;
  }
  .sdColumnPrimary {
    order: 2;
  }
  .stockCardImageMissingHero {
    width: 49%;
    position: relative;
  }
  .sdCarouselPrimaryItemsWrapper.stockCardImageMissingHero:after {
    padding-top: 70%;
  }
  .lesaVideo[data-url],
.lesaVideo[data-url] img,
.stockPage .xcite-les-video.has-video,
.stockPage .xcite-les-video.has-video img {
    display: none;
  }
  .sdColumnLocations {
    width: 50%;
    position: absolute;
    top: 86px;
    right: 0;
  }
  .stockButtonSecondaryRow,
.stockItemPriceQualifierText {
    display: none;
  }
  .sdCarouselPrimaryWrapper {
    overflow: hidden;
  }
  .sdCarouselPrimaryWrapper .owl-controls {
    display: none;
  }
  .stockPage .owl-buttons {
    display: none;
  }
  .stockItemPriceWrapper {
    display: none;
  }
  .stockItemPriceWrapper:nth-child(1) {
    display: block;
    margin-left: 0;
  }
  .sdCarouselPrimaryItemsWrapper {
    margin-bottom: 0;
  }
  .sdCarouselPrimaryItemsWrapper .owl-item {
    display: none;
  }
  .sdCarouselPrimaryItemsWrapper .owl-item:nth-child(1) {
    display: block;
    width: 50% !important;
  }
  .stockPage .sdCarouselThumbnailsWrapper {
    overflow: hidden;
    display: none !important;
  }
  .sdColumnForm {
    display: none;
  }
  .stockDetailsItemWrapper {
    display: flex;
    position: relative;
    flex-direction: column;
  }
  .sdHeadingWrapper {
    margin: 0;
    width: inherit;
  }
  .stockItemHeading {
    color: #fff;
  }
  .sdHeadingPriceWrapper {
    flex: 1 100%;
    background-color: #002c5f;
    justify-content: space-between;
  }
  .stockItemPriceNoteText {
    color: #fff;
  }
  .stockItemPriceText {
    color: #fff;
  }
  .stockItemPrice {
    color: #fff;
  }
  .sdColumnsHeroWrapper {
    height: fit-content;
  }
  .sdModelPromoCarlyWrapper {
    display: none;
  }
  .sdColumnsBadgesWrapper {
    display: none;
  }
  .stockDetailsSectionHeadingWrapper {
    display: none;
  }
  .stockPage .stockDetailsSectionSimilar {
    display: none;
  }
  .sdFeaturesWrapper {
    background-color: #fff;
    -webkit-print-color-adjust: exact;
    border-bottom: 0;
    margin-bottom: 0;
  }
  .sdFeaturesWrapper .sdHeroDetailsHeading {
    color: #000;
  }
  .sdCommentsWrapper {
    margin-bottom: 0;
  }
  .stockFeatureItemWrapper {
    margin: 0;
  }
  .stockFeatureItemWrapper:last-child {
    margin-bottom: 0;
  }
  .stockFeatureText.stockFeatureTextKey {
    margin-right: 5px;
    font-weight: bold;
    width: 80px;
  }
  .stockFeatureText {
    font-size: 12px;
    line-height: 18px;
  }
  .stockFeaturesList {
    margin-top: 10px;
    column-count: 2;
    column-rule-color: #d9d9d9;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-gap: 10px;
  }
  .feauxWrapperForPrint {
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding-left: 20px;
  }
  .sdRatingWrapper {
    font-weight: bold;
    padding: 0;
    margin: 0;
    background: transparent;
    border: 0;
  }
  .sdRatingText {
    margin-top: 0;
  }
  .printName {
    font-weight: bold;
  }
  .accordionPeekHeadingWrapper,
.sdAccordionTriggerLink {
    background-color: #002c5f;
  }
  .accordionPeekPaneText,
.sdAccordionPaneText {
    font-size: 12px;
    padding: 15px;
  }
  .printOnlyDealerText {
    margin: 0;
  }
  .printOnlyDealerText.printPhone {
    font-size: 16px;
    font-weight: bold;
  }
  .accordionPeekPaneTextWrapper {
    max-height: inherit;
  }
  .accordionPeekPaneTextWrapper::after {
    content: none;
    background-image: none;
  }
  .accordionPeekButtonWrapper {
    display: none;
  }
  .collapse {
    display: block !important;
    height: auto !important;
  }
  .sdHeroDetailsHeading {
    color: #fff;
  }
  .sdAccordionTriggerIcon {
    display: none;
  }
  .sdSpecificationsList {
    column-count: 3;
    column-rule-color: #d9d9d9;
    column-rule-style: solid;
    column-rule-width: 1px;
    column-gap: 15px;
  }
  .sdLocationItemWrapper .stockButtonPrimaryCompact {
    display: none;
  }
  .sdLocationMapWrapper {
    display: none;
  }
  .sdSpecificationsItem {
    font-size: 12px;
  }
}
@media print {
  footer,
.footer,
.nav-mobile,
.header-wrapper,
.heading-wrapper,
#sliderWrapper,
.compare-module-wrapper,
.sl-compare-wrapper,
.sd-col.sd-col-sm,
.owl-item.loading,
.rb-disclaimer,
.owl-controls {
    display: none !important;
  }
  @page {
    size: 21cm 29.7cm;
    margin: 0.64cm;
  }
  .owl-wrapper-outer.autoHeight {
    height: auto !important;
  }
  img {
    display: block !important;
    height: auto !important;
  }
  .owl-wrapper {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
  }
  .owl-wrapper {
    width: auto !important;
  }
}
.carly .banner-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .carly .banner-wrapper {
    display: block;
    position: relative;
  }
}
.carly .panel-default {
  display: none;
}
.carly .carly-banner-image {
  width: 100%;
  height: 880px;
  object-fit: cover;
  object-position: left bottom;
}
.carly .carly-banner-text-overlay {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.carly .carly-page-head-wrapper {
  max-width: 800px;
  position: absolute;
  width: 80%;
  left: 50%;
  transform: translateX(-40%);
  top: 15%;
}
.carly .carly-page-head-wrapper {
  display: none;
}
@media screen and (min-width: 768px) {
  .carly .carly-page-head-wrapper {
    display: block;
  }
  .carly .carly-page-head-wrapper h1.carly-page-head {
    color: #fff;
    font-size: 50px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .carly .carly-page-head-wrapper h3.carly-page-subheading {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .carly .carly-page-head-wrapper p.carly-paragraph {
    color: #fff;
    font-size: 18px;
    margin-top: 0;
    font-weight: bold;
  }
}
.carly .carly-overview-wrapper {
  background: #111;
  color: #fff;
  padding: 20px 0px;
}
.carly .co-heading {
  text-align: center;
}
.carly .co-heading-span-text {
  display: inline-block;
  color: #fff;
}
.carly .co-heading-span-image {
  display: inline-block;
  vertical-align: middle;
}
.carly .co-text {
  text-align: center;
  max-width: 450px;
  margin: auto;
  margin-bottom: 40px;
  font-size: 20px;
}
.carly .co-list {
  letter-spacing: -0.31em;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  padding: 10px;
  background: white;
  color: #111;
  margin: auto;
}
.carly .co-item {
  display: inline-block;
  width: 100%;
  letter-spacing: normal;
  vertical-align: text-top;
  text-align: center;
  padding: 2%;
}
@media screen and (min-width: 1024px) {
  .carly .co-item {
    width: 25%;
  }
}
.carly h3.co-item-heading {
  margin-top: 0;
  font-weight: 700;
}
.carly .carly-subscription-info-wrapper {
  text-align: center;
  padding: 20px 0px;
}
.carly .carly-subscription-info-wrapper h2.csi-heading {
  color: #143642;
  font-weight: 700;
}
.carly .carly-subscription-info-wrapper h3.csi-sub-heading {
  color: #143642;
  font-weight: 700;
  font-size: 17px;
}
.carly .carly-section-seperator {
  border-top: 1px solid #e8e8e8;
}
.carly .carly-how-it-works-wrapper {
  text-align: center;
  padding: 20px 0px;
  background: #f5f4fa;
}
.carly .chiw-heading {
  color: #143642;
}
.carly .chiw-text {
  max-width: 450px;
  margin: auto;
  margin-bottom: 40px;
}
.carly .chiw-list {
  letter-spacing: -0.31em;
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  padding: 10px;
  color: #111;
  margin: auto;
}
.carly .chiw-item {
  display: inline-block;
  width: 100%;
  letter-spacing: normal;
  vertical-align: text-top;
  text-align: center;
  padding: 2%;
}
@media screen and (min-width: 1024px) {
  .carly .chiw-item {
    width: 25%;
  }
}
.carly .chiw-item-heading {
  color: #143642;
  font-weight: 700;
  font-size: 17px;
  padding-top: 0;
}
.carly .carly-compare-subscription-wrapper {
  text-align: center;
  padding: 20px 0px;
}
.carly .ccs-heading {
  color: #143642;
  padding-bottom: 15px;
}
.carly .ccs-table-wrapper {
  max-width: 650px;
  margin: auto;
}
.carly .ccs-table {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  text-align: left;
}
.carly .ccs-table-td {
  border: 2px solid #666;
  padding: 15px 10px;
}
.carly .ccs-table-td-bold {
  font-weight: 700;
}
.carly .ccs-table-td-tick {
  color: #00b9a3;
  border: 3px solid #00b9a3;
  padding: 5px 7px;
  border-radius: 100%;
  margin: auto;
}
.carly .ccs-table-td-cross {
  color: #f84a48;
  border: 3px solid #f84a48;
  padding: 5px 7px;
  border-radius: 100%;
}

.carly-more-info-wrapper {
  text-align: center;
  padding: 20px 0px;
}

.cmi-heading {
  color: #143642;
  padding-bottom: 15px;
}

.cmi-text {
  max-width: 550px;
  margin: auto;
}

.carly-enquiry-form-wrapper {
  padding: 20px 0px;
}
.carly-enquiry-form-wrapper .success {
  text-align: center;
}

.carly-enquiry-form-wrapper h2 {
  font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  display: block;
  text-transform: capitalize;
  font-size: 30px;
  color: #585858;
  border-bottom: 1px solid #e8e8e8;
}

.carly.loading {
  position: relative;
}
.carly.loading:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  content: " ";
  background-image: url("https://s3-ap-southeast-2.amazonaws.com/assets.i-motor.com.au/images/loader5.gif");
  background-position: 50% 50%;
  background-size: 50px;
  background-repeat: no-repeat;
}

.carly-lead-iframe .fancybox-close {
  width: 50px;
  height: 50px;
  top: -2px;
  right: 0px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 35 35'%3E%3Cpath fill='%23ffffff' d='M28.4,7.9l-2.2-2.1l-8.7,9.5L8.8,5.8L6.6,7.9l8.9,9.6l-8.9,9.6l2.2,2.1l8.7-9.5l8.7,9.5l2.2-2.1l-8.9-9.6L28.4,7.9z'/%3E%3Cpath /%3E%3C/svg%3E");
  background-color: #bb162b;
  background-repeat: no-repeat;
  background-size: 47%;
  background-position: center center;
}

.carly-subscription-details a:hover {
  color: #fff;
}

.carly-subscribe-btn.button-brand.pure-button {
  background-color: #e11e26;
}
.carly-subscribe-btn.button-brand.pure-button:hover {
  background-color: #9b1224;
}

.stock-page .carly-container {
  padding: 15px 20px;
  background: #000;
}

.stockPage .carly-container {
  padding: 15px 20px;
  background: #000;
}

.carly-logo {
  display: block;
  float: left;
}

.carly-subscribe-vehicle {
  background: #000;
}

.carly-subscribe-btn {
  margin-top: -35px;
  float: right;
}

.carly-top {
  margin-top: 15px;
}

.carly-background {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .carly-background {
    width: 48%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
}

.carly-subscribe .sl-heading-model {
  color: #fff;
}
.carly-subscribe .sd-summary-wrapper .sd-summary-group2 .sl-heading-model {
  color: #000;
}
.carly-subscribe .sl-heading-model-wrapper {
  background-color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (min-width: 568px) {
  .carly-subscribe .sl-heading-model-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .carly-subscribe .sl-heading-model-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 880px) {
  .carly-subscribe .sl-heading-model-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.carly-white-text {
  display: inline-block;
  color: #fff;
  margin-top: 20px;
}
.carly-white-text ul {
  margin-top: -8px;
}
.carly-white-text li {
  line-height: 1.3em;
}

.carly-search-results {
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 5px;
}
@media screen and (min-width: 568px) {
  .carly-search-results {
    padding-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .carly-search-results {
    padding-top: 5px;
  }
}
@media screen and (min-width: 880px) {
  .carly-search-results {
    padding-top: 0;
  }
}

.carly-search-results-img {
  margin: 0;
  height: 24px;
  padding-right: 5px;
  width: 65px;
}

.carly-search-results-text {
  font-size: 12px;
  color: #fff;
}

.carly-lead-iframe .fancybox-close {
  width: 35px;
  height: 35px;
}
@media screen and (min-width: 1020px) {
  .carly-lead-iframe .fancybox-close {
    width: 50px;
    height: 50px;
  }
}

.stockPage .sdModalFormWrapper input[type=checkbox],
.stockPage .sdModalFormWrapper input[type=radio],
.stockPage .stockListSection input[type=checkbox],
.stockPage .stockListSection input[type=radio] {
  position: relative;
  margin: 0;
  opacity: 1;
}
.stockPage .sdModalFormWrapper input[type=text],
.stockPage .sdModalFormWrapper input[type=password],
.stockPage .sdModalFormWrapper input[type=tel],
.stockPage .sdModalFormWrapper input[type=email],
.stockPage .sdModalFormWrapper input[type=number],
.stockPage .sdModalFormWrapper input[type=date],
.stockPage .stockListSection input[type=text],
.stockPage .stockListSection input[type=password],
.stockPage .stockListSection input[type=tel],
.stockPage .stockListSection input[type=email],
.stockPage .stockListSection input[type=number],
.stockPage .stockListSection input[type=date] {
  height: auto;
}
.stockPage .success {
  padding: 30px 80px;
}
.stockPage .success p {
  font-size: 18px;
  font-weight: bold;
  line-height: 34px;
  text-align: center;
}
.stockPage .success a {
  text-decoration: underline;
  color: #002c5f;
}
.stockPage .sdModalFormWrapper {
  background-color: white;
}
.stockPage .sdModalFormWrapper .ui-slider-range {
  height: 4px;
}
.stockPage .sdModalFormWrapper input[type=checkbox],
.stockPage .sdModalFormWrapper input[type=radio] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
.stockPage .sdModalFormWrapper [data-form-url$="stock_buyonline.asp"] input[type=checkbox],
.stockPage .sdModalFormWrapper [data-form-url$="stock_buyonline.asp"] input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
}
.stockPage .sdModalFormWrapper .tick-wrapper {
  margin-top: 5px;
}
.stockPage .sdModalFormWrapper legend {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 14px;
  display: block;
  width: 100%;
  padding: 0.6em 0 0 0;
  margin-bottom: 0;
  color: #000;
}
.stockPage .sdModalFormWrapper label {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  display: inline-block;
  margin: 0.3em 0 0.2em;
  color: #000;
}
.stockPage .sdModalFormWrapper input[type=text],
.stockPage .sdModalFormWrapper input[type=password],
.stockPage .sdModalFormWrapper input[type=email],
.stockPage .sdModalFormWrapper input[type=url],
.stockPage .sdModalFormWrapper input[type=date],
.stockPage .sdModalFormWrapper input[type=month],
.stockPage .sdModalFormWrapper input[type=time],
.stockPage .sdModalFormWrapper input[type=datetime],
.stockPage .sdModalFormWrapper input[type=datetime-local],
.stockPage .sdModalFormWrapper input[type=week],
.stockPage .sdModalFormWrapper input[type=number],
.stockPage .sdModalFormWrapper input[type=search],
.stockPage .sdModalFormWrapper input[type=tel],
.stockPage .sdModalFormWrapper input[type=color],
.stockPage .sdModalFormWrapper select,
.stockPage .sdModalFormWrapper textarea {
  font: normal 14px "Helvetica Neue", Arial, sans-serif;
  color: #777;
  display: inline-block;
  padding: 0.8em 0.6em;
  border: 1px solid #dcdcdc;
  width: 100%;
  transition: 0.3s linear border;
}
.stockPage .sdModalFormWrapper input:not([type]) {
  padding: 0.5em 0.6em;
  display: inline-block;
  border: 1px solid #ccc;
}
.stockPage .sdModalFormWrapper input[type=color] {
  padding: 0.2em 0.5em;
}
.stockPage .sdModalFormWrapper fieldset {
  margin: 0;
  padding: 0.35em 0 0.75em;
  border: 0;
}
.stockPage .sdModalFormWrapper .box-form-first-wrapper {
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  .stockPage .sdModalFormWrapper .box-form-first-wrapper {
    padding: 0.3rem 1rem;
  }
}
.stockPage .sdModalFormWrapper .box-form-last-wrapper {
  padding: 0.5rem;
}
@media screen and (min-width: 768px) {
  .stockPage .sdModalFormWrapper .box-form-last-wrapper {
    padding: 0.3rem 1rem;
  }
}
.stockPage .sdModalFormWrapper .box-form-first-sm {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .stockPage .sdModalFormWrapper .box-form-first-sm {
    padding: 0.3rem 0.5rem 0.3rem 0;
  }
}
.stockPage .sdModalFormWrapper .box-form-last-sm {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .stockPage .sdModalFormWrapper .box-form-last-sm {
    padding: 0.3rem 0 0.3rem 0.5rem;
  }
}
.stockPage .sdModalFormWrapper .modalFormSummaryHeadingText {
  text-transform: none;
}
.stockPage .sdModalFormWrapper .stock__finance_calculator_framed {
  background-color: #f1f2f5;
}
@media print {
  .stockPage .l-header-wrap,
.stockPage .l-footer-wrap {
    display: none;
  }
}

.brand-certified-pill {
  width: 170px !important;
  padding-top: 10px;
}
@media screen and (min-width: 768px) {
  .sdFeaturesWrapper .brand-certified-pill {
    margin: 2% auto auto 0;
  }
}

.slFormCategoryWrapper {
  display: none;
}

.stockCardSectionHeader {
  order: 1;
}

.stockCardSectionCertification {
  order: 3;
}

.stockCardSectionImages {
  order: 2;
}

.stockCardSectionBody {
  order: 4;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

.modal-content {
  max-width: 700px;
  width: 700px;
  background-color: white;
  margin: auto;
  border: 0;
}
.modal-content .hmlc-link {
  color: #002c5f;
}
.modal-content .certified-modal-hero {
  margin-bottom: 10px;
}
.modal-content .certified-modal-logo {
  width: 220px;
  float: right;
}
.modal-content .certified-modal-heading {
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 22px;
}
.modal-content .certified-modal-disclaimer {
  margin-top: 10px;
  font-size: 12px;
}
.modal-content .certified-modal-list {
  list-style: none;
}
.modal-content .certified-modal-list-item {
  font-family: "Hyundai Sans Regular", Arial, Helvetica, sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
.modal-content .certified-modal-list-item::before {
  content: "✓ ";
  color: #54bd84;
}

.imFormInputColumn:nth-child(n) {
  margin-right: 0 !important;
}

@media screen and (min-width: 768px) {
  .imFormInputColumn:not(:last-child) {
    margin-right: 1.5% !important;
  }
}

.imFormInputColumn.slFormBrandCertifiedWrapper .imFormInputLabel {
  display: none;
}
.imFormInputColumn.slFormBrandCertifiedWrapper .imFormInputLabel.imFormBrandCertified {
  display: flex;
  flex-direction: row;
}
.imFormInputColumn.slFormBrandCertifiedWrapper .slFormChecksCustomWrapper .slFormCheckCustomText {
  display: none;
}
.imFormInputColumn.slFormBrandCertifiedWrapper .slFormCheckCustomLabel.imFormInputLabel {
  background-color: inherit;
}
.imFormInputColumn.slFormBrandCertifiedWrapper .slFormChecksCustomWrapper {
  flex-flow: nowrap;
  align-items: center;
  justify-content: inherit;
}
.imFormInputColumn.slFormBrandCertifiedWrapper .stockSearchFormLogo {
  max-width: 180px;
}

.national-capital-hyundai .sdFormCtaLink:nth-child(1),
.bega-valley-hyundai .sdFormCtaLink:nth-child(1),
.lakeside-hyundai .sdFormCtaLink:nth-child(1),
.harrison-hyundai .sdFormCtaLink:nth-child(1) {
  display: none;
}
.national-capital-hyundai .sdFormCtaLink:nth-child(2),
.bega-valley-hyundai .sdFormCtaLink:nth-child(2),
.lakeside-hyundai .sdFormCtaLink:nth-child(2),
.harrison-hyundai .sdFormCtaLink:nth-child(2) {
  margin-right: 2%;
}
.national-capital-hyundai .sdFormCtaLink:nth-child(3),
.bega-valley-hyundai .sdFormCtaLink:nth-child(3),
.lakeside-hyundai .sdFormCtaLink:nth-child(3),
.harrison-hyundai .sdFormCtaLink:nth-child(3) {
  margin-bottom: 2%;
  margin-right: 0;
}

.national-capital-hyundai .sdFormCtaLink:nth-child(3) .sdFormCtaText {
  visibility: hidden;
}
.national-capital-hyundai .sdFormCtaLink:nth-child(3) .sdFormCtaText::after {
  visibility: visible;
  content: "Click For Repayment";
  float: left;
}
@media screen and (min-width: 568px) {
  .national-capital-hyundai .sdFormCtaLink:nth-child(3) .sdFormCtaText::after {
    margin-top: -20px;
  }
}
@media screen and (min-width: 880px) {
  .national-capital-hyundai .sdFormCtaLink:nth-child(3) .sdFormCtaText::after {
    margin-top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .national-capital-hyundai .sdFormCtaLink:nth-child(3) .sdFormCtaText::after {
    margin-top: -20px;
  }
}

.hyundai-promise-australia .slFormListingTypeWrapper,
.hyundai-promise-australia .slFormBrandCertifiedWrapper,
.hyundai-promise-australia .quick-menu,
.hyundai-promise-australia .imFormInputColumnMinor.slFormSpecialsWrapper {
  display: none;
}
.hyundai-promise-australia .sdFormCtaLink:nth-child(2) {
  margin-bottom: 2%;
}
.hyundai-promise-australia .imFormInputColumnMajor.slFormTransmissionWrapper {
  width: 100%;
}
.hyundai-promise-australia .secondary-nav .nav-item:nth-child(1) {
  visibility: hidden;
}

.hyundai-promise-australia.stockListPage .stockFeatureItemWrapper:nth-child(9) {
  display: none;
}
.hyundai-promise-australia.stockListPage .slFormBackgroundWrapper .stockButtonsWrapper .stockButtonPrimary {
  width: 100%;
  margin-right: 0;
}
.hyundai-promise-australia.stockListPage .stockPageBanner {
  display: block;
  width: 300px;
  margin-top: 20px;
}
@media screen and (min-width: 568px) {
  .hyundai-promise-australia.stockListPage .stockPageBanner {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .hyundai-promise-australia.stockListPage .l-container {
    padding-top: 75px;
  }
}
.hyundai-promise-australia.stockListPage .bannerContainer {
  display: none;
}
@media screen and (min-width: 568px) {
  .hyundai-promise-australia.stockListPage .bannerContainer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 15px;
  }
}
.hyundai-promise-australia.stockListPage .bannerContainer .bannerDesc {
  font-size: 14px;
  font-weight: bold;
}
.hyundai-promise-australia.stockListPage .bannerContainer .bannerDesc .bannerDescTitle {
  font-size: 16px;
}
.hyundai-promise-australia.stockListPage .stockDesktopLogo .hyundaiPromiseLogoBanner {
  width: 300px;
}
.hyundai-promise-australia.stockListPage .bannerDescListItem .listItem::before {
  content: "●";
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  color: #00aad2;
  font-weight: bold;
}

.hyundai-promise-australia.stockPage {
  font-size: 16px;
}
.hyundai-promise-australia.stockPage .icomoon, .hyundai-promise-australia.stockPage [class*=" icon-"], .hyundai-promise-australia.stockPage [class^=icon-] {
  font-family: "icomoon" !important;
}
.hyundai-promise-australia.stockPage .icon-search-sm:before {
  content: "\e999";
}
.hyundai-promise-australia.stockPage .icon-headset-sm:before {
  content: "\e996";
}
.hyundai-promise-australia.stockPage .icon-user-sm:before {
  content: "\e998";
}
.hyundai-promise-australia.stockPage .icon-angle-down:before {
  content: "\f107";
}
.hyundai-promise-australia.stockPage .container {
  max-width: 1230px;
}
@media screen and (min-width: 568px) {
  .hyundai-promise-australia.stockPage .stockPagePadding.container,
.hyundai-promise-australia.stockPage .stockPaddingRightLeft.container {
    max-width: 1400px;
  }
}
@media screen and (min-width: 568px) {
  .hyundai-promise-australia.stockPage #wishlist-container {
    max-width: 1400px;
  }
}
.hyundai-promise-australia.stockPage input[type=checkbox] {
  display: block;
}
.hyundai-promise-australia.stockPage .site-header.v2 .site-header-main .secondary-nav i {
  font-size: 25.6px;
}
.hyundai-promise-australia.stockPage .site-footer .footer-main .link-group h3 {
  font-size: 16px;
}
.hyundai-promise-australia.stockPage .site-footer .footer-main .link-group a {
  font-size: 14px;
}
.hyundai-promise-australia.stockPage .site-footer .footer-bot {
  font-size: 12px;
}
.hyundai-promise-australia.stockPage h1, .hyundai-promise-australia.stockPage h2, .hyundai-promise-australia.stockPage h3, .hyundai-promise-australia.stockPage h4, .hyundai-promise-australia.stockPage h5, .hyundai-promise-australia.stockPage h6 {
  font-family: "HyundaiSansHead", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.hyundai-promise-australia.stockPage .slFormBackgroundWrapper .stockButtonsWrapper .stockButtonPrimary {
  width: 100%;
  margin-right: 0;
}
.hyundai-promise-australia.stockPage .slFormBackgroundWrapper .imFormInputColumn.stockButtonsWrapper {
  background-color: #002c5f;
  color: #fff;
}
.hyundai-promise-australia.stockPage .stockButtonPrimary.stockButtonPrimaryBorderedToggle,
.hyundai-promise-australia.stockPage .stockButtonPrimary.stockButtonPrimaryBordered {
  background-color: #002c5f;
  color: #fff;
  border-color: #002c5f;
}
.hyundai-promise-australia.stockPage .stockPageDisclaimerText {
  column-count: 1;
}
.hyundai-promise-australia.stockPage .stockFeaturesList .stockFeatureItemWrapper:nth-child(2),
.hyundai-promise-australia.stockPage .stockFeaturesList .stockFeatureItemWrapper:nth-child(3),
.hyundai-promise-australia.stockPage .stockFeaturesList .stockFeatureItemWrapper:nth-child(7) {
  display: none;
}
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillText,
.hyundai-promise-australia.stockPage .stockButtonKillWrapper .stockButtonKillText:hover,
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillText:hover,
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillText {
  color: #002c5f;
}
.hyundai-promise-australia.stockPage .slStockHeadingCount {
  color: #00aad2;
}
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillIcon,
.hyundai-promise-australia.stockPage .stockButtonKillWrapper .stockButtonKillIcon:hover,
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillIcon,
.hyundai-promise-australia.stockPage .wishListModalButtonKillWrapper .stockButtonKillIcon:hover {
  background-color: #002c5f;
}
.stockButtonKill:hover .hyundai-promise-australia.stockPage .stockButtonKillText {
  color: #002c5f;
}
.hyundai-promise-australia.stockPage .stockCardActionWishListLink {
  visibility: hidden;
}
.hyundai-promise-australia.stockPage .stockActionWishListIcon:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23002c5f' /%3E%3Cpath d='M14.01,10.56h-3.44V14H9.42v-3.44H5.99V9.44h3.44V6h1.15v3.44h3.44V10.56z' fill='%23fff' /%3E%3C/svg%3E");
}
.hyundai-promise-australia.stockPage .imFormInputCheckWish:checked ~ .stockActionWishListIcon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid slice' width='100%25' height='100%25' viewBox='0 0 20 20'%3E%3Cpath d='M10,19.18l-1.46-1.31l-3.61-3.33c-0.75-0.7-1.6-1.6-2.54-2.68C0.56,9.74,0,8.15,0,6.31c0-1.55,0.52-2.82,1.55-3.9c1.08-1.08,2.39-1.6,3.94-1.6c1.83,0,3.33,0.7,4.51,2.11c1.17-1.41,2.68-2.11,4.51-2.11c1.55,0,2.86,0.52,3.9,1.6C19.48,3.5,20,4.77,20,6.31c0,1.22-0.42,2.49-1.22,3.8c-0.8,1.31-1.69,2.44-2.68,3.43c-0.94,0.99-2.49,2.44-4.65,4.37L10,19.18z' fill='%23002c5f' /%3E%3Cpath d='M14.01,10.56h-3.44V14H9.42v-3.44H5.99V9.44h3.44V6h1.15v3.44h3.44V10.56z' fill='%23fff' /%3E%3C/svg%3E");
}
.hyundai-promise-australia.stockPage .stockListSection.sticky-active {
  position: fixed;
  top: 60px;
  z-index: 999;
  margin: 0 auto;
  width: 100%;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 30px;
}
@media screen and (min-width: 1024px) {
  .hyundai-promise-australia.stockPage .stockListSection.sticky-active {
    top: 86px;
  }
}
.hyundai-promise-australia.stockPage .imFormInputColumn.slFormMakeWrapper {
  display: none;
}

.imFormInputCheck {
  border: 1px solid #002c5f;
}
.imFormInputCheck:not(.switch):after {
  left: 6px;
  top: 1px;
}