@charset "UTF-8";

@import url('https://rsms.me/inter/inter.css');


@font-face {
    font-family: 'abhaya_libreregular';
    src: url('../webfonts/AbhayaLibre-Regular-webfont.eot');
    src: url('../webfonts/AbhayaLibre-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/AbhayaLibre-Regular-webfont.woff2') format('woff2'),
         url('../webfonts/AbhayaLibre-Regular-webfont.woff') format('woff'),
         url('../webfonts/AbhayaLibre-Regular-webfont.ttf') format('truetype'),
         url('../webfonts/AbhayaLibre-Regular-webfont.svg#abhaya_libreregular') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'abhaya_libremedium';
    src: url('../webfonts/AbhayaLibre-Medium-webfont.eot');
    src: url('../webfonts/AbhayaLibre-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/AbhayaLibre-Medium-webfont.woff2') format('woff2'),
         url('../webfonts/AbhayaLibre-Medium-webfont.woff') format('woff'),
         url('../webfonts/AbhayaLibre-Medium-webfont.ttf') format('truetype'),
         url('../webfonts/AbhayaLibre-Medium-webfont.svg#abhaya_libremedium') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'abhaya_libresemibold';
    src: url('../webfonts/AbhayaLibre-SemiBold-webfont.eot');
    src: url('../webfonts/AbhayaLibre-SemiBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/AbhayaLibre-SemiBold-webfont.woff2') format('woff2'),
         url('../webfonts/AbhayaLibre-SemiBold-webfont.woff') format('woff'),
         url('../webfonts/AbhayaLibre-SemiBold-webfont.ttf') format('truetype'),
         url('../webfonts/AbhayaLibre-SemiBold-webfont.svg#abhaya_libresemibold') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'abhaya_librebold';
    src: url('../webfonts/AbhayaLibre-Bold-webfont.eot');
    src: url('../webfonts/AbhayaLibre-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/AbhayaLibre-Bold-webfont.woff2') format('woff2'),
         url('../webfonts/AbhayaLibre-Bold-webfont.woff') format('woff'),
         url('../webfonts/AbhayaLibre-Bold-webfont.ttf') format('truetype'),
         url('../webfonts/AbhayaLibre-Bold-webfont.svg#abhaya_librebold') format('svg');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'abhaya_libreextrabold';
    src: url('../webfonts/AbhayaLibre-ExtraBold-webfont.eot');
    src: url('../webfonts/AbhayaLibre-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/AbhayaLibre-ExtraBold-webfont.woff2') format('woff2'),
         url('../webfonts/AbhayaLibre-ExtraBold-webfont.woff') format('woff'),
         url('../webfonts/AbhayaLibre-ExtraBold-webfont.ttf') format('truetype'),
         url('../webfonts/AbhayaLibre-ExtraBold-webfont.svg#abhaya_libreextrabold') format('svg');
    font-weight: normal; font-style: normal;}






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


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

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


/* 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:40px; line-height:40px; color:#295242; font-family: 'abhaya_libreextrabold', sans-serif;}
h1 span {font-size:30px; line-height:30px; font-weight:100; color:#8d9c96; font-family: 'abhaya_libreregular', sans-serif;}

h2 {font-size:24px; font-weight:normal;}
h3 {font-size:28px; font-family: 'abhaya_libreextrabold', sans-serif;}
h4 {font-size:18px; font-style:italic; text-transform: uppercase;}
h5 {font-size:16px; font-style:italic; text-transform: uppercase;}
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:#ee683d; text-decoration:underline;}
a:hover, a:active {color:#eb4a3a; text-decoration:none;}

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

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

/* TEXT EMPHASIS */
em {font-family: 'InterItalic';}
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;}





/* SITE FORM
------------------------------------------------*/
.site-form {width:100%; margin:45px 0 0 0; padding:0;}

.site-form .search-cells {width:20%; *width: 20%; min-width:175px; box-sizing: border-box;}
.site-form .search-button {width:10%; *width: 10%; min-width:175px; box-sizing: border-box;}

.site-form .three-cells {width:32.3%; *width: 32%; box-sizing: border-box;}
.site-form .two-cells-wrap {display:flex; flex-flow:row wrap; justify-content:space-around;}
.site-form .full-cell {width:99% !important;}
.site-form .last {margin-right:0 !important;}

