@import url(font.css);

html, body {
	width: 100%;
	height: 100%;
	font: 300 16px/1.5 'Prompt';
	color: #606060;
	background-color: #f8f8f8;
}
img,
iframe {
	max-width: 100%;
	height: auto;
}
img:not([src]) {
	visibility: hidden;
}


/* Coloring */
.text-red {
	color: #ff0000 !important;
}
.text-blue {
	color: #2db2e9 !important;
}
.text-green {
	color: #3f8a47 !important;
}
.text-white {
	color: #fff !important;
}
.bg-black {
	background-color: #000;
}
.text-dark {
	color: #231f20 !important;
}

/* Typo */
strong, b {
	font-weight: 500;
}
.mb-1 {
	margin-bottom: 0.25rem !important;
}
.mb-2 {
	margin-bottom: 0.5rem !important;
}
.mb-3 {
	margin-bottom: 1rem !important;
}
.mb-4 {
	margin-bottom: 1.5rem !important;
}


/* Navbar */
.navbar {
	margin: 0;
	border: none;
	border-radius: 0;
}
.navbar-bg {
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-container {
	margin: 0 auto;
}
.navbar-brand > img {
	width: 160px;
	margin-top: 2.5px;
}
.navbar-nav > li > a {
	position: relative;
	padding: 15px 25px 15px 45px;
	font-weight: 400;
	position: relative;
    z-index: 1;
}
.navbar-nav > li > a.search {
	padding-left: 25px;
}
.navbar-nav > li > a:before {
	position: absolute;
	content: "";
	width: 15px;
	height: 13px;
	left: 23px;
	top: 50%;
	margin-top: -7px;
	background-image: url(../img-webp/icon/navbar-list.webp);
	background-size: 14px auto;
	background-position: center top;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.navbar-nav > li > a.search:before {
	display: none;
}
.nav-contact {
	text-align: right;
	/*padding: 10px 0;*/
}
.nav-contact ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.nav-contact ul > li {
	display: inline-block;
}
.nav-contact ul > li > a {
	display: block;
	color: #606060;
	padding: 8px 5px;
	font-size: 16px;
	line-height: 36px;
}
.nav-contact ul,
.nav-contact ul > li > a img {
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.nav-contact ul > li > a strong {
	color: #ea2834;
	font-size: 18px;
	letter-spacing: 2px;
}
.navbar-default {
	background-color: transparent;
}
.navbar-default.navbar-bg {
	position: relative;
	background-color: #fff;
	-webkit-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
}
.navbar-default.navbar-bg:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.navbar-default .navbar-nav > li > a {
	color: #373737;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
	color: #373737;
	background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus:before,
.navbar-default .navbar-nav > li > a:hover:before,
.navbar-default .navbar-nav > li.active > a:before,
.navbar-default .navbar-nav > li.active > a:focus:before,
.navbar-default .navbar-nav > li.active > a:hover:before {
	background-position: center bottom;
}
#navbar-menu .dropdown {
	position: unset;
}
#navbar-menu .dropdown-menu {
	display: block;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	border: none;
	padding: 10px 0 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: inset 5px 10px 16px rgba(0, 0, 0, 0.04), 20px 30px 50px rgba(0, 0, 0, 0.23);
	-moz-box-shadow: inset 5px 10px 16px rgba(0, 0, 0, 0.04), 20px 30px 50px rgba(0, 0, 0, 0.23);
	box-shadow: inset 5px 10px 16px rgba(0, 0, 0, 0.04), 20px 30px 50px rgba(0, 0, 0, 0.23);
	-webkit-transition: .1s all;
	-moz-transition: .1s all;
	transition: .1s all;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}
#navbar-menu .dropdown:hover > .dropdown-menu {
	display: block;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	transform: translateY(0);
}
#navbar-menu .tab-content {
	padding: 30px 25px 15px;
}
.dropdown-menu .navbar-tabs {
	margin: 0;
}
.gallery-tabs,
.navbar-tabs {
	border: none;
	margin-bottom: 50px;
}
.navbar-tabs > li {
	width: 33.333333%;
}
.gallery-tabs > li > a,
.navbar-tabs > li > a {
	border: none;
	border-right: 1px solid #acacac;
	position: relative;
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	border-radius: 0;
	padding: 15px !important;
	color: #606060;
	margin: 0;
}
.gallery-tabs > li.active > a,
.gallery-tabs > li.active > a:focus,
.gallery-tabs > li.active > a:hover,
.navbar-tabs > li.active > a,
.navbar-tabs > li.active > a:focus,
.navbar-tabs > li.active > a:hover {
	color: #ff0000;
	border: none;
	border-right: 1px solid #acacac;
	background-color: transparent;
}
.navbar-tabs > li > a:hover {
	border-color: #acacac;
}
.navbar-tabs > li > a:after {
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
	position: absolute;
	content: "";
	width: 100%;
	height: 0;
	left: 0;
	bottom: 0;
	background: transparent;
}
.navbar-tabs > li.active > a:after {
	height: 6px;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 50%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 50%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 50%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.navbar-tabs > li:last-child > a {
	border-right: none !important;
}
.nav-subtab {
	padding: 10px 15px;
	background-color: rgba(255, 255, 255, 0.91);
	-webkit-box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 10px 25px rgba(0, 0, 0, 0.1);
	border-bottom: 2px solid #e94b67;
}
.nav-subtab .sub-logo {
	height: 30px;
}
.nav-subtab .pull-right-xs {
	display: inline-block;
}
.nav-subtab .pull-right {
	line-height: 30px;
	color: #373737;
	font-weight: 400;
	cursor: pointer;
}
.nav-subtab .pull-right label {
	margin-right: 10px;
	margin-bottom: 0;
}
.nav-subtab .pull-right span {
	font-size: 18px;
	color: #252525;
	font-weight: 300;
	margin-right: 10px;
}
.nav-subtab .navbar-tabs {
	display: flex;
}
.navbar-tabs.tab-inverse > li > a {
	border: none;
	background-color: #444444;
	color: #aeaeae;
	font-weight: 300;
}
.navbar-tabs.tab-inverse > li > a:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 30px;
	right: 0;
	top: 50%;
	margin-top: -15px;
	background-color: #a1a1a1;
}
.navbar-tabs.tab-inverse > li:last-child > a:before {
	display: none;
}
.navbar-tabs.tab-inverse > li.active > a,
.navbar-tabs.tab-inverse > li.active > a:focus,
.navbar-tabs.tab-inverse > li.active > a:hover {
	color: #fff;
	border: none;
	background-color: #444;
}
.car-list2,
.car-list {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.car-list > li {
	display: inline-block;
	width: 33.333333%;
	text-align: center;
	font-size: 16px;
	height: 100px;
}
.car-list > li > a {
	color: #000000;
}
.car-list > li > a:hover,
.car-list > li > a:focus {
	text-decoration: none;
}
.car-list > li img {
	width: 170px;
	margin-right: 15px;
}
.car-list > li p {
	margin: 0;
}
.car-list > li div {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}
.car-list > li h4 {
	margin: 0 0 10px;
}
.car-list .holder {
	display: inline-block;
	position: relative;
	overflow-x: hidden;
	padding: 0 10px 10px;
	width: 240px;
}
.car-list .holder:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 200%;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #ffffff 50%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #ffffff 50%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff6666 0%, #cf2d68 50%, #ffffff 50%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.car-list > li > a:hover .holder:before,
.car-list > li > a:focus .holder:before {
	right: -100%;
}
.car-list2 > li {
	display: inline-block;
	width: 20%;
	padding: 0 15px;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: center;
}
.car-list2 > li:first-child {
	width: 100%;
	text-align: left;
	margin-bottom: 30px;
}
.car-list2 > li img {
	display: block;
	margin: 0 auto 20px;
}
.car-list2 > li h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 8px;
	color: #000;
}
.car-list2 > li .smaller {
	font-size: 14px;
}
.car-list2 > li:first-child h3 {
	font-size: 28px;
	font-weight: 700;
	color: #000;
	margin: 0 auto 15px;
	line-height: 1.2;
}
.car-list2 > li .price-holder {
	margin-top: 60px;
}
.car-list2 > li .price-holder.has-line {
	border-right: 1px dashed #898989;
}
.car-list2 > li .price {
	line-height: 1.6;
	margin-bottom: 15px;
}
.car-list2 > li:first-child .price {
	line-height: 1.8;
}
.car-list2 > li .detail {
	line-height: 2;
	font-size: 14px;
	margin-bottom: 25px;
}
.car-list2 > li .btn {
	padding: 6px 15px;
	font-size: 16px;
}
.car-list2 > li:first-child .btn {
	padding: 8px 20px;
	font-size: 18px;
}
.car-list3 {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.car-list3 > li {
	display: inline-block;
	width: 20%;
	padding: 0 15px;
	margin-bottom: 25px;
	font-size: 16px;
	text-align: center;
}
.car-list3 > li img {
	display: block;
	margin: 0 auto 20px;
}
.car-list3 > li h3 {
	font-size: 18px;
	font-weight: 400;
	margin: 0 0 8px;
	color: #000;
}
.car-list3 > li .smaller {
	font-size: 14px;
}
.car-list3 > li .price-holder {
	margin-top: 60px;
}
.car-list3 > li .price-holder.has-line {
	border-right: 1px dashed #898989;
}
.car-list3 > li .price {
	line-height: 1.6;
	margin-bottom: 15px;
}
.car-list3 > li:first-child .price {
	line-height: 1.8;
}
.car-list3 > li .detail {
	line-height: 2;
	font-size: 14px;
	margin-bottom: 25px;
}
.car-list3 > li .btn {
	padding: 6px 15px;
	font-size: 16px;
}
header .navbar-tabs {
	margin: 0;
}
header.minimize .nav-contact {
	background-color: rgba(37, 37, 37, 0.91);
	-webkit-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
}
header.minimize .nav-contact img {
	width: 24px;
}
header.minimize .nav-contact ul {
	padding-left: 15px;
	padding-right: 15px;
}
header.minimize .nav-contact ul > li > a {
	font-size: 14px;
	line-height: 24px;
	padding: 5px;
	color: #fff;
}
header.minimize .nav-contact ul > li > a strong {
	font-size: 16px;
}
header.minimize .navbar-tabs > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}




/* Footer */
.main-footer {
	background-color: #1a1a1a;
	color: #fff;
	padding: 50px 0 15px;
}
.main-footer h4 {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	margin: 0 0 20px;
}
.footer-info {
	padding-top: 50px;
}
.footer-info img {
	width: 191px;
	margin-bottom: 25px;
}
.footer-info p {
	line-height: 2;
	font-weight: 100;
	margin: 0;
}
.footer-info p strong {
	font-weight: 500;
}
.sub-footer {
	font-size: 14px;
	padding: 5px 0;
	background-color: #18181c;
	color: #606060;
	text-align: center;
}
.footer-link {
	list-style: none;
	padding: 0;
	font-size: 0;
}
.footer-link:after {
	content: "";
	display: block;
	clear: both;
}
.footer-link > li {
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
.footer-link > li > a {
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
}
.contact,
.social {
	list-style: none;
	display: inline-block;
	text-align: center;
	padding: 0;
}
.social > li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 8px;
}
.social > li img {
	width: 30px;
}
.contact {
	text-align: left;
}
.contact > li {
	display: block;
	line-height: 1.9;
	padding-left: 50px;
	position: relative;
	font-weight: 200;
	margin-bottom: 5px;
}
.contact > li img {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 28px;
}
.social > li > a {
	display: block;
}
.main-footer .callcenter {
	margin-top: 65px;
}
.callcenter {
	text-align: center;
	display: inline-block;
}
.callcenter h3 {
	font-size: 32px;
	line-height: 0.8;
	margin: 0 0 5px;
	letter-spacing: 2px;
}
.callcenter p {
	font-size: 14px;
	font-weight: 200;
	color: #aeaeae;
}


