/* font-family: 'Goldman', sans-serif; Byker Regular font-family: "byker", sans-serif; font-weight: 400; font-style: normal; Byker Italic font-family: "byker", sans-serif; font-weight: 400; font-style: italic; Byker Medium font-family: "byker", sans-serif; font-weight: 500; font-style: normal; Byker Medium Italic font-family: "byker", sans-serif; font-weight: 500; font-style: italic; Byker Bold font-family: "byker", sans-serif; font-weight: 700; font-style: normal; Byker Bold Italic font-family: "byker", sans-serif; font-weight: 700; font-style: italic; */
/***** 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;
}


ol,
ul {
    list-style: none;
}

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

td {
    vertical-align: top;
}

input:not(.container.cf *) {
    /* border: none; */
    outline: none;
}

/* 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 .notInventory input {
    border: none;
}

/* ABSOLUTE CENTER margin: 0 0 0 max(550px,50vw); 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: #FF9E2C;
    /* 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;
}

a.llink {
    background-image: linear-gradient(120deg, #916300 0%, #916300 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.2em;
    background-position: 0 116%;
    transition: background-size 0.25s ease-in;
    color: #916300;
    transition: 0.25s ease-out;
    padding: 2px 2px 0;
    padding: max(2px, 0.13889vw) max(2px, 0.13889vw) 0;
}

a.llink:hover {
    background-size: 100% 88%;
    color: white;
}

/*-------- BODY STYLES --------*/
/* 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  */
.notInventory *:not(i):not(i *):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-family: "byker", sans-serif;
}

.CaptchaPanel {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

*:not(.slick-slider *):not(.container.cf *):not(.mobile):not(.se-pre-con):not(.se-pre-con *):not(.se-pre-con):not(.se-pre-con *) {
    transition-duration: .25s;
}

button {
    cursor: pointer;
}

p a {
    color: var(--primary);
    text-decoration: underline !important;
}

p a:hover {
    text-decoration: none !important;
}

h1:not(.container.cf *),
h2:not(.container.cf *),
h3:not(.container.cf *),
h4:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *),
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: 'Goldman', sans-serif !important;
    text-transform: uppercase;
}

h1:not(.container.cf *) {
    font-size: max(23px, 2.08333vw);
    font-weight: bold;
}

h2:not(.container.cf *) {
    font-family: 'Goldman', sans-serif;
    font-weight: normal;
    font-size: 37px;
    font-size: max(28px, 2.56944vw);
    letter-spacing: 0.2em;
    line-height: 45px;
    line-height: max(34px, 3.125vw);
    text-align: left;
    color: #000;
    font-weight: bold;

    ._TRUCKS___TRAILERS {
        font-size: 18px;
        font-size: max(14px, 1.25vw);
        font-family: "Goldman";
        color: rgb(35, 35, 35);
        font-weight: bold;
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        position: absolute;
        left: 728.406px;
        left: max(556px, 50.58375vw);
        top: 2270.708px;
        top: max(1735px, 157.68806vw);
        width: 408px;
        width: max(312px, 28.33333vw);
        height: 18px;
        height: max(14px, 1.25vw);
        z-index: 104;
    }

    ;
    font-size: 30px;
    font-size: max(23px, 2.08333vw);
    color: rgb(35, 35, 35);
    font-weight: bold;
    line-height: 1.2;
    /* margin-bottom: 25px; */
}

h3:not(.container.cf *) {
    font-weight: bold !important;
}

h4:not(.container.cf *) {
    font-family: "byker", sans-serif !important;
    font-weight: normal;
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    letter-spacing: 0.4em;
    line-height: 30px;
    line-height: max(23px, 2.08333vw);
    text-align: center;
    color: #232323;
}

h5:not(.container.cf *) {
    font-weight: normal;
    font-size: 13px;
    font-size: max(12px, 0.90278vw);
    letter-spacing: 0.2em;
    /* line-height: 65px; */
    /* line-height: max(50px, 4.51389vw); */
    text-align: left;
    color: #000;
    font-family: "byker", sans-serif !important;
}

p:not(.container.cf *):not(.emissions *),
.page-wrapper ul li:not(.container.cf *):not(.emissions *) {
    font-weight: normal;
    font-size: 18px;
    font-size: max(14px, 1vw);
    letter-spacing: 0.05em;
    line-height: 33px;
    line-height: max(25px, 1.75vw);
    text-align: left;
    color: #232323;
}

.team-sub-title {
	padding-top:50px;
}
.loc-anchor {
	display: block;
	height: 20px;
	width: 100%;
	position: relative;
	z-index: -1;
	margin-top:-80px;
}
.orange-text {
    color: var(--primary);
}
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 li {
    /* display: flex; */
    align-items: center
}

ul li:before {
    /* content: ''; */
    background: url('/siteart/arrow.png');
    position: relative;
    width: 15px;
    width: max(11px, 1.04167vw);
    height: 17px;
    height: max(13px, 1.18056vw);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 25px;
    padding-right: max(19px, 1.73611vw);
}

ul.boxed-list{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
ul.boxed-list li{
	width: calc(25% - 10px);
	box-sizing: border-box;
	border: solid 1px #eee;
	padding: 70px 50px 50px;
	position: relative;
}
ul.boxed-list-sm li{
	width: calc(33.3333333% - 10px);
}
ul.boxed-list li:after{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #ff9e2c;
	color: #000;
	text-align: center;
	font-size: 16px;
}
ul.boxed-list-lg{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
ul.boxed-list-lg li{
	width: 100%;
	box-sizing: border-box;
	border: solid 1px #eee;
	padding: 50px 50px 50px;
	position: relative;
}
ul.boxed-list-lg li:after{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #ff9e2c;
	color: #000;
	text-align: center;
	font-size: 16px;
}
ul.boxed-list-md{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
ul.boxed-list-md li{
	width: calc(50% - 10px);
	box-sizing: border-box;
	border: solid 1px #eee;
	padding: 50px 50px 50px;
	position: relative;
}
ul.boxed-list-md li:after{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
	position: absolute;
	top: 0;
	right: 0;
	width: 48px;
	height: 48px;
	line-height: 48px;
	background: #ff9e2c;
	color: #000;
	text-align: center;
	font-size: 16px;
}

.banner-img-btn{
	margin: 150px 0;
}

.wrapper {
    margin: 100px auto;
    margin: max(76px, 6.94444vw) auto;
    padding: 0 40px;
    padding: 0 max(31px, 2.77778vw);
    width: 100%;
    max-width: 1300px;
    max-width: max(993px, 90.27778vw);
    box-sizing: border-box;
}

/*--- HEADER STYLES ---------------------*/
/* Contact Info  */
.contactInfo {
    display: flex;
}

.contactInfo,
.contactInfo * {
    /* color: var(--secondary1); */
}

.contactInfo a {
    font-size: 17px;
    font-size: max(13px, 1.18056vw);
    font-size: max(13px, max(10px, 0.88542vw));
    line-height: 2;
}

.contactInfo i {
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    font-size: max(12.4792px, max(8px, 0.72917vw));
    font-size: max(max(10px, 0.86661vw), max(8px, 0.72917vw));
    padding-right: max(5.4167px, max(5px, 0.41667vw));
    padding-right: max(max(4px, 0.37616vw), max(5px, 0.41667vw));
}

@media only screen and (max-width: 925px) {
    .contactInfo {
        display: flex !important;
    }

    .contactInfo a {
        padding-left: 0 !important;
    }
}

/***** Start of primary nav ******/
#menu-button {
    display: none;
}

nav.mobile {
    display: none;
}

nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    position: relative;
    background: #000;
}

nav.primary *,
nav.primary {
    /* width: 100%; */
}

nav.primary ul {
    margin: 0;
    padding: 0;
}

nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
}

nav.primary ul li a {
    color: #fff;
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    /* line-height: 60px; */
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    font-weight: 500;
    padding: 0 12px;
    padding: 0 max(9px, 0.83333vw);
    height: 100%;
    font-size: 12px;
    font-size: max(12px, 0.83333vw);
    color: rgb(255, 255, 255);
	letter-spacing: 1px;
    line-height: 2.5;
    font-family: 'Goldman', sans-serif !important;
}

