/* Set separate viewport width for font-size and line-height: 1500 */
/* COMMON FLEX TO START WITH  */
/* 
display:flex;
align-items: center;
justify-content: space-between 
*/
/* 
Transducer Regular
font-family: "transducer", sans-serif;
font-weight: 400;
font-style: normal;
Transducer Regular Italic
font-family: "transducer", sans-serif;
font-weight: 400;
font-style: italic;
Transducer Bold
font-family: "transducer", sans-serif;
font-weight: 600;
font-style: normal;
Transducer Bold Italic
font-family: "transducer", sans-serif;
font-weight: 600;
font-style: italic;

Aktiv Grotesk Cd Regular
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 400;
font-style: normal;
Aktiv Grotesk Cd Italic
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 400;
font-style: italic;
Aktiv Grotesk Cd Medium
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 500;
font-style: normal;
Aktiv Grotesk Cd Medium Italic
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 500;
font-style: italic;
Aktiv Grotesk Cd Bold
font-family: "aktiv-grotesk-condensed", sans-serif;
font-weight: 700;
font-style: normal;
Aktiv Grotesk Cd Bold Italic
font-family: "aktiv-grotesk-condensed", 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;
}

body,
html {
    overflow-x: hidden;
}

ol,
ul {
    list-style: none;
}

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

td {
    vertical-align: top;
}

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

/* 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 .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: #DC3042;
    --primary2: #07045b;
    /* 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:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
      background-image: linear-gradient(120deg, var(--primary) 0%, var(--primary) 100%);
      background-repeat: no-repeat;
      background-size: 100% 0.2em;
      background-position: 0 116%;
      transition: background-size 0.25s ease-in;
      color: var(--primary);
      transition: 0.25s ease-out;
      padding: 2px 2px 0;
  }
  
  a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
      background-size: 100% 88%;
      color: white;
  } */
.intextlink:hover {
    opacity: 0.8;
    /* Adjust the opacity value as needed */
}

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

/* END LOADER SECTION  */
.notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {
    font-family: "aktiv-grotesk-condensed", sans-serif;
}

*:not(.slick-slider *):not(.container.cf *):not(header .mobile):not(.se-pre-con):not(.se-pre-con *):not(.slider):not(.slick-track):not([data-aos]) {
    transition-property: background, color, background-color, background-size, opacity, margin, padding, left, right, top, bottom, transform;
    transition-duration: .25s;
}

p.centerp {
    margin: 0 auto;
    width: 100%;
    max-width: 1125px;
    text-align: center;
    margin: 70px auto;
    padding: 0 15px;
}

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: "aktiv-grotesk-condensed", sans-serif;
    text-transform: uppercase;
}

h1 span:not(.container.cf *),
h2 span:not(.container.cf *),
h3 span:not(.container.cf *),
h4 span:not(.container.cf *),
h5 span:not(.container.cf *),
h6 span:not(.container.cf *) {
    font-family: "transducer", sans-serif !important;
}

h1:not(.container.cf *) {
    font-weight: bold;
    font-size: 78px;
    font-size: max(45px, 4.0625vw);
    letter-spacing: 0.2em;
    line-height: 100px;
    line-height: max(78px, 5.20833vw);
}

h2:not(.container.cf *),
.otherpage h1 {
    font-weight: bold;
    font-size: 60px;
    font-size: max(36px, 3.125vw);
    letter-spacing: 0.12em;
    line-height: 1.3 !important;
}

h3:not(.container.cf *),
.otherpage h3 {
    font-family: "Aktiv Grotesk Cd";
    font-weight: normal;
    font-size: 54px;
    font-size: max(31px, 2.8125vw) !important;
    letter-spacing: 0.06em !important;
    text-align: left;
}

.otherpage h3 {
    margin-top: 40px;
}

.flex-form h3 {
    color: var(--primary2);
    margin: 15px 0 25px;
    margin: max(12px, 0.78125vw) 0 max(20px, 1.30208vw);
    /* fontpair  */
}