/* Section */
.content {
	position: relative;
}
.content-top {
	margin-top: 86px;
}
.content-top2 {
	margin-top: 130px;
}
section {
	position: relative;
	overflow-x: hidden;
}
.section-header {
	position: relative;
	margin-bottom: 30px;
	text-align: center;
}
.section-header h1,
.section-header h2 {
	color: #231f20;
	font-size: 28px;
	margin: 0;
	letter-spacing: 2px;
	font-weight: 400;
}
.section-header.mt {
	margin-top: 30px;
}
.section-header3 {
	margin-bottom: 25px;
	text-align: center;
}
.section-header3 h2 {
	font-size: 32px;
	margin: 0;
	font-weight: 600;
}
.section-header3 h4 {
	font-size: 22px;
	margin: 5px 0 0;
	color: #000;
	font-weight: 400;
}
.section-header.bg-promotion:after {
	content: "";
	display: block;
	position: absolute;
	width: 339px;
	height: 192px;
	background-image: url(../img-webp/background/promotion.webp);
	background-size: 100%;
	right: -160px;
	top: -40px;
}
.bg-showroom {
	background-image: url(../img-webp/background/showroom.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top 200px center;
}
section.default {
	padding: 50px 0;
}
.subheader {
	text-align: center;
	margin: 0 0 30px;
	font-weight: 200;
}
.section-header.header-line {
	position: relative;
	text-align: left;
	padding: 15px 0 15px 10px;
	border-bottom: 1px solid #a1a1a1;
	margin-bottom: 40px;
}
.section-header.no-header {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px dashed #a1a1a1;
}
.section-header.header-line:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: -17px;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.section-header.header-line.orange:before {
	background: #ff0000; /* Old browsers */
	background: -moz-linear-gradient(top, #ff0000 0%, #ff7200 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff0000 0%,#ff7200 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff0000 0%,#ff7200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.section-header2 {
	margin-bottom: 30px;
	text-align: left;
}
.section-header2 > h2 {
	margin: 0 !important;
	line-height: 1 !important;
}
.section-header2 h4 {
	font-size: 24px !important;
	margin: 0 !important;
	font-weight: 400;
}
.header-right {
	position: absolute;
	right: 0;
	background-color: #f8f8f8;
	display: inline-block;
	box-shadow: 0;
	width: 200px;
	text-align: right;
	font-size: 20px;
	font-weight: 400;
}
section.showroom {
	position: relative;
	background-image: url(../img-webp/showroom/background-2.webp);
	background-size: cover;
	background-position: center center;
	padding: 15px 0 25px;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
section.showroom .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	background-image: url(../img-webp/background/showroom-overlay.webp);
	background-size: 100% 100%;
}
section.showroom .showroom-name {
	position: absolute;
	font-size: 20px;
	line-height: 1.2;
	bottom: 25px;
	left: 0;
	background-color: #d6d6d5;
	padding: 5px 30px 5px 40px;
	border-width: 6px;
	border-left-width: 0;
	border-style: solid;
	-webkit-border-image: 
	-webkit-gradient(linear, 0 0, 0 100%, from(#cf2d68), to(#ff6666)) 1 100%;
	-webkit-border-image: 
	-webkit-linear-gradient(#cf2d68, #ff6666) 1 100%;
	-moz-border-image:
	-moz-linear-gradient(#cf2d68, #ff6666) 1 100%;    
	-o-border-image:
	-o-linear-gradient(#cf2d68, #ff6666) 1 100%;
	border-image:
	linear-gradient(to bottom, #cf2d68, #ff6666) 1 100%;
}
section.showroom .showroom-name span {
	font-weight: 400;
}
.showroom-list {
	background-color: rgba(0, 0, 0, 0.75);
	color: #fff;
	padding: 0 0 15px 15px;
}
.showroom-list h2 {
	position: relative;
	font-size: 28px;
	margin: 0 15px 0 0;
	text-align: right;
	border-bottom: 1px solid #a1a1a1;
	padding: 25px 0 15px;
}
.showroom-list h2:after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	right: -15px;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.showroom-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.showroom-list ul > li {
	display: inline-block;
	font-size: 16px;
	width: 50%;
}
.showroom-list ul > li > a {
	display: block;
	position: relative;
	padding: 10px 0 12px;
	color: #fff;
	border-bottom: 2px solid transparent;
	overflow: hidden;
}
.showroom-list ul > li > a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 200%;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #464646 50%, #464646 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #464646 50%,#464646 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff6666 0%, #cf2d68 50%, #464646 50%,#464646 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.showroom-list ul > li:first-child > a:before {
	height: 4px;
}
.showroom-list ul > li > a:after {
	content: "";
	display: block;
	clear: both;
}
.showroom-list ul > li:first-child {
	width: 100%;
}
.showroom-list ul > li:nth-child(2n) {
	padding-right: 10px;
}
.showroom-list ul > li > a img {
	float: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width: 80px;
}
.showroom-list ul > li > a p {
	margin-left: 100px;
	margin-bottom: 0;
}
.showroom-list ul > li.active > a:before,
.showroom-list ul > li > a:hover:before,
.showroom-list ul > li > a:focus:before {
	right: -100%;
}
.showroom-list ul > li:first-child > a {
	border-bottom-width: 4px;
}
.showroom-list ul > li:first-child > a img {
	width: 260px;
}
.showroom-list ul > li:first-child > a p {
	margin-left: 280px;
}
.showroom-list ul > li > a:hover,
.showroom-list ul > li > a:focus {
	text-decoration: none;
}
.showroom-list ul > li > a p {
	font-size: 18px;
	line-height: 1.5;
}
.showroom-list ul > li > a p i {
	margin-right: 5px;
}
.showroom-list ul > li > a .small {
	font-size: 14px;
	font-weight: 400;
}
.showroom-list ul > li > a .text-red {
	font-size: 16px;
	font-weight: 400;
}
section.knowledge {
	padding: 50px 0;
	background-color: #ea2834;
}
section.knowledge .section-header h2 {
	color: #fff;
}
section.knowledge .btn-view {
	display: block;
	margin: 15px auto 0;
	width: 200px;
	color: #fff;
}
section.knowledge .pagination>li:first-child>a,
section.knowledge .pagination>li:last-child>a,
section.knowledge .pagination>.active>a,
section.knowledge .pagination>.active>a:focus,
section.knowledge .pagination>.active>a:hover,
section.knowledge .pagination>.active>span,
section.knowledge .pagination>.active>span:focus,
section.knowledge .pagination>.active>span:hover {
	background-color: transparent;
	color: #fff;
}
section.knowledge .pagination>li>a:focus,
section.knowledge .pagination>li>a:hover,
section.knowledge .pagination>li>span:focus,
section.knowledge .pagination>li>span:hover {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.2);
}
section.knowledge .pagination > li > a,
section.knowledge .pagination > li > span {
	color: #aeaeae;
}
.card-news-small > img {
	width: 100%;
}
.card-news-small .card-body h3 {
	height: 44px;
	overflow: hidden;
}
.card-news-small .card-body p {
	height: 75px;
	overflow: hidden;
}
.card-campaign {
	display: flex;
}
.card-campaign img {
	float: left;
	width: 450px;
}
.card-campaign .card-body {
	display: inline-block;
	width: calc(100% - 450px);
	text-align: left;
	padding: 25px;
}
.card-campaign h3 {
	margin-bottom: 20px;
}
.card-campaign p {
	margin-bottom: 25px;
}
section.promotion,
section.news {
	background-color: #f8f8f8;
	padding: 50px 0;
}
section.promotion.low-padding {
	padding-bottom: 0;
}
section.promotion .container {
	width: 1270px;
	padding: 0 65px;
	overflow: hidden;
	background-image: url(../img-webp/background/section-promotion.webp);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: left 30px top 80px;
}
section.news {
	background-image: url(../img-webp/background/section-news.webp);
	background-size: auto auto;
	background-repeat: no-repeat;
	background-position: right -10px top 40px;
}
section.promotion .owl-stage-outer {
	overflow: visible;
}
.btn-view.btn-block1,
section.allcar .btn-view,
section.promotion .btn-view {
	display: block;
	margin: 30px auto 0;
	width: 200px;
	color: #ea2834;
}
.btn-view.btn-block1 {
	margin-bottom: 30px;
}
section.allcar {
	padding: 50px 0;
	background-image: url(../img-webp/background/section-allcar.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top 60px;
	background-color: #fff;
}
section.allcar .header-right {
	background-color: #fff;
}
section.content {
	padding: 40px 0;
}
section.content.low-padding {
	padding: 0 0 30px;
}
section.header {
	height: 550px;
	background-size: cover;
	background-position: center center;
}
.header-contact {
	background-image: url(../img-webp/header/contact.webp);
}
.header.header-service {
	height: auto;
	padding: 160px 0 100px;
	color: #fff;
	background-color: #242424;
	background-image: url(../img-webp/background/section-service.webp);
	background-repeat: no-repeat;
	background-position: calc(50% + 300px) calc(50% + 50px);
	background-size: auto auto;
}
.header-service-image {
	background-color: #242424;
}
.header-service-image img {
	width: 100%;
}
.header-service-image .img-mobile {
	display: none;
}
.header-service .container {

}
.header-service .heading {
	margin-bottom: 40px;
}
.header-service .heading2 {
	margin-bottom: 15px;
}
.header-service h1,
.header-service h3 {
	line-height: 1.2;
	margin: 0;
}
.header-service h1 {
	font-weight: 600;
}
.header-service h3 {
	font-size: 24px;
	font-weight: 400;
}
section.carcheck {
	padding: 40px 0;
	background-color: #464646;
	color: #fff;
}
section.carcheck .section-header h2 {
	color: #fff;
	font-weight: 400;
}
section.carcheck .section-header {
	border: none;
}
section.carcheck p {
	color: #aeaeae;
}
section.carcheck ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
section.carcheck ul > li {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 25px;
}
section.carcheck ul > li h3 {
	font-size: 18px;
	margin: 10px 0 5px;
	font-weight: 400;
}
section.fixservice {
	padding: 50px 0;
}
section.fixservice .card-guarantee {
	margin-top: 60px;
}
.fix-list {
	list-style: none;
	margin-bottom: 20px;
	padding-left: 60px;
}
.fix-list > li {
	position: relative;
	font-size: 20px;
	line-height: 1.5;
	color: #000;
	padding: 15px 0;
	font-weight: 400;
}
.fix-list > li:before {
	content: "";
	display: block;
	position: absolute;
	top: 18px;
	left: -50px;
	width: 28px;
	height: 24px;
	background-image: url(../img-webp/icon/fix-list.webp);
	background-size: 100% 100%;
}
section.appointment {
	padding: 50px 0;
}
.appointment-success {
	background: -webkit-linear-gradient(180deg, rgba(243,69,56,1) 0%, rgba(243,69,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: -moz-linear-gradient(180deg, rgba(243,69,56,1) 0%, rgba(243,69,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	background: linear-gradient(180deg, rgba(243,69,56,1) 0%, rgba(243,69,56,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
}
.appointment-success h3 {
	font-size: 24px;
	font-weight: 400;
}
.appointment-success .card-body p {
	font-size: 16px;
	margin-bottom: 20px;
}
.appointment-success .card-appointment {
	display: flex;
}
.appointment-success .card-appointment .card-body {
	height: auto;
}
section.banner img {
	width: 100%;
}
section.hero {
	padding: 50px 0;
}
section.hero .hero-image {
	float: left;
	width: 750px;
}
section.hero .hero-text {
	margin-left: 800px;
}
section.hero .has-margin {
	margin-bottom: 15px;
}
.hero-text {
	padding: 60px 0;
}
.hero-text h1 {
	font-size: 36px;
	font-weight: 100;
	margin: 0 0 25px;
}
.hero-text p {
	font-size: 30px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.hero-text p.low-margin {
	margin-bottom: 5px;
}
.hero-text p .small {
	font-size: 18px;
	display: inline-block;
}
.hero-text p.smaller {
	font-size: 14px;
	margin-top: 15px;
}
.hero-text .btn {
	display: block;
	width: 200px;
	padding: 8px 0;
}
.hero-text .btn img {
	margin-right: 8px;
}
.performance-chart {
	padding: 25px 60px;
}
.performance-chart ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
.performance-chart > h4 {
	color: #000;
	margin: 0 0 25px;
}
.performance-chart ul > li {
	display: inline-block;
	font-size: 16px;
	text-align: center;
	width: 160px;
}
.performance-chart ul > li + li {
	margin-left: 60px;
}
.performance-chart ul > li h4 {
	color: #000;
	font-size: 16px;
	margin: 0 0 5px;
}
.performance-chart ul > li p {
	font-size: 14px;
}
section.video {
	padding: 60px 0;
	background-color: #17171e;
	background-image: url(../img-webp/background/section-video.webp);
	background-position: right top 250px;
	background-repeat: no-repeat;
}
section.video iframe {
	width: 100%;
}
section.video .holder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
section.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.youtube-channel {
	width: 490px;
}
section.feature {
	position: relative;
	padding-left: 320px;
}
.feature-holder {
	position: absolute;
	width: 320px;
	height: 100%;
	left: 0;
	padding: 50px 20px 50px 50px;
	background-color: #000;
	color: #fff;
}
.feature-holder h3 {
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 20px;
}
.feature-holder p {
	color: #aeaeae;
	height: 168px;
	overflow: hidden;
}
.feature-slider {
	position: relative;
}
.feature-slider .slider-back {
	left: 10px;
}
.feature-slider .slider-next {
	right: 10px;
}
.feature-image {
	height: 320px;
	background-size: cover;
	background-position: center center;
}
.choose-color img {
	float: left;
	width: 750px;
}
.choose-color ul {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: 800px;
}
.choose-color ul > li > a {
	display: block;
	padding: 25px 20px 25px 60px;
	border-bottom: 1px solid #b7b7b7;
	color: #606060;
	position: relative;
}
.choose-color ul > li > a .hexagon {
	display: inline-block;
	vertical-align: middle;
	line-height: 20px;
	position: absolute;
    left: 24px;
    top: 30px;
}
.choose-color ul > li.active > a {
	color: #000;
	font-weight: 600;
}
.choose-color ul > li.active > a:after {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.choose-color ul > li.active > a .hexagon {
	left: 18px;
}
.gallery-tabs {
	margin: 0;
}
.gallery-tabs > li {
	width: 33.333333%;
}
.gallery-tabs > li > a {
	position: relative;
	background-color: #464646;
	color: #fff;
	padding: 25px 15px;
	border-right: none;
	font-size: 18px;
	letter-spacing: 1px;
}
.gallery-tabs > li > a:hover,
.gallery-tabs > li > a:focus {
	background-color: #555;
}
.gallery-tabs > li.active > a,
.gallery-tabs > li.active > a:focus,
.gallery-tabs > li.active > a:hover {
	background-color: #000000;
	border-right: none;
	color: #ea2834;
}
.gallery-tabs > li.active > a:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.gallery-tabs > li.active > a:after {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: -11px;
	width: 0; 
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 12px solid #000;
	margin-left: -12px;
	z-index: 1;
}
section.reserve {
	padding: 60px 0;
}
section.compare .label-header {
	font-size: 18px;
	color: #000;
	margin: 0 0 25px;
}
.checkbox-choose {
	margin-bottom: 50px;
}
.compare-table {
	margin-top: 80px;
}
.compare-head {
	font-size: 0;
}
.compare-content {
	font-size: 0;
}
.compare-content > div,
.compare-head > div {
	display: inline-block;
	width: 80%;
	vertical-align: middle;
}
.compare-content > div:first-child,
.compare-head > div:first-child {
	width: 20%;
}
.compare-content > div:first-child {
	font-size: 16px;
	font-weight: 400;
	color: #000;
	padding: 10px 25px 10px 15px;
}
.compare-content .expandable,
.compare-head .expandable {
	display: flex;
}
.compare-content .expandable > div,
.compare-head .expandable > div {
	flex: 1;
	background-color: #ebebeb;
	text-align: center;
	font-size: 16px;
	padding-bottom: 15px;
	font-weight: 400;
	color: #000;
}
.compare-content .expandable > div {
	background-color: transparent;
	padding: 15px 10px;
	position: relative;
}
.compare-content .expandable > div:before {
	content: "";
	display: block;
	height: 90%;
	width: 1px;
	border-left: 1px dashed #acacac;
	position: absolute;
	left: 0;
	top: 5%;
}
.compare-head .expandable > div img {
	width: 200px;
	margin-top: -40px;
	margin-bottom: 15px;
}
.panel-body > .compare-content:nth-child(2n + 1) {
	background-color: #ebebeb;
}
.compare-content .check {
	width: 19px;
}
section.download {
	background-image: url(../img-webp/background/section-download.webp);
	background-size: cover;
	background-position: center;
	padding: 40px 0;
}
.download-holder {
	width: 440px;
	margin: 0 auto;
}
.download-holder img {
	float: left;
	margin-right: 30px;
}
.download-holder h3 {
	font-size: 18px;
	color: #000;
	margin: 0 0 15px;
	padding-top: 20px;
}
.download-holder p {
	font-size: 14px;
	margin-bottom: 15px;
}
.download-holder .btn {
	font-size: 16px;
	padding: 7px 15px;
}
section.countdown {
	position: relative;
	height: 100vh;
	background-image: url(../img-webp/background/bg-desktop.webp);
	background-size: cover;
	background-position: center;
	padding-top: 50px;
}
section.countdown.content-top {
	height: calc(100vh - 85px);
}
.countdown-contact {
	position: absolute;
	background-color: #1a1a1a;
	padding: 15px 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.countdown-contact .right {
	float: right;
	width: 200px;
	margin: 0;
}
.countdown-contact img {
	width: 350px;
	margin-top: 3px;
}
.counter {
	text-align: center;
}
.counter > div > span {
	display: block;
}
.counter > div {
	display: inline-block;
	width: 200px;
	text-align: center;
}
.counter > div + div {
	margin-left: 30px;
}
.counter .unit {
	color: #fff;
	font-family: 'SukhumvitSet';
	font-size: 24px;
    margin-bottom: 20px;
}
.counter .number {
	color: #fff;
	font-family: 'DBHeavent';
	font-weight: 100;
	font-size: 180px;
	line-height: 100px;
	margin-bottom: 30px;
}
.counter .text {
	color: #000;
	font-family: 'DBHeavent';
	font-weight: 100;
	font-size: 84px;
    line-height: 60px;
}
.coming-soon {
	position: absolute;
	bottom: 140px;
	left: 50%;
	font-family: 'SukhumvitSet';
	font-size: 40px;
	line-height: 1;
	color: #fff;
	letter-spacing: 2px;
	margin-left: -177px;
}
.coming-soon > span {
	display: inline-block;
}
.coming-soon .soon {
	margin-left: 50px;
}
section.countdown .form {
	position: absolute;
	text-align: center;
	bottom: 150px;
	width: 700px;
	left: 50%;
	margin-left: -350px;
}
section.countdown .form .form-control {
	background-color: rgba(255, 255, 255, 0.9);
	font-family: 'PSLx';
	border: none;
	font-size: 48px;
	color: #333; 
	height: 72px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-left: 20px;
	padding-right: 20px;
}
section.countdown .form .form-control.left{
	-webkit-border-top-left-radius: 36px;
	-moz-border-top-left-radius: 36px;
	border-top-left-radius: 36px;
	-webkit-border-bottom-left-radius: 36px;
	-moz-border-bottom-left-radius: 36px;
	border-bottom-left-radius: 36px;
}
section.countdown .form .form-control.right{
	-webkit-border-top-right-radius: 36px;
	-moz-border-top-right-radius: 36px;
	border-top-right-radius: 36px;
	-webkit-border-bottom-right-radius: 36px;
	-moz-border-bottom-right-radius: 36px;
	border-bottom-right-radius: 36px;
}
section.countdown .form .btn-white {
	font-family: 'PSLx';
	font-size: 32px !important;
	line-height: 1.2;
	color: #808080;
	padding: 8px 25px;
	-webkit-border-radius: 32.5px;
	-moz-border-radius: 32.5px;
	border-radius: 32.5px;
	background-color: #fff;
}
section.countdown .form .btn-white:hover,
section.countdown .form .btn-white:focus,
section.countdown .form .btn-white:active {
	background-color: #eee;
}
.youtube-holder {
	overflow: hidden;
	height: 100vh;
}
#youtube-player {
	height: 100vh;
	width: 100vw;
}
#youtube-player.pd-top {
	padding-top: 85px;
}



/* Panel */
.panel {
	border: none;
	background-color: transparent;
	box-shadow: none;
}
.panel-group .panel+.panel {
	margin-top: 0;
}
.panel-heading {
	padding: 0;
	border: none;
	position: relative;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.07);
	box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.07);
}
.panel-heading h4 {
	font-size: 18px;
}
.panel-heading a {
	display: block;
	position: relative;
	padding: 15px 25px;
	color: #e92733;
}
.panel-heading a:after {
	content: "";
	display: block;
	width: 20px;
	height: 11px;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -6px;
	background-image: url(../img-webp/icon/accordion-arrow.webp);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.panel-heading a.collapsed:after {
	background-image: url(../img-webp/icon/accordion-arrow.webp);
	background-repeat: no-repeat;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	transform: rotate(0);
}
.panel-default>.panel-heading {
	background-color: #fff;
}
.panel-group .panel-heading+.panel-collapse>.panel-body {
	border: none;
}
.panel-body {
	padding: 0;
}



/* Hexagon */
/* Hexagon ( geometry เดิม 100% ) */
.hexagon {
	display: inline-block;
	position: relative;
	width: 20px; 
	height: 11.55px;
	
	/* แก้แค่บรรทัดนี้บรรทัดเดียว */
	background: linear-gradient(90deg, var(--c-top) 50%, var(--c-bottom, var(--c-top)) 50%);

	border-left: solid 1px #aeaeae;
	border-right: solid 1px #aeaeae;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

/* 2. ที่ตัวลูก เปลี่ยน background เป็น 135deg */
.hexagon:before,
.hexagon:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 14.14px;
	height: 14.14px;
	-webkit-transform: scaleY(0.5774) rotate(-45deg);
	-ms-transform: scaleY(0.5774) rotate(-45deg);
	transform: scaleY(0.5774) rotate(-45deg);
	
	/* แก้แค่บรรทัดนี้บรรทัดเดียว */
	background: linear-gradient(135deg, var(--c-top) 50%, var(--c-bottom, var(--c-top)) 50%);

	left: 1.9289px;
}

/* ส่วนอื่นๆ ด้านล่างนี้คือของเดิม ไม่ต้องแก้ ( geometry และเงายังเหมือนเดิม ) */
.hexagon:before {
	top: -7.0711px;
	border-top: solid 1.4142px #cdcdcd;
	border-right: solid 1.4142px #cdcdcd;
}
.hexagon:after {
	bottom: -7.0711px;
	border-bottom: solid 1.4142px #cdcdcd;
	border-left: solid 1.4142px #cdcdcd;
}
.active .hexagon {
	width: 30px; 
	height: 17.32px;
	-webkit-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}
.active .hexagon:before,
.active .hexagon:after {
	width: 21.21px;
	height: 21.21px;
	left: 3.3934px;
}
.active .hexagon:before {
	top: -10.6066px;
}
.active .hexagon:after {
	bottom: -10.6066px;
}


/* Card */
.card {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	-webkit-box-shadow: 5px 8px 16px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 5px 8px 16px rgba(0, 0, 0, 0.1);
	box-shadow: 5px 8px 16px rgba(0, 0, 0, 0.1);
	margin-bottom: 30px;
}
.card-promotion > img {
	width: 100%;
}
.card-promotion .card-body h3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.card-promotion .card-body p {
	height: 150px;
	overflow-y: hidden;
}
.card-promotion .open-promotion-detail-modal {
	margin-bottom: 10px;
}
.card-image {
	display: block;
	position: relative;
	height: 150px;
	background-size: cover;
	background-position: center center;
}
.card-image2 {
	width: 100%;
}
.card-body {
	text-align: center;
	padding: 20px 15px;
	background-color: #fff;
}
.card-body.low-padding {
	padding: 15px;
}
.card-body.low-padding h3 {
	margin: 0;
}
.card-body h3 {
	color: #231f20;
	font-size: 20px;
	margin: 0 0 10px;
}
.card-facility {
	display: block;
}
a.card-facility:hover,
a.card-facility:active,
a.card-facility:focus {
	text-decoration: none;
}
.card-facility .card-body h3 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
}
.card-body h2 {
	color: #231f20;
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 20px;
	line-height: 1.3;
}
.card-body .time {
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
.card-body p {
	font-size: 14px;
	line-height: 1.8;
}
.card-body .btn {
	font-size: 16px;
	min-width: 100px;
	padding: 5px 20px;
}
.card.bg-black {
	border-radius: 0;
	margin: 0;
}
.card.bg-black .card-body {
	background-color: #252525;
	color: #aeaeae;
	text-align: left;
	padding: 25px 35px;
}
.card.bg-black .card-body h3 {
	font-size: 18px;
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.4;
	font-weight: 400;
}
.card.bg-black .card-body p {
	font-size: 16px;
	line-height: 1.8;
	margin: 0;
}
.card-news {
	margin-bottom: 25px;
}
.card-news .card-image,
.card-news .card-body {
	display: inline-block;
	height: 500px;
	vertical-align: top;
}
.card-news .card-body {
	width: 33.333333%;
	text-align: left;
	background-color: transparent;
	padding: 25px 10px 25px 0;
}
.card-news .card-image {
	width: 66.666667%;
	-webkit-box-shadow: 30px 40px 50px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 30px 40px 50px rgba(0, 0, 0, 0.16);
	box-shadow: 30px 40px 50px rgba(0, 0, 0, 0.16);
}
.card-news .card-body p,
.card-news .card-body .time {
	font-size: 16px;
}
.card-news .card-body p {
	margin-bottom: 25px;
}
.card-news .card-body .btn {
	padding: 6px;
	width: 120px;
	font-size: 18px;
}
.card-body .card-header {
	position: relative;
	margin: 0 0 30px;
	padding: 15px 0;
	color: #000000;
	font-size: 24px;
	letter-spacing: 2px;
}
.card-header:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: -20px;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.card-header:after {
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: calc(100% + 13px);
	left: -13px;
	bottom: 0;
	background-color: #a1a1a1;
}
.card-contact {
	display: flex;
}
.card-contact:after {
	content: "";
	display: block;
	clear: both;
}
.card-black {
	background-color: #1a1a1a;
	color: #fff;
	padding: 50px 40px;
}
.card-contact > .card-black {
	float: left;
	width: 33.333333%;
}
.card-contact > .card-body {
	float: left;
	width: 66.666667%;
}
.card-contact h4 {
	font-size: 16px;
	margin: 0 0 15px;
	font-weight: 400;
}
.card-contact .social {
	text-align: left;
}
.card-contact .social > li {
	display: block;
	margin: 0 0 10px;
}
.card-contact .social > li > a {
	color: #fff;
}
.card-contact .social img {
	margin-right: 15px;
}
.card-contact .contact {
	margin-bottom: 50px;
}
.card-contact .contact > li {
	padding-left: 40px;
}
.card-contact .contact > li img {
	left: 0;
}
.card-contact .card-body {
	text-align: left;
	padding: 50px 40px;
}
.card-job {
	-webkit-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);
	box-shadow: 5px 8px 20px rgba(0, 0, 0, 0.08);
	margin-bottom: 25px;
}
.card-job .card-body {
	text-align: left;
	padding: 30px;
	position: relative;
	background-image: url(../img-webp/icon/job.webp);
	background-repeat: no-repeat;
	background-position: right 50px top 30px;
}
.card-job .card-body:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.card-job .card-body:after {
	content: "";
	display: block;
	clear: both;
}
.card-job .holder {
	padding-right: 120px;
}
.card-job .holder p {
	height: 100px;
	overflow-y: hidden;
}
.card-job .card-action {
	float: right;
}
.card-job .card-action .btn {
	font-size: 18px;
}
.card-job .card-action .btn + .btn {
	margin-left: 10px;
}
.card-job .card-action .btn-border-red {
	padding-top: 4px;
	padding-bottom: 4px;
}
.card-showroom {
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-bottom: 50px;
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
}
.card-showroom .card-image {
	height: 400px;
	position: relative;
}
.card-showroom .showroom-name {
	position: absolute;
	color: #fff;
	left: 30px;
	bottom: 20px;
	margin: 0;
	z-index: 1;
	letter-spacing: 2px;
	font-weight: 400;
	font-size: 24px;
}
.card-showroom .card-image:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 20%;
	background: rgba(0,0,0,1);
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%);
	bottom: 0;
}
.card-showroom .card-body {
	text-align: left;
	padding: 10px 30px;
}
.card-showroom .card-body:after {
	content: "";
	display: block;
	clear: both;
}
.card-showroom .card-body img {
	width: 29px;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.card-showroom .card-body .btn {
	float: right;
	font-size: 18px;
	padding: 8px 25px;
}
.card-showroom .card-body p {
	font-size: 18px;
	font-weight: 200;
	padding-top: 5px;
	margin: 0;
}
.card-showroom .card-body strong {
	font-weight: 400;
}
.card-guarantee {
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.1);
	margin-bottom: 25px;
}
.card-guarantee .card-body,
.card-guarantee .card-image {
	display: inline-block;
	vertical-align: top;
	height: 300px;
}
.card-guarantee .card-body {
	width: 58%;
	background-color: #252525;
	color: #fff;
	padding: 25px 40px 25px 60px;
}
.card-guarantee .card-image {
	width: 42%;
	background-image: url(../img-webp/example/guarantee.webp);
	background-size: cover;
	background-position: center center;
}
.card-guarantee .section-header h2 {
	color: #fff;
	font-weight: 400;
	font-size: 24px;
	margin: 0;
}
.card-guarantee .card-body p {
	font-size: 16px;
	line-height: 2;
	text-align: left;
}
.card-guarantee .section-header.header-line {
	border: none;
	padding-left: 0;
}
.card-guarantee .section-header.header-line:before {
	left: -25px;
}
.card-appointment {
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
}
.card-appointment .card-body {
	display: inline-block;
	vertical-align: top;
	height: 500px;
	width: 66.666667%;
	text-align: left;
	position: relative;
}
.card-appointment .bg-black {
	background-color: #252525;
}
.card-appointment .bg-black h2 {
	color: #fff;
}
.card-appointment .bg-black label,
.appointment-success label {
	color: #aaa;
}
.card-appointment .bg-black label.error {
	margin-left: 10px;
}
.card-appointment .card-body:first-child {
	width: 33.333333%;
	padding: 40px;
}
.card-appointment .card-body:last-child {
	padding: 100px 30px 0;
	background-image: url(../img-webp/icon/fix.webp);
	background-repeat: no-repeat;
	background-position: right 30px top 30px;
	background-size: 55px 57px;
}
.card-appointment .card-body:last-child .btn {
	font-size: 18px;
	position: absolute;
	right: 30px;
	bottom: 50px;
	padding: 6px 25px;
}
.card-appointment .card-body:first-child h2 {
	font-size: 28px;
	font-weight: 400;
	margin: 0 0 25px;
}
.card-appointment .card-body:first-child label {
	margin-bottom: 10px;
}
.card-insurance {
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	margin-bottom: 50px;
	display: flex;
}
.card-insurance .card-body {
	display: block;
	vertical-align: top;
	text-align: left;
	position: relative;
	/*width: 75%;*/
	padding: 50px;
}
/*.card-insurance .card-body:first-child {
	position: relative;
	width: 25%;
	background: -moz-linear-gradient(top, #cf2e68 0%, #fd6668 100%);
	background: -webkit-linear-gradient(top, #cf2e68 0%, #fd6668 100%);
	background: linear-gradient(to bottom, #cf2e68 0%, #fd6668 100%);
}*/
/*.card-insurance .card-body:first-child:before {
	position: absolute;
	content: "";
	display: block;
	width: 84px;
	height: 398px;
	left: 30px;
	top: 50px;
	background-image: url(../img-webp/background/section-insurance.webp);
}*/
/*.card-insurance .card-body:last-child {
	padding: 80px 120px 80px 80px;
}*/
.insurance-form {
	width: 300px;
	max-width: 100%;
}
.card-insurance .card-body:last-child h1 {
	margin: 0 0 10px;
	color: #000;
}
.card-insurance .card-body:last-child h3 {
	margin: 0 0 40px;
}
.card-insurance .card-body:last-child p {
	font-size: 16px;
	line-height: 2;
}
.card-insurance .card-body:last-child article {
	margin-bottom: 40px;
}
.insurance-list {
	list-style: none;
	padding: 0 0 40px 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #6a6d8c;
	font-size: 0;
}
.insurance-list > li {
	display: inline-block;
	width: 20%;
	padding: 0 15px;
	text-align: center;
	margin-bottom: 10px;
}
.card-insurance .social-list {
	position: absolute;
	right: 80px;
	top: 80px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.card-insurance .social-list > li {
	margin-bottom: 10px;
}
.card-article {
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.05);
	margin-bottom: 50px;
}
.card-article .card-banner {
	width: 100%;
}
.card-article .card-body {
	padding: 80px;
	text-align: left;
}
.card-article article header  {
	margin-bottom: 15px;
}
.card-article article header h1 {
	font-size: 32px;
	font-weight: 600;
	margin: 0 0 10px;
	color: #000;
}
.card-article article header span {
	margin-bottom: 30px;
}
.card-article .card-body span,
.card-article .card-body p {
	font-size: 16px;
	line-height: 2;
}
.card-article article h1 {
	font-size: 36px;
}
.card-article article h2 {
	font-size: 28px;
}
.card-article article h3 {
	font-size: 20px;
}
.card-article article h4 {
	font-size: 16px;
}
.card-article article h1,
.card-article article h2,
.card-article article h3,
.card-article article h4 {
	color: #606060;
	margin: 0 0 10px;
}
.card-article article p,
.card-article article {
	font-family: sans-serif;
}
.card-article article header {
	font-family: 'Prompt';
}
.card-article article strong {
	font-weight: 700;
}
.article-sharing {
	float: right;
	width: 80px;
}
.article-sharing h4 {
	text-align: right;
}
.article-sharing ul,
.article-sharing-mobile ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.article-sharing ul > li {
	text-align: right;
	margin-bottom: 10px;
}
.article-sharing-mobile > ul > li {
	display: inline-block;
}
.article-sharing ul > li img,
.article-sharing-mobile ul > li img {
	width: 32px;
}
.card-article .card-body article {
	margin-right: 80px;
}
.card-showroom-detail {
	display: flex;
	margin-bottom: 15px;
}
.card-showroom-detail > .card-body:first-child {
	float: left;
	width: 40%;
	background-color: #282828;
	padding: 0 40px 30px;
	text-align: left;
	color: #d0d0d0;
}
.card-showroom-detail > .card-body:first-child h1 {
	position: relative;
	font-size: 24px;
	margin: 0 0 20px;
	color: #fff;
	padding: 25px 0;
	font-weight: 300;
	border-bottom: 1px solid #a1a1a1;
}
.card-showroom-detail > .card-body:first-child p {
	font-weight: 100;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 2.5;
}
.card-showroom-detail > .card-body:first-child .btn {
	font-weight: 200;
	padding: 10px;
	font-size: 16px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.card-showroom-detail > .card-body:first-child .btn-border-white {
	margin-bottom: 20px;
}
.card-showroom-detail > .card-body:first-child h1:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: -40px;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.card-showroom-detail > .card-body:last-child {
	float: left;
	width: 60%;
	background-color: transparent;
	padding: 50px 60px;
	text-align: left;
}
.card-showroom-detail > .card-body:last-child h4 {
	font-size: 20px;
	color: #000;
	margin: 0 0 15px;
	font-weight: 600;
}
.card-showroom-detail > .card-body:last-child p {
	font-size: 16px;
	line-height: 2;
	font-weight: 200;
}
.card-reserve {
	display: flex;
	-webkit-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
	box-shadow: 20px 30px 50px rgba(0, 0, 0, 0.2);
}
.card-reserve > .card-body {
	display: inline-block;
}
.card-reserve > .card-body:first-child {
	width: 33.333333%;
	background-color: #252525;
	padding: 0 30px;
	color: #fff;
	text-align: left;
}
.card-reserve > .card-body:first-child h1 {
	font-size: 24px;
	font-weight: 600;
	letter-spacing: 1px;
	margin: 0 0 30px;
}
.card-reserve > .card-body:first-child label {
	color: #fff;
}
.card-reserve > .card-body:first-child .card-header {
	padding: 20px 0;
}
.card-reserve > .card-body:first-child .card-header h2 {
	font-size: 24px;
	margin: 0;
	font-weight: 400;
	color: #fff;
}
.card-reserve > .card-body:first-child .card-header:before {
	left: -30px;
}
.card-appointment > .card-body:first-child .select2-container--default .select2-selection--single {
	background-image: url(../img-webp/icon/select-arrow-white.webp);
	border: 1px solid #fff;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.card-appointment > .card-body:first-child .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #fff;
}
.card-reserve > .card-body:first-child .select2-container--default .select2-selection--single {
	background-image: url(../img-webp/icon/select-arrow-white2.webp);
}
.card-reserve > .card-body:first-child .select2-container--default .select2-selection--single,
.card-reserve > .card-body:first-child select.underline {
	border-width: 2px;
	border-color: #b7b7b7;
	color: #aeaeae;
}
.card-reserve > .card-body:first-child .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #aeaeae;
}
.selection:focus {
	outline: none;
}
.card-reserve > .card-body:last-child {
	width: 66.666667%;
	padding: 0;
	text-align: left;
}
.card-reserve > .card-body:last-child img {
	float: right;
	width: 390px;
	margin-right: 30px;
	margin-top: 50px;
}
.card-reserve > .card-body:last-child .form-holder {
	margin-right: 420px;
	padding: 20px 30px 40px;
}
.form-holder p,
.form-holder .form-group {
	margin-bottom: 20px;
}
.form-holder .low-margin {
	margin-bottom: 10px;
}
.form-holder p {
	color: #252525;
	font-size: 16px;
}
.card-footer .bigger,
.form-holder .bigger {
	font-size: 24px;
}
.form-holder .b {
	font-weight: 700;
}
.form-holder .form-group.inline .select2-container,
.form-holder .form-group.inline select {
	float: right;
	width: 120px !important;
}
.form-holder .form-group.inline > span:first-child {
	display: inline-block;
	padding-top: 5px;
	color: #252525;
}
.card-footer {
	padding: 15px 30px;
	background-color: #ebebeb;	
}
.card-footer .btn {
	float: right;
	font-size: 18px;
	margin-top: 15px;
}
.card-footer p {
	margin: 0;
}



/* Pagination */
.pagination > li {
	display: inline-block;
}
.paginationjs ul {
	padding: 0;
}
.pagination > li + li {
	margin-left: 6px;
}
.pagination > li > a,
.pagination > li > span {
	display: block;
	border: none;
	background-color: transparent;
	color: #606060;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 6px 14px;
}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: transparent;
	color: #ff0000;
	font-size: 20px;
	font-weight: 400;
}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
	color: #ff0000;
}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	background-color: transparent;
	color: #aaa !important;
}
.pagination>li:first-child>a,
.pagination>li:last-child>a {
	color: #ff0000;
}


/* Slider */
.owl-carousel {
	position: relative;
}
.slider-back,
.slider-next,
.owl-theme .owl-nav button[class*=owl-] {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	padding: 10px !important;
	z-index: 10;
	font-size: 30px;
}
.owl-carousel .owl-nav button.owl-prev,
.slider-back {
	left: 30px;
}
.owl-carousel .owl-nav button.owl-next,
.slider-next {
	right: 30px;
}
.owl-carousel .owl-nav button.owl-prev img,
.owl-carousel .owl-nav button.owl-next img,
.slider-back img,
.slider-next img {
	width: 9px;
}
.owl-theme .owl-nav [class*=owl-]:hover {
	background-color: transparent;
	opacity: 0.8;
	color: #606060;
}
.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
	border: 1px solid #555555;
	background-color: transparent;
}
.owl-theme .owl-nav {
	margin: 0;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	border-color: #8f8f8f;
	border-width: 4px;
	background-color: transparent;
}
.owl-theme .owl-dots .owl-dot:focus {
	outline: none;
}
#main-slider .owl-dots {
	position: relative;
	margin-top: -20px;
	margin-bottom: 10px;
}
#promotion-slider .owl-dots {
	position: absolute;
	bottom: 0;
	margin: 0;
	display: block;
	width: 100%;
}
.slider-wrapper {
	position: relative;
}
.slider-detail {
	position: relative;
	width: 600px;
	max-width: 100%;
	padding: 25px 20px 25px 27px;
	background-color: #fff;
	margin-top: -100px;
	-webkit-box-shadow: 15px 20px 40px rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 15px 20px 40px rgba(0, 0, 0, 0.09);
	box-shadow: 15px 20px 40px rgba(0, 0, 0, 0.09);
	margin: -75px auto 50px;
}
.slider-detail:before {
	content: "";
	display: block;
	position: absolute;
	height: 100%;
	width: 7px;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(top, #cf2d68 0%, #ff6666 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #cf2d68 0%,#ff6666 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #cf2d68 0%,#ff6666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	left: 0;
	top: 0;
	-webkit-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	-moz-box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
	box-shadow: 0 0 16px rgba(234, 37, 49, 0.15);
}
.slider-detail .btn {
	float: right;
}
.slider-detail2 h2,
.slider-detail h2 {
	color: #231f20;
	font-size: 28px;
	margin: 0 0 15px;
	line-height: 1.3;
}
.slider-detail h2 {
	height: 72px;
	overflow: hidden;
}
.slider-detail p {
	height: 72px;
	margin: 0;
	overflow: hidden;
}
.slider-detail h2,
.slider-detail p {
	margin-right: 150px;
}
.slider-detail2 {
	background-color: #fff;
	padding: 40px 25px;
}
.slider-detail2 h2 {
	font-size: 20px;
	margin-bottom: 20px;
}
.slider-detail2 .time {
	display: block;
	font-size: 15px;
	margin-bottom: 20px;
}
.slider-detail2 p {
	line-height: 1.8;
	margin-bottom: 40px;
	max-height: 168px;
	overflow: hidden;
}
.slider-detail2 .btn {
	display: block;
	width: 180px;
	margin: 0 auto;
}
.slider-detail2 .hot-deal {
	width: auto !important;
	margin-bottom: 25px;
}
#promotion-slider .slider-detail2,
#promotion-slider .slider-image {
	height: 500px;
	float: left;
}
#promotion-slider .slider-image {
	width: 75%;
	background-size: cover;
	background-position: center center;
}
#promotion-slider .slider-detail2 {
	width: 25%;
}
.promotion-card {
	-webkit-box-shadow: 20px 30px 30px rgba(0, 0, 0, 0.16);
	-moz-box-shadow: 20px 30px 30px rgba(0, 0, 0, 0.16);
	box-shadow: 20px 30px 30px rgba(0, 0, 0, 0.16);
	margin-bottom: 50px;
}
.promotion-card:after {
	content: "";
	display: block;
	clear: both;
}


/* Car */
.car-small {
	text-align: center;
}
.car-small img {
	margin-bottom: 20px;
}
.car-small h3 {
	margin-bottom: 5px;
}
.car-small p {
	line-height: 1.2 !important;
	margin-bottom: 15px;
}


/* Form */
.form-group {
	position: relative;
	margin-bottom: 25px;
}
.form-control {
	color: #000;
	font-size: 16px;
	box-shadow: none;
	background-color: transparent;
	font-weight: 400;
	border: 1px solid #6a6d8c;
	height: 40px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.form-control.bigger {
	font-size: 20px;
	height: 44px;
}
.form-control:focus {
	box-shadow: none;
	color: #ff0000;
	border-color: #ff0000;
}
.form-control.underline {
	box-shadow: none;
	background-color: transparent;
	border-radius: 0;
	border: none;
	padding: 2px 0 8px;
	height: 40px;
	background-image: linear-gradient(to right, #cf2d68 0%, #fd6466 50%, #6a6d8c 50%, #6a6d8c 100%);
	background-size: calc(200% + 4px) 1px; /* 4px extra to cater for 2px border on right + 2px on left */
	background-repeat: no-repeat;
	background-origin: border-box; /* make background start from border area itself instead of content/padding area */
	background-position: right bottom;
	box-sizing: border-box !important;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
}
.form-control[readonly].date-select,
.form-control[readonly].date-select-appointment,
.form-control[readonly].date-select-testdrive {
	background-color: transparent;
}
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover.active.focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active.focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active {
	background-color: #cf2d68;
	border-color: #cf2d68;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
	color: #ccc;
}
.form-control::-webkit-input-placeholder {
	font-weight: 400;
	color: #bbb;
	letter-spacing: 2px;
}
textarea.form-control {
	border: 1px solid #6a6c8d;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: auto;
	padding: 6px 12px;
}
textarea.form-control:focus {
	color: #ff0000;
	border-color: #ff0000;
}
input.form-control.underline.error {
	background-image: linear-gradient(to right, red 0%, red 100%);
}
textarea.form-control.error,
select.form-control.error,
select.form-control.underline.error {
	border-color: red !important;
}
textarea {
	resize: none;
}
.select2-container--default .select2-selection--single .select2-selection__rendered > span {
	font-weight: 300;
	letter-spacing: 0;
	line-height: 36px;
	display: inline-block;
}
.select2-selection__rendered {
	text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: none !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 12px;
	padding-right: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 38px;
	color: #000;
}
.select2-container--default .select2-selection--single,
select.form-control {
	height: 40px;
	-webkit-appearance: none;
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #6a6d8c;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-weight: 400;
	color: #000;
	font-size: 16px;
	background-image: url(../img-webp/icon/select-arrow.webp);
	background-size: 14px 7px;
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 25px;
}
select.form-control:focus {
	border-color: #ff0000;
}
.select2-container--default .select2-selection--single,
select.form-control.underline {
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url(../img-webp/icon/select-arrow.webp);
	background-repeat: no-repeat;
	background-position: right 12px center;
	background-size: 14px 7px;
	border: none;
	border-bottom: 1px solid #6a6d8c;
	padding-right: 30px;
}
.card-contact .select2-container--default .select2-selection--single,
.modal .select2-container--default .select2-selection--single {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #6a6d8c;
}
.select2-container--open .select2-selection--single {
	border-color: #ff0000 !important;
}
.select2-container--open .select2-selection--single .select2-selection__rendered {
	color: #ff0000;
}
.form-control.underline:focus {
	color: #ff0000;
	background-position: left bottom;
}
.form-control.white:focus {
	border-color: #ff0000;
}
select.form-control.underline:focus {
	background-position: right 12px center;
	border-color: #ff0000;
}
select.form-control.white {
	border-color: #fff;
	background-image: url(../img-webp/icon/select-arrow-white.webp);
	color: #fff;
}
select.form-control.white option {
	color: #000;
}
.form-control.white {
	color: #fff;
	border-color: #fff;
}
select.form-control.white2 {
	border-color: #fff;
	background-image: url(../img-webp/icon/select-arrow-white2.webp);
	color: #fff;
}
select.form-control option {
	padding-left: 8px;
	padding-right: 8px;
}
.select2-dropdown {
	border-color: #ff0000;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #ff0000;
}
.select2-results__option {
	color: #000;
}
label {
	color: #000;
	font-weight: 400;
	-webkit-transition: all .25s;
	-moz-transition: all .25s;
	transition: all .25s;
}
label.error {
	color: red !important;
	position: absolute;
	font-size: 14px;
}
label.active {
	color: #ff0000;
}
form .btn {
	margin-top: 15px;
	min-width: 150px !important;
	font-size: 18px !important;
}
.label-radio {
	display: inline-block;
	cursor: pointer;
	text-align: center;
	padding: 0 15px;
}
.label-radio > input{ /* HIDE RADIO */
	visibility: hidden; /* Makes input not-clickable */
	position: absolute; /* Remove input from document flow */
	left: -10000px;
}
.label-radio .radio-image {
	width: 77px;
	height: 76px;
	background-size: 100% 100%;
}
.label-radio.engine .radio-image {
	background-image: url(../img-webp/icon/engine.webp);
}
.label-radio.engine > input:checked + .radio-image {
	background-image: url(../img-webp/icon/engine-active.webp);
}
.label-radio.coloring .radio-image {
	background-image: url(../img-webp/icon/coloring.webp);
}
.label-radio.coloring > input:checked + .radio-image {
	background-image: url(../img-webp/icon/coloring-active.webp);
}
.label-radio > input:checked + div + span {
	background: -webkit-linear-gradient(left, #cf2d67 , #fd6466);
	background: -moz-linear-gradient(right, #cf2d67, #fd6466);
	background: linear-gradient(to right, #cf2d67 , #fd6466); 
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.label-checkbox {
	display: block;
	margin-bottom: 15px;
}
.label-checkbox .bg {
	display: block;
	cursor: pointer;
	padding: 10px 15px;
	background-color: transparent;
	border: 1px solid #acacac;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	position: relative;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
.label-checkbox > input {
	visibility: hidden;
	position: absolute;
	left: -10000px;
}
.label-checkbox input:checked + .bg {
	border-color: #fff;
	background-color: #fff;
}
.label-checkbox input:checked + .bg > .checkbox-image {
	border-color: #2f3490;
	background-color: #3f75c3;
}
.label-checkbox img {
	float: left;
	width: 50px;
	margin-right: 15px;
	margin-top: 5px;
}
.label-checkbox p {
	color: #000;
	display: inline-block;
	margin: 0;
	line-height: 1.4;
	padding-left: 35px;
}
.label-checkbox .checkbox-image {
	position: absolute;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 2px solid #636363;
	left: 15px;
	top: 50%;
	margin-top: -10px;
}
.form-search {
	margin-bottom: 30px;
	position: relative;
}
.form-search .form-control {
	border-radius: 0;
	border: none;
	border-bottom: 1px solid #989898;
	padding-left: 40px;
	font-size: 20px;
	height: 44px;
	color: #000;
}
.form-search img {
	position: absolute;
	top: 50%;
    left: 10px;
    margin-top: -10px;
    color: #989898;
}


/* Modal */
.modal.in {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
}
.modal.fade .modal-dialog {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition: -webkit-transform 0.25s ease-out;
	-moz-transition: -moz-transform 0.25s ease-out;
	-o-transition: -o-transform 0.25s ease-out;
	transition: transform 0.25s ease-out;
}
.vertical-alignment-helper {
	display:table;
	height: 100%;
	width: 100%;
	pointer-events: none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
	/* To center vertically */
	display: table-cell;
	vertical-align: middle;
	pointer-events:none;
}
.modal-content {
	/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	width:inherit;
	height:inherit;
	/* To center horizontally */
	margin: 35px auto 25px;
	pointer-events: all;
	-webkit-box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.5);
	box-shadow: 15px 20px 50px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border: none;
}
.modal-backdrop.in {
	filter: alpha(opacity=85);
	opacity: 0.85;
}
.modal-dialog {
	width: 480px;
}
.modal-md {
	width: 600px;
}
.modal-lg {
	width: 800px;
}
.modal-header {
	border: none;
	padding: 30px 40px;
	background-color: #252525;
	color: #fff;
	position: relative;
}
.modal-header h3 {
	margin: 0 0 15px;
}
.modal-header p {
	color: #b9b9b9;
	margin: 0;
}
#promotionModal .modal-header,
#discountModal .modal-header {
	background-image: url(../img-webp/background/modal-discount.webp);
	background-size: auto;
	background-position: right 50px center;
	background-repeat: no-repeat;
	padding-right: 120px;
}
#testdriveModal .modal-header,
#appointmentModal .modal-header {
	background-image: url(../img-webp/background/modal-testdrive.webp);
	background-size: auto;
	background-position: right 50px center;
	background-repeat: no-repeat;
	padding-right: 120px;
}
.modal-header .section-header {
	margin: 0;
}
.modal-header .download {
	display: block;
	position: absolute;
	padding: 12px;
	border: 1px solid #e81111;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	color: #fff;
	right: 30px;
	top: 50%;
	font-weight: 400;
	line-height: 1.2;
	margin-top: -32px;
}
.modal-header .download img {
	float: left;
	margin-right: 15px;
}
.modal-body {
	padding: 30px 40px;
}
.modal-body .btn {
	display: block;
	width: 160px;
	margin: 0 auto;
}
.modal-body p {
	line-height: 1.8;
}
.modal-body strong {
	font-weight: 500;
}
.modal-body .button-group {
	margin-top: 20px;
	text-align: center;
}
.modal-body .button-group > .btn {
	display: inline-block;
	margin: 0;
}
.modal-body .button-group > .btn + .btn {
	margin-left: 60px;
}
#testdriveModal .modal-body .btn {
	margin-right: 0;
	margin-top: 25px;
}
#promotionModal .modal-body .btn,
#appointmentModal .modal-body .btn {
	margin-left: 0;
}
#jobDetailModal .modal-body .btn {
	padding: 6px;
}
#jobRegistrationModal .modal-body .btn {
	margin-right: 0;
	margin-top: 20px;
}
#promotionDetailModal .modal-header h3 {
	margin: 0;
}
.modal-header .close {
	margin-top: 0;
	top: -35px;
	color: #fff;
	opacity: 0.8;
	font-weight: 200;
	font-size: 28px;
	position: absolute;
	z-index: 1;
	right: 0;
	padding: 5px 10px;
}
#submodelModal .modal-dialog {
	width: 1020px;
}
#submodelModal .modal-content,
#submodelModal .modal-header {
	background-color: transparent;
}
#submodelModal .modal-header {
	padding: 15px 0;
	border-bottom: 2px solid #e94b67;
}
#submodelModal .modal-header .close {
	top: -50px;
	right: -12px;
	font-weight: 100;
	font-size: 44px;
}
#submodelModal .modal-content {
	box-shadow: none;
	margin-top: 50px;
}
#submodelModal .modal-header p {
	color: #fff;
}
#submodelModal .modal-header span {
	margin-right: 10px;
}
#submodelModal .modal-body {
	padding: 0 15px;
}
#submodelModal ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0;
}
#submodelModal ul > li {
	display: inline-block;
	width: 50%;
}
#submodelModal ul > li a {
	display: block;
	padding: 30px 5px 15px;
	position: relative;
	overflow: hidden;
}
#submodelModal ul > li a:hover,
#submodelModal ul > li a:focus {
	text-decoration: none;
}
#submodelModal ul > li a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 2px;
	width: 200%;
	background: #cf2d68; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #464646 50%, #464646 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff6666 0%, #cf2d68 50%, #464646 50%,#464646 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff6666 0%, #cf2d68 50%, #464646 50%,#464646 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
