/* Add here all your CSS customizations */
@font-face{font-family:'HyundaiRegular';src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Regular.eot");src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Regular.eot?#iefix") format("embedded-opentype"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Regular.woff") format("woff"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Regular.woff2") format("woff2"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Regular.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: fallback; font-display: swap;}
@font-face{font-family:'HyundaiMedium';src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Medium.eot");src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Medium.eot?#iefix") format("embedded-opentype"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Medium.woff") format("woff"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Medium.woff") format("woff2"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Medium.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: fallback; font-display: swap;}
@font-face{font-family:'HyundaiLight';src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Light.eot");src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Light.eot?#iefix") format("embedded-opentype"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Light.woff") format("woff"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Light.woff2") format("woff2"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Light.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: fallback; font-display: swap;}
@font-face{font-family:'HyundaiBold';src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Bold.eot");src:url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Bold.eot?#iefix") format("embedded-opentype"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Bold.woff") format("woff"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Bold.woff2") format("woff2"),url("https://www.hyundai.com.my/pre-ownedcar/fonts/HyundaiSansHead-Bold.ttf") format("truetype");font-weight:normal;font-style:normal;font-display: fallback; font-display: swap;}
@font-face{font-family:'Verdana';font-style:normal;font-weight:400;src:local('verdana');unicode-range:U+30-39; font-display: swap;}