nav.primary ul li a:hover,
.socialdropdowns ul li a:hover {
    background: var(--primary);
    color: black;
}
.socialdropdowns ul li a {
	padding: 10px !important;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: 16px;
    font-size: max(12px, 0.83333vw);
    line-height: 0.8;
    /* line-height: max(9px, 0.11111vw); */
    padding: 10px;
    padding: max(7px, 0.63333vw);
    color: #fff;
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px;
}

/* Appearance of the sub-level links on hover */
/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul, .socialdropdowns ul ul {
    display: none !important;
    position: absolute;
}
.socialdropdowns ul li {
    position: relative;
}

nav.primary ul ul ul,  .socialdropdowns ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}
nav.primary ul ul ul.dropdown-left, .socialdropdowns .dropdown-left {
    position: absolute;
    left: unset;
	right: 100%;
	top: 0 !important;
}
nav.primary ul ul ul.dropdown-left, .socialdropdowns .dropdown-left a {
margin: 0 !important;
}

nav.primary ul li:hover>ul,  .socialdropdowns ul li:hover>ul {
    display: block !important;
    line-height: 18px;
    line-height: max(14px, 1.25vw);
    z-index: 100;
}

nav.primary>ul>li:last-of-type:hover>ul {
    right: 0;
}

nav.primary>ul>li:last-of-type ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

nav.primary>ul>li:last-of-type ul li {
    width: 200px;
}

nav.primary ul ul li,  .socialdropdowns ul ul li {
    float: none;
    position: relative;
    margin: 0;
    display: block;
	min-width: 220px;
}
nav.primary ul ul li a,  .socialdropdowns ul ul li a{
	background: #333;
}
nav.primary ul ul ul li a,  .socialdropdowns ul ul ul li a{
	background: #444 ;
}
nav.primary ul ul li i,  .socialdropdowns ul ul li i {
	float: right;
	padding-left: 30px;
}

@media screen and (max-width: 1730px) {
    nav.primary ul li a {
        padding: 0 8px;
    }
}

@media screen and (max-width: 1575px) {
    nav.primary ul li a {
        font-size: 11px;
    }
}

@media screen and (max-width: 1400px) {
    nav.primary {
        /* width: 82%; */
    }
}

/******** End of primary Nav ***************/
@media screen and (min-width: 768px) {
	.show-mobile{
		display: none !important;
	}
	
}
@media screen and (max-width: 767px) {
	.hide-mobile{
		display: none !important;
	}
}
@media screen and (max-width: 1079px) {

    /*============================== Mobile Nav Styles ================================*/
    nav.primary {
        display: none;
    }

    #menu-button {
        width: 74%;
        display: inline-block;
        font-size: 24px;
        position: relative;
        line-height: 60px;
        z-index: 400;
        /* needs to be lower than nav.mobile, adjust as needed */
        background: #000;
        text-align: right;
        padding-right: 10px;
    }

    #menu-button a {
        color: #fff;
        text-decoration: none;
        padding: 0 0 0 .8em;
        font-weight: normal;
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #333;
        z-index: 500;
        /* needs to be higher than #menu-button, adjust as needed */
        overflow: auto;
    }

    /* MENU HEADER SOCIAL MEDIA */
    nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        word-spacing: 13px;
        padding: 0 0 0 15px;
        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 .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
        color: #999;
        font-size: 18px;
        font-weight: 400;
    }

    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 24px;
        font-weight: bold;
        line-height: 1;
        background: #222;
        color: #999;
        text-decoration: none;
        top: -38px;
        right: 13px;
    }

    nav.mobile .menu-toggle:hover {
        /* Menu close button on hoveer */
        color: #fff;
    }

    /* MENU LIST STYLE */
    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
    }

    nav.mobile ul li {
        border-top: 1px solid #454545;
        border-bottom: 1px solid #151515;
        position: relative;
    }

    /* FIRST LEVEL */
    nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 15px;
        padding: 10px;
        color: #999;
        text-decoration: none;
        border-left: 4px #333 solid;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        text-align: left;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: #fff;
        border-left: 4px var(--primary) solid;
        /* border highlight - Change to fit match site colors */
    }

    /* SECOND LEVEL */
    nav.mobile ul li li:last-child {
        border: none;
    }

    nav.mobile ul li li a {
        background: #444;
        position: relative;
        display: block;
        padding: 10px 10px 10px 15px;
        border-left: 4px #444 solid;
        color: #ccc;
        text-decoration: none;
    }

    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 {
        background: #555;
        position: relative;
        display: block;
        padding: 10px 10px 10px 25px;
        color: #ccc;
        text-decoration: none;
        border-left: 4px #555 solid;
    }

    nav.mobile ul li li li a:hover {
        background: rgba(85, 85, 85, 0.5);
    }

    nav.mobile ul li .click {
        /* dropdown menu idicator arrow be sure to include this image with your image files */
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 12399994;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        padding: 14px 20px;
        color: #fff;
    }

    .nav-footer {
        color: #1B1B1B;
        position: relative;
        text-align: center;
        font-size: 14px;
        line-height: 16px;
        padding: 15px 0;
    }

    /* FONT AWESOME ICONS */
    nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 6px 0 0;
        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 {
        color: #999;
    }

    /* SLIDE DOWN NAV STYLES */
    /*#menu-button{display:inline-block;position:relative;line-height:60px;z-index:400;line-height:1;text-align:right;font-family:interstate,sans-serif;font-size:16px;letter-spacing:0.03em;line-height:32px;text-align:left;color:#413f40;text-transform:uppercase;font-weight:bold;}#menu-button a{color:#000;text-decoration:none;}nav.mobile{display:block;position:fixed;top:0;top:-100%;width:100%;height:100%;background:#eaeaea;z-index:99999;overflow:auto;}.flexSurround{display:flex;align-items:center;justify-content:center;flex-direction:column;height:90vh;overflow:hidden;}nav.mobile .social-media{position:relative;text-decoration:none;display:inline-block;font-size:16px;word-spacing:13px;padding:0 0 0 15px;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;}nav.mobile .mobile_top{position:relative;display:block;padding:0;margin:50px 0 10px 0;color:#999;font-size:18px;font-weight:400;top:0;right:0;width:100%;}nav.mobile .menu-toggle{position:absolute;padding:3px 8px 3px;font-family:Arial,sans-serif;font-size:44px;font-weight:100;line-height:1;color:var(--neutral2);text-decoration:none;bottom:0px;right:13px;}nav.mobile .menu-toggle:hover{color:var(--secondary2);}nav.mobile ul{list-style:none;font-weight:300;margin:0;padding:0;width:100%;}nav.mobile ul *{transition:all 0.1s ease-out;}nav.mobile ul li{position:relative;}nav.mobile ul li a{position:relative;display:block;font-size:16px;padding:16px;color:var(--neutral2);font-family:interstate,sans-serif;text-decoration:none;text-align:center;text-transform:uppercase;}nav.mobile ul li a:hover{background:rgba(45,45,45,0.5);color:#f9f9f9;}nav.mobile ul li li:last-child{border:none;}nav.mobile ul li li a{background:#444;position:relative;display:block;padding:10px 10px 10px 15px;border-left:4px #444 solid;color:#ccc;text-decoration:none;}nav.mobile ul li li a:hover{background:rgba(65,65,65,0.5);}nav.mobile ul li li li:last-child{border:none;}nav.mobile ul li li li a{background:#555;position:relative;display:block;padding:10px 10px 10px 25px;color:#ccc;text-decoration:none;border-left:4px #555 solid;}nav.mobile ul li li li a:hover{background:rgba(85,85,85,0.5);}nav.mobile ul li .click{position:absolute;display:block;cursor:pointer;z-index:12399994;top:0;right:0;width:auto;height:auto;padding:17px 20px;color:#fff;}.nav-footer{color:#1B1B1B;position:relative;text-align:center;font-size:14px;line-height:16px;padding:15px 0;}nav.mobile ul li a .fa{width:25px;font-weight:100;padding:8px 3px;margin:0 6px 0 0;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{color:#999;}*/
}

