/* CSS Document */


html,body {

	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:16px;
}
	body.bodynew {
		/*background: url("../images/bg-ag2.jpg") no-repeat top center fixed;
		background-size: cover !important;*/
		background-color:#efefef;
		scroll-behavior: smooth;
	}



.smooth-scroll {
	scroll-behavior: smooth;
}

#full-container {
	position:absolute;
	width:100%;
	top:0;
	z-index:99;
}

#layerslider-sub {
	position:relative;
	z-index:0;
	
	border-bottom:1px solid #000;
}
.file-icon {
	vertical-align:middle;
	margin-bottom:5px;
}
.checkbox-yesno .btn-group {
	border: 1px solid #888;
	border-radius: 5px;
}
.checkbox-yesno .btn-group button {
	box-shadow:none!important;
}


#layerslider-image-only {
	position:relative;
	z-index:0;
	
	border-bottom:1px solid #000;
	max-height:570px;
}
	#layerslider-image-only .ls-wrapper {
		
		max-height:570px;
		
	}
	#layerslider-image-only .ls-wrapper img {
		max-width:1500px!important;
		max-height:570px;
	}
.content-slider {
	box-shadow: 4px 4px 8px #666;
	margin-top: 30px;
	padding-left:0;
	padding-right:0;
}
.landing-page-card {
	margin-bottom:1.5em;
}
	.content-slider #layerslider-image-only {
		border: 0;
		max-width: 1140px !important;
		max-height: 460px;
	}
.ls-thumbnail-slide a{
	margin-top:5px;
	margin-right:5px;


}
a {
	color:#000;
}
a:hover {
	color:#c8102e;
}

.container-search {
	border-top: 1px solid #fff;
}
#slider-container {
	width:100%;
	height:100%;
	max-height:100%;
	min-height:100%;	
}
#slider-container-sub {
	width:100%;
	height:400px;
	max-height:100%;
	
}
#slider-container-content {
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 100%;
	margin-top:30px;
	box-shadow:4px 4px 8px #777;
}



.home-logos {
	margin-bottom:20px;
}
.home-logos img {
	
}
#layerslider h1.line-1, #layerslider-sub h1.line-1 {
	font-family: 'Oswald', sans-serif;
	font-weight:500;
	color:#FFF;
	font-size:30px;
	text-transform:uppercase;
	margin-bottom:0;
	text-shadow:1px 1px 2px #333;
}



.category-header h1:nth-child(1) {
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 700;
	line-height:1em;
	font-size: 50px;
	margin-top: 0;
	text-transform: uppercase;
}
.category-header p {
	line-height: 1.5em;
	font-size: 18px;
	margin-bottom:30px;
}

#layerslider h1.line-2, #layerslider-sub h1.line-2 {
	color: #FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 600;
	font-size: 90px;
	margin-top: 0;
	text-shadow: 1px 1px 2px #333;
	line-height:1em;
}
#layerslider-sub h1.line-2 {
	font-weight:700;
	line-height:.8em;
}
#layerslider-sub p {
	padding-right:20px;
	white-space:normal;
	line-height:1.5em;
	font-size:16px;
}
#layerslider .btn-secondary, #layerslider-sub .btn-secondary {
	border-radius:8px;
	box-shadow: 2px 2px 4px #111;
	color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
	font-size:20px;
	background-color:rgba(0, 0, 0, 0.9)!important;
	margin-bottom:10px;
	
}
#layerslider .btn-primary, #layerslider-sub .btn-primary {
	border-radius: 8px;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight: 600;
	box-shadow: 2px 2px 4px #111;
	color: #FFF;
	font-size: 20px;
	background-color: rgba(200, 16, 46, 1) !important;
	margin-bottom:10px;
}
#layerslider .btn-primary:hover, #layerslider-sub .btn-primary:hover {
	background-color:rgba(235, 10, 30, 1)!important;
}
#layerslider .btn-secondary:hover, #layerslider-sub .btn-secondary:hover {
	background-color:rgba(0, 0, 0, 1)!important;
}

#layerslider .ls-wrapper, #layerslider-sub .ls-wrapper, #layerslider-image-only .ls-wrapper {
	width:100%!important;

}
.btn-secondary {
	background-color:#c8102e;
}
.btn-brp {
	background-color:#ffdd00!important;
	color:#000!important;
	font-weight:bold;
}
.btn-extra-large {
	font-size: 26px;
}
.btn-info {
	background-color: #FFF;
	color:#c8102e;
	border-color:#FFF;
	font-weight:bold;
}
.btn-info:hover {
	background-color:#000;
	border-color:#000;
}
.slide-text {
	/*width: 100% !important;
	min-width:100%!important;*/
	white-space: normal !important;
}

.visible {
	display:block;
}

.main-nav {
	position:absolute;
	top:15px;
	text-align:right;
	z-index:9999;
}
.main-nav-sub {
	top:auto;
}
.n1-nav {
	width:auto;
	color:#000;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
	font-size:18px;
	text-align:center;
	display:inline-block;
	padding-left:20px;
	padding-right:20px;
	position:relative;
	top:8px;
}
.n1-nav i {
	margin-top:10px;
	font-size:36px;
}
.n1-nav a {
	display:block;
	width:100%;
		font-family: 'Archivo Narrow', sans-serif;
	color:#000;
	padding-top:5px;
}

#delta-custom-menu {
	position:relative;
	min-height: calc(100vh - 20px);
	background-color:rgba(0,0,0,0.90);
	margin-top:-80px;
	
}
.delta-custom-menu-sub {
	margin-top:-160px!important;
}
#delta-location-menu {
	width:100%;
}
#delta-location-menu .list-group-item span {
	color:#999;
}
.mobile-menu {
	font-size:1.3em;
	
}
.mobile-menu .list-group-item {
		padding-top:1em;
	padding-bottom:1em;
		border:none;
	border-bottom:1px solid #080808;


	text-align:center;

	background-color:inherit;

	color:#FFF;

}
.button-winter {
	background-color: #87abd4 !important;
	color: #000 !important;
}
.mobile-menu .list-group-item:hover {
	background-color:rgba(220,0,0,0.70);
}
.list-group-close {
	background-color:rgba(220,0,0,0.90)!important;
	color:#000!important;
	font-weight:700!important;
	font-size:1.5em;
	padding-top:.8em!important;
	padding-bottom:.8em!important;
	border-bottom:1px solid #000;
	text-align:right!important;
}

.n1-start {
	width:180px;
	background:#131313;
	color:#FFF;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
	font-size:18px;
	text-align:center;
	display:inline-block;
}
.n1-start a {
	display:block;
	width:100%;
		font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
	padding-top:20px;
	padding-bottom:20px;
	font-size:18px;
	color:#FFF;
}
.n1-hover {
	background-color:#000000;
	color:#FFF!important;
}
.n1-hover a {
	color:#FFF!important;
}
.n1-hover i {
	color:#FFF!important;
}
a:hover {
	text-decoration:none;
}
.n1-start i {
	color:#c8102e;
}

.n1-locations {
	width:160px;


	color:#000;

	
	text-align:center;
	display:inline-block;
}
.n1-locations a {
	display:block;
	width:100%;
		font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
	padding-top:20px;
	padding-bottom:20px;
	font-size:18px;
	color:#000;
}
.n1-locations i {
	color:#000000;
}
.dropdown {
	padding:20px!important;
	padding-top:25px!important;
}

#dropdown-shop .search-widget {
	margin-bottom:.6em;
}
.dropdown-keyword {
	
	width:320px!important;
	
}
.dropdown-shop {
	display:none;
	
	background-color:#000; 
	width:98%; 
	margin:0 auto;
	box-shadow: 2px 2px 10px #111;
	color:#FFF;
	text-align:left;
}

.dropdown .list-group-item {
	padding-left:0;
	padding-bottom:5px;
	padding-top:0;
	background-color:#000;
	border:none;
	color:#afafaf;
}

.dropdown .list-group-item:hover {
	color:#FFF;
}

