﻿@charset "UTF-8";

/* RESET 
------------------------------------------------*/
* {margin:0; padding: 0; border: 0; outline: 0; background: transparent;}
	
:root {
	--white:#fff;
	--nearwhite: #fbfbfb;
	--offwhite:#ececec;
	--orange:#da6e16;
	--brown:#594636;
	--lightgray: #929292;
	--gray: #272622;
	--nearblack: #1e1e1e;
	--black: #131313;
}


/* GLOBAL SITE FRAMEWORK
------------------------------------------------*/
html {scroll-behavior: smooth;}
body {font-size:100%; font-family: "nexa-text", sans-serif !important; background:var(--nearwhite);}

/* SELECTION */	
::selection {color:var(--white); background:var(--orange);}
::-moz-selection {color:var(--white); background:var(--orange);}


/* 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:38px; font-weight:normal;}
h2 {font-size:28px; font-weight:normal;}
h3 {font-size:26px; 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{transition:.5s ease-in;}
a:link, a:visited {color:inherit; text-decoration:none;}
a:hover, a:active {color:inherit; 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-face {
    font-family: 'INTLHeadline-Light';
    src: url('../webfonts/INTLHeadline-Light.woff2') format('woff2'),
         url('../webfonts/INTLHeadline-Light.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'INTLHeadline';
    src: url('../webfonts/INTLHeadline-Regular.woff2') format('woff2'),
         url('../webfonts/INTLHeadline-Regular.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'INTLHeadline-Medium';
    src: url('../webfonts/INTLHeadline-Medium.woff2') format('woff2'),
         url('../webfonts/INTLHeadline-Medium.woff') format('woff');
    font-weight: normal; font-style: normal;}

@font-face {
    font-family: 'INTLHeadline-Bold';
    src: url('../webfonts/INTLHeadline-Bold.woff2') format('woff2'),
         url('../webfonts/INTLHeadline-Bold.woff') format('woff');
    font-weight: normal; font-style: normal;}




a.outline-button {display:inline-block; padding:16px 23px; font-weight:600; color:var(--nearblack); border:2px var(--nearblack) solid; border-radius:5px;}
a.outline-button:hover {color:var(--white); background:var(--orange);}


a.solid-button {position:relative; display:inline-block; padding:18px 25px; font-weight:600; color:var(--white); border-radius:5px; background:var(--nearblack);}
a.solid-button:hover {background:var(--orange);}


a.vitaminc-button {position:relative; display:inline-block; padding:18px 25px; font-size: 20px; font-weight:600; color:#000; border-radius:5px; background:var(--orange);}
a.vitaminc-button:hover {background:var(--orange);}



/* HEADER
------------------------------------------------*/	
.head-top {
	display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between;
	padding:8px 3%;  color:var(--offwhite); background:var(--black);
}

.head-social {font-size:22px; line-height:1;}
.head-social a {display:inline-block; width:45px; height:45px; line-height:45px; text-align:center; color:var(--offwhite); border-radius:50%; background:var(--nearblack);}
.head-social a:nth-of-type(n+2) {margin-left:30px;}
.head-social a:hover {background:var(--orange);}

.head-contact {font-size:17px; line-height:1;}
.head-contact i.fa-solid {width:45px; height:45px; margin-right:8px; line-height:45px; text-align:center; color:var(--brown); border-radius:50%; background:var(--gray); transition:.5s ease-in-out;}
.head-contact a:nth-of-type(n+1) {margin-left:30px;}
.head-contact a:hover i.fa-solid {color:var(--white);}


/* SITE HEADER
------------------------------------------------*/	
.site-header {display:flex; flex-flow:row; align-items:center; justify-content:space-between; padding:40px 3%; background:var(--white);}	
	

/* LOGO
------------------------------------------------*/	
.logo {margin-right:25px;}	
.logo img {max-width:100%;}

/*  NAVIGATION
------------------------------------------------*/
#menu-button{display:none;}
nav.mobile {display:none;}

nav.primary {z-index:500; position:relative; margin:0 0 0 auto; 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 5px; padding:12px;
    font-size:15px; line-height:1; font-weight:600;  text-align:center; text-decoration:none; text-transform:uppercase; color:var(--nearblack); cursor:pointer; transition:.5s ease-in;	
}	

