/*! normalize.css v1.1.2 | MIT License | git.io/normalize */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. */
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. Known issue: no IE 6 support. */
[hidden] { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using `em` units. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-size: 100%; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100% /* 2 */ }

/** Address `font-family` inconsistency between `textarea` and other form elements. */
html, button, input, select, textarea { font-family: sans-serif; }

/** Address margins handled incorrectly in IE 6/7. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address font sizes and margins set differently in IE 6/7. Address font sizes within `section` and `article` in Firefox 4+, Safari 5, and Chrome. */
h1 { font-size: 2em; margin: 0.67em 0; }

h2 { font-size: 1.5em; margin: 0.83em 0; }

h3 { font-size: 1.17em; margin: 1em 0; }

h4 { font-size: 1em; margin: 1.33em 0; }

h5 { font-size: 0.83em; margin: 1.67em 0; }

h6 { font-size: 0.67em; margin: 2.33em 0; }

/** Address styling not present in IE 7/8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. */
b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/** Address styling not present in Safari 5 and Chrome. */
dfn { font-style: italic; }

/** Address differences between Firefox and other browsers. Known issue: no IE 6/7 normalization. */
hr { box-sizing: content-box; height: 0; }

/** Address styling not present in IE 6/7/8/9. */
mark { background: #ff0; color: #000; }

/** Address margins set differently in IE 6/7. */
p, pre { margin: 1em 0; }

/** Correct font family set oddly in IE 6, Safari 4/5, and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

/** Address CSS quotes not supported in IE 6/7. */
q { quotes: none; }

/** Address `quotes` property not supported in Safari 4. */
q:before, q:after { content: ''; content: none; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/** Address margins set differently in IE 6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0 0 0 40px; }

/** Address paddings set differently in IE 6/7. */
menu, ol, ul { padding: 0 0 0 40px; }

/** Correct list images handled incorrectly in IE 7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 2. Improve image quality when scaled in IE 7. */
img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic /* 2 */ }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Correct margin displayed oddly in IE 6/7. */
form { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct color not being inherited in IE 6/7/8/9. 2. Correct text not wrapping in Firefox 3. 3. Correct alignment displayed oddly in IE 6/7. */
legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px /* 3 */ }

/** 1. Correct font size not being inherited in all browsers. 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, and Chrome. 3. Improve appearance and consistency in all browsers. */
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle /* 3 */ }

/** Address Firefox 3+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. 4. Remove inner spacing in IE 7 without affecting normal text inputs. Known issue: inner spacing remains in IE 6. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible /* 4 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to content-box in IE 8/9. 2. Remove excess padding in IE 8/9. 3. Remove excess padding in IE 7. Known issue: excess padding remains in IE 6. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px /* 3 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 3+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 6/7/8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.rs-wrap:after, .rs-slider:after, .rs-thumb-wrap:after, .rs-arrows:after, .rs-caption:after { content: "."; display: block; height: 0; clear: both; line-height: 0; visibility: hidden; }

/* ===[ Slider ]=== */
.rs-wrap { position: relative; max-width: 100%; }

.rs-slide-bg { *zoom: 1; }

.rs-slider > li > a { display: block; }

.rs-slider > li { list-style: none; filter: alpha(opacity=0); opacity: 0; width: 100%; height: 100%; margin: 0 -100% 0 0; padding: 0; float: left; position: relative; }

.rs-slider > li > a { padding: 0; background: none; border-radius: 0; }

.rs-slider > li img { display: block; max-width: 100%; max-height: 100%; -ms-interpolation-mode: bicubic; }

/* ===[ Thumbnails ]=== */
.rs-thumb-wrap { *zoom: 1; }

.rs-thumb-wrap > a { display: block; float: left; position: relative; box-sizing: border-box; -webkit-backface-visibility: hidden /* Hardware accelerate to prevent jumps on transition */ }

.rs-thumb-wrap > a > img { max-width: 100%; max-height: 100%; display: block; -ms-interpolation-mode: bicubic; }

.rs-thumb-wrap > a:first-child { margin-left: 0 !important; }

/* ===[ Arrows ]=== */
.rs-arrows .rs-next, .rs-arrows .rs-prev { z-index: 1; }

.rs-arrows:hover .rs-next, .rs-arrows:hover .rs-prev { z-index: 2; }

/* ===[ Captions ]=== */
.rs-caption { position: absolute; max-height: 100%; overflow: auto; box-sizing: border-box; bottom: 0; left: 0; }

.rs-caption.rs-top-left { top: 0; bottom: auto; }

.rs-caption.rs-top-right { top: 0; right: 0; left: auto; bottom: auto; }

.rs-caption.rs-bottom-left { bottom: 0; left: 0; }

.rs-caption.rs-bottom-right { right: 0; left: auto; border-bottom: none; border-right: none; }

.rs-caption.rs-top { top: 0; bottom: auto; width: 100% !important; }

