/* Set viewport width: 600 */
/* Set separate viewport width for font-size and line-height: 1200 */
/* COMMON FLEX TO START WITH  */
/* 
display:flex;
align-items: center;
justify-content: space-between 
*/


/***** BEGIN RESET *****/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

body,
html {
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    width: 100%;
}

td {
    vertical-align: top;
}

/* AT RESET  */

header form button[type=submit] {
    background-color: transparent !important;
    height: unset;
}

/* Make HTML 5 elements display block-level for consistent styling */
header,
nav,
article,
footer,
address {
    display: block;
}

input[type="submit"] {
    cursor: pointer;
}

/* INVENTORY RESET  */
input[type="color"]:not(.cf *),
input[type="date"]:not(.cf *),
input[type="datetime"]:not(.cf *),
input[type="datetime-local"]:not(.cf *),
input[type="email"]:not(.cf *),
input[type="file"]:not(.cf *),
input[type="month"]:not(.cf *),
input[type="number"]:not(.cf *),
input[type="password"]:not([class*="Mui"]):not(.cf *),
input[type="reset"]:not(.cf *),
input[type="search"]:not([class*="Mui"]):not(.cf *),
input[type="tel"]:not([class^="Mui"]):not(.cf *),
input[type="text"]:not([class^="Mui"]):not(.cf *),
input[type="time"]:not(.cf *),
input[type="url"]:not(.cf *),
input[type="week"]:not(.cf *),
select:not(.cf *),
textarea {
    height: auto !important;
    line-height: unset !important;
    overflow: visible !important;
    /* width: unset !important; */
}

.invpage header,
.invpage header *,
.invpage footer,
.invpage footer * {}


.invpage .notInventory input {
    border: none;
}

/* 
ABSOLUTE CENTER
transform: translateX(-50%); 
*/

/*-------- COLORS --------*/

:root {
    /* All text that appears outside of the colored boxes, background for the colored boxes */
    --neutral1: #FFFFFF;
    /* Insurance/Financing buttons */
    --secondary1: #DBCDC6;
    /* Some titles, some buttons */
    --primary: #C3262D;
    /* Background color for hover states, text color for hover states */
    --secondary2: #707070;
    /* Background color, all text appearing within the colored boxes */
    --neutral2: #1D1D1D;
}

/***** END RESET *****/
::-moz-selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}

::selection {
    background: var(--neutral2);
    color: var(--neutral1);
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.intextlink:hover {
    opacity: 0.8;
    /* Adjust the opacity value as needed */
}


/*-------- BODY STYLES --------*/

* {box-sizing: border-box;}

/* START LOADER SECTION */
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999999999999;
    background: rgb(255 255 255);
}

/* END LOADER SECTION  */

div#map-container iframe {
	width: 100%;
    height: 100% !important;
	min-height: 400px;
}

.locationsurround {
    display: flex;
    align-items: baseline;
}

.dots-container2 button[aria-selected="true"] {
    background: #D6D6D6;
    width: 100px !important;
    width: max(62px, 5.20833vw) !important;
    /* fontpair */

}

.dots-container2 * {
    opacity: 1 !important;
}

/* Dots styling (adjust position as needed) */
/* Set viewport width: 1000 */
/* Set separate viewport width for font-size and line-height: 1000 */
.dots-container2 {
    position: absolute;
    bottom: -126px;
    bottom: min(-66px, -6.5625vw);
    /* Example position */
    /* left: 50%; */
    /* Center horizontally */
    /* transform: translateX(-50%); */
    /* Center visually */
    list-style: none;
    padding: 0;
    margin: 0;
    left: 433px;
    left: max(226px, 22.55208vw);
}

@media only screen and (max-width: 1200px) {
    .dots-container2 {
        margin-left: -30px;

    }
}