h4:not(.container.cf *) {
    font-weight: normal;
    font-size: 20px;
    font-size: max(16px, 1.04167vw);
    letter-spacing: 0.18em;
}

h5:not(.container.cf *) {
    font-weight: 500;
    font-size: 14px;
    font-size: max(11px, 0.72917vw);
    letter-spacing: 0.23em;
    font-family: "transducer", sans-serif !important;
}

h6:not(.container.cf *) {
    font-weight: normal;
    font-size: 15px;
    font-size: max(12px, 0.78125vw);
    letter-spacing: 0.23em;
    line-height: 24px;
    line-height: max(19px, 1.25vw);
}

p:not(.container.cf *) {
    font-weight: normal;
    font-size: 21px;
    font-size: max(16px, 1.09375vw);
    letter-spacing: 0.03em;
    line-height: 37px;
    line-height: max(29px, 1.92708vw);
    color: #000;
}

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
}

ul li:before {
    /* content: ''; */
    background: url('/siteart/arrow.png');
    position: relative;
    width: 15px;
    width: max(4px, 0.78125vw);
    height: 17px;
    height: max(5px, 0.88542vw);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 25px;
    padding-right: max(7px, 1.30208vw);
}

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

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

nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    height: 100%;
    position: relative;
}

nav.primary ul {
    margin: 0;
    padding: 0;
    /* height: 100%; */
    display: flex;
    height: 100%;
    align-items: center;
    box-sizing: border-box;
    padding-right: 80px;
    padding-right: max(23px, 4.16667vw);
    padding-left: 80px;
    padding-left: max(23px, 4.16667vw);
}

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

nav.primary ul li a {
    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;
    padding: 0 40px;
    padding: 0 max(11px, 2.08333vw);
    /* height: 100%; */
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    font-family: "transducer", sans-serif !important;
}

nav.primary ul li li:first-of-type a {
    padding-left: 0;
}

/******** End of primary Nav ***************/
@media screen and (max-width: 767px) {

    /*==============================
        Mobile Nav Styles			
    ================================*/

    /*==============================
	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: #dc3042;
        text-align: right;
        padding-right: 10px;
        border-color: #dc3042 !important;
    }

    #menu-button a {
        color: #fff !important;
        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 #CB1C1C 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: 17px 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;
    }
}

.mobile {
    display: none;
}

header {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, .85) 0%, rgba(255, 255, 255, .85) 100%), url(/siteart/trucksdriving.png);
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background-size: cover;
    background-position: 0px 320%;
}

header .hleft {
    display: flex;
    align-items: center;
}

header .hleft a img {
    width: 176px;
    width: max(50px, 9.16667vw);
}

header .hleft .contactInfo .contactsnip {
    display: inline-block;
}

header .hleft .contactInfo .contactsnip:nth-of-type(3) {
    display: block;
    padding-top: 10px;
    padding-top: max(3px, 0.52083vw);
}

header .hleft .contactInfo .contactsnip:nth-of-type(1) {
    padding-right: 25px;
    padding-right: max(20px, 1.30208vw);
    /* fontpair  */
}

header .hleft .contactInfo .contactsnip a {
    text-transform: uppercase;
}

header .hleft .contactInfo .contactsnip a .fa-solid {
    margin-right: 12px;
    margin-right: max(3px, 0.625vw);
}

header .hright {
    display: flex;
    height: 176px;
    height: max(50px, 9.16667vw);
}

header .hright * {
    /* height: 100%; */
}

@media only screen and (max-width: 1000px) {
    header .hleft>a {
        margin-right: 20px;
    }

    header .hright .primary ul li a {
        padding: 0 10px;
    }
}

/*}*/
/*---BODY--------------------------------*/
/*.notInventory {*/
header {
    background: var(--primary);
}

a.logostuff {
    background: white;
    padding: 20px 70px 15px 30px;
    padding: max(6px, 1.04167vw) max(20px, 3.64583vw) max(4px, 0.78125vw) max(9px, 1.5625vw);
    margin: 18px 60px 18px 20px;
    margin: max(5px, 0.9375vw) max(17px, 3.125vw) max(5px, 0.9375vw) max(6px, 1.04167vw);
    clip-path: polygon(100% 0, 100% 66%, 81% 100%, 0 100%, 0 0);
}