nav.primary ul li a:hover {color:var(--orange);}


/*  SUB NAV
------------------------------------------------*/
nav.primary ul li li {width: auto; min-width:150px; }
nav.primary ul li li a:link, nav.primary ul li li a:visited{
padding:15px 20px; font-weight:400; text-align:left; text-transform:none; color:var(--white); border:0; background:var(--nearblack);
}

nav.primary ul li li a:hover,nav.primary ul li li a:active {color:var(--white); background:var(--orange);}

/*  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; z-index: 500;}
nav.primary ul ul li {float: none; position: relative; margin:0;}




/*  HERO
------------------------------------------------*/
/*.hero {position:relative; z-index: 1; width:100%; height:828px; background:url("/siteart/hero/international-lt-driving-sunset.jpg") no-repeat center; background-size:cover;}
.hero::after {content:''; position:absolute; z-index: 2; top:0; left:0; width: 100%; height:100%; background: #1C1C1C; background: linear-gradient(249deg, rgba(28, 28, 28, 0.5) 0%, rgba(28, 28, 28, 0) 100%);}
.hero img {position:relative; z-index: 1; height:100%;}*/

.hero {position:relative; z-index: 1; width:100%; overflow: hidden;}
.hero::after {content:''; position:absolute; z-index: 2; top:0; left:0; width: 100%; height:100%; background: #1C1C1C; background: linear-gradient(249deg, rgba(28, 28, 28, 0.5) 0%, rgba(28, 28, 28, 0) 100%);}

.hero .hero-video {position: relative; z-index:0; padding-bottom: 56.25%; height:0; overflow: hidden; margin:-8% 0;}
.hero .hero-video iframe{ position: absolute; top: -8%; left: -8%; width: 116%; height: 116%;}


/*  HERO OVERLAY
------------------------------------------------*/
.hero-overlay {position:absolute; z-index:5; top:43%; right:3%; transform: translate(0, -50%);}
.hero-overlay h1 {font-size:60px; line-height:1.25; text-align: right; text-transform: uppercase; color:var(--white); font-family: 'INTLHeadline', sans-serif;}
.hero-overlay h1 strong {font-weight: 900;}
.hero-overlay h1 span {display:inline-block; font-size:26px; }


/*  HERO CTAS
------------------------------------------------*/
.hero-cta {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:25px 0 65px 0;}
.hero-cta a {flex:1; max-width:250px; margin:25px; text-align: center;}


/*  HOME INTRO PARAGRAPH
------------------------------------------------*/
.home-intro {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:65px 2.5% 100px 8.5%;}
.home-intro h2 {flex:.75 ;text-transform: uppercase; font-family: 'INTLHeadline', sans-serif;}
.home-intro h2 strong{font-family: 'INTLHeadline-Bold', sans-serif;}

.home-intro p {flex:1;font-size:20px; font-weight:300; line-height:29px;}


/*  MODEL HIGHLIGHTS
------------------------------------------------*/ 
.model-highlights {position: relative; display:flex; flex-flow:row wrap; margin:0 2.5% 180px 2.5%;}
.model-highlights::after {content:url("/siteart/international-badge-vertical.png"); position: absolute; z-index:0; bottom:70px; right:-1.5%;}

.model-item {position: relative; z-index:5; width:28.5%; margin-left:2.5%;}

.model-item a {display:inline-block; margin:15px 0 0 25px; font-size:22px;}
.model-item a b {transition:.5s ease-in;}
.model-item a:hover {color:var(--gray);}
.model-item a:hover b {color:var(--orange);}

.model-item .model-profile img {width:100%; height:592px; object-fit: cover; object-position: center center; border-radius:14px; overflow: hidden;}

.model-item:nth-last-of-type(-n+3) {margin-top:120px;}

.model-item-group {display:flex; flex-flow:column; justify-content: space-between; width:28.5%; margin-left:7.5%;}
.model-item-group .model-item {width:100%; margin-top:0;margin-left:0;}
.model-item-group .model-item .model-profile img {width:100%; height:263px; object-fit: cover; object-position: center center; border-radius:14px; overflow: hidden;}



/*  WELCOME - HOME
------------------------------------------------*/
.welcome-section {position: relative; padding:85px 0 140px 0; color:var(--white); background:var(--gray) url("/siteart/driver-steering-wheel-dash.jpg") no-repeat left center; background-size: contain;}
.welcome-section::after {content:url("/siteart/international-diamond-background.png"); position: absolute; z-index:5; bottom:-140px; left: 50%; transform: translate(-50%, 0);}

.welcome-body {position: relative; z-index:5; width:44.5%; margin:0 5% 0 auto;}
.welcome-body h3 {margin:0 0 12px 0; text-transform: uppercase; font-family: 'INTLHeadline', sans-serif;}
.welcome-body h3 strong {font-family: 'INTLHeadline-Bold', sans-serif;}
.welcome-body p {font-size:20px; line-height:29px;}
.welcome-body p a:hover {color:var(--orange);}




/*  MAINS
------------------------------------------------*/	
.sub-hero {position:relative; width:100%; background:var(--nearblack);}
.sub-hero::after {content:''; position: absolute; z-index:1; bottom:0; width:100%; height:100%; background: #1C1C1C; background: linear-gradient(15deg, rgba(28, 28, 28, 0.67) 0%, rgba(28, 28, 28, 0) 100%);}
.sub-hero h1 {position:absolute; z-index:5; bottom:15px; left:7.5%; font-size:50px; text-transform: uppercase; color:var(--white); font-family: 'INTLHeadline-Bold', sans-serif;}
.sub-hero img {width: 100%; height: 680px; object-fit: cover; object-position: center center;}

.sub-hero-mobile {display: none;}

.sub-hero.map-hero {line-height:0;}
.sub-hero.map-hero::after {content:none;}
.sub-hero.map-hero iframe {position:relative; width: 100%; height:580px; line-height:0;}


/*  MAIN OPTIONS
------------------------------------------------*/	
.sub-main {margin:0 auto; padding:calc(35px + 3.5%) 10.5%;}
.inv-main {margin:0 auto; padding:calc(35px + 1.5%) 7.5%;}



/*  ARTICLE
------------------------------------------------*/
article {}
article.small-intro{max-width:955px;}
article.small-intro:nth-of-type(even) {margin:calc(40px + 3%) 0 calc(40px + 3%) auto;}
article p {font-weight:400;}


.sub-main article h2 {font-family: 'INTLHeadline-Bold', sans-serif;}
.sub-main article h3 {color:var(--orange); font-family: 'INTLHeadline-Medium', sans-serif;}
.sub-main article p {font-size:20px; line-height:1.5;}
.sub-main article p a {font-weight:500; color:#825110!important;}

.sub-main article ul {column-count:2; margin:0 0 0 30px;}
.sub-main article ul li {list-style:square; margin:0 0 0 15px; padding:3px 0; font-size:20px; line-height:1.5; font-weight:300; }
  

/*  SHOWROOM BRANDS
------------------------------------------------*/
.showroom-brands {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin-top:60px;}
.showroom-item {margin:1%; padding:1.5%; text-align:center; border:1px var(--offwhite) solid; border-radius:14px; background:var(--white); box-shadow:0 4px 30px rgba(0,0,0,0.08);}
.showroom-item a {display:inline-block; font-size:20px;}
.showroom-item a:hover {color:var(--orange);}
.showroom-item img {max-width:calc(100% - 60px); margin:0 auto; margin-bottom:5%; padding:30px; border-radius:4px; background:var(--nearwhite); transition:.5s ease-in;}
.showroom-item a:hover img {background:var(--white);}


#hireology_iframe iframe { width: 100%; margin-top:calc(35px + 2%); padding-top:calc(35px + 2%); background:var(--white);}

.contact-section {display:flex; flex-flow:row wrap; justify-content:space-between;}


/*  CONTACT DETAILS
------------------------------------------------*/
.contact-details {width:45%; margin:25px 0; font-size:20px; line-height:1.25;}
.contact-details a{position:relative;  display:inline-block; margin:25px 0 25px 55px; font-weight:700;}
.contact-details a:hover {color:var(--nearblack);}

.contact-details a[href^="tel:"] {position:relative;}
.contact-details a[href^="tel:"]::before {
	content: "\f095"; position: absolute; z-index:2; top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--nearblack); font-family: FontAwesome;
}

.contact-details a[href^="mailto:"] {position:relative; }
.contact-details a[href^="mailto:"]::before {
	content: "\f0e0"; position: absolute; z-index:2;  top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--nearblack); font-family: FontAwesome;
}

.contact-details a[href^="fax:"] {position:relative;}
.contact-details a[href^="fax:"]::before {
	content: "\f1ac"; position: absolute; z-index:2; top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--nearblack); font-family: FontAwesome;
}