@media screen and (max-width: 1020px) {
    #menu-button {
        width: 34%;
    }
}

@media screen and (max-width:450px) {
    #menu-button {
        width: 100%;
    }
}

/*.notInventory {*/
/*}*/
/*---BODY--------------------------------*/
/*.notInventory {*/
header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: black;
    /* padding: 14px 135px;
    padding: max(11px, 0.97222vw) 9.375vw; */
	
    padding: 14px 50px;
    position: relative;
    z-index: 2;
	
    height: 70px;
}

.sticky{position: fixed !important; top: 0; left: 0; right: 0;}
.header-offset{height: 98px;}
header a img {
    width: 185px;
    width: max(141px, 12.84722vw);
}

header .primary ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* max-width: 1000px; */
}

main #hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    clip-path: polygon(0 0, 1440px 0, 1440px 679px, 749px 679px, 720px 710px, 691px 679px, 0 679px);
    clip-path: polygon(0 0, max(1100px, 100vw) 0, max(1100px, 100vw) max(519px, 47.15278vw), max(572px, 52.01389vw) max(519px, 47.15278vw), max(550px, 50vw) max(542px, 49.30556vw), max(528px, 47.98611vw) max(519px, 47.15278vw), 0 max(519px, 47.15278vw));
    height: 712px;
    height: max(544px, 49.44444vw);
}

main #hero:before {
    width: 94px;
    width: 6.52778vw;
    height: 18px;
    height: max(14px, 1.25vw);
    content: '';
    position: absolute;
    background: var(--primary);
    left: 0;
    z-index: 3;
    top: 190px;
    top: max(145px, 13.19444vw);
}

section#hero:after {
    content: '';
    background: linear-gradient(90deg, #f4f4f4 0%, rgba(244, 244, 244, 0.89) 46.43%, rgba(244, 244, 244, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

main #hero .toptext {
    position: absolute;
    width: 422px;
    width: max(322px, 29.30556vw);
    z-index: 2;
    margin-left: 185px;
    margin-left: 12.84722vw;
    margin-top: -50px;
    margin-top: min(-38px, -3.47222vw);
}

main #hero .toptext h1 {
    font-size: 30px;
    font-size: max(23px, 2.08333vw);
    color: rgb(0, 0, 0);
    line-height: 1.5;
	letter-spacing: 4px;
    display: flex;
    flex-direction: column;
    /* width: 560px; */
    margin-bottom: 35px;
    margin-bottom: max(27px, 2.43056vw);
    font-weight: 100;
}

main #hero .toptext h1 span {
    /* font-size: 30px; */
    /* color: rgb(0, 0, 0); */
    /* line-height: 2; */
    font-size: 48px;
    font-size: max(37px, 3.33333vw);
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.25;
}

main #hero .toptext .ctas,
.ctas.multiplectas {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.usedpage .ctas.multiplectas {
    justify-content: center !important;
}

.ctas .standardbtn:not(#contactus .socialdropdowns:last-of-type .standardbtn) {
    margin-right: 15px;
    margin-right: max(11px, 1.04167vw);
}

.letterspacing {
    letter-spacing: 0.4em;
}

.standardbtn.cblack {
    /* letter-spacing: 0; */
    padding: 0 17px;
    padding: 0 max(13px, 1.18056vw);
}

.ctas .socialdropdowns {
    display: flex;
    flex-wrap: wrap;
}

.topcontent .ctas .socialdropdowns ul {
    /* right: 0; */
}

.topcontent .ctas .socialdropdowns {
    position: relative;
    align-items: flex-start;
}

.ctas .socialdropdowns:hover {
    display: block;
    position: relative;
}

.ctas .socialdropdowns:hover ul {
    display: inline-block;
    position: absolute;
}

footer .ctas .socialdropdowns:hover ul {
    bottom: max(49px, 4.3vw);
    right: 0;
}

.topcontact .ctas .socialdropdowns:hover > ul {
    right: 0;
}

.socialdropdowns>a {
    display: inline-block;
}

.socialdropdowns:hover ul {
	z-index: 10;
    /* display: inline-block; */
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
}

.middlelinks .socialdropdowns:hover ul {
    position: absolute;
    display: inline-block;
    left: 0;
}

.middlelinks .socialdropdowns {
    position: relative;
}

.socialdropdowns>a {
    display: inline-block;
    position: relative;
}

.ctas .socialdropdowns .standardbtn .fa-brands {
    margin: 0;
}

.socialdropdowns ul {
    display: none;
}

main #hero .toptext .ctas .standardbtn,
.ctas.multiplectas .standardbtn {
    height: 44px;
    height: max(34px, 3.05556vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cyellow {
    background: var(--primary);
}

.ctas ul li a,
.middlelinks ul li a {
    font-size: 16px;
    font-size: max(12px, 0.83333vw);
    line-height: 0.8;
    /* line-height: max(9px, 0.11111vw); */
    padding: 10px;
    padding: max(7px, 0.63333vw);
    color: #fff;
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px;
    display: flex;
    align-items: center;
    width: 200px;
    justify-content: space-between;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

main #hero .btmimg {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main #bigctas {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    margin-top: 70px;
    margin-top: max(53px, 4.86111vw);
}

main #bigctas a:not(a:last-of-type) {
    border-right: 0.5px solid #c3c3c3;
}

main #bigctas a {
    width: max(363px, 33vw);
    /* border: none; */
    padding: 30px;
    padding: max(23px, 2.08333vw);
    max-width: 100% !important;
    box-sizing: border-box;
}

main #bigctas a:hover h4 {
    letter-spacing: .5em;
}

main #bigctas a:hover h3,
main #bigctas a:hover h4 {
    color: #353535;
}

main #bigctas a img {
    width: 80px;
    width: max(61px, 5.55556vw);
    height: 80px;
    height: max(61px, 5.55556vw);
    margin-bottom: 20px;
    margin-bottom: max(15px, 1.38889vw);
    object-fit: contain;
}

main #bigctas a h3 {
    font-family: 'Goldman', sans-serif;
    font-weight: normal;
    font-size: 36px;
    font-size: max(28px, 2.5vw);
    letter-spacing: 0.2em;
    line-height: 36px;
    line-height: max(28px, 2.5vw);
    text-align: center;
    color: #000;
}

main #bigctas a h4 {
    margin-top: 7px;
    margin-top: max(5px, 0.48611vw);
}

main #brandsarea {
    margin: 160px 110px 0;
    margin: max(122px, 11.11111vw) 7.63889vw 0;
}

.cardflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

main #brandsarea h2 {
    margin-bottom: 65px;
    margin-bottom: max(50px, 4.51389vw);
}

main #brandsarea .brandcard {
    width: 33%;
    width: 383px;
    width: max(293px, 26.59722vw);
    position: relative;
    margin: 9px;
    margin: max(7px, 0.625vw);
    /* height: 383px; */
    overflow: hidden;
	border: solid 1px #f1f1f1;
	box-sizing: border-box;
}

a.brandcard:hover i {
    background: var(--primary) !important;
    color: black !important;
}

main #brandsarea .brandcard:hover>div+img {
    transform: scale(1.1);
}