header .hleft a img {
    width: 146px;
    width: max(92px, 7.60417vw);
}

header .hleft .contactInfo * {
    color: white;
}

header .hleft .contactInfo .contactsnip a {
    font-weight: normal;
    font-size: 16px;
    font-size: max(12px, 0.83333vw);
    letter-spacing: 0.05em;
    color: #fff;
}

header .hright {
    background: white;
    margin-bottom: 5px;
    margin-bottom: max(1px, 0.26042vw);
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 31%);
    margin-left: 12px;
}

header .hright * {
    color: black !important;
}

header .hright .primary ul li a {
    font-weight: normal;
    font-size: 16px;
    font-size: max(12px, 0.83333vw);
    letter-spacing: 0.12em;
    color: #000;
}

header .hright .primary ul li:first-child a:not(.mobile li a) {
    padding-left: 0;
}

header .hright .primary ul li:last-child a:not(.mobile li a) {
    padding-right: 0;
}

.heroshapes {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.heroshapes * {
    width: 620px;
    width: max(178px, 32.29167vw);
}

.heroshapes .shapehtwo {
    transform: scaleX(-1);
    margin-bottom: -2px
}

.bottomshapes {
    position: absolute;
    bottom: -2px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    left: 0;
}

.bottomshapes * {
    width: max(182px, 33vw);
}

.bottomshapes .shapebtwo {
    transform: scaleX(-1);
    margin-right: -1px;
}

main .hero {
    margin-bottom: 120px;
    margin-bottom: max(34px, 6.25vw);
    position: relative;
}

.hero:before {
    content: '';
    width: 1560px;
    width: max(447px, 81.25vw);
    height: 0px;
    background: transparent;
    border-top: 2.5px solid #dc3042;
    border-top: max(1px, 0.13021vw) solid #dc3042;
    position: absolute;
    bottom: -20px;
    bottom: min(-6px, -1.04167vw);
    width: 660px;
    width: max(189px, 34.375vw);
    left: 50%;
    transform: translateX(-50%);
}

main .hero .tophero {
    position: absolute;
    width: 100%;
    bottom: 180px;
    bottom: max(52px, 9.375vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
    box-sizing: border-box;
}

.text.tophero h2 {
    text-align: center;
}

main .hero .tophero h1 {
    display: flex;
    flex-direction: column;
    color: white;
    text-align: center;
    line-height: 1.2;
}

main .hero .tophero h1 span {
    font-weight: normal;
    font-size: 28px;
    font-size: max(18px, 1.45833vw);
    letter-spacing: 0.22em;
    color: #fff;
}

main .hero .bottomhero {
    width: 100%;
    height: max(368px, 31.198vw);
    object-fit: cover;
}

main .invctacontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 333px;
    margin: 0 max(95px, 17.34375vw);
    margin-bottom: 240px;
    margin-bottom: max(69px, 12.5vw);
}

main .invctacontainer .catcta {
    text-align: center;
    margin: 33px 13px;
    margin: max(9px, 1.71875vw) max(4px, 0.67708vw);
    width: 280px;
    width: max(80px, 14.58333vw);
    height: 388px;
    height: max(303px, 20.20833vw);
    /* fontpair  */
    position: relative;
    /* display: flex; */
    /* flex-direction: column; */
    /* justify-content: space-between; */
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px max(4px, 0.78125vw) rgba(0, 0, 0, 0.16);
}

main .invctacontainer .catcta,
main .invctacontainer .catcta * {
    box-sizing: border-box;
}

main .invctacontainer .catcta h4 {
    color: black;
    padding: 30px 12px;
    padding: max(23px, 1.5625vw) max(9px, 0.625vw);
    /* fontpair  */
    background: white;
    width: 100%;
    position: relative;
}

main .invctacontainer .catcta img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    z-index: -1;
    top: 0;
}

