@charset "UTF-8";


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

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

/* SELECTION */	
::selection {color:#fff; background: #f30601;}


/* 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:700; color:#eb2739;}
h2 {font-size:24px; font-weight:normal;}
h3 {font-size:24px; font-weight:normal;}
h4 {font-size:38px; font-weight:800;}
h5 {font-size:24px; font-weight:700;}
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:inherit; text-decoration:underline;}
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;}







/* STICKY HEADER
------------------------------------------------*/	
body.sticky-header {padding-top:10px;}
body.sticky-header .site-header {padding:0 0 9px 0;}
body.sticky-header nav {margin:0;}
body.sticky-header #menu-button {top:0;}
/*body.invbody.sticky-header nav {margin:51px 0 0 0 !important;}*/
body.invpage.sticky-header nav {margin:0 0 0 0 !important; background:#161616 !important;}




/* HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row wrap; justify-content:space-between; margin:0 0 0 0; padding:12px 2% 87px 2%; background:#231f20;}	
	

/* LOGO
------------------------------------------------*/	
.logo {
	margin:12px 0 0 0;
	-webkit-animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}	

.logo img {width:100%; max-width:333px;}

.hd-contact {display:flex; flex-flow:row wrap; align-items: flex-end; margin:0 0 10px auto;}

.hd-address {margin:0 30px 0 0; font-size:1.9em; font-weight:700;}
.hd-address .fas {font-size:.65em; color:#be1e2d;}

.hd-phone {font-size:2.375em; font-weight:800;}
.hd-phone span {font-size:.5em; font-weight:300;}


.fin-logo {margin:0 0 0 2%; -webkit-animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; animation: slide-in-top 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
.fin-logo img {width:100%; max-height:110px;}


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

nav.primary {	
	box-sizing:border-box;  width:100%; margin:130px 0 0 0; padding:0 0 0 2%; background:#322d2e;

	position:fixed; top:0;
	
	z-index:400;

	-moz-transition: all .4s ease;
	-o-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

nav.primary ul {display:flex; flex-flow:row wrap; justify-content:space-between; 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:21px 0 24px 0;
    font-size:1.25em; line-height:1; font-weight:700; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff; cursor: pointer;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}	

nav.primary ul li a .fas {font-size:.65em;}

nav.primary ul li a:hover {color:#be1e2d; cursor: pointer;}


/*  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:17px 0;
	font-size:1.05em; text-indent:20px; text-transform:none; text-align:left; font-weight:500; color:#fff; background:#212121;
}

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


/*  SUB SUB NAV
------------------------------------------------*/
nav.primary ul li li li a:link, nav.primary ul li li li a:visited{background:#444;}
nav.primary ul li li li a:hover,nav.primary ul li li li a:active {color:#fff; background:#be1e2d;}


/*  NAV DROPDOWNS
------------------------------------------------*/
nav.primary ul ul {display: none; position: absolute; /*max-height: calc(100vh - 205px); overflow-y: auto; overflow-x: hidden;*/} 
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;}






/* SEARCH FORM
------------------------------------------------*/
.search-form {display:flex; flex-flow:row wrap; justify-content:center; width:320px;}
.search-form label {width:calc(100% - 93px) !important;}
.search-form input[type="text"] {
	width:100% !important; height:100% !important; 
	margin:0; padding:12px 10px 15px 18px !important; font-size:15px !important; line-height:1 !important; text-transform:uppercase; border-radius:0 !important; color: #6e6e6e !important; border: none !important; box-sizing: border-box; background-color: #fff; font-family: 'Be Vietnam', sans-serif !important;
}

.search-form input[type="submit"] {
	width:93px !important; padding:0; font-size:12px; line-height:1 !important; letter-spacing:1px; text-transform:uppercase; text-align:center; font-weight:700; border: none; color:#fff; border-radius:0 !important; background:#be1e2d !important; font-family: 'Be Vietnam', sans-serif !important; 
	transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -webkit-appearance: none;
}

.search-form input[type="submit"]:hover {background:#322d2e;}







/*  HERO / SLIDESHOW
------------------------------------------------*/	
.hero {overflow:hidden;}

.cycle-slideshow {position:relative; width:100%; z-index:10;}
.cycle-slideshow img {width:100%;}



/*  CTA CATEGORIES
------------------------------------------------*/	
.cta-section {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; margin:8px 0 0 0;}

.cta-item {overflow:hidden; position:relative; width:calc(25% - 6px); margin:0 8px 0 0; border-bottom:5px #be1e2d solid;}
.cta-item:last-of-type {margin:0;}

.cta-item h4 {
	position:absolute; bottom:0; left:5%; width: 95%; font-size:4vw; line-height:.95; font-weight:700; text-transform:uppercase;
	-webkit-animation: slide-in-bottom 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 1.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.cta-item h4 .fas {position:absolute; right:5%; opacity:.35;}

.cta-item a {color:#fff;}
.cta-item img {width:100%;}







/*  MAIN
------------------------------------------------*/	
.main {width:90%; max-width:1300px; margin:4% auto 5% auto; padding:0 0;}
.main h3 {text-transform:uppercase; font-weight:700;}
.main h3 span {font-size:16px; text-transform:none; font-weight:400;}


/*  ARTICLE
------------------------------------------------*/
article {}
article h1 {margin:0 0 20px -16px; padding:5px 16px 12px 16px; font-size:2.875em; line-height:1; text-transform:uppercase; background:#322d2e;}
article p {font-size:1.1875em; line-height:1.5; font-weight:300;}

article h3 {margin:15px 0 8px 0; padding:0; font-size:2.15em; line-height:1; text-align:center; text-transform:uppercase;}
article h6 {margin:0 0 0 16px; padding:0; font-size:1.65em; line-height:1; text-align:center;}


/*  BRAND SECTIONS
------------------------------------------------*/
.brand-sections {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:4% auto 0 auto;}
.brand-sections a {/*flex:1;*/ margin:10px 0; padding:8px 5px;}
.brand-sections a img {width:100%; max-width:210px; margin:0 auto;}







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

.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 .full-cell {width:99.9% !important; }

.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.33%; margin:6px .5% 9px .5%; padding:12px 0;
    font-size:15px; text-indent:12px; color:#000; border:none; background-color: #fff; 
	-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 label textarea {width:100% !important;}
.site-form textarea {
	box-sizing: border-box; width:calc(100% - 16px); height:150px; margin:2px 0; padding:4px 8px; font-size: 15px; border:none; background-color: #fff;
	-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 20px; height: 46px; font-size: 16px; color: #fff; border: none; background:#be1e2d;
	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:0; -moz-border-radius:0; border-radius:0;
}

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

.site-form .CaptchaPanel {width:100%; margin:12px auto 0 auto;}
.site-form .CaptchaMessagePanel {font-weight:100;}
.site-form img.CaptchaImage {margin:0 auto;}
.site-form .CaptchaAnswerPanel input {padding:12px 0; text-indent:12px; box-sizing: border-box; border:none; background-color: #fff;}







/*  SHOWROOM BRAND GRID
------------------------------------------------*/
.showroom-manu-grid {display:flex; flex-flow:row wrap; justify-content:center; margin:4% 0 0 0;}

.sh-manu {position:relative; width:31.3%; margin:1%;}
.sh-manu h5:before {content: ""; display: block; position: relative; top:12px; width:100px; height:1px; margin:0 auto 20px auto; background:#adadad;}
.sh-manu h5 {
	position:absolute; z-index:10; bottom:20px; left:0; right:0;
	margin:0 auto; font-size:1.3vw; font-weight:800; text-transform:uppercase; text-align:center;
}
.sh-manu h5 span {font-weight:300; text-transform:none;}
.sh-manu img {
	z-index:1; width:100%; opacity:.25;
	-webkit-transition:.5s ease-in; -moz-transition:.5s ease-in; -o-transition:.5s ease-in; transition:.5s ease-in;	
}
.sh-manu:hover img {opacity:.75;}

.sh-manu a {display:block; background:#292929;}
.sh-manu a:hover {color:#fff;}

.sh-overlay {position:absolute; z-index:10; top:35px; left:0; right:0; margin:0 auto;}
.sh-overlay img {width:100%; max-width:214px; margin:0 auto; opacity:1;
transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
.sh-manu:hover .sh-overlay img {opacity:1; transform:scale(1.2,1.2);}






.inv-manu-grid {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 0 4% 0;}
.inv-manu-grid h3 {width:100%;}
.inv-manu-grid a {
	width:calc(24% - 2px); margin:.5%; padding:13px 0 15px 0; text-align:center; font-weight:800; text-decoration:none; text-transform:none; border:1px #444 solid; background:#292929;
}
.inv-manu-grid a span {font-weight:400;}

.inv-manu-grid a:hover {color:#fff; background:#be1e2d;}
.inv-manu-grid a:active {color:#ccc; background:#900700;}







.staff-members {display:inline-block; margin:45px auto 0 auto; padding:15px 25px; font-size:1.1875em; line-height:1.85; border:1px #fff solid;}
.staff-members strong {margin:0 4px 0 0; font-weight:900; font-style:italic;}
.staff-contact a {color:#fff;}


.staff-contact {line-height:1.25;}
.staff-contact h5:after {content:""; display: block; position: relative; top:2px; width:85px; height:2px; margin:0 0 12px 0; background:#be1e2d;}
.staff-contact em {font-size:1.15em;}
.staff-contact .fas {font-size:.65em;}
.staff-contact hr {padding:1px 0 0 0; border-top:1px #555 solid; border-bottom:1px #333 solid;}




.staff-grid {display:flex; flex-flow:row wrap; align-items:flex-start; justify-content:center; margin:3.5% 0; padding:35px 0 55px 0; background:#191919;}
.staff-grid h4 {width:100%; margin:0 0 25px 0; font-size:1.5em; font-style:italic; text-align:center;}

.staff-details {margin:0 0 0 20px; padding:0 0 0 20px; font-size:1.15em; border-left:1px #3e3e3e solid;}
.staff-details:first-of-type {margin:0; padding:0; border:0;}
.staff-details h6 {font-size:1.35em; font-weight:700; text-transform:uppercase; color:#eb2739;}
.staff-details a {color:#fff;}




.finance-grid {display:flex; flex-flow:row wrap; justify-content:space-around; margin:4% 0 0 0;}
.finance-grid a {position:relative; /*width:31.3%;*/ margin:1%; padding:25px 20px; text-decoration:none; border:1px #444 solid; background:#292929;}
.finance-grid a img {width:100%; max-width:300px; margin:0 auto;}
.finance-grid h5:before {content: ""; display: block; position: relative; top:12px; width:100px; height:1px; margin:0 auto 20px auto; background:#adadad;}
.finance-grid h5 {margin:20px auto 0 auto; font-size:1.3vw; font-weight:500; text-transform:uppercase; text-align:center;}




.embed-map {margin:0 auto;}
.embed-map iframe {width:100%; height:290px;}






/*  FOOTER CONTACT
------------------------------------------------*/
.footer-contact {
	display:flex; flex-flow:row wrap; margin:0 0; font-size:1.1875em; line-height:1.3; color:#3b3b3b; border-bottom:5px solid #be1e2d;
	
	background:#dadada url('/siteart/location-map-line.png') no-repeat; background-position-x:-325px; background-position-y:50%; background-size: cover;
}

.footer-contact h4 {text-transform:uppercase; color:#be1e2d;}

.footer-contact a {font-size:1.15em; text-decoration:none; color:#3b3b3b;}
.footer-contact a[href^="tel:"] {font-size:1.26em; font-weight:700;}
.footer-contact a .fab {font-size:1.47em; color:#000}

.ft-con-details {margin:4% 7.5% 5% auto;}
.ft-hours {display:flex; flex-flow:row wrap; justify-content:space-between;}








/*  FOOTER NAV
------------------------------------------------*/
.footer-nav {z-index:500; position:relative; border-top:4px #fff solid; border-bottom:4px #fff solid; margin:0; padding:0 1%; background:#be1e2d;}
.footer-nav ul {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-around; margin:0; padding:15px 0;}
.footer-nav ul li {margin:0; padding:0; list-style-type:none;}
.footer-nav ul li a {
	display:block; margin:0; padding:10px 20px 15px 20px;
	font-size:1.25em; line-height:1; text-align:center; text-decoration:none; text-transform:uppercase; color:#fff;
	-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:#fff;}







/*  FOOTER
------------------------------------------------*/
.site-footer {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;    	
	padding:25px 5%; font-size:1em; color:#fff; border-top:5px solid #be1e2d; background:#1e1e1e;
}

.site-footer strong {text-transform:uppercase;}
.site-footer a {text-decoration:none; color:#fff;}
.site-footer a:hover {color:#be1e2d;}
.site-footer .fab {font-size:1.75em;}
.site-footer .footer-copyright {font-size:1em;}
.site-footer .footer-copyright a {margin:0 0 0 6px;}




.list-content .retail-price-container {color: #000!important;}

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


@media screen and (max-width: 1400px) {
	.hd-contact {flex-flow:column;}
	.hd-address {margin:0;}
	nav.primary {margin: 140px 0 0 0;}
}

@media screen and (max-width: 1300px) {
	nav.primary ul li a {padding:25px 0 26px 0; font-size:1em;}	
	.sh-manu {width:32.3%; margin:.5%;}
	.finance-grid a {width:calc(48% - 42px);}
	.finance-grid h5 {font-size:2vw;}	
	.footer-contact {background-position-x:-450px;}
}

@media screen and (max-width: 1150px) {
	nav.primary ul li a {padding:26px 0 27px 0; font-size:.9em;}	
	.staff-grid {padding:35px 30px 55px 30px;}
	.staff-details {width:250px; margin:0 0 40px 20px; padding:0 0 0 20px; font-size:1.05em; border-left:0;}
	.staff-details:first-of-type {margin:0 0 40px 0; padding:0;}
	.staff-details:nth-of-type(3) {margin:0 0 40px 0; padding:0;}
	.staff-details h6 {font-size:1.35em; font-weight:700; text-transform:uppercase; color:#eb2739;}
	/*.footer-contact {
		background:#dadada url('/siteart/location-map-line-med.png') no-repeat; background-position-x:-250px; background-position-y:50%; background-size:cover;
	}*/
	.footer-nav ul li a {padding:5px 10px 10px 10px; font-size:.9em;}	
}

@media screen and (max-width: 1100px) {
	body.invbody.sticky-header nav {margin:0 !important;}
	nav.primary{display:none;}
	#menu-button{
		position:fixed; top:140px; z-index:100; display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; background:#322d2e;
		-moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease; transition: all .4s ease;
	}
	
	#menu-button a{width:50%; padding:22px 0 25px 0; font-size: 1.25em; line-height:1; text-decoration:none; text-align:center; font-weight:700; color:#fff; cursor: pointer;}
		
	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:20px 0 0 0;}
	
	nav.mobile ul ul li .fa-chevron-down {margin: 0px;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		right: -285px;
		width: 285px;
		height: 100%;
		z-index: 1004;
		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: 11px;
		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; cursor: pointer;}
	
	/* 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; cursor: pointer;}
	
	/* 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;}
	
	.search-form {width:50%;}
	.hero {argin:8px 0 0 0;}
	
	.sh-manu {width:49%; margin:.5%;}
	.sh-manu h5 {font-size:2.5vw;}
	.inv-manu-grid a {width:calc(32.3% - 2px);}
}

@media screen and (max-width: 1024px) {
	.hd-contact {justify-content: flex-end; margin:0 0 8px auto;}
	.hd-address {font-size:1.35em;}
	.hd-phone {font-size:2.15em; font-weight:800;}
	.hd-phone span {display:none;} 	
	#menu-button {top:131px;}
	.search-form {width:50%;}
	.hero {margin:8px 0 0 0;}
}

@media screen and (max-width: 885px) {
	.cycle-slideshow {width:125%; margin:0 -12.5%;}
	.cta-item {width:calc(50% - 4px);}
	.cta-item:nth-of-type(even) {margin:0;}
	.cta-item:nth-of-type(1),
	.cta-item:nth-of-type(2) {margin:0 0 8px 0;}
	.cta-item h4 {font-size:8vw;}
	.inv-manu-grid a {padding:7px 0 9px 0;}
	/*.footer-contact {background-position-x:-150px; background-position-y:50%; background-size:cover;}*/
}

@media screen and (max-width: 850px) {
	.site-header {/*flex-flow:column-reverse;*/ padding: 20px 3.5% 87px 3.5%;}	
	.hd-contact {order:1; width:100%;  align-items:center;  justify-content:center; text-align:center;}
	.hd-address {font-size:1.15em;}
	.hd-phone {font-size:1.15em;}
	.logo {order:2; width:50%; margin:15px auto 0 auto;}
	.logo img {max-width:285px;}
	.fin-logo {order:3; width:45%;}
	.fin-logo img {max-width:60px; max-height:100%; margin:0 0 0 auto;}
	#menu-button{top:192px;}
	.search-form {width:50%;}
}

@media screen and (max-width: 768px) {
	
	.cycle-slideshow {width:150%; margin:0 -25%;}
	.main {width:92.5%; margin:55px auto 65px auto;}
	article h1 {margin:0 0 20px 0; padding:5px 16px 12px 20px; font-size:2.5em;}
	article p {font-size:1.0625em;}
	.sh-manu h5:before {display:none;}
	.sh-overlay {top:20px;}
	.staff-grid {flex-flow:column; align-items:center; margin:35px 0; padding:25px 30px;}
	.staff-details {margin:0 0 40px 0; padding:0; text-align:center;}
	.inv-manu-grid a {width:calc(49% - 2px); padding:5px 0 7px 0;}
	.site-form .full-cell {width:100% !important; }
	.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%; margin:6px 0 9px 0;
	}
	.finance-grid a {width:calc(98% - 42px);}
	.finance-grid h5 {font-size:3.8vw; font-weight:700;}
	/*.footer-contact {background-position-x:-200px; background-position-y:50%; background-size:cover;}*/
	.footer-nav {display:none;}
}

@media screen and (max-width: 600px) {
	.footer-contact {justify-content:center; background:#dadada;}
	.ft-con-details {margin:40px auto 45px auto;}
}

@media screen and (max-width: 585px) {
	.site-header {padding: 20px 3.5% 125px 3.5%;}
		
	#menu-button a{width:100%;}
	.search-form {width:100%; height:60px !important;}
	
	.sh-manu {width:85%; margin:1% 7.5% 1% 7.5%;}
	.sh-manu h5 {font-size:4vw;}
	/*.footer-contact {background-position-x:-250px; background-position-y:50%; background-size:cover;}*/
}

@media screen and (max-width: 500px) {
	.search-form
	.finance-grid h5 {font-size:5vw;}
	.inv-manu-grid {display:none;}
	.site-footer {font-size:.85em;}
	.site-footer .fab {font-size:1.5em;}
}
	
@media screen and (max-width: 450px) {	
	.sh-manu {width:100%; margin:1% 0;}
	.sh-manu h5:before {display:none;}
	.sh-manu h5 {font-size:4vw;}
	
	
	.site-footer {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;}
}
	
@media screen and (max-width: 400px) {
	.hd-address {font-size:1em;}
}

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

@media screen and (max-height: 770px){
	/*nav.primary ul {
		overflow-y: auto;
		overflow-x: hidden;
		bottom: 0;
		pointer-events: none;
		max-height: calc(100% - 205px);
	}
	nav.primary ul > * {
		pointer-events: all;
	}*/
	nav.primary ul ul {
		max-height: calc(100vh - 212px);
		flex-wrap: wrap;
		flex-direction: column;
		align-items: stretch;
		align-content: flex-start;
		justify-content: flex-start;
	}
	nav.primary ul li:hover > ul {display: flex;}
}

/*@media screen and (max-height: 770px){
	nav.primary ul ul {
		max-height: 200px;
	}
}*/