@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}





/* BLOG
------------------------------------------------*/
.blogpost > .listcol { column-count: 1;     font-family: Sans-Serif;}
.blogpost > .listcol > li {margin-bottom: 15px;}



.boldspot {font-weight: 700;}

.blogbox {
	width:30%;
	display: inline-block;
	vertical-align: top;
	margin:10px;
	transition: ease .3s;
    min-height: 320px;
    background: #3a445d;
}


.blogbox > a > .blogdate {font-size: 13px;}


.blogbox > a > h2{
	text-align: center;
	background:#3a445d;
	
	display: block;
	padding:15px;
	width:calc(100% - 30px);
	color:white;
	text-transform: uppercase;
	font-size:18px;
	transition:ease .3s;
}


.blogbox > a > .blogimg {
    background-size: cover; background-position: center; background-repeat: no-repeat;
    height: 200px; border-bottom:3px solid #C10001;
}




@media only screen and (max-width: 1200px) { 
    
.blogbox {
	width:50%;
    }

}


@media only screen and (max-width: 750px) { 
    
.blogbox {
	width:100%; display: block; margin: 0px 0px 25px 0px;
    }

}




	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {margin:0; font-size:100%; color:#333333; background:#fff; -webkit-text-size-adjust: none; font-family: 'Oswald', sans-serif !important;}

/* SELECTION */	
::selection {color:#fff; background:#C10001;}
::-moz-selection {color:#fff; background:#C10001;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {margin-bottom:10px; font-weight: normal; color: #444; font-family:'Oswald', sans-serif;}
h1 {font-size: 36px; line-height: 45px; margin: 0 0 25px 0; padding-bottom: 5px; border-bottom: 1px solid #e5e5e5;}
h2 { font-size: 28px; line-height: 35px; margin-bottom: 15px; }
h3 { font-size: 20px; line-height: 30px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 2px;}
h4 { font-size: 18px; line-height: 25px; margin-bottom: 5px; }
h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; }

/* PARAGRAPH/LIST/GENERAL TEXT */

/* LINKS */
a{-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;}
a:link, a:visited {color:#202020; -webkit-tap-highlight-color: #b80000; text-decoration:none; }
a:hover, a:active {color:#f30601; text-decoration:none;}

a[href^="tel:"] {color:inherit;  text-decoration: none;}

/* IMAGES */
img {display:block;}

/* TEXT EMPHASIS */
em {font-style:italic;}
strong {font-weight: 700;}

/* TEXT STYLINGS */
.dark {color:#131313;}
.gray {color:#4F4F4F;}
.heavy {font-weight:800;}

/* ALIGNMENT */
.left {float:left;}
.right {float:right;}
.center {text-align:center;}









/* PARAGRAGHS */
.typography  p { font-size: 16px; line-height: 20px; margin: 0 0 20px; font-family:Sans-Serif;}
  .typography .intro {
      font-family: 'Oswald', sans-serif;
      font-size: 22px;
      line-height: 32px;
      margin-bottom: 20px;
  }



/* LINKS */
.typography a, 
.typography a.intro {
    color: #C10001;
    text-decoration: none;
}
  .typography a:hover { 
    color: #C10001;
  }


/* LIST STYLES
-------------------------------------------- */
.typography ul, 
.typography ol,
.typography dl { margin: 0 0 20px 25px; }
.typography ul li { list-style-type: disc; font-size:16px;}
  .typography li { margin-bottom: 5px; }


/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse;
    border: 1px solid #d4d4d4;
    border-spacing: 0;
    margin: 0 0 10px;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }




/* BLOCKQUOTES
-------------------------------------------- */
/*.typography blockquote {
  background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
  font-family: 'Oswald', sans-serif;
  color: #777;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both;
}
.typography blockquote p {
  font-size: 17px;
  line-height: 25px;
}
.typography pre {
  background: #F7F7F7;
  border: 1px solid #E4E4E4;
  font-family: 'Oswald', sans-serif;
  margin: 0 0 20px 0;
  padding: 15px;
  clear: both;
}*/

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}


.listcol {column-count: 3;}



#Breadcrumbs{text-align:left; padding:10px 0px;}

hr {border:1px dotted #eaeaea;}

.left-align{text-align:left;}

.center{text-align:center;}

.bold{font-weight:700;}

.break{
	background:#eaeaea;
	height:50px;
}


.wrapped{
	padding:30px;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}

.sub-wrapped{
	padding:100px 30px;
	max-width:1300px;
	margin: 0 auto;
	position:relative;
}

.no-pad-wrapped{
	padding:0;
	max-width:1400px;
	margin:0 auto;
	position:relative;
}


.inv-wrapped{
	padding:30px;
	width:100%;
	margin:0 auto;
	position:relative;
}

.wrapped h1 {
  font-size: 28px; 
  line-height: 45px; 
  margin: 0 0 25px 0;
  padding: 5px;
  text-transform:uppercase;
  font-family:'Oswald', Sans-serif;
}

.sub-wrapped h1 {
  font-size: 28px; 
  line-height: 45px; 
  margin: 0 0 25px 0;
  padding: 5px;
  text-transform:uppercase;
  font-family:'Oswald', Sans-serif;
}























/* HEADER
------------------------------------------------*/	
.site-header{position: relative; width:100%; padding:20px 0 30px 0;  text-align: right; background:#14153A;}

/* HEADER PHONE
------------------------------------------------*/	
.header-phone{display:inline-block; color: #fff; text-align: left; font-size: 22px;}
.header-phone a[href^="tel:"]{color:#fff !important;}
.header-phone a[href^="tel:"]:hover{color:#c10001}

/*  CASE LOGO
------------------------------------------------*/	
.case-logo{display: inline-block; margin:0 auto; padding:0 45px 20px 45px; text-align:right;}
.case-logo img{display: inline; width:200px;}

/*  TOP NAVIGATION
------------------------------------------------*/	
.top-nav {display:inline-block; vertical-align:middle; margin:0 auto; padding:0 45px; text-align:right; border-bottom:4px solid #c10001;}
.top-nav li {display:inline; vertical-align:middle; margin:0 auto; padding:10px 20px;}

.top-nav li a{ 
	text-transform:uppercase;
	color:#fff;
	font-size:16px;
	font-weight:400;
	transition:ease-in .2s;
	padding:0 5px;
	text-decoration: none;
}

.top-nav li a:hover{padding: 5px; color:#C10001; transition:ease-out .2s;}

/* LOGO
------------------------------------------------*/	
.logo{position:absolute; z-index:9; top:125px; left:40px; vertical-align:middle; width:30%; margin:0 auto; padding-bottom:20px;}
.logo img {display:block; width:280px; transition:ease-in .3s;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {position:relative; display:block; width:100%; margin:0; padding:0; background: #3a445d;}
nav.primary ul {margin:0; padding:0;}
nav.primary ul li {display:inline-block; width:auto; margin:0; padding:0; list-style-type:none;}

nav.primary ul li a {
	display:inline-block; margin:0; padding:0 15px;
    font-size:1em; line-height:60px; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:700; color:#fff;
	-webkit-transition:.2s ease-in; -moz-transition:.2s ease-in; -o-transition:.2s ease-in; transition:.2s ease-in;	
}	

nav.primary ul li a:hover {color:#fff; background:#2f374c;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 280px; padding:10px 15px; font-size:1em; line-height:25px; text-indent:20px; text-align:left; color:#fff; border-right:none; border-left:none; border-bottom: #2f374c solid 1px; background: #3a445d;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#2f374c;}

/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute;} 
nav.primary ul ul ul {position: absolute; left: 100%; top:0;}
nav.primary ul li:hover > ul {display: block; line-height:18px; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; display: block; width: 230px; margin:0;}

/*  MAIN PICTURE
------------------------------------------------*/	
.mainpicture {width:100%;max-width:50%;float:left;display:block;height:auto;text-align:center;}
.mainpicture img {max-width:100%;height:auto;display:inline-block;}

a.showroom-btn{
	text-align:center;
	padding:10px 10px;margin:1%;
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;display:inline-block;
	background-color:#C10001;
	border:1px solid #333;
	max-width:40%;
	width:100%;}

a.showroom-btn:hover{color:#fff; background:#444; transition:ease .3s;}









/*  CALLOUT SECTION
------------------------------------------------*/	
.callout-section{
	width:100%;
	display: inline-block;
	margin:200px 0 0 0;
	background:#C10001;
	position: relative;
	height:580px;
	text-align: center;
}

.callouts{position: absolute; top:-35%; right:3%; left:3%;}

.callout-third{
	width:30%;
	margin:20px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	height:670px;
}

.callout-third img{display:block; width:100%; box-shadow:1px 1px 3px #000;}

.callout-third h3{
	color:#fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size:22px;
	text-align: center;
	margin-top:20px;
}

.callout-third p{
	text-align: center;
	font-size:16px;
	line-height: 30px;
	margin-top:20px;
	color:#fff;
	font-family:sans-serif;
	padding:0 20px;
}
.callout-third a {text-decoration:underline; color:#fff;}

.callout-btn{
	position: absolute;
	bottom:0;
	left:3%;
	right:3%;
	text-align: center;
	padding:10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color:#fff;
	border:1px solid #fff;
	margin-top:20px;
	width:60%;
	margin:0 auto;
	transition:ease .3s;
}

.callout-btn:hover{color:#C10001; background:#fff; transition:ease .3s;}

a.callout-btn {text-decoration:none; color:#fff;}
a.callout-btn:hover{color:#C10001;}


	
/*  MANUFACTURER SLIDER
------------------------------------------------*/	
.manu-slider{width:100%; background:#fff;}
.brandbar{width:90%; margin:0 auto; padding:40px 20px; text-align: center; background:#fff;}
.manulogo{vertical-align:middle;}
.manulogo img{width:200px; margin:0 auto; text-align: center;}















/* EQUIPMENT LANDING PAGES */

.inv-landing{
	width:100%;
	display: inline-block;
	margin: 0 auto;;
	text-align: center;
	padding:30px 0;
}

.inv-cat{
	width:23%;
	display: inline-block;
	vertical-align: top;
	margin:10px;
	transition: ease .3s;
}

.inv-cat img{
	width:100%;
	display: block;
    filter: grayscale(100%);
	transition:ease .3s;	
}

.inv-cat h3{
	text-align: center;
	background:#eee;
	border-top:3px solid #C10001;
	display: block;
	padding:15px;
	width:calc(100% - 30px);
	color:#C10001;
	text-transform: uppercase;
	font-size:18px;
	transition:ease .3s;
}

.inv-cat:hover h3{background:#C10001; color:#fff; transition: ease-in .3s;}
.inv-cat:hover img{filter: grayscale(0); transition:ease .3s;}
.inv-cat:hover{box-shadow:2px 2px 6px rgba(26,26,26,0.70); transition: ease .4s;}



.rates-btn{
	display: inline-block;
	padding:10px 30px;
	text-align: center;
	margin:0 auto;
	background:#C10001;
	color:#fff !important;
	text-transform: uppercase;
	font-size: 20px;
	border:2px solid #C10001;
	transition:ease .3s;
}

.rates-btn:hover{
	background:#fff;
	color:#C10001 !important;
	transition: ease .3s;
}

/* Spec Table Styles */

.spec-table{
	width:100%;
	display:block;
	*display:inline-block;
	border:1px solid #C10001;
	margin:0 auto;
	text-align:center;
}

.table-title{
	width:calc(100% - 20px);
	display:flex;
	flex-direction:row;
	padding:10px;
	text-align:center;
	background:#C10001;
	color:#fff;
}

.table-title h4{
	color:#fff;
	font-size:20px;
	text-align: center;
	text-transform:uppercase;
	margin: 0 auto;
}

.spec-row{
	display:flex;
	flex-direction:row;
	justify-content:flex-start;
	align-items:stretch;
}

.sc{
	display:flex;
	flex-direction:row;
	align-items:stretch;
	width:35%;
	border:1px solid #C10001;
	text-align: center;
}

.four .sc{width:25%;}

.three .sc{width:34%;}

.sc p {padding:10px 0; margin: 0 auto;}
.sc a{color:#000; text-align: center; width:100%;}


.st{background:#eee; font-weight:bold; font-size:18px; color:#333;}
.si{font-size:16px; color:#333;}


.rental-info{
	margin-top:50px;
	font-size:18px;
}

.rental-info-btn{
	border:1px solid #C10001;
	padding:20px;
	width:220px;
	color:#C10001;
	display:inline-block;
	margin:20px 20px 20px 0;
	vertical-align:middle;
	transition:ease-in .3s;
}

.rental-info-btn p{color:#C10001;padding:5px 0; font-size:16px; transition:ease-in .3s;}

.rental-info-btn:hover{background:#C10001; color:#fff; transition:ease-out .3s;}

.rental-info-btn:hover p{color:#fff; transition:ease-out .3s;}

.rental-request-btn{
	display: inline-block;
	width:20%;
	font-size:18px;
	padding:10px;
	margin-top:30px;
	border:1px solid #C10001;
	color:#C10001;
	text-transform: uppercase;
	text-decoration: none;
	transition:ease .3s;
}

.rental-request-btn:hover{
	color:#fff;
	background:#C10001;
	transition: ease .3s;
}


/* SUB PAGES */

.body-callout-btn{
	display: inline-block;
	font-size:16px;
	width:30%;
	text-align: center;
	padding:10px 20px;
	text-transform: uppercase;
	text-decoration: none;
	color:#C10001;
	border:1px solid #C10001;
	margin:10px 0 20px 0;
	transition:ease .3s;
	font-family: 'Oswald', Sans-serif;
}

.body-callout-btn:hover{
	background:#C10001;
	color:#fff !important;
	transition: ease .3s;
}

.contact-top{
	width:100%;
	display: inline-block;
	padding:30px 0;
	text-align: center;
	margin:0 0 60px 0;;
}

.contact-left{
	width:30%;
	display: inline-block;
	margin:0 auto;
	vertical-align: middle;
	text-align: left;
}

.contact-left p a{color:#000; text-decoration: none;}
.contact-left p a:hover{color:#C10001; text-decoration: none;}

.contact-right{
	width:calc(69% - 40px);
	display: inline-block;
	vertical-align: middle;
	padding:0 20px;
	border-left: 4px solid #C10001;
	margin:0 auto;
}

/* PRODUCT LINES PAGES
-------------------------------------*/
.manu-landing{width:100%; padding:60px 0;}

.manu-landing h2{
	width:100%;
	display: block;
	padding:15px;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	font-size:22px;
	
}
.manu-landing-content{
	width:100%;
	text-align: center;
	margin:0 auto;
	display: inline-block;
}

.manu-landing-logo{
	width:20%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin:10px;
	padding:20px;
	border:1px solid #eee;
}

.manu-landing-logo img{
	width:100%;
	display: block;
	opacity:.6;
	transition:ease .3s;
}

.manu-landing-logo:hover img{
	opacity:1;
	transition: ease .3s;
}










/* SITE FORM
------------------------------------------------*/
.site-form {margin:0 auto; padding:0 0 4.5% 0;}
.site-form form {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;  margin:0 auto;}
.site-form h2 {width:100%; margin:0; font-size:1.75em; font-weight:700;}
.site-form h5 {text-transform: uppercase;}
.site-form h6 {width:100%; margin:12px 0 4px 6px; font-size:1.25em; font-weight:400; text-transform:uppercase;}

.site-form .fullField {width:99% !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.site-form .note {width:100%; font-size:12px; font-style:italic; color:#737373; text-align:center; margin:8px 0 0 0;}

.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {
	box-sizing: border-box; width:32.3%; margin:6px .5% 9px .5%; padding:12px 0;
    font-size:14px; text-indent:12px; color:#000; background-color: #eee; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form input[type="text"]:focus, .site-form input[type="email"]:focus, .site-form input[type="number"]:focus, .site-form input[type="time"]:focus, .site-form input[type="date"]:focus, .site-form select:focus {background-color:#f9f9f9;}

.site-form textarea {
	box-sizing: border-box; width:calc(100% - 16px); height:150px; margin:2px 0; padding:4px 8px; font-size: 15px;  background-color: #eee; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .check-field {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .check-field .checkbox {margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}

.site-form input[type="submit"] {
	margin:10px 0 0 0; padding:0 35px; height:56px; font-size: 16px; text-transform:uppercase; color:#fff; border: none; background:#14153A;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	font-family: 'robotomedium', sans-serif;
}

.site-form input[type="submit"]:hover {color:#fff; background:#3a445d; letter-spacing:.5px; transform:scale(1.01,1.01); cursor:pointer; -webkit-appearance: none;}

/* FORM CAPTCHA
------------------------------------------------*/	
.CaptchaPanel {width:100%; margin:12px auto 0 auto !important; padding:10px 0 !important;}
.CaptchaImagePanel {padding:5px 0 10px 0 !important;}
.CaptchaMessagePanel {font-weight:100;}

img.CaptchaImage {margin:0 auto;}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; background-color: #eee;}
















/*  CONTACT FOOTER
------------------------------------------------*/
.contact-footer{
	background:#111 url("../siteart/contact_bg.jpg") no-repeat;
	background-size:cover;
	background-position: center;
	padding:100px 0;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	width:100%;
}

.home-contact-left{
	width:71%;
	display: inline-block;
	height:300px;
	background:#fff;
	margin-right:20px;
	text-align: left;
}

.home-contact-info{
	display: inline-block;
	width:calc(30% - 60px);
	margin:0;
	text-align: left;
	padding:30px;
	color:#000;
	vertical-align: top;
}

.home-contact-info h3{
	text-transform: uppercase;
	font-weight:bold;
	font-size:20px;
	padding:0 0 15px 0;
	color:#000;
}

.home-contact-info p{
	padding:5px 0;
	font-size:14px;
	color:#000;
	text-align: left;
	font-family:sans-serif;
}

.home-contact-info a{color:#000; text-decoration: none;}
.home-contact-info a:hover{color:#C10001;text-decoration: none;}

.home-contact-map{
	width:69%;
	display: inline-block;
	vertical-align: top;
	margin:0;
}

.home-contact-right{
	display: inline-block;
	width:calc(25% - 80px);
	vertical-align: top;
	border:1px solid #fff;
	text-align: center;
	padding:60px 40px;
	height:calc(300px - 120px);
	margin:0 0 0 20px;
}

.home-contact-right h4{
	text-transform: uppercase;
	font-weight:bold;
	text-align: center;
	font-size:20px;
	padding-bottom:40px;
	color:#fff;
}

.home-contact-right .col-half{
	width:49%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	color:#fff;
	padding:5px 0;
}

.home-contact-right .col-half:nth-child(odd){text-align: right;}

.home-contact-right .col-half p{font-size:16px;}



/*  FOOTER
------------------------------------------------*/
.site-footer{padding:20px 5%; color:#fff; background:#05143B;}

.site-footer .col-half{display:inline-block; vertical-align:middle; width:49%; padding:5px 0; font-size:20px; text-align:left; color:#fff;}
.site-footer .col-half:nth-child(even){text-align: right;}
.site-footer .col-half p a{text-decoration:none; color:#fff;}
.site-footer .col-half p a:hover{color:#C10001;}
.site-footer .col-half i {display: inline-block; vertical-align: middle; font-size:35px; margin-right: 10px;}

.foot-logos{display: inline-block; vertical-align: middle; width:100px; margin:0 auto; padding:0 10px;}

.copyright {padding:10px 0; text-align:center; color:#fff; background:#3A445D;}
.copyright a{color:#fff;}










/************************************************ Responsive Styles **/

@media only screen and (max-width: 1430px) {
	.callout-third{margin:10px;}
	.callouts{left:1%; right:1%;}
}

@media screen and (max-width: 1370px)  {
	nav.primary ul li a{font-size:14px;}
}

@media only screen and (max-width: 1270px) {
	.logo{top:135px;}
	.logo img{width:240px;}
}

@media only screen and (max-width: 1230px) {
	.home-contact-right{padding:60px 20px;}
	.home-contact-info p{font-size: 14px;}
}

@media only screen and (max-width: 1200px) {
	header{padding:25px 0;}
	.logo{position: relative; top:0; left:0; width:100%; text-align: center; margin: 0 auto; display: block;vertical-align: middle; padding:0 0 20px 0;}
	.logo img{text-align: center; margin: 0 auto; display: inline-block;}
	.header-phone{text-align: center; float: none; margin: 0 auto; display: block}
	.case-logo{ padding:20px 0; vertical-align: middle; display: block; text-align: center; margin: 0 auto}
	
	.top-nav{display: none;}
	


	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; width:100%;  font-size:24px; line-height:50px;  z-index:400; background: #3a445d;}
	#menu-button a{padding:0 .8em 0 .8em;text-decoration: none;font-weight:normal; color:#fff;}
	
	nav.mobile ul li a .fa{
		width:25px;
		font-weight:100;
		padding:8px 3px;
		margin:0 0 0 5px;
		text-align:center;
		background:#292929;
		-webkit-border-radius: 30px;
		-moz-border-radius: 30px;
		border-radius: 30px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	
	nav.mobile ul li .fa-chevron-down {position:absolute; right:10px; margin:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		background:#333;
	}
	
	/* MENU HEADER SOCIAL MEDIA */
	nav.mobile .social-media {
		position: absolute;
		text-decoration: none;
		vertical-align: top;
		z-index:9999;
		display: inline-block;
		
		top: 15px;
		left: 15px;
		font-size:16px;
		word-spacing:13px;
		color: #ccc !important;
	}
	
	nav.mobile .social-media a:link, nav.mobile .social-media a:visited {color:#ccc; text-decoration:none;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:#fff; text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile h3 {	
		color: #ccc;
		padding: 23px 0;
		position: relative;
		font-size: 18px;
		background:#313131;
	}			
	nav.mobile .menu-title {position: absolute; vertical-align: top; top: 16px; right: 47px; text-transform:uppercase; font-size:12px; color: #ccc;}
		
	/* MENU CLOSE 'X' BUTTON */
	nav.mobile .menu-toggle {position: absolute; top: 8px; right: 10px; padding: 6px 9px 5px; display: inline-block; font-weight: 700; font-size: 18px; line-height: 1; color: #ccc; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #fff;}
	
	/* MENU LIST STYLE */
	nav.mobile ul {list-style: none; font-weight: 300; margin:0; padding:0;}
	nav.mobile ul li {color: #999; font-size:15px; border-bottom: 1px solid #303030;}
	
	/* FIRST LEVEL */
	nav.mobile ul li a {
		color: #999;
		position: relative;
		display: block;
		font-size:15px;
		text-align:left;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	}
	nav.mobile ul li a:hover {background:rgba(45,45,45,0.5); color: #fff; border-left:4px #C8102E solid;}
	
	/* SECOND LEVEL */
	nav.mobile ul li li:last-child {border:none;}
	nav.mobile ul li li a {color: #ccc; background: #444; border-left:4px #444 solid; padding: 15px 10px 15px 15px;}
	nav.mobile ul li li a:hover {background:rgba(65,65,65,0.5);}
	
	/* THIRD LEVEL */
	nav.mobile ul li li li:last-child {border:none;}
	nav.mobile ul li li li a {color: #ccc; background: #555; border-left:4px #555 solid;}
	nav.mobile ul li li li a:hover {background:rgba(85,85,85,0.5);}
	
	.nav-footer {color:#777; position:relative; text-align:center; font-size:16px; line-height:16px; padding:15px 0;}
	
	
	
	.home-contact-left{margin-right:10px;}
	.home-contact-right{margin-left:10px; width:calc(24% - 80px);}
	.home-contact-info{padding:30px 20px;}
}


@media only screen and (max-width: 1070px) {
	.contact-footer{padding:50px 0;}
	.home-contact-left{width:100%; margin-right:0;}
	.home-contact-right{width:calc(100% - 40px); margin-left:0; margin-top:10px; height:auto; padding:40px 20px;}
	
	.inv-cat{width:29%;}
}

@media only screen and (max-width: 900px) {
	.callout-section{height:auto; margin:0;}
	.callouts{position: relative; left:0; right:0;}
	.callout-third{width:100%; height:auto; padding:30px 0;}
	.callout-third img{width:40%; display: inline;}
	.callout-btn{position: relative; display: block; margin-top:20px; left:0; right:0;}
	.home-contact-right .col-half{text-align: center;}
	.home-contact-right .col-half:nth-child(odd){text-align: center;}
	
	.sub-wrapped{padding:60px 20px;}
	.manu-landing-logo{width:30%;}
}



@media only screen and (max-width: 800px) {
	 h1{font-size:28px;}
	
	.site-form input[type="text"], .site-form input[type="email"], .site-form input[type="number"], .site-form input[type="time"], .site-form input[type="date"], .site-form select {width:100%;}
	
	.home-contact-left{height:auto;}
	.home-contact-info{box-sizing: border-box;width:100%; height:auto;}
	.home-contact-map{width:100%;}
	
	.inv-cat{width:45%;}
	
	.manu-landing{padding:20px 0;}
	.manu-landing-logo{width:45%;}
	
	.contact-left{width:100%;}
	.contact-right{width:calc(100% - 40px); border-left:none; border-top:4px solid #C10001; padding:20px;}
}

@media only screen and (max-width: 700px) {
	.listcol {column-count:auto;}
	
	.top-nav{width:100%; text-align: center;}
	.contact-top{margin:0 0 20px 0;}
}

@media only screen and (max-width: 600px) {
	.logo img{width: 100%; max-width: 300px;}
	.case-logo img{width:100%; max-width: 200px; display: block; margin: 0 auto; text-align: center;}
	
	.callout-third img{width:60%;}
	
	.wrapped h1{font-size:24px; margin:0;}
	
	.inv-cat{width:100%;}
	
	.si{font-size:14px;}
	.rental-info-btn{width:44%;}
	
	.body-callout-btn{width:45%;}
	
	.mainpicture {max-width:100%;float:none;}
	a.showroom-btn{max-width:80%;margin:1% 0;}
	
	.footer .col-half{width:100%; text-align: center;}
	.footer .col-half:nth-child(even){text-align: center;}
}

@media only screen and (max-width: 500px) {
	.rental-info-btn{width:100%; height:auto;}		
	.manu-landing-logo{box-sizing: border-box; width:40%; padding:10px;}
}

@media only screen and (max-width: 450px) {
	.top-nav li{width:30%;}
}