.brandcard.lastbrandcard.linksarea {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.horizontal-links-area{
	display: flex; flex-wrap: wrap;
	justify-content: space-around;
	padding: 50px 9%;
}
.horizontal-links-area a .fa-solid {
    font-size: 24px;
    font-size: max(18px, 1.66667vw);
    color: rgb(169, 169, 169);
    line-height: 2.5;
}

.horizontal-links-area a .fa-solid:last-of-type {
    font-size: 11px;
    font-size: max(12px, 0.76389vw);
    color: rgba(35, 35, 35, 0.502);
    line-height: 2.5;
}

.horizontal-links-area a {
    width: 272px;
    width: max(208px, 18.88889vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.linksarea a:hover:after {
    margin-right: -100%;
}

.linksarea a .fa-solid {
    font-size: 24px;
    font-size: max(18px, 1.66667vw);
    color: rgb(169, 169, 169);
    line-height: 2.5;
}

.linksarea a .fa-solid:last-of-type {
    font-size: 11px;
    font-size: max(12px, 0.76389vw);
    color: rgba(35, 35, 35, 0.502);
    line-height: 2.5;
}

.linksarea a {
    width: 272px;
    width: max(208px, 18.88889vw);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.linksarea a:hover:after {
    margin-right: -100%;
}

main #brandsarea .brandcard .toplayer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 99%;
    width: 100%;
    align-items: flex-end;
    position: absolute;
    z-index: 3;
}

main #brandsarea .brandcard .toplayer img {
    width: 110px;
    width: max(114px, 7.63889vw);
    height: 60px;
    height: max(76px, 4.16667vw);
    object-fit: contain;
    padding-right: 25px;
    padding-right: max(19px, 1.73611vw);
    padding-top: 22px;
    padding-top: max(17px, 1.52778vw);
    object-position: top right;
}

main #brandsarea .brandcard .toplayer i {
    font-size: 18px;
    font-size: max(14px, 1.25vw);
    color: rgb(254, 254, 254);
    line-height: 1.333;
    background: black;
    padding: 14px 18px;
    padding: max(11px, 0.97222vw) max(14px, 1.25vw);
}

main #brandsarea .brandcard>img:last-of-type {
    z-index: 1;
    position: relative;
    width: 100% !important;
	height: auto;
    object-fit: cover;
}

main #introstatement {
    display: flex;
    justify-content: space-between;
    margin: 200px 130px;
    margin: 0 7.63889vw max(122px, 11.11111vw);
    /* margin: 13.88889vw 9.02778vw; */
}

main #introstatement .brandcard {
    margin-top: -16px;
    margin-top: min(-12px, -1.11111vw);
}

.brandcard a {
    position: relative;
    height: 100px;
    height: max(76px, 6.94444vw);
    overflow: hidden;
}

#brandsarea .brandcard a:hover i:first-of-type {
    transform: rotate(180deg);
}

.brandcard a:after {
    content: '';
    height: 1px;
    width: 200px;
    width: max(153px, 13.88889vw);
    position: absolute;
    background: grey;
    right: 0;
    bottom: 0;
    transition: .25s;
}

.brandcard a .fa-solid:first-of-type {
    /* flex: 1; */
    text-align: center;
    width: 30px;
    width: max(23px, 2.08333vw);
}

.brandcard a:hover i:first-of-type {
    transform: translate(0.5vw);
}

.brandcard a h5 {
    flex: 1;
    margin-left: 50px;
    margin-left: max(38px, 3.47222vw);
    line-height: 65px;
    line-height: max(50px, 4.51389vw);
}

main #introstatement .middlelinks {
    display: flex;
    flex-direction: column;
}

main #introstatement .middlelinks .standardbtn {
    padding: 18px 15px;
    padding: max(14px, 1.25vw) max(11px, 1.04167vw);
    font-size: 18px;
    font-size: max(14px, 1.25vw);
    display: flex;
    letter-spacing: normal;
    display: flex;
    justify-content: center;
}

a.standardbtn.cgrey:hover {
    background: black;
    color: white;
}

a.standardbtn.cyellow:hover {
    background: black;
    color: white;
}

a.standardbtn.cblack:hover {
    background: var(--primary);
    color: black;
}

main #introstatement .middlelinks>* {
    margin-bottom: 15px;
    margin-bottom: max(11px, 1.04167vw);
}

.standardbtn.cgrey {
    background: rgb(244, 245, 245);
}

main #introstatement .middlelinks .standardbtn .fa-brands {
    margin-right: 0;
}

main #introstatement .rightarea {
    width: 650px;
    width: max(497px, 45.13889vw);
}

main #introstatement .rightarea h2 {
    display: flex;
    flex-direction: column;
    /* font-weight: 100; */
    margin-bottom: 25px;
    margin-bottom: max(19px, 1.73611vw);
}

main #introstatement .rightarea h2 span {
    .Commerci {
        font-size: 18px;
        font-size: max(14px, 1.25vw);
        font-family: "Goldman";
        color: rgb(35, 35, 35);
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        position: absolute;
        left: 780.734px;
        left: max(596px, 54.21764vw);
        top: 2255.708px;
        top: max(1723px, 156.64639vw);
        width: 157px;
        width: max(120px, 10.90278vw);
        height: 11px;
        height: max(8px, 0.76389vw);
        z-index: 104;
    }

    ;
    font-size: 18px;
    font-size: max(14px, 1.25vw);
    color: rgb(35, 35, 35);
    line-height: 1.2;
    font-weight: 100;
}

main #introstatement .rightarea p {
    font-size: 16px;
    font-size: max(12px, 1.11111vw);
    color: rgb(35, 35, 35);
    line-height: 1.875;
    margin-bottom: 25px;
    margin-bottom: max(19px, 1.73611vw);
}

main #introstatement .rightarea .textplease {
    font-weight: bold;
    color: black;
    text-decoration: underline;
}

main #introstatement .rightarea .textplease:hover {
    text-decoration: none;
}

main #locations {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
   /* clip-path: polygon(0 34px, 698px 34px, 720px 0, 742px 34px, 1440px 34px, 1440px 362.75px, 742px 362.75px, 720px 396.75px, 698px 362.75px, 0 362.75px);
    clip-path: polygon(0 max(26px, 2.36111vw), max(533px, 48.47222vw) max(26px, 2.36111vw), max(550px, 50vw) 0, max(567px, 51.52778vw) max(26px, 2.36111vw), max(1100px, 100vw) max(26px, 2.36111vw), max(1100px, 100vw) max(277px, 25.19097vw), max(567px, 51.52778vw) max(277px, 25.19097vw), max(550px, 50vw) max(300px, 27.25208vw), max(533px, 48.47222vw) max(277px, 25.19097vw), 0 max(277px, 25.19097vw)); */
	
	clip-path: polygon(0 max(26px, 2.36111vw), max(533px, 48.47222vw) max(0px, 2.36111vw), max(550px, 50vw) 0, max(567px, 51.52778vw) max(26px, 2.36111vw), max(1100px, 100vw) max(26px, 2.36111vw), max(1100px, 100vw) max(100%, 100%), 0 max(100%, 100%));
}

section#locations.otherpagehero {
    clip-path: none;
    height: max(170px, 16vw);
    overflow: hidden;
}

section#locations:before {
    content: '';
    background: linear-gradient(-90deg, #f4f4f4 0%, rgba(244, 244, 244, 0.89) 46.43%, rgba(244, 244, 244, 0) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}

main #locations .toptext:after {
    content: '';
    width: 94px;
    width: 6.52778vw;
    height: 18px;
    height: max(14px, 1.25vw);
    content: '';
    position: absolute;
    background: var(--primary);
    right: 0;
    z-index: 3;
    top: 30px;
    top: max(23px, 2.08333vw);
}

main #locations .toptext {
    position: absolute;
	padding-top: 60px;
    z-index: 1;
    padding-right: 185px;
    padding-right: 12.84722vw;
}

main #locations .toptext h2,
main #locations .toptext h1 {
    font-family: Goldman-Regular;
    font-weight: normal;
    font-size: 30px;
    font-size: max(23px, 2.08333vw);
    letter-spacing: 0.4em;
   /* line-height: 76px;
    line-height: max(58px, 5.27778vw); */
    text-align: left;
    color: #000;
    display: flex;
    flex-direction: column;
  /*  width: 475px;
    width: max(363px, 32.98611vw); */
    margin-bottom: 60px;
    margin-bottom: max(46px, 4.16667vw);
	text-align: right;
}

main #locations .toptext h2 span,
main #locations .toptext h1 span {
    font-size: 48px;
    font-size: max(37px, 3.33333vw);
    font-family: "Goldman";
    color: rgb(0, 0, 0);
    font-weight: bold;
	line-height: 1.2;
    /* margin-top: -15px; */
}

main #locations .toptext .standardbtn {
    padding-top: 12px;
    padding-top: max(9px, 0.83333vw);
    padding-bottom: 12px;
    padding-bottom: max(9px, 0.83333vw);
}

