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


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

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

.list-content {
    margin: 6vw auto !important;
    !i;
    !;
}

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;
}


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

p a:not(.container.cf *) {
    color: inherit;
    opacity: 0.7;
}

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

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


.invpage .notInventory input {
    border: none;
}

/* 
ABSOLUTE CENTER
margin: 0 0 0 max(384px,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: #C3262D;
    /* Background color for hover states, text color for hover states */
    --secondary2: #707070;
    /* Background color, all text appearing within the colored boxes */
    --neutral2: #1D1D1D;
}

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

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


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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 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: ;
}

*: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;
}

footer #leftsec i {
    color: black !important;
    !i;
    !;
    font-size: max(14px, 1.22655vw);
}

.surroundtitle {
    border-bottom: 1px solid #BEBEBE;
    background: white;
    margin-top: -90px;
    margin-top: min(-36px, -4.6875vw);
    z-index: 3;
    position: relative;
    margin-left: 25px;
    margin-left: max(10px, 1.30208vw);
    margin-right: 25px;
    margin-right: max(10px, 1.30208vw);
    padding: 25px;
    padding: max(15px, 1.30208vw);
    padding-bottom: 13px;
    padding-bottom: max(10px, 0.67708vw);
}



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: ;
}

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

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

h2 {}

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

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

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

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

p:not(.container.cf *),
main ul:not(.container.cf *),
main ul li:not(.container.cf *) {}

a.standardbtn {}

header a.standardbtn {
    margin-top: 0;
    width: 265px;
    width: max(106px, 13.80208vw);
    margin-left: max(16px, 2.03125vw);
}

.card a.standardbtn {
    width: 100%;
    box-sizing: border-box;
    color: white;
}

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(6px, 0.78125vw);
    height: 17px;
    height: max(7px, 0.88542vw);
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    padding-right: 25px;
    padding-right: max(10px, 1.30208vw);
}

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

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

/* Contact Info  */
.contactInfo {
    display: flex;
    padding-right: 45px;
    padding-right: max(18px, 2.34375vw);
}

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

.contactsnip {
    padding-left: 8px;
    padding-left: max(5px, 0.41667vw);
    /* padding-left: max(13.5417px, max(8px,1.04167vw)); */
}

footer .secondone .contactsnip {
    top: 10px;
    position: relative;
    margin-left: 0;
    left: -6px;
}

.contactInfo a {
    font-size: 17px;
    font-size: max(12px, 0.88542vw);
    /* font-size: max(13px, max(12px, 0.88542vw)); */
    /* font-size: max(max(9px, 0.67708vw), max(12px, 0.88542vw)); */
}

.contactInfo i {
    font-size: 14px;
    font-size: max(15px, 0.72917vw);
    /* font-size: max(12.4792px, max(9px, 0.72917vw)); */
    /* font-size: max(max(8px, 0.64996vw), max(9px, 0.72917vw)); */
    padding-right: 0;
}

::before {}

@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 ul li a.active {}

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

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(9px, 0.72917vw);
    line-height: 60px;
    line-height: max(41px, 3.125vw);
    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 26px;
    padding: 0px max(10px, 1.05417vw);
}

nav.primary ul li a:hover {
    background: #d1d1d1;
    color: #000000;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: 16px;
    font-size: max(13px, 1.02613vw);
    line-height: 16px;
    line-height: max(11px, 0.83333vw);
    padding: 10px;
    padding: max(4px, 0.92083vw) max(4px, 1.32083vw);
    color: #fff;
    background: #d9d9d9;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #c9c9c9 solid 1px;
    color: black;
}

/* Appearance of the sub-level links on hover */
nav.primary ul li li a:hover {}

/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute;
}

nav.primary ul ul ul {
    position: absolute;
    left: 100%;
    top: 0;
}

nav.primary ul li:hover>ul {
    display: block;
    line-height: 18px;
    line-height: max(12px, 0.9375vw);
    z-index: 100;
}

nav.primary ul ul li {
    float: none;
    width: 270px;
    width: max(108px, 14.0625vw);
    position: relative;
    margin: 0;
    display: block;
}


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

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

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

/******** End of primary Nav ***************/

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

    /*==============================
	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: black;
        text-decoration: none;
        /* padding: 0 0 0 .8em; */
        font-weight: normal;
        font-family: 'Fira Sans Condensed';
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #0F0F0F;
        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: white;
        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 #B13400 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: 11px 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: 100%;
        text-align: left;
        background: none;
        !;
        !i;
        !;
    }
}

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


/*.notInventory {*/
header {}

/*}*/


/*---BODY--------------------------------*/
/*.notInventory {*/
header {
    display: flex;
    align-items: center;
    background: #D9D9D9;
    padding: 10px 60px;
    padding: max(4px, 0.52083vw) max(24px, 1.325vw);
    /* width: 100%; */
}

.invpage header {
    width: 100%
}

header #logostuff {}

header #logostuff img {
    width: 112.7px;
    width: max(95px, 5.86979vw);
    border-radius: 85.9924px;
    border-radius: max(34px, 4.47877vw);
    margin-right: 90px;
    margin-right: max(36px, 1.6875vw);
}

header .primary {}

header .primary ul {}

header .primary ul li {}

header .primary ul li a {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 19.7016px;
    font-size: max(13px, 1.02613vw);
    line-height: 24px;
    line-height: max(16px, 1.25vw);
    letter-spacing: 0.07em;
    color: #000000;
}

header #menu-button {
    text-align: left;
}

header #menu-button .menu-toggle {}

header .mobile {}

header .mobile .mobile_top {}

header .mobile .mobile_top .menu-toggle {}

header .mobile ul {}

header .mobile ul li {}

header .mobile ul li a {}

header .contactInfo {}

header .contactInfo .contactsnip {}

header .contactInfo .contactsnip a {
    box-sizing: border-box;
    width: 43.65px;
    width: max(35px, 2.27344vw);
    height: 35.83px;
    height: max(25px, 1.86615vw);
    left: 1836.76px;
    left: max(734px, 95.66458vw);
    top: 4683.69px;
    top: max(1871px, 243.94219vw);
    border: 1px solid black;
    border-radius: 17.9157px;
    border-radius: max(16px, 0.93311vw);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    /* margin-bottom: 7px; */
    /* margin-bottom: max(3px, 0.36458vw); */
}

header .contactInfo .contactsnip a:hover {
    background: black;
    !;
    !i;
    !;
}

header .contactInfo .contactsnip a:hover i {
    color: white;
}

header .contactInfo .contactsnip a .fa-solid,
header .contactInfo .contactsnip a .fa-brands {
    color: black;
}

header #farrightstuff {
    display: flex;
    align-items: center;
}

div#farrightstuff {
    border-left: 1px solid #838383;
    padding-left: 39px;
    padding-left: max(16px, 2.03125vw);
    position: relative;
}

header #farrightstuff form {
    /* padding-right: 45px; */
    /* padding-right: max(18px, 2.34375vw); */
}

header #farrightstuff form input {
    font-family: 'Sarabun';
    font-size: 16px;
}

header #farrightstuff form {
    /* display: none; */
}

header #farrightstuff form .column4 {}

header #farrightstuff form .column4 label {}

header #farrightstuff form .column4 input {}

header #farrightstuff form button {
    /* border: none; */
    width: 71px;
    height: 42px;
    margin-left: -5px;
    background: #B13400 !important;
    !i;
    !;
    font-family: 'Sarabun';
    font-size: 15px;
    border: none;
    cursor: pointer;
    color: white;
}

.showhidestuff {
    /* width: 25px; */
}

.showhidestuff img {
    width: 100%;
}

header #farrightstuff form button .fas {}

#hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #D9D9D9;
}

#hero #heroleft {}

#hero #heroleft #titlearea {
    margin-left: 100px;
    margin-left: max(40px, 5.20833vw);
    margin-bottom: 90px;
    margin-bottom: max(36px, 4.6875vw);
    margin-right: 100px;
    margin-right: max(40px, 5.20833vw);
}

#hero #heroleft #titlearea h1 {
    font-family: 'Fira Sans Condensed';
    font-style: normal;
    font-weight: 500;
    font-size: 72.6666px;
    font-size: max(39px, 3.78472vw);
    line-height: 87px;
    line-height: max(38px, 4.53125vw);
    letter-spacing: 0.07em;
    color: black;
    display: flex;
    flex-direction: column;
}

#hero #heroleft #titlearea h1 span {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 72.6666px;
    font-size: max(40px, 3.78472vw);
    line-height: 71px;
    line-height: max(38px, 3.69792vw);
    letter-spacing: 0.07em;
    color: black;
    text-transform: uppercase;
    margin-bottom: 16px;
    margin-bottom: max(6px, 0.83333vw);
}

h1,
h2,
h3 {
    text-transform: uppercase
}

#hero #heroleft #titlearea h1 span br {}

#hero #heroleft #titlearea .standardbtn {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 20.9136px;
    font-size: max(14px, 1.08925vw);
    line-height: 25px;
    line-height: max(17px, 1.30208vw);
    letter-spacing: 0.07em;
    color: black;
    border: 2.12303px solid #B13400;
    border: max(1px, 0.11057vw) solid #B13400;
    padding: 20px 36px 20px 25px;
    padding: max(9px, 0.88542vw) max(15px, 1.04167vw);
    width: 555px !important;
    width: max(222px, 28.90625vw) !important;
    position: relative;
    display: block;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-top: max(12px, 1.5625vw);
}

#hero #heroleft #titlearea .standardbtn:hover {
    background: #B13400;
    color: white;
}

#hero #heroleft #titlearea .standardbtn:after {
    content: "";
    display: block;
    width: 24px;
    width: max(15px, 1.25vw);
    /* Matches the SVG width */
    height: 31px;
    height: max(12px, 1.61458vw);
    /* Matches the SVG height */
    background-image: url('data:image/svg+xml,<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7222 15.4541L12.1656 28.1101L12.1656 2.79811L23.7222 15.4541Z" fill="white"/><path d="M16.0181 15.4541L4.46152 28.1101L4.46152 2.7981L16.0181 15.4541Z" fill="%23B13400"/></svg>');
    background-repeat: no-repeat;
    /* Prevent repeating the image */
    background-position: right center;
    /* Position the image at the right center */
}

#hero #heroright {}

#hero #heroright img {
    width: 1025.52px;
    width: max(530px, 53.4125vw);
}

#ctas {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #252525;
    justify-content: center;
    padding-top: 110px;
    padding-top: max(44px, 5.72917vw);
    margin-top: -16px;
    margin-top: min(-6px, -0.83333vw);
}

#ctas .cta {
    text-align: center;
    margin: 0 9px;
    margin: 0 max(4px, 0.46875vw);
    position: relative;
}

#ctas .cta:hover img {
    bottom: 15px;
}

#ctas .cta img {
    width: 524.96px;
    width: max(210px, 27.34167vw);
    filter: grayscale(1);
}

#ctas .cta h2 {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 41.0741px;
    font-size: max(22px, 2.13928vw);
    line-height: 49px;
    line-height: max(33px, 2.55208vw);
    letter-spacing: 0.07em;
    color: #252525;
    padding-bottom: 5px;
    padding-bottom: max(2px, 0.26042vw);
}

#ctas .cta h4 {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 24.633px;
    font-size: max(17px, 1.28297vw);
    line-height: 32px;
    line-height: max(22px, 1.66667vw);
    letter-spacing: 0.07em;
    color: #000000;
}

main {
    background: white;
    margin-top: -100px;
    margin-top: min(-40px, -5.20833vw);
}

.contactus main {
    margin-top: 0;
}

.invpage main {
    margin-top: 0;
}

main #sectionone {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 325px 280px 240px 160px;
    padding: max(130px, 16.92708vw) max(112px, 14.58333vw) max(96px, 12.5vw) max(64px, 8.33333vw);
}

.contactus main #sectionone {
    align-items: flex-start;
}

.contactus section#sectionone>div {
    width: 50%;
}

main #sectionone #seconeleft {
    position: relative;
}

main #sectionone #seconeleft img {
    width: 727.37px;
    width: max(291px, 37.88385vw);
}

.homepage main #sectionone #seconeleft:before {
    /* content: ""; */
    display: block;
    width: 650px;
    width: max(260px, 33.85417vw);
    /* Matches the SVG width */
    height: 50px;
    height: max(20px, 2.60417vw);
    /* Matches the SVG height */
    background-image: url('data:image/svg+xml,<svg width="649" height="50" viewBox="0 0 649 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.376465" y="0.175903" width="648.013" height="49.5679" fill="%23D8D8D8"/></svg>');
    background-repeat: no-repeat;
    /* Prevent repeating the image */
    background-position: right center;
    /* Position the image at the right center */
    top: -49px;
    top: min(-20px, -2.55208vw);
    position: absolute;
    left: 38px;
    left: max(15px, 1.97917vw);
}