main .invctacontainer .catcta h5 {
    color: #fff;
    background: var(--primary);
    position: absolute;
    bottom: 0;
    width: calc(100% - 36px);
    width: calc(100% - max(10px, 1.875vw));
    padding: 15px 0;
    padding: max(12px, 0.78125vw) 0;
    /* fontpair  */
    left: 50%;
    transform: translateX(-50%);
}

main .twosection {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 110px;
    margin-top: max(32px, 5.72917vw);
    margin-bottom: 75px;
    margin-bottom: max(21px, 3.90625vw);
    position: relative;
}

.otherpage main .twosection {
    margin-bottom: 140px;
}

main .twosection:before {
    content: '';
    width: 1560px;
    width: max(447px, 81.25vw);
    height: 0px;
    background: transparent;
    border-top: 2.5px solid #dc3042;
    border-top: max(1px, 0.13021vw) solid #dc3042;
    position: absolute;
    top: -90px;
    top: min(-26px, -4.6875vw);
}

.otherpage main .twosection:before {
    content: none !important;
}

main .twosection .twosecleft {
    padding: 0 150px 0 90px;
    padding: 0 max(43px, 7.8125vw) 0 max(26px, 4.6875vw);
}

main .twosection .twosecleft h2,
.otherpage h1 {
    color: #07045b;
    display: flex;
    flex-direction: column;
}

main .twosection .twosecleft h2 span,
.otherpage h1 span {
    font-weight: normal;
    font-size: 21px;
    font-size: max(16px, 1.09375vw);
    letter-spacing: 0.22em;
    color: #000;
}

main .twosection .twosecright {
    width: 952px;
    width: max(273px, 49.58333vw);
    background: var(--primary);
    position: relative;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%, 0 14%);
}

main .twosection .twosecright .flex-form {
    background: white;
    width: 700px;
    width: max(201px, 36.45833vw);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%, 0 14%);
}

.flex-form img {
    width: 53px;
    width: max(41px, 2.76042vw);
    /* fontpair  */
}

img#CaptchaImage {
    width: 150px;
    width: max(43px, 7.8125vw);
}

main .twosection .twosecright .flex-form form {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 50px 0px 0px;
    padding: max(14px, 2.60417vw) 0px 0px;
}

main .twosection .twosecright .flex-form form #formpage {
    width: 100%;
}

main .twosection .twosecright .flex-form form #formpage .flex-row {
    margin-bottom: 22px;
    margin-bottom: max(17px, 1.14583vw);
    /* fontpair  */
}

main .twosection .twosecright .flex-form form #formpage input:not(.submit-button *) {
    border-bottom: black 1.5px solid;
    border-bottom: black max(0px, 0.07813vw) solid;
    padding: 13px 25px;
    padding: max(10px, 0.67708vw) max(20px, 1.30208vw);
    /* fontpair  */
    font-family: "Neusa Next Std";
    font-weight: normal;
    font-size: 18px;
    font-size: max(14px, 0.9375vw);
    text-align: left;
    color: #000;
    width: 100% !important;
    box-sizing: border-box;
}

main .twosection .twosecright .flex-form form #formpage>div:not(div:last-of-type) {
    margin-left: 90px;
    margin-left: max(26px, 4.6875vw);
    margin-right: 90px;
    margin-right: max(26px, 4.6875vw);
}

main .twosection .twosecright .flex-form form #formpage .submit-button {
    display: flex;
    justify-content: center;
    /* position: absolute; */
    width: 100%;
    margin-top: 30px;
    margin-top: max(9px, 1.5625vw);
    border: none !important;
}

main .twosection .twosecright .flex-form form #formpage .submit-button .submit-button {
    width: 100%;
    background: #dc3042;
    font-family: Transducer;
    font-weight: 500;
    font-size: 17px;
    font-size: max(13px, 0.88542vw);
    letter-spacing: 0.23em;
    text-align: left;
    color: #fff;
    padding: 20px 0;
    padding: max(16px, 1.04167vw) 0;
    /* fontpair  */
    text-align: center;
}