figure{margin:10px 0!important;}
#header .top-menu-area{margin-right:30px;}
#header .header-nav-main nav > ul > li > a {font-weight: normal;}
#header .header-container .mobile-logo {display: none;}
.hyundai-blue{#002c5e;}
.search-toggle{display: none!important;}

/* Landing */
.main-highlight{padding: 100px 0;}
.landing-main-title{font-size: 44px; font-weight: bold;}


/* Products Body > Header */
.toolbar .sorter .sort-by{float: right;}
.section-head-title{border-bottom: 1px solid #000; padding: 1px 0 13px; font-size: 20px; margin-bottom: 20px; color: #000;}
.detail-list{padding-left:10px;}
.testimonial.testimonial-style-4{background: #FFF;}
.message-info{border: 1px solid #bbb; text-align: center; padding:20px; margin: 0 10px; font-size: 14px;}
.car-list-thumbs{width: 100%; height: 180px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
#module-paymentestimator {}
#module-paymentestimator .car-list-thumbs{width: 100%; height: 280px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
#module-paymentestimator .option-years .selected{background-color:#00aad2; color: #fff; }
.car-list-sliding-thumbs{width: 100%; height: 74px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.label-grey{ border: 1px solid #bbb; color: #bbb; border-radius: 25px;}
.input-error-required{color: #F00;}
.section-browse-car-rating {width: 100%; padding: 0 0 7px;}
.section-browse-car-rating .rating-img img{float: left; width: 15px; height: auto; line-height: 20px; margin-right: 2px;}
.section-car-rating .rating-img img{float: left; width: 20px; height: auto; margin-right: 2px;}
.section-car-rating .rating-info{float: left; margin-left: 10px; line-height: 20px; font-size: 12px;}
.desktop-slider{display:block;}
.mobile-slider{display:none;}
.desktop-slider-container{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.mobile-slider-container{background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%;}
.lightbox-search{position: relative; border-top : 10px solid #002c5e;}
.lightbox-search .panel-group{height: 68vh; overflow: auto;}
.lightbox-search .panel-group ul li{list-style: none;}
.lightbox-search-btn{position: fixed; left:0; bottom:0; line-height: 45px; width: 100%; background: #002c5e; color: #FFF; text-align: center; z-index: 9999;}
.lightbox-search-btn .btn-search-car{float: left; width: 90%; font-size: 20px; color: #fff!important;}
.lightbox-search-btn .btn-close-panel{float: left; width: 10%; font-size: 20px; color: #fff!important;}
.shop-sidebar{position: relative; padding:0!important; margin:0!important;}
.shop-sidebar .panel-group{ height: 88vh; overflow: auto;}
.search-bar-btn{position: absolute; bottom: 0; left: 0; z-index: 99999;}
.sidebar.shop-sidebar .panel-group .panel + .panel, .popup-search .panel-group .panel + .panel{margin-top:-1px!important;}
.sidebar.shop-sidebar .panel.panel-default, .popup-search .panel.panel-default{border-radius:0px!important;}
.sidebar.shop-sidebar .panel.panel-default .panel-body{border-radius:0px!important;}
.sidebar.shop-sidebar .panel.panel-default .panel-heading a{border-radius:0px!important;}
.sidebar.shop-sidebar .btn{padding:15px 0!important; width: 100%;}
.sidebar.shop-sidebar .list-option li, .popup-search .list-option li{font-size: 14px; height: 35px; width: 100%;}
.sidebar.shop-sidebar .list-option .glyphicon, .popup-search .list-option .glyphicon{line-height: 2.5; display: none;}
.sidebar.shop-sidebar .list-option li a, .popup-search .list-option li a{text-decoration: none;}
.sidebar.shop-sidebar .list-option li a:hover, .popup-search .list-option li a:hover{text-decoration: none;}
.sidebar.shop-sidebar .list-option .selected a, .popup-search .list-option .selected a{font-weight: bold; color: #002c5e;}
.sidebar.shop-sidebar .list-option .selected .glyphicon, .popup-search .list-option .selected .glyphicon{color: #002c5e; display: block;}
.sidebar.shop-sidebar .filter-price .noUi-handle{border-radius:0!important;}

@media (max-width: 480px) {
	.breadcrumb {padding: 15px 0 0px 0!important; margin-bottom: 0px!important;}
}

/* Mobile - Search Panel */
.popup-search .panel.panel-default .panel-heading a {position: relative;}
.popup-search .panel.panel-default .panel-heading a:before {
	font-family: 'FontAwesome';
	content: "\f0d8";
	width: 26px;
	height: 26px;
	display: block;
	border: 1px solid #ddd;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -13px;
	color: #ccc;
	text-align: center;
	line-height: 24px;
	background-color: #fff;
	font-size: 10px;
}
.popup-search .panel.panel-default .panel-heading a:hover:before {
	background-color: #002c5e;
	border-color: #002c5e;
	color: #fff;
}
.popup-search .panel.panel-default .panel-heading a.collapsed {}
.popup-search .panel.panel-default .panel-heading a.collapsed:before {
	content: "\f0d7";
}

/* Price Filter */
.popup-search .filter-price {
	margin: 14px 0 9px;
}
.popup-search .filter-price #price-slider {
	margin-bottom: 20px;
}
.popup-search .filter-price .noUi-target {
	background: #eee;
	border-radius: 0;
	border: none;
	box-shadow: none;
}
.popup-search .filter-price .noUi-handle {
	background: #002c5e;
	cursor: pointer;
	border-radius: 5px;
	border: none;
	box-shadow: none;
}
.popup-search .filter-price .noUi-handle:before, .sidebar.shop-sidebar .filter-price .noUi-handle:after {
	display: none;
}
.popup-search .filter-price .noUi-horizontal {
	position: relative;
	height: 7px;
}
.popup-search .filter-price .noUi-horizontal .noUi-handle {
	position: absolute;
	width: 13px;
	height: 18px;
	border: 0;
	left: -6.5px;
	top: -6px;
}
.popup-search .filter-price .noUi-horizontal .noUi-base .noUi-origin {
	position: absolute;
}
.popup-search .filter-price .noUi-connect {
	background-color: #1ab3ff;
	box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
}
.popup-search .filter-price .filter-price-details {
	text-align: center;
}
.popup-search .filter-price .filter-price-details * {
	white-space: normal;
}
.popup-search .filter-price .filter-price-details span {
	vertical-align: middle;
	line-height: 26px;
}
.popup-search .filter-price .filter-price-details .form-control {
	display: inline-block;
	vertical-align: middle;
	color: #a3a2a2;
	padding: 2px 5px;
	font-size: 14px;
	margin: 0 2px;
	width: 100px;
	height: 26px;
}
.popup-search .filter-price .filter-price-details .btn {
	border: none;
	height: 26px;
	line-height: 26px;
	color: #fff;
	border-radius: 5px;
	padding: 0 10px;
	font-size: 14px;
	margin: 5px 0;
}

.popup-search .configurable-filter-list {
	padding: 0;
	margin: 0 -5px;
	list-style: none;
	font-size: 0;
}
.popup-search .configurable-filter-list li {
	display: inline-block;
	margin: 0 5px 8px;
}
.popup-search .configurable-filter-list li a {
	display: block;
	color: #777;
	width: 30px;
	height: 30px;
	font-size: 14px;
	line-height: 28px;
	background: #f4f4f4;
	border: 1px solid #cccccc;
	border-radius: 3px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.popup-search .configurable-filter-list li a:hover {
	border-color: #002c5e;
	text-decoration: none;
}
.popup-search .configurable-filter-list.filter-list-color li a {
	padding: 1px;
}
.popup-search .configurable-filter-list.filter-list-color li a span {
	display: inline-block;
	width: 26px;
	height: 26px;
	border-radius: 3px;
}

/* Pop Up Search */



/* Footer */
#footer .footer-copyright{margin-top:0!important;}
#footer .footer-copyright .copyright-text{margin-top:0px;}

@media (max-width: 1440px) {
	#header .header-container .mobile-logo {display: block!important;}
}

@media (min-width: 1200px) {
.container-fluid.larger {padding:0 15px!important;}
}

@media (max-width: 1200px) {
	#header .header-container .mobile-logo {display: block!important;}
	.slider-slogan{position:absolute; top:15%; left:5%; width:25%;}
	.shop-sidebar {display:none;}
	#header .header-nav-main{display: none;}
	#header .header-container {padding-top: 5px; padding-bottom: 5px;}
	#header .header-body {min-height: 55px;}
	.page-header .page-header-bg {min-height: 55px;}
	#header .header-search .search-toggle {	margin: 0 10px!important; color: #999; display: inline-block!important;}
	.toolbar {display:none;}
}

@media (max-width: 768px) {
	#header .header-container .mobile-logo {display: block!important;}
	.slider-slogan{position:absolute; top:25%; left:10%; width:35%;}
	.main-highlight{padding: 50px 0;}
	.landing-main-title{font-size: 34px; font-weight: bold;}
	.btn-primary {width: 100%;}
	.adj-details {margin-top: -10px; margin-bottom: 10px;}
	.desktop-slider{display:none;}
	.mobile-slider{display:block;}
	.toolbar {display:none;}
	#lightbox-paymentestimator .car-list-thumbs{height: 150px;}
	#lightbox-paymentestimator .info-note{font-size: 8px;}
	#lightbox-paymentestimator .form-group label{font-size: 10px;}
	#lightbox-paymentestimator .form-group .option-years .btn{margin-right: 2px; padding: 5px 10px!important;}
}

@media (max-width: 380px) {
	.slider-slogan{position:absolute; top:15%; left:5%; width:50%;}
}