.dropdown-cats {
	font-size:1.3em;
	margin-bottom:1em;
}
.dropdown-cats .list-group-item {
	margin-bottom:.5em;
}




#dropdown-locations .list-group-item {
	margin-bottom:.7em;
}


.dropdown i:hover {
	color:#c8102e;
}
.dropdown .list-group-item:hover {
	color:#FFF;
}

.dropdown-locations {
	text-align:left;	
	display:none;
	background-color:#000; 	
	width:98%; 
	margin:0 auto;
	box-shadow: 2px 2px 10px #111;
	color:#FFF;
		
}
#dropdown-locations .list-group-item {
	padding:4px;
}
#dropdown-locations .list-group-item:hover {
	background-color:#131313;
}
.dropdown h4 {
	margin-bottom:0;
}
.dropdown p {
	margin-bottom:0;
}
.dropdown-location-logo {
	width:65px;
	height:auto;
}
.row-header-1 {
	height:95px;
	padding-right:0;
}
.row-header-1 .row, .row-header-1 .col-sm-12 {
	padding-right:0;
}
.dropdown-sub {
	margin-top:-7px;
}
.w-33 {
	width:33%!important;
}
.col-vid {
	margin-bottom:20px;
}
.accordion.accordion-3 {
border-radius: 3px; }
.accordion.accordion-3 p {
font-size: 1rem; }
.accordion.accordion-3 .fa.fa-angle-down {
margin-top: -10px; }

.accordion .animated-icon1 span {
background: #F44336;
}


.red {
	color: #c8102e!important;
}



.container-red {
	background-color: #c8102e;
	color: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}
.container-red h1, .container-red h2, .container-red h3, .container-red h4, .container-red h5 {
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	margin-bottom:0;
}
.content {
	padding-top:40px;
	padding-bottom:30px;
	
}
.content h1, .content h2, .content h3, .content h4, .content h5 {
	color:#000;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	margin-bottom:.3em;
}
.box-product-line {
	float:left;
	padding-bottom:30px;
}
.box-product-line .info {
	height:100px;
}
.box-product-line a img {
	width:100%;
	height:230px;
	text-align:center;
}
.box-product-line h4 {
	margin-top:.5em;
	text-align:center;
}
.image-wrapper {
	position: relative;
	width: 100%;
	padding-top: 75%; /* 4:3 aspect ratio = 600/800 = 0.75 = 75% */
	overflow: hidden;
	background: #f8f9fa;
}

	.image-wrapper img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover; /* Crops to fill the container */
	}


.container-grey {
	background-color:#ededed;
	padding-top:30px;
	padding-bottom:30px;
}

.box-product {
	float:left;
	padding-bottom:30px;
}
.box-product p {
	font-size:1em;
}
.box-product .info {
	height:150px;
}
.box-product a img {
		/*	width:100%;
	height:auto;*/
		text-align: center;
	}
.box-product a p.title {
	color:#000;
	margin-top:.7em;
	margin-bottom:0;
	font-weight:bold;
	line-height:1em;
}
.footnote {
	font-size:.8em!important;
	color:#666;
	
	margin-top:0;
	font-weight:normal;
}
.box-product a p.price {
	margin-top:.5em;
	color:#c8102e;
	font-weight:bold;
}

.go-left {
	position:absolute;
	left:-70px;
	top:40%;
}
.go-right {
	position:absolute;
	right:-70px;
	top:40%;
}
.products-scroll a i {
	color:#000;
}

.brand-page-logo {
	width:100%;
	height:auto;
}
.clear {
	clear:both;
}
.container-white {
	background-color: #ffffff;
	color: #000;
	padding-top: 10px;
	padding-bottom: 15px;
}

	.container-white h1, .container-white h2, .container-white h3, .container-white h4, .container-white h5 {
		color: #000;
		font-family: 'Oswald', sans-serif;
		font-weight: 600;
	}

.container-black {
	background-color:#070707!important;
	color:#ccc;
	padding-top:10px!important;
	padding-bottom:15px;
}

.container-black h1, .container-black h2, .container-black h3, .container-black h4, .container-black h5 {
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
}
.container-grey h1, .container-grey h2, .container-grey h3, .container-grey h4, .container-grey h5 {
	color:#000;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	margin-bottom:.3em;
}

.products-scroll h4, .products-scroll h3 {
	margin-bottom:1em;
}
.top-emergency-contact-box h4, .sub-emergency-contact-box h4 {
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
}
.top-emergency-contact-box-mobile p, .sub-emergency-contact-box-mobile p {
	color:#fff;
	font-family: 'Oswald', sans-serif;
	font-weight:600;
	font-size:1em!important;
}
.top-emergency-contact-box-mobile a, .sub-emergency-contact-box-mobile a {
	color:#fff;
	font-family: 'Archivo Narrow', sans-serif;
	font-weight:600;
}



.top-emergency-contact-box {
	position:absolute!important;
	bottom:0!important;
	right:0!important;
	color:#FFF;
	margin-bottom:1px!important;
	width:500px!important;
	background-color:rgba(194, 14, 29, .9)!important;
	z-index:1;
}
.sub-emergency-contact-box {
	margin-top:1px;
	color:#FFF;
	float:right;
	width:500px!important;
	background-color:rgba(194, 14, 29, 1)!important;
	z-index:1;
	text-align:left;
}
.top-emergency-contact-box-mobile {
	display:none;	
}
.top-emergency-contact-box .row, .top-emergency-contact-box-mobile .row {
	margin:0!important;
}
.home-emergency-contact-box {
	left: 0!important;
	width:400px!important;
}
.search-widget .form-check-input {
	margin-left:0;
	
}
.search-widget .form-check-label {
	margin-right:1.5rem;
	margin-left:.5rem;
	
}
.search-widget .form-inline select, .search-widget .form-inline input {
	width:200px;
	margin-right:.75rem;
	font-weight:700;
	color:#131313;
	border-radius:0;
	border:none;
	font-size:1.1em;
	padding-right:5px;
}
.search-widget .btn-primary {
	border-radius:0;
	border:none;
	font-weight:700;
	font-size:1.1em;
}
.search-widget h3 {
	font-size: 1.6em;
	text-transform: uppercase;
}


.search-widget-new .form-check-input {
	margin-left: 0;
}

.search-widget-new .form-check-label {
	margin-right: 1.5rem;
	margin-left: .5rem;
}

.search-widget-new .form-inline select, .search-widget-new .form-inline input {
	width: 200px;
	margin-right: .75rem;
	font-weight: 700;
	color: #131313;
	border-radius: 0;
	border: 1px solid #999;
	font-size: 1.1em;
	padding-right: 5px;
}

.search-widget-new .btn-primary {
	border-radius: 0;
	border: 1px solid #999;
	font-weight: 700;
	font-size: 1.1em;
}

