﻿@charset "UTF-8";


/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	

/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {position:relative; font-size:100%; font-family: mr-eaves-modern,sans-serif !important; background:#fff; }

/* SELECTION */	
::selection {color:#3D3D3D; background: #fbb315;}
::-moz-selection {color:#3D3D3D; background: #fbb315;}


/* CLEAR */
.clear {clear: both;}

/* HEADERS */
/*Remove or simplify font-weight and font-height */
h1, h2, h3, h4 ,h5 ,h6 {line-height: normal;}
h1 {font-size:26px; font-weight:normal;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:20px; font-weight:normal;}
h4 {font-size:18px; font-weight:normal;}
h5 {font-size:16px; font-weight:normal;}
h6 {font-size:14px; font-weight:normal;}


/* 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:#fbb315; text-decoration:none;}
a:hover, a:active {color:#454545; 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;}







/*

font-family: mr-eaves-modern,sans-serif;

font-family: highgate, sans-serif;

font-family: egizio-urw, serif;

*/




#topButton {
	cursor: pointer;display: none; z-index: 99; position: fixed; right: 20px; bottom: 20px; padding: 15px; font-size: 16px;
	color:#454545; border: none; outline: none; background-color:#fbb315; font-family: mr-eaves-modern,sans-serif !important;
}
#topButton:hover {color:#fff; background:#51514d;}






a.linkButtonBox {padding:12px 25px; font-size:1.15em; line-height:2.2; font-weight:300; color:#fff; background:#3b3b3b; }
a.yellowButtonBox {font-weight:500; color:#454545; background:#fbb315;}
a.smallButtonBox {font-size:1em; line-height:1.75; font-weight:500;}


/* HEADER CONTACT
------------------------------------------------*/
.headerContactBar {padding:18px 5% 15px 5%; font-size:1.175em; font-weight:300; text-align:right; color:#d6d6d6; background:#1d1d1d;}
.headerContactBar a {padding:0 8px; color:#d6d6d6;}

a.socialMediaLink {color:#edae17;}

/* HEADER
------------------------------------------------*/
.site-header {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:12px 5%;}	
	

/* LOGO
------------------------------------------------*/	
.logo {margin:0;}	
.logo img {width:100%; max-width:326px;}	

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; /*justify-content:flex-end;*/ margin:28px 0 0 0; padding:0;}
nav.primary ul li {position:relative; margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0 16px; padding:8px 0;
    font-size:1.5em; line-height:1; font-weight:300;  text-align:center; text-decoration:none; color:#696969;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a::before,
nav.primary ul li a::after {
    position: absolute;
    width: 60%;
    height: 2px;
    background:#edae17;
    top: 100%;
    left: 20%;
    pointer-events: none;
}

nav.primary ul li a::before {opacity:0; top: 100%; height:6px;}
nav.primary ul li a:hover::before {content:''; opacity: 1; animation: lineUp 0.3s ease forwards;}

@keyframes lineUp {
    0% {transform-origin: 50% 100%; transform: scale3d(1, 0.045, 1);}
    50% {transform-origin: 50% 100%;transform: scale3d(1, 1, 1);}
    51% {transform-origin: 50% 0%;transform: scale3d(1, 1, 1);}
    100% {transform-origin: 50% 0%;transform: scale3d(1, 0.045, 1);}
}

nav.primary ul li a::after {content: ''; opacity: 0; transition: opacity 0.3s; transition-delay: 0s;}
nav.primary ul li a:hover::after {opacity:1; transition-delay: 0.3s;}

nav.primary ul li a:hover {color:#b4b4b4;}



/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 250px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 250px; padding:15px 0; font-size:.94em; line-height:18px; text-indent:20px; text-align:left; color:#fff; border:0; background: #181818;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {line-height:18px; color:#fff; background:#058fce;}

/*  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; margin:0;}




/*  QUICK SELECT BANNER
------------------------------------------------*/	
.quickSelectionBanner {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:30px 5%; color:#3b3b3b; background:#fbb315;}

.quickSelectDetails {width: 390px;}
.quickSelectDetails p {font-size:1.375em; font-weight:300;}

.quickSelectTitle {font-size:2em; font-weight:800; text-transform:uppercase;}

/*  QUICK SELECT CATEGORIES
------------------------------------------------*/
.quickSelectLinks {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:calc(95% - 390px);}

.quickSelectCategory {position:relative; margin:5px; text-align:center;}
.quickSelectCategory a {font-size:1.1875em; font-weight:900; text-transform:uppercase; color:#202020;}
.quickSelectCategory a:hover {color:#3b3b3b;}


.quickSelectOverlay {
	position:absolute; z-index:3; width:205px; margin:auto; text-align:center; transform: translateY(-50%); top: 50%;
	
}
.quickSelectOverlayimg {width: 100%; margin:0 0 6px 0; -webkit-transition:.5s ease; -moz-transition:.5s ease; -o-transition:.5s ease; transition:.5s ease;	max-width: 205px !important;}
.quickSelectOverlay:hover > a > .quickSelectOverlayimg {opacity:.65;}
.hexbkg{
	position:relative; z-index:1; top:0; width:205px; height:230px; background:#f2d699;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

/*  HERO
------------------------------------------------*/	
.hero {position:relative; height:505px; background:url("/siteart/2.JPG") no-repeat center center; background-size:cover;}
.hero-title {position:absolute; bottom:-1vw; right:5%; left:5%; font-size:5.75vw; line-height:1; font-weight:950; letter-spacing:-3px; text-align:right; text-transform:uppercase; color:#fff; font-family: highgate, sans-serif;}

.subHero {overflow:hidden; height:350px;}
.subHero .hero-title {text-align:left;}

.rentHero {height:250px;}
.rentHero .hero-title {bottom:-1vw; font-size:5.15vw;}
.rentMain {background:url("/siteart/equipment-hero.jpg") no-repeat center center; background-size:cover;}
.rentSkids {background:url("/siteart/skid-loaders-hero.jpg") no-repeat center center; background-size:cover;}
.rentAttach {background:url("/siteart/attach-hero.jpg") no-repeat center center; background-size:cover;}
.rentExcavators {background:url("/siteart/excavator-hero.jpg") no-repeat center center; background-size:cover;}
.rentLifts {background:url("/siteart/lift-hero.jpg") no-repeat center center; background-size:cover;}

.financeHero {background:url("/siteart/finance-hero.jpg") no-repeat center center; background-size:cover;}
.deliveryHero {background:url("/siteart/12.jpg") no-repeat center center; background-size:cover;}
.workHero {background:url("/siteart/work-hero.jpg") no-repeat center center; background-size:cover;}
.contactHero {background:url("/siteart/11.jpg") no-repeat center center; background-size:cover;}
.thanksHero {background:url("/siteart/thanks-hero.jpg") no-repeat center center; background-size:cover;}


/*  CATEGORY SECTION
------------------------------------------------*/
.categorySection {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding:3.5% 8.5%;
	background-color: #ffffff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='49' viewBox='0 0 28 49'%3E%3Cg fill-rule='evenodd'%3E%3Cg id='hexagons' fill='%23c2c2c2' fill-opacity='0.12' fill-rule='nonzero'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.categoryTitle {width:100%; margin:0 0 8px 0; font-size:2.25em; font-weight:300; color:#494949;}
.categorySection a {width:24%; margin:.5%; padding:15px 0; font-size:1.3vw; line-height:1; font-weight:600; text-align:center; color:#fff; background:#51514d;}

.rentalsSection {justify-content:space-around; margin:25px 0 ; padding:2.5% 3.5%; background:#f9f7ef;}
.rentalsSection a {padding:10px 0; font-size:1.5em;}

.rentalCategorySection {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; width:100%; padding:0 0 3.5% 0;}
.rentalCategorySection a {
	width:15%; height:auto; margin:.5%; padding:25px 2%; font-size:1.05em; line-height:1; font-weight:800; text-align:center; text-transform: uppercase; color:#454545; background:#fffef9;
	-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;
}
.rentalCategorySection img {width:100%; max-width:170px; margin:0 auto;}

/*  MAIN
------------------------------------------------*/	
.main {padding:3.5% 5.5%; background:#f2efe3;}
.submain {background:#f9f8f5;}

.homeMain {display:flex; flex-flow:row wrap; align-items: flex-start; justify-content:space-between;}

.homeMain article {width:45%;}

.formPage {display:flex; flex-flow:row wrap; justify-content:space-between;}

/*  SHOWROOMS / RENTAL PAGES
------------------------------------------------*/	
.showroomMain {}
.showroomMain h3 {margin:45px 0 0 0; font-size:30px; font-weight: 800; text-transform: uppercase;}

.showroomBreadcrumbs {font-weight:200; text-transform: uppercase;}
.showroomBreadcrumbs a {color:#646464;}

.showroomItem {display:flex; flex-flow:row wrap; justify-content:space-between; padding:3.5% 3.5% 4.5% 3.5%; background:#f9f7ef;}
.showroomItem:nth-of-type(n+1) {margin:30px 0 0 0;}
.showroomImage {width:65%;}
.showroomImage img {width:94%; max-width:calc(475px - 6%); margin:0 0 0 auto; padding:3%; background:#fff;}

.showroomRates {width:35%;}
.showroomRates h4 {font-size:28px; font-weight:700;}
.showroomRates h5 {font-size:22px;}

.rateTable {width:95%; margin:25px auto 35px auto;}
.rateRow {display:flex; flex-flow:row wrap; justify-content:flex-start; width:100%; padding:14px 0 8px 12px; line-height:1.25;}
.rateRow:nth-of-type(odd){background:#f3f1ea;}
.rateTitle {flex:.5; min-width:225px; font-size:17px; font-weight:700;}
.ratePrice {flex:.5;}

.showroomSpecs {width:95%; margin:35px auto 0 auto;}
.showroomSpecs h4 {font-size:26px; font-weight:700;}
.specsTable {margin:25px auto 0 auto;}
.specsRow {display:flex; flex-flow:row wrap; justify-content:flex-start; width:100%; padding:14px 0 8px 12px; line-height:1.5;}
.specsRow:nth-of-type(odd){background:#f3f1ea;}
.specsTitle {flex:.35; min-width:225px; font-size:18px; font-weight:700; text-transform: capitalize;}
.specsDetails{flex:.75;}
.specsNotes {margin:15px 0 0 0; font-style: italic;}

.showroomGallery {display:flex; flex-flow:row wrap; justify-content:center;}	
.showroomGalleryImage {width:31.3%; margin:1%;}
.showroomGalleryImage img,
.showroomGalleryImage iframe{width:98%; height:98%; margin:0 auto; padding:1%; background:#fff; overflow:hidden;}



/*  HEX BANNER
------------------------------------------------*/	
.lotBanner {position:relative; width:50%; height:336px; margin:30px 0 0 0; background:url("/siteart/1.png") no-repeat left center;}
.hexText {position: absolute; z-index:5; right:20px; top:30px; text-align:center; color:#3b3b3b;}
.hexTitle {font-size:2.8125em; font-weight:900; font-style:italic; text-transform:uppercase;}
.hexTitle span{font-size:.6em; font-weight:400;}
.hexText hr {width:40px; margin:10px auto 12px auto; border-top:4px #3b3b3b solid; bottom:0;}
.hexSubTitle {font-size:1.6875em; font-weight:700;}
.hexSubTitle a {font-size:.703em;}
.hexbkgBadge{
	position:absolute; z-index:1; right:-22px; bottom:0; width:340px; height:385px; background:#ffaf0f;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 60% 100%, 40% 100%, 0% 75%, 0% 25%);
    		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 60% 100%, 40% 100%, 0% 75%, 0% 25%);
}


/*  ARTICLE
------------------------------------------------*/
.formPage article {width:45%;}

article {}
article h1 {font-size:1.8125em; font-weight:700; color:#fbb315; font-family: egizio-urw, serif;}
article h2 {position: relative; margin:0 0 40px 0; font-size:1.375em; font-weight:300; color:#4c4c4c;}
article h2:after {content: ''; position: absolute; bottom:-15px; left:0; width:40px; height:4px; background:#2e2e2e; }
article p {font-size:1.25em; line-height:1.5; color:#454545;}
article ul {margin:0 0 0 35px;}
article ul li{font-size:1.25em; line-height:1.5; color:#454545;}

/*  CONTACT PAGE - LOCATION MAP
------------------------------------------------*/
.loc-map {margin:3% 0 0 0; padding:3%; background:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.loc-map iframe {width:100%;}

/* SITE FORM
------------------------------------------------*/
.site-form {width:45%; margin:0; padding:2.5%; background:#f9f7ef; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.site-form form {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:0 auto;}
.site-form h2 {font-size:25px; font-weight:600;}
.site-form h3 {width:100%; margin:12px 0 10px 8px; font-weight:500;}
.site-form hr {width:90%; margin:12px 0 20px 0; border-top:1px #c7c7c7 solid;}
.site-form .red {color:#D8090D;}
.site-form label {margin:0 0 0 8px; font-size:1em; font-weight:300;  color:#353535;}

.fieldsWrap {margin:0 .5%;}
.fieldsFlex {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center;}
.singleFields {width:99%;}
.dualFields {width:49%;}
.thirdFields {width:32.3%;}

.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:#777; text-align:center; margin:8px 0 0 0;}
.site-form .disclaimer {width:100%; font-size:20px; line-height:1.5; font-style:italic; color:#1B1B1B; margin:0px 0 18px 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 input[type="month"], .site-form select {
	width:100%; height:auto; margin:6px 0 20px 0; padding:12px 10px; font-size:14px; color:#555; border:1px #ccc solid; background-color:#fff;
    
	/*font-family: open-sans, sans-serif !important;*/
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}

.site-form input[type="date"] {padding:11px 10px;}

.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 input[type="month"]:focus, .site-form select:focus {border:1px #a5a5a5 solid; background-color:#f5f5f5;}


.site-form textarea {
	box-sizing: border-box; width:100%; padding:10px 12px; height:100px; margin:6px 0 20px 0;  font-size: 15px; border:1px #ccc solid; background-color:#fff; 
	-webkit-border-radius:0; -moz-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#f9f9f9;}

.site-form .checkFields {display:flex; flex-flow:row wrap; font-family:open-sans, sans-serif !important; margin:6px 0 20px 0;}
.site-form .checkFields .checkbox {width:calc(50% - 16px); margin:0 8px 8px 8px; padding:0; color:#4D4D4D;}
.site-form .checkFields .checkbox label {margin:0; font-size:.95em; text-transform:none;}


.site-form input[type="submit"] {
	margin:20px auto 10px auto; padding:12px 25px 11px 25px; font-size:14px; line-height:1; font-weight:600; text-align:center;
	color:#3b3b3b; border:none; background:#ffaf0f; letter-spacing:.5px; font-family: alternate-gothic-atf, sans-serif;
	transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -webkit-appearance: none;
	-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}

.site-form input[type="submit"]:hover {color:#fff; background:#3b3b3b; letter-spacing:1px; 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; border:1px #ccc solid;  background-color: #eee;}


/*  CONTACT BANNER
------------------------------------------------*/
.contactBanner {
	display:flex; flex-flow:row wrap; padding:0;
	background: rgb(255,174,16); background: linear-gradient(132deg, rgba(255,174,16,1) 0%, rgba(255,174,16,1) 32%, rgba(254,187,47,1) 32%, rgba(254,187,47,1) 67%, rgba(255,191,61,1) 67%);
}
.contactBanner h3 {width:100%; font-size:25px; font-weight:700;}

.contactWrap {display:flex; flex-flow:row wrap; align-items: center; justify-content:space-between; width:28.333%; padding:2.5%; font-size:23px;}
.contactWrap a {color:#222;}
.chText {width:50%;}

.contactWrap a.linkButtonBox {padding: 12px 25px; font-size:1em; line-height:1; color:#fff;}

/*  LOCATION MAP
------------------------------------------------*/
.location-map {line-height:0;}
.location-map iframe {width:100%; height:285px;}

/*  FOOTER
------------------------------------------------*/
.site-footer {
	display:flex; flex-flow:row wrap; align-items: flex-end; justify-content: flex-start;
	padding:10px 5%; font-size:.9375em; color:#fff; background:#1a181c;
}
.site-footer span {font-size:1.267em;}

.footerLogo {width:84px; margin:-30px 0 0 0;}
.footerCopyright {margin:0 0 15px 20px;}




/************************************************ Responsive Styles **/

@media screen and (max-width: 1585px) {
	.quickSelectTitle {font-size:2em;}
	.quickSelectCategory a {font-size:1em;}
	.quickSelectOverlay {width:150px;}
	.quickSelectOverlayimg {width:100%; margin:0 0 8px 0;}
	.hexbkg{width:150px; height:175px;}
	
	.chText {width:100%;}
}

@media screen and (max-width: 1350px) {
	.logo img {max-width:285px;}					
	nav.primary ul li a {margin:0 12px;}	
	
	.quickSelectDetails {width:365px;}
	.quickSelectLinks {width:calc(95% - 365px);}
}

@media screen and (max-width: 1250px) {
	.logo img {max-width:275px;}					
	nav.primary ul li a {margin:0 10px; font-size: 1.4em;}	
	
	.categorySection a {width:49%; font-size:1.3em;}
	
	.formPage article {width:100%;}
	.site-form {width:95%; margin:35px 0 0 0;}
}


@media screen and (max-width: 1150px) {
	.logo img {max-width:265px;}
	nav.primary ul li a {font-size: 1.3em;}
	
	.quickSelectionBanner {flex-flow:column-reverse;}
	.quickSelectDetails {width:100%; text-align:center;}
	.quickSelectLinks {width:100%; margin:0 0 30px 0;}
	
	.quickSelectOverlay {width:205px;}
	.hexbkg{width:205px; height:230px;}
	
	.rentalCategorySection a {width:45%;}
}

@media screen and (max-width: 1024px) {
	.headerContactBar {text-align:center;}

	
	nav.primary{display:none;}
	#menu-button{ display:block; margin:20px 0 0 0; font-size: 1.5em; line-height:1; position: relative; z-index:400;}
	#menu-button a{color:#696969; text-decoration: none; padding:.5rem .8rem; font-weight:300;}
	
	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:17px;
		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 #fbb315 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;}
	
	
	.hero-title {bottom:-.175em; font-size:6.4375em;}
	
	.contactWrap {font-size:20px;}
	
	.showroomImage {width:50%;}
	.showroomImage img {width:94%; max-width:calc(475px - 6%); margin:0 0 0 auto; padding:3%;}
	.showroomRates {width:45%;}
	
	.specsTitle {flex:.5; min-width:225px; font-size:18px; font-weight:700; text-transform: capitalize;}
	.specsDetails{flex:.5;}
	
	.fieldsWrap {margin:0;}
	.singleFields {width:100%;}
	.dualFields {width:100%;}
	.thirdFields {width:100%;}
	.site-form .checkFields .checkbox {width:calc(100% - 16px);}
}

@media screen and (max-width: 950px) {
	.quickSelectOverlay {width:150px;}
	.hexbkg{width:150px; height:175px;}
	
	.showroomImage {width:40%;}
	.showroomRates {width:55%;}
}

@media screen and (max-width: 768px) {
	.logo img {max-width:250px;}	

	.hero-title {bottom:-.175em; font-size:5.4375em;}
	.rentHero .hero-title {bottom:-.175em; font-size:4em;}
	.headerContactBar {text-align:center;}
	.hero {height:345px;}
	.subHero {height:185px;}
	.rentHero {height:150px;}
	
	.homeMain article {width:100%;}
	.lotBanner {width:100%; height:275px; margin:50px auto 0 0;}
	.hexText {right:30px; top:28px;}
	.hexTitle {font-size:2.125em;}
	.hexSubTitle {font-size:1.275em;}
	.hexbkgBadge{width:295px; height:324px;}
	
	.contactBanner {
	background: rgb(255,174,16); background: linear-gradient(180deg, rgba(255,174,16,1) 0%, rgba(255,174,16,1) 32%, rgba(254,187,47,1) 32%, rgba(254,187,47,1) 67%, rgba(255,191,61,1) 67%);}
	.contactWrap {display:flex; flex-flow:row wrap; align-items: center; justify-content:center; width:95%; padding:3.5% 2.5%; font-size:23px; text-align:center;}
	.chText br {display: none;}
	.showroomImage {width:100%;}
	.showroomImage img {width:94%; max-width:none; margin:3% 0 0 auto; padding:3%;}
	.showroomRates {width:100%;}

	.rateTitle {flex:auto; width:100%; min-width:0;}
	.ratePrice {flex:auto; width:100%;}

	.specsTitle {flex:auto; width:100%; min-width:0;}
	
	.showroomGalleryImage {width:48%; margin:1%;}
}

@media screen and (max-width:700px) {
	.quickSelectCategory {width:49%; margin:10px 0 0 0; padding: 30px 0; line-height:1; font-weight:600; text-align:center; color:#fff; background:#51514d;}
	.quickSelectCategory:nth-of-type(n+3) {margin:10px 0 0 0;}
	.quickSelectOverlay {left:50%; width:205px; margin:0 auto; padding: 15px 0; transform: translate(-50%,-50%);}
	.hexbkg{display:none;width:205px; height:230px; margin:0 auto;}
	.quickSelectLinks {}
	
	.categorySection a {font-size:1.15em;padding: 15px 0;}
	.quickSelectOverlayimg {display:none;}
	.quickSelectOverlay a {font-size:1em;padding: 15px 0;width:49%; margin:0.5%; line-height:1; font-weight:600; text-align:center; color:#fff;}
}

@media screen and (max-width: 585px) {
	.hero-title {font-size:4.4375em;}
	.categorySection a {font-size:.95em;}
	.rentalCategorySection a {width:95%;}
}

@media screen and (max-width: 485px) {
	.headerContactBar a span {display:none;}
	.logo img {max-width:225px;}	
	.quickSelectCategory:nth-of-type(n+3) {margin:20px 0 0 0;}
	.quickSelectOverlay { width:150px;}
	.hexbkg{width:150px; height:175px;}
	
	.hero-title {font-size:3.375em;}
	.rentHero .hero-title {bottom:-.175em; font-size:3.15em;}
	
	.lotBanner {width:100%; margin:50px auto 0 auto; background:transparent;}
	.hexText {right:0; left:0; top:46px; margin:0 auto;}
	.hexbkgBadge{right:0; left:0; bottom:0; width:250px; height:285px; margin:0 auto;
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	}
	
	.showroomGalleryImage {width:99%; margin:1%;}
	.showroomGalleryImage iframe{min-height:285px;}
}

@media screen and (max-width: 420px){
	.logo {width:100%;}	
	.logo img {margin:0 auto;}
	#menu-button{ display:block; margin:20px auto 0 auto;}
	.rentHero .hero-title {bottom:-.175em; font-size:2.5em;}
	.categorySection a {width:99%; font-size:1.15em;}
}

@media screen and (max-width:385px){
	.quickSelectLinks {display:none;}
}
@media screen and (max-width: 320px){

}