@media only screen and (max-width: 1000px) {
    .dots-container2 {
        margin-left: 0px;
        bottom: -107px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}

.dots-container2 li {
    display: inline-block;
    margin: 0 6px;
    margin: 0 max(2px, 0.3125vw);
}

.dots-container2 button {
    background: none;
    /* Remove default button styles */
    border: none;
    width: 16px;
    width: max(10px, 0.83333vw);
    /* fontpair */

    /* Example dot size */
    height: 18px;
    height: max(11px, 0.9375vw);
    /* fontpair */


    /* Example rounded dot */
    background-color: white;
    /* Example color */

    /* Example opacity */
    cursor: pointer;
    transition: all ease .2s;
}

.surroundrightstuff {
	background: rgba(0,68,144,0.80);
	padding: 60px;
	padding-top: 80px;
	padding-bottom: 20px;
	border-top-left-radius: 40px;
    width: 100%;
    justify-content: space-between;
    align-items: center;
	max-width: 1000px;
    margin-left: 90px;
}



h1:not(.container.cf *),
h2:not(.container.cf *),
h3:not(.container.cf *),
h4:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *) {
    font-family: "Mohave", sans-serif;
    text-transform: uppercase;
}

h1:not(.container.cf *) { font-size: 54px;}

h2:not(.container.cf *) {
    font-family: "Mohave", sans-serif;
    font-weight: 600;
    font-size: 48px;
    letter-spacing: -0.02em;
    line-height: 1.1;
    text-align: left;
    text-transform: uppercase;
}

h3:not(.container.cf *) {
    font-family: "Mohave", sans-serif;
	font-size: 36px;
}

h4:not(.container.cf *) { font-size: 24px;}

h5:not(.container.cf *) {
    font-family: "Mohave", sans-serif;
    font-size: 28px;
    font-size: max(17px, 1.45833vw);
    letter-spacing: -0.01em;
    text-transform: uppercase !important;
}

h6:not(.container.cf *) {}

p, li {
    font-family: "vista-sans", sans-serif;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
	line-height: 2;
    color: #000;
}

ul.bullets li {
	list-style: disc;
}

p a {color: #000;}

.otherpage main ul:not(.container.cf *) {
    margin-left: 30px;
}

.btn-row.flex {
	display: flex;
	gap: 10px;
}

.btn-row.flex.parts {flex-wrap: wrap;}

a.standardbtn, .header-locations ul li a.standardbtn{
    border: 2px solid #000;
	border-radius: 25px;
    padding: 16px 30px;
    /* fontpair */
    font-family: "vista-sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #000;
    max-width: 320px;
    width: 100%;
    position: relative;
    display: block;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 20px 0;
    /* fontpair */
    transition: all ease .2s;
	text-transform: none;
}

a.standardbtn:hover,.header-locations ul li a.standardbtn:hover {
    background: black;
    color: white;
}

a.standardbtn.white, .header-locations ul li a.standardbtn.white{
    border: 2px solid #fff;
	border-radius: 25px;
    padding: 16px 30px;
    /* fontpair */
    font-family: "vista-sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.08em;
    text-align: left;
    color: #fff;
    max-width: 320px;
    width: 100%;
    position: relative;
    display: block;
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin: 20px 0;
    /* fontpair */
    transition: all ease .2s;
	text-transform: none;
}

a.standardbtn.white:hover,.header-locations ul li a.standardbtn.white:hover {
    background: #fff;
    color: #000;
}

a.standardbtn.blue {
    border: 2px solid #004490;
    color: #004490;
}

a.standardbtn.blue:hover{
    background: #004490;
    color: #fff;
}

a:link,
a:visited,
a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


hr {
    border: var(--neutral2) 1px solid;
}

/* NEAT MOBILE SEARCH  */
/* http://chattdozer.com/ */

/* CUSTOM LIST BULLETS  */
ul.custom li {
    display: flex;
    align-items: center
}



.wrapper {
    margin: 100px auto;
    margin: max(31px, 5.20833vw) auto;
    padding: 0 40px;
    padding: 0 max(12px, 2.08333vw);
    width: 100%;
    max-width: 1300px;
    max-width: max(406px, 67.70833vw);
    box-sizing: border-box;
}

/*--- HEADER STYLES ---------------------*/




/*.notInventory {*/

/*}*/


/*---BODY--------------------------------*/
/*.notInventory {*/

header {
    position: relative;
	z-index: 1;
}

.main-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 20px;
}

.header-logos {
	display: flex;
	width: 33%
}

.header-logos img {display: block; width: 100%;}

.header-logos .main-logo { max-width: 300px; flex-shrink: 0;}

.header-logos .other {max-width: 150px;}

.header-locations {width: 66%;}

.header-locations ul {display: flex; justify-content: space-around; align-items: center;}
.header-locations ul li:has(a.standardbtn) {width: 40%;}

