/*@font-face {
    font-family: 'HyundaiSansHeadKR';
    src: url('../webfont/HyundaiSansHeadKRBold.eot');
    src: url('../webfont/HyundaiSansHeadKRBold.eot?#iefix') format('embedded-opentype'),
        url('../webfont/HyundaiSansHeadKRBold.woff2') format('woff2'),
        url('../webfont/HyundaiSansHeadKRBold.woff') format('woff'),
        url('../webfont/HyundaiSansHeadKRBold.ttf') format('truetype'),
        url('../webfont/HyundaiSansHeadKRBold.svg#HyundaiSansHeadKRBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansHeadKR';
    src: url('../webfont/HyundaiSansHeadKRRegular.eot');
    src: url('../webfont/HyundaiSansHeadKRRegular.eot?#iefix') format('embedded-opentype'),
        url('../webfont/HyundaiSansHeadKRRegular.woff2') format('woff2'),
        url('../webfont/HyundaiSansHeadKRRegular.woff') format('woff'),
        url('../webfont/HyundaiSansHeadKRRegular.ttf') format('truetype'),
        url('../webfont/HyundaiSansHeadKRRegular.svg#HyundaiSansHeadKRRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansHeadKR';
    src: url('../webfont/HyundaiSansHeadKRLight.eot');
    src: url('../webfont/HyundaiSansHeadKRLight.eot?#iefix') format('embedded-opentype'),
        url('../webfont/HyundaiSansHeadKRLight.woff2') format('woff2'),
        url('../webfont/HyundaiSansHeadKRLight.woff') format('woff'),
        url('../webfont/HyundaiSansHeadKRLight.ttf') format('truetype'),
        url('../webfont/HyundaiSansHeadKRLight.svg#HyundaiSansHeadKRLight') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'HyundaiSansHeadKR';
    src: url('../webfont/HyundaiSansHeadKRMedium.eot');
    src: url('../webfont/HyundaiSansHeadKRMedium.eot?#iefix') format('embedded-opentype'),
        url('../webfont/HyundaiSansHeadKRMedium.woff2') format('woff2'),
        url('../webfont/HyundaiSansHeadKRMedium.woff') format('woff'),
        url('../webfont/HyundaiSansHeadKRMedium.ttf') format('truetype'),
        url('../webfont/HyundaiSansHeadKRMedium.svg#HyundaiSansHeadKRMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
body { font-family: "Poppins", Arial, sans-serif /*{body-font-family}*/ ;font-size: 14px /*{body-font-size}*/ ;color: #000 /*{body-font-colour}*/ ;background-image:none /*{body-background-image}*/ ;background-color: #ffffff /*{body-background-colour}*/; }
a { color: #428bca /*{link-text-colour}*/; }
a: hover, a:focus { color: #2a6496 /*{link-text-hover-colour}*/; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Poppins", Arial, sans-serif /*{headers-font-family}*/ ;color: #333 /*{headers-colour}*/; }
.carousel-caption h3,.carousel-caption .h3,.carousel-caption p { color: white /*{carousel-text-colour}*/; }
h1, .h1 { font-size: 36px /*{header-1-font-size}*/; }
h2, .h2 { font-size: 30px /*{header-2-font-size}*/; }
h3, .h3 { font-size: 24px /*{header-3-font-size}*/; }
h4, .h4 { font-size: 18px /*{header-4-font-size}*/; }
h5, .h5 { font-size: 14px /*{header-5-font-size}*/; }
.btn-default { color: #000 /*{btn-default-text-colour}*/ ;background-color: #ffffff /*{btn-default-bg-colour}*/ ;border-color: #cccccc /*{btn-default-border-colour}*/; }
.btn-default: hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: #000 /*{btn-default-text-colour-hover}*/ ;background-color: #ebebeb /*{btn-default-bg-colour-hover}*/ ;border-color: #adadad /*{btn-default-border-colour-hover}*/; }
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled: hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { background-color: #ffffff /*{btn-default-disabled-bg-colour}*/ ;border-color: #cccccc /*{btn-default-disabled-border-colour}*/; }
.btn-primary { color: #FFFFFF /*{btn-primary-text-colour}*/ ;background-color: #428bca /*{btn-primary-bg-colour}*/ ;border-color: #357ebd /*{btn-primary-border-colour}*/; }
.btn-primary: hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: #ffffff /*{btn-primary-text-colour-hover}*/ ;background-color: #3276b1 /*{btn-primary-bg-colour-hover}*/ ;border-color: #285e8e /*{btn-primary-border-colour-hover}*/; }
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled: hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active { background-color: #428bca /*{btn-primary-disabled-bg-colour}*/ ;border-color: #357ebd /*{btn-primary-disabled-border-colour}*/; }
.btn-warning { color: #ffffff /*{btn-warning-text-colour}*/ ;background-color: #f0ad4e /*{btn-warning-bg-colour}*/ ;border-color: #eea236 /*{btn-warning-border-colour}*/; }
.btn-warning: hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { color: #ffffff /*{btn-warning-text-colour-hover}*/ ;background-color: #ed9c28 /*{btn-warning-bg-colour-hover}*/ ;border-color: #d58512 /*{btn-warning-border-colour-hover}*/; }
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled: hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active { background-color: #428bca /*{btn-warning-disabled-bg-colour}*/ ;border-color: #357ebd /*{btn-warning-disabled-border-colour}*/; }
.btn-danger { color: #ffffff /*{btn-danger-text-colour}*/ ;background-color: #d9534f /*{btn-danger-bg-colour}*/ ;border-color: #d43f3a /*{btn-danger-border-colour}*/; }
.btn-danger: hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { color: #ffffff /*{btn-danger-text-colour-hover}*/ ;background-color: #d2322d /*{btn-danger-bg-colour-hover}*/ ;border-color: #ac2925 /*{btn-danger-border-colour-hover}*/; }
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled: hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active { background-color: #d9534f /*{btn-danger-disabled-bg-colour}*/ ;border-color: #d43f3a /*{btn-danger-disabled-border-colour}*/; }
.btn-success { color: #ffffff /*{btn-success-text-colour}*/ ;background-color: #5cb85c /*{btn-success-bg-colour}*/ ;border-color: #4cae4c /*{btn-success-border-colour}*/; }
.btn-success: hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { color: #ffffff /*{btn-success-text-colour-hover}*/ ;background-color: #47a447 /*{btn-success-bg-colour-hover}*/ ;border-color: #398439 /*{btn-success-border-colour-hover}*/; }
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled: hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active { background-color: #5cb85c /*{btn-success-disabled-bg-colour}*/ ;border-color: #4cae4c /*{btn-success-disabled-border-colour}*/; }
.btn-info { color: #ffffff /*{btn-info-text-colour}*/ ;background-color: #5bc0de /*{btn-info-bg-colour}*/ ;border-color: #46b8da /*{btn-info-border-colour}*/; }
.btn-info: hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { color: #ffffff /*{btn-info-text-colour-hover}*/ ;background-color: #39b3d7 /*{btn-info-bg-colour-hover}*/ ;border-color: #269abc /*{btn-info-border-colour-hover}*/; }
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled: hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active { background-color: #5bc0de /*{btn-info-disabled-bg-colour}*/ ;border-color: #46b8da /*{btn-info-disabled-border-colour}*/; }
.breadcrumb { background-color: #f5f5f5 /*{breadcrumb-background-colour}*/; }
.breadcrumb > li + li: before { color: #cccccc /*{breadcrumb-text-colour}*/; }
.breadcrumb > .active, .breadcrumb a { color: #999999 /*{breadcrumb-active-link-colour}*/; }
.pagination > li > a, .pagination > li > span { color: #428bca /*{pagination-text-colour}*/ ;background-color: #ffffff /*{pagination-bg-colour}*/ ;border-color: #dddddd /*{pagination-border-colour}*/; }
.pagination > li > a: hover, .pagination &gt; li &gt; span:hover, .pagination &gt; li &gt; a:focus, .pagination &gt; li &gt; span:focus { color: #2a6496 /*{pagination-text-colour-hover}*/ ;background-color: #eeeeee /*{pagination-bg-colour-hover}*/ ;border-color: #dddddd /*{pagination-border-colour-hover}*/; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a: hover, .pagination &gt; .active &gt; span:hover, .pagination &gt; .active &gt; a:focus, .pagination &gt; .active &gt; span:focus { color: #fff /*{pagination-text-colour-active}*/ ;background-color: #428bca /*{pagination-bg-colour-active}*/ ;border-color: #428bca /*{pagination-border-colour-active}*/; }
.label-default { background-color: #999999 /*{label-default-bg}*/; }
.label-default[href]: hover, .label-default[href]:focus { background-color: #808080 /*{label-default-bg-hover}*/; }
.label-primary { background-color: #428bca /*{label-primary-bg}*/; }
.label-primary[href]: hover, .label-primary[href]:focus { background-color: #3071a9 /*{label-primary-bg-hover}*/; }
.label-success { background-color: #5cb85c /*{label-success-bg}*/; }
.label-success[href]: hover, .label-success[href]:focus { background-color: #449d44 /*{label-success-bg-hover}*/; }
.label-info { background-color: #5bc0de /*{label-info-bg}*/; }
.label-info[href]: hover, .label-info[href]:focus { background-color: #31b0d5 /*{label-info-bg-hover}*/; }
.label-warning { background-color: #f0ad4e /*{label-warning-bg}*/; }
.label-warning[href]: hover, .label-warning[href]:focus { background-color: #ec971f /*{label-warning-bg-hover}*/; }
.label-danger { background-color: #d9534f /*{label-danger-bg}*/; }
.label-danger[href]: hover, .label-danger[href]:focus { background-color: #c9302c /*{label-danger-bg-hover}*/; }
.well { background-color: #f5f5f5 /*{well-bg}*/ ;border-color:#e3e3e3 /*{well-border-colour}*/; }
.panel-default { border-color: #dddddd /*{panel-border-colour}*/; }
.panel-default > .panel-heading { color: #000 /*{panel-header-text-colour}*/ ;background-color: #f5f5f5 /*{panel-header-bg-colour}*/ ;border-color: #dddddd /*{panel-header-border-colour}*/; }
.panel-title { color: #000 /*{panel-header-text-colour}*/; }
.panel-default > .panel-heading + .panel-collapse .panel-body { border-top-color: #dddddd /*{panel-border-colour}*/; }
.save { color: #D9534F /*{sale-colour}*/; }
.productsave { color: #D9534F /*{sale-colour}*/; }
.navbar-default { background-color: #f8f8f8 /*{navbar-default-bg-colour}*/ ;border-color: #e7e7e7 /*{navbar-default-border-colour}*/; }
.navbar-default .navbar-brand { color: #777777 /*{navbar-default-text-colour}*/; }
.navbar-default .navbar-brand: hover, .navbar-default .navbar-brand:focus { color: #5e5e5e /*{navbar-default-text-colour-hover}*/; }
.navbar-default .navbar-text { color: #777777 /*{navbar-default-text-colour}*/; }
.navbar-default .navbar-nav > li > a { color: #777777 /*{navbar-default-link-colour}*/; }
.navigation-list li a { color: #777777 /*{navbar-default-link-colour}*/; }
.navbar-default .navbar-nav > li > a: hover, .navbar-default .navbar-nav &gt; li &gt; a:focus { color: #000 /*{navbar-default-link-colour-hover}*/;background-color: transparent; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a: hover, .navbar-default .navbar-nav &gt; .active &gt; a:focus { color: #555555 /*{navbar-default-link-colour-active}*/ ;background-color: #e7e7e7 /*{navbar-default-link-bg-active}*/; }
.navbar-default .navbar-nav >.dropdown > a .caret { border-top-color: #777777 /*{navbar-default-link-colour}*/ #777777 /*{navbar-default-link-colour}*/; }
.nav .caret { border-top-color: #777777 /*{navbar-default-link-colour}*/ #777777 /*{navbar-default-link-colour}*/; }
.nav .open > a .caret, .nav .open > a: #777777 /*{navbar-default-link-colour}*/; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a: hover, .navbar-default .navbar-nav &gt; li &gt; a:focus { color: #000 /*{navbar-default-link-colour-hover}*/; }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a: #f8f8f8 /*{navbar-default-bg-colour}*/ hover, .navbar-default .navbar-nav &gt; li &gt; a:focus { color: #000 /*{navbar-default-link-colour-hover}*/; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }
.dropdown-menu { background-color: #ffffff /*{dropdown-menu-bg}*/ ;border-color: #cccccc /*{dropdown-menu-border-colour}*/; }
.dropdown-menu .divider { background-color: #e5e5e5 /*{dropdown-menu-divider-colour}*/; }
.dropdown-menu > li > a { color: #000 /*{dropdown-menu-link-colour}*/; }
.dropdown-menu > li > a: hover, .dropdown-menu &gt; li &gt; a:focus { color: #262626 /*{dropdown-menu-link-colour-hover}*/ ;background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/; }
.dropdown-menu > .active > a, .dropdown-menu > .active > a: hover, .dropdown-menu &gt; .active &gt; a:focus { color: #ffffff /*{dropdown-menu-link-colour-active}*/ ;background-color: #428bca /*{dropdown-menu-link-bg-active}*/; }
.logo { max-width:100%; }
/*------------------------ Header ------------------------------*/
.topheader-section {
	background-color: #f2f2f2;
}
.topheader-section .contact-info {
	padding: 14px 15px;
}
.topheader-section .contact-info .nav > li:first-child {
	padding-right: 15px;
	border-right: 1px solid #d0d0d0;
	margin-right: 15px;	
	font-size: 16px;
	font-weight: 500;
	color: #000;
}
.topheader-section .contact-info .nav > li {
	line-height: 1;
	color: #000;
	font-size: 13px;
}
.topheader-section .contact-info .nav > li > i {
	color: #196db6;
	font-size: 14px;
}
.topheader-section .informationmenu .nav > li > a:hover { background-color: transparent; }
.topheader-section .contact-info .nav > li:last-child { font-size: 14px; }
.topheader-section .informationmenu #header-cart {
	float: right;
	margin: 0 auto;
	padding: 0;
	background-color: #dedede;
	width: 148px;
	height: 44px;
	text-align: center;
}
.topheader-section .informationmenu #header-cart:hover, .topheader-section .informationmenu #header-cart:focus, .topheader-section .informationmenu #header-cart:active { background-color: #196db6; }
.topheader-section .informationmenu #header-cart > a {
	width: 100%;
	float: left;
	height: 100%;
	color: #000;	
	padding: 12px 5px;
	font-size: 14px;
	font-weight: 600;
}
.topheader-section .informationmenu #header-cart > a > img {
	padding-right: 5px;
}
.topheader-section .informationmenu .nav > li > a {
	padding: 0 5px;
	line-height: 1;
	color: #000;
	font-size: 12px;
}
.topheader-section .informationmenu .nav > li:not(:last-child) > a {
	border-right: 1px solid #d0d0d0;
}
.topheader-section .informationmenu .nav > li > a:hover, .topheader-section .informationmenu .nav > li > a:active, .topheader-section .informationmenu .nav > li > a:focus { color: #196db6; }
.topheader-section .informationmenu .nav {
	margin: 14px 5px 0 0;
}
.logo-section {
	padding-top: 28px;
	padding-bottom: 28px;
}
.logo-section .header-search {
	margin: 0 auto;
	max-width: 430px;
	float: right;
	width: 430px;
	height: 46px;
}
.logo-section .header-search input, .logo-section .header-search button {
	height: 46px;
	border-radius: 0;
	border-color: #d0d0d0;
}
.logo-section .header-search input { padding-left: 20px; }
.logo-section .header-search button {
	padding-right: 20px;
	border-left: 0;
}
.logo-section .logo {
	margin-top: 0;
}
.mainmenu-section {
	background-color: #004c8f;
}
.mainmenu-section .navbar.navbar-default {
	background-color: transparent;
	border: none;
	margin-bottom: 0;
}
.mainmenu-section .navbar.navbar-default .navbar-collapse {
	padding: 0;
}
.mainmenu-section .navbar.navbar-default .nav {
	width: 100%;
}
.mainmenu-section .navbar.navbar-default .nav > li:first-child {
	background-color: #002e6b;
}
.mainmenu-section .navbar.navbar-default .nav > li:not(:first-child) > a {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	padding: 17.5px 15px;
}
.mainmenu-section .navbar.navbar-default .nav > li:not(:first-child):hover > a {
	color: #fff;
	background-color: #002e6b;
}
.mainmenu-section .navbar.navbar-default .nav > li .dropdown-menu {
	border: none;
	margin: 0 auto;
	padding: 0;
	border-radius: 0;
}
.mainmenu-section .navbar.navbar-default .nav > li .dropdown-menu .dropdown-menu-horizontal { top: 0; }
.mainmenu-section .navbar.navbar-default .nav > li .dropdown-menu a {
	border-top: 1px solid #fff;
	background-color: #196db6;
	font-size: 14px;
	padding: 5px 15px;
	color: #fff;
	line-height: 1;
}
.mainmenu-section .navbar.navbar-default .nav > li .dropdown-menu a:hover { background-color: #000; }
/*-------- mega menu header --------*/
.mainmenu-section .navbar.navbar-default .nav > li.model {
	float: right;
	position: unset;
}
.mainmenu-section .navbar.navbar-default .nav > li.model > a:hover {
	background-color: #002e6b;
}	
.mainmenu-section .navbar.navbar-default .nav > li.model > a {
	float: right;
	background-color: #10598e;
	width: 136px;
	text-align: center;
	height: 55px;
	font-size: 15px;
	font-weight: 400;
	color: #ffffff;
	text-transform: uppercase;
	padding-top: 17.5px;
}
.mainmenu-section .navbar.navbar-default .nav > li.model:hover .mega-model {
	visibility: visible;
	opacity: 1;
	top: 55px;
}
.mainmenu-section .navbar.navbar-default .nav > li.model .mega-model {
	position: absolute;
	width: 100%;
	border-top-color: #ffffff;
	border: 2px solid #196db6;
	position: absolute;
	z-index: 11;
	padding: 0px;
	top: 60px;
	left: 0px;
	background-color: #196db6;
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
}
.mainmenu-section .navbar.navbar-default .nav > li.model .mega-model > div { padding: 15px; }
.mainmenu-section .navbar.navbar-default .nav > li.model .mega-model a.heading {
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 8px;
	margin-bottom: 5px;
	float: left;
	width: 100%;
}
.megasidebar-fixed {
	float: right;
	width: 20%;
	text-align: right;
}
.megasidebar-fixed > .col-xs-12 {
	padding: 0;
}
.mainmenu-section .navbar.navbar-default .nav > li.model .mega-model > div.megasidebar-fixed-content {
	float: left;
	width: 80%;
	padding: 0;
	background-color: #fff;
	height: 300px;
	overflow: scroll;
}
.megasidebar-fixed-content #dah-content > div {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.megasidebar-fixed-content #dah-content {
	display: none;
}
.megasidebar-fixed-content #dah-content.active {
	display: block;
}
.mega-item a span {
	text-align: center;
	width: 100%;
	display: inline-block;
	color: #196db6;
	margin: 5px 0;
}
.mega-item a img {
	max-width: 100%;
	/*height: 100px;*/
	display: inline-block;
}
.mega-item a {
	display: inline-block;
	width: 100%;
	text-align: center;
}
/*-------- Part finder header --------*/
.partsfinder-section {
	background-color: #f2f2f2;
}
.wrapper-product-finder {
	padding: 15px 0 10px;
	display: inline-block;
	width: 100%;
}
.wrapper-product-finder .find-heading {
	margin-bottom: 0;
	padding: 0;
	line-height: 34px;
}
.part-select > select, .compat-btn {
	border-radius: 0 !important;
}
.compat-btn { background-color: #196db6; }
.compat-btn { background-color: #10598e; }
header.affix {
	animation: slide-down 0.7s;
	background-color: #fff;
	display: inline-block;
	width: 100%;
	z-index: 1000;
}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
header.affix .logo-section {
	padding-top: 5px;
	padding-bottom: 5px;
}
header.affix .wrapper-product-finder {
	padding: 10px 0 5px;
}
.topheader-section .informationmenu #header-cart:hover > a > img {
	filter: brightness(0) invert(1);
}
.topheader-section .informationmenu #header-cart:hover > a { color: #fff; text-decoration: none; }
.partfinder-fields {
	padding: 0;
}
@media only screen and (min-width: 1200px){
.partfinder-fields .part-select {
	width: 277px;
}}
.compat-btn {
	width: 125px;
	background-color: #000;
	border-color: #000;
	text-transform: uppercase;
}
/*---------------- Footer ------------*/
.wrapper-footer {
	padding: 75px 0;
	border-top: 8px solid #196db6;
	float: left;
	width: 100%;
	background-color: #f2f2f2;
}
.wrapper-footer .nav li > div {
	width: auto;
	display: table-cell;
	vertical-align: middle;
	font-size: 14px;
	color: #000;
}
.wrapper-footer .col-xs-12.col-sm-4:first-child .nav li {
	margin-top: 20px;
}
.wrapper-footer .nav li > div.icon {
	width: 30px;
	font-size: 16px;
	color: #004c8f;
}
.wrapper-footer .nav li:first-child > div.content {
	width: 185px;
}
.wrapper-footer .nav li:first-child > div.icon {
	font-size: 20px;
}
.wrapper-footer .nav li > a {
	padding: 1px 15px;
	color: #000;
	font-size: 14px;
}
.wrapper-footer .nav li > a:hover, .wrapper-footer .nav li > a:active, .wrapper-footer .nav li > a:focus {
	color: #004c8f;
	background-color: transparent;
}
.wrapper-footer h4 {
	color: #004c8f;
	font-size: 18px;
	font-weight: 700;
}
.wrapper-footer .input-group .form-control {
	height: 38px;
	margin-bottom: 10px;
}
.wrapper-footer .input-group .btn {
	width: 114px;
	height: 38px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	background-color: #004c8f;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
}
.wrapper-footer .list-social a {
	height: 42px;
	background-color: #3b5998;
	width: 144px;
	display: inline-block;
	padding: 5px 0 0;
	text-align: center;
	line-height: 1;
	margin-top: 5px;
}
.wrapper-footer .list-social a .fa {
	color: #fff;
	font-size: 18px;
	display: inline-block;
	width: auto;
}
.wrapper-footer .list-social a .sr-only {
	padding-left: 10px;
	position: relative;
	display: inline-block;
	width: auto;
	color: #fff;
	height: auto;
	font-size: 16px;
	font-weight: 700;
}
.wrapper-footer hr {
	border-color: #868686;
	margin-top: 50px;
	margin-bottom: 27px;
}
.wrapper-footer .copyright, .wrapper-footer .copyright a {
	margin: 0 auto;
	color: #868686;
	font-size: 14px;
}
.wrapper-footer .text-right img {
	display: inline-block;
}
/*------------- Homepage --------------*/
.topcat-section {
	margin: 30px 0;
	display: inline-block;
	width: 100%;
}
.topcat-section .cat-thumbnail {
	position: relative;
	display: inline-block;
}
.topcat-section .image, .partcat-section .image {
	display: block;
	backface-visibility: hidden;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.topcat-section .cat-thumbnail img, .partcat-section .cat-thumbnail img {
	transform: scale(1);
	transition: ease 1s;
}
.topcat-section .cat-thumbnail:hover img {
	transform: scale(1.2);
	transition: ease 1s;
}
.topcat-section .caption {
	position: absolute;
	width: 100%;
	top: 50%;
	text-align: center;
	left: 50%;
	transform: translate(-50%,-50%);
}
.topcat-section .caption .headline a {
	font-size: 38px;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}
.topcat-section .caption > .btn, .partcat-section .caption > .btn {
	background-color: #196db6;
	border-radius: 0;
	color: #fff;
	text-transform: uppercase;
	border: none;
	font-size: 14px;
	width: 121px;
	height: 38px;
	padding: 10px 0;
}
.topcat-section .caption > .btn:hover, .topcat-section .caption > .btn:active, .topcat-section .caption > .btn:focus, .partcat-section .caption > .btn:hover, .partcat-section .caption > .btn:focus, .partcat-section .caption > .btn:active {
	background-color: #004c8f;
}
.partcat-section .caption .headline a {
	font-size: 28px;
	color: #000;
	font-weight: 700;
	text-decoration: none;
}
.partcat-section .caption {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.partcat-section {
	margin: 20px auto 60px;
	display: inline-block;
	width: 100%;
}
.partcat-section .cat-thumbnail .image {
	height: 197px;
	max-width: 100%;
	text-align: center;
	overflow: unset;
	/*z-index: -3;*/
}
.partcat-section .cat-thumbnail:hover img {
	transform: scale(1.1);
	transition: ease 1s;
}
.partcat-section > div:last-child .cat-thumbnail .image {
	padding-top: 10px;
}
.products-section {
	background-color: #f5f7f6;
	padding-top: 15px;
	padding-bottom: 60px;
}
.section-heading h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 700;
	color: #444444;
	margin: 50px 0 15px;
}
.wrapper-thumbnail .thumbnail {
	border-radius: 0;
	margin-bottom: 0;
	border-color: #e1e3e3;
}
.products-section .wrapper-thumbnail {
	width: 20%;
	padding: 0 10px;
}
.products-section .col-xs-12 > .row {
	margin: 0 -10px;
}
.wrapper-thumbnail .thumbnail .caption {
	text-align: center;
	padding: 5px;
}
.wrapper-thumbnail .thumbnail .caption h3 a {
	color: #616161;
	font-size: 14px;
}
.wrapper-thumbnail .thumbnail .caption .price {
	color: #196db6;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 20px;
}
.wrapper-thumbnail .thumbnail .caption .btn {
	border-radius: 0;
	width: auto;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	border: none;
	/* height: 40px; */
	padding: 10px 0;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 0;
}
.wrapper-thumbnail .thumbnail .caption .btn.wishlist_toggle {
	width: 40px;
	border: 1px solid #196db6;
	color: #196db6;
	font-size: 22px;
	padding: 0;
	line-height: 36px;
	margin-left: 5px;
}
.wrapper-thumbnail .thumbnail .caption .btn.wishlist_toggle:hover, .wrapper-thumbnail .thumbnail .caption .btn.wishlist_toggle:focus, .wrapper-thumbnail .thumbnail .caption .btn.wishlist_toggle:active {
	background-color: #196db6;
	color: #fff;
}
#main-content > div > .blog-section {
	display: inline-block;
	width: 100%;
	padding: 74px 0;
	background-image: url("../images/blogsectionbg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.blog-section .blog-thumbnail {
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	min-height: 352px;
	padding: 20px;
}
.blog-section .blog-thumbnail .image {
	display: inline-block;
	min-height: 165px;
	width: 100%; 
	position: relative;
}
.blog-section .blog-thumbnail img {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.blog-section .blog-thumbnail .headline > p {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
}
.blog-section > div:nth-child(2) .blog-thumbnail .headline > p {
	font-size: 21px;
	min-height: 26px;
}
.blog-section .blog-thumbnail .btn {
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	background-color: #196db6;
	border-radius: 0;
	margin-top: 5px;
	width: 150px;
	height: 38px;
	padding: 9px 0;
}
.blog-section .blog-thumbnail .btn:hover, .blog-section .blog-thumbnail .btn:focus, .blog-section .blog-thumbnail .btn:active { background-color: #10598e; }
#n_home #main-content > div > div {
	display: inline-block;
	width: 100%;
	float: left;
}
.contact-details > h3 {
	color: #004c8f;
	font-size: 18px;
	font-weight: 700;
	margin-top: 20px;
}
.contact-details > p {
	color: #000;
	font-size: 14px;
}
.contact-details > p:nth-child(2) {
	width: 145px;
}
.contact-details > .btn {
	background-color: #004c8f;
	color: #fff;
	text-transform: uppercase;
	border-radius: 0;
	width: 151px;
	border: none;
	height: 38px;
	padding: 9px 0;
	margin-top: 10px;
}
.contact-details > .btn .fa {
	font-size: 16px;
}
.contact-details {
	margin-top: 30px;
}
.contact-section .map > div {
	display: inline-block;
	width: 100%;
	float: left;
	margin: 0 auto;
	padding: 0;
}
.contact-section {
	overflow: hidden;
}
.contact-section .map > div iframe {
	position: relative;
	width: 150%;
}
.nReviewsBlock {
    margin: 0 0 10px;
    min-height: 25px;
    color: #004c8f;
}

/*--------------------- Product page ----------------*/

.nkg_thub span.nkg_rrpn {
    text-decoration: line-through;
    color: #777;
}
.nkg_thub span {
    color: #cf0404;
}
.nkg_thub.text-muted {
    height: 23px;
    margin-top: 20px;
    overflow: hidden;
}

.breadcrumb {
	padding: 0;
	background: transparent;
	margin: 30px 0 25px;
}
.breadcrumb > .active, .breadcrumb a {
	color: #333;
}
.breadcrumb li:last-child a {
	color: #196db6;
}
.breadcrumb > li + li::before {
	color: #333;
	padding: 0 6px 0 10px;
}
#n_product div.main-image, .palt_images a.fancybox {
	border: 1px solid #e1e3e3;
	display: inline-block;
	width: 100%;
}
.palt_images > div {
	padding: 0 5px;
}
.palt_images {
	margin: 10px -5px 0;
}
#n_product .wrapper-product-title h1 {
	font-size: 30px;
	font-weight: 700;
	color: #333;
	margin-top: -7px;
	margin-bottom: 20px;
}
.productrrp {
	font-size: 16px;
	color: #616161;
}
.productpricetext {
	color: #196db6;
	display: inline-block;
	line-height: 1;
}
.pinfo_stock {
	display: inline-block;
	padding-left: 10px;
}
.pstock-info.text-success {
	color: #79b610;
}
.pstock-info {
	font-size: 14px;
}
.pinfo_sku {
	font-size: 14px;
	color: #333;
	display: inline-block;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}
#n_product .extra-options hr {
	border-color: #e1e3e3;
}
#n_product #main-content .extra-options div.pinfo_hsection {
	color: #333;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
	margin-top: 5px;
	width: 100%;
}
#n_product .extra-options .buying-options input, #n_product .extra-options .buying-options select, #n_product .extra-options .buying-options .btn {
	border-radius: 0;
	height: 44px;
}
#n_product .extra-options .buying-options input.qty {
	border-color: #e6e6e6;
	width: 140px;
	background-color: #f7f7f7;
	color: #333;
	font-weight: 600;
	font-size: 14px;
}
#n_product .extra-options .buying-options .col-xs-12, #n_product .extra-options #shipbox .col-xs-12 {
	width: auto;
	padding: 0 5px;
}
#n_product .extra-options .buying-options, #n_product .extra-options #shipbox {
	padding: 0 10px;
}
#n_product .extra-options .buying-options .btn.addtocart, #n_product .extra-options .buying-options .btn.wishlist_toggle {
	width: 150px;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	line-height: 44px;
	padding: 0;
	background-color: #196db6;
	border-color: #196db6;
}
#n_product .extra-options .buying-options .btn.wishlist_toggle { width: 180px; border-color: #1bac4a; background-color: #1bac4a; }
#n_product .extra-options .buying-options .btn.addtocart:hover, #n_product .extra-options .buying-options .btn.wishlist_toggle:hover { border-color: #333; background-color: #333; }
#n_product #main-content .extra-options #shipbox div.pinfo_hsection {
	margin-top: 25px;
}
#n_product .extra-options #shipbox .col-xs-12:not(.pinfo_hsection) { width: 130px; }
#n_product .extra-options #shipbox input, #n_product .extra-options #shipbox select { border-radius: 0; height: 44px; background-color: #f7f7f7; border-color: #e6e6e6; text-align: left; padding: 0 15px; font-size: 14px; font-weight: 600; color: #333; line-height: 44px; }
#n_product .extra-options #shipbox .btn {
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	line-height: 44px;
	padding: 0;
	background-color: #333;
	border-color: #333;
	height: 44px;
	border-radius: 0;
}
#n_product .extra-options #shipbox .btn:hover {
	background-color: #196db6;
	border-color: #196db6;
}
#n_product #main-content .extra-options .pinfo_share .pinfo_hsection p, #n_product #main-content .extra-options .pinfo_share .pinfo_hsection ul {
	margin: 0;
	display: inline-block;
	width: auto;
	min-height: unset;
	vertical-align: middle;
}
#n_product #main-content .extra-options .pinfo_share .pinfo_hsection ul li {
	float: left;
	padding: 0 2px;
}
#n_product #main-content .extra-options .pinfo_share .pinfo_hsection ul li a {
	padding: 0;
	border-radius: 50%;
	height: 25px;
	width: 25px;
	line-height: 25px;
	color: #fff;
	text-align: center;
}
.dah_facebook > a {
  background-color: #3b5998;
}
.dah_twitter > a {
  background-color: #00acee;
}
.dah_google > a {
  background-color: #dd4b39;
}
.dah_youtube > a {
  background-color: #c4302b;
}
.dah_instagram > a {
  background-color: #3f729b;
}
.dah_pinterest > a {
  background-color: #c8232c;
}
.dah_tumblr > a {
  background-color: #34526f;
}
.dah_linkedin > a {
  background-color: #0e76a8;
}
#n_product .extra-options #shipbox .dah_pshipresults { width:100% !important; padding: 0 5px !important; }
#n_product .extra-options #shipbox {
	margin-bottom: 5px;
	display: inline-block;
}
#n_product .tabbable .nav-tabs > li, #n_product .tabbable .nav-tabs > li > a {
	margin: 0 auto;
	border: none;
}
#n_product .tabbable .nav-tabs > li > a {
	padding: 13px 13px;
	text-transform: uppercase;
	font-size: 18px;
	color: #196db6;
	font-weight: 600;
}
#n_product .tabbable {
	margin-top: 32px;
	margin-bottom: 30px;
}
.mega-item {
	margin-bottom: 10px;
}	
#n_category .wrapper-thumbnail .thumbnail .caption .btn.btn-loads {
	width: 120px;
	background-color: #196db6;
}
/*--------------- Login page --------------------*/
#n_customer .btn-success {
  background-color: #196db6;
  border-color: #196db6;
}
#n_customer .btn-success:hover {
  background-color: #fff;
  border-color: #196db6;
  color: #196db6;
}
/*------------- Products page ---------------------*/
.dah-productsborder {
  border: 1px solid #196db6;
  float: left;
  text-align: center;
  width: 100%;
}
.dah-productsborder .cwrapper-category-name {
  background-color: #196db6;
  float: left;
  margin: 0 auto;
  width: 100%;
}
.dah-productsborder .cwrapper-category-name > a, .dah-productsborder .cwrapper-category-name > a:hover, .dah-productsborder .cwrapper-category-name > a:focus {
  color: #fff;
  float: left;
  font-size: 18px;
  padding: 8px 0;
  text-transform: uppercase;
  width: 100%;
  text-decoration: none;
}
.dah-productsborder:hover {
  box-shadow: 0 0 6px #196db6;
}
.category-thumbnail {
  margin-bottom: 15px;
}
 
/*----------------- Cart Page --------------------*/
.dah_continueshopping {
  border-color: #dbdbdb;
  border-width: 2px;
}
.dah_updatecart {
  background-color: #196db6;
  border-color: #196db6;
  border-width: 2px;
}
.dah_updatecart:hover {
  color: #196db6;
  background-color: #fff;
  border-color: #196db6;
}
/*================================= Responsive code =========================================*/
/*----------- small desktop ------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.topheader-section .informationmenu #header-cart {
	width: 140px;
}
.partcat-section .cat-thumbnail img {
	max-width: 100%;
}
.wrapper-thumbnail .thumbnail .caption .btn.wishlist_toggle {
	width: 35px;
	margin-left: 2px;
}
.wrapper-thumbnail .thumbnail .caption .btn {
	width: 110px;
}
#n_product .extra-options .buying-options input.qty {
	width: 100px;
}
#n_product .extra-options #shipbox .col-xs-12:not(.pinfo_hsection) {
	width: 116px;
}
}
/*----------- tablet ------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo-section .header-search {
	max-width: 100%;
}
.topheader-section .informationmenu .nav > li > a {
	padding: 0 12px;
}
.topheader-section .informationmenu #header-cart {
	width: 60px;
}
.logo-section {
	padding-top: 10px;
	padding-bottom: 10px;
}
.mainmenu-section .navbar.navbar-default .nav > li:not(:first-child) > a {
	font-size: 12px;
	padding: 17.5px 8px;
}
.wrapper-thumbnail .thumbnail .caption .btn {
	max-width: 100%;
}
#n_product .extra-options #shipbox .col-xs-12:not(.pinfo_hsection) {
	width: 50%;
	margin-bottom: 10px;
}
#n_product .extra-options .buying-options .btn.wishlist_toggle {
	width: 150px;
}
#n_product .extra-options .buying-options .btn.addtocart {
	width: 120px;
}
#n_product .extra-options .buying-options input.qty {
	width: 45px;
}
.informationmenu {
	padding-left: 0;
}
.wrapper-footer .nav li:last-child > div.content {
	font-size: 10px;
}
.topcat-section > div {
	width: 33.33%;
	float: left;
}
.topcat-section .caption .headline a, .partcat-section .caption .headline a {
	font-size: 24px;
}
.partcat-section > div, .partcat-section > div {
	float: left;
	width: 33.33%;
	overflow: hidden;
}
.partcat-section .cat-thumbnail img {
	max-width: 100%;
}
.blog-section > div:not(.container) {
	float: left;
	width: 33.33%;
	overflow: hidden;
}
}
/*----------- mobile ------------*/
@media only screen and (max-width: 767px) {
    .partfinder-fields .part-select {
	width: 100%;
}
footer .col-sm-4.text-right {
	text-align: center !important;
	margin-top: 15px;
}

footer .img-responsive {
	display: inline-block;
	text-align: center !important;
	float: none;
}
.logo-section .header-search {
	float: none;
	margin-top: 25px;
}

.mainmenu-section .navbar.navbar-default .nMobileNav a {
	color: #fff;
}
.wrapper-header {
	position: relative !important;
}
.wrapper-product-finder .find-heading {
	text-align: center;
}
.part-select {
	margin-bottom: 15px;
}
.wrap-select-inline {
	padding: 0 15px;
}
.wrap-select-inline .compat-btn {
	width: 100%;
}
.topcat-section > div, .partcat-section > div {
	text-align: center;
	margin-bottom: 30px;
}
.products-section .wrapper-thumbnail, #n_category.wrapper-thumbnail {
	width: 50%;
	padding: 0 10px;
	float: left;
	margin-bottom: 15px;
}
.contact-details {
	margin-top: 30px;
	text-align: center;
	margin-bottom: 30px;
}
.contact-details > p:nth-child(2) {
	width: 100%;
}
footer .col-sm-6.text-right {
	text-align: center !important;margin-top: 15px;
}
footer .img-responsive {
	display: inline-block;
	text-align: center !important;
	float: none;
}
.wrapper-footer .nav li > div {
	display: inline-block;
}
.wrapper-footer .col-xs-12.col-sm-4:first-child .nav li {
	text-align: center !important;
	display: inline-block;
}
.wrapper-footer h4 { margin-top: 30px; }
footer form > .input-group {
	display: inline-block;
}
.wrapper-footer .input-group .btn, .btn-dahsignup > a {
	width: 114px;
	height: 38px;
	border: none;
	color: #fff;
	text-transform: uppercase;
	background-color: #1bac4a;
	border-radius: 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 38px;
    padding: 0;
}
.col-sm-4.category-thumbnail {
	margin-bottom: 15px;
	display: inline-block;
	width: 50%;
}
.wrapper-product-title {
	margin-top: 35px;
}
#n_product .extra-options .buying-options input.qty {
	width: 65px;
}
#n_product .extra-options .buying-options .btn.addtocart {
	width: 120px;
}
#n_product .extra-options .buying-options .btn.wishlist_toggle {
	width: 150px;
}
#n_product .extra-options #shipbox .col-xs-12:not(.pinfo_hsection) {
	width: 25%;
}
.partcat-section .cat-thumbnail .image {
	overflow: hidden;
}
/* menu */
.mainmenu-section .navbar.navbar-default .burger-menu .nav li:hover a {
	color: #fff;
	background-color: transparent;
}
.mainmenu-section .navbar.navbar-default .burger-menu .nav li:hover {
	background-color: #10598e;
}
.mainmenu-section .navbar.navbar-default .burger-menu .nav li a {
	text-transform: uppercase;
	font-size: 15px;
	color: #fff;
	padding: 17.5px 15px;
	background: transparent;
}
.mainmenu-section .navbar.navbar-default .nav li:first-child {
	background-color: transparent;
}
.mainmenu-section .navbar.navbar-default .nav {
	width: 100%;
	float: left;
	margin: 0 auto;
}
.mainmenu-section .navbar.navbar-default .burger-menu .nav li a.dah_caret {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	text-align: right;
}
.mainmenu-section .navbar.navbar-default .nav > li.active > a.dropdown-toggle, .mainmenu-section .navbar.navbar-default .nav li.dah-lvl2.active > a.dropdown-toggle {
	padding-top: 65px;
	background-color: #1bac4a;
}
.mainmenu-section .navbar.navbar-default .burger-menu .nav > li.active > a.dah_caret, .mainmenu-section .navbar.navbar-default .burger-menu .nav li.dah-lvl2.active > a.dah_caret {
	text-align: left;
	background-color: #000;
}
.burger-menu > div .nav > li.dah-lvl1:not(.active), .burger-menu > div .nav li.dah-lvl2:not(.active) {
	display: none;
	animation: slide 0.5s forwards;
}
@keyframes slide {
    100% { left: 0; }
}
	
}
@media only screen and (max-width: 500px) {
.products-section .wrapper-thumbnail, #n_category.wrapper-thumbnail {
	width: 100%;
}
.col-sm-4.category-thumbnail {
	margin-bottom: 15px;
	display: inline-block;
	width: 100%;
}
.col-sm-4.category-thumbnail {
	margin-bottom: 15px;
	display: inline-block;
	width: 50%;
}
.sort_container > div:first-child {
	padding-right: 0;
}
#n_product .extra-options #shipbox .col-xs-12:not(.pinfo_hsection) {
	width: 50%;
	margin-bottom: 10px;
}
.logo-section .header-search {
	max-width: 100%;
}
}