.contact-details a[target="_blank"] {}
.contact-details a[target="_blank"]::before {
	content: "\f3c5"; position: absolute; z-index:2;  top:-16px; left:-65px; width:55px; height:55px; transition:1.2s all;  	
	font-size:30px; line-height:55px;  text-align: center; color:var(--white); border-radius:55px; background:var(--nearblack); font-family: FontAwesome;
}

.contact-details a:hover::before {background:var(--orange);}

.contact-map {width:50%; margin:25px 0; border-radius:14px; overflow:hidden;}
.contact-map iframe {width:100%; height:100%;}



/*  PARTNERS / BRANDS
------------------------------------------------*/
.partner-highlights {margin:140px 10% 200px 10%;}

.partner-intro {max-width:710px; margin-bottom:55px;}
.partner-intro h2 {margin-bottom:12px;  text-transform:uppercase; color:var(--nearblack); font-family: 'INTLHeadline-Medium', sans-serif;}
.partner-intro p {margin-left:3px; font-size:20px; line-height:29px; font-weight:300;}

.partner-brands {display:flex; flex-flow:row; align-items:center; justify-content:center;}
.partner-brands-item {margin:6px; padding:10px; border-radius:4px; background:var(--offwhite);}
.partner-brands-item img {max-width:100%; margin:0 auto;}


