/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

/*--- HEADER STYLES ---------------------*/
header {}

.top-header .divider{padding: 0 10px;}
.top-header i{
	padding: 0 10px;
}
.top-header.bg-dark{
	padding: 0 30px; 
	line-height: 50px; 
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
}
.top-header.bg-dark a{color: #fff;}
.top-header.bg-dark p{margin: 0 !important; line-height: 50px !important; font-size: 14px;}

.logo img{max-width: 100%;}

.header{
	padding: 30px 40px;
	border-bottom: solid 1px #eee;
}
.header .logo{
	width: 25%;
}
.header #search-toggle{
	width: 80px;
	line-height: 80px;
	font-size: 24px;
	color: #252525;
	text-align: right;
}
.header #search-toggle.open i:before{
	content: '\f00d';
	width:24px;
	display: block;
	text-align: center;
}


/* VIDEO */

.overflow-video{
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	background: rgba(0,0,0,0.33);
    pointer-events: none;
}
.background-video{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	width: 100%;
	
	height: 100%;
	overflow: hidden;
	
}
.background-video video{
    position: absolute;
	top: -50px;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    pointer-events: auto;
}

/* HERO */

.hero{
	position: relative;
	background: url("/videos/video-fallback.jpg") top center;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 718px;
	padding: 40px;
	box-sizing: border-box;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	background-attachment: fixed;
    filter: saturate(0.8);
}
.inventory-search input{
	width: calc(100% - 40px);
	display: block !important;
	padding: 20px !important;
	box-sizing: border-box;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
    box-sizing: unset !important;
	
	color: #252525;
	
	font-size: 16px !important;
	line-height: 24px !important;
	font-family: 'Inter', sans-serif !important;
	
	border: none !important;
	outline: none !important;
}
.hero .heading-lg{margin-bottom: 30px !important; position: relative;}
.inventory-search button{
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	padding: 20px;
	color: #252525;
	font-size: 24px;
	
	background: none !important;
	outline: none !important;
	border: none !important;
	cursor: pointer;
}


#google_translate_element{
	margin-left: 20px;
}

/*---BODY--------------------------------*/
.relative{position: relative;}
.rounded{
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	overflow: hidden;
}
.yellow{
	color: #ffd52f;
}
.green{
	color: #20af0e;
}
.gray{
	color: #c5c5c5;
}
.blue{
	color: #00529c;
}

.lightblue{
	color: #7caed5;
}
.bg-blue .lightblue{
	color: #c5e6ff;
}

.click{cursor: pointer;}
.click.open .fa-plus:before{
	content: "\f068";
}
.block{display: block;}

.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.align-center{align-items: center;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}

.col66{width: 66.666667%;}
.col60{width: 60%;}
.col50{width: 50%;}
.col40{width: 40%;}
.col33{width: 33.333333%;}
.col25{width: 25%;}

.cta-group .col33 .bg-img{
	position: relative;
		overflow: hidden;
}

.center{text-align: center;}

.margin10{margin: 10px;}

.cta-group .pad{
	padding: 18% 30px;
}
.pad{
	padding: 30px;
}
.padding-vertical{
	padding: 100px 0;
}
.wrapper{
	padding: 0 8.3%;
}

.bg-img{
	
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
}

.bg-white{
	background: #fff;
	color: #252525;
}
.bg-offwhite{
	background: #f7f8fa;
	color: #252525;
}
.bg-blue{
	background: #00529c;
	color: #fff;
}
.bg-white p a, .bg-offwhite p a{
	color: #252525;
}


.bg-dark{
	background: #252525;
	color: #fff;
}
.bg-truck-dark{
	background: url("/siteart/bg-dark-truck-new.jpg") center center no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	-moz-background-attachment: fixed;
	-o-background-attachment: fixed;
	-webkit-background-attachment: fixed;
	background-attachment: fixed;
	background-color: #000;
}
.bg-dark p a{
	color: #fff;
}


.bg-dark p, .bg-white p{
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
}

.icon-list{
	
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 30px;
	max-width: 100%;
}


.icon-list hr{
	
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px #555;
	margin: 30px 0;
}
.icon-list li{
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
	line-height: 1.1;
}
.icon-list.list-sm {
	font-size: 14px;
	line-height: 24px;
}
.icon-list.list-sm li {
	margin-bottom: 10px;
	padding-right: 30px;
}
.icon-list li i{
	position: absolute;
	left: 0;
	top: 2px;
}
.bg-dark .icon-list a{
	color: #fff;
}

.no-margin{margin: 0 !important;}