.otherpagehero .standardbtn.cyellow.active {
    display: none;
}

.standardbtn {
    /* font-family: Byker-Bold; */
    font-weight: normal;
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    /* letter-spacing: 0.4em; */
    text-align: left;
    color: #000;
    text-transform: uppercase;
    padding: 0 28px;
    padding: 0 max(21px, 1.94444vw);
    border: none;
}

#contactus .standardbtn {
    letter-spacing: 0.2em;
    text-align: center;
    height: max(40px, 3vw);
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    border: none;
}

#contactus .standardbtn:hover {
    cursor: pointer;
}

.contactcard .standardbtn.cyellow.active {
    letter-spacing: .1em;
    text-align: center;
    height: max(35px, 3vw);
    display: flex;
    align-items: center;
    justify-content: center;
}

main #locations img {
    width: 100%;
    min-width: 1100px;
}

main #contactus,
main .page-wrapper {
    padding: 145px 120px;
}

main #contactus .topcontact {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    margin-bottom: max(19px, 1.73611vw);
}

main #contactus .topcontact .ctas {
    display: flex;
}

main #contactus .topcontact .ctas i {
    letter-spacing: normal;
}

main #contactus .topcontact .ctas .standardbtn {
    font-size: 21px;
    font-size: max(16px, 1.45833vw);
}

.standardbtn.cblack {
    background: black;
    font-weight: normal;
    line-height: 29px;
    line-height: max(22px, 2.01389vw);
    text-align: center;
    color: #fff;
}

#contactus .standardbtn.cblack,
#contactus .socialdropdowns .standardbtn.cblack {
    height: 50px !important;
    height: max(38px, 3.47222vw) !important;
    display: flex;
    align-items: center;
}

#contactus .standardbtn,
.surroundold .standardbtn {
    /* line-height: normal !important; */
}

.cyellow.standardbtn i {
    /* margin-right: 10px; */
    /* margin-right: max(8px, 0.69444vw); */
}

main #contactus .bottomcontact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

main #contactus .bottomcontact .contactcard {
    width: 32%;
    /* width: 361px; */
    margin: 7px;
    margin: max(5px, 0.48611vw);
    /* padding: 50px; */
    box-sizing: border-box;
    padding: 85px 55px;
    padding: max(65px, 5.90278vw) max(42px, 3.81944vw);
    min-height: 395px;
    min-height: max(302px, 27.43056vw);
}

main #contactus .bottomcontact .contactcard:nth-child(even) {
    background-color: rgb(244, 245, 245);
}

main #contactus .bottomcontact .contactcard h3 {

    font-size: 18px;
    font-size: max(14px, 1.25vw);
    font-family: "Goldman";
    color: rgb(0, 0, 0);
    line-height: 1.2;
    font-weight: normal !important;
    margin-bottom: 10px;
    margin-bottom: max(8px, 0.69444vw);
}

    .Visit_us_in_Turlock {
        font-size: 18px;
        font-size: max(14px, 1.25vw);
        font-family: "Goldman";
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        -moz-transform: matrix(1.33333333333333, 0, 0, 1.33340218963024, 0, 0);
        -webkit-transform: matrix(1.33333333333333, 0, 0, 1.33340218963024, 0, 0);
        -ms-transform: matrix(1.33333333333333, 0, 0, 1.33340218963024, 0, 0);
        position: absolute;
        left: 112.912px;
        left: max(86px, 7.84111vw);
        top: 4720.208px;
        top: max(3606px, 327.79222vw);
        width: 183.8px;
        width: max(140px, 12.76389vw);
        height: 47px;
        height: max(36px, 3.26389vw);
        z-index: 29;
    }

main #contactus .bottomcontact .contactcard h3 span {
    
    font-size: 30px;
    font-size: max(23px, 2.08333vw);
    font-family: "Goldman";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1.2;
}

main #contactus .bottomcontact .contactcard .contactInfo, .locations-page .contactInfo {
    font-weight: normal;
    font-size: 18px;
    font-size: max(14px, 1.25vw);
    letter-spacing: 0.05em;
    line-height: 33px;
    line-height: max(25px, 2.29167vw);
    text-align: left;
    display: flex;
    flex-direction: column;
}

main #contactus .bottomcontact .contactcard .contactInfo *:not(i):not(.standardbtn), .locations-page .contactInfo *:not(i):not(.standardbtn) {
    color: black;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:first-of-type, .locations-page .contactInfo .contactsnip:first-of-type {
    margin-bottom: 15px;
    margin-bottom: max(11px, 1.04167vw);
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:nth-of-type(2),
main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:nth-of-type(3),
main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:nth-of-type(4) {
    font-weight: bold;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip a, .locations-page .contactInfo .contactsnip a {
    display: flex;
    align-items: center;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:first-of-type a {
    /* align-items: flex-start; */
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip a .fa-solid, .locations-page .contactInfo .contactsnip a .fa-solid {
    padding: 0;
    font-size: 16px;
    font-size: max(12px, 1.11111vw);
    margin-right: 25px;
    margin-right: max(19px, 1.73611vw);
    width: 38px;
    width: max(29px, 2.63889vw);
    height: 38px;
    height: max(29px, 2.63889vw);
    display: flex;
    align-items: center;
    justify-content: center;
    background: black;
    color: white;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:first-of-type a .fa-solid, .locations-page .contactInfo .contactsnip:first-of-type a .fa-solid {
    background: var(--primary);
    color: black;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip a:hover .fa-solid, .locations-page .contactInfo .contactsnip a:hover .fa-solid {
    background: var(--primary);
    color: black;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:first-of-type a:hover .fa-solid, .locations-page .contactInfo .contactsnip:first-of-type a:hover .fa-solid {
    background: black;
    color: white;
}

main #contactus .bottomcontact .contactcard .contactInfo .contactsnip:first-of-type a:hover, .locations-page .contactInfo .contactsnip:first-of-type a:hover {
    color: #3b3b3b;
}

main #contactus .bottomcontact img {
    width: 32%;
    margin: 7px;
    margin: max(5px, 0.48611vw);
    min-height: 395px;
    min-height: max(302px, 27.43056vw);
    object-fit: cover;
}

footer .leftfooter a img {
    width: 355px;
    width: max(271px, 24.65278vw);
}

footer .middlefooter {
    margin: 0 18px;
    margin: 0 max(14px, 1.25vw);
}

footer .middlefooter .ctas {
    display: flex;
    flex-wrap: wrap;
    width: 170px;
    width: max(130px, 11.80556vw);
    justify-content: center;
}

footer .middlefooter .ctas .standardbtn {
    font-weight: normal;
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    letter-spacing: 0.05em;
    line-height: 18px;
    line-height: max(14px, 1.25vw);
    color: #000;
    background: white;
}

footer .middlefooter .ctas .standardbtn:hover {
    background: var(--primary);
}

footer .middlefooter .ctas div .standardbtn:nth-of-type(1) {
    background: var(--primary);
    /* width: 47px; */
    /* height: 47px; */
    /* display: flex; */
    /* align-items: center; */
    /* justify-content: center; */
}

footer .middlefooter .ctas div .standardbtn:nth-of-type(1):hover,
footer .middlefooter .ctas .standardbtn:nth-of-type(1):hover {
    background: black;
    color: white;
}

footer .middlefooter .ctas div .standardbtn,
footer .middlefooter .ctas .standardbtn {
    height: 47px;
    height: max(36px, 3.26389vw);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 8px !important;
    margin: max(6px, 0.55556vw) !important;
    padding: 0 !important;
    width: 47px;
    width: max(36px, 3.26389vw);
}

footer .rightfooter {
    width: 359px;
    width: max(274px, 24.93056vw);
}

footer .rightfooter .copyright {
    font-weight: normal;
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    letter-spacing: 0.05em;
    line-height: 24px;
    line-height: max(18px, 1.66667vw);
    color: #f4f5f5;
    text-transform: uppercase;
}

.copyright span {
    font-weight: bold;
}

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

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


/* POPUP */

.popup-window{
	padding: 50px;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	
	max-width: 900px;
	width: 60%;
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33);
	z-index: 10005;
	
	text-align: center;
}
#popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0, 0.33);
	z-index: 10000;
}
.popup-window i{
	position: absolute; top: 15px;
	right: 15px;
	cursor: pointer;
}
.popup-window img{
	max-width: 90%;
}





/*}*/
/*--------FORM STYLES--------------------*/
/*.notInventory {*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: black;
    color: white;
    padding: 90px 190px;
    padding: max(69px, 6.25vw) 13.19444vw;
    margin-top: -0.3vw;
}

footer a {
    color: white;
}

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

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

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

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

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

/*}*/
/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 800px) {
    .invpage footer {
        margin-bottom: 85px !important;
    }
	.header-offset{
		height: 70px;
	}
}

/*.notInventory {*/
/*}*/
/* ACCORDION */
.accordion {
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: max(8px, 0.69444vw);
    color: #666;
    border: 1px #eee solid;
    border-radius: 5px;
    border-radius: max(4px, 0.34722vw);
    transition: all .2s ease-in-out;
}

.accordion:hover {
    border: 1px #ccc solid;
}

.accordion .accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 25px;
    padding: max(11px, 1.04167vw) max(15px, 1.38889vw) max(11px, 1.04167vw) max(19px, 1.73611vw);
    font-weight: 700;
    border-radius: 5px;
    border-radius: max(4px, 0.34722vw);
    cursor: pointer;
}

.accordion .accordion-header:after {
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    font-size: max(15px, 1.38889vw);
    font-weight: 900;
    content: "\f067";
    margin-left: auto;
    color: #ddd;
}

.accordion .accordion-content {
    display: none;
    padding: 25px;
    padding: max(19px, 1.73611vw);
}

.accordion.active:hover {
    border: 1px #eee solid;
}

.accordion.active .accordion-header:after {
    content: "\f068";
    color: #999;
}


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

    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    main #locations .toptext h2 span,
    main #contactus .bottomcontact .contactcard {
        width: 100%;
    }

    main #contactus .bottomcontact .contactcard:last-of-type {
        background: none !important;
    }

    main #contactus .bottomcontact img {
        width: 48.5%;
        max-height: 26.076vw;
        order: 5;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
	
	
    main #contactus .bottomcontact .contactcard:nth-child(4) {
        background: none;
    }

    main #contactus .bottomcontact .contactcard:nth-child(3) {
        background: none;
    }

    main #contactus .bottomcontact .contactcard:nth-child(5) {
        background: rgb(244, 245, 245);
    }

	
	
}

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

	
ul.boxed-list li{
	width: calc(33% - 10px);
}
	