/*  COMPANY OVERVIEW
------------------------------------------------*/
.company-overview {background:var(--offwhite); background: linear-gradient(180deg, rgba(236, 236, 236, 1) 0%, rgba(250, 250, 250, 1) 100%);}


/*  DEPARTMENTS
------------------------------------------------*/
.department-highlights {display:flex; flex-flow:row wrap; justify-content:space-around; margin:0 .5% 150px .5%;}

.dept-highlight-item {
	display:flex; flex-flow:column wrap; align-items:center; justify-content:center;
	width:calc(32% - 60px); margin:.5%; margin-top:-85px; padding:32px 30px 40px 30px; text-align:center; border-radius:14px; background:var(--white); box-shadow:0 4px 30px rgba(0,0,0,0.13);
}

.dept-highlight-item img.dept-icon {max-width:100%; margin:0 auto 18px auto;}
.dept-highlight-item span.dept-heading {font-size:30px;  text-transform: uppercase; font-family: 'INTLHeadline-Bold', sans-serif;}
.dept-highlight-item p {margin:18px 0;  font-size:23px; font-weight:300;  color:var(--gray);}

.dept-highlight-item a::before {content:">"; font-weight:600; padding-right:8px; color:var(--black); transition:.5s ease-in;}
.dept-highlight-item a {font-size:20px; text-transform: uppercase; color:#8C5109;}
.dept-highlight-item a:hover::before {padding-right:15px;}


/*  LOCATION PHOTO / MAP
------------------------------------------------*/
.dealership-highlight {display:flex; flex-flow:row; justify-content:flex-end; margin-bottom:200px;}

.dealership-body {display:flex; flex-flow:column wrap; width:600px; margin:0 3.5%;}
.dealership-body h3 {margin:60px 0 25px 0; text-transform: uppercase; text-align:left; font-family: 'INTLHeadline-Bold', sans-serif;}
.dealership-body p {font-size:20px; line-height:29px;}

.dealership-profile {border-radius: 14px; overflow:hidden;}
.dealership-profile img {width: 100%; height:400px; object-fit: cover; object-position: center center;}

.dealership-map {width:1040px; line-height:0; border-top-left-radius: 14px; border-bottom-left-radius: 14px; overflow:hidden;}
.dealership-map iframe {width:100%; height:100%;}


/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden;}
.scrollinginv{width:100%; height:90px;}


/*  FOOTER
------------------------------------------------*/
.site-footer {padding:75px 7% 45px 7%; color:var(--offwhite); background:var(--nearblack) url("/siteart/footer/footer-texture.jpg") no-repeat; background-size: cover;}