.homepage main #sectionone #seconeleft:after {
    /* content: ""; */
    display: block;
    width: 50px;
    width: max(20px, 2.60417vw);
    /* Matches the SVG width */
    height: 280px;
    height: max(112px, 14.58333vw);
    /* Matches the SVG height */
    background-image: url('data:image/svg+xml,<svg width="52" height="282" viewBox="0 0 52 282" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.861572" y="0.980591" width="51.0037" height="280.88" fill="%23B13400"/></svg>');
    background-repeat: no-repeat;
    /* Prevent repeating the image */
    background-position: right center;
    /* Position the image at the right center */
    top: 38px;
    top: max(15px, 1.97917vw);
    position: absolute;
    left: -49px;
    left: min(-20px, -2.55208vw);
}

main #sectionone #seconeright:before {
    /* content: ""; */
    display: block;
    height: 200px;
    height: max(80px, 10.41667vw);
    /* Matches the SVG height */
    border: 2px solid #B13400;
    border: max(1px, 0.10417vw) solid #B13400;
    position: absolute;
    left: 100px;
    left: max(40px, 5.20833vw);
    TOP: -20PX;
}

main #sectionone #seconeright {
    padding-left: 153px;
    padding-left: max(61px, 7.96875vw);
    position: relative;
    padding-bottom: 85px;
    padding-bottom: max(64px, 4.42708vw);
}

.contactus div#seconeright {
    margin-top: max(64px, 4.42708vw);
}


main h2,
.otherpage main h1 {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 41.0741px;
    font-size: max(28px, 2.13928vw);
    line-height: 49px;
    line-height: max(33px, 2.55208vw);
    letter-spacing: 0.07em;
    color: #252525;
    display: flex;
    flex-direction: column;
}

main h3 {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 41.0741px;
    font-size: max(14px, 1.43928vw);
    line-height: 49px;
    line-height: max(33px, 2.55208vw);
    letter-spacing: 0.07em;
    color: #252525;
    display: flex;
    flex-direction: column;
}

main h2 span {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 24.633px;
    font-size: max(17px, 1.28297vw);
    line-height: 32px;
    line-height: max(22px, 1.66667vw);
    letter-spacing: 0.07em;
    color: #000000;
    margin-bottom: -6px;
    margin-bottom: min(-2px, -0.3125vw);
}

main p,
main ul li {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 19.6262px;
    font-size: max(13px, 1.0222vw);
    line-height: 36px;
    line-height: max(24px, 1.875vw);
    letter-spacing: 0.07em;
    color: #000000;
    margin-top: 30px;
    margin-top: max(12px, 1.5625vw);
}

main ul li {
    margin: 0;
}

.standardbtn:after {
    content: "";
    display: block;
    width: 24px;
    width: max(13px, 1.25vw);
    /* Matches the SVG width */
    height: 31px;
    height: max(12px, 1.61458vw);
    /* Matches the SVG height */
    background-image: url('data:image/svg+xml,<svg width="23" height="28" viewBox="0 0 23 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3345 14.0252L11.4476 25.9477L11.4476 2.10261L22.3345 14.0252Z" fill="%23D9D9D9"/><path d="M15.0767 14.0252L4.18981 25.9477L4.18981 2.10261L15.0767 14.0252Z" fill="%23B13400"/></svg>');
    background-repeat: no-repeat;
    /* Prevent repeating the image */
    background-position: right center;
    /* Position the image at the right center */
}

.standardbtn {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 19.7016px;
    font-size: max(13px, 1.02613vw);
    line-height: 24px;
    line-height: max(16px, 1.25vw);
    letter-spacing: 0.07em;
    color: #000000;
    margin-top: 20px;
    margin-top: max(8px, 1.04167vw);
    display: block;
    padding: 17px 20px;
    padding: max(9px, 0.88542vw) max(15px, 1.04167vw);
    border: 2px solid #B13400;
    border: max(1px, 0.10417vw) solid #B13400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 365px;
    width: max(146px, 19.01042vw);
    margin-top: 27px;
    margin-top: max(11px, 1.40625vw);
}

.contactus a.standardbtn span {
    !i;
    !;
    /* align-self: flex-start; */
}

.contactus main a.standardbtn {
    width: 80%;
}

a.standardbtn:hover {
    background: #B13400;
    color: white;
}

main #sectiontwo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0F0F0F;

}

main #sectiontwo #sectwoleft {
    padding: 0 290px 0 140px;
    padding: 0 max(50px, 15.10417vw) 0 max(50px, 7.29167vw);
    position: relative;
    padding-top: max(30px, 6.10417vw);
}

main #sectiontwo #sectwoleft:before {
    content: "";
    display: block;
    height: 200px;
    height: max(80px, 10.41667vw);
    /* Matches the SVG height */
    border: 2px solid #B13400;
    border: max(1px, 0.10417vw) solid #B13400;
    position: absolute;
    left: 88px;
    left: max(35px, 4.58333vw);
    bottom: -10px;
    bottom: min(-4px, -0.52083vw);
}


main #sectiontwo #sectwoleft h2 {
    color: #B13400;
}

main #sectiontwo #sectwoleft h2 span {
    color: white;
}

main #sectiontwo #sectwoleft p {
    color: white;
}

main #sectiontwo #sectworight {}

main #sectiontwo #sectworight img {
    width: 893.44px;
    width: max(357px, 46.53333vw);
    margin-top: -15px;
    margin-top: min(-6px, -0.78125vw);
}

main #cardssec {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0F0F0F;
    justify-content: center;
    padding: 200px 0 220px;
    padding: max(80px, 10.41667vw) 0 max(88px, 11.45833vw);
}

main #cardssec .card {
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-direction: column;
    background: #1D1D1D;
    width: 380px;
    width: max(202px, 19.79167vw);
    padding: 30px 47px;
    padding: max(32px, 1.5625vw) max(27px, 2.44792vw);
    box-sizing: border-box;
    margin: 0 18px;
    margin: 0 max(7px, 0.9375vw);
    height: 640px;
    height: max(536px, 33.33333vw);
}

main #cardssec .card:nth-of-type(2) {
    border-bottom: 8px solid #B13400;
    border-bottom: max(10px, 0.41667vw) solid #B13400;
}

main #cardssec .card {
    border-bottom: 8px solid #DADADA;
    border-bottom: max(10px, 0.41667vw) solid #DADADA;
}

main #cardssec .card h3 {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 41.0741px;
    font-size: max(28px, 2.13928vw);
    line-height: 49px;
    line-height: max(33px, 2.55208vw);
    letter-spacing: 0.07em;
    color: white;
    text-transform: uppercase;
    margin-top: -47px;
    margin-top: min(-19px, -2.44792vw);
}

main #cardssec .card img {
    width: 148px;
    width: max(99px, 7.70833vw);
    align-self: center;
}

main #cardssec .card p {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 19.6262px;
    font-size: max(13px, 1.0222vw);
    line-height: 36px;
    line-height: max(24px, 1.875vw);
    letter-spacing: 0.07em;
    color: #FFFFFF;
}


footer {
    background: #D9D9D9;
}

footer #leftlinks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer #leftlinks #leftsec {
    padding-right: 180px;
    padding-right: max(42px, 9.375vw);
}

footer h4 {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    font-size: 29.7459px;
    font-size: max(19px, 1.54927vw);
    line-height: 36px;
    line-height: max(24px, 1.875vw);
    letter-spacing: 0.07em;
    color: #B13400;
    text-transform: uppercase;
    margin-bottom: 22px;
    margin-bottom: max(9px, 1.14583vw);
}

footer #leftlinks #leftsec ul {}

footer #leftlinks #leftsec ul li {}

footer ul li a {
    font-family: 'Sarabun';
    font-weight: 400;
    font-size: 23.5497px;
    font-size: max(14px, 1.22655vw);
    line-height: 43px;
    line-height: max(24px, 2.23958vw);
    letter-spacing: 0.07em;
    color: #0F0F0F;
}

footer #leftlinks #rightsec {}

footer #leftlinks #rightsec h4 {}

footer #leftlinks #rightsec ul {}

footer #leftlinks #rightsec ul li {}

footer #leftlinks #rightsec ul li a {}

footer #rightlogo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #0F0F0F;
    border-radius: 48px 0 0 0;
    border-radius: max(19px, 2.5vw) 0 0 0;
}

footer #rightlogo a {}

footer #rightlogo a img {
    width: 372.4px;
    width: max(239px, 19.39583vw);
    background: #0F0F0F;
    border-radius: 48px 0 0 0;
    border-radius: max(19px, 2.5vw) 0 0 0;
}

footer #rightlogo .contactInfo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

footer #rightlogo .contactInfo .contactsnip {
    /* Rectangle 25 */
    box-sizing: border-box;
    width: 43.65px;
    width: max(37px, 2.27344vw);
    height: 35.83px;
    height: max(25px, 1.86615vw);
    left: 1836.76px;
    left: max(734px, 95.66458vw);
    top: 4683.69px;
    top: max(1871px, 243.94219vw);
    border: 1px solid #FFFFFF;
    border-radius: 17.9157px;
    border-radius: max(16px, 0.93311vw);
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
    padding: 0;
    margin-bottom: 7px;
    margin-bottom: max(7px, 0.36458vw);
}

footer #rightlogo .contactInfo .contactsnip:hover {
    background: #B13400;
    border-color: #B13400;
}

footer #rightlogo .contactInfo .contactsnip a {}

footer #rightlogo .contactInfo .contactsnip a .fa-solid {
    color: white;
}

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

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

/*}*/

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

/*}*/

/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 130px 0 0 140px;
    padding: max(52px, 6.77083vw) 0 0 max(56px, 7.29167vw);
}

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

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

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

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

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

/*}*/

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

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

/*.notInventory {*/
@media only screen and (min-width: 768px) {}

@media only screen and (min-width:768px) and (max-width: 1130px) {}

button.showhidestuff {
    border: none;
    background: none;
    width: max(19px, 1.50208vw);
    padding: 0;
    cursor: pointer;
}

.invpage button.showhidestuff {
    display: none;
}

button.showhidestuff {}

#farrightstuff form button {
    width: max(19px, 1.50208vw);
    padding: 0;
}