#submodelModal ul > li a:hover:before,
#submodelModal ul > li.active a:before,
#submodelModal ul > li.active a:hover:before {
	right: -100%;
}
#submodelModal ul > li > a > h2 {
	font-size: 36px;
	font-weight: 100;
	color: #ffffff;
	margin: 0 0 8px;
}
#submodelModal ul > li.active > a > h2 {
	font-weight: 400;
}
#submodelModal ul > li > a > p {
	font-size: 16px;
	font-weight: 400;
	color: #e94b67;
	margin: 0;
}
#submodelModal ul > li:nth-child(2n+1) {
	padding-right: 30px;
}
#submodelModal ul > li:nth-child(2n) {
	padding-left: 30px;
}
.modal-alert {
	width: 550px;
	max-width: 100%;
}
.modal-alert .modal-content {
	background-color: #252525;
	color: #fff;
}
.modal-alert .modal-body {
	padding: 30px;
}
.modal-alert .modal-body .btn {
	margin-left: 0;
}
.modal-alert h3 {
	margin: 0 0 20px;
	letter-spacing: 1px;
	font-weight: 500;
}
.modal-alert img {
	float: right;
}
.modal-alert p {
	color: #b9b9b9;
	margin-bottom: 25px;
}
.otp-inputs {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 20px 0;
}
.otp-input {
    width: 50px;
    height: 60px;
    text-align: center;
    font-size: 24px;
    border: 1px solid #ccc;
    border-radius: 8px;
    outline: none;
    transition: border 0.3s;
}
.otp-input:focus {
    border-color: #FF0000; /* สีแดงแบบในรูป */
}


