body {
	font-family: "DM Sans", sans-serif;
	font-size: 16px ;
	font-weight: 300;
	color: #231F20 ;
}

a, .btn-link{
	color: #231F20 /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: #231F20 /*{link-text-hover-colour}*/;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "DM Sans", sans-serif;
	color: #231F20 /*{headers-colour}*/;
	font-weight: 700;
}

.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #fff /*{carousel-text-colour}*/;
}

h1, .h1 {
	font-size: 40px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 21px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 18.375px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 15.75px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 40px /*{header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #231F20 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #231F20 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #231F20 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #231F20 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #fff /*{buttons | btn-primary-text-colour}*/;
	background-color: #EE3524 /*{buttons | btn-primary-background-colour}*/;
	border-color: #EE3524 /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover , .btn-primary:focus  {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #A72418 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #A72418 /*{buttons | btn-primary-border-colour-hover}*/;
	box-shadow: unset;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color:  #A72418 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #A72418  /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #A72418 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #A72418  /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: #fff /*{buttons | btn-warning-text-colour}*/;
	background-color: #ffc107 /*{buttons | btn-warning-background-colour}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color:  #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: #fff /*{buttons | btn-danger-text-colour}*/;
	background-color: #EE3524 /*{buttons | btn-danger-background-colour}*/;
	border-color: #EE3524 /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #EE3524 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #EE3524 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color:  #EE3524 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #EE3524 /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #EE3524 /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #EE3524 /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: #fff /*{buttons | btn-success-text-colour}*/;
	background-color: #EE3524 /*{buttons | btn-success-background-colour}*/;
	border-color: #EE3524 /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #A72418 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #A72418 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color:  #A72418 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #A72418 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #A72418 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #A72418 /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: #fff /*{buttons | btn-info-text-colour}*/;
	background-color: #17a2b8 /*{buttons | btn-info-background-colour}*/;
	border-color: #17a2b8 /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color:  #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: #fff /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #138496 /*{buttons | btn-info-background-colour-hover}*/;
	border-color: #117a8b /*{buttons | btn-info-border-colour-hover}*/;
}

.breadcrumb {
	background-color: #f8f9fa /*{breadcrumb-background-colour}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #6c757d /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #696969 /*{breadcrumb-text-colour}*/;
}

.pagination .page-link{
	color: #006FF5 /*{pagination-text-colour}*/;
	background-color: #fff /*{pagination-bg-colour}*/;
	border-color: #dee2e6 /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #004ca9 /*{pagination-text-colour-hover}*/;
	background-color: #e9ecef /*{pagination-bg-colour-hover}*/;
	border-color: #dee2e6 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff /*{pagination-text-colour-active}*/;
	background-color: #006FF5 /*{pagination-bg-colour-active}*/;
	border-color: #006FF5 /*{pagination-border-colour-active}*/;
}

.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
}
.badge-primary {
	background-color: #006FF5 /*{label-primary-bg}*/;
}
.badge-success {
	background-color: #28a745 /*{label-success-bg}*/;
}
.badge-info {
	background-color: #17a2b8 /*{label-info-bg}*/;
}
.badge-warning {
	background-color: #212529 /*{label-warning-text-colour}*/;
	background-color: #ffc107 /*{label-warning-bg}*/;
}
.badge-danger {
	background-color: #dc3545 /*{label-danger-bg}*/;
}

.card {
	border-color: #ddd /*{panel-border-colour}*/;
}
.card-header {
	background-color: #f5f5f5 /*{panel-header-bg-colour}*/;
	border-color: #ddd /*{panel-header-border-colour}*/;
}

.productsave {
	color: #D9534F /*{sale-colour}*/;
}