main .twosection .twosecright .bgred {
    mix-blend-mode: multiply;
}

main .contactsec {
    background: var(--primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 115px 190px 270px;
    padding: max(33px, 5.98958vw) max(54px, 9.89583vw) max(77px, 14.0625vw);
    position: relative;
    margin: 0 50px;
    margin: 0 max(14px, 2.60417vw);
}

main .contactsec * {
    color: white;
    border-color: white !important;
}

main .contactsec .contactleft h3 {
    display: flex;
    flex-direction: column;
}

main .contactsec .contactleft h3 span {
    font-weight: normal;
    font-size: 18px;
    font-size: max(14px, 0.9375vw);
    letter-spacing: 0.22em;
    color: #fff;
}

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

.circlebtn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 65px;
    margin-right: max(19px, 3.38542vw);
}

.circlebtn:last-of-type {
    margin-right: 0;
}

.threecontact .circlebtn .fa-solid {
    border: 1px solid white;
    /* padding: 28px; */
    margin-right: 30px;
    margin-right: max(23px, 1.5625vw);
    /* fontpair  */
    width: 75px;
    width: max(59px, 3.90625vw);
    /* fontpair  */
    text-align: center;
    height: 75px;
    height: max(59px, 3.90625vw);
    /* fontpair  */
    display: flex;
    justify-content: center;
    align-items: center;
}

.circlebtn:first-of-type h6 {
    width: 170px;
    width: max(49px, 8.85417vw);
}

a.circlebtn:hover i {
    background: var(--primary);
}

@media screen and (max-width: 767px) {
    .circlebtn {
        margin-right: 10px !important;
    }

    .threecontact .circlebtn .fa-solid {
        margin-right: 0;
    }

    .circlebtn h6 {
        /* display: none; */
    }
}

footer #footerleft {
    display: flex;
    flex-direction: column;
    text-align: center;
    flex: 1;
}

footer #footerleft .stndbtn {
    padding: 21px 50px;
    padding: max(16px, 1.09375vw) max(39px, 2.60417vw);
    /* fontpair  */
    /* width: 100%; */
    margin-bottom: 15px;
    margin-bottom: max(12px, 0.78125vw);
    /* fontpair  */
}

.stndbtn {
    font-weight: 500;
    font-size: 14px;
    font-size: max(12px, 0.72917vw);
    letter-spacing: 0.23em;
    color: #dc3042;
    text-transform: uppercase;
    border: 1px solid #dc3042;
}

footer #footermiddle {
    flex: 1;
    display: flex;
    justify-content: center;
    margin: 0 230px;
    margin: 0 max(66px, 11.97917vw);
    padding-top: 40px;
    padding-top: max(11px, 2.08333vw);
}

footer #footermiddle a img {
    width: 171px;
    width: max(119px, 8.90625vw);
}

footer .threecontact {
    flex-direction: column;
    align-items: flex-start;
}

footer .aos-init .threecontact .circlebtn {
    color: var(--primary);
}

footer .circlebtn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 45px;
    margin-right: max(13px, 2.34375vw);
}

footer .circlebtn:last-of-type {
    margin-right: 0;
}

footer .circlebtn:first-of-type h6 {
    width: 170px;
    width: max(49px, 8.85417vw);
}

#footerright {
    flex: 1;
}

#footerright .threecontact .circlebtn {
    padding-bottom: 22px;
    padding-bottom: max(6px, 1.14583vw);
}

a.circlebtn:hover i {
    background: var(--primary);
    color: white;
}

#footerright .threecontact .circlebtn .fa-solid {
    border: 1px solid var(--primary);
    width: 75px;
    width: max(61px, 3.90625vw);
    text-align: center;
    height: 75px;
    height: max(61px, 3.90625vw);
}

#footerright .threecontact .circlebtn h6 {
    /* margin-left: 25px; */
}

@media screen and (max-width: 1200px) {
    #footerright .threecontact .circlebtn {
        margin-right: 0;
    }

    #footerright .threecontact .circlebtn h6 {
        /* display: none; */
    }
}

