/***** 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;
}

.logo-bar p {color: #001736;font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 24px; }
.logo-bar a {color: #001736; }
.header-info-left {display: flex; }
.header-info-right {display: flex; }


.fa-solid 
{color: #001736;}

.title-text h1
{font-size: 51px; line-height:51px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; color: #231f20; text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.5); text-transform:uppercase;}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

.dealer-name {color: black !important;}

.list-error-container > div > .selected-facets > .selected-facet {background-color: #1a2f64 !important; color: white !important;}
.list-error-container > div > .selected-facets > .selected-facet > b {background-color: #1a2f64 !important; color: white !important;}

/*===================== 
	contact form.contactrow {    background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
    overflow: hidden;}
=======================*/

.50atfirst {width: 50% !important;}

.myp {font-weight: 700;}

.contact-form {font-family: 'Roboto Condensed', sans-serif;}
.contactrow {background-color: dimgray;}

form {}

form, #formpage { margin: 0 auto;}
	
#formpage { width: 100%; display: block; float: none !important; min-height: 700px;}
	
	tbody > tr > td { display: block;}
	
	table, input {width: 100%;}

.attachment-search > table, input {
	width: 25px;
}
	
	input, select {
		
		font-size: 1.5rem;
		margin-bottom: 2rem;
		padding:5px;
		font-weight: normal;
		}	
	
	input {
		border: none;
		border: 0px solid;
		background: none;
		}
		
	select {
		border: 1px solid #ECECEC ;
		color: #717171;
		}
	
	textarea {
		width: 94%;
		
		border: 0px solid #004f38 ;

		font-weight: normal;
		box-sizing: border-box;
		padding: .8rem .8rem;
		font-size: 1.5rem;
		}
	textarea:active, textarea:focus {
		border: 0px solid #004f38 ;
		box-shadow: 0.4em 0.4em 2px #ECECEC ;
		}
		
	input.button {
		border: 0px solid #004f38 ;
	
		font-size: 1.5rem;
		color:#717171;
	}
	
	input.button:hover {
		color: white;
		background-color: black;
		border: 2px solid black;
	}

.submitbtn {
	color: white !important;
	background-color: black!important;
	margin-bottom: 40px;
	font-weight: 700;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	max-width: 500px;
    margin: auto; font-size: 17px; 
    display: block; padding: 10px;
}

.wparagraph2 {color: white !important; font-weight: 500; font-family: 'Roboto Condensed', sans-serif !important;}
.nopadding {padding: 0px !important;}


.CaptchaWhatsThisPanel > a {
    color: #000 !important;
}

.scroll-list > label {
	padding-left: 10px;
}

.col-xs-12 > input {
	width: 100%;
	  border: 0px solid black ;
	    background-color: rgba(0, 0, 0, 0.07);
	    margin-bottom: 20px;
}

.CaptchaAnswerPanel > input {
	width: 100%;
	    background-color: rgba(0, 0, 0, 0.07);

	   	    max-width: 500px;
    margin: 0px !important;
    display: block;
	border:0px solid black;
}


.CaptchaMessagePanel {
    padding: 5px 5px 10px 5px;
    font-weight: bold;
    color: black;
	font-family: 'Roboto Condensed', sans-serif;
}

.CaptchaWhatsThisPanel {
    padding: 25px 5px 10px 5px;
   
}

.CaptchaAnswerPanel {
  padding: 0px !important;
}

.consignform {
	font-size: 25px;
	font-weight: 700;
	color: black;
	text-align: center;
	margin-bottom: 20px;
	font-family: 'Roboto Condensed', sans-serif;
}

.send-a-message-form {background-color: rgba(0, 0, 0, 0.07) !important;}

.detail-form {background-color: rgba(0, 0, 0, 0.07) !important;}

.displaytest {margin: 0px !important;}

.CaptchaPanel {text-align: left !important; padding: 0px !important;}

.CaptchaImagePanel {padding: 0px !important;}














/***** END RESET *****/
.mapwrap {width: 40%; float: right; margin-top: -385px;}

.hbanchor:hover > .homebox {transform: scale(.97); transition-duration: .3s; }
.hbanchor {}

.homebox {width: 33%; display: inline-block; height: 250px; text-align: center; padding-top: 150px;}

.homebox > div {margin: auto; display: block;  padding: 10px; width: fit-content;}