ul.boxed-list-sm li{
	width: calc(50% - 10px);
}
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    header {
        padding-left: 20px;
        padding-right: 20px;
    }

    main #hero {
        clip-path: polygon(0 0, max(1100px, 100vw) 0, max(1100px, 100vw) max(519px, 47.15278vw), max(53.01389vw, 53.01389vw) max(519px, 47.15278vw), max(50vw, 50vw) max(532px, 49.30556vw), max(46.98611vw, 46.98611vw) max(519px, 47.15278vw), 0 max(519px, 47.15278vw));
    }

    main #brandsarea .brandcard {
        width: 39.5vw;
        margin-top: 2vw;
    }

    main #brandsarea .brandcard>img:last-of-type {
        object-fit: cover;
    }

    main #introstatement {
        flex-wrap: wrap;
        z-index: 1;
        position: relative;
    }

    main #introstatement .middlelinks {
        width: 100%;
        order: 3;
        display: flex;
        flex-direction: inherit;
        justify-content: flex-end;
    }

    main #introstatement .middlelinks .standardbtn {
        margin-bottom: 0;
        margin-right: max(11px, 1.04167vw);
    }

    main #introstatement .middlelinks>* {
        margin-bottom: 0;
    }

    main #introstatement .middlelinks ul {
        left: -228px;
    }

    main #locations {
        /* clip-path: polygon(0 max(26px, 2.36111vw), max(45.47222vw, 45.47222vw) max(26px, 2.36111vw), max(50vw, 50vw) 0, max(54.52778vw, 54.52778vw) max(26px, 2.36111vw), max(1100px, 100vw) max(26px, 2.36111vw), max(1100px, 100vw) max(277px, 25.19097vw), max(54.52778vw, 54.52778vw) max(277px, 25.19097vw), max(50vw, 50vw) max(300px, 27.25208vw), max(45.47222vw, 45.47222vw) max(277px, 25.19097vw), 0 max(277px, 25.19097vw)); */
		
		clip-path: polygon(0 max(26px, 2.36111vw), max(45.47222vw, 45.47222vw) max(26px, 2.36111vw), max(50vw, 50vw) 0, max(54.52778vw, 54.52778vw) max(26px, 2.36111vw), max(1100px, 100vw) max(26px, 2.36111vw), max(1100px, 100vw) max(100%, 100%), 0 max(100%, 100%));
    }

    main #locations .toptext h2,
    main #locations .toptext h2 span,
    footer .leftfooter {
        /* width: 50%; */
        flex: 1;
    }

    footer .middlefooter {
        /* width: 50%; */
        flex: 2;
        display: flex;
        justify-content: flex-end;
    }

    footer .rightfooter {
        width: 100%;
        /* flex: 3; */
        text-align: center;
        margin-top: 5vw;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        flex-wrap: wrap;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
}

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

    /*.notInventory {*/
    header {
        /* padding-left: 30px; */
        /* padding-right: 30px; */
		
    	padding: 14px 25px;
    }

    /*}*/
    /*.notInventory {*/
    .mobile ul {
        /* position: relative !important; */
    }

    main #introstatement .brandcard {
        width: 100%;
        order: 4;
        margin-top: 4vw;
    }

    #introstatement .brandcard a {
        width: 100%;
    }

    #introstatement .brandcard a:after {
        width: 91.2%;
    }

    main #introstatement .middlelinks {
        order: 4 !important;
        margin-top: max(50px, 7vw);
    }

    main #introstatement .rightarea {
        width: 100%;
        flex: 1;
    }

    main #locations .toptext h2,
    main #locations .toptext h2 span,
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
}

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

ul.boxed-list-md li{
	width: 100%;
}
ul.boxed-list li{
	width: calc(50% - 10px);
}
ul.boxed-list-sm li{
	width: 100%;
}
main #locations .toptext {
    right: 0;
    left: 9.02778vw;
}
main #locations .toptext h2 span{
	line-height: 1;
    margin-top: 5px;
}


    section#locations:before {
        background: linear-gradient(-90deg, rgba(244, 244, 244, 0.89) 0%, rgba(244, 244, 244, 0.89) 46.43%, rgba(244, 244, 244, 0.89) 100%);
    }
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    main #hero {
        clip-path: polygon(0 0, max(1100px, 100vw) 0, max(1100px, 100vw) max(519px, 47.15278vw), max(55.01389vw, 55.01389vw) max(519px, 47.15278vw), max(50vw, 50vw) max(532px, 49.30556vw), max(44.98611vw, 44.98611vw) max(519px, 47.15278vw), 0 max(519px, 47.15278vw));
    }

    main #hero .toptext .ctas {
        width: 200px;
    }

    .ctas .standardbtn:not(#contactus .socialdropdowns:last-of-type .standardbtn):not(.socialdropdowns a) {
        margin-bottom: 10px;
    }

    #contactus .standardbtn:last-of-type {
        /* margin-right: 0 !important; */
    }

    main #hero .toptext .ctas a.standardbtn.cyellow {
        width: 120px;
    }

    main #bigctas {
        flex-direction: column;
    }

    main #bigctas a:not(a:last-of-type) {
        border-right: none;
        border-bottom: 0.5px solid #c3c3c3;
    }

	header{
		
    	padding: 0 20px;
	}
	main #hero .toptext h1{margin-bottom: 10px;}
	#hero{height: 233px;}
    main #bigctas a {
        padding-top: 20px;
        padding-bottom: 20px;
    }
	main #bigctas a img{
		width: 30px;
    height: 30px;
		margin-bottom: 0;
	}
	main #bigctas a h3{
		font-size: 16px;
	}
    main #brandsarea .brandcard {
        width: 100%;
    }

    .brandcard.lastbrandcard.linksarea {
        top: -30px !important;
        position: relative;
    }

    .brandcard.lastbrandcard.linksarea {
        margin-top: 40px !important;
    }

    main #brandsarea .brandcard .toplayer {
        height: 100%;
    }

    main #introstatement {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .brandcard a {
        width: 100%;
    }

    .brandcard a:after {
        width: 90%;
    }

    main #locations .toptext h2,
    main #locations .toptext h1 {line-height: 1.2;
        margin-bottom: 30px;
    }

    main #locations .toptext h2 span,
    main #contactus .topcontact h2 {
        margin-right: 10px;
    }

    main #contactus .bottomcontact .contactcard {
        width: 100% !important;
    }

    main #contactus .bottomcontact .contactcard:nth-child(4) {
        background: none;
    }

    main #contactus .bottomcontact .contactcard:nth-child(3) {
        background: none;
    }

    main #contactus .bottomcontact .contactcard:nth-child(5) {
        background: rgb(244, 245, 245);
    }

    main #contactus .bottomcontact img {
        width: 100%;
    }

    footer .leftfooter a img {
        margin-bottom: 4vw;
		max-width: 100%;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        flex-direction: column;
    }
	
	footer .ctas .socialdropdowns:hover ul {
		right: -100px;
	}
	footer .ctas .socialdropdowns:hover ul li a {
		width: 200px;
	}

    /*}*/
    /*.notInventory {*/
    /*}*/
}