.btn-primary {
	background-color:#c8102e;
	border: #c8102e;
}
.btn-primary:hover {
	background-color:#ff0000;
}
.btn-secondary {
	background-color:#000000;
	border: #000000;
	
}
.manufacturer-logos {
	padding-top:60px;
	padding-bottom:40px;
}
.manufacturer-logos .row-1 {
	width:80%;
	margin:0 auto;
	text-align:center;
	margin-bottom:1em;
	min-height:150px;
}
.manufacturer-logos .row-1 a {
	width:42%;
	padding:0;
	display:inline-block;
	margin:0 auto;
	height:120px;
	
	
}
	.manufacturer-logos .row-1 img {
		width: 100%;
		height: auto;
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
.manufacturer-logos .row-2 {
	width:80%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
}
.manufacturer-logos .row-2 p {
	padding-top:1em;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:0;
	width:100%;
}
.manufacturer-logos .row-2 ul {
	list-style:none;
	list-style-type:none;
	padding:0;
	margin:0;
	
}
.manufacturer-logos .row-2 ul li {
	width:20%;
	display:inline-block;
	padding:10px;

	
}
.manufacturer-logos .row-2 ul li a img {
	width:100%;
	height:auto;
}
.manufacturer-logos .row-3 {
		width:90%;
	margin:0 auto;
	text-align:center;
	margin-bottom:20px;
	
}
	.manufacturer-logos .row-3 p {
		width: 100%;
	}

.row-flex {
	display: flex;
	margin-bottom: 3em;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

	.row-flex div {
		height: 60px;
		text-align:center;

	}

		.row-flex div a img {
			max-height: 100%;
			max-width:90%;
			width: auto;
		}


.button-row {
	text-align:center;
}
	.button-row .btn-secondary, .button-row .btn-primary {
		padding: .8rem 1.5rem .8rem 1.5rem;
		margin-bottom:5px;
	}


.newsletter-icon {
	float:left;
	padding-bottom:20px;
	margin-right:20px;
}
.newsletter form {
	padding-top:10px;
}
.newsletter form input {
	width:250px!important;
	border-radius:0;
	margin-right:5px;
}
.newsletter btn {
	border-radius:0;
}


.container-footer {
	min-height:300px;
	padding-top:30px!important;
	border-top:1px solid #ccc;

}

.container-black hr {
	background-color:#191919;
}

.emergency-contact-box {
	background-color:#c20e1d;
	padding:8px;
	width:85%;
	margin-bottom:15px;
}
#layerslider .emergency-contact-box {
	white-space:normal;
	background-color:#c20e1d;
	padding:8px;
	width:320px;
	margin-bottom:15px;
}
.emergency-contact-box h5, .emergency-contact-box h4, .emergency-contact-box p, .emergency-contact-box a {
	color:#FFF;
	margin:0;
}
.emergency-contact-box h5, .emergency-contact-box h4 {
	margin-bottom:.2em;
}
.emergency-contact-box p {
	font-size:.9em;
}
.footer-logo-row {
	text-align:center;
}
.footer-logo {
	width:225px;
	height:auto;
	margin-bottom:3em;
}
.footer-social {
	margin-bottom:50px;
}

	.footer-social a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background-color: #dfdfdf; /* Change to match the site's theme */
		color: #000;
		text-decoration: none;
		font-size: 20px;
		margin: 1px;
		transition: background 0.3s ease;
	}

		.footer-social a:hover {
			background-color: #c20e1d;
		}

	.footer-social i {
		line-height: 40px;
	}
.footer-title {
	padding-top:20px;
	padding-bottom:10px;
	border-bottom: 1px solid #191919;
	/*background-image: url(/images/bg-dots-dark.gif);
	background-repeat: repeat;
	background-size: 2px 2px;*/
	margin-bottom: 1em;
}

.footer-locations .list-group-item {
	padding-left:0;
	background-color:#000;
	border:none;
	color:#afafaf;
}
.footer-locations .list-group-item a {
	color:#afafaf;
}
	.footer-locations .list-group-item a:hover {
		color: #ffffff;
	}
.footer-productlines {
	margin-bottom: 40px;
	padding-left:20px;
}
	.footer-productlines li a {
		color: #afafaf;
	}
	.footer-productlines li a:hover {
		color: #fff;
		text-decoration:underline;
	}
.footer-productlines .list-group-item {
	padding-left:0;
	padding-bottom:5px;
	padding-top:0;
	border:none;
	color:#afafaf;
	background-color:#070707;
}
.footer-copyright {
	color: #aaa;
	font-size: 14px;
	padding-top: 10px;
	padding-bottom:30px;
	padding-left:5px;
	text-align: left;
	background-color:#0b0b0b;
	border-top:1px solid #333;
}
.footer-copyright a {
	color:#ccc;
	text-decoration:underline;
}
.social-bar {
	background-color: #efefef;
	padding: 20px;
	border-radius: 10px;
	padding-top: 14px;
}
.social-bar h6 {
	font-weight:bold;
}

.social-icon {
	display: inline-block;
	line-height: 0;
	padding: 10px;
	background: #900;
	border-radius: 6px;
}
.social-icon a {
	color:#fff;
}
.bg-color-facebook {
	background-color: #3b5998;
}
.bg-color-twitter {
	background-color: #00acee;
}
.bg-color-linkedin {
	background-color: #0072b1;
}
.bg-color-standard {
	background-color: #777777;
}


.col-print-1 {
	width: 8%;
	float: left;
}

.col-print-2 {
	width: 16%;
	float: left;
}

.col-print-3 {
	width: 25%;
	float: left;
}

.col-print-4 {
	width: 33%;
	float: left;
}

.col-print-5 {
	width: 42%;
	float: left;
}

.col-print-6 {
	width: 50%;
	float: left;
}

.col-print-7 {
	width: 58%;
	float: left;
}

.col-print-8 {
	width: 66%;
	float: left;
}

.col-print-9 {
	width: 75%;
	float: left;
}

.col-print-10 {
	width: 83%;
	float: left;
}

.col-print-11 {
	width: 92%;
	float: left;
}

.col-print-12 {
	width: 100%;
	float: left;
}
.content-left {
	margin-bottom:1em;
}
.content-left h1{
	font-size:4em;
	line-height:1em;
}
.content-left-product h1 {
	font-size: 4em;
	line-height: 1em;
}
.content-right {
	padding-top:100px;
}
.content-right img {
	max-width:100%;
	height:auto;
}
.container-red-product {
	border-bottom:1px solid #FFF;
	box-shadow: 3px 3px 10px #999;
}
.container-red-product h1 {

		margin-bottom:.3em;
	}
	.content-right-product {
		padding-bottom: 30px;
	}

	.content-right-product img {
		max-width: 100%;
		height: auto;
	}

#header-sub {
	border-bottom: 1px solid #333;
	box-shadow:0px 5px 20px #ccc;
}

.mobile-controls {
	display:none;
}


.listing-contact {
	margin-top: 3em;
	margin-bottom: 1em;
}

	.listing-contact p {
		font-size: 1.4em;
		margin-bottom: 0;
		margin-top: .6em;
	}

		.listing-contact p.big-phone {
			/*font-family: 'Oswald';*/
			font-weight: 600;
			/*text-transform: uppercase;*/
			color: #c8102e;
			font-style: normal;
			font-size: 4em;
			line-height:1em;
			margin-top: 0;
		}

	.listing-contact .btn {
		margin-right: 1px !important;
		font-size:1.6em;
	}


#inline-contact {
	width: 60%;
	margin: 0 auto;
	background: #000;
	border-radius: 20px;
	padding: 20px;
	margin-top: 2em;
	text-align: left;
}

	#inline-contact label {
		color: #FFF;
	}

.listing-header {
	box-shadow: 3px 3px 5px #ccc;
	padding-bottom:15px;
}
.listing-header a.btn-secondary {
	font-weight:bold;
}
.listing-header h1 {
	font-size: 4em;
	line-height: 1em;
}
.listing-header p {
	margin-top:0;
}
.listing-price {
	margin-top:1em;
	margin-bottom:.5em;
	color: #c8102e;
	font-size:3em;
	font-weight: bold;
	line-height:.5em;

}
.listing-price span.footnote {
	font-size:.5em!important;
	color:#666;
}
.price-line2 {
	font-size:.5em;
	color:#666;
	font-weight:normal;

}

.container-features {
	padding:0;
	border-top:1px solid #ccc;
	margin-top:2em;
}

.listing-map {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: 45%;
	/* This is the aspect ratio height: 0;*/
	overflow: hidden;
	margin-bottom: 30px;
}

	.listing-map iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

#map {
	/*height: 100%;*/
}
#newMap {
	width: 100%;
	height: 600px;
	margin-bottom:4em;
	box-shadow:5px 5px 15px #999;
}
.map-info-window {
	padding: 10px;
	max-width: 250px;
	min-width:200px;
}

	.map-info-window h3 {
		margin: 0;
		font-size:1.6em;
	}

	.map-info-window p {
		margin: 5px 0;
		font-size: 12px;
	}
	.map-info-window a:active {
		text-decoration:none;
		border:0;
	}
	.map-info-window a {
		outline: none !important; /* Removes focus outline */
		box-shadow: none !important; /* Removes any potential shadow */
		border: none !important; /* Ensures no border is applied */
	}
