@charset "utf-8";
/***** BEGIN RESET *****/

* {
	box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: none;
	background:#fff;
	overflow-x:hidden;
	margin: 0 auto;
	color:#000;
	line-height:1!important;
	font-family: 'Open Sans Condensed', sans-serif;	
}

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

/***** END RESET *****/

/*typography=========================================*/

p {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
/*font-size:18px;*/
}

a {
	transition: all .2s ease-in-out;
/*text-decoration:none;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size:18px;*/		
}

h2 {
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-stretch:condensed;	
}


/****************************************************************************hover easing style


			-webkit-transition: all .5s ease; /* Safari and Chrome */
  /*  		-moz-transition: all .5s ease; /* Firefox */
  /*  		-ms-transition: all .5s ease; /* IE 9 */
  /*  		-o-transition: all .5s ease; /* Opera */
  /*  		transition: all .5s ease;

/*header=======================================*/

header {
background:#ee1d25;	
width:100%;
z-index:1;
box-shadow: 0 0 10px #000;
position:fixed;
}

.padtop {
width:100%;
padding: 3em;	
}

.wrap {
width:95%;
margin:0 auto;
max-width:1700px;	
}

.headerwrap {
width:95%;
margin:0 auto;
max-width:1500px;	
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}

.logo {
width:30%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: -3.5em;
background:#fff;
border-bottom-right-radius:7px;	
border-bottom-left-radius:7px;
position:relative;
z-index:1;
box-shadow:0 0 10px #000;
padding:0px 10px;
box-sizing:border-box;
}

.logo img {
width:95%;
display:block;
margin:40px auto;
max-width:300px;	
}

.corplink {
width:30%;
box-sizing:border-box;
padding-left:40px;
padding-top:5px;
}

.corplink a {
color:#fff;
text-decoration:none;
font-size:16px;
text-align:left;	
font-weight:600;
}

.corplink a:hover {
text-decoration:underline;	
}




.searchbar {
width:40%;
background:transparent;	
margin-top:10px;
}


#keywords {
width:200px;
height: 35px!important;
float:right;
color:#4A4A4A!important;
padding:10px!important;
box-sizing:border-box;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:500;
font-size:13px!important;
border:none!important;
border-radius:0!important;
}

.searchButton {
width:35px!important;
float:right!important;
color:#fff!important;	
background:url(../siteart/search_grey.png) no-repeat #fff!important;
background-size:contain!important;
height:35px!important;
font-size:13px!important;
padding:0!important;
border-radius:0!important;
border:none!important;
}

.searchButton:hover {

background:url(../siteart/search_hover.png) no-repeat #fff!important;
background-size:contain!important;
}

/*mainsection==================================*/

.topmain {
width:100%;
float:left;
background:url(../siteart/slider1.jpg);
background-size:cover;
background-position:center;
}

.overlays {
width:40%;
float:left;
padding:200px 0;	
}

#mobileonly {
display:none;	
}

.overlays h2 {
font-size:55px;
text-transform:uppercase;
font-weight:900;
font-family: 'Open Sans Condensed', sans-serif;	
}

.overlays p {
width:95%;
float:left;
margin-top:20px;
font-size:20px;
line-height:27px;
}

.overlays a {
width:200px;
float:left;
margin-top:20px;
padding:10px 0;
text-decoration: none;
text-align:center;
color:#fff;
background:#ee1d25;	
}

.overlays a .fa {
color:#F95E64;	
}

.overwrap {
width:95%;
margin:0 auto;
max-width:1700px;	
}

/*ctas=================================*/

.ctas {
width:100%;
float:left;
padding:20px 0;
background:url(../siteart/polka-dots.png) repeat;	
}

.ctafour {
width:25%;
float:left;
padding-right:10px;
box-sizing:border-box;	
padding-left:20px;
}

.insidefour {
width:100%;
display: inline-flex;
background-position:bottom!important;	
position: relative;
}