.wrapper-header .navbar-toggler {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar {
	background-color: #f8f9fa /*{navbar-default-bg-colour}*/ !important;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #231F20 /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show, .wrapper-header .navbar-nav .nav-link.active{
	color: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
	background-color: #fff /*{dropdown-menu-bg}*/;
	border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item{
	color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #262626 /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}


/* ===============part-finder============ */
.part-finder {
	width: 1200px;
	height: 382px;
	position: absolute;
	background: rgba(156, 156, 156, 0.27);
}
.part-finder h1 {
	color: #fff;
	font-size: 75px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1;
}
.show {
	display: block !important;
}
.separator {
	display: flex;
	align-items: center;
	text-align: center;
	margin: 20px 0;
	color: white;
	font-weight: 400;
	font-size: 16px;
	justify-content: center;
}

.separator::before,
.separator::after {
	content: "";
	flex: 1;
	border-bottom: 1px solid #EE3524;
	max-width: 390px;
}

.separator::before {
	margin-right: 30px;
}

.separator::after {
	margin-left: 30px;
}
div#_jstl__fit {
	width: 100%;
}
.otherpagefinder {
	background: rgba(25, 34, 47, 1);
}
body#n_home .mvp_center {
	justify-content: center;
}
.otherpagefinder .mvp_center{
	justify-content: end !important;
}
.otherpagefinder .dah_pfoptions {
	display: flex;
	align-items: center;
}
.otherpagefinder {
	padding: 24px 0;
}
div#compatibleApp ul {
	padding-left: 18px;
}
.mvpscroll.col-12 {
	max-height: 292px;
	overflow: auto;
}
div#PDPCompatibleNote {
	display: flex;
}
.PDPCompatibleNote_wrap {
	display: flex;
	align-items: flex-start;
}
.PDPCompatibleNote_wrap i {
	font-size: 22px;
	margin-top: 5px;
}
.PDPCompatibleNote_wrap>div {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
	line-height: 1.3;
}
.otherpagefinder div#compat_list .wrap-select-inline {
	max-width: 300px;
	min-width: 300px;
}
.wrap-select-inline:last-child {
	margin-right: 0px !important;
}
@media only screen and (min-width: 768px){
	.wrap-select-inline.hidden{
		display: block !important;
	}
	body#n_home div#compat_list .wrap-select-inline {
		max-width: 200px;
		min-width: 200px
	}
	.wrap-select-btn {
		max-width: fit-content !important;
		min-width: fit-content !important;
	}

}

@media (min-width: 767px) {
	.hidden-xs {
		display: block !important;
	}
	.visible-xs {
		display: none !important;
	}
}
.otherpagefinder div#compat_list .wrap-select-btn {
	max-width: fit-content;
	min-width: fit-content;
}

.otherpagefinder .pfdf-heading {
	text-wrap: nowrap;
}
.otherpagefinder #compat_list p {
	color: #DBDBDB;
	margin: 0;
	font-size: 18px;
	font-weight: 400;
}

/* body .hl-app .ghl-form-wrap {
	border: 1px solid !important;
} */
/*.mvpcontact_us {*/
/*	max-width: 655px;*/
/*}*/
section#homepageCarousel div#parts_finder {
    justify-content: center !important;
}




/* ====================responsive====================== */

@media (max-width: 1829.98px){
body#n_content article.product-article,
body#n_category article.product-article {
	flex: 0 0 25%;
	max-width: 25%;
}
.col-md-2 {
	flex: 0 0 21%;
	max-width: 21%;
}
.col-md-10 {
	flex: 0 0 79%;
	max-width: 79%;
}
}
@media (max-width: 1439.98px){

}
@media (max-width: 1199.98px){
body#n_content article.product-article,
body#n_category article.product-article {
	flex: 0 0 33.333%;
	max-width: 33.333%;
}

.col-md-2 {
	flex: 0 0 28%;
	max-width: 28%;
}

.col-md-10 {
	flex: 0 0 72%;
	max-width: 72%;
}
} 
@media (max-width: 991.98px){
body#n_content article.product-article,
body#n_category article.product-article {
	flex: 0 0 50%;
	max-width: 50%;
}
.col-md-2 {
	flex: 0 0 30%;
	max-width: 30%;
}

.col-md-10 {
	flex: 0 0 70%;
	max-width: 70%;
}
.category-header {
	display: flex;
	justify-content: center !important;
	margin: 30px 0px !important;
	flex-direction: column !important;
}

.category-title {
	order: 1;
	max-width: 100% !important;
	text-align: center !important;
}
.category-header .category-img {
	order: 0;
}
.category-header .category-img {
	position: unset !important;
}
.category-img p {
	text-align: center !important;
}
.category-header .category-title h1.page-header {
	font-size: 50px !important;
}
.wrapper-header .header-details ul.navbar-nav a.nav-link span {
	display: none;
}
}
@media (max-width: 767.98px){
.col-md-2 {
	flex: 0 0 100%;
	max-width: 100%;
}

.col-md-10 {
	flex: 0 0 100%;
	max-width: 100%;
}
.part-finder {
	padding-top: 18px !important;
}
} 
@media (max-width: 575.98px){

}
.mvp_error {
	position: absolute;
	white-space: nowrap;
}