.header-locations ul li a {font-family: "Mohave", sans-serif; font-weight: 600; color: #000; text-transform: uppercase; font-size: 20px; padding: 10px 12px;}
header .primary ul {
    text-align: center;
	margin-bottom: -15px;
}

.slider-container .lazy {
    padding: 0 !important;
    width: 100%;
}

.hero {position: relative;}

.hero-padding {display: block; padding: 100px 0;}

.surroundleft {
	position: absolute;
	bottom: 4px;
	width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
/*    background: #004490;*/
/*    padding: 30px 0;*/
    margin-top: -5px;
    margin-top: min(-5px, -0.36042vw);
}

.surroundleft .hudcontrols {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
	max-width: 550px;
    background: white;
    contain-intrinsic-block-size: auto 100px;
    contain-intrinsic-block-size: auto max(31px, 5.20833vw);
    border-radius: 0px 90px 90px 0px;
    height: 180px;
	margin-bottom: -40px;
	box-shadow: 0 0 25px -10px rgba(0,0,0,0.7);
}

.surroundleft .hudcontrols .dots-container {
    margin: 0 auto;
}

.hudcontrols button[aria-selected="true"] {
    background: #004490;
    /* fontpair */

}

.hudcontrols * {
    opacity: 1 !important;
}

.surroundleft .hudcontrols .arrowsstuff {
    display: flex;
    align-items: center;
    height: 100%;
	aspect-ratio: 1 / 1;
    justify-content: space-between;
}

.surroundleft .hudcontrols .arrowsstuff .prev-button {
    border-radius: 90px 0px 0px 90px;
    margin-right: 2px;
    margin-right: max(1px, 0.10417vw);
}

.surroundleft .hudcontrols .arrowsstuff i {
    color: #fff;
	font-size: 32px;
}

.surroundleft .hudcontrols .arrowsstuff .next-button {
    border-radius: 0px 90px 90px 0px;
}

.surroundleft .surroundtitlestuff {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 10px;
}

.surroundleft .surroundtitlestuff h1 {
    font-family: "Mohave", serif;
    font-weight: 500;
    font-size: 24px;
	line-height: 1;
    letter-spacing: 0.5px;
    color: #fff;
}

.surroundleft .surroundtitlestuff span {
    color: #fff;
	font-family: "Mohave", serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 18px;
	white-space: nowrap;
}

.surroundleft .standardbtn {
    border-color: white;
    color: white;
    margin-right: 130px;
    margin-right: max(41px, 6.77083vw);
}

.search-wrap {
	border-bottom: 1px solid #fff;
}

.surroundleft .search-wrap {
	
	margin-top: 20px;
}

.search-bar {
	display: flex; padding: 0 20px;
	font-size: 18px;
}

.search-bar input {
	width: 100%;
	font-size: 18px;
	padding: 10px;
	border: none;
	background: transparent;
	color: #fff;
	font-weight: 300 !important;
	font-family: "vista-sans", sans-serif;
}

.search-bar button {
	font-size: 18px;
	padding: 10px;
	border: none;
	background: transparent;
	color: #fff;
	font-family: "vista-sans", sans-serif;
	cursor: pointer;
}

.search-bar input::placeholder {
	color: #fff;
}

.search-bar input:focus-visible {
	outline: none;
}

main {}

.about-top {
	padding: 100px 0;
}

.about-wrapper {position: relative;}
.about {
	background-color: #004490;
	display: flex;
}



.about .img-aside {
	position: absolute;
	width: 50%;
	top: 0;
	z-index: 1;
}

.about .img-aside img {
	display: block;
	width: 100%;
	border-radius: 0 50px 50px 0;
	max-width: 800px;
}

.about .title { max-width:1000px; margin-right: 0; margin-left: auto; position: absolute; bottom: 100%; background: #fff; color: #004490;}

.about .blank { width: 100%; max-width: 800px;}
.about .text {width: 100%; max-width:800px; padding: 10px 5% 50px; background: #004490; position: relative;}

.about .text h2 {
	color: #004490;
}

.about .sub-head {
	color: #d12b35;
	font-family: "Mohave", sans-serif;
	text-transform: uppercase;
	font-size: 28px;
	font-weight: 600;
}

.about .text .blue h2, .about .text .blue p {
	color: #fff;
}

.parts {
	display: flex;
}

.parts .img-aside {
	width: 100%;
	max-width: 800px;
	position: relative;
	background-color: #f5f5f5;
	border-top-right-radius: 200px;
}
.parts .img-aside img {
	display: block;
	position: absolute;
	width: 100%;
	max-width: 600px;
	bottom: -20px;
	right: 0
}

.parts .text {width: 100%; max-width: 800px; padding: 50px 5%;}
.parts .text h2 {color: #d12b35;}

.search {
	background-color: #004490;
	background-image: linear-gradient(rgba(0, 68, 144, 0.80), rgba(0, 68, 144, 0.80)), url("../siteart/search-bg.jpg");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	padding: 100px 5%;
}

main .statementsection {
    padding: 115px 5% 0;
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

main .statementsection .container {
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: space-between; */
    background: #f6f6f6;
    width: 100%;
    padding: 65px 120px 0;
    padding: max(40px, 3.38542vw) max(27px, 6.25vw) 0;
    box-sizing: border-box;
    height: 830px;
    height: max(259px, 43.22917vw);
}

.otherpage .container {
    height: auto !important;
    padding: max(27px, 6.25vw) !important;
}

main .statementsection .container .left-side {
    max-width: 660px;
    max-width: max(206px, 34.375vw);
}

.otherpage .left-side {
    width: 100% !important;
    max-width: 100% !important;
}

main .statementsection .container .left-side img {
	display: block;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}

main .statementsection .container .left-side hr {}

main .statementsection .container .left-side p, main .statementsection .container .left-side ul.bullets {
    margin-bottom: 40px;
    margin-bottom: max(12px, 2.08333vw);
}

.job-listing, .loc-team {border-top: 1px solid #004490; padding-top: 50px;}

.job-listing h3, .loc-title h2 {color: #d12b35;}

.locations.flex {display: flex; flex-wrap: wrap; gap: 10px; padding-bottom: 15px;}

.locations.flex .loc {
	font-family: "Mohave", sans-serif;
	font-size: 15px;
	padding: 10px;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: #fff;
	background: #004490;
	border-radius: 20px;
}

.loc-team {padding-bottom: 50px;}

.loc-team .loc-title {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0 10px;
	align-items: center;
}

.loc-team .team {
	padding-top: 20px;
	display: flex;
	gap: 20px;
	justify-content: space-around;
	flex-wrap: wrap;
}

.loc-team .team .member {
	padding: 30px;
	border: 2px solid #004490;
	border-radius: 25px;
	width: 100%;
	max-width: 300px;
}

.loc-team .team .member h3 {
	font-size: 28px;
	color: #004490;
}

.member-btn {
	background-color: #d12b35;
	border: 2px solid #d12b35;
	border-radius: 25px;
	padding: 10px 18px;
	font-family: "vista-sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.08em;
	color: #fff;
	transition: all ease .2s;
	display: inline-block;
	width: 100%;
	cursor: pointer;
}

.member-btn:hover {
	color: #d12b35;
	background: transparent;
}

a.loc-phone {
	border: 2px solid #d12b35;
	border-radius: 25px;
	padding: 10px 18px;
	font-family: "vista-sans", sans-serif;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.08em;
	color: #d12b35;
	transition: all ease .2s;
	display: inline-block;
	margin: 5px 0;
}

a.loc-phone:hover {
	color: #000;
	border: 2px solid #000;
}

footer {}

footer .pointlesscontainer {
    margin-top: 110px;
    position: relative;
}

footer .pointlesscontainer .mainft .footerr .flinkscontain h5 {
    font-family: "Mohave", sans-serif;
    font-size: 28px;
    font-size: max(17px, 1.45833vw);
    letter-spacing: -0.01em;
}
footer .pointlesscontainer .mainft .footerr .flinkscontain ul li a {
    font-family: "vista-sans", sans-serif;
    font-size: 17px;
    font-size: max(11px, 0.88542vw);
    letter-spacing: 0.07em;
    line-height: 41px;
    line-height: max(26px, 2.13542vw);
}

footer .pointlesscontainer .mainft .footerr .flinkscontain ul li a .fa-solid {}

footer .navbottoms {
    background: #004490;
    DISPLAY: FLEX;
	flex-wrap: wrap;
    JUSTIFY-CONTENT: SPACE-BETWEEN;
}

footer .navbottoms ul {
    display: flex;
	flex-wrap: wrap;
	gap: 20px;
    justify-content: flex-end;
    PADDING: 11px 0;
	padding-left: 20px;
    /* fontpair */

}

footer .navbottoms ul li {
    margin-right: 50px;
    margin-right: max(16px, 2.60417vw);
}

footer .navbottoms ul li a {
    font-family: "vista-sans", sans-serif;
    font-size: 19px;
    font-size: max(15px, 0.98958vw);
    letter-spacing: 0.08em;
    line-height: 41px;
    line-height: max(36px, 2.13542vw);
    color: #fff;
}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width: 100%;
    height: 90px;
    height: max(28px, 4.6875vw);
    overflow: hidden;
}

.scrolling {
    width: 100%;
    height: 92px;
    height: max(29px, 4.79167vw);
}

/*}*/

/*--------FORM STYLES--------------------*/
/*.notInventory {*/

/*}*/

/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
    font-size: 13px;
    font-size: max(8px, 0.67708vw);
}

a.footerlink:hover {
    text-decoration: none;
    font-size: 13px;
    font-size: max(8px, 0.67708vw);
}

.footertext {
    font-size: 13px;
    font-size: max(8px, 0.67708vw);
    color: #999999;
}

.smallfootertext {
    font-size: 10px;
    font-size: max(6px, 0.52083vw);
    color: #999999;
}

.divfooter {
    max-width: 450px;
    max-width: max(141px, 23.4375vw);
    text-align: center;
    margin: 0 auto;
}


.scta {
    text-transform: uppercase;
}

footer {
    z-index: 2;
    display: block;
    position: relative;
}

.footerctas {
    display: flex;
    justify-content: flex-end;
    margin-right: 140px;
    margin-right: max(44px, 7.29167vw);
    position: relative;
    margin-top: -100px;
    margin-top: min(-31px, -5.20833vw);
    margin-left: 51px;
    margin-left: max(16px, 2.65625vw);
}

.footerctas a {
    width: 153.72px;
    width: max(96px, 8.00625vw);
    /* fontpair */
    height: 153.72px;
    height: max(96px, 8.00625vw);
    /* fontpair */
    background: #1b5ab7;
    border-radius: 280px;
    /* fontpair */
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Mohave", sans-serif;
    font-size: 22px;
    font-size: max(14px, 1.14583vw);
    line-height: 31px;
    line-height: max(19px, 1.61458vw);
    color: #fff;
    margin-right: 20px;
    margin-right: max(13px, 1.04167vw);
    /* fontpair */
    text-align: center;
    font-weight: 500;
    transition: ease .2s all;
}

.footerctas a:hover {
    background: #161616;
    color: white;
}

.footerctas .accent {
    position: absolute;
    margin-top: -50px;
    margin-top: min(-16px, -2.60417vw);
    margin-right: 355px;
    margin-right: max(111px, 18.48958vw);
}

footer .pointlesscontainer .scta {
    background: #d66c2b;
    padding: 8px 90px;
    padding: max(3px, 0.41667vw) max(28px, 4.6875vw);
    margin: 0 12px;
    margin: 0 max(4px, 0.625vw);
    margin-top: -40px;
    margin-top: min(-12px, -2.08333vw);
    z-index: 3;
}

footer .pointlesscontainer .scta {
    background: #d66c2b;
    box-sizing: border-box;
    background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 50%, rgba(214, 108, 43, 1) 50%);
    background-size: 200% 100%;
}

footer .pointlesscontainer .scta:hover {
    background-size: 200% 100%;
    background-position: 100% 0%;
}

footer .pointlesscontainer .scta:first-of-type {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%, 0 62%);
}

footer .pointlesscontainer .mainft {
    display: flex;
	gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding: 0 5% 100px 5%;
    margin-bottom: 20px;
}

footer .pointlesscontainer .mainft .footerl {
	max-width: 300px; 
}

footer .pointlesscontainer .mainft .footerl img {
    width: 100%;
}

footer .pointlesscontainer .mainft .footerr {
    display: flex;
	gap: 20px 40px;
}

footer .pointlesscontainer .mainft .footerr .flinkscontain h5 {
    padding-bottom: 42px;
    padding-bottom: max(13px, 2.1875vw);
    text-transform: none;
}

footer .pointlesscontainer .mainft .footerr .flinkscontain ul li {
    padding-bottom: 15px;
    padding-bottom: max(5px, 0.78125vw);
}

footer .pointlesscontainer .mainft .footerr .flinkscontain ul li a {
    font-family: "vista-sans", sans-serif;
    font-weight: 300;
    font-size: 15px;
	line-height: 1.5;
    text-align: left;
    color: #000;
}

footer .pointlesscontainer .mainft .footerr .flinkscontain ul li a .fa-solid {
    padding-right: 18px;
    padding-right: max(11px, 0.9375vw);
    /* fontpair */

}
/*}*/

/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1400px) {
	.header-logos {width: 50%;}
	
}

@media only screen and (max-width: 1200px) {
	.header-logos .main-logo {max-width: 200px;}
	.header-logos .other {max-width: 100px;}
	
	.header-locations ul li a {font-size: 16px;}
	
	.hero-padding {display:block;}
	.surroundleft {flex-wrap: wrap; bottom: -136px;}
	.surroundleft .hudcontrols {order: 2; margin-bottom: 0; margin-top: -40px;}
	.surroundrightstuff {order: 1; margin-left: auto; padding-bottom: 60px;}
	
	.about-top {display: none;}
	.about {flex-wrap: wrap;}
	.about .img-aside {position: static; background: #fff; width: 100%; z-index: 0;}
	.about .img-aside img {width: 50%;}
	.about .blank {min-height: 200px; background: #fff; max-width: none;}
	
	.parts {flex-wrap: wrap;}
	.parts .img-aside img {position: static; margin: 0 0 -20px auto;}
	
	
	footer .pointlesscontainer .footerctas {
        justify-content: center;
        margin: 0;
        flex-wrap: wrap;
    }

    footer .pointlesscontainer .mainft {
        flex-direction: column-reverse;
        height: auto;
        padding: 20px;
    }

    footer .pointlesscontainer .mainft .footerl {
        margin: 20px 0;
    }

    footer .pointlesscontainer .mainft .footerl img {}

    footer .pointlesscontainer .mainft .footerr {
        flex-direction: column;
    }

    footer .pointlesscontainer .mainft .footerr .flinkscontain {
        margin: 15px 0;
    }
	
}

@media only screen and (max-width: 1000px) {
	.main-header {justify-content: center; padding-bottom: 20px;}
	.header-logos {width: 100%; justify-content: center}
	.header-logos .main-logo {order: 2; flex-shrink: unset;}
	.header-logos .equipment.other {order: 1;}
	.header-logos .ford.other {order: 3;}
	.header-locations {display: none;}
	
    .invpage footer {
        margin-bottom: 85px !important;
    }
	
	.btn-row.flex.locations {flex-wrap: wrap;}
}

@media only screen and (max-width: 768px) {
	.surroundrightstuff {padding-top: 40px;}
	.surroundleft .surroundtitlestuff span {display: none;}
	.surroundleft .hudcontrols {height: 150px;}
	.surroundleft {bottom: -106px;}
	.search-bar {padding: 0 5px;}
	
	.about .img-aside img {width: 80%;}
}

@media only screen and (max-width: 500px) {
	h2:not(.container.cf *) {font-size: 32px;}
	.about .sub-head {font-size: 20px;}
	
	.btn-row.flex {flex-wrap: wrap;}
	
	.about .blank {min-height: 150px;}
	.about .img-aside img {border-radius: 0 25px 25px 0;}
}
    
/* SLIDER */
.slider {
    position: relative;
    /* Make the slider container relative */
}

.prev-arrow,
.next-arrow {
    position: absolute;
    /* Position arrows absolute outside */
    /* Style your arrows */
    z-index: 10;
    /* Ensure arrows are on top of content */
}

.prev-arrow {
    left: -50px;
    left: min(-16px, -2.60417vw);
    /* Adjust position as needed */
}

.next-arrow {
    right: -50px;
    right: min(-16px, -2.60417vw);
    /* Adjust position as needed */
}

/* Dots styling */

/* Dots styling (adjust position as needed) */
.dots-container {
    /* position: absolute; */
    /* bottom: 10px; */
    /* Example position */
    /* left: 50%; */
    /* Center horizontally */
    /* transform: translateX(-50%); */
    /* Center visually */
    list-style: none;
    padding: 0;
    margin: 0;
}

.prev-button,
.next-button {
    background: #004490;
    padding: 20px 0;
    padding: max(6px, 1.04167vw) 0;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    cursor: pointer;
}

.prev-button:hover,
.next-button:hover {
    background: #1f1f1f;
}

.dots-container li {
    display: inline-block;
    margin: 0 6px;
    margin: 0 max(2px, 0.3125vw);
}

.dots-container button {
    background: none;
    /* Remove default button styles */
    border: none;
    width: 16px;
    /* fontpair */

    /* Example dot size */
    height: 16px;
    /* fontpair */


    /* Example rounded dot */
    background-color: black;
    /* Example color */

    /* Example opacity */
    cursor: pointer;
    transition: all ease .2s;
}

.dots-container button.slick-active {
    opacity: 1;
    /* Increase opacity for active dot */
}


/***** CONTACT PAGE *****/
a.arrow-btn {
    background: #f5cc19;
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
}

/*--- HEADER STYLES ---------------------*/



/*---BODY--------------------------------*/
.flex-container {
    display: flex;
}

.flex-container.flex-contact {
    margin-top: max(20px, 5vw);
}

.yellow-txt {
    color: #f5cc19 !important;
}

/*--------HERO STYLES--------------------*/

/*--------HOME STYLES--------------------*/


/*--- inventory slider ---*/

/*--- BRANDS ---*/



/*---  contact page ---*/
.contact-side,
.map-side {
    flex: 1;
}

.location-one {
    padding: 40px 30px;
    position: relative;
    border-top: 1px solid #eee;
    background: #fff;
}

.location-txt {
    display: flex;
    gap: 85px;
    /* align-items: unset; */
    justify-content: flex-start;
}

.blue-txt {}

.textwrap {
    /* max-width: 77%; */
    margin-left: 10%;
    padding: 60px 0 0;
}

.textwrap h1 {
    margin-bottom: 10px;
}

.c-text {
    margin-bottom: 40px;
	padding: 0 20px;
}

.map-side {
    position: relative;
}

.map-side iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
}


.location-one .arrow-btn i.fa-solid.fa-arrow-right-long {
    background: #f5cc19;
    bottom: 0;
    right: 0;
    margin-left: 8px;
}

.location-one a.arrow-btn {
    background: #004490;
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: .3s all;
    font-family: "vista-sans", sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-size: max(15px, 1.25vw);
    letter-spacing: 0.08em;
    line-height: 41px;
    line-height: max(26px, 2.13542vw);
    text-align: left;
    color: white;
    list-style: disc;
}

.location-one a.arrow-btn:hover {}

/* BRAND PAGE */
/*  scrolling inventory
------------------------------------------------*/

/*--------FORM STYLES--------------------*/


button.blue-link {
    background: transparent;
    border: none;
    text-align: left !important;
    padding: 15px 0;
    margin-top: 15px;
}



/* Forward */
.hvr-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
}

/*-------- FOOTER STYLES ----------------*/
/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

/* heading */


/*---------- RESPONSIVE STYLES ----------*/

@media only screen and (max-width: 1320px) {
    .location-txt {
        gap: 40px;
    }
}

@media only screen and (max-width: 1000px) {
    .flex-contact {
        flex-wrap: wrap;
    }

    .contact-side,
    .map-side {
        flex: 1;
        flex-basis: 100%;
    }

    .contact-side {
        padding: 10% 0;
    }

    .textwrap {
        max-width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    .map-side iframe {
        height: 500px;
        position: unset !important;
    }


}

@media only screen and (max-width: 630px) {

    .location-one {
        padding: 30px 30px 80px 30px;
        position: relative;
        border-top: 1px solid #eee;
        background: #fff;
    }

    .location-one a.arrow-btn {
        left: 0 !important;
        text-align: center;
    }

    .location-txt {
        justify-content: space-between;
        flex-wrap: wrap;
    }

}


@media only screen and (max-width: 470px) {


    .location-txt span,
    .location-txt p {
        flex-basis: 100%;
    }

    .location-txt {
        gap: 0;
    }
}