@media only screen and (max-width: 550px) {
	
.banner-img-btn{
	margin: 70px 0 50px;
}
	
ul.boxed-list li{
	width: 100%;
}
	main .otherpagehero .toptext h1 span {
    	font-size: max(24px, 3.33333vw) !important;
    	line-height: 1.2;
	}

    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/

	main #locations .toptext{
		
   		padding-top: 40px;
		
	}
	main #locations .toptext h1{	
		text-align: left;
	}
    main #locations .toptext h2,
    main #locations .toptext h2 span,
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
	
	main #hero .toptext h1 span{
		line-height: 1.2;
	}
}

/* FORM STYLES  */
.surroundold .no-gutters {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 10px var(--hover);
    }
}

.surroundold .border {
    border-bottom: 2px solid var(--primary);
    width: 69%;
    text-align: center;
    padding-top: 35px;
}

.surroundold .orange {
    color: var(--primary);
}
.surroundold .inputlength {
    border-radius: 0;
    border: 1px #d3d3d3 solid;
    padding: 5px;
    margin-bottom: 10px;
    width: 100% !important;
}

.surroundold .inputmessage {
    height: 150px;
}

.surroundold .inputbutton {
    text-transform: uppercase;
    border: none;
    width: 110px;
    display: block;
    color: #000;
    font-size: 16px;
    background: linear-gradient(to right, #ee8201 50%, var(--primary) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.3s ease-out;
}

.surroundold .inputbutton:hover {
    border: none;
    background-position: left bottom;
}

.surroundold input#CaptchaAnswer {
    color: #000;
}

.surroundold .CaptchaMessagePanel {
    color: #000;
}

.surroundold .text {
    color: #fff;
    padding: 40px;
    position: absolute;
    bottom: 27%;
    width: 80%;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.55);
    margin-left: 10%;
    margin-right: 10%;
}

.surroundold li {
    list-style: none;
}

.surroundold #trucks {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.surroundold #trucks td,
.surroundold #trucks th {
    border: 1px solid #ddd;
    padding: 8px;
}

.surroundold #trucks tr:nth-child(even) {
    background-color: #f2f2f2;
}

.surroundold #trucks tr:hover {
    background-color: #ddd;
}

.surroundold #trucks th {
    padding-top: 12px;
    padding-bottom: 12px;
    /* text-align: center; */
    background-color: var(--primary);
    color: #fff;
}

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

    /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
    /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
    .surroundold .inputbutton {
        margin: auto;
    }
}

.surroundold html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.surroundold body {
    margin: 0;
}

.surroundold [hidden] {
    display: none;
}

.surroundold a {
    /* background-color: transparent; */
}

.surroundold a:active,
.surroundold a:hover {
    outline: 0;
}

.surroundold b {
    font-weight: 700;
}

.surroundold h1 {
    margin: 0.67em 0;
    font-size: 2em;
}

.surroundold img {
    border: 0;
}

.surroundold input,
.surroundold select,
.surroundold textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

.surroundold select {
    text-transform: none;
}

.surroundold html input[type=button],
.surroundold input[type=reset],
.surroundold input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer;
}

.surroundold html input[disabled] {
    cursor: default;
}

.surroundold input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.surroundold input {
    line-height: normal;
}

.surroundold input[type=checkbox],
.surroundold input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.surroundold input[type=number]::-webkit-inner-spin-button,
.surroundold input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

.surroundold input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

.surroundold input[type=search]::-webkit-search-cancel-button,
.surroundold input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.surroundold textarea {
    overflow: auto;
}

.surroundold table {
    border-spacing: 0;
    border-collapse: collapse;
}

.surroundold td,
.surroundold th {
    padding: 0;
    /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
}

@media print {

    .surroundold *,
    .surroundold :after,
    .surroundold :before {
        color: #000 !important;
        text-shadow: none !important;
        background: 0 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .surroundold a,
    .surroundold a:visited {
        text-decoration: underline;
    }

    .surroundold a[href]:after {
        content: " (" attr(href) ")";
    }

    .surroundold a[href^="#"]:after,
    .surroundold a[href^="javascript:"]:after {
        content: "";
    }

    .surroundold img,
    .surroundold tr {
        page-break-inside: avoid;
    }

    .surroundold img {
        max-width: 100% !important;
    }

    .surroundold h2,
    .surroundold h3,
    .surroundold p {
        orphans: 3;
        widows: 3;
    }

    .surroundold h2,
    .surroundold h3 {
        page-break-after: avoid;
    }

    .surroundold .table {
        border-collapse: collapse !important;
    }

    .surroundold .table td,
    .surroundold .table th {
        background-color: #fff !important;
    }
}

.surroundold :after,
.surroundold :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.surroundold html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
}

.surroundold body {
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.surroundold input,
.surroundold select,
.surroundold textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.surroundold img {
    vertical-align: middle;
}

.surroundold [role=button] {
    cursor: pointer;
}

.surroundold .h1,
.surroundold .h2,
.surroundold .h3,
.surroundold .h4,
.surroundold .h5,
.surroundold .h6,
.surroundold h1,
.surroundold h2,
.surroundold h3,
.surroundold h4,
.surroundold h5,
.surroundold h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

.surroundold .h1,
.surroundold .h2,
.surroundold .h3,
.surroundold h1,
.surroundold h2,
.surroundold h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.surroundold .h4,
.surroundold .h5,
.surroundold .h6,
.surroundold h4,
.surroundold h5,
.surroundold h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.surroundold .h1,
.surroundold h1 {
    font-size: 36px;
}

.surroundold .h2,
.surroundold h2 {
    font-size: 30px;
}

.surroundold .h3,
.surroundold h3 {
    font-size: 24px;
}

.surroundold .h4,
.surroundold h4 {
    font-size: 18px;
}

.surroundold .h5,
.surroundold h5 {
    font-size: 14px;
}

.surroundold .h6,
.surroundold h6 {
    font-size: 12px;
}

.surroundold p {
    margin: 0 0 10px;
}

.surroundold .text-left {
    text-align: left;
}

.surroundold .text-center {
    text-align: center;
}

.surroundold .text-primary {
    color: #337ab7;
}

.surroundold a.text-primary:focus,
.surroundold a.text-primary:hover {
    color: #286090;
}

.surroundold ul {
    margin-top: 0;
    margin-bottom: 10px;
}

.surroundold ul ul {
    margin-bottom: 0;
}

.surroundold table {
    background-color: transparent;
}

.surroundold th {
    text-align: left;
}

.surroundold .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}

