/***** 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 --------
red: dd0905


font-family: 'Montserrat', sans-serif;
font-family: 'Yellowtail', cursive;
*/

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

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

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

body {
	width: 100%;
	font-family: 'Montserrat', sans-serif !important;
	font-size:16px; 
	line-height: 26px; 
	-webkit-text-size-adjust:none; 
	font-weight:400;
	overflow-x:hidden;
}
h1 {font-size: 32px; font-weight:700; line-height: 35px; padding-bottom: 5px; letter-spacing: 3.5px; text-transform: uppercase; color: inherit;}
h1 span{font-weight: 300; font-size: 25px;}
h2 {font-size: 24px; font-weight:700; line-height: 30px; padding-bottom: 5px; letter-spacing: 3.5px; text-transform: uppercase; color: inherit;}
h3 {font-size: 20px; font-weight:400; line-height: 30px; padding-bottom: 5px; letter-spacing: 2.5px; text-transform: uppercase; color: inherit;}
h4 {font-size: 18px; font-weight:400; line-height: 28px; padding-bottom: 5px; letter-spacing: 2.5px; text-transform: uppercase; color: inherit;}

a{color:inherit; text-decoration: none;}
a:hover {text-decoration: none; transition: all 0.6s;}
strong {font-weight: 700;}

p{margin-bottom: 8px;}

.clear{clear:both;}

