/* 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 { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent; 	
	-webkit-text-size-adjust:none;
	font-family: 'Montserrat', sans-serif;
}



a {
	color:#fff;
	text-decoration:underline;
	
}

a:hover{
	color:#dbac5e;
	text-decoration:none;
}

p{
	padding:20px 0;
	line-height: 1.5;
	font-size: 14px;
}



 
/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
.clear {clear: both;}
.left {text-align:left;}
.right {text-align:right;}
.none{display:none;}

*{
	box-sizing:border-box;
}

body { 

}

.wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.no-pad-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	position:relative;
}

.sub-wrapper {
	width:100%;
	max-width:1300px;
	margin:0 auto;
	margin-top:80px;
	position:relative;
}

.sub-wrapper h1{
	font-size:20px;
	color:#000;
	text-transform:uppercase;
	font-weight:600;
	font-style: italic;
	letter-spacing: 2px;
	
}



::selection {
	color:#fff;
	background: #356088;
}
::-moz-selection {
	color:#fff;
	background: #356088;
}



/* HEADER 
----------------------------------------------*/
.header-contact{
	width:100%;
	background:#000;
	display: inline-block;
	padding: 7px 20px;
	color:#c1372c;
	text-transform: uppercase;
}

.header-contact a{
	color:#c1372c;
	text-decoration: none;
	font-size: 16px;
	padding: 0 20px 0 0;
}

.hc-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
}

.hc-half:last-child{text-align: right;}

.hc-half .fa{font-size: 22px; vertical-align: middle;}

.hc-half a {color:#c1372c!important}
.header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff;
	position: relative;
	box-shadow:1px 1px 3px rgba(0,0,0,0.40);
}

.logo{
	position: absolute;
	top:60px;
	left: 170px;
	z-index: 9;
}
.logo img{
	width:150px;
}

/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px rgba(0,0,0,0.40);
	z-index: 999;
}

/*END STICKY NAV*/

/* Header search */
@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

.keyword-search{
	width:40%;
	display:inline-block;
	vertical-align:middle;
}

.keyword-search input{
	padding:10px;
	width:100%;
	vertical-align:middle;
	border:1px solid #afafaf;
	background:#000;
	color:#fff;
}

.keyword-search .search-input{
	width:80%;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}

.keyword-search .submit-btn{
	width:15%;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	transition:ease-in .3s;
}


.keyword-search input[type='submit']{
	font-family: 'icon-worksregular';
	-webkit-appearance: none;
	font-size:16px;
	background:#c5372b;
	color:#fff;
}

/* INVENTORY HEADER 
----------------------------------------------*/
.inventory-header-contact{
	width:97%;
	background:#000;
	display: inline-block;
	padding: 7px 20px;
	color:#c1372c;
	text-transform: uppercase;
}

.inventory-header-contact a{
	color:#c1372c;
	text-decoration: none;
	font-size: 16px;
	padding: 0 20px 0 0;
}

.inventory-hc-half{
	width:49%;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
}

.inventory-hc-half:last-child{text-align: right;}

.inventory-hc-half .fa{font-size: 22px; vertical-align: middle;}