/* Gallery */
.gallery {
	list-style: none;
	padding: 0;
	margin-bottom: 30px;
}
.gallery:after {
	display: block;
	content: "";
	clear: both;
}
.gallery li {
	width: 25%;
	float: left;
}
.gallery > li > a {
	display: block;
	position: relative;
}
.gallery > li > a img {
	display: none;
}
.gallery > li.more > a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.gallery .more-text {
	position: absolute;
	font-size: 48px;
	font-weight: 600;
	color: #fff;
	top: 50%;
	left: 0;
	z-index: 1;
	text-align: center;
	width: 100%;
	line-height: 0.75;
	margin: -36px 0 0 0;
	letter-spacing: 2px;
}
.gallery .more-text span {
	font-size: 18px;
	font-weight: 300;
}
.gallery .image {
	height: 250px;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
	position: relative;
	overflow: hidden;
}
.gallery .image > div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.gallery .image:hover > div {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	transform: scale(1.2);
}
.gallery.large {
	margin: 0;
}
.gallery.large > li:first-child {
	width: 72%;
}
.gallery.large > li:first-child .image {
	height: 700px;
}
.gallery.large > li:nth-child(2),
.gallery.large > li:nth-child(3) {
	width: 28%;
}
.gallery.large > li:nth-child(2) .image,
.gallery.large > li:nth-child(3) .image {
	height: 300px
}
.gallery.large > li:nth-child(4) {
	width: 28%;
}
.gallery.large > li:nth-child(4) .image {
	height: 100px;
}
.gallery.large .more-text {
	font-size: 24px;
	line-height: 1.2;
	margin-top: -28px;
}
.fancybox-navigation .fancybox-button {
	width: 85px;
	height: 110px;
}