.insidefour h3 {
	background:#ee1d25;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;	
	font-weight:600;
	text-align:left;
	padding:10px 0 13px;
	padding-left:30px;
	box-sizing:border-box;
	width:100%;
	margin-left:-20px;
	margin-top:200px;
	box-shadow:0 0 10px #000;
	text-transform:uppercase;
	font-size:24px;
	line-height:24px;
}

.tianglebottom {
position: absolute;
bottom: 9px;
left: 0;
margin-left:-20px;
border-right:20px solid #8A0C11;
border-bottom:15px solid transparent;	
}

#alltrks {
	background:url(../siteart/alltrucks.jpg);
	background-size:cover;
}

#alltrks:hover {
	background:url(../siteart/alltrucks-hover.jpg);
	background-size:cover;	
}


#sleeper {
	background:url(../siteart/sleeper2.jpg);
	background-size:cover;
}

#sleeper:hover {
	background:url(../siteart/sleeper2-hover.jpg);
	background-size:cover;	
}


#recent {
	background:url(../siteart/recently-added.jpg);
	background-size:cover;
}

#recent:hover {
	background:url(../siteart/recently-added-hover.jpg);
	background-size:cover;	
}


#day {
	background:url(../siteart/daycab.jpg);
	background-size:cover;
}

#day:hover {
	background:url(../siteart/daycab-hover.jpg);
	background-size:cover;	
}

/*aboutsection============*/

.mainabout {
width:100%;
display: flex;
padding:7em 0;
background:url(../siteart/subtle_dots.png)	repeat;
}

.mainaboutmain {
width:100%;
display: flex;
padding:100px 0;
background:url(../siteart/subtle_dots.png)	repeat;
}

.aboutwrap {
width:95%;
margin:0 auto;
max-width:1300px;	
}

.mainabout h2 {
text-align:center;
font-size:32px;
line-height:35px;
font-family: 'Open Sans Condensed', sans-serif;	
margin-bottom:30px;
}

.greys {
color:#878787;	
}

.mainabout p {
text-align:center;
font-size:20px;
line-height:27px;
width:80%;
display:block;
margin:0 auto;
}


.mainaboutmain h2 {
text-align:center;
font-size:32px;
line-height:35px;
font-family: 'Open Sans Condensed', sans-serif;	
margin-bottom:30px;
}
.mainaboutmain p {
text-align:center;
font-size:20px;
line-height:27px;
width:80%;
display:block;
margin:0 auto;
}

/*mapsection====================*/

.map {
width:100%;
background:url("../siteart/map-new.png");
background-size:cover;
float:left;	
background-position:center;
}

.contactinfos {
	width:100%;
max-width:500px;
float:right;
padding-left:20px;
box-sizing:border-box;	
margin:50px 0;
}

.contactinfossub {
	width:43%;
	margin-left:2%;
max-width:500px;
float:right;
padding-left:20px;
box-sizing:border-box;	
margin:50px 0;
}

.contactinside {
width:100%;
float:left;
background:#000;
border-radius:7px;
padding:30px 0;	
}

.contactinside a {
color:#fff;
text-decoration:underline!important;	
}

.contactinside h2 {
background:#ee1d25;
	color:#fff;
	font-family: 'Open Sans Condensed', sans-serif;	
	font-weight:600;
	text-align:left;
	padding:15px 0 18px;
	padding-left:60px;
	box-sizing:border-box;
	width:100%;
	margin-left:-20px;
	box-shadow:0 0 10px #000;
	text-transform:uppercase;
	font-size:30px;
	line-height:30px;
	margin-bottom:0;
}

.tianglebottomtwo {
float:left;
margin-left:-20px;
border-right:20px solid #8A0C11;
border-bottom:15px solid transparent;	
}

.infoinside {
width:100%;
float:left;
padding:0 20px;
box-sizing:border-box;
margin-top:40px;	
}

.infoinside .fa {
color:#fff;
width:20%;
float:left;
text-align:center;
padding-right:0px;
box-sizing:border-box;
font-size:45px;	
}