@media screen and (max-width: 900px) {
    #footerright {
        width: 100%;
        margin: 0 auto;
        margin-top: 20px;
    }

    #footerright .threecontact {
        width: 220px;
        display: flex;
        justify-content: space-between;
        margin: 0 auto;
        padding-top: 27px;
    }
}

@media screen and (max-width: 767px) {
    footer .circlebtn {
        margin-right: 10px !important;
    }

    footer .circlebtn h6 {
        display: none;
    }
}

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

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

/*}*/
/*--------FORM STYLES--------------------*/
/*.notInventory {*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 120px;
    padding: 0 max(34px, 6.25vw);
    margin-top: -30px;
    margin-top: min(-9px, -1.5625vw);
    border-bottom: 10px solid #dc3042;
    border-bottom: max(8px, 0.52083vw) solid #dc3042;
    /* fontpair  */
    padding-bottom: 10px;
    padding-bottom: max(3px, 0.52083vw);
}

.otherpage footer {
    padding-top: 60px;
    border-top: max(1px, 0.13021vw) solid #dc3042;
}

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

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

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

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

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

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

/*.notInventory {*/
/*}*/
/* ACCORDION */
.accordion {
    display: block;
    position: relative;
    margin-bottom: 10px;
    margin-bottom: max(3px, 0.52083vw);
    color: #666;
    border: 1px #eee solid;
    border-radius: 5px;
    border-radius: max(1px, 0.26042vw);
    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(4px, 0.78125vw) max(6px, 1.04167vw) max(4px, 0.78125vw) max(7px, 1.30208vw);
    font-weight: 700;
    border-radius: 5px;
    border-radius: max(1px, 0.26042vw);
    cursor: pointer;
}

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

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

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

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

@media only screen and (max-width: 1550px) {
    main .invctacontainer {
        margin: 0 max(15px, 10vw);
    }

    main .contactsec {
        display: flex;
        flex-direction: column;
    }

    main .contactsec .contactleft h3 {
        margin-bottom: 40px;
        text-align: center;
    }
}

@media only screen and (max-width: 1300px) {
    .contactInfo span {
        display: none;
    }

    main .invctacontainer .catcta {
        width:
            29%;
    }

    main .twosection {
        flex-direction: column;
        margin-top: 80px;
        padding-top: 40px;
    }

    main .twosection .twosecright {
        clip-path: none;
        width: 100%;
        height: max(730px, 60vw);
        OVERFLOW: HIDDEN;
        margin-top: 70px;
    }

    main .twosection .twosecright .flex-form {
        clip-path: none;
        width: 92%;
    }

    main .twosection .twosecright .bgred {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    main .contactsec {
        flex-direction: column;
        padding-left: 10px;
        padding-right: 10px;
    }

    main .contactsec .threecontact {
        flex-direction: column;
    }

    main .contactsec .threecontact .circlebtn {
        /* width: 39%; */
        margin-bottom: max(19px, 3.38542vw);
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin-right: 0;
        width: 100%;
    }

    main .contactsec .threecontact .circlebtn h6 {
        width: 100%;
    }

    main .contactsec .threecontact .circlebtn * {
        margin-right: 0;
    }

    .threecontact {
        width: 100%;
    }

    .threecontact .circlebtn .fa-solid {
        margin-bottom: max(9px, 1.38542vw);
    }

    footer #footerleft {
        order: 1;
    }

    footer #footermiddle {
        order: 3;
    }

    #footerright .threecontact .circlebtn {
        flex-direction: column;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }

    #footerright .threecontact .circlebtn .fa-solid {
        margin-right: 0;
    }

    #footerright .threecontact .circlebtn {
        width: 100%;
    }

    #footerright .threecontact .circlebtn h6 {
        width: 100%;
    }

    #footerright {
        order: 2;
    }

    #footerright .threecontact {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        width: 100%;
        margin: 50px 0;
    }

    footer {
        flex-direction: column;
        margin-top: 0;
        padding: 60px 0;
    }
}

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