.brand-labels {
	margin-top:1em;
}
.brand-label {
	display: inline-block;
	background: #007bff;
	color: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	margin-right: 2px;
	font-weight:500;
	text-transform:uppercase;
	font-size: .8em;
	margin-bottom:2px;
}
.gm-style-iw button {
	display: none !important;
}

.location-logos {
	text-align:left;
	margin-bottom:1em;

}
.location-logos a img {
	width: 300px;
	max-width:100%;
	height:auto;
}
.location-logos a img.go-small {
	width:200px;
}
.location-logos a {
	vertical-align:middle;
}
	.location-logos a img.go-really-small {
		width: 120px;
		margin-right:.5em;
	}


.page-item.active .page-link {
	color:#FFF;
	background-color:#c8102e;
	border-color:#c8102e;
}
.page-link {
	color:#444;
}
.page-link:hover {
	color:#222;
}
.photo-container {
	width: 100%;
	height: 180px;
	margin-bottom: 1em;
	overflow:hidden;
}

	.photo-container img {
		width: 100%;
		height: 100%;
		object-fit: cover; /*magic*/
	}

.logo-container {
	height:175px;
	text-align:center;
}
.logo-container img {
	position:relative;
	top:50%;
	transform: translateY(-50%);
}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	margin-bottom:1.2em;
	margin-top:2em;
}
.videoWrapper iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}


.info-list {
	list-style: none;
	padding: 0;
}
.info-list li {

	padding-left:1.3em;
}

.info-list li:before {
	content: "\f054"; /* FontAwesome Unicode */
	color: #c8102e;
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -1.3em; /* same as padding-left set on li */
	width: 1.3em; /* same as padding-left set on li */
}

.infolist {
	list-style: none;
	padding: 0;
}

	.infolist li {
		padding-left: 1.3em;
	}

		.infolist li:before {
			content: "\f054"; /* FontAwesome Unicode */
			color: #c8102e;
			font-family: FontAwesome;
			display: inline-block;
			margin-left: -1.3em; /* same as padding-left set on li */
			width: 1.3em; /* same as padding-left set on li */
		}


p.specs + ul {
	/*text-transform:lowercase;*/
	list-style:none;
	padding:0;
}
p.specs + ul li {
	padding-left:1.3em;
	
}
	p.specs + ul li::first-letter {
		/*	text-transform: uppercase;*/
}

	p.specs + ul li:before {
		content: "\f054"; /* FontAwesome Unicode */
		color:#c8102e;
		font-family: FontAwesome;
		display: inline-block;
		margin-left: -1.3em; /* same as padding-left set on li */
		width: 1.3em; /* same as padding-left set on li */
	}


.container-features .content {
	padding-top:20px;
}
.container {
	width: 1220px;
	max-width: 100%;
}

.container-content {
	padding-top: 20px;
	background-color:#fff;
	width:1220px;
	max-width:100%;

}
.container-product {
	padding-top:20px;
}
.product-heading {
	font-size: 4em;
	margin-bottom: .2em;
}

.contact-card {
	margin-top:1em;
	margin-bottom:2em;
}
.input-group-prepend {
	display: flex;
	margin-right:-1px;
}


.grecaptcha-badge {
	width: 70px !important;
	overflow: hidden !important;
	transition: all 0.3s ease !important;
	left: 4px !important;
}

	.grecaptcha-badge:hover {
		width: 256px !important;
	}


.contact-form {

	padding:20px;
	background-color:#efefef;
	margin-bottom: 2em;

}
.inquiry-form {
	margin-top:1.5em;
	background-color:#222;
}

	.contact-form .form-control {
		border-radius: .3rem;
	}

.contact-image {
	text-align: center;
}


.contact-form form {
	
}



.contact-form h3 {
	margin-bottom:1em;

	
}
.inquiry-form h3 {
	color:#FFF;
}

.contact-form .btnContact {

	border: none;
	border-radius: .3rem;
	padding: 1.5%;
	background: #c8102e;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
}

.btnContactSubmit {
	width: 50%;
	border-radius: .3rem;
	padding: 1.5%;
	color: #fff;
	background-color: #c8102e;
	border: none;
	cursor: pointer;
}


.info-banner {
	background: #c20e1d;
	border-bottom: 1px solid #000;
	padding-top: 8px;
	padding-bottom: 8px;
}

	.info-banner .container {
		padding: 4px;

	}

		.info-banner .container p {
			color: #FFF !important;
			margin-bottom: 0 !important;
			font-size: 1.3em;
			text-shadow: 1px 1px 2px #000;
			font-family: 'Oswald', sans-serif;
			text-align:center;
		}

			.info-banner .container p strong {
				font-family: 'Oswald', sans-serif;
				font-weight: 700;
				font-size: 1.2em;
			}
			.info-banner a.btn {
				vertical-align:baseline;
			}

.stage-right {
	animation: 1s ease-out 0s 1 stage-right;
}

@keyframes stage-right {
	0% {
		transform: translateX(100px);
		opacity: 0;
	}

	100% {
		transform: translateX(0);
		opacity: 1;
	}
}



.alert {
	width:100%;
}
.alert i.fa {
	color:#c8102e;
}
.alert h4 {
	margin-bottom:.5em;
}
iframe.lookupFrame {
	width:100%;
	padding:10px;
	padding-top:20px;
	height:200px;
	border:1px solid #dfdfdf;
	border-radius:4px;
}

.map-responsive {
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
}

.card {
	margin-bottom:20px;
}

	.map-responsive iframe {
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
		position: absolute;
	}


.card-parts-cat {
	margin-bottom: 1em;
}
.location-logos {
	display:inline-block;
	height:auto;
	text-align:center;
	min-height:150px;
}

	.card-parts-cat .card-body {
		min-height: 230px;
	}

	.card-parts-cat img {
		width:20%;
		height:auto;
		display:inline;
	}

div.card-parts-cat img:first-child {
	width: 80%;
	margin: 0 auto;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.card-img-main {
	width: 80%;
	margin: 0 auto;
	margin-top: 1.5em;
	margin-bottom: 1em;
}
.card-img-fifty {
	width: 45%!important;
	margin: 0 auto;
	margin-top: 3em;
	margin-bottom: 1em;
}

.card-img-top {
	width:100%;
	height:auto;
}
#slider-container-new {


}
.emergency-box-new {
	color: #fff !important;
	background-color: #c20e1d;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 10px;
	margin-right: 4px;
	height: 40px;



}

.emergency-box-new-reversed {
	color: #000 !important;
	background-color: #dfdfdf;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
	border-radius: 10px;
	margin-right: 4px;
	height: 40px;
}

.header-new {
	background-color: #000;
	position: absolute;
	top: 0;
	z-index: 5000;
	box-shadow:0px 0px 15px #000;
	height:120px;
}
.header-new-logo {
	height:100px;
}
.header-new-white {
	background-color: #070707;
}
.header-new-transparent {

}
.header--transparent {
	background: linear-gradient(to top, rgba(0, 0, 0, .25), rgba(0, 0, 0, .8));
	backdrop-filter: blur(4px); /* optional: adds subtle background blur */
	box-shadow: none; /* no shadow when transparent */
	z-index: 5000;
}

.header--transparent--dark {
	background-color: rgba(0, 0, 0, 0.55); /* semi-transparent black */
	backdrop-filter: blur(4px); /* optional: adds subtle background blur */
	box-shadow: none; /* no shadow when transparent */
	z-index: 5000;
	border-bottom:1px solid #ccc;
}
	.header--transparent--dark .nav-link {
		background-color: rgba(0, 0, 0, 0);
		border:0!important;
		margin-right:2px;
	}