.red-text{color: #dd0905}

/*--- HEADER STYLES --------------------------*/
.mobile-header{display: none;}



.header{display: flex; align-content: center;  border-bottom: 1px solid #000}
.header .left{display: inline-block; vertical-align: middle; justify-content: flex-start; position: relative; z-index: 9999999999999}
.header .left img{width: 376px; display: block; margin: 0;}

.header .right{display: inline-block; float: right; width: 80%;justify-content: flex-start; ;}
.header .right .head-row{width: 100%; display: block; text-align: center;}

.head-row .location-title{display:flex; flex-direction:row; align-items: center; background: #000;}
.head-row  .location-title .left{justify-content: flex-start; width: 80%; color: #fff; background: url(../siteart/header-red-arrow.png) no-repeat; background-size: cover; height: 59px; text-align: center; } 
.head-row  .location-title .left h3{display: inline-block; width: 23%; padding-top: 10px; float: left}

.head-row .location-title .right{justify-content: flex-start; background: #000; width: 30%; text-align: center; color: #fff; font-size: 20px; font-weight: 700; letter-spacing: 1px;}
.head-row .location-title .right a{color: #fff;}


.header .right .head-row #middle{text-align: center; }
.header .right .head-row h2 {font-family: 'Yellowtail', cursive; font-weight: 400; font-size: 30px; letter-spacing: 1px; line-height: 30px; padding-bottom: 0; text-transform: none; color: 000; padding: 32px 0;}



/*---BODY--------------------------------*/
.wrapper-inner { width: 75%; margin: 0 auto;}
.wrapper-center{ width: 75%; margin: 0 auto; text-align: center;}

#pad{padding: 25px 0;}
#l-pad{padding: 60px 0;}

#pageimage{width: 100%; display: block; margin-bottom: 25px;}

.fa-plus{font-size: 13px !important; margin-right: 10px;}

/*--titles--*/
.title-container{display:flex; flex-direction:row; align-items: center; width:100%; margin: 0 auto 20px auto;}
.title-left{width: 65%; justify-content: flex-start; border-top: 4px solid #000}
.title-right{width: 35%; justify-content: flex-start; text-align: right}

.title-left.red{ border-top: 4px solid #dd0905}
.title-right.red{color: #dd0905;}



/*--buttons--*/
#red-btn{background: #dd0905; color: #fff; padding: 10px 20px; display: inline-block; text-align: center; letter-spacing: 2px; font-weight: 700; font-size: 15px;}
#red-btn:hover{background: #000;}

#white-outline{background: none; color: #fff; border: 1px solid #fff;margin:4px; padding: 10px 20px; display: inline-block; text-align: center; letter-spacing: 2px; font-size: 15px; }
#white-outline:hover{background: #fff; color: #000;;}

#black-btn{background: #000; color: #fff; padding: 10px 20px; display: inline-block; text-align: center; letter-spacing: 2px; font-weight: 700; font-size: 15px;}
#black-btn:hover{background: #474747;}

/*--backgrounds--*/
.red-bg{background: #dd0905;}
.gray-bg{background: #f0f0f0;}
.black-bg{background: #000; color: #fff;}



/*---HOME PAGE-------------------------------*/
/*--slider--*/
.cycle-slideshow img{width:100%;}


.hero-bar {
	width: 100%;
	text-align:left;
	position:absolute;
	padding: 15px 0px;
	color:#000;
	z-index:999999;
	left:0px;
	bottom:0;
	font-size: 16px;
	font-weight:300;
	background-color: rgba(240,240,240, .8);
	-moz-opacity: 0.9;
	filter:alpha(opacity=9);
	display: inline-block;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;     
}

.cycle-prev {left: 25px; position: absolute; z-index: 9999; top: 12vw; color: #fff;}
.cycle-prev .fa, .cycle-next .fa{color: #fff; opacity: .7; font-size: 20px;}
.cycle-prev .fa:hover, .cycle-next .fa:hover{opacity: 1.0; transform: scale(1.12); transition: all 0.3s;}

.cycle-next {right: 25px; position: absolute; z-index: 9999; top: 12vw; color: #fff;}


/*---detailed search-------------------------------*/

.detailed-search-wrap {width: 100%; margin: 0 auto; padding: 20px 0; }

.detailed-form {
	margin: auto;
}

.column3 {
	width: 32%;
	display: inline-block;
	float: left;
	box-sizing: border-box;
	margin: 5px 5px 5px 0;
	color: #000 !important;
}

.detailed-search input[type='submit'] {
	font-size:15px;
	color:#fff;
	padding: 10px 0; 
	font-weight:700;
	background: #dd0905;
    width: 200px;
	margin-top: 15px;
	letter-spacing: 2px;
	font-family:  'Montserrat', sans-serif;
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	outline: none;
	border: none;
	-webkit-appearance: none;
}
.detailed-search input[type='submit']:hover{
	background:#000;
	color:#fff;
}
.detailed-search input[type='text'] {
	font-weight: 400; 
	font-family:  'Montserrat', sans-serif; 
	border: 1px solid #878787;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.detailed-search select {
	font-family:  'Montserrat', sans-serif;
	width: 100%;
	margin: 2px 0;
	padding: 0 8px;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9;
	border: 1px solid #878787;
	box-sizing: border-box;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #696969 !important;
}
.detailed-search-wrap main {
  width:100%;
  padding: 50px;
  margin: 0 auto;
}

.detailed-search-wrap section {
  display: none;
}


/*--categories--*/
.cat-clear{clear: both;}

#cat{background: #dd0905; color: #fff; display: inline-block; padding: 15px; width: 16%; text-align: center; margin: 5px;}
#cat .inner{border: 1px solid #fff; padding: 10px;}
#cat .inner p{font-weight: 300; font-size: 11px; letter-spacing: 1px; margin-bottom: 0}
#cat .inner h2{font-size: 14px; font-weight: 400; letter-spacing: 1.25px;}

#cat img{width: 130px;}

#cat:hover{transform: scale(1.01); transition: all 0.6s;}



/*--location area--*/
.location-title{display:flex; flex-direction:row; align-items: center; background: #000;}
.location-title .left{justify-content: flex-start; width: 70%; color: #fff; background: url(../siteart/red-arrow.png) no-repeat; background-size: cover; height: 90px;} 
.location-title .left .wrapper-inner{margin-top: 25px;}
.location-title .left h1 span{color: #000;}

.location-title .right{justify-content: flex-start; background: #000; width: 30%; text-align: center; padding: 15px 0;}



.location-area{display:flex; flex-direction:row; align-items: center; background: url(../siteart/location-bg.jpg); width: 100%; padding: 70px 0; text-align: center; margin: 0 auto; border-bottom: 5px solid #dd0905;}

.location-area .state{justify-content: flex-start; width: 22%; text-align: right;}

.location-area .boxes{justify-content: flex-start; width: 78%; text-align: center}
.loc{display: inline-block;background: #f5f5f5; border-radius: 6px; border: 2px solid #b1b1b1; width:  27%; margin: 3px}
.loc #red-btn{width: 100%; padding: 10px 0; margin: 3px 0;}
.loc .fa{color: #dd0905}

.careers-area {display:flex; flex-direction:row; width: 100%; padding: 70px 0; text-align: center; margin: 0 auto;}
.careers-area .boxes{display:flex; flex-flow:row wrap; justify-content:center; width: 100%; text-align: center}
.car {width:calc(30% - 10px); margin:5px 3px; background: #f5f5f5; border-radius: 6px; border: 2px solid #b1b1b1;}
.car #red-btn{width:calc(100% - 20px); padding:10px; margin: 3px 0;}
.car .fa{color: #dd0905}



/*--about feature--*/
.brands-bg{width: 100%; color: #fff; background: url(../siteart/brands-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
}
.brands-bg .title-left{ border-top: 4px solid #fff}

.brandbar{
	margin: 0 auto;
	text-align: center;
	padding:10px 0px;
	width:100%;
}
.manu-slider img{width:90%;  padding: 15px 0; text-align: center; background: rgba(255,255,255,.7);}
.manu-slider img:hover{background: #fff}


/*---SUB PAGES-----------------------------*/
/*--new eq--*/
.new-box{display: inline-block; margin: 10px; width:22%; vertical-align: top; border: 1px solid #000; text-align: center}
.new-box img{width:100%; max-width: 300px;  text-align: center; margin: 0 auto; padding: 30px 0;}
.new-box:hover{background: #f5f5f5}



/*--parts--*/
.partsimg{display: inline-block; width: 200px; margin: 5px;}
.partsimg img{width: 100%;}

/*--services--*/
.services .moreless{margin-left: 10px; font-weight: 700; color: #dd0905; text-decoration: underline; font-family: 'Montserrat', sans-serif !important;}



/*--gov't---*/
#manu{max-width: 200px; margin-right: 15px;}
#manu:hover{opacity: .8;}


/*---RENTALS---*/
.spec-table{width:100%;display:block;border:1px solid #000;margin:0 auto 40px auto;text-align:center;}
.table-title{width:100%;display:flex;flex-direction:row;padding:1%;text-align:center;background:#dd0905;color:#fff; box-sizing: border-box;}
.table-title h2,.table-title h4{text-align:center;padding:0;width:100%;}
.subtitle {padding:.75% 1%; background:#f6a119;color:#000;}
.subtitle h4{text-align:center;padding:0;width:100%; font-size:18px; line-height:1; color:#000;}
.spec-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;}
.rentlabels{background:#ccc;}
.rentlabels .rentfield p{font-weight:700;}
.rentfield{border:1px solid #000;background:rgba(255,255,255,.6); box-sizing: border-box;}
.rentfield p{width:100%;text-align:center;margin:0; padding:5px 0; }
#one{width:100%;display:flex;flex-direction:row;align-items:stretch;}
#two{width:50%;display:flex;flex-direction:row;align-items:stretch;}
#three{width:33.333%;display:flex;flex-direction:row;align-items:stretch;}
#four{width:25%;display:flex;flex-direction:row;align-items:stretch;}
#five{width:20%;display:flex;flex-direction:row;align-items:stretch;}
#six{width:16.67%;display:flex;flex-direction:row;align-items:stretch;}
#seven{width:14.286%;display:flex;flex-direction:row;align-items:stretch;}


/*---CONTACT--------------------------*/
.locations{display: flex; align-items: center; width: 95%; margin: 0 auto;}
.locations .left{justify-content: flex-start; width: 50%}
.locations .right{justify-content: flex-start; width: 50%}


 .tabs .tab ul {
	padding: 1em 0;
}


.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 95%;
margin:10px auto;
	padding: 20px 0 30px 0;
}

.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  display: block;
  padding: 1em;
  margin: 0 auto;
  width: 30.2%;
  cursor: pointer;
  background: #000; 
	border-bottom:5px solid transparent;
  color: #fff;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  font-weight: 700;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
}

.tabs label:hover {
  background: #dd0905;
  -webkit-transition: .4s ease-in;
  -moz-transition: .2s ease-in;
  -o-transition: .2s ease-in;
  transition: .2s ease-in;
}

.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 95%;
  display: none;
  padding:4em 0;
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  margin: 20px auto;
  background: #f1f1f1;
color: #000;
}


.tabs input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.tabs input[type="radio"]:checked + label {border-bottom:5px solid #000; background: #dd0905; color: #fff; box-shadow: 0px 2px 2px rgba(0,0,0,0.2);}

.tabs input[type="radio"]:checked + label + .tab { display: block; }




/*---FOOTER-------------------------------*/
.footer-col{display: inline-block; vertical-align: top; width:45%;}
.footer-col2{display: inline-block; vertical-align: top; width:30%; float: right;}
.footer-col .col-3{display: inline-block; vertical-align: top; width: 30%; margin-right: 15px;}

.footer-col ul li a, .footer-col2 ul li a{font-size: 14px; font-weight: 300; color: #fff;}
.footer-col ul li a:hover, .footer-col2 ul li a:hover{text-decoration: underline;}


.copyright{background: #212121; color: #eee; padding: 5px 0; font-weight: 300;  font-size: 11px; text-transform: uppercase; letter-spacing: 1px;}
.copyright p.left{display: inline-block; float: left;}
.copyright p.right{display: inline-block; float: right;}



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

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

.loc{min-height: 450px; vertical-align: top}
}

@media screen and (max-width:1450px){
	.cat-clear{display: none}
	#cat{width: 22%}
	
	
	.head-row  .location-title .left h3{width: auto; margin: 0 40px; font-size: 17px; padding-top: 12px}

}

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

/*--location area--*/
.location-area .state{display: none}
.location-area .boxes{justify-content: flex-start; width: 100%; text-align: center}
.loc{min-height: 420px; width: 30%}

	
/*--contact page --*/
.tabs label{width: 28%;}
	
}

@media screen and (max-width:1200px){
.header .right{width: 75%}	

	h1{font-size: 28px;}	
	
	
	#cat{width: 28%}
	

.wrapper-inner, .wrapper-center{width: 90%;}		
}

@media screen and (max-width:1100px){
/*--- HEADER STYLES --------------------------*/
.header{display: none;}
	
.mobile-header{display: flex; align-items: center; background: #000}
	.mobile-header .logo{justify-content: flex-start; width: 30%;}
	.mobile-header .logo img{width: 100%;}
	.mobile-header .head-locations{justify-content: flex-start; width: 70%; color: #fff}
	.mobile-header .head-locations h4{display: inline-block; margin: 0 10px}
	.mobile-header .head-locations h2{display: block}
	.mobile-header a{color: #fff !important}
	
	
/*--footer--*/
.footer-col .col-3{display: block; vertical-align: top; width: 100%; margin-right: 0;}


}


@media screen and (max-width:900px){
	
#l-pad{padding: 40px 0;}
	

	#cat{width: 40%}	
	
	
/*--location area--*/
.location-title{display:block;}
.location-title .left{justify-content: flex-end; width: 100%;  background: #dd0905; height: auto; text-align: center; padding: 15px 0;} 
.location-title .left .wrapper-inner{margin-top: 0;}

.location-title .right{display: none;}


.location-area{display:flex; flex-direction:row; align-items: center; background: url(../siteart/location-bg.jpg); width: 100%; padding: 70px 0; text-align: center; margin: 0 auto; border-bottom: 5px solid #dd0905;}

.location-area .state{justify-content: flex-end; display: none;}

.location-area .boxes{justify-content: flex-end; width: 100%;}
.loc{display: block; width:  80%; margin: 10px auto;}

/*--careers--*/	
.car {width:calc(100% - 10px);}

	
/*--search--*/
.hero-bar {position: relative; background-color: rgba(240,240,240, .4);}
.hero-bar h1{font-size: 25px; text-align: center}
.column3 {width: 100%;}


/*--contact page --*/
.tabs label{width: 100%; margin: 5px 0}	
.locations{display: block; align-items: center; width: 95%; margin: 0 auto;}
.locations .left{justify-content: flex-end; width: 100%}
.locations .right{justify-content: flex-end; width: 100%}
	
	
/*--titles--*/
.title-left{width: 55%; }
.title-right{width: 40%; }
}


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

.mobile-header{display: block; align-items: center; background: #000}
	.mobile-header .logo{justify-content: flex-end; width: 100%; text-align: center}
	.mobile-header .logo img{width: 100%; max-width: 300px; margin: 0 auto; text-align: center;}
	.mobile-header .head-locations{justify-content: flex-end; width: 100%; padding: 20px 0;}
	.mobile-header .head-locations h4{display: inline-block; margin: 0 10px}
	.mobile-header .head-locations h2{display: block}
	
	
}

@media screen and (max-width:550px){
	
	.brandbar{width: 90%; margin: 0 auto}	
	
/*--titles--*/
.title-container{display: block;}
.title-left{display: block; width:150px; justify-content: flex-end; margin-bottom: 15px;}
.title-right{width: 100%; text-align: left; display: block; justify-content: flex-end}


	#cat{width: 100%; margin: 8px auto; padding: 10px 0;}
	#cat .inner{padding: 10px 0; border: none;}
	
.footer-col{display: block; width:100%; text-align: center}
.footer-col2{display: block; width:100%; margin-top: 30px; text-align: center}

.copyright p.left{display: block; float: none; text-align: center}
.copyright p.right{display: block; float: none; text-align: center}

	
}

@media screen and (max-width:320px){
	.mobile-header .head-locations h4{display:none}
}