@media only screen and (max-width: 767px) {
    header .hright {
        CLIP-PATH: none !important;
        background: none;
    }

    .bottomshapes {
        display: none;
    }

    .hero:before {
        DISPLAY: NONE;
    }

    main .invctacontainer .catcta {
        width: 100%;
    }
}

/* FORMS  */

.contactuspage .rightcontactstuff {
    margin-bottom: 30px;
    margin-bottom: max(17px, 1.5625vw);
    margin-left: 1vw;
}

.contactuspage .rightcontactstuff h2 {
    margin-bottom: 40px;
    margin-bottom: max(23px, 2.08333vw);
}

.contactuspage .rightcontactstuff h2 span {}

.contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo {
    display: flex;
    flex-direction: column;
    font-size: max(13px, 1vw);
}

.contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo a {
    color: var(--primary);
}

.contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip {
    margin-bottom: 15px;
    margin-bottom: max(9px, 0.78125vw);
}

.contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip a {
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip .fa-solid {
    /* background: #E8E8E8; */
    width: 100px;
    width: max(57px, 5.20833vw);
    height: 100px;
    height: max(57px, 5.20833vw);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 22px;
    margin-right: max(13px, 1.14583vw);
    border: 1px solid #dc3042;
    color: var(--primary);
}


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

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


/******** End of primary Nav ***************/
@media screen and (max-width: 1340px) {}


.contactuspage .flex-form {
    width: 100%;
    text-align: left;
    margin: 0 auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}

.CaptchaWhatsThisPanel a {
    color: black !important;
}

.contactuspage .flex-form span {
    text-align: left;
    margin: 0;
}

.contactuspage .flex-form input {
    margin-top: 5px;
    margin-top: max(3px, 0.26042vw);
}

.contactuspage .flex-form .flex-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%
}


.contactuspage .topcontainbottom .contactleft .flex-form .contactright #formpage {
    width: 1000px;
    width: max(547px, 52.08333vw);
}

.contactuspage .flex-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 23px 23px 0 0;
    margin: max(13px, 1.19792vw) 0 0 0;
    text-align: left
}

.contactuspage .flex-form form input,
.contactuspage .flex-form textarea {
    padding: 13px 30px 13px;
    padding: max(7px, 0.67708vw) max(17px, 1.5625vw) max(7px, 0.67708vw);
    margin-top: 5px;
    margin-top: max(3px, 0.26042vw);
    border-radius: 0;
    background: #fff;
    /* height: 40px; */
    /* height: max(23px, 2.08333vw); */
    text-align: left;
    text-transform: uppercase;
    border-left: none;
    border-top: none;
    border-right: none;
    /* height: 40px; */
    /* border-radius: 38.63px; */
    /* border-radius: max(22px, 2.01198vw); */
    background: transparent;
    border: 2.5px solid #8d0801;
    border: max(1px, 0.13021vw) solid #8d0801 !important;
    padding: 28px 35px 23px;
    padding: max(16px, 1.45833vw) max(20px, 1.82292vw) max(13px, 1.19792vw);
    appearance: none;
}

.contactuspage .flex-form textarea {
    min-height: 200px !important;
    box-sizing: border-box;
}

.contactuspage .flex-form form input,
.contactuspage .flex-form form textarea,
.contactuspage .flex-form .submit-button {
    text-align: left;
    /* height: 75px; */
    /* height: max(43px, 3.90625vw) !important; */
    width: 100% !important;
    background: none;
    /* border-radius: max(22px, 2.01198vw); */
    /* cursor: pointer; */
    box-sizing: border-box;
    font-size: max(13px, 1vw);
}