.rs-caption.rs-bottom { width: 100% !important; }

.rs-caption.rs-left { top: 0; height: 100%; }

.rs-caption.rs-right { top: 0; left: auto; right: 0; height: 100%; }

/* ===[ Grid ]=== */
.rs-grid { position: absolute; overflow: hidden; width: 100%; height: 100%; display: none; }

.rs-gridlet { position: absolute; opacity: 1; }

/* Optional - remove captions at smaller screen widths
@media screen and (max-width: 480px) {
	.rs-caption { opacity: 0!important; }
}
*/
/* ALERT */
.alert { margin: 0 20px 20px; padding: 15px; border-radius: 4px; }

.alert-success { background-color: #dff0d8; color: #3c763d; }

.alert-warning { background-color: #f2dede; color: #a94442; }

/* BUTTON */
.btn { padding: 6px 12px; /*border-radius: 4px;*/ /*border-style: solid;*/ /*border-width: 1px;*/ display: inline-block; text-transform: uppercase; text-align: center; color: #fff; font-size: 120%; font-weight: bold; width: 200px; height: 60px; background-color: #000; border: none; }

.btn-save { background-color: #5cb85c; border-color: #4cae4c; }
.btn-save:hover { background-color: #449D44; }

.btn-cancel { background-color: #f0ad4e; border-color: #eea236; }
.btn-cancel:hover { background-color: #EC971F; }

.btn-del { background-color: #d9534f; border-color: #d43f3a; }
.btn-del:hover { background-color: #C9302C; }

.btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 0.65; pointer-events: none; }

/* FORM */
.form-group { margin-left: -20px; margin-right: -20px; margin-bottom: 15px; }

label { float: left; padding: 7px 15px 0; width: 13%; text-align: right; display: inline-block; }

.input-valid, .input-group, .input-daterange { float: left; padding: 0 15px; width: 80%; }
.input-valid .form-control, .input-group .form-control, .input-daterange .form-control { padding: 6px 20px; width: 100%; height: 45px; background-color: #fff; border: solid 1px transparent; /*border-radius: 4px;*/ box-sizing: border-box; display: block; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.input-valid .form-control:focus, .input-group .form-control:focus, .input-daterange .form-control:focus { border: solid 1px #424f63; }
.input-valid .form-control.error, .input-group .form-control.error, .input-daterange .form-control.error { border-color: #ff6c60; }
.input-valid .error, .input-group .error, .input-daterange .error { color: #ff6c60; }

.input-group { width: 30%; position: relative; }

.input-daterange input, .input-daterange span { position: absolute; }
.input-daterange .input-sm { width: 46%; }
.input-daterange input:first-child { z-index: 1; }
.input-daterange input:last-child { right: -19px; z-index: 1; }
.input-daterange span { left: 16px; border-radius: 4px; width: 100%; }

.input-group-addon { position: absolute; top: 0; right: -18px; cursor: pointer; background-color: #333; border: solid 1px #374152; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #fff; width: 36px; height: 32px; line-height: 32px; text-align: center; }

.form-btn { margin-left: 20.6667%; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; cursor: not-allowed; opacity: 1; }

.checkbox, .radio { padding-top: 7px; }

input[type="checkbox"], input[type="radio"] { margin: 0 5px 0 0; width: 20px !important; }

textarea.form-control { height: auto !important; }

/* Clearfix */
.form-group, #container, #header-nav ul#nav, #header-nav ul#switch-lang, .loan .cal, #wrap-footer ul#footer-nav, #model-top, #banner-home, .box .box-detail, .highlight, .other ul.logo-brand, .model-list ul, .model-pagination ul, #cars, #accessories .list, #car-info .car-detail, #car-info .car-detail ul, .payment-container, #gallery, #banner-news, .news-container, .news-list, .btn-back, .contact-detail { zoom: 1; }
.form-group:before, #container:before, #header-nav ul#nav:before, #header-nav ul#switch-lang:before, .loan .cal:before, #wrap-footer ul#footer-nav:before, #model-top:before, #banner-home:before, .box .box-detail:before, .highlight:before, .other ul.logo-brand:before, .model-list ul:before, .model-pagination ul:before, #cars:before, #accessories .list:before, #car-info .car-detail:before, #car-info .car-detail ul:before, .payment-container:before, #gallery:before, #banner-news:before, .news-container:before, .news-list:before, .btn-back:before, .contact-detail:before, .form-group:after, #container:after, #header-nav ul#nav:after, #header-nav ul#switch-lang:after, .loan .cal:after, #wrap-footer ul#footer-nav:after, #model-top:after, #banner-home:after, .box .box-detail:after, .highlight:after, .other ul.logo-brand:after, .model-list ul:after, .model-pagination ul:after, #cars:after, #accessories .list:after, #car-info .car-detail:after, #car-info .car-detail ul:after, .payment-container:after, #gallery:after, #banner-news:after, .news-container:after, .news-list:after, .btn-back:after, .contact-detail:after { content: " "; display: table; }
.form-group:after, #container:after, #header-nav ul#nav:after, #header-nav ul#switch-lang:after, .loan .cal:after, #wrap-footer ul#footer-nav:after, #model-top:after, #banner-home:after, .box .box-detail:after, .highlight:after, .other ul.logo-brand:after, .model-list ul:after, .model-pagination ul:after, #cars:after, #accessories .list:after, #car-info .car-detail:after, #car-info .car-detail ul:after, .payment-container:after, #gallery:after, #banner-news:after, .news-container:after, .news-list:after, .btn-back:after, .contact-detail:after { clear: both; }
.clear { clear: both; }

/* Font */
html, button, input, select, textarea { font-family: "CordiaNewRegular"; }

/* ========================================================================== Structure ========================================================================== */
body { margin: 0; padding: 0; font-size: 15pt; line-height: 24px; color: #fff; }

a { text-decoration: none; color: #fff; display: block; }
a:hover { color: #fef200; }

a:focus { outline: none; }

a, button { transition: all 0.5s ease 0s; }

[placeholder] { color: #858585; }

/* Align */
.left { text-align: left !important; }

.center { text-align: center !important; }

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

input, select, textarea { margin: 0; padding: 0 0 0 5px; width: 100%; height: 35px; line-height: 35px; color: #000; }

select, textarea { border: solid 1px #000; }

.disable { background: #cdcdcd !important; }

/* Table */
table { width: 100%; }
table td { padding: 8px; }

#container { margin: 0 auto; padding: 19px 0; width: 1170px; height: auto; color: #fff; position: relative; }

#wrap-content { background-image: url("../images/bg-bottom-V02.jpg"); background-color: #000; background-repeat: no-repeat; background-position: bottom right; width: 100%; min-height: 1000px; position: relative; }
#wrap-content:before { content: " "; background-image: url("../images/bg-top.png"); background-repeat: no-repeat; background-position: top center; width: 100%; min-height: 590px; height: auto; position: absolute; }
#wrap-content.home:before { background-color: #0d0d0d; min-height: 650px; }
#wrap-content.home .facebook { background: #c3c3c3; }

/* Header */
#header { background: rgba(0, 0, 0, 0.5); border-bottom: solid 3px #fef200; position: relative; line-height: 20px; }
#header #logo { float: left; }
#header #header-contact { float: right; width: auto; text-align: right; }
#header #header-contact td:nth-child(2) { color: #fef200; font-size: 22px; font-weight: bold; }
#header #header-contact table td { padding-top: 1px; }

#header-nav { background: rgba(0, 0, 13, 0.5); position: relative; font-family: "MyriadProRegular", "supermarket"; }
#header-nav #container { padding: 0; }
#header-nav ul#nav { float: left; margin: 0; padding: 0; list-style: none; text-transform: uppercase; font-weight: normal; }
#header-nav ul#nav li { float: left; }
#header-nav ul#nav li a { padding: 10px 30px; }
#header-nav ul#nav li a:hover, #header-nav ul#nav li a.active { background: #fef200; color: #000; }
#header-nav ul#nav a.active { font-weight: bold; }
#header-nav ul#switch-lang { float: left; margin: 0; padding: 0; list-style: none; text-transform: uppercase; font-weight: normal; float: right !important; }
#header-nav ul#switch-lang li { float: left; }
#header-nav ul#switch-lang li a { padding: 10px 30px; }
#header-nav ul#switch-lang li a:hover, #header-nav ul#switch-lang li a.active { background: #fef200; color: #000; }
#header-nav ul#switch-lang a { padding-left: 10px !important; padding-right: 10px !important; }

#facebook { margin-top: 20px; margin-left: 20px; display: inline-block; }
#facebook a { background-color: #555; }
#facebook a:hover { background: #4c69ba; }

/* Content */
#content-container { padding: 50px 0 97px; position: relative; }

#container h1 { color: #fef200; text-transform: uppercase; }
#container h1 span { color: #fff; }

.wrap { padding-top: 20px !important; background-color: rgba(254, 242, 0, 0.7); min-height: 160px; }
.wrap #container { color: #000; }
.wrap h1 { position: absolute; top: -75px; /*color: #000!important;*/ font-style: italic; }
.wrap h1 span { font-style: normal; }
.wrap td { vertical-align: top; }
.wrap .form-group { margin: 0; width: 100%; }
.wrap .form-group .input-valid, .wrap .form-group .input-group, .wrap .form-group .input-daterange { padding: 0; width: 100%; }

#car-advert a { display: initial; color: #fef200; }

/* Banner : Cars, Accessories */
.banner { float: left; position: relative; }
.banner:first-of-type { margin-right: 100px; }
.banner img { position: absolute; transition: opacity 0.5s ease-in-out; }
.banner img.top:hover { opacity: 0; }

/* Loan */
.loan { color: #000; }
.loan .title { padding-left: 110px; background: #fef200; width: 185px; height: 56px; line-height: 56px; position: relative; text-align: center; }
.loan .title h1 { padding: 0 20px !important; position: absolute !important; background: #000 !important; width: initial !important; color: #fff !important; top: 6px !important; left: 0 !important; font-style: italic; }
.loan .title h1:after { content: ""; position: absolute; right: -28px; width: 0px; height: 0px; border-style: solid; border-width: 60px 0 0 28px; border-color: transparent transparent transparent #000; }
.loan .cal { margin-top: 10px; padding: 20px 0; background: #fff; }
.loan .cal .remark { font-size: 90%; font-style: italic; }

/* Footer */
#wrap-footer { background-color: #000; border-top-style: solid; border-top-width: 4px; border-top-color: #fef200; font-size: 110%; }
#wrap-footer ul#footer-nav { float: left; margin: 0; padding: 0; list-style: none; text-transform: uppercase; font-weight: normal; font-weight: bold; }
#wrap-footer ul#footer-nav li { float: left; }
#wrap-footer ul#footer-nav li a { padding: 10px 30px; }
#wrap-footer ul#footer-nav li a:hover, #wrap-footer ul#footer-nav li a.active { background: #fef200; color: #000; }
#wrap-footer ul#footer-nav a { padding: 0 20px 0 0 !important; }
#wrap-footer ul#footer-nav a:hover, #wrap-footer ul#footer-nav a.active { background: none !important; color: #fef200 !important; }
#wrap-footer #footer-contact { float: right; margin-top: -12px; height: 44px; font-weight: bold; }
#wrap-footer #footer-contact div { float: left; height: inherit; }
#wrap-footer #footer-contact .tel { padding-left: 38px; background: url("../images/tel.png") no-repeat; line-height: 44px; }
#wrap-footer #footer-contact a { background: #0d0d0d; height: 44px; }
#wrap-footer #footer-contact a:hover { background: #4c69ba; }
#wrap-footer #copyright { padding-top: 10px; clear: both; text-align: center; font-size: 80%; }
#wrap-footer #copyright span { color: #fef200; }

/* Facebook */
.facebook { position: absolute; bottom: 0; padding: 20px 0; width: 100%; height: 57px; }

.fb-follow { margin: 0 auto; width: 1170px; display: table !important; }

/* Jssor */
.jssorb05 { position: absolute; top: 300px; }

.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av { position: absolute; /* size of bullet elment */ width: 12px; height: 12px; background: #000; border-style: solid; border-width: 2px; border-color: #fef200; border-radius: 100%; overflow: hidden; cursor: pointer; opacity: 0.6; }

.jssorb05 div:hover, .jssorb05 .av:hover { opacity: 1; }

.jssorb05 .av { opacity: 1; }

/* Home */
#model-top > div { float: left; }

.model-show { padding: 15px 0 0 134px; width: 670px; }

.find-car { padding: 15px; background: url("../images/bg-find-car.png") no-repeat; width: 270px; height: 346px; }
.find-car h1 { margin: 10px 0; font-family: "MyriadProRegular"; font-size: 26px; font-weight: normal; color: #fef200; text-transform: uppercase; }
.find-car a { color: #ff0000; display: inline; }
.find-car table { width: 90%; font-size: 90%; }
.find-car td { padding: 2px; }
.find-car td:nth-child(1) { text-align: right; width: 30%; }
.find-car select { padding: 0; height: 26px; }
.find-car button { margin-top: 10px; background: #292929; border-radius: 2px; border: none; width: 80px; text-align: center; color: #fff; }
.find-car button:hover { background: #fef200; color: #000; }

.slides, #chess-model .slides, #carousel-model .slides, #slide-promotion .slides, #fade-news .slides { cursor: move; position: absolute; left: 0px; top: 0px; overflow: hidden; }

#chess-model { position: relative; top: 0px; left: 0px; width: 589px; height: 373px; }
#chess-model .slides { width: 589px; height: 373px; cursor: default; }

#carousel-model { position: relative; top: 0px; left: 0px; width: 1170px; height: 152px; overflow: hidden; }
#carousel-model .slides { width: 1170px; height: 152px; }

.model-slide { float: left; border-style: solid; border-top-width: 8px; border-bottom-width: 8px; border-left-width: 0; border-right-width: 0; border-color: transparent; position: relative; height: 136px !important; }
.model-slide img { height: 136px !important; }
.model-slide .model-slide-detail { display: none; padding: 50px 10px 10px 10px; background-color: rgba(0, 0, 0, 0.8); width: 175px; height: 76px; position: absolute; top: 0; z-index: 1; }
.model-slide .model-slide-detail > .brand { text-transform: uppercase; font-size: 130%; font-weight: bold; }
.model-slide .model-slide-detail > .brand span { font-size: 70%; font-style: italic; color: #fef200; }
.model-slide:hover { border-color: #fef200; height: 136px; }
.model-slide:hover .model-slide-detail { display: block; color: #fff; }
.model-slide .model-slide-click { text-decoration: underline; position: absolute; bottom: 5px; color: #fef200; }

.new-model { background-color: #0d0d0d; }
.new-model > #container { padding-top: 0; }

.hl-overall .topic { font-family: "CordiaNewRegular"!important; }
.hl-overall .left { float: left; width: 60%; }
.hl-overall .right { float: right; }
.hl-overall .right img { border: solid 3px #fff; }

#banner-home { margin: 20px auto 20px auto; width: 1000px; }
#banner-home .banner { width: 450px; height: 260px; }

.box { float: left; }
.box:first-of-type { padding-left: 0 !important; }
.box img { border: solid 3px #d3d3d3; }
.box .box-detail { padding: 15px 0 20px 0; height: 140px; }
.box iframe { background-color: #ddd; }

.highlight { background: url("../images/bg-highlight.jpg") no-repeat top center; height: 450px; }
.highlight .box { padding-left: 105px; width: 320px; }
.highlight .selling { text-align: right; color: #000; }
.highlight .selling h1 { font-family: "ErasITC-Light" !important; font-size: 46px !important; color: #000 !important; }
.highlight .selling span { font-family: "ErasITC-Light" !important; font-size: 34px !important; color: #fff; font-weight: bold !important; }
.highlight .selling img { border: none; }
.highlight .selling a { float: right; font-size: 90%; font-weight: bold; }
.highlight .selling p { margin: 15px 0; }
.highlight .latest-date { float: left; background: url("../images/bg-latest-news.jpg") no-repeat; width: 50px; height: 78px; font-family: "supermarket"; text-align: center; font-size: 80%; color: #000; }
.highlight .latest-date .date { padding: 2px 0; font-size: 120%; color: #fff; }
.highlight .latest-detail { float: left; padding-left: 20px; width: 250px; }

.btn-more { padding: 1px 0 0 15px; background: url("../images/btn-more.png") no-repeat; width: 75px; height: 25px; line-height: 26px; color: #fff; text-transform: uppercase; font-family: "MyriadProRegular"; font-size: 60%; }

.btn-selling { background: #000; width: 155px; height: 43px; line-height: 43px; color: #fff; text-align: center; text-transform: uppercase; }

.other { background: #c3c3c3; }
.other h1, .other span { color: #000 !important; }
.other .box { padding-left: 39px; }
.other ul.logo-brand { margin: 0; padding: 0; list-style: none; width: 420px; }
.other ul.logo-brand li { float: left; margin: 0 2px 2px 0; padding: 10px; border: solid 1px #e1e1e1 !important; background: #fff; width: 60px; height: 60px; }
.other ul.logo-brand li img { border: none; }

/* About */
#about h1 { font-style: italic; }
#about h1 span { font-style: normal; }
#about h2 { color: #fef200; display: inline; }
#about img { margin: 0 30px 20px 0; padding: 10px; background: #fff; }

/* Cars */
.find-filter { margin-bottom: 50px; padding-left: 160px; position: relative; background-color: #fff; height: 80px; line-height: 80px; color: #000; }
.find-filter .filter-title { padding: 0 20px; position: absolute; left: 0; background: url("../images/bg-find-filter.png") no-repeat center right; width: 180px; height: inherit; text-transform: uppercase; }
.find-filter .filter-title span { text-transform: none; }
.find-filter .filter-type { position: absolute; text-transform: uppercase; width: 990px; }
.find-filter .filter-type table { width: 100%; }
.find-filter .filter-type td { padding: 0; }
.find-filter .filter-type td:nth-child(2n+1) { width: 8%; text-align: right; }

.model { float: left; }
.model h1 { font-family: "CordiaNewRegular"!important; }
.model .select-sort { margin-bottom: 35px; width: 30%; font-size: 90%;min-width:350px; }
.model td { padding: 0 !important; font-size: 20px; }
.model select { height: 30px; }

.model-search h1, .model-search h2 { text-align: center; }

.model-list ul { margin: 0; padding: 0; list-style: none; }
.model-list li { float: left; margin-bottom: 20px; padding: 0; border-color: #525252; border-style: solid; border-width: 1px; background-color: rgba(0, 0, 0, 0.5); position: relative; }
.model-list li:hover { border-color: #fef200; }
.model-list li:hover .list { background: url("../images/bg-model-list-hover.jpg") no-repeat left bottom; }
.model-list .list { padding: 8px 8px 30px 8px; background: url("../images/bg-model-list.jpg") no-repeat left bottom; position: relative; height: 320px; }
.model-list .list-detail h1 { margin-bottom: 3px; font-size: 100% !important; font-weight: normal; color: #fff !important; }
.model-list .list-detail span { color: #fef200 !important; font-size: 90% !important; font-style: italic; font-weight: bold !important; }
.model-list .list-detail td { text-transform: uppercase; color: #acacac; }
.model-list .list-detail td:first-child { color: #ff0000; width: 22%; }
.model-list .list-price { position: absolute; bottom: 8px; font-size: 200%; font-weight: bold; color: #fff; text-align: right; }
.model-list .list-price span { font-size: 40% !important; font-style: normal; color: #fef200; }
.model-list img { width: 100%; }
.model-list .icon-new { position: absolute; left: -6px; top: -6px; background: url("../images/icon/new.png") no-repeat; width: 104px; height: 74px; }

.model-detail { display: -webkit-box; max-width: 197px; height: 70px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.model-pagination { font-family: "CordiaNewRegular"; margin: 20px auto; text-transform: uppercase; }
.model-pagination ul { margin: 0; padding: 0; display: inline-block; }
.model-pagination li { float: left; margin: 0; padding: 0; list-style: none; }
.model-pagination li a { margin: 0 1px; transition: none; background-color: #151515; width: 30px; height: 30px; line-height: 30px; text-align: center; border: solid 1px #000; position: relative; }
.model-pagination li a:hover, .model-pagination li a.active { background-color: #0d0d0d; color: #fef200; }
.model-pagination li a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 0; border-color: #fef200 transparent transparent transparent; position: absolute; top: 0; left: 0; }
.model-pagination li a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 6px 6px; border-color: transparent transparent #fef200 transparent; position: absolute; bottom: 0; right: 0; }
.model-pagination li .arrow { margin: 0 15px; background: none; border: none; display: inline; }
.model-pagination li .arrow:hover, .model-pagination li .arrow:before, .model-pagination li .arrow:after { background: none !important; border: none !important; }
.model-pagination li:hover .arrow-left { border-color: transparent #fef200 transparent transparent; }
.model-pagination li:hover .arrow-right { border-color: transparent transparent transparent #fef200; }
.model-pagination .arrow-left { width: 0; height: 0; border-style: solid; border-width: 6px 6px 6px 0; border-color: transparent #ffffff transparent transparent; display: inline-block; }
.model-pagination .arrow-right { width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 6px; border-color: transparent transparent transparent #ffffff; display: inline-block; }

#cars .loan { float: left; width: 295px; }
.banner-car-detail { margin: 20px auto; width: 800px; height: 202px; }
.banner-car-detail img { width: 382px; }
.banner.promotion img { width: 400px; }
.banner-car-detail .banner { float: none; margin: 0 10px; display: table-cell; width: inherit; }
/*#cars .model { width: 875px; }*/
#cars .model .select-sort { margin-left: 30px; }
#cars .input-placeholder, #cars .part-payment-cal, #cars .select-placeholder { margin: 0 20px; }
#cars .part-payment-cal .input-placeholder { margin: 0; }
#cars .part-payment-cal td { padding: 0; }
#cars td { padding-top: 4px; padding-bottom: 4px; }
#cars .model-list { margin-left: 20px; }
#cars .model-list li { margin-left: 15px; width: 268px; }
#cars .model-pagination { padding-left: 30px; }
#cars .list-price { right: 8px; }

#accessories .model { width: 100%; }
#accessories .model-list li { width: 568px; }
#accessories .model-list li:nth-child(2n+1) { margin-right: 30px; }
#accessories .model-list a { pointer-events: none; }
#accessories .list { padding-bottom: 8px; }
#accessories .list img { float: left; width: 250px; height: 203px; }
#accessories .list .list-detail { float: left; padding-left: 20px; width: 282px; }
#accessories .list .list-price { left: 280px; font-size: 22px; color: #fef200; }
#accessories .list .list-price span { padding: 0 20px; font-size: 200% !important; color: #fff !important; }
#accessories td { color: #fff; }

/* Cars detail */
#car-info { background-color: #0e0e0e; border-radius: 10px; position: relative; min-height: 500px; height: auto; }
#car-info h1 { margin: 0; padding-top: 26px; position: absolute; top: -10px; left: 0; background: url("../images/bg-car-info.png") no-repeat; width: 235px; height: 60px; text-align: center; color: #000; }
#car-info h1 span { color: #000; }
#car-info .promotion-icon { position: absolute; top: -60px; right: 20px; }
#car-info .car-detail { padding: 120px 50px 50px 50px; }
#car-info .car-detail li { float: left; padding-top: 5px; width: 20%; list-style-image: url("../images/tick.png"); }

.payment-container { margin: 0 auto; padding: 20px 0; width: 85%; }
.payment-container .banner-car-detail { float: left; width: 320px; }
.payment-container .banner-car-detail .banner { margin-bottom: 15px; width: 100%; height: 173px; }
.payment-container .banner-car-detail .banner.promotion img { width: 320px; }
.payment-container .banner-car-detail .banner img { width: 300px; }
.payment-container .banner-car-detail .banner:first-of-type { padding-right: 0; }
.payment-container .charges-table, .payment-container .payment-table { float: left; margin-right: 20px; border: solid 10px #252525; background: #fff; color: #000; }
.payment-container .charges-table { width: 53%; }
.payment-container .payment-table { width: 39%; }
.payment-container .charges-table th, .payment-container .payment-table th { padding: 15px; font-family: "supermarket"; font-weight: normal; font-size: 110%; background-color: #fef200; }
.payment-container .charges-table tr:nth-child(even), .payment-container .payment-table tr:nth-child(even) { background: #fbf9cd; }
.payment-container .charges-table tr:nth-of-type(2) th, .payment-container .payment-table tr:nth-of-type(2) th { padding: 10px 15px; font-family: "supermarket"; font-size: 100%; background: #555; color: #fff; }
.payment-container .charges-table td, .payment-container .payment-table td { padding: 10px 20px; font-size: 110%; text-align: right; }
.payment-container .charges-table td:first-child { text-align: left; }
.payment-container .payment-table td:first-child { text-align: center; }
.payment-container .charges-table td:last-child, .payment-container .payment-table td:last-child { width: 20%; }
.payment-container .charges-table .total:last-of-type, .payment-container .payment-table .total:last-of-type { background: #555; color: #fff; }
.payment-container .payment-table { margin-right: 0; }

.car-body { border: solid 1px #fff; }
.car-body td { border-left: solid 1px #fff; width: 15%; }
.car-body td:first-child { background: #fff; text-align: center; border-left: none; }
.car-body td:last-child { width: 40%; }

.loan .title h1 { margin: 0; }
.loan .cal > div { float: left; padding: 0 8%; width: 25%; }
.loan .cal > div:first-child { border-right: solid 1px #000; width: 42%; }
.loan .button { margin: 20px auto 0 auto; width: 100px; height: 30px; line-height: 30px; background: #000; text-align: center; color: #fff; border: none; cursor: pointer; position: relative; }
.loan .button:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 30px 15px; border-color: transparent transparent #000000 transparent; position: absolute; left: -15px; }
.loan .button:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 15px 0 0; border-color: #000000 transparent transparent transparent; position: absolute; right: -15px; }

.input-placeholder { position: relative; border: solid 1px #000; height: 35px; line-height: 35px; }
.input-placeholder > div { padding-right: 10px; position: absolute; top: 0; right: 0; width: 15%; height: inherit; line-height: inherit; font-style: italic; color: #3f3f3f; text-align: right; }
.input-placeholder input { padding: 0 5% 0 0; border: none; width: 80%; height: inherit; text-align: right; background: none; }
.input-placeholder .percent { width: 50%; }
.input-placeholder.payment { margin: 10px 0; height: 50px; line-height: 50px; }
.input-placeholder.payment input { width: 70%; height: inherit; text-align: center; }

#car-gallery { margin: 0 auto 100px auto; width: 990px; height: 605px; }
#car-gallery .price { padding: 20px 0 15px; background-color: #000; color: #fff; text-align: center; font-size: 280%; font-weight: bold; width: 235px; position: absolute; bottom: 120px; }
#car-gallery .price span { font-size: 40%; }

#gallery { position: absolute; height: 508px; z-index: 1; }
#gallery .detail { float: left; margin-right: 5px; padding: 0 15px; background: url("../images/bg-gallery-detail.png") no-repeat top #fef200; width: 235px; height: 100%; color: #000; position: relative; }
#gallery .img { float: left; padding: 10px; width: 700px; height: 488px; background-color: #fff; }
#gallery .brand { padding: 67px 0 40px; text-transform: uppercase; }
#gallery .brand h1, #gallery .brand h3 { margin: 0; color: #fff; }
#gallery .brand h1 { font-size: 200%; }
#gallery .brand h3 { margin-top: 10px; font-size: 170%; }
#gallery .back-model { padding: 0 10px; position: absolute; bottom: 0; left: 0; background: url("../images/bg-back-model.jpg") repeat-x; width: 245px; height: 60px; text-transform: uppercase; color: #fff; }
#gallery .back-model > div { padding: 23px 0 0 35px; background: url("../images/arrow-back-model.png") no-repeat; height: 37px; }

#slide { position: absolute; top: 20px; }
#slide #images { margin: 0; padding: 0; }

.rs-wrap { height: 605px; }

.rs-slide-bg { padding: 10px; position: absolute; right: 0; width: 700px; background-color: #fff; }

.rs-thumb-wrap { padding: 15px; position: absolute; bottom: 0; border: solid 1px #fff; width: 958px; }
.rs-thumb-wrap > a { margin-left: 1px !important; width: 86px !important; height: 60px; }
.rs-thumb-wrap > a.active:after, .rs-thumb-wrap > a:hover:after { position: absolute; bottom: 0; content: ""; background: url("../images/thumb-active.png") no-repeat bottom; width: inherit; height: inherit; z-index: 1; }

/* Selling */
#selling { padding: 30px 50px; background-color: rgba(254, 242, 0, 0.7); border-radius: 10px; color: #000; }
#selling h1 { font-style: italic; font-weight: normal; color: #000; text-align: center; }
#selling h1 span { padding-left: 10px; font-style: normal; }
#selling form h1 { text-align: left; font-style: normal; }
#selling .input-placeholder { padding: 6px; border: none; background: #fff; }
#selling .input-placeholder input { padding: 0 3%; width: 94%; text-align: left; }
#selling .sell-detail { margin-top: 50px; }
#selling .sell-detail > div { padding: 20px; border: solid 2px #fff; border-radius: 20px; }
#selling .sell-detail td:first-child { padding-right: 20px; text-align: right; width: 15%; }
#selling .personal .form-group { margin: 0; width: 100%; }
#selling .personal .form-group .input-valid, #selling .personal .form-group .input-group, #selling .personal .form-group .input-daterange { padding: 0; width: 100%; }
#selling .btn { margin: 20px 0; }

/* Promotion */
.jssor-img, .promotion-img, .news-img { padding: 10px; background: #fff; }

.promotion-container { margin: 0 auto 50px auto; padding: 10px; width: 1000px; height: 300px; background: #fff; }

#slide-promotion { position: relative; top: 0px; left: 0px; width: 1000px; height: 300px; }
#slide-promotion .slides { width: 1000px; height: 300px; cursor: default; }
#slide-promotion .jssorb05 { top: 275px; }

.promotion-img { margin: 0 auto; width: 1000px; }
.promotion-img img { width: 100%; }

/* News */
#container.news { padding: 0; }
#container.news h1 { margin: 7px 0; font-style: italic; }
#container.news h1 span { font-style: normal; font-weight: bold; }

.news-detail-container { margin-top: 20px; position: relative; }
.news-detail-container .news-detail { padding: 60px 20px 30px; color: #acacac; background-color: rgba(0, 0, 0, 0.6); border-radius: 10px; }
.news-detail-container h1 { margin: 0; padding-top: 26px; position: absolute; left: 0; top: -20px; background: url("../images/bg-car-info.png") no-repeat; width: 235px; height: 60px; text-align: center; color: #000 !important; }
.news-detail-container h2 { color: #fff; font-size: 120%; }

.news-img { width: 530px; height: 330px; }

.news-img-container { margin: 0 auto; width: 864px; }
.news-img-container img { margin: 5px; padding: 10px; width: 400px; background: #fff; }

#banner-news { margin: 20px auto; width: 570px; }
#banner-news .banner { width: 280px; height: 162px; }
#banner-news .banner:first-of-type { margin-right: 10px; }
#banner-news img { width: inherit; }
#banner-news .banner.promotion img { width: 294px; }

.news-container.latest .news-detail-container { float: left; width: 570px; }
.news-container.latest .news-img { float: right; margin-left: 50px; }
.news-container.latest #banner-news { margin-top: 20px; }

#fade-news { position: relative; top: 0px; left: 0px; width: 530px; height: 330px; }
#fade-news .slides { width: 530px; height: 330px; cursor: default; }
#fade-news .jssorb05 { top: 300px; }

.news-feed { margin: 0 auto; padding: 30px; width: 950px; border: solid 1px #fff; border-radius: 20px; }

.news-list { padding: 10px 0; border-top: dotted 1px #f9f37d; }
.news-list:first-of-type { border-top: none; }
.news-list .news-date { float: left; margin-right: 20px; padding: 5px; width: 100px; color: #fff; text-align: center; font-weight: bold; background: #000; }
.news-list .news-topic { float: left; padding: 5px 0; }
.news-list .news-topic a { color: #000; }
.news-list .news-topic a:hover { color: #fff; }

.btn-back { margin-top: 20px; }
.btn-back a { float: right; padding: 16px 35px; background: #fef200; display: inline-block; font-weight: bold; }
.btn-back a:hover { color: #000; }

/* Contact */
.map { margin-bottom: 100px; padding: 10px; background: #fff; height: 430px; }

.contact-detail { margin: 50px 100px 0; }
.contact-detail > div { float: left; padding: 0 10px; width: 370px; font-size: 110%; }
.contact-detail > div img { padding-right: 30px; }
.contact-detail .address { width: 560px; }
.contact-detail > div td { padding: 5px; vertical-align: top; font-weight: bold; }
.contact-detail > div td .img { padding-right: 5%; width: 28%; text-align: right; }

.form h1 { position: static; color: #000 !important; font-style: normal; }