.inventory-hc-half a {color:#c1372c!important}
.inventory-header{
	width:100%;
	display:inline-block;
	text-align:right;
	margin:0 auto;
	background:#fff;
	position: relative;
	box-shadow:1px 1px 3px rgba(0,0,0,0.40);
}

.inventory-logo{
	position: absolute;
	top:60px;
	left: 170px;
	z-index: 9;
}
.inventory-logo img{
	width:150px;
}

/*STICKY NAV*/

header{
  text-align:center;
  color:#fff;
}

header.fixed{
  position:fixed;
  width:100%;
  top:0;
  left:0;
  background:#fff;
  box-shadow:1px 1px 3px rgba(0,0,0,0.40);
	z-index: 999;
}

/*END STICKY NAV*/

/* Header search */
@font-face {
    font-family: 'icon-worksregular';
    src:url(../fonts/icon-works-webfont.eot);
    src: url(../fonts/icon-works-webfont.eot?#iefix) format('embedded-opentype'),
         url(../fonts/icon-works-webfont.woff) format('woff'),
         url(../fonts/icon-works-webfont.ttf) format('truetype'),
         url(../fonts/icon-works-webfont.svg#icon-worksregular) format('svg');
    font-weight: normal;
    font-style: normal;

}

.inventory-keyword-search{
	width:40%;
	display:inline-block;
	vertical-align:middle;
}

.inventory-keyword-search input{
	padding:10px;
	width:100%;
	vertical-align:middle;
	border:2px solid #c5372b;
	background:#000;
	color:#fff;
}

.inventory-keyword-search .inventory-search-input{
	width:80%;
	display:inline-block;
	vertical-align:middle;
	margin:0;
}

.inventory-keyword-search .inventory-submit-btn{
	width:15%;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	transition:ease-in .3s;
}


.inventory-keyword-search input[type='submit']{
	font-family: 'icon-worksregular';
	-webkit-appearance: none;
	font-size:16px;
	background:#c5372b!important;
	color:#fff;
	border-radius: 0px;
}



/* HOME PAGE STYLES
-----------------------------------------------*/
.hero{
	width: 100%;
	background:url(../siteart/hero.jpg) no-repeat;
	background-size: cover;
	background-position: bottom;
	height: 550px;
	padding: 100px 170px;
}

.hero h1{
	text-transform: uppercase;
	font-size: 32px;
	letter-spacing: 4px;
	font-weight: 500;
	text-align: left;
}

.hero h3{
	font-size: 16px;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
	padding: 10px 0;
}

.hero a{
	color:#fff;
	background:#eaa621;
	text-decoration: none;
	padding: 7px 20px;
	border-radius: 4px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 12px;
	display: inline-block;
	margin-left: 0;
	margin-top: 20px;
	transition: ease .3s;
}

.hero a:hover{background:#BE8412; transition: ease .3s;}




.home-welc{
	background:url(../siteart/welcome-txture.png) #000;
	text-align: center;
	padding: 100px 20px;
	color:#fff;
}

.home-welc h1{
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 4px;
	font-size: 30px;
	padding: 10px 0;
}

.home-welc p{
	padding: 20px; 
	line-height: 2;
	font-size: 16px;
	width: 50%;
	letter-spacing: 1.5px;
}


/* cta bar */

.cta-bar{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	display: inline-block;
	padding: 60px 20px;
}

.cta{
	width:22%;
	display: inline-block;
	vertical-align: top;
	margin: 20px;
	text-align: center;
	padding: 75px 10px;
	color:#fff;
	border-top-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.cta h3{
	text-transform: uppercase;
	font-weight: 600;
	font-style: italic;
	letter-spacing: 3px;
	font-size: 26px;
	padding: 20px 0;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.60);
}


.cta .cta-btn{
	display: inline-block;
	padding: 7px 15px;
	text-align: center;
	margin: 0 auto;
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1.5px;
	border: 2px solid #fff;
	border-radius: 4px;
	color:#fff;
	background:rgba(0,0,0,0.20);
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.60);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.60);
	transition: ease .3s;
}

.cta .cta-btn:hover{background:#fff; color:#000; text-shadow: none; transition: ease .3s;}

.cta .cta-btn .fa{padding-left: 7px;}

#trucks{
	background:url(../siteart/trucks-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

#trailers{
	background:url(../siteart/trailers-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

#contact{
	background:url(../siteart/contact-us-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

#financing{
	background:url(../siteart/financing-bg.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}



/* contact section */


.home-contact{
	width:100%;
	background:#C5372B;
	display: inline-block;
	margin: 0 auto;
}

.hc-left{
	width:35%;
	display: inline-block;
	background: #C5372B;
	color:#fff;
	vertical-align: middle;
	margin: 0 auto;
	padding: 80px 20px 80px 170px;
}

.hc-left .hc-info{
	width: 100%;
	display: inline-block;
	padding: 10px 0;
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1.5px;
}

.hc-left .hc-info .fa{
	display: inline-block;
	vertical-align: top; 
	padding-right: 10px;
}

.hc-left .hc-info a{
	display: inline-block;
	vertical-align: top;
	color:#fff;
	text-decoration: none;
	line-height: 1.5;
}

.hc-left .hc-info a:hover{color:#fff; text-decoration: underline;}

.hc-right{
	width:64%;
	display: inline-block;
	vertical-align: middle;
	border-left: 15px solid #EAA621;
	float: right;
}










/* SUB PAGES
------------------------------------------------*/

.contact-info{
	width:100%;
	display: inline-block;
	margin: 0 auto;
}

.contact-left{
	width:35%;
	display: inline-block;
	color:#000;
	vertical-align: middle;
	margin: 0 auto;
	padding: 80px 20px;
}

.contact-left .hc-info{
	width: 100%;
	display: inline-block;
	padding: 10px 0;
	text-align: left;
	margin: 0 auto;
	font-size: 16px;
	letter-spacing: 1px;
}

.contact-left .hc-info .fa{
	display: inline-block;
	vertical-align: top; 
	padding-right: 10px;
}

.contact-left .hc-info a{
	display: inline-block;
	vertical-align: top;
	color:#000;
	text-decoration: none;
	line-height: 1.5;
}

.contact-left .hc-info a:hover{color:#C5372B; text-decoration: none;}

.contact-right{
	width:64%;
	display: inline-block;
	vertical-align: middle;
	border-left: 15px solid #EAA621;
	float: right;
}



/* FOOTER
------------------------------*/
.footer{
	width:100%;
	color:#8e8e8e;
	font-size:11px;
	text-align:center;
	background:#000;
	padding: 30px 0;
}

.footer a{
	color:#8e8e8e;
	text-decoration:underline;
}

.footer a:hover{
	color:#8e8e8e;
	text-decoration:none;
}
.divfooter{
	width:60%;
	margin:20px auto;
}


.home-welc p, .CaptchaAnswerPanel{margin:0 auto;}



@media screen and (max-width:1550px){
	.cta{margin: 10px;}
}

@media screen and (max-width:1330px){
	.keyword-search{width: 60%;}	
	.inventory-keyword-search{width: 60%;}	
	.home-welc{padding: 60px 20px;}
	.home-welc p{width: 80%;}	
	.cta h3{font-size: 22px;}	
	.hc-left{padding: 80px 10px 80px 40px;}
}

@media screen and (max-width:1100px){
	.hc-half{width: 100%; text-align: center; padding: 5px 0;}
	.inventory-hc-half{width: 100%; text-align: center; padding: 5px 0;}
	.hc-half:last-child{text-align: center;}
	.inventory-hc-half:last-child{text-align: center;}
	.keyword-search{width: 40%;}
	.inventory-keyword-search{width: 40%;}
	.logo{left: auto; top:auto; position: relative; text-align: center; display: block;}	
	.inventory-logo{left: auto; top:auto; position: relative; text-align: center; display: block;}	
	.logo img{margin: 0 auto;}
	.inventory-logo img{margin: 0 auto;}
	.hero{height: auto; padding: 100px 80px;}	
	.cta{width: 40%;}
	.sub-wrapper {margin-top:0px;}
}


@media screen and (max-width:950px){
	.hc-left{width: 100%; padding: 60px 20px;}
	.hc-right{width: 100%; border-left:none; border-top:15px solid #EAA621; float: none;}
	
	.contact-left{width: 100%; padding: 60px 20px;}
	.contact-right{width: 100%; border-left:none; border-top:15px solid #EAA621; float: none;}
	
}

@media screen and (max-width:700px){
	.keyword-search{width: 60%;}	
	.inventory-keyword-search{width: 60%;}	
	.hero{padding: 100px 40px;}	
	.home-welc p{width: 100%;}	
	.cta{width: 46%;}	
	.divfooter{width: 80%;}
}


@media screen and (max-width:600px){
	.cta{width: 100%; margin: 10px auto;}
}

@media screen and (max-width:500px){
	.keyword-search{width: 80%;}	
	.inventory-keyword-search{width: 80%;}	
	.hero{padding: 40px 20px 100px 20px;}
	.home-welc h1{font-size: 26px;}
	.home-welc p{font-size: 14px;}
	.footer{padding: 0;}
	.divfooter{width: 95%;}
}