@media screen and (max-width:1085px) {
    .contactuspage .flex-form .flex-row {
        flex-wrap: wrap
    }
}

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

    .contactuspage .flex-form input {
        width: 100%
    }
}

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

    .contactuspage .rightcontactstuff {
        margin: 0;
        width: 100%;
        box-sizing: border-box;
        padding: 40px 5vw;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo {
        flex-direction: row;
        padding: 0;
        justify-content: space-between;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip a {
        flex-direction: column;
        /* text-align: center; */
        align-items: center;
        text-align: center;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip .fa-solid {
        margin-bottom: 18px;
    }

}

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

    .contactuspage .rightcontactstuff,
    .contactuspage .rightcontactstuff * {
        text-align: center !important;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo {
        flex-direction: column;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip {
        margin-bottom: 30px;
    }

    .contactuspage .rightcontactstuff .bottomcontactstuff .contactInfo .contactsnip .fa-solid {
        margin-right: 0;
    }

}

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


.contactuspage .topcontainbottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.contactuspage .topcontainbottom,
.contactuspage .topcontainbottom * {}

.contactuspage .flex-form .CaptchaAnswerPanel {
    /* width: 250px; */
    /* width: max(137px, 13.02083vw); */
    margin: 0 auto;
}

.contactuspage .flex-form .submit-button:not(.twosecright *) {
    padding: 10px 0 10px 0;
    padding: max(5px, 0.52083vw) 0 max(5px, 0.52083vw) 0;
    position: relative;
    width: 100%;
    text-align: center;
    background: var(--primary);
    color: white;
    border: none;
    cursor: pointer;
}

@media screen and (max-width: 1200px) {
    .contactuspage .topcontainbottom {
        flex-direction: column;
    }

    .contactuspage .topcontainbottom .contactleft {
        width: 100% !important;
        margin-bottom: 50px;
    }

    .contactuspage .topcontainbottom .contactleft .flex-form {
        width: 100% !important;
    }

    .contactuspage .topcontainbottom .contactleft .flex-form .contactright {
        width: 100% !important;
    }

    .contactuspage .topcontainbottom .contactleft .flex-form .contactright #formpage {
        width: 100% !important;
    }

    .contactuspage .topcontainbottom .contactright {
        width: 100% !important;
        margin-top: 0 !important;
    }

    .contactuspage .topcontainbottom .contactright iframe {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .contactuspage .topcontainbottom .contactright .icontain:after {
        left: 0 !important;
        border-radius: 0 !important;
    }

    .contactuspage .topcontainbottom .contactright .linkarea {
        margin-left: auto !important;
        margin-right: auto !important;
        max-width: 80% !important;
    }
}

@media screen and (max-width: 767px) {
    .contactuspage .topcontainbottom .contactleft h1 {
        /* padding-left: 30px !important; */
    }
}

.contactuspage .topcontainbottom {
    /* padding: 220px 70px 250px 90px; */
    /* padding: 11.45833vw 3.64583vw 13.02083vw 4.6875vw; */
    align-items: flex-start;
}

.contactuspage .topcontainbottom .contactleft h1 {
    /* padding-left: 85px; */
    /* padding-left: 4.42708vw; */
}

.contactuspage .topcontainbottom .contactleft .flex-form {
    /* margin-top: 65px; */
}

.contactuspage .topcontainbottom .contactleft .flex-form .contactright #formpage {
    width: 1000px;
    width: max(547px, 48.08333vw);
}

.contactuspage .topcontainbottom .contactright {
    /* margin-top: -100px; */
}

.contactuspage .topcontainbottom .contactright iframe {
    width: 640px;
    width: max(350px, 33.33333vw);
    height: 800px;
    height: max(438px, 41.66667vw);
}

.contactuspage .topcontainbottom .contactright .linkarea {
    margin-left: -18px;
    margin-left: min(-10px, -0.9375vw);
    margin-top: 50px;
    margin-top: max(27px, 2.60417vw);
}



/* SLIDESHOW  */


.slideshow-container {
    position: relative;
    max-width: 100%;
    background: black;
}

.mySlides {
    display: none;
}

.bottomhero {
    width: 100%;
}

.text {
    color: white;
    font-size: 24px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.inventory-button {
    background-color: var(--primary);
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 18px;
    cursor: pointer;
    /* position: absolute; */
    bottom: 70px;
    left: 50%;
    /* width: 100%; */
}

/* Fade animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}