#farrightstuff form button img {
    width: 100%;
}

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

    html {}

    ul {}

    table {}

    td {}

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

    header form button[type=submit] {}

    address {}

    input[type="submit"] {}

    p a:not(.container.cf *) {}

    textarea {}

    .invpage footer * {}

    .invpage .notInventory input {}

    :root {}

    ::-moz-selection {}

    ::selection {}

    .cf:after {}

    .cf:after {}

    .cf {}

    /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
    .intextlink:hover {}

    .se-pre-con {}

    .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

    *: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]) {}


    .surroundtitle {}

    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 *) {}

    main ul li:not(.container.cf *) {}

    a.standardbtn {}

    header a.standardbtn {}

    .card a.standardbtn {}

    a:active {}

    a:hover {}

    hr {}

    ul.custom li {}

    ul li:before {}

    .wrapper {}

    .contactInfo {}

    .contactInfo * {}

    .contactsnip {}

    .contactInfo a {}

    .contactInfo i {}

    .contactInfo {}

    .contactInfo a {}

    #menu-button {}

    nav.mobile {}

    nav.primary ul li a.active {}

    nav.primary {}

    nav.primary ul {}

    nav.primary ul li {}

    nav.primary ul li a {}

    nav.primary ul li a:hover {}

    nav.primary ul li li a {}

    nav.primary ul li li a:hover {}

    nav.primary ul ul {}

    nav.primary ul ul ul {}

    nav.primary ul li:hover>ul {}

    nav.primary ul ul li {}

    nav.primary ul li a {}

    nav.primary ul li a {}

    nav.primary {}

    nav.primary {}

    #menu-button {}

    #menu-button a {}

    nav.mobile {}

    nav.mobile .social-media {}

    nav.mobile .social-media a:visited {}

    nav.mobile .social-media a:active {}

    nav.mobile .mobile_top {}

    nav.mobile .menu-toggle {}

    nav.mobile .menu-toggle:hover {}

    nav.mobile ul {}

    nav.mobile ul li {}

    nav.mobile ul li a {}

    nav.mobile ul li a:hover {}

    nav.mobile ul li li:last-child {}

    nav.mobile ul li li a {}

    nav.mobile ul li li a:hover {}

    nav.mobile ul li li li:last-child {}

    nav.mobile ul li li li a {}

    nav.mobile ul li li li a:hover {}

    nav.mobile ul li .click {}

    .nav-footer {}

    nav.mobile ul li a .fa {}

    nav.mobile ul li .fa-chevron-down {}

    #menu-button {}

    #menu-button {}

    /*.notInventory {*/
    header {}

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

    header #logostuff {}

    header #logostuff img {}

    header .primary {}

    header .primary ul {}

    header .primary ul li {}

    header .primary ul li a {}

    header #menu-button {}

    header #menu-button .menu-toggle {}

    header .mobile {}

    header .mobile .mobile_top {}

    header .mobile .mobile_top .menu-toggle {}

    header .mobile ul {}

    header .mobile ul li {}

    header .mobile ul li a {}

    header .contactInfo {}

    header .contactInfo .contactsnip {}

    header .contactInfo .contactsnip a {}

    header .contactInfo .contactsnip a .fa-solid {}

    header #farrightstuff {}

    div#farrightstuff {}

    header #farrightstuff form {
        display: flex;
        left: unset;
        right: 0;
    }

    header #farrightstuff form input {}

    header #farrightstuff form .hiddenstuff {}

    header #farrightstuff form .column4 {}

    header #farrightstuff form .column4 label {}

    header #farrightstuff form .column4 input {}

    header #farrightstuff form button {}

    header #farrightstuff form button img {}

    header #farrightstuff form button .fas {}

    #hero {}

    #hero #heroleft {}

    #hero #heroleft #titlearea {}

    #hero #heroleft #titlearea h1 {}

    #hero #heroleft #titlearea h1 span {}

    h3 {}

    #hero #heroleft #titlearea h1 span br {}

    #hero #heroleft #titlearea .standardbtn {}

    #hero #heroleft #titlearea .standardbtn:after {}

    #hero #heroright {}

    #hero #heroright img {}

    #ctas {}

    #ctas .cta {}

    #ctas .cta img {}

    #ctas .cta h2 {}

    #ctas .cta h4 {}

    main {}

    main #sectionone {}

    main #sectionone #seconeleft {}

    main #sectionone #seconeleft img {}

    main #sectionone #seconeleft:before {}

    main #sectionone #seconeleft:after {}

    main #sectionone #seconeright:before {}

    main #sectionone #seconeright {}

    main h2 {}

    main h2 span {}

    main p {}

    .standardbtn:after {}

    .standardbtn {}

    main #sectiontwo {}

    main #sectiontwo #sectwoleft {}

    main #sectiontwo #sectwoleft:before {}

    main #sectiontwo #sectwoleft h2 {}

    main #sectiontwo #sectwoleft h2 span {}

    main #sectiontwo #sectwoleft p {}

    main #sectiontwo #sectworight {}

    main #sectiontwo #sectworight img {}

    main #cardssec {}

    main #cardssec .card {}

    main #cardssec .card:nth-of-type(2) {}

    main #cardssec .card {}

    main #cardssec .card h3 {}

    main #cardssec .card img {}

    main #cardssec .card p {}

    footer {}

    footer #leftlinks {}

    footer #leftlinks #leftsec {}

    footer h4 {}

    footer #leftlinks #leftsec ul {}

    footer #leftlinks #leftsec ul li {}

    footer ul li a {}

    footer #leftlinks #rightsec {}

    footer #leftlinks #rightsec h4 {}

    footer #leftlinks #rightsec ul {}

    footer #leftlinks #rightsec ul li {}

    footer #leftlinks #rightsec ul li a {}

    footer #rightlogo {}

    footer #rightlogo a {}

    footer #rightlogo a img {}

    footer #rightlogo .contactInfo {}

    footer #rightlogo .contactInfo .contactsnip {}

    footer #rightlogo .contactInfo .contactsnip a {}

    footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

    .scrolling-wrap {}

    .scrolling {}

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

    a.footerlink:active {}

    a.footerlink:hover {}

    .footertext {}

    .smallfootertext {}

    .divfooter {}

    /*}*/
    .invpage footer {}

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

    .accordion:hover {}

    .accordion .accordion-header {}

    .accordion-header {}

    .accordion .accordion-header:after {}

    .accordion .accordion-content {}

    .accordion.active:hover {}

    .accordion.active .accordion-header:after {}

    .financial-calc {}

    .financial-calc {}
}

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

    html {}

    ul {}

    table {}

    td {}

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

    header form button[type=submit] {}

    address {}

    input[type="submit"] {}

    p a:not(.container.cf *) {}

    textarea {}

    .invpage footer * {}

    .invpage .notInventory input {}

    :root {}

    ::-moz-selection {}

    ::selection {}

    .cf:after {}

    .cf:after {}

    .cf {}

    /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
    .intextlink:hover {}

    .se-pre-con {}

    .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

    *: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]) {}

    .invpage button.showhidestuff {
        display: none;
    }

    .surroundtitle {}

    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 *) {}

    main ul li:not(.container.cf *) {}

    a.standardbtn {}

    header a.standardbtn {}

    .card a.standardbtn {}

    a:active {}

    a:hover {}

    hr {}

    ul.custom li {}

    ul li:before {}

    .wrapper {}

    .contactInfo {}

    .contactInfo * {}

    .contactsnip {}

    .contactInfo a {}

    .contactInfo i {}

    .contactInfo {}

    .contactInfo a {}

    #menu-button {}

    nav.mobile {}

    nav.primary ul li a.active {}

    nav.primary {}

    nav.primary ul {}

    nav.primary ul li {}

    nav.primary ul li a {}

    nav.primary ul li a:hover {}

    nav.primary ul li li a {}

    nav.primary ul li li a:hover {}

    nav.primary ul ul {}

    nav.primary ul ul ul {}

    nav.primary ul li:hover>ul {}

    nav.primary ul ul li {}

    nav.primary ul li a {}

    nav.primary ul li a {}

    nav.primary {}

    nav.primary {}

    #menu-button {}

    #menu-button a {}

    nav.mobile {}

    nav.mobile .social-media {}

    nav.mobile .social-media a:visited {}

    nav.mobile .social-media a:active {}

    nav.mobile .mobile_top {}

    nav.mobile .menu-toggle {}

    nav.mobile .menu-toggle:hover {}

    nav.mobile ul {}

    nav.mobile ul li {}

    nav.mobile ul li a {}

    nav.mobile ul li a:hover {}

    nav.mobile ul li li:last-child {}

    nav.mobile ul li li a {}

    nav.mobile ul li li a:hover {}

    nav.mobile ul li li li:last-child {}

    nav.mobile ul li li li a {}

    nav.mobile ul li li li a:hover {}

    nav.mobile ul li .click {}

    .nav-footer {}

    nav.mobile ul li a .fa {}

    nav.mobile ul li .fa-chevron-down {}

    #menu-button {}

    #menu-button {}

    /*.notInventory {*/
    header {}

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

    header #logostuff {}

    header #logostuff img {}

    header .primary {}

    header .primary ul {}

    header .primary ul li {}

    header .primary ul li a {}

    header #menu-button {}

    header #menu-button .menu-toggle {}

    header .mobile {}

    header .mobile .mobile_top {}

    header .mobile .mobile_top .menu-toggle {}

    header .mobile ul {}

    header .mobile ul li {}

    header .mobile ul li a {}

    header .contactInfo {}

    header .contactInfo .contactsnip {}

    header .contactInfo .contactsnip a {}

    header .contactInfo .contactsnip a .fa-solid {}

    header #farrightstuff {}

    div#farrightstuff {}

    header #farrightstuff form {}

    header #farrightstuff form input {}

    header #farrightstuff form .hiddenstuff {}

    header #farrightstuff form .column4 {}

    header #farrightstuff form .column4 label {}

    header #farrightstuff form .column4 input {}

    header #farrightstuff form button {}

    header #farrightstuff form button img {}

    header #farrightstuff form button .fas {}

    #hero {}

    #hero #heroleft {}

    #hero #heroleft #titlearea {}

    #hero #heroleft #titlearea h1 {}

    #hero #heroleft #titlearea h1 span {}

    h3 {}

    #hero #heroleft #titlearea h1 span br {}

    #hero #heroleft #titlearea .standardbtn {}

    #hero #heroleft #titlearea .standardbtn:after {}

    #hero #heroright {}

    #hero #heroright img {}

    #ctas {}

    #ctas .cta {}

    #ctas .cta img {}

    #ctas .cta h2 {}

    #ctas .cta h4 {}

    main {}

    main #sectionone {}

    main #sectionone #seconeleft {}

    main #sectionone #seconeleft img {}

    main #sectionone #seconeleft:before {}

    main #sectionone #seconeleft:after {}

    main #sectionone #seconeright:before {}

    main #sectionone #seconeright {}

    main h2 {}

    main h2 span {}

    main p {}

    .standardbtn:after {}

    .standardbtn {}

    main #sectiontwo {}

    main #sectiontwo #sectwoleft {}

    main #sectiontwo #sectwoleft:before {}

    main #sectiontwo #sectwoleft h2 {}

    main #sectiontwo #sectwoleft h2 span {}

    main #sectiontwo #sectwoleft p {}

    main #sectiontwo #sectworight {}

    main #sectiontwo #sectworight img {}

    main #cardssec {}

    main #cardssec .card {}

    main #cardssec .card:nth-of-type(2) {}

    main #cardssec .card {}

    main #cardssec .card h3 {}

    main #cardssec .card img {}

    main #cardssec .card p {}

    footer {}

    footer #leftlinks {}

    footer #leftlinks #leftsec {}

    footer h4 {}

    footer #leftlinks #leftsec ul {}

    footer #leftlinks #leftsec ul li {}

    footer ul li a {}

    footer #leftlinks #rightsec {}

    footer #leftlinks #rightsec h4 {}

    footer #leftlinks #rightsec ul {}

    footer #leftlinks #rightsec ul li {}

    footer #leftlinks #rightsec ul li a {}

    footer #rightlogo {}

    footer #rightlogo a {}

    footer #rightlogo a img {}

    footer #rightlogo .contactInfo {}

    footer #rightlogo .contactInfo .contactsnip {}

    footer #rightlogo .contactInfo .contactsnip a {}

    footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

    .scrolling-wrap {}

    .scrolling {}

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

    a.footerlink:active {}

    a.footerlink:hover {}

    .footertext {}

    .smallfootertext {}

    .divfooter {}

    /*}*/
    .invpage footer {}

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

    .accordion:hover {}

    .accordion .accordion-header {}

    .accordion-header {}

    .accordion .accordion-header:after {}

    .accordion .accordion-content {}

    .accordion.active:hover {}

    .accordion.active .accordion-header:after {}

    .financial-calc {}

    .financial-calc {}
}

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

    html {}

    ul {}

    table {}

    td {}

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

    header form button[type=submit] {}

    address {}

    input[type="submit"] {}

    p a:not(.container.cf *) {}

    textarea {}

    .invpage footer * {}

    .invpage .notInventory input {}

    :root {}

    ::-moz-selection {}

    ::selection {}

    .cf:after {}

    .cf:after {}

    .cf {}

    /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
    .intextlink:hover {}

    .se-pre-con {}

    .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

    *: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]) {}

    .surroundtitle {}

    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 *) {}

    main ul li:not(.container.cf *) {}

    a.standardbtn {}

    header a.standardbtn {
        display: none;
    }

    .card a.standardbtn {}

    a:active {}

    a:hover {}

    hr {}

    ul.custom li {}

    ul li:before {}

    .wrapper {}

    .contactInfo {}

    .contactInfo * {}

    .contactsnip {}

    .contactInfo a {}

    .contactInfo i {}

    .contactInfo {}

    .contactInfo.secondone {
        display: flex;
        justify-content: center;
        !;
        !i;
        !;
        margin-right: 0 !important;
        !i;
        !;
        padding-right: 0;
    }

    .contactInfo.secondone .contactsnip {
        left: 0;
        margin-right: 0 !important;
        !i;
        !;
    }

    .contactInfo a {}

    #menu-button {}

    nav.mobile {}

    nav.primary ul li a.active {}

    nav.primary {}

    nav.primary ul {}

    nav.primary ul li {}

    nav.primary ul li a {}

    nav.primary ul li a:hover {}

    nav.primary ul li li a {}

    nav.primary ul li li a:hover {}

    nav.primary ul ul {}

    nav.primary ul ul ul {}

    nav.primary ul li:hover>ul {}

    nav.primary ul ul li {}

    nav.primary ul li a {}

    nav.primary ul li a {}

    nav.primary {}

    nav.primary {}

    #menu-button {}

    #menu-button a {}

    nav.mobile {}

    nav.mobile .social-media {}

    nav.mobile .social-media a:visited {}

    nav.mobile .social-media a:active {}

    nav.mobile .mobile_top {}

    nav.mobile .menu-toggle {}

    nav.mobile .menu-toggle:hover {}

    nav.mobile ul {}

    nav.mobile ul li {}

    nav.mobile ul li a {}

    nav.mobile ul li a:hover {}

    nav.mobile ul li li:last-child {}

    nav.mobile ul li li a {}

    nav.mobile ul li li a:hover {}

    nav.mobile ul li li li:last-child {}

    nav.mobile ul li li li a {}

    nav.mobile ul li li li a:hover {}

    nav.mobile ul li .click {}

    .nav-footer {}

    nav.mobile ul li a .fa {}

    nav.mobile ul li .fa-chevron-down {}

    #menu-button {}

    #menu-button {}

    /*.notInventory {*/
    header {
        justify-content: space-between;
        /* Set viewport width: 767 */
        /* Set separate viewport width for font-size and line-height: 1300 */
        /* COMMON FLEX TO START WITH  */
        /* 
display:flex;
align-items: center;
justify-content: space-between 
*/


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

        body,
        html {
            /* overflow-x: hidden */
        }

        ol,
        ul {
            list-style: none;
        }

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

        td {
            vertical-align: top;
        }

        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;
        }

        p a:not(.container.cf *) {
            color: inherit;
            opacity: 0.7;
        }

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

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


        .invpage .notInventory input {
            border: none;
        }

        /* 
ABSOLUTE CENTER
margin: 0 0 0 max(384px,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: #C3262D;
            /* Background color for hover states, text color for hover states */
            --secondary2: #707070;
            /* Background color, all text appearing within the colored boxes */
            --neutral2: #1D1D1D;
        }

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

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


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

        .cf: after {
            clear: both;
        }

        .cf {
            * zoom: 1;
        }

        /* 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: ;
        }

        *: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;
        }

        .surroundtitle {
            border-bottom: 1px solid #BEBEBE;
            background: white;
            margin-top: -90px;
            margin-top: min(-36px, -4.6875vw);
            z-index: 3;
            position: relative;
            margin-left: 25px;
            margin-left: max(10px, 1.30208vw);
            margin-right: 25px;
            margin-right: max(10px, 1.30208vw);
            padding: 25px;
            padding: max(15px, 1.30208vw);
            padding-bottom: 13px;
            padding-bottom: max(10px, 0.67708vw);
        }

        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: ;
        }

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

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

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

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

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

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

        p:not(.container.cf *),
        main ul:not(.container.cf *),
        main ul li:not(.container.cf *) {}

        a.standardbtn {}

        header a.standardbtn {
            margin-top: 0;
            width: 265px;
            width: max(106px, 13.80208vw);
        }

        .card a.standardbtn {
            width: 100%;
            box-sizing: border-box;
            color: white;
        }

        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(6px, 0.78125vw);
            height: 17px;
            height: max(7px, 0.88542vw);
            display: inline-block;
            background-repeat: no-repeat;
            background-size: contain;
            padding-right: 25px;
            padding-right: max(10px, 1.30208vw);
        }

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

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

        /* Contact Info  */
        .contactInfo {
            display: flex;
            padding-right: 45px;
            padding-right: max(18px, 2.34375vw);
        }

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

        .contactsnip {
            padding-left: 8px;
            padding-left: max(5px, 0.41667vw);
            /* padding-left: max(13.5417px, max(8px,1.04167vw)); */
        }

        .contactInfo a {
            font-size: 17px;
            font-size: max(12px, 0.88542vw);
            /* font-size: max(13px, max(12px, 0.88542vw)); */
            /* font-size: max(max(9px, 0.67708vw), max(12px, 0.88542vw)); */
        }

        .contactInfo i {
            font-size: 14px;
            font-size: max(15px, 0.72917vw);
            /* font-size: max(12.4792px, max(9px, 0.72917vw)); */
            /* font-size: max(max(8px, 0.64996vw), max(9px, 0.72917vw)); */
            padding-right: 0;
        }

        @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 ul li a.active {}

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

        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(9px, 0.72917vw);
            line-height: 60px;
            line-height: max(41px, 3.125vw);
            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 26px;
            padding: 0 max(10px, 1.35417vw);
        }

        nav.primary ul li a:hover {
            background: #000;
            color: #CB1C1C;
        }

        /* Appearance of the sub-level links */
        nav.primary ul li li a {
            font-size: 16px;
            font-size: max(11px, 0.83333vw);
            line-height: 16px;
            line-height: max(11px, 0.83333vw);
            padding: 10px;
            padding: max(4px, 0.52083vw);
            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 */
        nav.primary ul li li a:hover {}

        /* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
        nav.primary ul ul {
            display: none;
            position: absolute;
        }

        nav.primary ul ul ul {
            position: absolute;
            left: 100%;
            top: 0;
        }

        nav.primary ul li:hover>ul {
            display: block;
            line-height: 18px;
            line-height: max(12px, 0.9375vw);
            z-index: 100;
        }

        nav.primary ul ul li {
            float: none;
            width: 270px;
            width: max(108px, 14.0625vw);
            position: relative;
            margin: 0;
            display: block;
        }

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

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

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

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

            /*==============================
 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: black;
                text-decoration: none;
                /* padding: 0 0 0 .8em; */
                font-weight: normal;
                font-family: 'Fira Sans Condensed';
            }

            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;
            }

            /* 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: 100%;
                text-align: left;
                background: none;
                !;
                !i;
                !;
            }
        }

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


        /*.notInventory {*/
        header {}

        /*}*/


        /*---BODY--------------------------------*/
        /*.notInventory {*/
        header {
            display: flex;
            align-items: center;
            background: #D9D9D9;
            padding: 10px 60px;
            padding: max(4px, 0.52083vw) max(24px, 3.125vw);
        }

        header #logostuff {}

        header #logostuff img {
            width: 112.7px;
            width: max(95px, 5.86979vw);
            border-radius: 85.9924px;
            border-radius: max(34px, 4.47877vw);
            margin-right: 90px;
            margin-right: max(36px, 4.6875vw);
        }

        header .primary {}

        header .primary ul {}

        header .primary ul li {}

        header .primary ul li a {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 19.7016px;
            font-size: max(13px, 1.02613vw);
            line-height: 24px;
            line-height: max(16px, 1.25vw);
            letter-spacing: 0.07em;
            color: #000000;
        }

        header #menu-button {
            text-align: left;
        }

        header #menu-button .menu-toggle {}

        header .mobile {}

        header .mobile .mobile_top {}

        header .mobile .mobile_top .menu-toggle {}

        header .mobile ul {}

        header .mobile ul li {}

        header .mobile ul li a {}

        header .contactInfo {}

        header .contactInfo .contactsnip {}

        header .contactInfo .contactsnip a {
            box-sizing: border-box;
            width: 43.65px;
            width: max(35px, 2.27344vw);
            height: 35.83px;
            height: max(25px, 1.86615vw);
            left: 1836.76px;
            left: max(734px, 95.66458vw);
            top: 4683.69px;
            top: max(1871px, 243.94219vw);
            border: 1px solid black;
            border-radius: 17.9157px;
            border-radius: max(16px, 0.93311vw);
            text-align: center;
            justify-content: center;
            align-items: center;
            display: flex;
            padding: 0;
            /* margin-bottom: 7px; */
            /* margin-bottom: max(3px, 0.36458vw); */
        }

        header .contactInfo .contactsnip a .fa-solid {
            color: black;
        }

        header #farrightstuff {
            display: flex;
            align-items: center;
        }

        div#farrightstuff {
            border-left: 1px solid #838383;
            padding-left: 39px;
            padding-left: max(16px, 2.03125vw);
        }

        header #farrightstuff form {
            padding-right: 45px;
            padding-right: max(18px, 2.34375vw);
        }

        header #farrightstuff form input {}

        header #farrightstuff form .hiddenstuff {
            display: none;
        }

        header #farrightstuff form .column4 {}

        header #farrightstuff form .column4 label {}

        header #farrightstuff form .column4 input {}

        header #farrightstuff form button {
            border: none;
        }

        header #farrightstuff form button img {
            width: 25px;
            width: max(18px, 1.30208vw);
        }

        header #farrightstuff form button .fas {}

        #hero {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            background: #0F0F0F;
        }

        #hero #heroleft {}

        #hero #heroleft #titlearea {
            margin-left: 100px;
            margin-left: max(40px, 5.20833vw);
            margin-bottom: 90px;
            margin-bottom: max(36px, 4.6875vw);
            margin-right: 100px;
            margin-right: max(40px, 5.20833vw);
        }

        #hero #heroleft #titlearea h1 {
            font-family: 'Fira Sans Condensed';
            font-style: normal;
            font-weight: 500;
            font-size: 72.6666px;
            font-size: max(39px, 3.78472vw);
            line-height: 87px;
            line-height: max(38px, 4.53125vw);
            letter-spacing: 0.07em;
            color: white;
            display: flex;
            flex-direction: column;
        }

        #hero #heroleft #titlearea h1 span {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 72.6666px;
            font-size: max(40px, 3.78472vw);
            line-height: 71px;
            line-height: max(38px, 3.69792vw);
            letter-spacing: 0.07em;
            color: #B13400;
            text-transform: uppercase;
            margin-bottom: 16px;
            margin-bottom: max(6px, 0.83333vw);
        }

        h1,
        h2,
        h3 {
            text-transform: uppercase
        }

        #hero #heroleft #titlearea h1 span br {}

        #hero #heroleft #titlearea .standardbtn {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 20.9136px;
            font-size: max(14px, 1.08925vw);
            line-height: 25px;
            line-height: max(17px, 1.30208vw);
            letter-spacing: 0.07em;
            color: #FFFFFF;
            border: 2.12303px solid #B13400;
            border: max(1px, 0.11057vw) solid #B13400;
            padding: 20px 36px 20px 25px;
            padding: max(9px, 0.88542vw) max(15px, 1.04167vw);
            width: 555px !important;
            width: max(222px, 28.90625vw) !important;
            position: relative;
            display: block;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 30px;
            margin-top: max(12px, 1.5625vw);
        }

        #hero #heroleft #titlearea .standardbtn: after {
            content: "";
            display: block;
            width: 24px;
            width: max(15px, 1.25vw);
            /* Matches the SVG width */
            height: 31px;
            height: max(12px, 1.61458vw);
            /* Matches the SVG height */
            background-image: url('data:image/svg+xml,<svg width="24" height="31" viewBox="0 0 24 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M23.7222 15.4541L12.1656 28.1101L12.1656 2.79811L23.7222 15.4541Z" fill="white"/><path d="M16.0181 15.4541L4.46152 28.1101L4.46152 2.7981L16.0181 15.4541Z" fill="%23B13400"/></svg>');
            background-repeat: no-repeat;
            /* Prevent repeating the image */
            background-position: right center;
            /* Position the image at the right center */
        }

        #hero #heroright {}

        #hero #heroright img {
            width: 1025.52px;
            width: max(530px, 53.4125vw);
        }

        #ctas {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #252525;
            justify-content: center;
            padding-top: 110px;
            padding-top: max(44px, 5.72917vw);
            margin-top: -16px;
            margin-top: min(-6px, -0.83333vw);
        }

        #ctas .cta {
            text-align: center;
            margin: 0 9px;
            margin: 0 max(4px, 0.46875vw);
        }

        #ctas .cta img {
            width: 524.96px;
            width: max(210px, 27.34167vw);
            filter: grayscale(1);
        }

        #ctas .cta h2 {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 41.0741px;
            font-size: max(22px, 2.13928vw);
            line-height: 49px;
            line-height: max(33px, 2.55208vw);
            letter-spacing: 0.07em;
            color: #252525;
            padding-bottom: 5px;
            padding-bottom: max(2px, 0.26042vw);
        }

        #ctas .cta h4 {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 24.633px;
            font-size: max(17px, 1.28297vw);
            line-height: 32px;
            line-height: max(22px, 1.66667vw);
            letter-spacing: 0.07em;
            color: #000000;
        }

        main {
            background: white;
            margin-top: -100px;
            margin-top: min(-40px, -5.20833vw);
        }

        main #sectionone {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            padding: 325px 280px 240px 160px;
            padding: max(130px, 16.92708vw) max(112px, 14.58333vw) max(96px, 12.5vw) max(64px, 8.33333vw);
        }

        main #sectionone #seconeleft {
            position: relative;
        }

        main #sectionone #seconeleft img {
            width: 727.37px;
            width: max(291px, 37.88385vw);
        }

        main #sectionone #seconeleft:before {
            content: "";
            display: block;
            width: 650px;
            width: max(260px, 33.85417vw);
            /* Matches the SVG width */
            height: 50px;
            height: max(20px, 2.60417vw);
            /* Matches the SVG height */
            background-image: url('data:image/svg+xml,<svg width="649" height="50" viewBox="0 0 649 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.376465" y="0.175903" width="648.013" height="49.5679" fill="%23D8D8D8"/></svg>');
            background-repeat: no-repeat;
            /* Prevent repeating the image */
            background-position: right center;
            /* Position the image at the right center */
            top: -49px;
            top: min(-20px, -2.55208vw);
            position: absolute;
            left: 38px;
            left: max(15px, 1.97917vw);
        }

        main #sectionone #seconeleft:after {
            content: "";
            display: block;
            width: 50px;
            width: max(20px, 2.60417vw);
            /* Matches the SVG width */
            height: 280px;
            height: max(112px, 14.58333vw);
            /* Matches the SVG height */
            background-image: url('data:image/svg+xml,<svg width="52" height="282" viewBox="0 0 52 282" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.861572" y="0.980591" width="51.0037" height="280.88" fill="%23B13400"/></svg>');
            background-repeat: no-repeat;
            /* Prevent repeating the image */
            background-position: right center;
            /* Position the image at the right center */
            top: 38px;
            top: max(15px, 1.97917vw);
            position: absolute;
            left: -49px;
            left: min(-20px, -2.55208vw);
        }

        main #sectionone #seconeright:before {
            content: "";
            display: block;
            height: 200px;
            height: max(80px, 10.41667vw);
            /* Matches the SVG height */
            border: 2px solid #B13400;
            border: max(1px, 0.10417vw) solid #B13400;
            position: absolute;
            left: 100px;
            left: max(40px, 5.20833vw);
            TOP: -20PX;
        }

        main #sectionone #seconeright {
            padding-left: 153px;
            padding-left: max(61px, 7.96875vw);
            position: relative;
            padding-bottom: 85px;
            padding-bottom: max(64px, 4.42708vw);
        }

        main h2 {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 41.0741px;
            font-size: max(28px, 2.13928vw);
            line-height: 49px;
            line-height: max(33px, 2.55208vw);
            letter-spacing: 0.07em;
            color: #252525;
            display: flex;
            flex-direction: column;
        }

        main h2 span {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 24.633px;
            font-size: max(17px, 1.28297vw);
            line-height: 32px;
            line-height: max(22px, 1.66667vw);
            letter-spacing: 0.07em;
            color: #000000;
            margin-bottom: -6px;
            margin-bottom: min(-2px, -0.3125vw);
        }

        main p {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 19.6262px;
            font-size: max(13px, 1.0222vw);
            line-height: 36px;
            line-height: max(24px, 1.875vw);
            letter-spacing: 0.07em;
            color: #000000;
            margin-top: 30px;
            margin-top: max(12px, 1.5625vw);
        }

        .standardbtn: after {
            content: "";
            display: block;
            width: 24px;
            width: max(13px, 1.25vw);
            /* Matches the SVG width */
            height: 31px;
            height: max(12px, 1.61458vw);
            /* Matches the SVG height */
            background-image: url('data:image/svg+xml,<svg width="23" height="28" viewBox="0 0 23 28" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.3345 14.0252L11.4476 25.9477L11.4476 2.10261L22.3345 14.0252Z" fill="%23D9D9D9"/><path d="M15.0767 14.0252L4.18981 25.9477L4.18981 2.10261L15.0767 14.0252Z" fill="%23B13400"/></svg>');
            background-repeat: no-repeat;
            /* Prevent repeating the image */
            background-position: right center;
            /* Position the image at the right center */
        }

        .standardbtn {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 19.7016px;
            font-size: max(13px, 1.02613vw);
            line-height: 24px;
            line-height: max(16px, 1.25vw);
            letter-spacing: 0.07em;
            color: #000000;
            margin-top: 20px;
            margin-top: max(8px, 1.04167vw);
            display: block;
            padding: 17px 20px;
            padding: max(9px, 0.88542vw) max(15px, 1.04167vw);
            border: 2px solid #B13400;
            border: max(1px, 0.10417vw) solid #B13400;
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 365px;
            width: max(146px, 19.01042vw);
            margin-top: 27px;
            margin-top: max(11px, 1.40625vw);
        }

        main #sectiontwo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #0F0F0F;

        }

        main #sectiontwo #sectwoleft {
            padding: 0 290px 0 140px;
            padding: 0 max(50px, 15.10417vw) 0 max(50px, 7.29167vw);
            position: relative;
            padding-top: max(30px, 6.10417vw);
        }

        main #sectiontwo #sectwoleft:before {
            content: "";
            display: block;
            height: 200px;
            height: max(80px, 10.41667vw);
            /* Matches the SVG height */
            border: 2px solid #B13400;
            border: max(1px, 0.10417vw) solid #B13400;
            position: absolute;
            left: 88px;
            left: max(35px, 4.58333vw);
            bottom: -10px;
            bottom: min(-4px, -0.52083vw);
        }

        main #sectiontwo #sectwoleft h2 {
            color: #B13400;
        }

        main #sectiontwo #sectwoleft h2 span {
            color: white;
        }

        main #sectiontwo #sectwoleft p {
            color: white;
        }

        main #sectiontwo #sectworight {}

        main #sectiontwo #sectworight img {
            width: 893.44px;
            width: max(357px, 46.53333vw);
            margin-top: -15px;
            margin-top: min(-6px, -0.78125vw);
        }

        main #cardssec {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #0F0F0F;
            justify-content: center;
            padding: 200px 0 220px;
            padding: max(80px, 10.41667vw) 0 max(88px, 11.45833vw);
        }

        main #cardssec .card {
            display: flex;
            /* align-items: center; */
            justify-content: space-between;
            flex-direction: column;
            background: #1D1D1D;
            width: 380px;
            width: max(202px, 19.79167vw);
            padding: 30px 47px;
            padding: max(32px, 1.5625vw) max(47px, 2.44792vw);
            box-sizing: border-box;
            margin: 0 18px;
            margin: 0 max(7px, 0.9375vw);
            height: 640px;
            height: max(536px, 33.33333vw);
        }

        main #cardssec .card:nth-of-type(2) {
            border-bottom: 8px solid #B13400;
            border-bottom: max(10px, 0.41667vw) solid #B13400;
        }

        main #cardssec .card {
            border-bottom: 8px solid #DADADA;
            border-bottom: max(10px, 0.41667vw) solid #DADADA;
        }

        main #cardssec .card h3 {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 41.0741px;
            font-size: max(28px, 2.13928vw);
            line-height: 49px;
            line-height: max(33px, 2.55208vw);
            letter-spacing: 0.07em;
            color: #B13400;
            text-transform: uppercase;
            margin-top: -47px;
            margin-top: min(-19px, -2.44792vw);
        }

        main #cardssec .card img {
            width: 148px;
            width: max(99px, 7.70833vw);
            align-self: center;
        }

        main #cardssec .card p {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 19.6262px;
            font-size: max(13px, 1.0222vw);
            line-height: 36px;
            line-height: max(24px, 1.875vw);
            letter-spacing: 0.07em;
            color: #FFFFFF;
        }

        footer {
            background: #D9D9D9;
        }

        footer #leftlinks {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        footer #leftlinks #leftsec {
            padding-right: 180px;
            padding-right: max(42px, 9.375vw);
        }

        footer h4 {
            font-family: 'Fira Sans Condensed';
            font-weight: 500;
            font-size: 29.7459px;
            font-size: max(19px, 1.54927vw);
            line-height: 36px;
            line-height: max(24px, 1.875vw);
            letter-spacing: 0.07em;
            color: #B13400;
            text-transform: uppercase;
            margin-bottom: 22px;
            margin-bottom: max(9px, 1.14583vw);
        }

        footer #leftlinks #leftsec ul {}

        footer #leftlinks #leftsec ul li {}

        footer ul li a {
            font-family: 'Sarabun';
            font-weight: 400;
            font-size: 23.5497px;
            font-size: max(14px, 1.22655vw);
            line-height: 43px;
            line-height: max(24px, 2.23958vw);
            letter-spacing: 0.07em;
            color: #0F0F0F;
        }

        footer #leftlinks #rightsec {}

        footer #leftlinks #rightsec h4 {}

        footer #leftlinks #rightsec ul {}

        footer #leftlinks #rightsec ul li {}

        footer #leftlinks #rightsec ul li a {}

        footer #rightlogo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: #0F0F0F;
            border-radius: 48px 0 0 0;
            border-radius: max(19px, 2.5vw) 0 0 0;
        }

        footer #rightlogo a {}

        footer #rightlogo a img {
            width: 372.4px;
            width: max(239px, 19.39583vw);
            background: #0F0F0F;
            border-radius: 48px 0 0 0;
            border-radius: max(19px, 2.5vw) 0 0 0;
        }

        footer #rightlogo .contactInfo {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: column;
        }

        footer #rightlogo .contactInfo .contactsnip {
            /* Rectangle 25 */
            box-sizing: border-box;
            width: 43.65px;
            width: max(37px, 2.27344vw);
            height: 35.83px;
            height: max(25px, 1.86615vw);
            left: 1836.76px;
            left: max(734px, 95.66458vw);
            top: 4683.69px;
            top: max(1871px, 243.94219vw);
            border: 1px solid #FFFFFF;
            border-radius: 17.9157px;
            border-radius: max(16px, 0.93311vw);
            text-align: center;
            justify-content: center;
            align-items: center;
            display: flex;
            padding: 0;
            margin-bottom: 7px;
            margin-bottom: max(7px, 0.36458vw);
        }

        footer #rightlogo .contactInfo .contactsnip a {}

        footer #rightlogo .contactInfo .contactsnip a .fa-solid {
            color: white;
        }

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

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

        /*}*/

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

        /*}*/

        /*-------- FOOTER STYLES ----------------*/
        /*.notInventory {*/
        footer {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 130px 0 0 140px;
            padding: max(52px, 6.77083vw) 0 0 max(56px, 7.29167vw);
        }

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

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

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

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

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

        /*}*/

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

        /*.notInventory {*/
        @media only screen and (min-width: 768px) {}

        @media only screen and (min-width:768px) and (max-width: 1130px) {}

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

            html {}

            ul {}

            table {}

            td {}

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

            header form button[type=submit] {}

            address {}

            input[type="submit"] {}

            p a:not(.container.cf *) {}

            textarea {}

            .invpage footer * {}

            .invpage .notInventory input {}

            : root {}

            :: -moz-selection {}

            :: selection {}

            .cf: after {}

            .cf: after {}

            .cf {}

            /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
            .intextlink: hover {}

            .se-pre-con {}

            .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

            *: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]) {}

            .surroundtitle {}

            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 *) {}

            main ul li:not(.container.cf *) {}

            a.standardbtn {}

            header a.standardbtn {}

            .card a.standardbtn {}

            a: active {}

            a: hover {}

            hr {}

            ul.custom li {}

            ul li: before {}

            .wrapper {}

            .contactInfo {}

            .contactInfo * {}

            .contactsnip {}

            .contactInfo a {}

            .contactInfo i {}

            .contactInfo {}

            .contactInfo a {}

            #menu-button {}

            nav.mobile {}

            nav.primary ul li a.active {}

            nav.primary {}

            nav.primary ul {}

            nav.primary ul li {}

            nav.primary ul li a {}

            nav.primary ul li a: hover {}

            nav.primary ul li li a {}

            nav.primary ul li li a: hover {}

            nav.primary ul ul {}

            nav.primary ul ul ul {}

            nav.primary ul li: hover>ul {}

            nav.primary ul ul li {}

            nav.primary ul li a {}

            nav.primary ul li a {}

            nav.primary {}

            nav.primary {}

            #menu-button {}

            #menu-button a {}

            nav.mobile {}

            nav.mobile .social-media {}

            nav.mobile .social-media a: visited {}

            nav.mobile .social-media a: active {}

            nav.mobile .mobile_top {}

            nav.mobile .menu-toggle {}

            nav.mobile .menu-toggle: hover {}

            nav.mobile ul {}

            nav.mobile ul li {}

            nav.mobile ul li a {}

            nav.mobile ul li a: hover {}

            nav.mobile ul li li: last-child {}

            nav.mobile ul li li a {}

            nav.mobile ul li li a: hover {}

            nav.mobile ul li li li: last-child {}

            nav.mobile ul li li li a {}

            nav.mobile ul li li li a: hover {}

            nav.mobile ul li .click {}

            .nav-footer {}

            nav.mobile ul li a .fa {}

            nav.mobile ul li .fa-chevron-down {}

            #menu-button {}

            #menu-button {}

            /*.notInventory {*/
            header {}

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

            header #logostuff {}

            header #logostuff img {}

            header .primary {}

            header .primary ul {}

            header .primary ul li {}

            header .primary ul li a {}

            header #menu-button {}

            header #menu-button .menu-toggle {}

            header .mobile {}

            header .mobile .mobile_top {}

            header .mobile .mobile_top .menu-toggle {}

            header .mobile ul {}

            header .mobile ul li {}

            header .mobile ul li a {}

            header .contactInfo {}

            header .contactInfo .contactsnip {}

            header .contactInfo .contactsnip a {}

            header .contactInfo .contactsnip a .fa-solid {}

            header #farrightstuff {}

            div#farrightstuff {}

            header #farrightstuff form {}

            header #farrightstuff form input {}

            header #farrightstuff form .hiddenstuff {}

            header #farrightstuff form .column4 {}

            header #farrightstuff form .column4 label {}

            header #farrightstuff form .column4 input {}

            header #farrightstuff form button {}

            header #farrightstuff form button img {}

            header #farrightstuff form button .fas {}

            #hero {}

            #hero #heroleft {}

            #hero #heroleft #titlearea {}

            #hero #heroleft #titlearea h1 {}

            #hero #heroleft #titlearea h1 span {}

            h3 {}

            #hero #heroleft #titlearea h1 span br {}

            #hero #heroleft #titlearea .standardbtn {}

            #hero #heroleft #titlearea .standardbtn: after {}

            #hero #heroright {}

            #hero #heroright img {}

            #ctas {}

            #ctas .cta {}

            #ctas .cta img {}

            #ctas .cta h2 {}

            #ctas .cta h4 {}

            main {}

            main #sectionone {}

            main #sectionone #seconeleft {}

            main #sectionone #seconeleft img {}

            main #sectionone #seconeleft: before {}

            main #sectionone #seconeleft: after {}

            main #sectionone #seconeright: before {}

            main #sectionone #seconeright {}

            main h2 {}

            main h2 span {}

            main p {}

            .standardbtn: after {}

            .standardbtn {}

            main #sectiontwo {}

            main #sectiontwo #sectwoleft {}

            main #sectiontwo #sectwoleft: before {}

            main #sectiontwo #sectwoleft h2 {}

            main #sectiontwo #sectwoleft h2 span {}

            main #sectiontwo #sectwoleft p {}

            main #sectiontwo #sectworight {}

            main #sectiontwo #sectworight img {}

            main #cardssec {}

            main #cardssec .card {}

            main #cardssec .card:nth-of-type(2) {}

            main #cardssec .card {}

            main #cardssec .card h3 {}

            main #cardssec .card img {}

            main #cardssec .card p {}

            footer {}

            footer #leftlinks {}

            footer #leftlinks #leftsec {}

            footer h4 {}

            footer #leftlinks #leftsec ul {}

            footer #leftlinks #leftsec ul li {}

            footer ul li a {}

            footer #leftlinks #rightsec {}

            footer #leftlinks #rightsec h4 {}

            footer #leftlinks #rightsec ul {}

            footer #leftlinks #rightsec ul li {}

            footer #leftlinks #rightsec ul li a {}

            footer #rightlogo {}

            footer #rightlogo a {}

            footer #rightlogo a img {}

            footer #rightlogo .contactInfo {}

            footer #rightlogo .contactInfo .contactsnip {}

            footer #rightlogo .contactInfo .contactsnip a {}

            footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

            .scrolling-wrap {}

            .scrolling {}

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

            a.footerlink: active {}

            a.footerlink: hover {}

            .footertext {}

            .smallfootertext {}

            .divfooter {}

            /*}*/
            .invpage footer {}

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

            .accordion: hover {}

            .accordion .accordion-header {}

            .accordion-header {}

            .accordion .accordion-header: after {}

            .accordion .accordion-content {}

            .accordion.active: hover {}

            .accordion.active .accordion-header: after {}

            .financial-calc {}

            .financial-calc {}
        }

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

            html {}

            ul {}

            table {}

            td {}

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

            header form button[type=submit] {}

            address {}

            input[type="submit"] {}

            p a:not(.container.cf *) {}

            textarea {}

            .invpage footer * {}

            .invpage .notInventory input {}

            : root {}

            :: -moz-selection {}

            :: selection {}

            .cf: after {}

            .cf: after {}

            .cf {}

            /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
            .intextlink: hover {}

            .se-pre-con {}

            .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

            *: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]) {}

            .surroundtitle {}

            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 *) {}

            main ul li:not(.container.cf *) {}

            a.standardbtn {}

            header a.standardbtn {}

            .card a.standardbtn {}

            a: active {}

            a: hover {}

            hr {}

            ul.custom li {}

            ul li: before {}

            .wrapper {}

            .contactInfo {}

            .contactInfo * {}

            .contactsnip {}

            .contactInfo a {}

            .contactInfo i {}

            .contactInfo {}

            .contactInfo a {}

            #menu-button {}

            nav.mobile {}

            nav.primary ul li a.active {}

            nav.primary {}

            nav.primary ul {}

            nav.primary ul li {}

            nav.primary ul li a {}

            nav.primary ul li a: hover {}

            nav.primary ul li li a {}

            nav.primary ul li li a: hover {}

            nav.primary ul ul {}

            nav.primary ul ul ul {}

            nav.primary ul li: hover>ul {}

            nav.primary ul ul li {}

            nav.primary ul li a {}

            nav.primary ul li a {}

            nav.primary {}

            nav.primary {}

            #menu-button {}

            #menu-button a {}

            nav.mobile {}

            nav.mobile .social-media {}

            nav.mobile .social-media a: visited {}

            nav.mobile .social-media a: active {}

            nav.mobile .mobile_top {}

            nav.mobile .menu-toggle {}

            nav.mobile .menu-toggle: hover {}

            nav.mobile ul {}

            nav.mobile ul li {}

            nav.mobile ul li a {}

            nav.mobile ul li a: hover {}

            nav.mobile ul li li: last-child {}

            nav.mobile ul li li a {}

            nav.mobile ul li li a: hover {}

            nav.mobile ul li li li: last-child {}

            nav.mobile ul li li li a {}

            nav.mobile ul li li li a: hover {}

            nav.mobile ul li .click {}

            .nav-footer {}

            nav.mobile ul li a .fa {}

            nav.mobile ul li .fa-chevron-down {}

            #menu-button {}

            #menu-button {}

            /*.notInventory {*/
            header {}

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

            header #logostuff {}

            header #logostuff img {}

            header .primary {}

            header .primary ul {}

            header .primary ul li {}

            header .primary ul li a {}

            header #menu-button {}

            header #menu-button .menu-toggle {}

            header .mobile {}

            header .mobile .mobile_top {}

            header .mobile .mobile_top .menu-toggle {}

            header .mobile ul {}

            header .mobile ul li {}

            header .mobile ul li a {}

            header .contactInfo {}

            header .contactInfo .contactsnip {}

            header .contactInfo .contactsnip a {}

            header .contactInfo .contactsnip a .fa-solid {}

            header #farrightstuff {}

            div#farrightstuff {}

            header #farrightstuff form {}

            header #farrightstuff form input {}

            header #farrightstuff form .hiddenstuff {}

            header #farrightstuff form .column4 {}

            header #farrightstuff form .column4 label {}

            header #farrightstuff form .column4 input {}

            header #farrightstuff form button {}

            header #farrightstuff form button img {}

            header #farrightstuff form button .fas {}

            #hero {}

            #hero #heroleft {}

            #hero #heroleft #titlearea {}

            #hero #heroleft #titlearea h1 {}

            #hero #heroleft #titlearea h1 span {}

            h3 {}

            #hero #heroleft #titlearea h1 span br {}

            #hero #heroleft #titlearea .standardbtn {}

            #hero #heroleft #titlearea .standardbtn: after {}

            #hero #heroright {}

            #hero #heroright img {}

            #ctas {}

            #ctas .cta {}

            #ctas .cta img {}

            #ctas .cta h2 {}

            #ctas .cta h4 {}

            main {}

            main #sectionone {}

            main #sectionone #seconeleft {}

            main #sectionone #seconeleft img {}

            main #sectionone #seconeleft: before {}

            main #sectionone #seconeleft: after {}

            main #sectionone #seconeright: before {}

            main #sectionone #seconeright {}

            main h2 {}

            main h2 span {}

            main p {}

            .standardbtn: after {}

            .standardbtn {}

            main #sectiontwo {}

            main #sectiontwo #sectwoleft {}

            main #sectiontwo #sectwoleft: before {}

            main #sectiontwo #sectwoleft h2 {}

            main #sectiontwo #sectwoleft h2 span {}

            main #sectiontwo #sectwoleft p {}

            main #sectiontwo #sectworight {}

            main #sectiontwo #sectworight img {}

            main #cardssec {}

            main #cardssec .card {}

            main #cardssec .card:nth-of-type(2) {}

            main #cardssec .card {}

            main #cardssec .card h3 {}

            main #cardssec .card img {}

            main #cardssec .card p {}

            footer {}

            footer #leftlinks {}

            footer #leftlinks #leftsec {}

            footer h4 {}

            footer #leftlinks #leftsec ul {}

            footer #leftlinks #leftsec ul li {}

            footer ul li a {}

            footer #leftlinks #rightsec {}

            footer #leftlinks #rightsec h4 {}

            footer #leftlinks #rightsec ul {}

            footer #leftlinks #rightsec ul li {}

            footer #leftlinks #rightsec ul li a {}

            footer #rightlogo {}

            footer #rightlogo a {}

            footer #rightlogo a img {}

            footer #rightlogo .contactInfo {}

            footer #rightlogo .contactInfo .contactsnip {}

            footer #rightlogo .contactInfo .contactsnip a {}

            footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

            .scrolling-wrap {}

            .scrolling {}

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

            a.footerlink: active {}

            a.footerlink: hover {}

            .footertext {}

            .smallfootertext {}

            .divfooter {}

            /*}*/
            .invpage footer {}

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

            .accordion: hover {}

            .accordion .accordion-header {}

            .accordion-header {}

            .accordion .accordion-header: after {}

            .accordion .accordion-content {}

            .accordion.active: hover {}

            .accordion.active .accordion-header: after {}

            .financial-calc {}

            .financial-calc {}
        }

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

            html {}

            ul {}

            table {}

            td {}

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

            header form button[type=submit] {}

            address {}

            input[type="submit"] {}

            p a:not(.container.cf *) {}

            textarea {}

            .invpage footer * {}

            .invpage .notInventory input {}

            : root {}

            :: -moz-selection {}

            :: selection {}

            .cf: after {}

            .cf: after {}

            .cf {}

            /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
            .intextlink: hover {}

            .se-pre-con {}

            .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

            *: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]) {}

            .surroundtitle {}

            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 *) {}

            main ul li:not(.container.cf *) {}

            a.standardbtn {}

            header a.standardbtn {}

            .card a.standardbtn {}

            a: active {}

            a: hover {}

            hr {}

            ul.custom li {}

            ul li: before {}

            .wrapper {}

            .contactInfo {}

            .contactInfo * {}

            .contactsnip {}

            .contactInfo a {}

            .contactInfo i {}

            .contactInfo {}

            .contactInfo a {}

            #menu-button {}

            nav.mobile {}

            nav.primary ul li a.active {}

            nav.primary {}

            nav.primary ul {}

            nav.primary ul li {}

            nav.primary ul li a {}

            nav.primary ul li a: hover {}

            nav.primary ul li li a {}

            nav.primary ul li li a: hover {}

            nav.primary ul ul {}

            nav.primary ul ul ul {}

            nav.primary ul li: hover>ul {}

            nav.primary ul ul li {}

            nav.primary ul li a {}

            nav.primary ul li a {}

            nav.primary {}

            nav.primary {}

            #menu-button {}

            #menu-button a {}

            nav.mobile {}

            nav.mobile .social-media {}

            nav.mobile .social-media a: visited {}

            nav.mobile .social-media a: active {}

            nav.mobile .mobile_top {}

            nav.mobile .menu-toggle {}

            nav.mobile .menu-toggle: hover {}

            nav.mobile ul {}

            nav.mobile ul li {}

            nav.mobile ul li a {}

            nav.mobile ul li a: hover {}

            nav.mobile ul li li: last-child {}

            nav.mobile ul li li a {}

            nav.mobile ul li li a: hover {}

            nav.mobile ul li li li: last-child {}

            nav.mobile ul li li li a {}

            nav.mobile ul li li li a: hover {}

            nav.mobile ul li .click {}

            .nav-footer {}

            nav.mobile ul li a .fa {}

            nav.mobile ul li .fa-chevron-down {}

            #menu-button {}

            #menu-button {}

            /*.notInventory {*/
            header {}

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

            header #logostuff {}

            header #logostuff img {}

            header .primary {}

            header .primary ul {}

            header .primary ul li {}

            header .primary ul li a {}

            header #menu-button {}

            header #menu-button .menu-toggle {}

            header .mobile {}

            header .mobile .mobile_top {}

            header .mobile .mobile_top .menu-toggle {}

            header .mobile ul {}

            header .mobile ul li {}

            header .mobile ul li a {}

            header .contactInfo {}

            header .contactInfo .contactsnip {}

            header .contactInfo .contactsnip a {}

            header .contactInfo .contactsnip a .fa-solid {}

            header #farrightstuff {}

            div#farrightstuff {}

            header #farrightstuff form {}

            header #farrightstuff form input {}

            header #farrightstuff form .hiddenstuff {}

            header #farrightstuff form .column4 {}

            header #farrightstuff form .column4 label {}

            header #farrightstuff form .column4 input {}

            header #farrightstuff form button {}

            header #farrightstuff form button img {}

            header #farrightstuff form button .fas {}

            #hero {
                flex-direction: column-reverse;
            }

            #hero #heroleft {
                width: 100%;
            }

            #hero #heroleft #titlearea {
                padding-top: 30px;
            }

            #hero #heroleft #titlearea h1 {}

            #hero #heroleft #titlearea h1 span {}

            h3 {}

            #hero #heroleft #titlearea h1 span br {}

            #hero #heroleft #titlearea .standardbtn {}

            #hero #heroleft #titlearea .standardbtn: after {}

            #hero #heroright {}

            #hero #heroright,
            #hero #heroright * {
                width: 100%;
            }

            #hero #heroright img {
                max-width: 100% !important;
                !i;
                !;
                width: 100%;
                height: 37vw;
                object-fit: cover;
            }

            #ctas {
                flex-direction: column;
            }

            #ctas .cta {
                width: 85%;
                margin-bottom: 20px;
            }

            #ctas .cta img {
                width: 100%;
                height: 22vw;
                object-fit: cover;
            }

            #ctas .cta h2 {}

            #ctas .cta h4 {}

            main {}

            main #sectionone {
                flex-direction: column-reverse;
                padding: 100px 60px 0 60px;
            }

            main #sectionone #seconeleft {
                width: 100%;
                padding-bottom: max(64px, 4.42708vw);
            }

            main #sectionone #seconeleft img {
                width: 100%;
                object-fit: cover;
                height: 33vw;
            }

            main #sectionone #seconeleft: before {}

            main #sectionone #seconeleft: after {}

            main #sectionone #seconeright: before {
                left: -27px;
            }

            main #sectionone #seconeright {
                padding-left: 0;
            }

            main h2 {}

            main h2 span {}

            main p {}

            .standardbtn: after {}

            .standardbtn {}

            main #sectiontwo {
                flex-direction: column;
            }

            main #sectiontwo #sectwoleft {}

            main #sectiontwo #sectwoleft: before {}

            main #sectiontwo #sectwoleft h2 {}

            main #sectiontwo #sectwoleft h2 span {}

            main #sectiontwo #sectwoleft p {}

            main #sectiontwo #sectworight {
                width: 100%;
            }

            main #sectiontwo #sectworight img {
                margin-top: 40px;
                width: max(250px, 100%);
                height: 40vw;
                object-fit: cover;
            }

            main #cardssec {
                flex-direction: column;
            }

            main #cardssec .card {
                height: auto;
            }

            main #cardssec .card:nth-of-type(2) {}

            main #cardssec .card {
                width: 85%;
                margin-bottom: 35px;
            }

            main #cardssec .card h3 {}

            main #cardssec .card img {}

            main #cardssec .card p {}

            footer {}

            footer #leftlinks {
                flex-direction: column;
            }

            footer #leftlinks #leftsec {
                margin-right: 0;
                padding-right: 0;
                text-align: center;
            }

            footer h4 {}

            footer #leftlinks #leftsec ul {}

            footer #leftlinks #leftsec ul li {}

            footer ul li a {}

            footer #leftlinks #rightsec {
                text-align: center;
                text-align: center;
            }

            div#rightsec {
                margin: 32px 0;
            }

            footer #leftlinks #rightsec h4 {}

            footer #leftlinks #rightsec ul {}

            footer #leftlinks #rightsec ul li {}

            footer #leftlinks #rightsec ul li a {}

            footer #rightlogo {
                width: 100%;
            }

            footer #rightlogo a {}

            footer #rightlogo a img {}

            footer #rightlogo .contactInfo {
                margin-right: 21px;
            }

            footer #rightlogo .contactInfo .contactsnip {}

            footer #rightlogo .contactInfo .contactsnip a {}

            footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

            .scrolling-wrap {}

            .scrolling {}

            /*}*/
            /*.notInventory {*/
            /*}*/
            /*.notInventory {*/
            footer {
                flex-direction: column;
                padding-left: 0;
            }

            a.footerlink: active {}

            a.footerlink: hover {}

            .footertext {}

            .smallfootertext {}

            .divfooter {}

            /*}*/
            .invpage footer {}

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

            .accordion: hover {}

            .accordion .accordion-header {}

            .accordion-header {}

            .accordion .accordion-header: after {}

            .accordion .accordion-content {}

            .accordion.active: hover {}

            .accordion.active .accordion-header: after {}

            .financial-calc {}

            .financial-calc {}
        }

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

            html {}

            ul {}

            table {}

            td {}

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

            header form button[type=submit] {}

            address {}

            input[type="submit"] {}

            p a:not(.container.cf *) {}

            textarea {}

            .invpage footer * {}

            .invpage .notInventory input {}

            : root {}

            :: -moz-selection {}

            :: selection {}

            .cf: after {}

            .cf: after {}

            .cf {}

            /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
            .intextlink: hover {}

            .se-pre-con {}

            .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

            *: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]) {}

            .contactInfo.secondone {
                margin-top: 30px;
            }

            .surroundtitle {}

            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 *) {}

            main ul li:not(.container.cf *) {}

            a.standardbtn {}

            header a.standardbtn {}

            .card a.standardbtn {}

            a: active {}

            a: hover {}

            hr {}

            ul.custom li {}

            ul li: before {}

            .wrapper {}

            .contactInfo {}

            .contactInfo * {}

            .contactsnip {}

            .contactInfo a {}

            .contactInfo i {}

            .contactInfo {}

            .contactInfo a {}

            #menu-button {}

            nav.mobile {}

            nav.primary ul li a.active {}

            nav.primary {}

            nav.primary ul {}

            nav.primary ul li {}

            nav.primary ul li a {}

            nav.primary ul li a: hover {}

            nav.primary ul li li a {}

            nav.primary ul li li a: hover {}

            nav.primary ul ul {}

            nav.primary ul ul ul {}

            nav.primary ul li: hover>ul {}

            nav.primary ul ul li {}

            nav.primary ul li a {}

            nav.primary ul li a {}

            nav.primary {}

            nav.primary {}

            #menu-button {}

            #menu-button a {}

            nav.mobile {}

            nav.mobile .social-media {}

            nav.mobile .social-media a: visited {}

            nav.mobile .social-media a: active {}

            nav.mobile .mobile_top {}

            nav.mobile .menu-toggle {}

            nav.mobile .menu-toggle: hover {}

            nav.mobile ul {}

            nav.mobile ul li {}

            nav.mobile ul li a {}

            nav.mobile ul li a: hover {}

            nav.mobile ul li li: last-child {}

            nav.mobile ul li li a {}

            nav.mobile ul li li a: hover {}

            nav.mobile ul li li li: last-child {}

            nav.mobile ul li li li a {}

            nav.mobile ul li li li a: hover {}

            nav.mobile ul li .click {}

            .nav-footer {}

            nav.mobile ul li a .fa {}

            nav.mobile ul li .fa-chevron-down {}

            #menu-button {}

            #menu-button {}

            /*.notInventory {*/
            header {}

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

            header #logostuff {}

            header #logostuff img {}

            header .primary {}

            header .primary ul {}

            header .primary ul li {}

            header .primary ul li a {}

            header #menu-button {}

            header #menu-button .menu-toggle {}

            header .mobile {}

            header .mobile .mobile_top {}

            header .mobile .mobile_top .menu-toggle {}

            header .mobile ul {}

            header .mobile ul li {}

            header .mobile ul li a {}

            header .contactInfo {}

            header .contactInfo .contactsnip {}

            header .contactInfo .contactsnip a {}

            header .contactInfo .contactsnip a .fa-solid {}

            header #farrightstuff {}

            div#farrightstuff {}

            header #farrightstuff form {}

            header #farrightstuff form input {}

            header #farrightstuff form .hiddenstuff {}

            header #farrightstuff form .column4 {}

            header #farrightstuff form .column4 label {}

            header #farrightstuff form .column4 input {}

            header #farrightstuff form button {}

            header #farrightstuff form button img {}

            header #farrightstuff form button .fas {}

            #hero {}

            #hero #heroleft {}

            #hero #heroleft #titlearea {}

            #hero #heroleft #titlearea h1 {}

            #hero #heroleft #titlearea h1 span {}

            h3 {}

            #hero #heroleft #titlearea h1 span br {}

            #hero #heroleft #titlearea .standardbtn {}

            #hero #heroleft #titlearea .standardbtn: after {}

            #hero #heroright {}

            #hero #heroright img {}

            #ctas {}

            #ctas .cta {}

            #ctas .cta img {}

            #ctas .cta h2 {}

            #ctas .cta h4 {}

            main {}

            main #sectionone {}

            main #sectionone #seconeleft {}

            main #sectionone #seconeleft img {}

            main #sectionone #seconeleft: before {}

            main #sectionone #seconeleft: after {}

            main #sectionone #seconeright: before {}

            main #sectionone #seconeright {}

            main h2 {}

            main h2 span {}

            main p {}

            .standardbtn: after {}

            .standardbtn {}

            main #sectiontwo {}

            main #sectiontwo #sectwoleft {}

            main #sectiontwo #sectwoleft: before {}

            main #sectiontwo #sectwoleft h2 {}

            main #sectiontwo #sectwoleft h2 span {}

            main #sectiontwo #sectwoleft p {}

            main #sectiontwo #sectworight {}

            main #sectiontwo #sectworight img {}

            main #cardssec {}

            main #cardssec .card {}

            main #cardssec .card:nth-of-type(2) {}

            main #cardssec .card {}

            main #cardssec .card h3 {}

            main #cardssec .card img {}

            main #cardssec .card p {}

            footer {}

            footer #leftlinks {}

            footer #leftlinks #leftsec {}

            footer h4 {}

            footer #leftlinks #leftsec ul {}

            footer #leftlinks #leftsec ul li {}

            footer ul li a {}

            footer #leftlinks #rightsec {}

            footer #leftlinks #rightsec h4 {}

            footer #leftlinks #rightsec ul {}

            footer #leftlinks #rightsec ul li {}

            footer #leftlinks #rightsec ul li a {}

            footer #rightlogo {}

            footer #rightlogo a {}

            footer #rightlogo a img {}

            footer #rightlogo .contactInfo {}

            footer #rightlogo .contactInfo .contactsnip {}

            footer #rightlogo .contactInfo .contactsnip a {}

            footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

            .scrolling-wrap {}

            .scrolling {}

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

            a.footerlink: active {}

            a.footerlink: hover {}

            .footertext {}

            .smallfootertext {}

            .divfooter {}

            /*}*/
            .invpage footer {}

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

            .accordion: hover {}

            .accordion .accordion-header {}

            .accordion-header {}

            .accordion .accordion-header: after {}

            .accordion .accordion-content {}

            .accordion.active: hover {}

            .accordion.active .accordion-header: after {}

            .financial-calc {}

            .financial-calc {}
        }

        /*}*/

        /* ACCORDION */

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

        .accordion-header {}

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

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

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

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


        /* FINACNING CALC  */

        .financial-calc {
            background: #fff !important;
            width: 100% !important;
            height: 435px !important;
            height: max(174px, 22.65625vw) !important;
            /* Default height for screens above 1157px */
        }

        @media only screen and (max-width: 1157px) {
            .financial-calc {
                height: 687px !important;
                /* Height for screens below 1157px */
            }
        }

        ;
    }

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

    header #logostuff {}

    header #logostuff img {}

    header .primary {}

    header .primary ul {}

    header .primary ul li {}

    header .primary ul li a {}

    header #menu-button .menu-toggle {}

    header .mobile {}

    header .mobile .mobile_top {}

    header .mobile .mobile_top .menu-toggle {}

    header .mobile ul {}

    header .mobile ul li {}

    header .mobile ul li a {
        font-family: 'Sarabun';
    }

    header .contactInfo {
        /* position: absolute; */
        /* right: 0; */
    }

    header .contactInfo .contactsnip {}

    header .contactInfo .contactsnip a {}

    header .contactInfo .contactsnip a .fa-solid {}

    header #farrightstuff {}

    div#farrightstuff {
        /* position: absolute; */
        /* right: 0; */
    }

    header #farrightstuff form {}

    header #farrightstuff form input {}

    header #farrightstuff form .hiddenstuff {}

    header #farrightstuff form .column4 {}

    header #farrightstuff form .column4 label {}

    header #farrightstuff form .column4 input {}

    header #farrightstuff form button {}

    header #farrightstuff form button img {}

    header #farrightstuff form button .fas {}

    #hero {
        flex-direction: column-reverse;
    }

    #hero #heroleft {
        width: 100%;
    }

    #hero #heroleft #titlearea {
        padding-top: 30px;
    }

    #hero #heroleft #titlearea h1 {}

    #hero #heroleft #titlearea h1 span {}

    h3 {}

    #hero #heroleft #titlearea h1 span br {}

    #hero #heroleft #titlearea .standardbtn {}

    #hero #heroleft #titlearea .standardbtn:after {}

    #hero #heroright {}

    #hero #heroright,
    #hero #heroright * {
        width: 100%;
    }

    #hero #heroright img {
        max-width: 100% !important;
        !i;
        !;
        width: 100%;
        height: 42vw;
        object-fit: cover;
    }

    #ctas {
        flex-direction: column;
    }

    #ctas .cta {
        width: 85%;
        margin-bottom: 20px;
    }

    #ctas .cta img {
        width: 100%;
        height: 22vw;
        object-fit: cover;
    }

    #ctas .cta h2 {}

    #ctas .cta h4 {}

    main {}

    main #sectionone {
        flex-direction: column-reverse;
        padding: 100px 60px 0 60px;
    }

    main #sectionone #seconeleft {
        width: 100%;
        padding-bottom: max(64px, 4.42708vw);
    }

    main #sectionone #seconeleft img {
        width: 100%;
        object-fit: cover;
        height: 33vw;
    }

    main #sectionone #seconeleft:before {}

    main #sectionone #seconeleft:after {}

    main #sectionone #seconeright:before {
        left: -27px;
    }

    main #sectionone #seconeright {
        padding-left: 0;
    }

    .contactus div#seconeright {
        width: 100% !important;
        !i;
        !;
    }

    main h2 {}

    main h2 span {}

    main p {}

    .standardbtn:after {}

    .standardbtn {}

    main #sectiontwo {
        flex-direction: column;
    }

    main #sectiontwo #sectwoleft {}

    main #sectiontwo #sectwoleft:before {}

    main #sectiontwo #sectwoleft h2 {}

    main #sectiontwo #sectwoleft h2 span {}

    main #sectiontwo #sectwoleft p {}

    main #sectiontwo #sectworight {
        width: 100%;
    }

    main #sectiontwo #sectworight img {
        margin-top: 40px;
        width: max(250px, 100%);
        height: 40vw;
        object-fit: cover;
    }

    main #cardssec {
        flex-direction: column;
    }

    main #cardssec .card {
        height: auto;
    }

    main #cardssec .card:nth-of-type(2) {}

    main #cardssec .card {
        width: 85%;
        margin-bottom: 35px;
    }

    main #cardssec .card h3 {}

    main #cardssec .card img {}

    main #cardssec .card p {}

    footer {}

    footer #leftlinks {
        flex-direction: column;
    }

    footer #leftlinks #leftsec {
        margin-right: 0;
        padding-right: 0;
        text-align: center;
    }

    footer h4 {}

    footer #leftlinks #leftsec ul {}

    footer #leftlinks #leftsec ul li {}

    footer ul li a {}

    footer #leftlinks #rightsec {
        text-align: center;
        text-align: center;
    }

    div#rightsec {
        margin: 32px 0;
    }

    footer #leftlinks #rightsec h4 {}

    footer #leftlinks #rightsec ul {}

    footer #leftlinks #rightsec ul li {}

    footer #leftlinks #rightsec ul li a {}

    footer #rightlogo {
        width: 100%;
    }

    footer #rightlogo a {}

    footer #rightlogo a img {}

    footer #rightlogo .contactInfo {
        margin-right: 21px;
    }

    footer #rightlogo .contactInfo .contactsnip {}

    footer #rightlogo .contactInfo .contactsnip a {}

    footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

    .scrolling-wrap {}

    .scrolling {}

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        flex-direction: column;
        padding-left: 0;
    }

    a.footerlink:active {}

    a.footerlink:hover {}

    .footertext {}

    .smallfootertext {}

    .divfooter {}

    /*}*/
    .invpage footer {}

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

    .accordion:hover {}

    .accordion .accordion-header {}

    .accordion-header {}

    .accordion .accordion-header:after {}

    .accordion .accordion-content {}

    .accordion.active:hover {}

    .accordion.active .accordion-header:after {}

    .financial-calc {}

    .financial-calc {}
}

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

    html {}

    ul {}

    table {}

    td {}

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

    header form button[type=submit] {}

    address {}

    input[type="submit"] {}

    p a:not(.container.cf *) {}

    textarea {}

    .invpage footer * {}

    .invpage .notInventory input {}

    :root {}

    ::-moz-selection {}

    ::selection {}

    .cf:after {}

    .cf:after {}

    .cf {}

    /* a:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
}
a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *):not(.standardbtn):not(.standardbtn *) {
} */
    .intextlink:hover {}

    .se-pre-con {}

    .notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {}

    *: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]) {}

    .surroundtitle {}

    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 *) {}

    main ul li:not(.container.cf *) {}

    a.standardbtn {}

    header a.standardbtn {}

    .card a.standardbtn {}

    a:active {}

    a:hover {}

    hr {}

    ul.custom li {}

    ul li:before {}

    .wrapper {}

    .contactInfo {}

    .contactInfo * {}

    .contactsnip {}

    .contactInfo a {}

    .contactInfo i {}

    .contactInfo {}

    .contactInfo a {}

    #menu-button {}

    nav.mobile {}

    nav.primary ul li a.active {}

    nav.primary {}

    nav.primary ul {}

    nav.primary ul li {}

    nav.primary ul li a {}

    nav.primary ul li a:hover {}

    nav.primary ul li li a {}

    nav.primary ul li li a:hover {}

    nav.primary ul ul {}

    nav.primary ul ul ul {}

    nav.primary ul li:hover>ul {}

    nav.primary ul ul li {}

    nav.primary ul li a {}

    nav.primary ul li a {}

    nav.primary {}

    nav.primary {}

    #menu-button {}

    #menu-button a {}

    nav.mobile {}

    nav.mobile .social-media {}

    nav.mobile .social-media a:visited {}

    nav.mobile .social-media a:active {}

    nav.mobile .mobile_top {}

    nav.mobile .menu-toggle {}

    nav.mobile .menu-toggle:hover {}

    nav.mobile ul {}

    nav.mobile ul li {}

    nav.mobile ul li a {}

    nav.mobile ul li a:hover {}

    nav.mobile ul li li:last-child {}

    nav.mobile ul li li a {}

    nav.mobile ul li li a:hover {}

    nav.mobile ul li li li:last-child {}

    nav.mobile ul li li li a {}

    nav.mobile ul li li li a:hover {}

    nav.mobile ul li .click {}

    .nav-footer {}

    nav.mobile ul li a .fa {}

    nav.mobile ul li .fa-chevron-down {}

    #menu-button {
        text-align: right !important;
        !i;
        !;
        line-height: 1;
        position: absolute;
        bottom: 20px;
        right: 20px;
    }

    #menu-button {}

    /*.notInventory {*/
    header {}

    /*}*/
    /*.notInventory {*/
    header {
        position: relative;
    }

    header #logostuff {}

    header #logostuff img {}

    header .primary {}

    header .primary ul {}

    header .primary ul li {}

    header .primary ul li a {}

    header #menu-button {
        margin-top: 90px;
    }

    header #menu-button {
        z-index: 0;

        header #menu-button {
            margin-top: 90px;
        }

        ;
    }

    header #menu-button .menu-toggle {}

    header .mobile {}

    header .mobile .mobile_top {}

    header .mobile .mobile_top .menu-toggle {}

    header .mobile ul {}

    header .mobile ul li {}

    header .mobile ul li a {}

    header .contactInfo {
        position: absolute;
        right: 0;
        top: 10px;
    }

    header .contactInfo .contactsnip {}

    header .contactInfo .contactsnip a {}

    header .contactInfo .contactsnip a .fa-solid {}

    header #farrightstuff {
        position: absolute;
        right: 29px;
        top: 9px;
    }

    div#farrightstuff {
        z-index: 3;
        display: none;
    }

    header #farrightstuff form {}

    header #farrightstuff form input {}

    header #farrightstuff form .hiddenstuff {}

    header #farrightstuff form .column4 {}

    header #farrightstuff form .column4 label {}

    header #farrightstuff form .column4 input {}

    header #farrightstuff form button {}

    header #farrightstuff form button img {}

    header #farrightstuff form button .fas {}

    #hero {}

    #hero #heroleft {}

    #hero #heroleft #titlearea {}

    #hero #heroleft #titlearea h1 {}

    #hero #heroleft #titlearea h1 span {}

    h3 {}

    #hero #heroleft #titlearea h1 span br {}

    #hero #heroleft #titlearea .standardbtn {}

    #hero #heroleft #titlearea .standardbtn:after {}

    #hero #heroright {}

    #hero #heroright img {}

    #ctas {}

    #ctas .cta {}

    #ctas .cta img {}

    #ctas .cta h2 {}

    #ctas .cta h4 {}

    main {}

    main #sectionone {}

    main #sectionone #seconeleft {}

    main #sectionone #seconeleft img {}

    main #sectionone #seconeleft:before {}

    main #sectionone #seconeleft:after {}

    main #sectionone #seconeright:before {}

    main #sectionone #seconeright {}

    main h2 {}

    main h2 span {}

    main p {}

    .standardbtn:after {}

    .standardbtn {}

    main #sectiontwo {}

    main #sectiontwo #sectwoleft {}

    main #sectiontwo #sectwoleft:before {}

    main #sectiontwo #sectwoleft h2 {}

    main #sectiontwo #sectwoleft h2 span {}

    main #sectiontwo #sectwoleft p {}

    main #sectiontwo #sectworight {}

    main #sectiontwo #sectworight img {}

    main #cardssec {}

    main #cardssec .card {}

    main #cardssec .card:nth-of-type(2) {}

    main #cardssec .card {}

    main #cardssec .card h3 {}

    main #cardssec .card img {}

    main #cardssec .card p {}

    footer {}

    footer #leftlinks {}

    footer #leftlinks #leftsec {}

    footer h4 {}

    footer #leftlinks #leftsec ul {}

    footer #leftlinks #leftsec ul li {}

    footer ul li a {}

    footer #leftlinks #rightsec {}

    footer #leftlinks #rightsec h4 {}

    footer #leftlinks #rightsec ul {}

    footer #leftlinks #rightsec ul li {}

    footer #leftlinks #rightsec ul li a {}

    footer #rightlogo {}

    footer #rightlogo a {}

    footer #rightlogo a img {}

    footer #rightlogo .contactInfo {}

    footer #rightlogo .contactInfo .contactsnip {}

    footer #rightlogo .contactInfo .contactsnip a {}

    footer #rightlogo .contactInfo .contactsnip a .fa-solid {}

    .scrolling-wrap {}

    .scrolling {}

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

    a.footerlink:active {}

    a.footerlink:hover {}

    .footertext {}

    .smallfootertext {}

    .divfooter {}

    /*}*/
    .invpage footer {}

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

    .accordion:hover {}

    .accordion .accordion-header {}

    .accordion-header {}

    .accordion .accordion-header:after {}

    .accordion .accordion-content {}

    .accordion.active:hover {}

    .accordion.active .accordion-header:after {}

    .financial-calc {}

    .financial-calc {}
}