.header-new-black {
	background-color: #111;
	z-index: 5000;
	box-shadow: 0px 0px 15px #000;
	height: 140px;
}
.pre-header {
	background-color:#fafafa;
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #fff;

	height:60px;
}
.pre-header .col-sm-6 {
	border-right:1px solid #ccc;
	border-left:1px solid #fff;
}
/* Top bar styling */
.top-bar-new {
	/*background-color:#efefef;*/

	min-height: 70px;
}
.top-bar-new-solid {
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	min-height: 70px;
}
.top-bar-new-black {
	background-color: #111;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 1px solid #333;
	min-height: 70px;
}
.social-icon-top {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 35px; /* Adjust size as needed */
	height: 35px;
	border-radius: 50%;
	background-color: #dfdfdf; /* Default black background */
	color: #000;
	text-decoration: none;
	font-size: 20px;
	transition: background 0.3s ease-in-out, transform 0.2s ease-in-out;
}

	.social-icon-top:hover {
		background-color: #000; /* Slightly lighter on hover */
		color:#fff;
		transform: scale(1.1); /* Slight zoom effect */
	}

.text-yellow-new {
	color: #c20e1d;
}

/* Search Bar */
.search-bar-top-new {
	width: 350px;
}

.expanding-input-new {
	border-radius: 10px 0 0 10px;
	border: 1px solid #c20e1d;
}

.btn-yellow-new {
	background-color: #c20e1d;
	color: #000;
	border-radius: 0 10px 10px 0;
	border: 1px solid #c20e1d;
}

	.btn-yellow-new:hover {
		background-color: #c20e1d;
	}

/* Navbar */
.navbar-new {
	background-color: rgba(0, 0, 0, 0.96) !important;
	border-top:1px solid #191919;
}
.navbar-new-bg {
	background-color: #111 !important;
}
.navbar-new-black {
	background-color: rgba(09, 09, 09, 0.85)!important;
	border-top: 1px solid #000;
	border-bottom: 1px solid #ccc;
}
.preheader-row {
	padding:0;
	border-bottom:1px solid #141414;
}
.navbar-brand-new {
	height: 100px;
	padding-bottom:10px;
	padding-top:0;
}
/* By default, show reversed and hide normal */
.logo-default {
	display: none;
}

.logo-reversed {
	display: inline;
}

/* When header is scrolled (solid background), swap logos */
.header-new-white .logo-default {
	display: inline;
}

.header-new-white .logo-reversed {
	display: none;
}

/* Hamburger Menu */
.navbar-toggler-new {
	border: none;
}

/* Navbar Toggle Button */
.navbar-toggler {
	background-color: #c20e1d; /* Red background */
	height:100%;
	border: none; /* Remove default border */
	
}

/* Custom Navbar Toggle Icon */
.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='black' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 30px; /* Adjust size as needed */
}

.navbar-toggler-new {
	height:50px;
	border-radius:0;
}



/* Mega Menu Styling */
.mega-menu {
	display: none;
	position: absolute;
	top: 133px;
	left: 0;
	width: 100%;
	background-color: #000; /* Black background */
	border-radius: 10px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	padding: 20px;
	z-index: 1000;
	opacity: .95;
}

	.mega-menu.show {
		display: block; /* Show the menu when triggered */
	}

.mega-menu-title h4 i {
	color: #c20e1d;
}
.nav-buttons .nav-item {
	line-height:2em;
}
/* Custom nav link styling */
.nav-link-new {
	color: #FFF; /* White text */
	padding: 10px 15px;
	font-weight: 500;
	background-color:#070707;

	border-left:1px solid #191919;
	font-family:Oswald;
}
.header--transparent--dark .nav-link-new {
	color: #fff !important;
	font-weight:400;
}
.nav-link-new-shop {
	background-color: #c20e1d !important; /* Red background on hover */
	color: #FFF !important; /* Keep text white */

}

.nav-link-new:hover {
	background-color: #c8102e !important; /* Red background on hover */
	color: #FFF !important; /* Keep text white */
}
	.nav-link-new.hover {
		background-color: #c20e1d !important; /* Red background on hover */
		color: #FFF !important; /* Keep text white */
	}

	.navbar-toggler-new {
		display:block!important;
	}
.navbar-toggler-icon {
	display: block !important;
	background-image: url(data:image/svg+xml;charset=UTF8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='%23FFCF00' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E) !important;
}
#searchBar input::placeholder {
	color: #afafaf;
}

.search-new {
	position: absolute;
	bottom: 25px;
	background: #fff !important;
	color: #000 !important;
	box-shadow: 0px 0px 15px #000;
	left: 50%;
	width:98%;
	border-radius:20px;
	transform: translate(-50%, 0);
}

/* Dropdown Styling */
.dropdown-new {
	
	padding: 0 !important;
	padding-top: 0 !important;
}
.dropdown-menu-new {
	position:absolute;
	left:0;
	z-index:1050;
	opacity: 0;
	transition: opacity 0.3s ease; /* Smooth transition for opacity */
	background-color: #efefef;
	border-radius: 10px;
	padding: 10px 0;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	min-width: 350px;
	overflow: hidden;
}

	.dropdown-menu-new.show {
		opacity: 1;
	}

.dropdown-item-new {
	color: #090909; /* White text */
	padding: 5px 20px; /* Space around each item */
	font-weight: 600; /* Slightly bolder text */
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	font-size: .9em;

}

	.dropdown-item-new:hover {
		background-color: #fff; /* Darker hover effect */
		color: #090909; /* White text on hover */
	}
/* Remove the down arrow from dropdown toggles */
.nav-link-new.dropdown-toggle::after {
	display: none;
}


/* Special style for Shop Now button */
.dropdown-item-shop-now {
	background-color: #c20e1d; /* Red background */
	color: #fff; /* White text */
	font-weight: bold;
	padding: 5px 20px;
}
.navHighlight {
	background-color: #c20e1d; /* Red background */
	color: #fff; /* White text */
	font-weight: bold;
	padding: 5px 20px;
}

	.dropdown-item-shop-now:hover {
		background-color: #df1111; /* Darker red on hover */
		color:#fff;
	}


.dropdown-item-view-all {
	background-color: #fafafa; /* Red background */	
	font-weight: bold;
	padding: 10px 20px;
}

	.dropdown-item-view-all:hover {
		background-color: #fff; /* Darker red on hover */

	}

/* Container for the dropdown image */
.dropdown-image-container {
	width: 100%;
	height: 130px; /* Adjust height as needed */
	overflow: hidden; /* Ensure the image doesn't overflow */
	border-bottom:1px solid #999;
	border-top:1px solid #fff;
	margin-top:-15px;
}

/* Image styling to fit the dropdown width */
.dropdown-image {
	width: 100%; /* Make the image span the full width of the dropdown */
	height: 130px; /* Fixed height for the image */
	object-fit: cover; /* Ensure the image covers the space while keeping aspect ratio */
	display: block; /* Ensure it's treated as a block-level element */
}



/* Keep dropdown visible when hovering over the dropdown-new or the dropdown-menu-new */
.nav-item.dropdown-new:hover .dropdown-menu-new,
.nav-item.dropdown-new .dropdown-menu-new:hover {
	
	opacity: 1;
}

/* Adjust the dropdown to allow for two-column layout */
.dropdown-menu-columns {
	width: 400px; /* Adjust width as needed to fit two columns */
	padding: 20px; /* Optional padding */
}



.dropdown-menu-columns .row {
	margin: 0; /* Remove any default margins */
}