.site-form .instructions {font-size:14px; color:#777; margin:6px 0 6px 0;}
.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:12px 0;
    font-size: 15px;
    background-color: #F4F4F4;
	text-indent:12px;
	box-sizing: border-box; 
	border:none;
}

.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:#fcfcfc;}

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

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

.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"] {height: 46px; padding:0 20px; margin:10px 0 0 0; font-size:18px; border: none; color: #fff; background: #08281c;
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out;
	font-family: 'bebas_neuebold', sans-serif;
	-webkit-appearance: none;}

.site-form input[type="submit"]:hover {color:#fff; background:#2e6a54; -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;}


input#CaptchaAnswer {padding:12px 0; text-indent:12px; border: 1px #ccc solid;  background-color: #F4F4F4;}


/* SITE HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; justify-content: space-between; box-sizing:content-box;  width:90%; padding:20px 5% 0 5%; background:url(../siteart/header-bg.jpg) repeat;}	


/* HEADER CONTACT INFO
------------------------------------------------*/
.header-contact {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:flex-end; width:100%; margin:0 0 -50px 0;}
.header-contact i {color:#ea423a;}
.header-contact a {font-size:22px; line-height: 28px; text-decoration:none; font-style:italic; font-weight:700; color:#fff !important;}
.header-contact a span {font-weight:400;}

.header-contact div {margin:0 0 0 8%; padding:0;}
.header-contact div:first-of-type {margin:0;}

.header-location {margin:12px 0 0 0; line-height:2.35;}

.header-phone {font-size:15px; line-height:2.35; font-style:italic; text-align:right;  text-transform:uppercase; font-weight:600; color:#fff;}
.header-phone .fas {margin:0 0 0 8px;}

.header-link{
	background-color: #1A4637;
}

/* LOGO
------------------------------------------------*/	
.logo {position:relative; z-index:520; margin:-20px 0 -40px 0; padding:0;}
.logo img {width:100%; max-width:500px;}


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

nav.primary {
	margin:0;
	padding:0;
	text-align: right;
	width:100%;
	z-index: 500;
	position:relative;
}

nav.primary ul {margin:0 auto; padding:0; float:right;}
nav.primary ul li {margin:0; padding:0; float:left; list-style-type:none;}
				
nav.primary ul li a {
	display:block;
	color:#f3f3f3;
	font-size:1.2em;
	line-height:70px;
	text-decoration:none;
	margin:0 13px;
	padding:0 13px;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	-webkit-transition:.5s ease-in;  
	-moz-transition:.5s ease-in;  
	-o-transition:.5s ease-in;  
	transition:.5s ease-in;	
}	

nav.primary ul li a:hover {margin:-4px 13px 0 13px; color:#fff; text-shadow: 0px 5px 0px rgba(23, 39, 33, .9);}

/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: 230px;}
nav.primary ul li li a:link, nav.primary ul li li a:visited{
	font-size:.94em;
    line-height:16px;
	padding:10px 0;
	text-indent:20px;
	color:#fff;
	background: #181818;
	width: 230px;	
	text-align:left;
	border-right:none;
	border-left:none;
	border-bottom: #fff solid 1px;
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:#060606; background:#eee;}


/*  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; border-bottom:4px #1c3e30 solid; background-color: black;}
.hero img {width:100%;}

.hero .motto {
	position:absolute; top:10%; right:5%; font-size:50px; text-align:right; font-style:italic; text-transform: uppercase; color:#fff;
	text-shadow: 1px 1px 3px rgba(34, 34, 34, .8);
}
.hero .motto span {font-size:72px; font-weight:700;}

.hero .highlight-link {margin:18px 0 0 0;}
.hero .highlight-link a {margin:0; padding:15px 18px; font-size:16px; font-weight:700;  font-style:normal; text-decoration:none; color:#fff; border:1px #fff solid; background:#374c44;}


.hero-logo {margin:-45px 0 0 20px;}
.hero-logo img {width:100%; max-width:350px; padding:10px; background:#fff;}



/*  OVERLAY
------------------------------------------------*/	
.overlay-message {position:absolute; width:90%; bottom:0; right:0; padding:2% 5%; vertical-align: middle; text-align:right; color:#fff; background:rgba(0,0,0,0.5);}
.overlay-message h4 {margin:0; font-size:50px; line-height:70px; font-weight:200; text-align:center;}
.overlay-message h4 span {margin:0 6%; font-weight:700;}


/*  MAIN - HOME
------------------------------------------------*/	
.main-home {position:relative; z-index:10; display:flex; flex-flow:row wrap; align-items:center; width:90%; margin:0; padding:4% 5%;}
.main-home .body-text {width:65%; margin:0 5% 0 0;}
.main-home .body-text h1 {margin:0 0 8px 0;}
.main-home .body-text p {font-size:18px; line-height:24px; font-weight:400; color:#5a5a5a;}

aside {width:30%;}


/*  SLIDESHOW
------------------------------------------------*/
.cycle-slideshow {width:100%; line-height:0; z-index:0; position:relative; border:1px #1c3e30 solid;}
.cycle-slideshow img{width:100%;}


/*  MAIN
------------------------------------------------*/	
.main {position:relative; z-index:10; box-sizing:content-box; width:90%; margin:0; padding:4% 5%;}


/*  ARTICLE
------------------------------------------------*/
article {margin:0; padding:0;}
article h1 {margin:0 0 8px 0;}
article p {font-size:18px; line-height:30px; font-weight:400; color:#5a5a5a;}


/* 	SERVICE PAGE UPDATE
-------------------------------------------------*/
.flex-box {display: flex; justify-content: space-between; gap: 10px; margin-bottom: 40px;}
.info-left {width: 50%; align-content: center;}
.info-right {width: 50%;}
.service-main {position:relative; z-index:10; box-sizing:content-box; width:90%; margin:0; padding:4% 5%;}
.info-left h2 {font-size:40px; line-height:40px; color:#295242; font-family: 'abhaya_libreextrabold', sans-serif;}
.service-main h3 {font-size:40px; line-height:40px; color:#295242; font-family: 'abhaya_libreextrabold', sans-serif;}
.service-list {font-size:18px; line-height:30px; font-weight:400; color:#5a5a5a;}
ul.service-list {list-style:inside; margin-left:12px;}
.img-caption {font-size:12px; line-height:24px; font-weight:600; color:#454545;}
.info-right img {display: block; width: 60%; position: relative;}

.grid-box {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.grid-box img {display: block; width: 90%;}
.service-reviews {display:flex; flex-flow:row wrap; justify-content: space-around; padding:1.5% 0 1.4% 0; border:1px #d4d4d4 solid; background:#f0f0f0;}
.service-reviews .reviews-details {width:60%; margin:0; padding:20px 0; line-height:26px; text-align:center; border:1px #ccc solid; background:#fff;}


/*  INVENTORY SELECTION
------------------------------------------------*/
.inv-select {display:flex; flex-flow:row wrap; justify-content: space-around; margin:0 0 2% 0; padding:1.5% 0 1.4% 0; border:1px #d4d4d4 solid; background:#f0f0f0;}
.inv-select h5 {width:100%; font-size:28px; text-align:center; font-family: 'abhaya_libresemibold', sans-serif;}

.inv-select a {
	width:13%; margin:1% 15px; padding:1.5% 8px; font-size:12px; text-align:center; font-weight:700; text-decoration:none; text-transform:uppercase; color:#ececec; border:1px #d4d4d4 solid;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	background: rgb(25,62,47);
	background: linear-gradient(180deg, rgba(25,62,47,1) 0%, rgba(29,72,55,1) 77%);
}
.inv-select a:hover {text-shadow: 0px 3px 0px rgba(23, 39, 33, .9); color:#ececec; border:1px #d4d4d4 solid; background: rgb(50,93,76);
background: linear-gradient(180deg, rgba(50,93,76,1) 0%, rgba(43,82,66,1) 77%);}


/*  HOSTED CONTENT
------------------------------------------------*/
.hosted-content a {color:#1F1F1F;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {text-transform:uppercase; font-family: 'abhaya_librebold', sans-serif !important;}
.listings-wrapper .listing-smallcard .listing-smallcard-title a {color:#1c3e30;}

.hosted-content h1 {font-size:28px; font-family: 'Inter UI', sans-serif;}
.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {
	background: #1c4736 !important; -webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;
}
.hosted-content .listings-detail-wrapper .information-box {font-size:17px; line-height: 23px;}
.listings-wrapper .hosted-theme .btn:hover {background-color: #c6ded5 !important;}

.hosted-content .currency-capital-price-container img {margin:0 auto;}


/*  PARTS INVENTORY LISTINGS
------------------------------------------------*/
.parts-inventory {width:100%; margin:0; padding:3% 0 0 0;}
.parts-inventory iframe {width:100%; height:2100px;}


/*  DEPARTMENT CONTACT
------------------------------------------------*/
.dept-contact {display:flex; flex-flow:row wrap; justify-content: space-around; width:60%; margin:1% auto 2% auto; padding:1.5% 0 1.4% 0; border:1px #d4d4d4 solid; background:#f0f0f0;}
.dept-contact .contact-details {width:60%; margin:0; padding:20px 0; line-height:26px; text-align:center; border:1px #ccc solid; background:#fff;}


/* ADDRESS
------------------------------------------------*/	
address {position: relative; font-style:normal;}


/* MAP ADDRESS BAR
------------------------------------------------*/	
.details-banner {
	position: relative; z-index:5; display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:0 0 -22px 0; padding:38px 5% 60px 5%; color:#fff; background:#1d4837;
	
	-webkit-clip-path: polygon(100% 0%, 100% 80%, 53% 80%, 50% 100%, 47% 80%, 0% 80%, 0% 0%);
    		clip-path: polygon(100% 0%, 100% 80%, 53% 80%, 50% 100%, 47% 80%, 0% 80%, 0% 0%);
}
.details-banner div {margin:0; padding:0;}
.details-banner a {margin:0; padding:10px 18px; font-weight:700; text-decoration:none; color:#fff; border:1px #fff solid;}


/* ADDRESS EMBED MAP
------------------------------------------------*/	
.location-map {position: relative; z-index:4; margin:5px 0 0 0; padding-bottom:25%; height: 0; overflow: hidden; max-width: 100%; }
.location-map iframe, .location-map object, .location-map embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* MOTTO OVERLAY
------------------------------------------------*/	
address .motto {position: relative; z-index:5; width:80%; margin:-35px auto 0 auto; padding:15px; font-size:36px; text-align:center; text-transform:uppercase; color:#fff; background:#08281c;}
address .motto span {font-weight:800;}


/* MANUFACTURER LOGOS
------------------------------------------------*/	
.manufacturers {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;  margin:0; padding:30px 5%;}
.manufacturers img {width:100%; max-width:185px; margin:0 15px; padding:0; }

img.main-line {max-width:350px;}

/*  FOOTER
------------------------------------------------*/
.site-footer {display:flex; align-items:center; justify-content:center;  padding:10px 0; text-align:center; border-top:3px #ea683a solid; background:#08281c; font-family: 'abhaya_libresemibold', sans-serif;}
.site-footer img {width:100%; max-width:110px; margin:0 15px 0 0; padding:0;}
.site-footer p { margin:0 0 0 0; padding:0; font-size:13px; color:#fff; }
.site-footer i {font-size:11px;}





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

@media screen and (max-width: 1700px) {	
	nav.primary ul li a {margin:0 8px; padding:0 8px; font-size:1.1em;}
	.overlay-message h4 {font-size:40px; line-height:60px;}
	.overlay-message h4 span {margin:0 3%;}
}

@media screen and (max-width: 1500px) {
	.logo {margin:-20px 0 -30px 0;}
	.logo img {max-width:425px;}
	nav.primary ul li a {margin:0 6px; padding:0 6px; font-size:1em;}	
	.hero .motto {top:5%;}
	.hero-logo {margin:-65px 0 0 20px;}
	.hero-logo img {max-width:285px;}
	.inv-select a {width:20%;}
}

@media screen and (max-width: 1300px) {
	.logo {margin:-20px 0 -30px 0;}
	.logo img {max-width:350px;}
	.hero .motto {ptop:20%; font-size:35px;}
	.hero .motto span {font-size:50px;}
	
	.hero-logo {margin:-50px 0 0 20px;}
	.hero-logo img {max-width:215px;}
}

@media screen and (max-width: 1150px) {
	.site-form .three-cells {width:100%; *width: 100%;}
	.site-form .full-cell {width:100% !important;}
	
	.logo {margin:-20px 0 20px 0;}
	
	nav.primary{display:none;}
	#menu-button{align-self:flex-end; display:block; margin:25px 0 15px 0; padding:0; font-size: 1.25em; text-align:right; font-weight:700; text-transform: uppercase; position: relative; z-index: 400;}
	#menu-button a{display:block; color:#fff; text-decoration: none; padding:12px .8em; font-weight:100; border:1px #fff solid;}
	
	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:22px 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;
		font-style: normal;
		border-left:4px #333 solid;
		padding: 15px 20px 15px 35px;
		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 #ea423a 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:13px; line-height:13px; padding:15px 0;}
	
	
	.overlay-message h4 {font-size:30px; line-height:50px;}
}
	
@media screen and (max-width: 1024px) {
	.site-header {width:90%; padding:20px 5% 0 5%;}
	.logo {margin:20px 0 35px 0;}
	.logo img {max-width:250px;}
	
	.main-home .body-text {width:100%; margin:0 0 35px 0;}
	aside {width:80%; margin:0 auto}
	address .motto {font-size:25px;}
}

@media screen and (max-width: 950px) {
	.header-contact a {font-size:20px; line-height:22px;}
	
	#menu-button a{color:#fff; text-decoration: none; padding:12px .8em; font-weight:100; border:1px #fff solid;}
	.hero {background:#000;}
	.hero img {width:100%;}
	.hero .motto {position:relative; top:0; right:0; margin:0 0 -65px 0; padding:45px 5% 0 5%; text-align: center;}
	.hero .highlight-link {text-align: center;}
	
	
	
	.hero-logo {margin:20px 0 -137px 0; text-align:right;}
	.hero-logo img {display:inline-block; max-width:215px;}
}

@media screen and (max-width: 850px) {
	.overlay-message {width:95%; padding:2% 2.5%;}
	.overlay-message h4 {font-size:20px; line-height:40px;}
}

@media screen and (max-width: 768px) {
	.hero-logo {margin:88px 0 -137px 0;}
}

@media screen and (max-width: 700px) {
	.inv-select a {width:30%;}
	.location-map {margin:0; padding-bottom:45%;}
	.details-banner {flex-flow:column; text-align:center;}
	.details-banner div {margin:8px 0;}
	.details-banner a {line-height:40px;}
	address .motto {font-size:20px;}
	
	.hero-logo {margin:88px 0 -125px 0;}
}

@media screen and (max-width: 660px){
	.flex-box {display: flex; flex-direction: column;}
	.grid-box {display: flex; flex-direction: column;}
	.info-left {width: 100%;}
	.info-right {width: 100%;}
	
}

@media screen and (max-width: 650px){
	.header-contact {justify-content:space-around;}
	.header-contact div {margin:0 0;}
	
	.header-contact a {font-size:16px; line-height:18px;}
	.logo {margin:20px auto 0 auto;}
	#menu-button {width:100%; margin:20px auto; text-align:center;}
	#menu-button a{border:2px #fff solid;}
	
	
	.header-contact {margin:0;}
	.header-phone {line-height:1;}
	
	
}

@media screen and (max-width: 600px){
	.hero .motto {padding:25px 5% 0 5%; font-size:30px;}
	.hero .motto span {font-size:30px;}
	.hero-logo {margin:88px 0 -115px 0;}
}

@media screen and (max-width: 550px){
	.main-home .body-text h1 {font-size:34px; line-height:34px;}
	address .motto {width:90%; margin:0 auto; padding:25px 5%;}
}

@media screen and (max-width: 500px){
	.header-contact {flex-flow:column; align-items:center;}
	.header-contact div {margin:6px 0;}
	
	.overlay-message {display:none;}
	.location-map {padding-bottom:65%;}
	.dept-contact .contact-details {width:100%; border:0; background:none;}
	.hero-logo {margin:88px 0 -100px 0;}
}

@media screen and (max-width: 420px){
	.hero-logo {display:none;}
}

@media screen and (max-width: 400px){
	.hero .motto {margin:0 0 -35px 0; padding:15px 5% 0 5%; font-size:20px;}
	.hero .motto span {font-size:20px;}
}