/*}*/

/* ACCORDION */

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

.accordion-header {}

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

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

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

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


/* FINACNING CALC  */

.financial-calc {
    background: #fff !important;
    width: 100% !important;
    height: 435px !important;
    height: max(174px, 22.65625vw) !important;
    /* Default height for screens above 1157px */
}

@media only screen and (max-width: 1157px) {
    .financial-calc {
        height: 687px !important;
        /* Height for screens below 1157px */
    }
}

/* Set viewport width: 767 */
/* Set separate viewport width for font-size and line-height: 1300 */
.search-area {
    display: none;
    opacity: 0;
    transform: translateX(-10px);
    transform: translateX(min(-4px, -0.52083vw));
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.search-area.visible {
    display: block;
    opacity: 1;
    transform: translateX(0);
}

.search-area .hiddenstuff {
    margin-left: 10px;
    margin-left: max(4px, 0.52083vw);
    /* Adjust as needed */
    padding: 10px 16px;
    padding: max(4px, 0.52083vw) max(6px, 0.83333vw);
}


.search-area {
    position: absolute;
    top: 64px;
    top: max(46px, 3.33333vw);
    left: 0;
    display: none;
    opacity: 0;
    transform: translateY(10px);
    transform: translateY(max(4px, 0.52083vw));
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.search-area.visible {
    display: block;
    opacity: 1;
    transform: translateY(0);
}


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

ol,
ul {
    list-style: none;
}

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

td {
    vertical-align: top;
}

/-------- COLORS --------/
/***** END RESET *****/

#category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
}

#category-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 1px;
    filter: grayscale(1);
}