.infoinside p {
width:80%;
float:left;
color:#fff;
font-size:22px;
line-height:30px;
font-family: 'Open Sans Condensed', sans-serif;	
	font-weight:400;
	text-align:left;
	
}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolls {
width:100%;
float:left;
padding:15px 0;
background:	#ee1d25;
}

.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}

/*footer==========================================*/

footer {
width:100%;
float:left;
background:#191919;
padding:20px 0;	
}

.footerlogo {
width:30%;
float:left;	
}

.footerwrap {
width:95%;
margin:0 auto;
max-width:1200px;		
}

.footerlogo img {
width:100%;
max-width:300px;
float:left;	
}

.bottomnav {
width:70%;
float:left;	
}

.bottomnav ul  {
float:right;	
}

.bottomnav ul li {
float:left;	
}

.bottomnav ul li a {
padding:10px .75vw;
					display:block;
					text-decoration:none;
					font-weight: 600;
					color:#F1F1F1!important;
					font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
					border-right:2px solid #f1f1f1;	
}

.lastone {
border-right:none!important;	
}

.bottomfoot {
background:#000;
width:100%;
float:left;
padding:30px;	
border-top:#5F5F5F 1px solid;
box-sizing:border-box;
}

.bottomfoot p {
text-align:center;
font-size:18px;
font-weight:600;
color:#464646;	
font-family: 'Open Sans Condensed', sans-serif;	
}

/*******************************************************************SLIDESHOW***************************************************************/
.slide-contain {
	width:100%;
float:left;
border-bottom:5px solid #001f66;


}

.cycle-slideshow {
	width:100%;
	overflow:hidden;
	float:left;
	
	display:block;
}
.cycle-slideshow img {display:block; width:100%; float:left; border-bottom:2px solid #001f66;}

/* pager */
.pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#D30003; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.pager span.cycle-pager-active { color:#001f66;}
.pager > * { cursor:pointer;}

/*subpages==============*/

.title {
width:100%;
margin-bottom:20px;	
}

.title h1 {
width:100%;
color:	#ee1d25;
font-family: 'Open Sans Condensed', sans-serif;	
font-size:42px;
line-height:42px;
font-weight:900;
text-transform:uppercase;
border-bottom:2px solid #ee1d25;
}

.warranty {
width:100%;
display:block;
margin:0 auto;
max-width:700px;	
}

.warranty img {
width:100%;float:left;	
}

.conmap {
width:55%;
float:left;
height:535px;	
}


.bottomnavmobile {
display:none;	
}
/**********************************************************************************************************************************************************************************************
***********************************************************************************************RESPONSIVE**************************************************************************************
***********************************************************************************************************************************************************************************************/
@media screen and (max-width: 1400px) { 
.insidefour h3 {
padding-left:10px;
font-size:18px;
line-height:18px;
margin-top:140px;	
}
.tianglebottom {bottom: 3px;}
}

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

.overlays {
padding:100px 0;	
}
}

@media screen and (max-width: 1155px) { 
.bottomnav ul li a {
padding:10px .5vw;	
font-size:16px;
}
}

@media screen and (max-width: 1100px) { 
.bottomnav { 
display:none; 
}
	
.bottomnavmobile {
display:block;	
}

.bottomnavmobile  {
font-family: 'Open Sans Condensed', sans-serif;	
color:#F1F1F1;
font-size:16px;
text-align:center;
padding:5px 0;
width:100%;
float:left;	
}

.bottomnavmobile a {
	font-family: 'Open Sans Condensed', sans-serif;	
	color:#F1F1F1;
	font-weight:600;
	padding:5px 0;
	line-height:22px;
	font-size:18px;
}
}

@media screen and (max-width: 1000px) { 
.insidefour h3 {
padding-left:10px;
font-size:18px;
line-height:18px;
margin-top:215px;	
}

.ctafour {
width:50%;
margin-bottom: 10px;
margin-top:10px;
}

}