/* Button */
a, .btn {
	cursor: pointer;
	-webkit-transition: .25s all;
	-moz-transition: .25s all;
	transition: .25s all;
}
a.no-underline:hover,
a.no-underline:focus {
	text-decoration: none;
}
a:focus {
	outline: none;
}
.btn {
	padding: 8px 20px;
	font-size: 18px;
	letter-spacing: 1px;
	border: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.btn:focus {
	outline: none;
}
.btn-view {
	font-weight: 500;
	font-size: 18px;
	padding: 6px 25px;
	text-align: center;
	text-decoration: underline;
	padding: 0;
}
.btn-view img {
	width: 36px;
	margin-right: 10px;
}
.btn-primary {
	background-size: 100% 100% !important;
	background: #ff6666; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6666 0%, #cf2d68 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff6666 0%,#cf2d68 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff6666 0%,#cf2d68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary:target,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover {
	background-size: 150% 100% !important;
	background: #ff6666; /* Old browsers */
	background: -moz-linear-gradient(left, #ff6666 0%, #cf2d68 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff6666 0%,#cf2d68 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff6666 0%,#cf2d68 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-primary2 {
	color: #fff;
	background-size: 100% 100% !important;
	background: #ff7200; /* Old browsers */
	background: -moz-linear-gradient(left, #ff7200 0%, #ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff7200 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff7200 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-primary2:hover,
.btn-primary2:active,
.btn-primary2:target,
.btn-primary2:focus,
.btn-primary2.active,
.btn-primary2.active.focus,
.btn-primary2.active:focus,
.btn-primary2.active:hover,
.btn-primary2:active.focus,
.btn-primary2:active:focus,
.btn-primary2:active:hover {
	color: #fff;
	background-size: 150% 100% !important;
	background: #ff7200; /* Old browsers */
	background: -moz-linear-gradient(left, #ff7200 0%, #ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #ff7200 0%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #ff7200 0%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-info {
	background-size: 100% 100% !important;
	background: #4687ff; /* Old browsers */
	background: -moz-linear-gradient(left, #4687ff 0%, #3fc7ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4687ff 0%,#3fc7ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4687ff 0%,#3fc7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-info:hover,
.btn-info:active,
.btn-info:target,
.btn-info:focus,
.btn-info.active,
.btn-info.active.focus,
.btn-info.active:focus,
.btn-info.active:hover,
.btn-info:active.focus,
.btn-info:active:focus,
.btn-info:active:hover {
	background-size: 150% 100% !important;
	background: #4687ff; /* Old browsers */
	background: -moz-linear-gradient(left, #4687ff 0%, #3fc7ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #4687ff 0%,#3fc7ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #4687ff 0%,#3fc7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.btn-border-red {
	padding: 7px 20px;
	color: #ea2834;
	border: 1px solid #ea2834;
	background-color: transparent;
}
.btn-border-red:hover,
.btn-border-red:active,
.btn-border-red:target,
.btn-border-red:focus,
.btn-border-red.active,
.btn-border-red.active.focus,
.btn-border-red.active:focus,
.btn-border-red.active:hover,
.btn-border-red:active.focus,
.btn-border-red:active:focus,
.btn-border-red:active:hover {
	background-color: #ea2834;
	color: #fff;
}
.btn-border-red.thick {
	border-width: 2px;
}
.btn-border-white {
	padding: 7px 20px;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
}
.btn-border-white:hover,
.btn-border-white:active,
.btn-border-white:target,
.btn-border-white:focus,
.btn-border-white.active,
.btn-border-white.active.focus,
.btn-border-white.active:focus,
.btn-border-white.active:hover,
.btn-border-white:active.focus,
.btn-border-white:active:focus,
.btn-border-white:active:hover {
	background-color: #fff;
	color: #222;
}

/* Circle */
.circle {
	width: 90px;
	margin: 0 auto 10px;
	position: relative;
}
.circle span {
	color: #e64f29;
}
.circle > span {
	display: block;
	position: absolute;
	width: 120px; /* Circle Width */
	top: 29px;
	left: -15px;
	font-size: 26px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}
.circle > span > span {
	font-size: 20px;
	/*margin-left: 4px;*/
}


/* Blank */
.blank {
	text-align: center;
	padding: 25px 0;
}
.blank p {
	font-size: 24px;
	margin: 0;
	color: #ccc;
}

/* ERROR */
.error-page {
	text-align: center;
	display: table;
	width: 100%;
	height: 100%;
	padding: 120px 0;
}
.error-content {
	display: table-cell;
	vertical-align: middle;
}
.error-page .error-code {
	font-size: 144px;
	line-height: 1;
	margin-bottom: 5px;
	color: #666;
}
.error-page .error-desc {
	font-size: 32px;
	line-height: 1;
	margin-bottom: 50px;
	color: #999;
}

.grecaptcha-badge {
	visibility: hidden;
}

/* Facebook chat */
.facebook-chat > a {
	display: block;
	-webkit-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.facebook-chat > a img {
	width: 54px;
}
/* Floating button */
.floating-group {
	position: fixed;
	right: 25px;
	bottom: 25px;
	z-index: 9999;
}
.btn-floating {
	padding: 0;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	font-size: 0;
	z-index: 100;
}
.btn-floating i {
	font-size: 24px;
	line-height: 54px;
	margin: 0;
}
.btn-floating img {
	max-width: unset;
	position: absolute;
	left: 1px;
	bottom: 0px;
	z-index: 2;
}
.btn-floating label {
	font-size: 14px;
	position: absolute;
	display: inline-block;
	padding: 0 8px;
	background-color: #BBBDC0;
	border-radius: 4px;
	left: 50%;
	margin-left: -27px;
	bottom: -15px;
	color: #000;
	margin-bottom: 0;
	z-index: 3;
}
.btn-line {
	color: #fff;
	background-color: #06c755;
	-webkit-box-shadow: 0 5px 10px -5px #06c755;
	-moz-box-shadow: 0 5px 10px -5px #06c755;
	box-shadow: 0 5px 10px -5px #06c755;
}
.btn-line:hover,
.btn-line:focus,
.btn-line:not(:disabled):not(.disabled):active {
	color: #fff;
	background-color: #06ae4b;
}


/* Present */
.page-present {
	background-color: #000;
}
.present {
	padding-top: 40px;
}
.present img {
	display: block;
	width: 240px;
	margin: 0 auto 30px;
}
.present video {
	display: block;
	margin: 0 auto 30px;
	height: calc(100vh - 240px);
	max-width: 100%;
}
.present .btn {
	display: block;
	width: 200px;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .5s all;
	-moz-transition: .5s all;
	transition: .5s all;
}
.present .btn.show {
	opacity: 1;
	visibility: visible;
}

/* Froala Editor */
.fr-view table td,
.fr-view table th {
	padding: 6px 12px;
}
.fr-view ol,
.fr-view ul,
.card-article .fr-view p {
	line-height: 1.8;
}
.fr-view a {
	color: #0c61ab;
}
.fr-view a:hover,
.fr-view a:focus,
.fr-view a:active {
	color: #0c61ab;
	text-decoration: underline;
}
.fr-view h2 {
	font-weight: 500;
}
.fr-view blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee;
    color: inherit;
}


/* Cookie */
#cookie-permission {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 99999999;
    padding: 20px 0;
    display: block;
    -webkit-transition: .25s all;
    -moz-transition: .25s all;
    transition: .25s all;
    visibility: hidden;
    opacity: 0;
}
#cookie-permission .container {
    max-width: 100%;
    width: 880px;
}
#cookie-permission p {
    display: inline-block;
    color: #fff;
    width: 600px;
    max-width: 100%;
    margin-bottom: 0;
}
#cookie-permission a:not(.btn) {
	color: #ff0000;
}
#cookie-permission .btn {
    float: right;
    width: 150px;
    margin-top: 5px;
}


/* Responsive */
@media (min-width: 768px) {
	.checkbox-choose .row > .col-sm-6:nth-child(2n+1) {
		clear: both;
	}
	.gallery-facility > .col-sm-6:nth-child(2n+1) {
		clear: both;
	}
}
@media (min-width: 992px) {
	.checkbox-choose .row > .col-sm-6:nth-child(2n+1) {
		clear: none;
	}
	.checkbox-choose .row > .col-md-4:nth-child(3n+1) {
		clear: both;
	}
	.gallery-facility > .col-sm-6:nth-child(2n+1) {
		clear: none;
	}
	.gallery-facility > .col-md-4:nth-child(3n+1) {
		clear: both;
	}
}
@media (min-width: 1200px) {
	.navbar-container {
		width: 1240px;
	}
	.mobile-link {
		display: none !important;
	}
	.checkbox-choose .row > .col-md-4:nth-child(3n+1) {
		clear: none;
	}
	.checkbox-choose .row > .col-sm-6:nth-child(2n+1) {
		clear: none;
	}
	.checkbox-choose .row > .col-lg-3:nth-child(4n+1) {
		clear: both;
	}
	.container-mid {
	    width: 960px;
	}
}
@media (min-width: 1600px) {
	section.contact {
		min-height: 750px;
	}
	section.feature {
		padding-left: 440px;
	}
	.feature-holder {
		width: 440px;
	}
	.gallery.large > li:first-child {
		width: 80%;
	}
	.gallery.large > li:nth-child(2),
	.gallery.large > li:nth-child(3),
	.gallery.large > li:nth-child(4) {
		width: 20%;
	}
	section.countdown {
		padding-top: 120px;
	}
}
/* Fixed navbar container */
@media only screen and (max-width: 1300px) {
	.navbar-container {
		width: 1140px;
	}
	section.promotion .container {
		width: 1200px;
		padding: 0 30px;
	}
	.car-list .holder {
		width: 180px;
	}
}
/* md */
@media only screen and (max-width: 1199px) {
	.navbar-container {
		width: 100%;
	}
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin-top: 0;
		margin-bottom: 0;
		max-height: 400px;
		overflow-y: scroll!important;
	}
	.navbar-nav > li {
		float: none;
		border-bottom: 1px solid #e7e7e7;
	}
	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 40px;
	}
	.navbar-nav > li > a:before {
		left: 15px;
	}
	.navbar-nav > li > a {
		text-align: left;
	}
	.collapse.in {
		display: block !important;
	} 
	.navbar-toggle {
		border: none;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		border-radius: 50%;
		width: 36px;
		height: 36px;
		padding: 7px;
		margin-top: 6px;
		margin-bottom: 6px;
		margin-right: 0;
	}
	.navbar-default .navbar-toggle {
		background-color: #1a1a1a;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
	}
	.navbar-toggle .icon-bar {
		-webkit-transition: all .25s;
		-moz-transition: all .25s;
		transition: all .25s;
	}
	.navbar-default .navbar-toggle:focus,
	.navbar-default .navbar-toggle:hover {
		background-color: #ea2834;
	}
	.navbar-default .navbar-toggle .first-bar {
		transform: translateY(6px) rotate(45deg);
	}
	.navbar-default .navbar-toggle .second-bar {
		visibility: hidden;
		opacity: 0;
	}
	.navbar-default .navbar-toggle .third-bar {
		transform: translateY(-6px) rotate(-45deg);
	}
	.navbar-default .navbar-toggle.collapsed .first-bar {
		transform: translateY(0px) rotate(0deg);
	}
	.navbar-default .navbar-toggle.collapsed .second-bar {
		visibility: visible;
		opacity: 1;
	}
	.navbar-default .navbar-toggle.collapsed .third-bar {
		transform: translateY(0px) rotate(0deg);
	}
	.navbar-default.navbar-bg:before {
		height: 50px;
	}
	.mobile-link {
		display: block !important;
	}
	.navbar-right .dropdown-menu,
	.navbar-right .dropdown {
		display: none;
	}
	.navbar-nav > li > a.search {
		padding-left: 15px;
	}
	header .nav-contact img {
		width: 24px;
	}
	header .nav-contact ul {
		padding-left: 15px;
		padding-right: 15px;
		background-color: #1a1a1a;
		-webkit-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
		box-shadow: 5px 10px 16px rgba(0, 0, 0, 0.1);
	}
	header .nav-contact ul > li > a {
		font-size: 14px;
		line-height: 24px;
		padding: 5px;
		color: #fff;
	}
	header .nav-contact ul > li > a strong {
		font-size: 16px;
	}
	header .navbar-tabs > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 16px;
	}
	.content-top {
		margin-top: 87px;
	}
	.content-top2 {
		margin-top: 130px;
	}
	.showroom-list ul > li > a p {
		font-size: 16px;
		padding-top: 0;
	}
	section.promotion .container {
		width: 970px;
		padding: 0 30px;
	}
	.owl-carousel .owl-nav button.owl-prev,
	.slider-back {
		left: 10px;
	}
	.owl-carousel .owl-nav button.owl-next,
	.slider-next {
		right: 10px;
	}
	section.hero .hero-image {
		width: 650px;
	}
	section.hero .hero-text {
		margin-left: 700px;
	}
	.hero-text {
		padding: 25px 0;
	}
	.performance-chart ul > li {
		width: auto;
	}
	.performance-chart {
		padding: 25px 40px;
	}
	.feature-holder {
		width: 280px;
		padding: 25px;
	}
	section.feature {
		padding-left: 280px;
	}
	.choose-color img {
		width: 600px;
	}
	.choose-color ul {
		margin-left: 630px;
	}
	.card-reserve > .card-body:last-child img {
		width: 300px;
	}
	.card-reserve > .card-body:last-child .form-holder {
		margin-right: 330px;
	}
	.label-checkbox img {
		margin-right: 10px;
	}
	.header.header-service {
		background-position: right calc(50% + 50px);
	}
	section.carcheck ul > li {
		padding: 0 15px;
	}
	.card-appointment .card-body:first-child {
		padding: 25px;
	}
	.card-appointment .card-body:last-child {
		padding: 90px 25px 0;
	}
	.card-black,
	.card-contact .card-body {
		padding: 25px;
	}
	#submodelModal .modal-dialog {
		width: 960px;
	}
	.slider-detail2 p {
		margin-bottom: 25px;
	}
}
/* sm */
@media only screen and (max-width: 991px) {
	.slider-detail {
		margin-top: 0;
	}
	/*.owl-carousel .owl-nav button.owl-prev,
	.slider-back,
	.owl-carousel .owl-nav button.owl-next,
	.slider-next {
		display: none;
	}*/
	/*.slider-back, .slider-next, .owl-theme .owl-nav button[class*=owl-] {
		top: 200px;
	}*/
	.slider-back {
		left: 10px;
	}
	.slider-next {
		right: 10px;
	}
	.feature-slider .slider-back,
	.feature-slider .slider-next {
		display: block;
	}
	section.showroom .showroom-name {
		display: none;
	}
	section.promotion .container {
		width: 750px;
		padding: 0 30px;
	}
	#promotion-slider .slider-image,
	#promotion-slider .slider-detail2 {
		width: 100%;
		height: auto;
	}
	#promotion-slider .slider-image {
		height: 300px;
	}
	.slider-detail2 {
		padding: 20px;
	}
	.slider-detail2 h2 {
		margin-bottom: 10px;
	}
	.slider-detail2 .hot-deal {
		margin-bottom: 15px;
	}
	.slider-detail2 .time {
		margin-bottom: 10px;
	}
	.slider-detail2 p {
		/*max-height: none;
		overflow: visible;*/
		margin-bottom: 15px;
	}
	.card-news .card-body,
	.card-news .card-image {
		width: 100%;
		height: auto;
	}
	.card-news .card-body h2 {
		font-size: 24px;
	}
	.card-news .card-image {
		height: 400px;
	}
	.car-list3 > li .price-holder,
	.car-list2 > li .price-holder {
		margin-top: 0;
	}
	.car-list3 > li,
	.car-list2 > li {
		width: 25%;
	}
	.car-list2 > li:nth-child(n+6) {
		display: none;
	}
	.show-all > li:nth-child(n+6) {
		display: inline-block;
	}
	section.content {
		padding: 40px 0;
	}
	.footer-info {
		padding: 0;
		margin-bottom: 25px;
		text-align: center;
	}
	.main-footer {
		padding: 25px 0 15px;
	}
	.modal-lg {
		width: 95%;
	}
	.modal-header,
	.modal-body {
		padding: 25px;
	}
	section.promotion {
		padding: 25px 0;
	}
	section.news {
		background-position: right -10px top;
	}
	section.news .card-news {
		margin: 0;
	}
	section.promotion,
	section.news,
	section.hero,
	section.video,
	section.reserve,
	section.default,
	section.knowledge,
	section.allcar,
	section.fixservice {
		padding: 40px 0;
	}
	section.hero .hero-image {
		width: 360px;
	}
	section.hero .hero-text {
		margin-left: 400px;
	}
	.card.bg-black .card-body {
		padding: 20px;
	}
	.performance-chart {
		padding: 15px 0;
	}
	.performance-chart ul > li + li {
		margin-left: 25px;
	}
	.hero-text {
		padding: 0;
	}
	.hero-text h1 {
		margin-bottom: 20px;
	}
	.hero-text p {
		margin-bottom: 10px;
	}
	.feature-holder {
		width: 240px;
		padding: 15px;
		overflow-y: scroll;
	}
	section.feature {
		padding-left: 240px;
	}
	.feature-holder h3 {
		font-size: 24px;
		margin-bottom: 10px;
	}
	.choose-color img {
		float: none;
		display: block;
		width: 360px;
		max-width: 100%;
		margin: 0 auto 15px;
	}
	.choose-color ul {
		margin: 0;
	}
	.choose-color ul > li > a {
		padding: 15px 20px 15px 60px;
	}
	.choose-color ul > li > a .hexagon {
		top: 20px;
	}
	.gallery.large > li:first-child .image {
		height: 500px;
	}
	.gallery.large > li:nth-child(2) .image, .gallery.large > li:nth-child(3) .image {
		height: 200px;
	}
	.card-reserve > .card-body:last-child img {
		float: none;
		display: block;
		margin: 25px auto 0;
	}
	.card-reserve > .card-body:last-child .form-holder {
		margin: 0;
		padding: 15px 25px 25px;
	}
	.card-reserve > .card-body:first-child {
		width: 40%;
	}
	.card-reserve > .card-body:last-child {
		width: 60%;
	}
	.card-footer .btn {
		float: none;
		width: 200px;
		margin: 0 0 0 auto;
	}
	.card-footer p {
		margin-bottom: 10px;
	}
	.form-holder p, .form-holder .form-group {
		margin-bottom: 15px;
	}
	section.reserve {
		padding-bottom: 50px;
	}
	.download-holder img {
		margin-right: 15px;
	}
	.header {
		margin-top: 86px;
	}
	.header.header-service {
		padding: 300px 0 40px;
		background-size: 600px 292px;
		background-position: center top 15px;
	}
	.header.header-service .service-text {
		width: 600px;
		max-width: 100%;
		margin: 0 auto;
	}
	section.carcheck ul > li {
		width: 50%;
	}
	.card-guarantee .card-body, .card-guarantee .card-image {
		height: 400px;
	}
	.card-guarantee .card-body {
		padding: 25px 25px 25px 40px;
	}
	.card-appointment {
		display: flex;
	}
	.card-appointment .card-body:first-child,
	.card-appointment .card-body:last-child {
		width: 50%;
	}
	.card-appointment .card-body {
		height: auto;
	}
	.card-appointment .card-body:last-child .btn {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
	}
	.card-appointment .card-body:last-child {
		padding: 75px 20px 20px;
	}
	.pagination {
		margin: 0;
	}
	.card-showroom .card-image {
		height: 300px;
	}
	.card-showroom-detail > .card-body:first-child {
		width: 50%;
		padding: 0 20px 20px;
	}
	.card-showroom-detail > .card-body:first-child h1:before {
		left: -20px;
	}
	.card-showroom-detail > .card-body:last-child {
		width: 50%;
	}
	.card-showroom-detail > .card-body:last-child {
		padding: 25px;
	}
	.gallery .image {
		height: 200px;
	}
	.card-article .card-body {
		padding: 25px;
	}
	.card-insurance .card-body:last-child {
		padding: 30px 70px 30px 30px;
	}
	.card-insurance .social-list {
		right: 25px;
		top: 25px;
	}
	.card-contact > .card-body,
	.card-contact > .card-black {
		width: 50%;
	}
	#submodelModal .modal-dialog {
		width: 720px;
	}
	.card-job .holder p {
		height: auto;
	}
	.card-news img {
		width: 100%;
	}
	.card-campaign img {
		width: 300px;
	}
	.card-campaign .card-body {
		width: calc(100% - 300px);
	}
	.counter > div {
		width: 160px;
	}
	.counter .number {
		font-size: 160px;
	}
	.counter .text {
		font-size: 72px;
	}
	.counter > div + div {
		margin-left: 10px;
	}
}
/* xs */
@media only screen and (max-width: 767px) {
	.slider-detail {
		padding: 20px 20px 20px 27px;
		margin-bottom: 30px;
	}
	#main-slider .owl-dots {
		margin-bottom: 0;
	}
	.slider-detail .btn {
		display: block;
		float: none;
		width: 150px;
		margin: 10px auto 0;
	}
	.slider-detail h2,
	.slider-detail p {
		margin-right: 0;
	}
	.slider-detail2 h2,
	.slider-detail h2 {
		font-size: 24px;
		margin-bottom: 10px;
		height: 60px;
	}
	.main-footer h4 {
		text-align: center;
	}
	.main-footer .callcenter {
		display: block;
		margin-top: 0;
		margin-bottom: 25px;
	}
	.social {
		display: block;
		vertical-align: top;
	}
	.footer-col {
		margin-bottom: 30px;
		border-bottom: 1px dashed #8f8f8f;
	}
	.footer-col.no-border {
		border-bottom: none;
		margin-bottom: 0;
	}
	.footer-link > li {
		padding-left: 25px;
	}
	.showroom-list ul > li {
		display: block;
		width: auto;
	}
	.showroom-list ul > li:first-child > a p {
		margin-left: 100px;
	}
	.showroom-list ul > li > a p {
		font-size: 18px;
	}
	section.promotion .container {
		width: 100%;
		padding: 0 15px;
	}
	#promotion-slider .slider-image {
		height: 200px;
	}
	.section-header {
		margin-bottom: 25px;
	}
	.card-news .card-body,
	.card-news .card-image {
		width: 100%;
	}
	.card-news .card-image {
		height: 250px;
	}
	.card-header:after {
		width: calc(100% + 8px);
		left: -8px;
	}
	.section-header.header-line:before,
	.card-header:before {
		left: -15px;
	}
	.card-body .card-header {
		padding-left: 20px;
	}
	.card-body h2 {
		font-size: 24px;
		margin-bottom: 15px;
	}
	.card-news .card-body {
		padding: 15px 0 0;
	}
	.card-news .card-body .btn {
		display: block;
		margin: 0 auto;
	}
	section.allcar .btn-view,
	section.knowledge .btn-view {
		margin-top: 0;
	}
	section.promotion .btn-view {
		margin-top: 10px;
	}
	.car-list3 > li .price-holder.has-line,
	.car-list2 > li .price-holder.has-line {
		border: none;
	}
	.car-list3 > li .price,
	.car-list2 > li .price,
	.car-list2 > li:first-child h3 {
		margin-bottom: 10px;
	}
	.car-list3 > li .detail,
	.car-list2 > li .detail {
		margin-bottom: 15px;
	}
	.car-list3 > li .detail,
	.car-list2 > li .detail,
	.car-list2 > li:first-child .price {
		line-height: 1.5;
	}
	.car-list2 > li:first-child .btn {
		display: block;
		width: 120px;
		margin: 0 auto;
	}
	.car-list3 > li,
	.car-list2 > li {
		width: 50%;
		padding: 0 5px;
		margin-bottom: 30px;
	}
	.section-header.no-header {
		margin-bottom: 40px;
	}
	section.content {
		padding: 30px 0;
	}
	section.hero .hero-text {
		margin: 0;
		text-align: center;
	}
	.navbar-tabs.tab-inverse > li > a {
		padding-left: 0;
		padding-right: 0;
	}
	section.hero .hero-image {
		float: none;
		display: block;
		margin: 0 auto 20px;
		max-width: 100%;
	}
	.hero-text h1 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	.hero-text p {
		font-size: 26px;
		line-height: 1.3;
	}
	.hero-text .btn {
		margin: 0 auto 10px;
	}
	.card.bg-black {
		margin-bottom: 15px;
	}
	.performance-chart ul {
		text-align: center;
	}
	.performance-chart ul > li {
		width: 50%;
		margin-bottom: 10px;
	}
	.circle {
		margin-bottom: 5px;
	}
	.performance-chart ul > li + li {
		margin-left: 0;
	}
	.feature-holder {
		position: relative;
		width: 100%;
		padding: 20px;
	}
	section.feature {
		padding-left: 0;
	}
	.feature-holder h3 {
		font-size: 22px;
	}
	.gallery-tabs > li > a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.gallery.large > li:first-child .image {
		height: 300px;
	}
	.gallery.large > li:first-child {
		width: 100%;
	}
	.gallery.large > li:nth-child(2),
	.gallery.large > li:nth-child(3),
	.gallery.large > li:nth-child(4) {
		width: 33.333333%;
	}
	.gallery.large > li:nth-child(2) .image,
	.gallery.large > li:nth-child(3) .image {
		height: 100px;
	}
	.card-reserve {
		display: block;
	}
	.card-reserve > .card-body:last-child .form-holder,
	.card-reserve > .card-body:first-child {
		padding-left: 20px;
		padding-right: 20px;
	}
	.card-reserve > .card-body:first-child,
	.card-reserve > .card-body:last-child {
		width: 100%;
	}
	.card-reserve > .card-body:first-child .card-header {
		padding-left: 20px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.card-reserve > .card-body:first-child .card-header:before {
		left: -20px;
	}
	.card-body .card-header {
		margin-bottom: 20px;
	}
	.card-reserve > .card-body:first-child h1 {
		margin-bottom: 15px;
	}
	.card-body p {
		line-height: 1.6;
	}
	.card-footer {
		padding: 15px;
	}
	.card-footer .btn {
		margin: 0 auto;
	}
	.compare-table {
		overflow-x: scroll;
		margin-left: -15px;
		margin-right: -15px;
	}
	.compare-holder {
		min-width: 720px;
		padding: 50px 15px 0;
	}
	.checkbox-choose {
		margin-bottom: 25px;
	}
	.compare-table {
		margin-top: 0;
	}
	section.download {
		background: #e1e1e1;
	}
	.download-holder {
		width: 100%;
		margin-bottom: 25px;
	}
	.download-holder.no-margin {
		margin-bottom: 0;
	}
	.download-holder:after {
		content: "";
		display: block;
		clear: both;
	}
	.download-holder img {
		width: 110px;
	}
	.download-holder.no-margin img {
		margin-top: 40px;
	}
	.download-holder h3 {
		padding-top: 5px;
	}
	.modal-header,
	.modal-body {
		padding: 20px;
	}
	#promotionModal .modal-header,
	#discountModal .modal-header,
	#testdriveModal .modal-header,
	#appointmentModal .modal-header {
		padding-right: 90px;
		background-position: right 20px center;
	}
	#promotionModal .modal-body .btn,
	#appointmentModal .modal-body .btn,
	#testdriveModal .modal-body .btn {
		margin: 0 auto;
	}
	.header.header-service {
		background-position: center top 25px;
		background-size: 300px auto;
		padding: 180px 0 40px;
	}
	.header-service h1 {
		font-size: 28px;
	}
	.header-service h3 {
		font-size: 20px;
	}
	.header.header-service .service-text {
		text-align: center;
	}
	.header-service .heading {
		margin-bottom: 25px;
	}
	section.carcheck ul > li {
		padding: 0 10px;
	}
	section.carcheck ul > li:nth-child(3),
	section.carcheck ul > li:nth-child(4) {
		margin: 0;
	}
	section.carcheck ul > li h3 {
		line-height: 1.4;
	}
	.fix-list {
		margin-bottom: 0;
	}
	#fixlist-slider.owl-theme .owl-nav.disabled+.owl-dots {
		margin-bottom: 20px;
	}
	.card-guarantee .card-image,
	.card-guarantee .card-body {
		width: 100%;
	}
	.card-guarantee .card-body {
		height: auto;
	}
	.card-guarantee .card-image {
		height: 250px;
	}
	.card-guarantee .card-body {
		padding: 20px 20px 20px 25px;
	}
	.card-guarantee .section-header.header-line {
		margin-bottom: 25px;
	}
	.modal-dialog,
	.modal-md,
	.modal-alert {
		width: 95%;
	}
	.modal-body .button-group > .btn {
		display: block;
		margin: 0 auto 10px;
	}
	.card-appointment {
		display: block;
	}
	.card-appointment .card-body:first-child,
	.card-appointment .card-body:last-child {
		width: 100%;
	}
	.card-appointment .card-body:first-child {
		padding: 20px;
	}
	.card-appointment .card-body:last-child {
		padding-top: 65px;
	}
	.card-appointment .card-body:last-child .btn {
		display: block;
		margin: 0 auto;
	}
	.card-showroom {
		margin-bottom: 40px;
	}
	.card-showroom .card-image {
		height: 200px;
	}
	.card-showroom .card-body {
		padding: 10px 15px;
	}
	.card-showroom .card-body img {
		width: 25px;
	}
	.card-showroom .card-body p {
		font-size: 16px;
	}
	.card-showroom .card-body .btn {
		font-size: 16px;
		padding: 6px 12px;
		min-width: 0;
	}
	.section-header3 h2 {
		font-size: 28px;
	}
	.section-header3 h4 {
		font-size: 18px;
	}
	.subheader {
		font-size: 20px;
		margin-bottom: 25px;
	}
	.card-showroom-detail {
		display: block;
	}
	.card-showroom-detail > .card-body:first-child,
	.card-showroom-detail > .card-body:last-child {
		width: 100%;
	}
	.card-showroom-detail > .card-body:last-child {
		padding: 25px 0 0;
	}
	.gallery li {
		width: 50%;
	}
	.navbar-tabs {
		margin-bottom: 25px;
	}
	.card-article .card-body {
		padding: 20px;
	}
	.article-sharing {
		width: 40px;
	}
	.card-article .card-body article {
		margin-right: 0;
	}
	.card-article .card-body h1 {
		font-size: 28px;
	}
	.car-small {
		margin-bottom: 25px;
	}
	.card-insurance {
		display: block;
	}
	.card-insurance .card-body:last-child {
		width: 100%;
		padding: 20px;
	}
	.card-insurance .card-body:last-child h3 {
		margin-bottom: 15px;
	}
	.card-insurance .social-list {
		position: relative;
		right: auto;
		top: auto;
		/*text-align: center;*/
		margin-bottom: 10px;
	}
	.card-insurance .social-list > li {
		display: inline-block;
		margin-bottom: 0;
	}
	.card-insurance .social-list > li + li {
		margin-left: 10px;
	}
	.insurance-list > li {
		width: 25%;
	}
	.insurance-list {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	section.header {
		height: 250px;
	}
	.card-contact {
		display: block;
	}
	.card-contact > .card-body,
	.card-contact > .card-black {
		width: 100%;
	}
	.card-black,
	.card-contact .card-body {
		padding: 20px;
	}
	.card-job .card-body {
		padding: 20px 20px 20px 25px;
	}
	.card-job .holder {
		padding-right: 0;
	}
	.card-job .card-action {
		float: none;
		text-align: center;
	}
	.modal-body .button-group > .btn + .btn {
		margin: 0 auto;
	}
	#jobRegistrationModal .modal-body .btn {
		margin-right: auto;
	}
	#jobRegistrationModal .modal-header {
		padding-bottom: 90px;
	}
	#jobRegistrationModal .modal-header.no-download {
		padding-bottom: 25px;
	}
	.modal-header .download {
		bottom: 15px;
		top: auto;
		margin-top: 0;
		left: 50%;
		margin-left: -67px;
		right: auto;
	}
	.navbar-bg {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pagination > li + li {
		margin-left: 0;
	}
	section.fixservice .card-guarantee {
		margin-top: 0;
	}
	.card-showroom-detail > .card-body:first-child .btn-border-white {
		margin-bottom: 15px;
	}
	.card-contact form .btn,
	.insurance-form .btn {
		display: block;
		width: 120px;
		margin: 0 auto;
	}
	.card-job .card-action .btn + .btn {
		margin-left: 0;
		margin-top: 10px;
	}
	.card-job .card-action .btn {
		width: 160px;
		margin-top: 5px;
	}
	.nav-subtab {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.nav-subtab .pull-right {
		float: none !important;
	}
	.nav-subtab .pull-right-xs {
		float: right;
	}
	.nav-subtab .pull-right span {
		max-width: 140px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		vertical-align: middle;
	}
	#submodelModal .modal-dialog {
		width: 90%;
	}
	#submodelModal ul > li {
		display: block;
		width: 100%;
	}
	#submodelModal ul > li:nth-child(2n) {
		padding-left: 0;
	}
	#submodelModal ul > li:nth-child(2n+1) {
		padding-right: 0;
	}
	#submodelModal .modal-body {
		padding-left: 5px;
		padding-right: 5px;
	}
	#submodelModal ul > li > a > h2 {
		font-size: 28px;
	}
	#submodelModal .modal-header .close {
		top: -40px;
	}
	.card-news-small .card-body h3,
	.card-news-small .card-body p {
		height: auto;
		overflow: visible;
	}
	.card-promotion .card-body p {
		/*height: auto;*/
	}
	.compare-content > div:first-child,
	.compare-head > div:first-child {
		width: 25%;
	}
	.compare-content > div,
	.compare-head > div {
		width: 75%;
	}
	.showroom-list ul > li:first-child > a img {
		width: 80px;
	}
	.card-insurance h1 {
		font-size: 28px;
	}
	.slider-back, .slider-next, .owl-theme .owl-nav button[class*=owl-] {
		top: 200px;
	}
	.slider-back {
		left: 15px;
	}
	.slider-next {
		right: 15px;
	}
	.appointment-success .card-appointment {
		display: block;
	}
	.card-campaign {
		display: block;
	}
	.card-campaign img {
		float: none;
		width: 100%;
	}
	.card-campaign .card-body {
		width: 100%;
	}
	.card-campaign .btn {
		display: block;
		width: 140px;
		margin: 0 auto;
	}
	.present video {
		height: 360px;
	}
	.counter > div {
		width: 70px;
	}
	.counter .number {
		font-size: 80px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	.counter .text {
		font-size: 32px;
	}
	.counter > div + div {
		margin-left: 10px;
	}
	.counter .unit {
		font-size: 12px;
	}
	section.countdown {
		background-image: url(../img-webp/background/bg-mobile.webp);
	}
	.coming-soon {
		bottom: 200px;
		font-size: 36px;
		margin-left: -160px;
	}
	.countdown-contact img {
		width: 200px;
		margin: 0;
	}
	.countdown-contact .right {
		width: 120px;
	}
	section.countdown .form {
		width: 280px;
		left: 50%;
		margin-left: -140px;
	}
	section.countdown .form .form-control.left,
	section.countdown .form .form-control.right {
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		font-size: 32px;
		height: 60px;
	}
	section.countdown .form .form-group {
		margin-bottom: 10px;
	}
	section.countdown .form .btn-white {
		font-size: 22px !important;
		padding: 8px 15px;
	}
	.header-service-image .img-mobile {
		display: block;
	}
	.header-service-image .img-desktop {
		display: none;
	}
}
@media only screen and (max-width: 480px) {

}