.dropdown-menu-columns .col-md-6 {
	padding: 0; /* Ensure columns are spaced properly */
}
/* Ensure the dropdown is aligned correctly under the Product Lines item */
.dropdown-menu-new.dropdown-menu-columns {
	right: 0; /* Align the dropdown to the right of its container */
	left: auto; /* Prevent default left positioning */
	transform: none; /* Disable Bootstrap's auto positioning if it's interfering */
	padding:0;
}
/* Mega-menu styling for Locations dropdown */
.dropdown-menu-locations {
	left: 0;
	right: 0;
	/*width: 100vw;  Full width of the screen */

	background-image: url(/images/bg-dots.gif);
	background-repeat: repeat;
	background-size: 2px 2px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
	z-index: 1000;
	display: none; /* Hidden by default */
	padding-bottom: 0;
	padding-top:0;
}
.location-menu-list {
	border-top:1px solid #fff;
}
.locations-menu-title {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	padding:20px;
	border-bottom:1px solid #ccc;
	background-color:#efefef;
}
.location-menu-list .col-md-4:first-child {
	padding-left:50px;
}
.region-title {
	font-size: 20px;
	font-weight: bold;
	padding: 15px 20px;
	background-image: url(/images/bg-dots.gif);
	background-repeat: repeat;
	background-size: 2px 2px;
	border-bottom: 1px solid #ccc;
}
.location {
	display:block;
	padding-left:20px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px solid #dadada;
	border-right:1px solid #dfdfdf;
	background-color:#efefef;
	font-size:.8em;
	line-height:1.5em;
	text-decoration:none;
}
.location strong {
	font-size:16px;
}
.location:hover {
	background-color:#fbfbfb;
	color:#000;
}
.location-menu-list {
	display: flex;
	flex-wrap: wrap; /* Allows items to wrap properly */
	gap: 0; /* Ensures no spacing between items */
}
/* Each location menu item takes 33.33% width */
.location-menu {
	flex: 0 0 33.33%; /* Ensures exactly 3 per row */
	padding: 8px 10px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dfdfdf;
	background-color: #efefef;
	font-size: 0.8em;
	line-height: 1.5em;
	text-decoration: none;
	margin: 0; /* Remove any extra margin */
	box-sizing: border-box; /* Ensures accurate width calculation */
}

	.location-menu strong {
		font-size: 16px;
	}

	.location-menu:hover {
		background-color: #fbfbfb;
		color: #000;
	}
.new-brand-label {
	display: inline-block;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 8px;
	line-height:1.5em;
	text-transform:uppercase;
	border-radius: 12px;
	color: white;
	margin-bottom:2px;
	background-color: #555; /* Default */
}

	/* Colors for specific brands using [data-brand] */
	.new-brand-label[data-brand="New-Holland"] {
		background-color: #00205b; /* New Holland Blue */
	}

	.new-brand-label[data-brand="New-Holland-Construction"] {
		background-color: #fecb00; /* New Holland Yellow */
		color:#000;
	}

	.new-brand-label[data-brand="Case-IH"] {
		background-color: #C20000; /* Case IH Red */
	}
	.new-brand-label[data-brand="Case-Construction"] {
		background-color: #e58e1a; /* Case IH Red */
		color:#000;
	}

	.new-brand-label[data-brand="Can-Am-On-Road"],
	.new-brand-label[data-brand="Can-Am-Off-Road"] {
		background-color: #000; /* Can-Am Black */
	}

	.new-brand-label[data-brand="Ski-Doo"] {
		background-color: #000; /* Ski-Doo Yellow */
	}

	.new-brand-label[data-brand="Sea-Doo"] {
		background-color: #000; /* Sea-Doo Blue */
	}
	.new-brand-label[data-brand="Lynx"] {
		background-color: #000; /* Sea-Doo Blue */
	}


.pill-button {
	margin-top: 8px;
	display: inline-block;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 1px 6px;
	border-radius: 12px;
	color: #333;
	margin-top: 5px;
	white-space: nowrap;
	background-color: #ccc;
}
.pill-button:hover {
	color:#fff;
	background-color:#161616;
}

	.new-brand-label.brand-red {
		background-color: #C20000; /* Case IH Red */
	}

.new-brand-label.brand-blue {
	background-color: #00205b; /* New Holland Blue */
}



.locations-menu-content p {
	margin: 0 !important;
	padding:10px;
	margin-bottom: 20px;
}
.locations-menu-content p:hover {
	background-color:#fff;
}
.locations-title {
	color: #000;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.dropdown-menu-locations .col-md-4 p {
	color: #000;
	font-size: 16px;
	margin-bottom: 20px;
	cursor:pointer;
}

.dropdown-menu-locations .brand-logo {
	width: 70px;
	height:auto;
	
}

.dropdown-menu-locations iframe {
	border-radius: 10px;
}
/* Ensure the map container fills the dropdown height */
.map-container {
	height: 100%; /* Match the height of the dropdown */
	display: flex;
}

	/* Ensure the iframe fills the container */
	.map-container iframe {
		height: 100%;
		width: 100%;
	}

/* Ensure the mega-menu stays visible on hover */
.nav-item.dropdown-new:hover .dropdown-menu-locations,
.nav-item.dropdown-new .dropdown-menu-locations:hover {
	display: block;
	visibility: visible;
	opacity: 1;
}


/* Mega-menu styling for Hamburger dropdown */
.dropdown-menu-hamburger {
	position: fixed;
	top: 0; /* Aligned with the top of the viewport */
	left: 0;
	right: 0;
	/*width: 100vw;  Full width of the screen */
	padding: 20px;
	background-color: #fff; /* Black background */
	z-index: 1000;
	display: none; /* Hidden by default */
	opacity: 0; /* Initial opacity */
	transition: opacity 0.3s ease-in-out;
	padding-top:30px;
	padding-bottom:50px;
}

.hamburger-menu-content {
	color: #000;
	font-size:.9em;
}

.menu-heading {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}

.menu-list {
	list-style: none;
	padding: 0;
}

	.menu-list li {
		margin-bottom: 5px;
	}

		.menu-list li a {
			color: #000;
			text-decoration: none;
			font-size: 16px;
		}

			.menu-list li a:hover {
				color: #c20e1d; /* Red color on hover */
			}

.icon-circle {
	background-color: #c20e1d; /* Red background */
	color: #fff; /* White icon color */
	width: 70px; /* Diameter */
	height: 70px;
	border-radius: 50%; /* Makes the div circular */
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 2em; /* Adjust icon size */
	margin: 0 auto 15px; /* Center align and add space below */
}

/* Search bar container */
.search-bar {
	width: 0; /* Start with 0 width */
	height: 40px; /* Match input/button height */
	overflow: hidden; /* Hide content when collapsed */

	
	transition: width 0.4s ease-in-out; /* Slide-in animation */
	
}

	/* Expanded state for search bar */
	.search-bar.expanded {
		width: 400px; /* Width when expanded */
	}

	/* Input styling */
	.search-bar input {
		width: calc(100% - 40px); /* Take up full width minus button space */
		height: 40px;

		border:none;
		border-left:1px solid #242424;
		color:#fff;
		padding: 0 12px;
		box-sizing: border-box;
		background:#000;

	}

	/* Search button styling */
	.search-bar .btn {
		width: 40px; /* Adjust to fit icon */
		height: 40px;
		background-color: #fafafa;
		display: flex;
		align-items: center;
		justify-content: center;
		color:#000;
		border-radius:0;
	}

.emergency-box-new {
	transition: margin-right 0.5s ease; /* Smooth transition for shifting */
}

.search-bar.expanded ~ .emergency-box-new {
	margin-right: 320px; /* Adjust this value based on the width of the expanded search bar */
}

.dropdown-video, .dropdown-image {
	width: 100%;
	height: auto;
}

.hidden {
	display: none;
}
.dropdown-video-container {
	width: 100%;
	height: 130px; /* Set height to fit the dropdown */
	overflow: hidden;
	border-bottom: 1px solid #999;
	border-top: 1px solid #fff;
	margin-top: -15px;
	border-top-left-radius:10px;
}

.dropdown-video {
	width: 100%;
	height: 130px;
	object-fit: cover; /* Ensures the video covers the container area */
	display: block;
}

/* Styling for the MyDealer logo */
.mydealer-logo-link {
	display: flex;
	align-items: center;
	text-decoration: none;
}

.mydealer-logo {
	height: 30px; /* Adjust height as needed */
	width: auto; /* Maintains aspect ratio */
}



#layerslider-home-new {
	
}

.slider-container-new {
	padding: 0;
	
	max-width: 1220px;
	background-color:#000;
}

#layerslider-home-new .slider-text {
	padding-left: 15px;
	padding-top: 150px;
}

.slider-categories {
	background-color: #060606;
	height: auto;
	display: flex;
	padding: 10px;
	border-radius: 0 0 20px 20px;
}

.slider-div {
	
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 10px;
}

	.slider-div hr {
		margin: 0;
	}