@media screen and (max-width: 992px) { 
.navcon {
width:100%;
padding:15px;
box-sizing:border-box;	
}

.navcon p {
width:100%;
margin-top:10px;
color:#fff;
font-size:13px;
text-align:left;
line-height:1.3;
font-family: 'Open Sans', sans-serif;	
}

.navcon h2 {
text-align:left;
font-size:17px;
line-height:1.3;
color:#fff;	
}

header {
position:fixed;
}
}

@media screen and (max-width: 945px) { 
#hidemobile {
display:none;	
}
	
}

@media screen and (max-width: 885px) { 
.footerlogo {
width:100%;
float:left;	
margin-bottom:10px;
}

.footerlogo img {
float:none;
margin:0 auto;
display:block;	
}

}

@media screen and (max-width: 850px) { 
.contactinfossub {
width:100%;	
float:none;
max-width:500px;
margin:0 auto 0;
padding-right:20px;
}
.conmap {
width:100%;
float:right;
height:300px;	
margin-top:30px;
}
}


@media screen and (max-width: 825px) { 
.searchbar {
display:none;	
}

.logo {
width:50%;	
box-sizing:border-box;
padding:0px 10px;
z-index:999;
position:relative;
}

.logo img {
max-width:250px;
margin:20px auto;
}
	
.mainabout {padding: 3em 0 5em;}

.corplink {
width:49%;
float:right;
padding-left:0;	
}

.corplink a {
text-align:right;
float:right;	
}


.topmain {
background:url(../siteart/mobilebg.jpg);
background-position:center;	
height:365px;
background-size:cover;

z-index:0;
}

#desktoponly {
display:none;	
}

#mobileonly {
display:block;	
}

.overlays {
width:100%;
float:left;
padding:125px 20px 20px;
box-sizing:border-box;
background-image: linear-gradient(rgba(255,255,255,0.00), rgba(243,243,243,0.10), rgba(243,243,243,0.50), #E7E7E7, #E7E7E7 ,  #D4D4D4 , #C5C5C5 , #BCBCBC );
margin-top:-175px;

z-index:1;
}

.searchbar {
width:90%;	
margin-left:5%;
}

#keywords {
width:93%;	
margin-left:-37px;
}

.overlays h2 {
text-align:center;
font-size:45px;	
}

.overlays p {
text-align:center;
width:100%;	
}

.padtop {
padding:2em;	
}
	
.tianglebottom {bottom: 1px;}

}




@media screen and (max-width: 770px) {  
.map {
background:url(../siteart/mobilemapbg.jpg);
background-position:top;
background-size:100%;
padding-bottom:30px;
}

.contactinfos {
float:none;
margin:200px auto 0px;
padding-right:20px;
}
}


@media screen and (max-width: 600px) {  
.topmain {
height:312px;
margin-top:-5%;	
}

.overlays p {
font-size:16px;
line-height:20px;	
}

.overlays h2 {
text-align:center;
font-size:35px;	
}

.insidefour h3 {
padding-left:10px;
font-size:16px;
line-height:16px;
margin-top:140px;	
}
}
@media screen and (max-width: 500px) { 

.padtop {
padding:1.5em;	
}

.ctafour {
padding-left:10px;	
padding-right:5px;
}

.tianglebottom {
border-bottom:15px solid transparent;
border-right:10px solid #8A0C11;
margin-left:-10px;	
}

.insidefour h3 {
margin-left:-10px;	
}
}

@media screen and (max-width: 490px) {  
.map {
background:url(../siteart/mobilemapbg.jpg);
background-position:top;
background-size:cover;
padding-bottom:30px;
}
	
.tianglebottom {
border-bottom:11px solid transparent;
border-right:10px solid #8A0C11;
margin-left:-10px;	
}

.overlays h2 {
font-size:30px;	
}

.overlays p {
margin-top:10px;	
}
}

@media screen and (max-width: 460px) {  
.insidefour h3 {
padding-left:10px;
font-size:12px;
line-height:12px;
margin-top:100px;	
}
}