@charset "UTF-8";

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

ol, ul {}
blockquote, q {quotes: none;}  
blockquote:before, blockquote:after, q:before, q:after {content: '';}  


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {color:#000!important;}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
body {font-family: 'Red Hat Display', sans-serif !important; font-size:100%; background:#fff;}

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


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


/* 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; text-decoration:underline;}
a:hover, a:active {color:#828282; text-decoration:none !important;}

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

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


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

.orange {color: #fc4d0f;}
.blue {color:#0039a6;}
.lightblue{color:#0082cb;}
.green {color:#528316;}

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


hr {width:95%; margin:0 auto; border-top:1px #c3c3c3 solid; border-bottom:0;}



/* SITE FORM
------------------------------------------------*/
.site-form {width:100%; margin:45px 0 0 0; padding:0;}
.site-form h6 {font-size:1.25em; text-transform:uppercase;}
.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .full-cell {width:99% !important;}
.site-form .last {margin-right:0 !important;}

.short-textbox {height:100px !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0; text-transform: capitalize;}
.site-form .note {font-size:12px; font-style:italic; color:#777; 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 {
	margin:6px .8% 9px 0;
    padding:14px 0;
    font-size: 14px;
    background-color:#fdfdfd;
	border:1px #e8e8e8 solid;
	text-indent:12px;
	box-sizing: border-box; 
}

.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 {border: 1px #5A5A5A solid; background-color:#fcfcfc;}

.site-form textarea {
	width:100%; height:150px; margin:2px 0; padding: 4px 8px; font-size: 14px; border:1px #e8e8e8 solid;
    background-color: #fdfdfd;
	box-sizing: border-box; -webkit-border-radius:0; border-radius:0;
}

.site-form textarea:focus {background-color:#FCFCFC; border: 1px #5A5A5A solid;}

.site-form input[type="submit"] {height: 46px; padding:0 20px; margin:10px 0 0 0; font-size:14px; border: none; color: #fff; background: #D93C02;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	text-transform: uppercase; font-weight:700; 
	-webkit-appearance: none;}

.site-form input[type="submit"]:hover {color:#fff; background:#000; -webkit-animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: shadow-pop-bl 0.3s cubic-bezier(0.470, 0.000, 0.745, 0.715) both; -webkit-appearance: none;}


.CaptchaImagePanel {text-align:center;}
.CaptchaImagePanel img {margin:0 auto;}
.CaptchaAnswerPanel input {padding:8px 8px; border:1px #e6e6e6 solid;}











.header-contact {display:flex; flex-flow:row wrap; align-items: center; justify-content:flex-end;  position:relative;  margin:0; padding:12px 7.5% 15px 7.5%; font-size:1.125em; text-align:right; background:#D93C02;}
.header-contact a {margin:0 0 0 30px; text-decoration:none; color:#fff !important;}
.header-contact .fas {margin:0 6px 0 0; font-size:.9em;}

/* HEADER
------------------------------------------------*/	
.site-header {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; position:relative; z-index:25; margin:0; padding:30px 7.5% 10px 7.5%; background:#f5f5f5;
	-webkit-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.15);
}	


/* LOGO
------------------------------------------------*/	
.logo {display:block; position:relative; z-index:100; margin:0 auto 25px 0; padding:0;}
.logo img {
	width:90%; max-width:325px; margin:0 auto; padding:0 5%;
	-webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
	        animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

.store-button  {
	padding:12px; border-top:3px #fc4d0f solid; border-bottom:3px #fc4d0f solid; background:#444;
	-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
.store-button a {display:block; font-size:1.1em; text-decoration:none; color:#fff;}
.store-button .fas {margin:0 4px 0 0;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display: none;}
nav.mobile {display:none;}
 
nav.primary {z-index:500; position:relative; width:100%; margin:0; padding:0;}

nav.primary ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:0;}
nav.primary ul li {margin:0; padding:0; list-style-type:none;}
				
nav.primary ul li a {
	display:block; margin:0 10px; padding:15px 0;
    font-size:1em; line-height:24px; text-align:center; text-decoration:none; text-transform:uppercase;
    color:#4A4A4A; border-top:3px #f5f5f5 solid; border-bottom:3px #f5f5f5 solid;
	-webkit-transition:.3s ease-in; -moz-transition:.3s ease-in; -o-transition:.3s ease-in; transition:.3s ease-in;	
}	

nav.primary ul li a:hover {color:#121212; border-top:3px #D93C02 solid; border-bottom:3px #D93C02 solid;}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 265px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	width: 265px; 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:#fc4d0f;}

/*  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;}





/*  HERO
------------------------------------------------*/	
.hero {position:relative; z-index:5; line-height:0; }
.hero img {width:100%;}

.hero-map {position: relative; padding-bottom:25%; height: 0; overflow: hidden; width:100%; max-width: 100%; }
.hero-map iframe, .hero-map object, .hero-map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.hero .hero-overlay {
	display:flex; flex-flow:row wrap;
	position:absolute; z-index:20; bottom:0; width:86%; padding:15px 7%; 
	background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(66,66,66,0.2) 86%);
}

.overlay-logo {
	margin:0 30px 0 0;
	-webkit-animation: bounce-in-left 1.1s 1s both;
	        animation: bounce-in-left 1.1s 1s both;
}
.overlay-logo img {width:100%; max-width:145px;}
.overlay-text {
	font-size:2.375em; line-height:0.9; font-weight:700; color:#fff; text-shadow:1px 0px 2px #000; 
	-webkit-animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
	        animation: slide-in-left 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;
}
.overlay-text h1 {font-size:1.9em; text-transform:uppercase;}


/*  SLIDESHOW
------------------------------------------------*/
.cycle-slideshow {width:100%; line-height:0; z-index:10; position:relative; background:#000;}
.cycle-slideshow img {width:100%; height: auto;}



.divider-line {
	position:relative; z-index:5; width:100%; height:30px; margin:0 0 -30px 0; background:#fc4d0f;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 98% 100%, 96.5% 25%, 4.5% 25%, 2% 100%, 0% 100%, 0% 0%);
    	    clip-path: polygon(100% 0%, 100% 100%, 98% 100%, 96.5% 25%, 4.5% 25%, 2% 100%, 0% 100%, 0% 0%);
}

.divider-line-alt {
	position:relative; z-index:5; width:100%; height:30px; margin:-30px 0 0 0; background:#fc4d0f;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 2% 0%, 4.5% 75%, 96.5% 75%, 98% 0%);
    	    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%, 2% 0%, 4.5% 75%, 96.5% 75%, 98% 0%);
}


.upper-call-actions {
	position: relative; margin:0; background:#000;
}

.upper-ctas {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; position:absolute; bottom:0; z-index:55; width:100%; padding:5% 0;}

.upper-action {
	overflow:hidden; position:relative; top:0; z-index:50; width:40%; margin:0 2.5%; background:#000;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 20%, 10% 0%);
    	    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 20%, 10% 0%);
}

.upper-action:hover {
	-webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 30%, 15% 0%);
    	    clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 30%, 15% 0%);
}

.upper-action img {
	top:0; left:0; z-index:55;  opacity:0.85; z-index:1; width:100%;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.upper-action:hover img {opacity:0.5;}
.upper-action a {display:block; text-decoration:none; color:#fff;}
.upper-action-text {
	position:absolute; right:10%; bottom:10%; z-index:5; font-size:50px; line-height:48px; text-align:left; font-weight:500; text-transform:uppercase; color:#fff;
}

.upper-action:hover .upper-action-text { font-size:52px; line-height:50px; }
.upper-action-text span {font-size:30px; line-height:32px; font-weight:900;}
.upper-action-text .fas {font-size:.8em; color:#fc4d0f;}
.upper-action-text img {opacity:1 !important; width:100% !important; max-width:310px;}

.upper-cta-background {position:relative; margin:-30% 0 0 0; padding-bottom:56%; height:100%; overflow:hidden; width:100%; max-width:100%; }
.upper-cta-background video { position:absolute; top:0; left: 0; width: 100%; height:100%; opacity:.2;}



/*  MAIN
------------------------------------------------*/	
.main {margin:0; padding:3.5% 10% 5% 10%; }




.inv-main {
	background-color: #0b0b0b;
background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23383838' fill-opacity='0.4' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
}
  
.inv-main article {color:#fff;}

article {line-height:1.5;}
article h1 {font-size:2.25em; text-transform:uppercase; color:#fc4d0f;}
article h2 {font-size:1.85em; text-transform:uppercase; color:#2D2D2D;}
article h3 {font-size:1.25em; text-transform:uppercase;}
article p {font-size:1.15em; line-height:1.5;}
article a {font-weight:700; text-transform: uppercase; color:#D93C02 !important;}

article ul {list-style:none;}
article ul li{padding:8px 12px; background:#eaeaea;}
article ul li:nth-of-type(even){background:#d3d3d3;}


.main-links {display:flex; flex-flow:row wrap; align-items:center; margin:2.5% 0 0 0;}
.main-links a {margin:0 3% 0 0;}
.main-links a:last-of-type {margin:0;}
.main-links a.more-link {margin:0 3% 0 0; padding:15px 18px; text-decoration:none; color:#fff !important; background: #D93C02;}
.main-links a.more-link:nth-of-type(n+2) {margin:0 3% 0;}
.main-links a:hover.more-link {background:#888;}


.alt-links {padding:3%; border:1px #7A7A7A solid;}


a.orange-link {background:#D93C02;}
a.blue-link {background:#0039a6;}
a.lightblue-link {background:#007BC2;}
a.green-link {background:#528316;}
a.red-link {background:#ee2d24;}
a.lt-blue {background:#3176ab;}



.subpage-links {margin:4px 0 8px 0;}
.subpage-links a.more-link {padding:12px 15px 10px 15px; font-size:.8em;}


.intro-section {display:flex; flex-flow:row wrap; align-items:flex-start;}
.intro-text {width:48%; margin:0 2% 0 0;}
.intro-video {position:relative; margin: 0 auto;}
.intro-video iframe {position:relative;width:100%;height:100%;}



.brand-gallery {display:flex; flex-flow:row wrap; align-items:flex-start; margin:3.5% 2.5% 0 2.5%;}
.brand-item {flex:1; margin:15px 1%; padding:1.5% 1%;}
.brand-item img  {width:100%; max-width:380px; min-width:200px; margin:0 auto;}
.brand-item a {display:block; padding:30px 1%; text-align:center; text-decoration:none; font-size:1.5em; font-weight:800; color:#fff; border:3px #fc4d0f solid; background:#333;}
.brand-item a:hover {color:#fff; border:3px #333 solid; background:#fc4d0f;}
.parts-item {max-width:380px; min-width:200px; margin:0 auto; text-transform:uppercase; }
.goodyear {background:#004990;}
.hankook {background:#231f20;}

.highlightVideo{width:80%; margin:3.5% auto 0 auto; position: relative; padding-bottom: 39.65%; height: 0; overflow: hidden; max-width: 100%;}
.highlightVideo iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.showroom-gallery {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:35px 0 0 0;}
.showroom-item {/*flex:1;*/ width:23%; margin:10px 1% 35px 1%; }
.showroom-item h2 {margin:0 0 15px 0; font-size:20px;  font-weight:400; }
.showroom-item img  {width:100%; max-width:179px;margin:0 auto;}
.showroom-item a {display:block; padding:30px 1%; text-align:center; text-decoration:none; font-size:1.5em; font-weight:800; color:#fff; border:3px #fc4d0f solid; background:#333;}
.showroom-item a:hover {color:#fff; border:3px #333 solid; background:#fc4d0f;}
.international {background:#fc4d0f;}


.flyer-wrap {width:85%; max-width:850px;  margin:0 auto; border:1px #fc4d0f solid;}
.flyer-wrap img{width:100%;} 

/* MAIN GALLERY
------------------------------------------------*/
.main-gallery {display:flex; flex-flow:row wrap; align-content:center; justify-content:space-between; padding:0px 10% 4% 10%;}
.main-gallery div {width:23%; margin:.65% 1%; padding:0}
.main-gallery img {width:100%; padding:5px; border:1px #e4e4e4 solid}
.brochure-container{
	margin-top: -25px;
}
.brochure-container a{text-decoration: none;}

.brochure-container span{
	font-weight:700;
	text-transform: uppercase;
}



#hireology_iframe iframe {width:100%; margin:5% 0 0 0;}



/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {overflow:hidden; width:100%; height:90px; margin:0 auto; padding:5px 0; background:#181818;}
.scrolling{width:100%; height:90px;}


/*  SERVICES HIGHLIGHT - HOME
------------------------------------------------*/
.services-highlight {display:flex; flex-flow:row wrap; /*align-items:center; justify-content:space-between;*/ margin:2.5% 0;}

.service-text {width:43%; padding:5% 4% 0 5%;}
.service-text:nth-of-type(even) {padding:5% 5% 0 4%;}
.service-text p {font-size:1.1em; line-height:1.5;}
.service-text ul {list-style:none;}
.service-text ul li{padding:8px 12px; background:#eaeaea;}
.service-text ul li:nth-of-type(even){background:#d3d3d3;}

.service-title {font-size:2.5em; font-weight:900; text-transform:uppercase;}

.service-links {display:flex; flex-flow:row wrap; align-items:center; margin:3.5% 0 0 0;}
.service-links a.more-link {margin:0 5% 0 0; padding:15px 18px; text-decoration:none; color:#fff; }
.service-links a.more-link:hover {background:#888; -webkit-transform: scale(1.1); transform: scale(1.1);}

.service-links-center {justify-content:center;}

.service-image {overflow:hidden; position: relative; width:48%; margin:2.5% 0;}
.service-image img {width:auto; height:100%; }

.service-image img:nth-of-type(even) {}

.service-left {
	
}
.service-left img {
	float:left;
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.service-right img {
	float:right;
	-webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.lower-call-actions {display:flex; flex-flow:row wrap; align-items:center;}

.lower-action {overflow:hidden; position:relative; width:50%; background:#000;}
.lower-action img {opacity:0.3; z-index:1;}

.lower-action-text {
	position:absolute; right:0; bottom:10%; left:0; z-index:5; font-size:45px; line-height:48px; text-align:center; font-weight:700; color:#fc4d0f; 
}
.lower-action-text span {font-size:30px; line-height:32px; text-transform:uppercase; font-weight:900; color:#fff; text-shadow:none;}
.lower-action-text .far {font-size:.8em;}


/*  FOOTER NAVIGATION
------------------------------------------------*/
.footer-nav {z-index:10; position:relative; margin:0; padding:25px 2.5% 0 2.5%; background:#080808;}
.footer-nav ul {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0; padding:0;
	-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
				animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.footer-nav ul li {margin:0; padding:0; list-style-type:none;}
				
.footer-nav ul li a {
	display:block; margin:0 8px; padding:12px; font-size:1em; line-height:1em; text-align:center; font-weight:700; text-decoration:none; text-transform:uppercase; color:#8e8e8e;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}
.footer-nav ul li a:hover {color:#f36f21;}


/*  FOOTER
------------------------------------------------*/
.site-footer {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:center;
	padding:25px 6% 45px 6%; color:#ccc; background:#050505;
}

.site-footer .copyright-legal {
	font-size:1em;
	-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
.site-footer .copyright-legal .far {font-size:.85em;}
.site-footer .copyright-legal a {text-decoration:none; color:#ccc;}
.site-footer .copyright-legal a:hover {color:#fff;}
.site-footer .footer-logo {
	margin:0 2.5% 0 0;
	
}
.site-footer .footer-logo img {width:90%; max-width:285px;}

/*  MAIN CUSTOM
------------------------------------------------*/	
.main-custom {margin:0; padding:1% 10% 4% 10%;}
.blue-text {text-decoration:underline; color:#0c4d9c; font-weight:700; font-size:18px;}
.red-text {text-shadow:rgba(255, 255, 255, 0.6) 1px 1px 1px, rgba(0, 0, 0, 0.6) -1px -1px; -1px 1px; color:#891519; font-size:20px;}
.main-custom span {line-height:2;}
.main-custom p {font-size:16px; font-weight:500; line-height:1.5;}

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

@media screen and (max-width: 1400px) {
	.header-contact {font-size:1em;}
	.site-header {padding:30px 3.5% 10px 3.5%;}
	nav.primary ul li a {margin:0 5px; font-size:1em;}	
}

@media screen and (max-width: 1280px) {
	.header-contact {font-size:.85em;}
	.overlay-logo {margin:0 25px 0 0;}
	.overlay-logo img {max-width:85px;}
	.overlay-text {font-size:1.75em;}
	.services-highlight {flex-flow:column;}
	.service-text {width:92%; padding:5% 4%;}
	.service-text:nth-of-type(even) {padding:1% 4% 5% 4%;}
	.service-image {display:none;}
	.showroom-item {width:31.3%;}
	.lower-call-actions {display:flex; flex-flow:row wrap; align-items:center;}
	.lower-action {overflow:hidden; position:relative; width:50%; background:#000;}
	.lower-action img {opacity:0.3; z-index:1;}
	.lower-action-text {font-size:35px; line-height:38px;}
	.lower-action-text span {font-size:20px; line-height:22px;}
	.lower-action-text i {display:none;}
}

@media screen and (max-width: 1150px) {
	.header-contact {justify-content:center; padding:15px 7.5% 15px 7.5%; font-size:.85em; text-align:center;}
	.header-contact a {margin:0 15px;}
	.header-phone {width:100%; margin:0 0 12px 0;}
	
	.upper-action-text {right:5%;}
	
	
	.intro-section {display:flex; flex-flow:row wrap; align-items:flex-start;}
	.intro-text {width:100%; margin:0;}
	.intro-video {position:relative; margin:30px auto 0 auto;}
	.intro-video iframe {position:relative;width:100%;height:100%;}
}

@media screen and (max-width: 1090px) {
	.site-form .three-cells {width:100%; *width:100%;}
	
	.header-contact {padding:15px 2.5%;}
	.header-contact a {margin:0 15px;}
	
	.logo {margin: 0 auto 25px auto;}
	
	.site-header {padding:20px 3.5%;}
		
	.logo {margin:0;}
	nav.primary{display:none;}
	#menu-button{display: block; font-size: 1.25em; line-height:60px; position: relative; z-index: 400; background:#fc4d0f;}
	#menu-button a{color:#fff; text-decoration: none; padding:0 .8em; font-weight:100;}
	
	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;
	}
	.fa-facebook-square:before {color: #fff!important;}
	.fa-twitter-square:before {color: #fff!important;}
	.fa-instagram-square:before {color: #fff!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 p {	
		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: #fff;}
		
	/* 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: #fff; text-decoration: none; vertical-align: top; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: #ccc;}
	
	/* 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: #fff;
		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 #fc4d0f 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;}
	
	.upper-call-actions {flex-flow:column wrap; padding:5% 0;
	background:#000 url("/siteart/highway-background.jpg") no-repeat ; background-position:center center; background-size:cover;
	}
	.upper-ctas {position:relative; z-index:10; padding:0;}
	.upper-action {width:60%; margin:2.5%;}
	.upper-action-text {right:8%;}
	.upper-cta-background {display:none;}
	
	.main-gallery div {width:48%;}
}

@media screen and (max-width: 920px) {
	.overlay-logo {margin:0 20px 0 0;}
	.overlay-logo img {max-width:60px;}
	.overlay-text {font-size:1.25em;}
	.showroom-item {width:48%;}
}

@media screen and (max-width: 880px) {
	.header-phone {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0;}
	.header-phone a {margin:0 15px 12px 15px;}
	.header-phone span {display:none;}
}

@media screen and (max-width: 768px) {
	.logo {width:100%; margin:0 auto 20px auto;}
	#menu-button{width:138px; text-align:center;}
	
	.overlay-logo {margin:0 15px 0 0;}
	.overlay-logo img {max-width:40px;}
	.overlay-text {font-size:1em;}
	
	.upper-action {width:90%;}
	
	.lower-action {width:100%;max-height:250px;}
	.lower-action-text {font-size:25px; line-height:28px;}
	.lower-action-text span {font-size:18px; line-height:20px;}
}

@media screen and (max-width: 520px){
	/*.header-contact a {width:calc(50% - 20px);}*/
	/*.header-phone a {width:calc(33.3% - 30px);}*/
	
	.overlay-logo {display:none;}
	
	.upper-action-text {font-size:28px; line-height:26px;}
	.upper-action-text span {font-size:20px; line-height:22px;}
	.upper-action-text img {max-width:195px;}
	
	.main-gallery div {width:98%;}
	.showroom-item {width:98%;}
}

@media screen and (max-width: 450px){
	.header-contact {font-size:.75em;}
	.hero .hero-overlay {display:none;}
}