.foot-head {display:flex; flex-flow:row; align-items:center; justify-content:space-between;  }
.foot-logo {margin-right:25px;}
.foot-logo img {max-width:100%; filter: brightness(0) saturate(100%) invert(100%); }
.foot-social {display:flex; flex-flow:row; font-size:22px; line-height:1;}
.foot-social a {display:inline-block; width:45px; height:45px; line-height:45px; text-align:center; color:var(--offwhite); border-radius:50%; background:var(--nearblack);}
.foot-social a:nth-of-type(n+2) {margin-left:30px;}
.foot-social a:hover {background:var(--orange);}

.foot-body {display:flex; flex-flow:row; align-items:flex-start; justify-content:space-between; margin:115px 0 90px 0;}
.fb-heading {flex:.45; /*width:405px;*/ font-size:18px; font-family: 'INTLHeadline-Medium', sans-serif;}
.fb-links {width:auto; margin-right:25px;}
.fb-links ul li {list-style:none; line-height:36px; }
.fb-links ul li a {font-size:16px; line-height:1; font-weight:300; text-transform: uppercase;}
.fb-links:last-of-type {width:auto; margin:0;}

.foot-foot {display:flex; flex-flow:row wrap; align-items:center; justify-content:space-between; padding-top:45px; font-weight:400; border-top:1px #2c2c2c solid; }
.foot-copyright {font-weight:500; }
.foot-copyright a{font-weight:300; }
.foot-policies a{text-decoration: underline;}



/************************************************ Responsive Styles **/

@media screen and (max-width: 1600px) {
	nav.primary ul li a {padding:12px 8px; font-size:13px;}
}

@media screen and (max-width: 1450px) {
	.logo {max-width:215px;}
	nav.primary ul li.logo-icon {display: none;}
	nav.primary ul li a {padding:12px 6px; font-size:12px;}
	.site-footer {background:var(--nearblack) url("/siteart/footer/footer-texture-md.jpg") no-repeat; background-size: cover;}
}

@media screen and (max-width: 1250px) {
	.logo {max-width:235px;}
	
	nav.primary{display:none;}
	#menu-button{display: block; position: relative; z-index:400; margin:0 0 0 auto;}
	#menu-button a{color:var(--nearblack); text-decoration: none; padding:0; font-size:28px; line-height:1; 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:18px 0 0 0;}

	nav.mobile {
		display:block;
		position: fixed;
		top: 0;
		left: -285px;
		width: 285px;
		height: 100%;
		z-index: 500;
		overflow:auto;
		padding-bottom:40px;
		background:#333;
		cursor:pointer;
	}
	
	/* 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 {color:#ccc; text-decoration:none; cursor:pointer;}
	nav.mobile .social-media a:hover, nav.mobile .social-media a:active {color:var(--white); text-decoration:underline;}
	
	/* MENU HEADER STYLES */
	nav.mobile .menu-header {	
		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; cursor:pointer; font-family: Arial, sans-serif;}
	nav.mobile .menu-toggle:hover {color: var(--white);}
	
	/* 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:right;
		text-decoration: none;
		border-left:4px #333 solid;
		padding: 15px 35px 15px 20px;
		cursor:pointer;
		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: var(--white); border-left:4px var(--orange) 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);}	
	
	
	.welcome-section {background:var(--gray) url("/siteart/driver-steering-wheel-dash-mobile.jpg") no-repeat left center; background-size: cover;}
	.welcome-body {width: 90%; margin: 0 5%;}
	
	.partner-intro {max-width:none;}
	.partner-brands {flex-flow:row wrap;}
	
	.sub-hero img {height: 550px;}
	.sub-hero.map-hero iframe {height:480px;}
	
	.foot-body {display:flex; flex-flow:column;}
	.fb-links,
	.fb-links:last-of-type {margin-top:20px;}
}

@media screen and (max-width: 1024px) {
	.head-top {display:flex; flex-flow:row wrap; align-items:center; justify-content:center;}
	.head-contact a span {display:none;}
	.head-contact i.fa-solid {color: var(--white); background: var(--brown);}
	.head-contact a:hover i.fa-solid{background:var(--orange);}
	
	.hero-overlay h1 {font-size:45px;}
	.hero-overlay h1 span {font-size:24px;}
	
	.hero .hero-video {position: relative; z-index:0; padding-bottom: 56.25%; height:0; overflow: hidden; margin:-8% 0;}
	.hero .hero-video iframe{ position: absolute; top: -8%; left: -8%; width: 116%; height: 116%;}
	
	
	
	
	.home-intro {display:flex; flex-flow:column wrap; align-items:flex-start; justify-content:center; margin:65px 7.5%;}
	.home-intro * {width:100%;}
	.home-intro h2 {margin-bottom:8px;}

	.model-highlights {margin:0 2.5% 150px 0;}
	.model-highlights::after {content:none;}
	.model-item {width:47.5%;}
	.model-item a {font-size:20px;}
	.model-item:nth-last-of-type(-n+4) {margin-top:65px;}
	.model-item .model-profile img {width:100%; height:500px;}
	.model-item-group {width:47.5%; margin-left:2.5%;}
	.model-item-group .model-item {margin-top:0;}
	.model-item-group .model-item .model-profile img {width:100%; height:210px;}

	.sub-main article ul {column-count:1;}
	
	.contact-section {display:flex; flex-flow:column wrap;}
	.contact-details {width:100%; margin:25px 0;}
	.contact-map {width:100%; height:400px; margin:25px 0;}	
	
	.partner-brands-item {box-sizing:border-box; width:calc(50% - 12px);}
	
	.dept-highlight-item {width:calc(48% - 60px);}
	.dept-highlight-item:last-of-type {margin-top:1.5%;}
	
	.dealership-highlight {flex-flow:row wrap; margin-bottom: 150px;}
	.dealership-body {width:93%; margin:0 3.5% 60px 3.5%;}
	.dealership-body h3 {margin:60px 0 25px 0; font-weight:800; text-transform: uppercase; text-align:left;}
	.dealership-body p {font-size:20px; line-height:29px;}
	.dealership-profile {border-radius: 14px; overflow:hidden;}
	.dealership-profile img {width: 100%; height:400px; object-fit: cover; object-position: center center;}
	.dealership-map {width:93%; margin:0 auto;  border-radius:14px;}
	.dealership-map iframe {width:100%; height:450px;}
	
	.foot-foot {flex-flow:column wrap; align-items:center; justify-content:center;}
	.foot-copyright {margin-bottom:20px; text-align:center;  }
}

@media screen and (max-width: 850px) {
	.hero {position:relative; z-index: 1; width:100%; height:626px; background:url("/siteart/hero/international-hx-series-mobile.jpg") no-repeat center; background-size:cover;}
	.hero .hero-video {display:none;}
}

@media screen and (max-width: 768px) {
	.hero-cta a {flex:auto; width:100%; max-width:100%; margin:5px 25px;}
	.sub-hero h1 {font-size:33px;}
	.sub-hero-desktop {display:none;}
	.sub-hero-mobile {display:block}
	.sub-main {padding:calc(35px + 3.5%) 5%;}
	.partner-highlights {margin:140px 5% 200px 5%;} 
	.site-footer {background:var(--nearblack) url("/siteart/footer/footer-texture-sm.jpg") no-repeat; background-size: cover;}
}

@media screen and (max-width:600px){	
	.hero-overlay {width:75%;}
	.hero-overlay br {line-height: 2;}
	.sub-hero img {height:500px;}
	.sub-hero.map-hero iframe {height:480px;}
	.dept-highlight-item {width:calc(98% - 60px); margin-top:1.5%;}
	.dept-highlight-item:first-of-type {margin-top:-85px;}
	.dept-highlight-item:last-of-type {margin-top:1.5%;}
}

@media screen and (max-width:500px){
	.model-item {width:97.5%; margin-top:65px;}
	.model-item:nth-last-of-type(-n+4) {margin-top:65px;}
	.model-item .model-profile img {width:100%; height:400px;}
	.model-item-group {width:97.5%; margin-left:2.5%;}
	.model-item-group .model-item {margin-top:65px;}
	.model-item-group .model-item .model-profile img {height:180px;}
}

@media screen and (max-width:400px){
	.partner-brands-item {width:calc(100% - 12px);}
	.foot-head {display:flex; flex-flow:column; align-items:flex-start;}
	.foot-social {margin-top: 25px}
}