.surroundold .table>tbody>tr>td,
.surroundold .table>tbody>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

.surroundold .table>tbody+tbody {
    border-top: 2px solid #ddd;
}

.surroundold .table .table {
    background-color: #fff;
}

.surroundold table td[class*=col-],
.surroundold table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none;
}

.surroundold input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.surroundold input[type=checkbox],
.surroundold input[type=radio] {
    margin: 4px 0 0;
    line-height: normal;
}

.surroundold input[type=file] {
    display: block;
}

.surroundold input[type=range] {
    display: block;
    width: 100%;
}

.surroundold select[multiple],
.surroundold select[size] {
    height: auto;
}

.surroundold input[type=checkbox]:focus,
.surroundold input[type=file]:focus,
.surroundold input[type=radio]:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.surroundold input[type=search] {
    -webkit-appearance: none;
}

.surroundold input[type=checkbox][disabled],
.surroundold input[type=radio][disabled] {
    cursor: not-allowed;
}

.surroundold .pull-left {
    float: left !important;
}

.surroundold .hidden {
    display: none !important;
}

/* REVIEWS  */
.surroundold .testimonial {
    padding: 40px 30px 60px;
    border: solid 1px #eee
}

.surroundold .price {
    color: var(--primary) !important
}

.surroundold .orange {
    color: var(--primary) !important;
}

/* EWISSIONS */
.surroundold .bodyarea {
    margin: 100px 0;
    padding: 0 8%;
    font-size: 20px;
}

.surroundold .bodyarea2 {
    margin-bottom: 100px;
    padding: 0 8%;
    font-size: 20px;
}

.surroundold .bodyarea-internal {
    /* margin: 0 0 100px 0; */
    /* padding: 0 8%; */
    font-size: 16px;
}

.surroundold .paragraphfont {
    font-size: 18px;
}

.surroundold img {
    border: 0;
}

.surroundold h1,
.surroundold h2,
.surroundold h3,
.surroundold h4,
.surroundold h5,
.surroundold h6 {
    margin: 0;
    padding: 0;
}

.surroundold h1 {
    font-size: 2em;
}

.surroundold p {
    margin: 0;
}

.surroundold .body-content {
    overflow: visible !important;
}

.surroundold a:focus {
    outline: thin dotted;
}

.surroundold .list-bot {
    padding-bottom: 35px;
}

.surroundold .arrow-2 {
    height: 0;
    width: 0;
    border: 5px solid;
    border-color: #f49320 #f49320 transparent transparent;
    transform: rotate(45deg);
    display: inline-block;
}

.surroundold .arrow-3 {
    height: 0;
    width: 0;
    border: 5px solid;
    border-color: #f49320 #f49320 transparent transparent;
    transform: rotate(135deg);
    margin-left: 8px;
    float: right;
}

.surroundold .hero {
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.surroundold .herobox {
    width: 100%;
}

.surroundold .internalhero {
    top: -100;
    margin-bottom: 75px;
    border-bottom: solid 10px #f49320;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 10px var(--hover);
    }
}

.surroundold .orange {
    color: #f49320;
}

.surroundold .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

.surroundold .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: 0;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

.surroundold .tab button:hover {
    background-color: #ddd;
}

.surroundold .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.surroundold li {
    list-style: none;
}

.surroundold #trucks {
    border-collapse: collapse;
    width: 100%;
    text-align: center;
}

.surroundold #trucks td,
.surroundold #trucks th {
    border: 1px solid #ddd;
    padding: 8px;
}

.surroundold #trucks tr:nth-child(even) {
    background-color: #f2f2f2;
}

.surroundold #trucks tr:hover {
    background-color: #ddd;
}

.surroundold #trucks th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: center;
    background-color: #f49320;
    color: #fff;
}

@media only screen and (max-width: 991px) {
    .surroundold .bodyarea-internal {
        text-align: center;
    }

    .surroundold .bodyarea {
        text-align: center;
    }

    .surroundold .bodyarea2 {
        text-align: center;
    }
}

/* WARRANTY  */
.surroundold .bodyarea-internal {
    /* margin: 0 0 100px 0; */
    /* padding: 0 8%; */
    font-family: 'Goldman', sans-serif;
    font-size: 16px;
}

.surroundold .paragraphfont {
    font-size: 18px;
}

.surroundold img {
    border: 0;
}

.surroundold p {
    margin: 0;
}

.surroundold a:focus {
    outline: thin dotted;
}

.surroundold .hero {
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}

.surroundold .herobox {
    width: 100%;
}

.surroundold .internalhero {
    top: -100;
    margin-bottom: 75px;
    border-bottom: solid 10px #f49320;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 10px var(--hover);
    }
}

.surroundold .brandicon {
    width: 100%;
}

.surroundold .inputlength {
    border-radius: 0;
    border: 1px #d3d3d3 solid;
    padding: 5px;
    margin-bottom: 10px;
    width: 100%;
}

.surroundold .inputbutton {
    text-transform: uppercase;
    border: none;
    width: 110px;
    display: block;
    color: #000;
    font-size: 16px;
    background: linear-gradient(to right, #ee8201 50%, #f49320 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.3s ease-out;
}

.surroundold .inputbutton:hover {
    border: none;
    background-position: left bottom;
}

.surroundold .warrantyimg {
    width: auto;
    margin-bottom: 50px;
    width: 100%;
}

.surroundold .warranty_btn {
    width: 150px;
}

.surroundold .hero-btn {
    font-family: 'Goldman', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 50px;
    margin-top: 25px;
    background-color: #e54d5c;
    border: 2px solid #e54d5c;
}

.surroundold .hero-btn:hover {
    background-color: transparent;
    color: #e54d5c;
}

@media only screen and (max-width: 991px) {
	
main #contactus,
main .page-wrapper {
    padding: max(122px, 11.11111vw) 7.63889vw 0;
}
	#locations iframe{
		width: 100% !important;
	}
	.popup-window, .popup-window h2{
	text-align: left !important;
}
.popup-window h2 span{
	font-size: 24px !important;
}
	#bigctas{margin-top: 0 !important;}
	main #hero .toptext  {
    	margin-top: min(0px, -3.47222vw);
	}
	main #hero .toptext h1 span {
		font-size: max(32px, 3.33333vw);
	}
	main #hero{
		height: 233px;
	}
    .surroundold .bodyarea-internal {
        text-align: center;
    }

    .surroundold .bodyarea {
        text-align: center;
    }

    .surroundold .bodyarea2 {
        text-align: center;
    }

    .surroundold .inputbutton {
        margin: auto;
    }
}


/* TEAM */
.team-box{
	padding: 30px;
	background: #fff;
	border-radius: 10px;
	margin: 10px;
	height: calc(100% - 20px);
	box-sizing: border-box;
}
.team-box p {
	font-size: 12px !important;
	letter-spacing: normal !important;
	line-height: 1.8 !important;
}
.team-box p strong{
	font-size: 16px !important;
}
.team-box p i{
	padding-right: 6px;
}
.orange{
	color:var(--primary);
}
/* INVENTORY */
.lower-detail-data-right {
    font-size: 16px;
}

span.compare-label {
    padding-left: 4px !important;
}

.compare-chkbox-container .compare-listings .fa-check {
    top: 5px !important;
    left: 2px !important;
}

.cs-btns a,
.page-nav {
    background: #333 !important;
}

.cs-btns a:hover,
.mobile-breadcrumb {
    background: #000 !important;
}

.compare-title {
    color: #000 !important;
}

.compare-price {
    color: #f49320 !important;
}

.data-row .data-label,
.detail-contact-bar a,
.contact-options a {
    background: #f49320 !important;
}

.media-buttons {
    margin-top: 0 !important;
}


.state_split{
	width: 100%;
	display: flex;
}
.CA{
	width: 50%;
}
.TX{
	width: 50%;
}
.SC{
	margin-top:50px;
}

@media only screen and (max-width: 1200px){
	.state_split{
		flex-direction: column;
	}
	.CA{
		width: 100%;
	}
	.TX{
		width: 100%;
		margin-top: 50px;
	}
}