.slider-cat-container {
	margin-bottom: 10px;
	flex: 1;
	height: 160px;
	position: relative;
	padding: 0;
	overflow: hidden;
	margin: 5px;
}
#content {
	width:1220px;
}
.spacer {
	height:50px;
	border-bottom:1px solid #fff;
}
.layerslider-shadow {
	width: 1250px;
	height: 50px;
	max-width: 100%;
}

	.layerslider-shadow img {
		width: 100%;
		height: auto;
	}


.slider-cat-container {
	margin-bottom: 10px;
	flex: 1;
	height: 160px;
	position: relative;
	padding: 0;
	overflow: hidden;
	margin: 5px;
}

.white {
	background: #fff;
}

.slider-cat {
	height: 100%;
	width: 100%;
	background-position: center;
	background-size: cover !important;
	transition: all 1s;
}

.slider-cat-overlay {
	height: 100%;
	width: 100%;
	opacity: .5;
}


.slider-cat:hover {
	transform: scale(1.2);
}

.slider-cat-title {
	position: absolute;
	font-family: 'Oswald';
	font-weight: 600;
	bottom: 0;
	height: 30px;
	color: #FFF !important;
	background: #000;
	padding: 2px;
	padding-left: 10px;
	width: 100%;
}

	.slider-cat-title i {
		color: #c20e1d;
	}

.slider-cat-container a {
	text-decoration: none;
}
.slider-heading {
	font-family: 'Oswald', sans-serif;
	font-size: 80px;
	line-height: 1em;
	font-weight: 900;
	text-shadow: 2px 2px 4px #000;
	margin-bottom: 6px;
	color:#fff;
	text-transform:uppercase;
}
.slider-sub-heading {
	font-family: 'Oswald', sans-serif;
	font-size: 30px;
	line-height: 1em;
	font-weight: 700;
	color: #fff;
	text-shadow: 1px 1px 2px #000;
	
}
.slider-heading span {
	color:#fc0;
}
.slider-buttons {
	margin-top: 35px;
}
.slider-button-new {
	padding: 10px 20px;
	border-radius: 2px;
	text-decoration: none;
	font-size: 20px;
	font-family: 'Oswald', sans-serif;
	font-weight: 700;
	color:#fff!important;	
}

/* Styling for the logo row above emergency link/search bar */
.top-bar-logos {
	position: relative;
	z-index: 1;
	height: 70px;
	background-color:#141414;
	margin-right:10px;
	border-radius:10px;
	border:1px solid #141414;
	/* Remove background here */

}

.header-afterhours {
	color:#ababab;
	background-color:#0a0a0a;
	border-right:#070707;
	border-left:1px solid #191919;
	height:100%;
}
	.header-afterhours i {
		color: #c8102e;
	}
	.header-afterhours:hover {
		color: #000 !important;
		background-color: #c8102e;
	}
		.header-afterhours:hover i {
			color: #000;
		}

.top-bar-logos-solid {
	
	height: 70px;
	background-image: url(/images/bg-dots.gif);
	background-repeat: repeat;
	background-size: 2px 2px;
	border-left:1px solid #ccc;
}

.top-bar-logos-black {
	margin-bottom: 25px; /* Space below the logos */
	height: 70px;
	border-left: 1px solid #333;
	border-top: 1px solid #060606;
	background-image: url(/images/bg-dots-dark.gif);
	background-repeat: repeat;
	background-size: 2px 2px;
	border-right: 1px solid #000;
}
.dotted-spacer {
	width: 30px;
	background-image: url(/images/bg-dots.gif);
	background-repeat: repeat;
	background-size: 2px 2px;
	height:165px;
	border-left:1px solid #ccc;
}
.top-right {
	width: 55px;
	
	border-left: 1px solid #bbb;
	height: 140px;
	display: flex;
	flex-direction: column; /* Stack items vertically */
	align-items: center; /* Center icons */
	gap: 5px; /* Adds spacing between icons */
	padding:5px;
}
.top-right-black {
	width: 40px;
	background-color: #1a1a1a;
	border-left: 1px solid #333;
	height: 165px;
	display: flex;
	flex-direction: column; /* Stack items vertically */
	align-items: center; /* Center icons */
	gap: 5px; /* Adds spacing between icons */
	padding: 5px;
}
.top-bar-logo {
	height: 45px; /* Ensure logos are no taller than 70px */
	margin-left: 1px; /* Add spacing between logos */
	
	
}
.header-top-row {
	background-color:#070707;
}
.header-2025 {
	height: 100px;
	transition: background 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;
}
.navbar {
	transition: background 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;
}
.nav-link {
	transition: background 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease, border-right 0.4s ease;
}
.top-bar-logos-solid {
	transition: background 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease, border-right 0.4s ease;
}
.emergency-box-new {
	transition: background 1s ease, background-color 1s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease, border-right 0.4s ease;
}

.header-right {
	height:140px;
	border-left:1px solid #fff;
}

.header-container {
	position: absolute;
	z-index: 9999;
	width: 100%;
	top: 0;
}
.header-container-fixed {
	position: sticky;
	z-index: 9999;
	width: 100%;
	top: 0;
}
.video-container {
	position: relative;
	/*width: 100vw;*/
	height: 600px;
	overflow: hidden;
	z-index: 0;
	background-color: #000;
}
#slider-container-new {
	width: 100%;
	height: 600px;
	position: relative;
}

.slider-text {
	width: 50%;
	padding-left: 20px;
	margin-left: 20px;
}

.slider-title {
	font-size: 1em;
	line-height: 1em;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 4px 4px 8px #000;
}

.slider-sub-title {
	font-size: 1em;
	font-family: "Anton", sans-serif;
	line-height: 1em;
	color: #FFCF00;
	text-shadow: 2px 2px 4px #000;
}

.ls-v6 .ls-circle-timer {
	top: 115px;
}

@media only screen and (max-width: 1350px) {
	.mobile-controls {
		display:inline-block;
	}
	.desktop-controls {
		display:none;
	}
	
}


@media only screen and (max-width: 1200px) {
.content-left h1{
	font-size:5em;
	line-height:1em;
}
	.content-left-product h1 {
		font-size: 3em;
		line-height: 1em;
	}
}

@media only screen and (max-width: 900px) {

	
#layerslider h1.line-1, #layerslider-sub h1.line-1 {

	font-size:30px;

}

#layerslider h1.line-2, #layerslider-sub h1.line-2 {

	font-size:60px;

}
	
}


@media only screen and (max-width: 990px) {

	.newsletter-icon {
		display:none;
	}	
	
		#layerslider-sub .ls-wrapper {
		left:0!important;
		width:100%!important;
		margin:0 auto!important;
	}
	
	#layerslider-sub .ls-wrapper .ls-layer {
		left:0!important;
		width:90%!important;
		
		margin:0 auto!important;
		top:40px!important;
		white-space:normal;
	}
	#layerslider-sub .line-1 {
		color:#FFF!important;
		text-shadow:2px 2px 5px #000;
		text-align:center;
		white-space:normal;
	}
	#layerslider-sub .line-2 {
		color:#FFF!important;
		text-shadow:2px 2px 5px #000;
		text-align:center;
		white-space:normal;
	}
	#layerslider-sub p.line-3 {
		background-color: rgba(0,0,0,.8);
		color:#FFF!important;
		padding:10px;
		margin:10px;
		
		text-align:center;
		white-space:normal;
	}
	
	.sub-emergency-contact-box {
		display:none;
	}
	.header-2025 {
		height:auto;
	}
	.top-bar-logos {
		width:100%;
		max-width:100%;
		border-radius:0;
		height:auto;
	}
	.top-bar-logos a {
		max-width:25%;
		height:auto;
		padding:5px;
	}
	.top-bar-logos a img {
		width:100%;
		height:auto;
	}
	.header-new-logo {
		height:auto;
		text-align:center;
		padding:10px 0 10px 0;
	}
	.navbar-toggler-desktop {
		display:none!important;
	}
	.search-bar-mobile {
		width:95%;
		height:100%;
		margin-right:1px;
	}
	.search-bar-mobile input {
		height: 50px;
	}
	.search-bar-mobile button.btn-secondary {
		height:50px;
		width:50px;
	}
	.search-bar-mobile input {
		border-radius:0;
	}
	.video-container {
		height:auto;
	}
	.slider-heading {
		font-size: 1.5em;
		white-space: normal;
	}
	.slider-sub-heading {
		white-space:normal;
	}
}