#category-grid a {
    width: calc(14.285% - 1px);
    display: block;
    background: #1D1D1D;
    transition: ease all 0.3s;
}

#category-grid a:hover {
    filter: brightness(1.2);
}

#category-grid a p {
    color: #fff;
}

#category-grid a img {
    padding-top: 8%;
    max-width: 100%;
}

.heading-xs {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    font-family: 'Fira Sans Condensed';
    letter-spacing: 4px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px !important;
}

.col-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

@media screen and (max-width: 1279px) {
    #category-grid a {
        width: calc(20% - 1px);
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.666667%;
    }

    .col-lg-7 {
        width: 58.333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    #category-grid a {
        width: calc(20% - 1px);
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.666667%;
    }

    .col-md-7 {
        width: 58.333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .md-first {
        order: -1;
    }

    .col-md-hidden {
        display: none !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    #category-grid a {
        width: calc(33.33333% - 1px);
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.666667%;
    }

    .col-sm-7 {
        width: 58.333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .sm-first {
        order: -1;
    }

    .col-sm-hidden {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .custom-form .flex {
        flex-wrap: wrap;
        gap: 0px;
    }

    #category-grid a {
        width: calc(50% - 1px);
    }

    #category-grid a p {
        font-size: 14px;
    }

    .col-xs-11 {
        width: 91.66667%;
    }

    .col-xs-10 {
        width: 83.33333%;
    }

    .col-xs-9 {
        width: 75%;
    }

    .col-xs-8 {
        width: 66.666667%;
    }

    .col-xs-7 {
        width: 58.333333%;
    }

    .col-xs-6 {
        width: 50%;
    }

    .col-xs-5 {
        width: 41.66667%;
    }

    .col-xs-4 {
        width: 33.33333%;
    }

    .col-xs-3 {
        width: 25%;
    }

    .col-xs-2 {
        width: 16.66667%;
    }

    .col-xs-1 {
        width: 8.33333%;
    }

    .col-sm-12,
    .col-xs-12 {
        width: 100%;
    }

    .col-xs-hidden {
        display: none !important;
    }

    .xs-first {
        order: -1;
    }
}