.hbtext {    font-size: 41px; width: fit-content; padding: 20px; margin: auto; background-color: rgba(0, 0, 0, 0.5); 
    font-family: 'Roboto Condensed', sans-serif; border: 2px solid white;
    line-height: 22px; font-style: italic; 
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    box-sizing: border-box;
    text-align: center;}

.hbsub {    font-size: 18px; text-shadow: 2px 2px 6px black;  background-color: rgba(0, 0, 0, 0.25);
    font-family: 'Roboto Condensed', sans-serif; font-style: italic;
    line-height: 22px;
    font-weight: 500;
    text-decoration: none;
    color: #fff; padding: 4px 6px; margin-top: 4px !important; width: fit-content; margin: auto;
    box-sizing: border-box;
    text-align: center;}

.hb1 {background-image: url("../siteart/Check-Out-Our-Inventory-Image2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
.hb2 {background-image: url("../siteart/forklift-tab.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
.hb3 {background-image: url("../siteart/Contact Us - Image2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}





/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('../fonts/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-condensed-v16-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'),
       url('../fonts/roboto-condensed-v16-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('../fonts/roboto-condensed-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v16-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed Bold Italic'), local('RobotoCondensed-BoldItalic'),
       url('../fonts/roboto-condensed-v16-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v16-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v16-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v16-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}




body {
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	margin:0;
	font-size:18px;
	-webkit-text-size-adjust: none;
}

td {vertical-align: top;}


/***** Global text link style *****/

a {
    text-decoration:none;
    color:#000;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;
}
a:hover  {
    text-decoration:underline;
    color:#4D72D1;
}

h1 { font-size:40px; font-family: 'Roboto Condensed', sans-serif; font-weight:700; }
h2 { font-weight:700; font-size:36px; font-family: 'Roboto Condensed', sans-serif; }
h3 { font-weight:400; font-size:32px; font-family: 'Roboto Condensed', sans-serif; }
h4 { font-weight:700; font-size:26px; font-family: 'Roboto Condensed', sans-serif; }
h5 { font-weight:700; font-size:20px; font-family: 'Roboto Condensed', sans-serif; }

p { /*margin-bottom:15px;*/ font-size:18px; font-family: 'Roboto Condensed', sans-serif; }
	 
.wrapper {
	width:96%;
	margin:0 auto;
	max-width:1170px;
}

.headwrapper {
    width: 96%;
    margin: 0 auto;
    max-width: 1400px;
}

.wrapper-lrg {
    width: 85%;
    margin: 0 auto;
}

.wrapper-sml {
	width:92%;
	margin:0 auto;
	max-width:1000px;
}

.wrapper-smler {
	width:85%;
	margin:0 auto;
	max-width:1145px;
}

.padding20 { margin:0 auto; padding:20px 0; }
.padding50 { margin:0 auto; padding:50px 0; }
.padding200 { margin:0 auto; padding:100px 0; }

/**SPANS**/
.topblue { font-weight:700; font-style:italic; font-size:14px; }
.center { text-align:center; }
.italic { font-style:italic; }
.bold { font-weight:700; }
.small { font-weight:400; font-size:10px; }
.thin {font-weight:300 !important;}

/**FORMS**/
input {
	padding:5px;
	box-sizing:border-box;
	width:100%;
	margin:5px 0 10px 0;
	
}

input[type=checkbox],
input[type=radio]{ 
	width: 30px;
}

form {
	vertical-align:top;
	margin:0 auto;
}

/*===================== 
                HEADER 
=======================*/
header { border-bottom:6px solid #000/*black*/; }
.top-bar {
	background:#001736; /*blue*/
/*	background: linear-gradient(#274798, #122145);*/
	margin:0 auto; 
	padding:10px 0;
}

.wrapper-lrg {
	width:92%;
	margin:0 auto;
	max-width:1170px;
}

.top-bar-text {
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
}
.top-bar-text img {
	width: 15px;
	display:inline-block;
}

.top-bar-left {
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	margin:2px 0;
}

.top-bar-text p {
	font-size:12px;
	color:#fff;
	padding:0 10px;
}

.top-bar-text a {
	font-size:30px;
	color:#fff!important;
	padding:0 5px;
}

.top-bar-text a:hover {
	text-decoration:underline;
	color:#ccc;
	-webkit-transition:all .3s ease;
	-ms-transition:all .3s ease;
	transition:all .3s ease;	
}



.main-heading {
	margin: 0 auto;
	width:100%;
	background: #FFFFFF;
}

.logo-bar {
    float: none;
    display: flex;
    margin: 0 auto;
    position: relative;
    text-align: center;
	vertical-align: middle;
	padding:10px 0;
	align-items: center;
	
}

.small-box-logo {
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
	float:inherit;
	text-align:center;
	padding:15px 0;
}

.small-box-logo h1 {
	font-size:40px;
}

.small-box-logo h4 {
	font-size:21px;
	font-weight:300;
}

.small-box-logo img {
	display:inline-block !important;
	width: 75%;
}

.small-box-contain {
    box-sizing: border-box;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
	float:right;
	padding-top: 50px;
    width: 51.8%;
}

.small-box {
    height: auto;
    box-sizing: border-box;
    text-align: right;
    margin: 0 auto;
    display: inline-block;
    float: right;
	vertical-align: middle;
	padding-bottom: 10px;
	width: 143.25%;
}

.small-box p {
	font-weight:700;
	font-size:18px;
}

.small-box a {
	text-decoration:none;
	font-weight:700;
	font-size:18px;
}

.small-box a:hover {
	text-decoration:none;
	color:#d80101;
}

/*===================== 
                TITLE 
=======================*/
.title-pic {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background:url(../siteart/diamond-plate.png) repeat;
	border-bottom: 6px solid #231f20/*grey*/;
}

.title-text {
    margin: 0 auto;
    text-align:left;
}

.title-text h2 {
	font-size:51px;
	line-height:51px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color: #231f20;
    text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.5);
	text-transform:uppercase;
}
/*===================== 
                BODY 
=======================*/
.background {
    display: block;
    margin: 0 auto;
    background:url(../siteart/diamond-plate.png) repeat;
	border-bottom:6px solid #231f20/*grey*/;
}
.main-home {
	display: block;
	max-width: 100%;
	margin: 0 auto; background-position: right;
	background-image:url(../siteart/trailer-mapNEW.jpg);
	background-size: cover; background-repeat: no-repeat;
}

.dry-van {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	background:url(../siteart/dry-van.png) no-repeat center center;
	text-align:center;
	padding: 140px 0;
}

.heading-wrapper {
}

.main-text {
    margin: 0 auto;
    width: 33%;
    float: left;
	text-align: center;
}

.main-text img {
	margin:0 auto;
	text-align:right;
}

.main-text h1 {
	font-size:64px;
	line-height:54px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#231f20;/*grey*/
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.5);
}

.main-text h3 {
	font-weight:700;
	font-size:40px;
	line-height:52px;
	color:#231f20;/*grey*/
	font-style:italic;
	font-family: 'Roboto Condensed', sans-serif;
	line-height:50px;
}

.main-text h5 {
	font-weight:300;
	font-size: 20px;
    line-height: 40px;
	color:#231f20;/*grey*/
}

/**button1**/
	.button1 {
		width:60%;
		box-sizing: border-box;
		position:relative;
		overflow:hidden;
		background:transparent;
		color:#274798; /*blue*/
		border:2px solid #274798; /*blue*/
		font-size:18px;
		font-weight:700;
		display:inline-block;
		padding: 10px 30px;
		text-align:center;
		text-transform:uppercase;  
		margin:10px 0;
	}

	a .button1 {
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	a:hover .button1 {
		color: #fff;
		background:#274798; /*blue*/
		text-shadow:none;
		border:2px solid #fff;
	}
	
	.button1:hover .fa-arrow-circle-right {
		margin-left:15px;
		margin-right:-10px;	
	}
	
	.fa-arrow-circle-right {
		margin-left:5px;
		-webkit-transition: all .3s ease; /* Safari and Chrome */
		-moz-transition: all .3s ease; /* Firefox */
		-ms-transition: all .3s ease; /* IE 9 */
		-o-transition: all .3s ease; /* Opera */
		transition: all .3s ease;	
	}


.hvr-shrink {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin: 0 auto;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

/*===================== 
                INVENTORY BOXES
=======================*/

.inventory-contain {
	box-sizing:border-box;
	width: 100%;
    text-align:center;
    background-size: 100%;
}
	
.inventory-box {
	float:left;
	width: 29.25%;
	box-sizing: border-box;
	height:auto;
	margin: 2% 10%;
	border:#ccc 1px solid;
	padding:20px 0;
	background-color: white;
}

.inventory-box-title {
	text-align:center;
	width:100%;
	font-size:18px;
	line-height:18px;
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	padding:5px 0;
}

	/**red button**/
	.red-button {
		width:60%;
		float:none;
		box-sizing: border-box;
		position:relative;
		overflow:hidden;
		background:transparent;
		color:#274798; /*blue*/
		border:2px solid #274798; /*blue*/
		font-size:14px;
		font-weight:400;
		display:inline-block;
		margin:10px 0;
		font-weight:700;
		padding:10px 0;
		text-align:center;
		vertical-align:top;
	}

	a .red-button {
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	a:hover .red-button {
		color: #fff;
		background:#274798; /*blue*/
		border:2px solid #ccc;
	}

/*===================== 
                CONTACT INFO 
=======================*/
.contact-boxes {
	margin: 0 auto;
	box-sizing:border-box;
	width:100%;
}

.contact-boxes h2 {
	color:#274798; /*blue*/
	padding-bottom:20px;
}


.contact-boxes img {
	margin:0 auto;
}

.contact-boxes a {
	color:#000;
	text-decoration:underline;
}

.contact-boxes a:hover {
	color:#274798; /*blue*/
	text-decoration:none;
}

.contain60 {
	width: 60%;
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
    padding: 10px 5px;
}

.contain40 {
	width: 40%;
    margin: 0 auto;
    box-sizing: border-box;
    float: left;
    padding: 10px 5px;
	display:inline-block;
	max-width:100%;
}
/***** Testimonials *****/

.welcome-wrap{
	width:100%;
	max-width:1600px;
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
	margin:0 auto;
}

.welcome-left{
	width:60%;
	display:block;
}

.welcome-right{
	width:40%;
	display:flex;
}
	

.testbox {
	width:46%;
	float:left;
	padding:1%;
	margin:1%;
	background:rgba(255,255,255,0.8);
	font-size:16px;
	line-height:22px;
}

.testbox .green {
	font-size:16px;
	text-shadow: 1px 1px 8px rgba(255,255,255,.85);
}

.ie8 .testbox, .ie7 .testbox {
	background:#fff;
}

/*===================== 
                SLIDESHOW 
=======================*/

#testimonials {
	width:99%;
	float:left;
	padding: 0 0 0 40px;
	text-align:center;
	vertical-align:bottom;
}
#testimonials img { width:150px; margin: 0 auto; vertical-align: bottom;}
#testimonials h1 { display:inline-block; vertical-align: bottom; padding-bottom: 8px;}

#slideshow {
	width:100%;
	margin: 40px 0;
    padding: 10px 10px 0 10px;
    max-width: 800px;
}

#featured {
	width:96%;
	float:left;
	padding:2% 2% 1%;
	background:#eee;
	text-align:center;
	margin-top:50px;
}

#slideshow2 {
	width:100%;
	max-width:800px;
	margin-top:30px;
}



.cycle-slideshow { width:100%; }

.cycle-slideshow img { width:100%; height:auto;}

.cycle-slide { width:100%; height:175px; text-align:center; font-style:italic;}

#featured .cycle-slide{height:auto;}
.green {
	font-family:'Roboto Condensed', sans-serif;
	color:#274798 /*blue*/;
	font-size:18px;
	font-weight:normal;
	text-align:right;
	font-style:normal;
	width:100%;
	float:left;
	text-shadow: 1px 1px 8px rgba(255,255,255,.85);
}

/* pager */
.pager { 
    text-align:center; width:100%; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:40px; width:16px; height:16px; display:inline-block; color:#ddd\9; color:rgba(0,0,0,0.7); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#274798 /*blue*/;}
.pager > * { cursor:pointer;}

#rentshow {
	width:100%;
	float:left;
	-moz-box-shadow:0px 5px 10px rgba(0, 0, 0, .4); 
	-webkit-box-shadow:0px 5px 10px rgba(0, 0, 0, .4); 
	box-shadow:0px 5px 10px rgba(0, 0, 0, .4);
	margin:128px 0 0;
}

/* overlay */
.cycle-overlay { 
    font-family:'Roboto Condensed', sans-serif;
	font-size:50px;
	text-transform:uppercase;
   	position:absolute; 
	bottom:0; 
	width:100%; 
	z-index:600;
   	/*background:rgba(0,0,0,0.7);*/
	color:#fff; 
	margin-bottom:20%;
	text-align:center;
	text-shadow: 1px 1px 8px rgba(0,0,0,.85);
}

h4 {
	font-family:'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	color:#001736;
/*	text-shadow: 1px 1px 8px rgba(0,0,0,.85);*/
	letter-spacing:1px;
	font-weight:700;
	font-size:30px;
}

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 10%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(../siteart/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(../siteart/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .9; filter: alpha(opacity=90) }

.disabled { opacity: .5; filter:alpha(opacity=50); }


.underline {
	border-bottom: 1px solid #231f20/*grey*/;
	margin: 35px 0 20px 0;
}
/*===================== 
                SCROLLING INVENTORY 
=======================*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	margin:10px 0;
}
 
.scrolling{
    width:100%;
    height:92px;
}

.grey-background {
	background:#231f20/*grey*/;
	padding:30px 0px;
}

/*===================== 
                MAP 
=======================*/
.map {
	margin: 0 auto;
	width:100%;
}

/*===================== 
                QUICK LINKS
=======================*/	
.quick-links {
	display: block;
	max-width: 100%;
	margin: 0 auto;
	
	border-top:#231f20/*grey*/ solid 3px;
	border-bottom:#231f20/*grey*/ solid 3px;
	background: white;
}

.quick-links-contain {
	width:100%;
	margin:0 auto;
}
.padding5 {
	padding-bottom:5px;
}

.quick-box {	
	margin:0 auto;
	width:25%;
	float:right;
	padding: 50px 0;
	display:inline-block;
	vertical-align: top;
}

.quick-box img {
	max-width:100%;
	display:inline-block;
	margin: 0 auto;
}

.quick-box h5 {
	font-size:16px; 
	font-weight:700;
	color:#0d0d0d;
	padding-bottom:3px;
}

.quick-box-line {
	border-bottom:3px solid #001736; /*blue*/
	width:40%;
	padding-bottom:3px;
}

.quick-box p {
	font-size:17px;	
	color:#001736;
	font-weight:700;
}

.quick-box a {
	font-size:17px;
	color:#001736;	
	font-weight:700;
}

.quick-box a:hover {
	color:#4D72D1; /*blue*/
	text-decoration:underline;
}



/*===================== 
                FOOTER 
=======================*/
.footer-wrapper {
		background: #001736; /*blue*/
/*		background: linear-gradient(#274798, #122145);*/
		margin:0 auto;	
		padding:35px 0;
	}
	.footer-container {
		width: 100%;
		margin: 0 auto;	
	}
	.left-side {
		display:inline-block;
		text-align:left;
		font-weight:700;
		box-sizing:border-box;
		width: 49%;
		text-transform:none;
		vertical-align:middle;
	}
	.left-side p {
		margin-bottom:0;
		font-size:12px;
		color:#fff;
	}
	.left-side a {
		font-size:12px;
		color:#fff;
		font-weight:700;
		text-decoration:underline;
	}
	.left-side a:hover {
		text-decoration:underline;
		color:#ccc;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	.right-side {
		display:inline-block;
		text-align:right;
		box-sizing:border-box;
		width: 49%;
		text-transform:none;
		font-weight:400;
	}
	.right-side p {
		font-size:12px;
		font-weight:700;
		color:#fff;
		text-decoration:none;
	}
	.right-side a {
		font-size:12px;
		font-weight:700;
		color:#fff;
		text-decoration:underline;
	}
	.right-side a:hover {
		text-decoration:underline;
		color:#ccc;
		-webkit-transition:all .3s ease;
		-ms-transition:all .3s ease;
		transition:all .3s ease;
	}
	
	
/*===================== 
                HOSTED CONTENT 
=======================*/
.hosted-content h3 { font-family: 'Roboto Condensed', sans-serif!important; }
.hosted-content .listings-wrapper .listings-list .listing-banner h2 { line-height: 1.5em !important; font-family: 'Roboto Condensed', sans-serif !important; }
.hosted-content .listings-wrapper .listings-list .listing-banner { color:#fff !important; background: #231f20/*grey*/!important; }
.hosted-content .listings-wrapper .listings-list .category-banner h3 { line-height: 1.5em !important; font-family: 'Roboto Condensed', sans-serif !important; }
.hosted-content .listings-wrapper .listings-list .listing-name { font-family: 'Roboto Condensed', sans-serif !important; }    


.compare-chkbox-container .compare-listings .fa-check{top:-10px!important;left:2px!important;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#1a2f64 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#1a2f64 !important; color: white !important;}

.selected-facet > * {background:#1a2f64 !important; color: white !important;}
.list-error-container > div > .selected-facets > .selected-facet .ts-button > b {background:#1a2f64 !important; color: white !important;}
.list-error-container > div > .selected-facets > .selected-facet .ts-button > * {background:#1a2f64 !important; color: white !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #1a2f64 !important; transition: ease all 0.2s !important;}
 
.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #1a2f64 !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/*===================== 
                Responsive styles 
=======================*/
@media screen and (max-width: 1420px) { 
	
	.hbtext { font-size: 38px;}
}

@media screen and (max-width: 1274px) { 
.main-text { width: 50%; }
.small-box { width:auto; }
.small-box-contain { width:auto; }
}

@media screen and (max-width: 1220px) { 
	
	.hbtext { font-size: 30px;}
	.hbsub {font-size: 14px;}
	
	.main-text { width: 50%; }
	.small-box { width:auto; }
	.small-box-contain { width:auto; }
	
	.contain40 { width:100%; text-align:center; }
	.contain60 { width:100%; text-align: center; }
	
	.main-home { padding: 20px; }
	.cycle-slide { height: 184px; }

	#testimonials {background: rgba(255,255,255,.8); padding:0;}
	#slideshow { padding:10px 0 0 0; }
	.green {width:92%;}
	.main-text { width: 100%; }
	
	.dry-van { padding: 60px 0; }
	
	.mapwrap {width: 100%; float: right;  clear: both; margin-top: 100px;}
}

@media screen and (max-width: 1000px) {
	.homebox {width: 100% !important; display: block; clear: both;}
		.hbtext { font-size: 36px;}
	.hbsub {font-size: 16px;}
}

@media screen and (max-width: 967px) {
	.logo-bar p {font-size: 20px;}
	.logo-bar a {font-size: 20px;}
}


@media screen and (max-width: 900px) {
	.quick-box {	
		margin:0 auto;
		width:50%;
	}
}

@media screen and (max-width: 899px) {
	.logo-bar p {font-size: 16px;}
	.logo-bar a {font-size: 16px;}
}

@media screen and (max-width: 828px) {
	.logo-bar p {font-size: 12px;}
	.logo-bar a {font-size: 12px;}
}

@media screen and (max-width: 820px) {
	.padding20 { padding:10px 0; }
	.padding50 { padding:20px 0; }
	.title-text { text-align:center; }
	.title-text h2 { font-size:44px; line-height:44px; }
}

@media screen and (max-width: 768px) {
    .inventory-box { width: 60%; margin:20px auto; float: none }
}	

@media screen and (max-width: 700px) {
	.right-side { width: 100%; text-align:center; }
	.right-side a { font-size:10px; }
	.right-side p { font-size:10px; }
	.left-side { width: 100%; text-align:center; }
	.left-side a { font-size:10px; }
	.left-side p { font-size:10px; }
	
	.small-box-contain { padding-top:0; }
	.small-box-logo img { max-width:100%;}
	.small-box-contain { width:100%; }
	.small-box-logo { width:100%; text-align: center; }
}

@media screen and (max-width: 773px) {
	.logo-bar p {font-size: 10px;}
	.logo-bar a {font-size: 10px; }
}

@media screen and (max-width: 570px) {
	
		.hbtext { font-size: 30px;}
	.hbsub {font-size: 14px;}
	
	.top-bar { padding:10px 0; }
	.top-bar-text { text-align: center; margin: 5px 0; }
	
	.quick-box {	
		text-align:center;
		width:100%;
    	padding: 15px 0;
		min-height:0;
	}

	.quick-box-line { text-align:center; margin: 0 auto; }
	.quick-box img { max-width: 70%; }
	
	.contact-boxes img { width: 5%; }
	.contact-boxes a { font-size: 13px; }
	
	.main-home { 
		background:url(../siteart/trailer-map4.jpg) no repeat;
	}
	.main-text { width: 99%; }
	#testimonials { padding: 0; }
	#slideshow {margin:0; max-width:none;}
	
}

@media screen and (max-width: 505px) {
	.logo-bar p {font-size: 7px;}
	.logo-bar a {font-size: 7px; }
}

@media screen and (max-width: 380px) {
	.cycle-slide { height: 205px; }
}