@media only screen and (max-width: 850px) {
	#header {
		margin-top:30px;
	}
	.top-emergency-contact-box {
		display:none;
	}
	.main-nav {
		padding-left:0;
		padding-right:0;
		z-index:999999;
	}
	.delta-custom-menu-sub {
		margin-top: -215px!important;
	}
	.top-emergency-contact-box-mobile {
		display:block;
		position:relative!important;
		top:0!important;
		bottom:auto!important;
		width:100%!important;
		color:#FFF;
		text-align:center;
		margin-bottom:0;
		height:35px;
		z-index:10000;
	}	

	.top-emergency-contact-box-mobile i {
		vertical-align:middle;
		margin-right:5px;
	}
	.n1-start {
		display:none;
}
	.n1-locations {
		display:none;
}
	
	#header-sub .n1-nav {
		display:block;
		position:relative;
		
		left:0;
		text-align:right;
	}
	
}

@media only screen and (max-width: 770px) {
.emergency-contact-box {
		width:100%;
	}

	.emergency-box-phone {
		width:auto;
		
		
	}
	
	.emergency-box-text {
		width:auto;
	}



	.manufacturer-logos .row-1, .manufacturer-logos .row-2 {
		width:100%;
	}
	.manufacturer-logos .row-1 a {
		width:100%;
	}
	
	.manufacturer-logos .row-2 ul li {
		width:33%;
		padding:2px;
	}
	.manufacturer-logos {
		padding-top:30px;
	}
	
	.button-row a {
		width:100%;
		margin:5px;
	}
	#slider-container-content {
		/*margin-top: 0;
		box-shadow: none;*/
	}
	
}


@media only screen and (max-width: 700px) {
#logo {
		text-align:center;
	}
	
}


@media only screen and (max-width: 600px) {
.content-left h1{
	font-size:4em;
	line-height:1em;
}
.row-header-1 {
	display:none;
}	
	#nav-primary {
		padding:0;
		padding-bottom:10px;
	}
#layerslider h1.line-1, #layerslider-sub h1.line-1 {

	font-size:22px;

}

#layerslider h1.line-2, #layerslider-sub h1.line-2 {

	font-size:40px;

}
	
#layerslider .btn-secondary, #layerslider-sub .btn-secondary {

	
}
#layerslider .btn-primary, #layerslider-sub .btn-primary {

}


	
	.search-widget .form-check-label {
		margin-right:.5em;
		margin-left:.2em;
	}
	
	.search-widget .form-inline {
		display:block;
		text-align:center;
	}
	
	.search-widget .form-inline select, .search-widget .form-inline input {
		
		width:100%;
		margin:0;
		margin-bottom:.5em;
	}
	.search-widget .btn-primary {
		font-size:1.5em;
	}
	.newsletter {
		text-align:center;
	}
	.newsletter .form-inline {
		display:block;
		text-align:center;
	}
		.newsletter .btn-secondary {
			font-size: 1.5em;
			border-radius: 0;
		}
	.newsletter .form-inline select, .newsletter .form-inline input {
		
		width:100%!important;
		margin:0;
		margin-bottom:.5em;
	}
	
	.container-footer h4 {
		text-align:center;
	}
	.footer-locations {
		margin-bottom:1.5em;
	}
	.footer-productlines {
		margin-bottom:1.5em;
	}
	.footer-social {
		margin-bottom:1.5em;
		text-align:center;
	}
	.footer-social .fa-3x {
		font-size:1.5em;
	}
	.home-logos {
		display:none;
	}
}


@media only screen and (max-width: 600px) {
#header-sub .n1-nav {

		margin-top:-180px;

	}
}


@media only screen and (max-width: 400px) {

	#layerslider-sub .ls-wrapper .ls-layer {

		width:95%!important;

	}

	.list-group-close {
		text-align:center!important;
	}
}





.photo-container img {
	border-radius:10px;
}

/* Panel */
.mobile-menu {
	position: fixed;
	top: 0;
	right: -100%; /* hidden by default */
	width: 80%;
	max-width: 320px;
	height: 100%;
	background: #1a1a1a; /* dark grey */
	box-shadow: -2px 0 10px rgba(0,0,0,0.6);
	overflow-y: auto;
	transition: right 0.3s ease;
	z-index: 10000;
	padding: 0; /* tighter padding */
	color: #fff;
}

	.mobile-menu.open {
		right: 0;
	}

.mobile-menu-header {
	border-bottom: 1px solid #333;
	padding: 24px 16px 8px 0;
	margin: 0;
	background: #111;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.mobile-menu-logo img {
	max-height: 60px; /* adjust to 70px if you want it larger */
	width: auto;
	display: block;
}

.mobile-menu-header .btn {
	color: #fff;
	font-size: 28px;
	line-height: 1;
}


/* Top-level items */
.mobile-menu-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mobile-menu-item {
	border-bottom: 1px solid #2a2a2a;
}

	.mobile-menu-item a,
	.mobile-parent-toggle {
		display: block;
		width: 100%;
		padding: 12px 16px;
		font-size: 16px;
		color: #fff;
		text-decoration: none;
		background: transparent;
		border: 0;
		text-align: left;
	}

		.mobile-menu-item a:hover,
		.mobile-parent-toggle:hover {
			background: #222;
			color: #c8102e;
			font-weight:bold;
		}

/* Submenu */
.mobile-submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 240ms ease;
	background: #222; /* slightly lighter background */
	margin: 0;
	padding: 0;
}

	.mobile-submenu.open {
		max-height: 1000px;
	}
	.mobile-submenu li {
		border-bottom:1px solid #ccc;
		background-color:#fafafa;
	}
	.mobile-submenu li a {
		padding: 10px 24px;
		font-size: 15px;
		color: #121212;
		font-weight:600;
	}
	.mobile-submenu a:active {
		border:none;
	}

		.mobile-submenu li a:hover {
			color: #fff;
			background: #333;
		}

/* Toggle row (parent button) */
.mobile-parent-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

	/* Triangle caret */
	.mobile-parent-toggle .caret {
		display: inline-block;
		margin-left: 8px;
		width: 0;
		height: 0;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-top: 6px solid #c8102e; /* delta red triangle */
		transition: transform 200ms ease;
	}

	/* Rotate when expanded */
	.mobile-parent-toggle[aria-expanded="true"] .caret {
		transform: rotate(180deg);
	}





.promotions-list .card {
	background-color: #f9f9f9;
}



/* Card media area */
.parts-card .card-media {
	position: relative;
	width: 100%;
	/* Choose an aspect ratio you like for consistency */
	aspect-ratio: 16/9;
	background: #f8f9fa; /* subtle gray backdrop for logos/transparencies */
	overflow: hidden;
	border-top-left-radius: .25rem; /* match Bootstrap card radius */
	border-top-right-radius: .25rem;
}

	/* Photo mode: image should cover fully */
	.parts-card .card-media.photo .media-img.fill {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	/* Logo mode: center with padding and don't stretch */
	.parts-card .card-media.logo {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 16px; /* breathing room for logos */
		background: #fff; /* white behind most logos looks cleaner */
	}

		.parts-card .card-media.logo .media-img.contain {
			max-width: 80%;
			max-height: 80%;
			width: auto;
			height: auto;
			object-fit: contain;
			display: block;
		}

/* Ensure body never overlaps the media */
.parts-card .card-body {
	position: relative;
	z-index: 1;
}

/* Optional: make cards equal height in the grid */
.parts-card {
	display: flex;
	flex-direction: column;
}

	.parts-card .card-body {
		flex: 1 1 auto;
	}