.heading-lg{
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-size: 54px;
	font-weight: 900;
    margin-bottom: 50px;
    line-height: 1;
}
.hero .heading-lg .heading-md{
	display: block;
	margin: 0 0 0.33%;
}
.heading-md{
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-size: 36px;
	font-weight: 900;
	margin-bottom: 30px;
}
.heading-sm{
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-size: 24px;
	font-weight: 900;
}
.heading-xs{
	text-transform: uppercase;
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 900;
}
.light{font-weight: 400;}
.heavy{font-weight: 900;}


.border-top{
	border-top: solid #00529c 20px;
}
.scrolling-wrap{width: 100%; height: 90px;
overflow: hidden;}
.scrolling-wrap iframe{width: 100%;}


.staff-slideshow img{width: 100%;}

.staff-slideshow{
	display: flex; flex-wrap: wrap;
}
.staff-slideshow .slide{
	width: 25%;
}
.staff-slideshow .heading-md .light{font-size: 24px;}
.testimonials-slideshow .slide{

	min-height: 330px;
	text-align: center;
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.testimonials-slideshow .slide > div{
	margin: 0 auto;	
	max-width: 900px;
}
.testimonials-slideshow .slide .heading-md{
	margin-bottom: 30px;
}
.testimonials-slideshow .slide p{
	margin-bottom: 0px;
}

.testimonials-slideshow .slick-next {
    right: 30px;
	z-index: 100;
}
.testimonials-slideshow .slick-prev {
    left: 30px;
	z-index: 100;
}
.testimonials-slideshow .slick-arrow:before {
	color: #252525;
}
.testimonials-slideshow .slick-prev:before {
	content: '\f104';
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 700;
}
.testimonials-slideshow .slick-next:before {
	content: '\f105';
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 700;
}

.cta{
	font-family: 'Inter', sans-serif;
	width: 220px;
	display: block;
	max-width: 100%;
	background: #00529c;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 56px;
	text-align: center;
	box-sizing: border-box;
	margin-top: 30px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	
	-moz-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	transition: ease all 0.3s;
	
}
.cta:hover{
	background: #fff !important;
	color: #00529c;
	-moz-border-radius: 90px;
	-o-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	
}
.bg-white .cta:hover{
	background: #252525 !important;
	color: #fff !important;
	-moz-border-radius: 90px;
	-o-border-radius: 90px;
	-webkit-border-radius: 90px;
	border-radius: 90px;
	border-color: #252525 !important;
	
}
.bg-white .cta.outline{
	border: solid 2px #00529c;
	color: #00529c;
}
.flex > .cta{
	margin-right: 20px;
}

.cta.outline{
	border: solid 2px #fff;
	background: transparent;	
}


.cta-group .heading-lg{
	margin: 0;
	color: #fff;
    line-height: 1;
}
.cta-group a{
	position: relative;
	-moz-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.cta-group a:hover{
	filter: brightness(1.2);
	transform: translateY(-10px);
}
.cta-group a i{
	position: absolute;
	right: 40px;
	top: 50%;
	transform: translateY(-50%);
	color: rgba(255,255,255,0.33);
	font-size: 11vw;
}


.hover-brighten{
	-moz-transition: ease all 0.3s;
	-o-transition: ease all 0.3s;
	-webkit-transition: ease all 0.3s;
	transition: ease all 0.3s;
}
.hover-brighten:hover{
	filter: brightness(1.2);
}

/*--------FORM STYLES--------------------*/

.custom-form input{
	padding: 10px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	color: #00529c;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #fff;
	box-sizing: border-box;
	margin-bottom: 10px;
	width: 100%;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.custom-form .flex{
	gap: 10px;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 1px;
	color: #00529c;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	outline: none;
	border: none;
	background: #fff;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.CaptchaPanel{
	font-family: 'Inter', sans-serif;
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #00529c !important;
}

button.cta{border: solid #fff 2px !important; outline: none !important; appearance: none !important; cursor: pointer;}

/*-------- FOOTER STYLES ----------------*/
footer{}

.footer .col50 .col50 p{
	
    line-height: 20px;
    padding-top: 5px;
}
.col-foot{
	padding: 40px;
	max-width: 460px;
	margin:  0 auto;
}

.col-foot a.heading-xs i{
	padding-right: 10px;
}

.col-foot a.heading-xs{
	padding-right: 30px;
	padding-bottom: 15px;
	color: #252525;
}
.col-foot .heading-sm{
    line-height: 1.3;
	margin-bottom: 40px;
}
.col-foot .logo{
	display: block;
	margin-bottom: 40px;
}
.col-foot .social-icons{
	font-size: 48px;
}
.col-foot .social-icons a{
	color: #252525;
	padding-left: 5px;
}
.col-foot a{
	color: #252525;
	-moz-transition: ease all 0.2s;
	-o-transition: ease all 0.2s;
	-webkit-transition: ease all 0.2s;
	transition: ease all 0.2s;
}
.col-foot a:hover{
	color: #00529c;
}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/







/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (min-width: 1440px) {
	
	.show-md{display: none;}
	.hero .heading-lg{font-size: 4vw;}
	.hero .heading-md{font-size: 2.68vw;}
}

@media only screen and (max-width: 1439px) {
	
	.hide-md{display: none;}
	
	
	.background-video video{
		height: 120%;
		width: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

@media only screen and (max-width: 1279px) {
.top-header.bg-dark p, .top-header.bg-dark a {
    font-size: 12px;
}
	.header{justify-content: space-between; padding: 25px 30px;}
	.header .logo{width: 240px; max-width: calc(100% - 100px);}
	
	.hero {
		text-align: left;
	}
	.hero .heading-lg .heading-md{
		display: block;
	}
	
	.col60, .col40, .padding-vertical .col50{
		width: 100%;
	}
	
	.cta-group .col33{
		width: 100%; 
		max-width: 600px;
		margin: 0 auto;
	}
	.cta-group a i {
		font-size: 160px;
	}
	

	.staff-slideshow .slide{
		width: 33.333333%;
	}
	
	.footer > .pad > .flex{
		flex-direction: column-reverse;
	}
	.footer > .pad > .flex > .col50, .col33, .col66{
		width: 100%;
	}

}

@media only screen and (min-width: 1180px) {

	.show-sm{display: none;}
	
}
@media only screen and (max-width: 1179px) {

	.hide-sm{display: none;}
	
	#google_translate_element {
    	padding: 10px 0;
		margin: 0 auto;
		position: unset;
		right: unset;
	}
	.top-header > .flex{
		justify-content: center;
		flex-direction: column;
		align-items: center;
		width: 100%;
	}
	.footer + .top-header > .flex{
		flex-direction: row;
	}
	
	.footer + .top-header{
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;
		padding: 10px 30px;
	}
	
}
@media only screen and (max-width: 767px) {
	
	

	.staff-slideshow .slide{
		width: 50%;
	}
	.custom-form .flex{flex-wrap: wrap; gap: 0px;}
	
	.cta-group a i {
		font-size: 120px;
	}
	
	.hero{min-height: unset;}
	
	
	.social-icons{
		margin-bottom: 40px;
	}
	.footer > .pad > .flex > .col50 .col50{
		width: 100%;
	}
	
	
	
	
}
@media only screen and (min-width: 560px) {
	.show-xs{display: none;}
}
@media only screen and (max-width: 559px) {
	
	.hide-xs{display: none;}
	
	.staff-slideshow .slide{
		width: 100%;
	}
	
	
	#google_translate_element{
		padding-top: 30px;
    	width: 100%;
	}
	.goog-te-gadget > div{
		display: flex !important;
		width: 100%;
		flex-wrap: wrap;
	}
	.goog-te-gadget select{
		width: 100%;
	}
	.col-foot{
		padding: 30px;
	}
	.pad{padding: 20px 10px;}
	.margin10 .pad, .margin10.pad{padding: 30px;}
	.bg-dark p, .bg-white p{
		
		font-size: 14px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.icon-list li{
		font-size: 14px;
		margin: 0 0 5px;
	}
	.staff-slideshow .pad{padding: 20px;}
	.padding-vertical{
		padding: 50px 0;
	}
	.top-header.justify-between{justify-content: center;}
	.top-header.bg-dark p, .top-header.bg-dark a{
		font-size: 12px;
	}
	.top-header i {
		padding: 0 6px 0 0;
	}
	.hero .heading-lg{text-align: left;}
	.heading-lg{
		font-size: 24px;
    	line-height: 1.2;
	}
	.heading-lg .heading-md, .heading-md, .heading-sm{
		font-size: 18px;
    	line-height: 1.2;
	}
	
	.inventory-search input::placeholder{
		color: #fff;
	}


	.testimonials-slideshow .slick-arrow:before {
		content: none;
	}

	.footer + .top-header > .flex{
		flex-direction: column;
		padding: 10px 0;
	}

	.footer + .top-header.bg-dark > p{
		line-height: 30px !important;
		padding: 10px 0;
	}
	.footer + .top-header > .flex .divider{
		display: none;
	}
	
	.wrapper {
		padding: 0 20px;
	}

}