/* Set viewport width: 850 */
/* 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;
}

p a:hover:not(.container.cf *) {
    text-decoration: underline;
}

/* Inventory */
.view-listing-details-link, .linking-buttons a.active {
	background-color: #DC4405 !important;
}
.listing-prices__retail-price {
	color: #000 !important;
}
.faceted-search-content .selected-facets-container .selected-facet {
	background-color: #DC4405 !important;
}

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

.invpage .notInventory input {
    border: none;
}

/* 
  ABSOLUTE CENTER
  margin: 0 0 0 max(425px,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: 999999999999999999999999999999;
    background: white;
}


.specialsslide{
    background-color: blue;
}

/* END LOADER SECTION  */
.notInventory *:not(i):not(i *):not(.fas):not(.fas *):not(.fa *):not(.fa):not(.fab):not(.fab *) {
    font-family: ;
}

.slick-track,
.slick-track *:not(.headeroverlay):not(.headeroverlay *) {
    height: 100%;
    object-fit: contain;
}

.form-header {
    font-family: 'Padauk';
    font-weight: 400;
    font-size: max(15px, 1.12388vw);
    line-height: max(30px, 2.29167vw);
    color: #000000;
}

.brand-container div .slick-slide {
    display: flex;
    justify-content: center;
}

.topsvgstuff {
    width: 100%;
    pointer-events: none;
    position: relative;
    z-index: 1;
    margin-top: min(-128px, -15.10417vw);
}

img#topshape {
    top: 0;
    position: absolute;
    z-index: 0;
    margin-top: min(-12px, -1.35417vw);
    width: MAX(1260PX, 111%);
    margin-left: min(-4px, -0.52083vw);
}

.footerstuff {
    display: flex;
}

.footerstuff a:hover {
    text-decoration: underline;
}

img#footershape {
    position: absolute;
    top: 0;
    WIDTH: 100%;
}

img#bottomshape {
    position: absolute;
    z-index: -2;
    width: 100%;
}

*: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;
}
*:not(.slick-slider2 *):not(.container.cf *):not(header .mobile):not(.se-pre-con):not(.se-pre-con *):not(.slider2):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;
}
.mapsstuff {
    height: 640px;
}

.contactInfotwo {
    margin-bottom: 20px;
    !;
    !i;
    !;
    !u;
    !;
}

.contactInfotwo a:hover {
    text-decoration: underline;
}

.contactInfotwo * {
    color: black;
}

img.attachment-large.size-large.wp-image-466.imgright {
    width: 42vw;
    margin-left: 6vw;
}

.brand-container.slick-initialized.slick-slider.slick-dotted button {
    display: none;
}

button.slick-prev,.slick-arrow,
.slick-prev,.slick-next {
    border-radius: 0px;
    background: #DC4405 !important;
    outline: none !important;
    border: none !important;
    /* padding: 30px; */
    width: max(77px, 9.11458vw);
    height: max(35px, 4.16667vw);
    cursor: pointer;
}
button.slick-prev2,.slick-arrow2,
.slick-prev2,.slick-next2 {
    border-radius: 0px;
    background: #DC4405 !important;
    outline: none !important;
    border: none !important;
    /* padding: 30px; */
    width: max(77px, 9.11458vw);
    height: max(35px, 4.16667vw);
    cursor: pointer;
}
button.slick-prev.slick-arrow:hover,
.slick-next.slick-arrow:hover {
    background: black;
}
button.slick-prev2.slick-arrow2:hover,
.slick-next2.slick-arrow2:hover {
    background: black;
}
button.slick-prev.slick-arrow:before {
    content: '';
    height: max(62px, 7.29167vw);
    position: absolute;
    /* border: 0.1px solid white; */
    top: min(-22px, -2.60417vw);
    transform: rotate(32deg);
    right: max(71px, 8.33333vw);
    background: white;
    width: 1px;
}
button.slick-prev2.slick-arrow2:before {
    content: '';
    height: max(62px, 7.29167vw);
    position: absolute;
    /* border: 0.1px solid white; */
    top: min(-22px, -2.60417vw);
    transform: rotate(32deg);
    right: max(71px, 8.33333vw);
    background: white;
    width: 1px;
}
button.slick-prev.slick-arrow:hover:before {
    /* background: black; */
}
button.slick-prev2.slick-arrow2:hover:before {
    /* background: black; */
}
.slick-next.slick-arrow {
    margin-left: min(-2px, -0.26042vw);
}
.slick-next2.slick-arrow2 {
    margin-left: min(-2px, -0.26042vw);
}
button.slick-prev.slick-arrow {
    margin-right: -4px;
}
button.slick-prev2.slick-arrow2 {
    margin-right: -4px;
}
.slider-arrows {
    position: absolute;
    bottom: 00;
    right: 0;
    /* z-index: 5; */
    pointer-events: all;
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    margin-right: min(-18px, -2.08333vw);
    margin-bottom: -3px;
}
.slider-arrows2 {
    position: absolute;
    bottom: 000;
    right: 0;
    /* z-index: 5; */
    pointer-events: all;
    clip-path: polygon(16% 0, 100% 0, 100% 100%, 0% 100%);
    margin-right: min(-18px, -2.08333vw);
    margin-bottom: -3px;
	z-index: 10;
}
.slick-list, .draggable {
	padding: 0px .5% !important;
	margin: 0px 10px;
}

section.topstuffsvg {
    /* margin-top: -299px; */
    z-index: 6;
    position: relative;
    /* pointer-events: none; */
}

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: 'Padauk', sans-serif, sans-serif;
}

p:not(.container.cf *),
main ul:not(.container.cf *),
main ul li:not(.container.cf *) {
    font-family: 'Padauk', sans-serif;
}

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

.wrapper {
    margin: max(44px, 5.20833vw) auto;
    padding: 0 max(18px, 2.08333vw);
    width: 100%;
    max-width: max(576px, 67.70833vw);
    box-sizing: border-box;
}

/*--- HEADER STYLES ---------------------*/
/* Contact Info  */
.contactInfo {
    display: flex;
    padding-right: 90px;
    padding-right: max(40px, 4.6875vw);
}

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

.contactsnip {
    padding-left: max(9px, 1.04167vw);
    padding-left: max(max(6px, 0.7053vw), max(9px, 1.04167vw));
}

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

.contactInfo i {
    font-size: max(9px, 0.72917vw);
    font-size: max(max(8px, 1.04996vw), max(9px, 0.72917vw));
    padding-right: max(max(2px, 0.28212vw), max(4px, 0.41667vw));
}

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

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

/* Header Styling */
header {
    /* Dark blue background */
    color: white;
    /* White text color */
    justify-content: space-between;
    align-items: center;
}

/* Contact Info Styling */
.contactInfo {
    display: flex;
    align-items: center;
    background: #C13901;
    justify-content: flex-end;
    padding: max(4px, 0.52083vw) max(75px, 8.85417vw);
}

.contactsnip {
    margin-right: max(9px, 1.04167vw);
}

.contactsnip a {
    color: inherit;
    /* Inherit white text color from header */
    text-decoration: none;
}

.contactsnip a:hover {
    text-decoration: underline;
}

.fa-solid,
.fa-brands {
    font-size: max(12px, 0.9375vw);
    margin-right: max(2px, 0.26042vw);
}

.social-icons {
    display: flex;
}

.social-icons a {
    margin-left: max(4px, 0.52083vw);
}

/* Bottom Bar Styling */
.bottombar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* Slightly darker blue background */
    padding: max(0px, 0.44167vw) 0 0px max(33px, 6.25vw);
    /* background: white; */
}

.bottombar>a {
    display: flex;
    align-items: flex-end;
    height: 100%;
}

.bottombar a img {
    width: max(145px, 31.77292vw) !important;
}

.bottombar a img {
    width: max(44px, 5.20833vw);
    /* Adjust logo width as needed */
}

.rightarea {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.rightareatop {
    display: flex;
}

.rightareatop img {
    margin-left: max(4px, 0.52083vw);
    width: max(66px, 7.8125vw);
    /* Adjust image width as needed */
}

/* Navigation Styling */
nav.primary {
    display: flex;
}

nav.primary ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.primary li {
    margin-right: max(9px, 1.04167vw);
}

nav.primary a {
    color: inherit;
    /* Inherit white text color from header */
    text-decoration: none;
    font-weight: bold;
}

nav.primary a:hover {
    color: #3399ff;
    /* Light blue hover color */
}

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

nav.primary li:hover>ul {
    display: block;
}

nav.primary li ul li {
    margin: 0;
    /* padding: max(4px, 0.52083vw); */
}

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

nav.mobile {
    display: none;
}

nav.primary {
    padding: 0;
    display: inline-block;
    margin: 0;
    width: 100%;
    position: relative;
    /* background: #DC4405; */
}

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

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

nav.primary ul li a {
    color: #fff;
    font-size: max(9px, 0.72917vw);
    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: 5px max(5px, 0.625vw);
}

nav.primary ul li a:hover {
    /* background: #000; */
    color: #CB1C1C;
    text-decoration: underline;
	cursor: pointer;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: max(11px, 0.83333vw);
    line-height: max(11px, 0.83333vw);
    padding: max(4px, 0.72083vw);
    color: #fff;
    background: #dc4405;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #c33900 solid 1px;
	width: 100%;
}

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

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

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

nav.primary ul ul li {
    float: none;
    width: max(80px, 10.0625vw);
    position: relative;
    margin: 0;
    display: block;
    display: flex;
    background: #dc4405;
    align-items: center;
    justify-content: space-between;
    padding-right: 12px;
}

.pages img {width:100%; object-fit: cover!important; height:360px;}

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

@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) {
    main #hero .headeroverlay {
        flex-direction: column;
        align-items: flex-start;
    }

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

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

    #menu-button a {
        color: black;
        text-decoration: none;
        padding: 0 0 0 0.8em;
        font-weight: normal;
        left: -15vw;
        position: relative;
		width: 100%;
		cursor: pointer;
    }

    .bottombar a img {
        width: 44vw !important;
    }

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

    /* 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 #dc4405 solid;
        /* border highlight - Change to fit match site colors */
		cursor: pointer;
    }

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

}

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

@media screen and (max-width:550PX) {

    /* 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 *) {
  } */
    img#topshape {
        HEIGHT: 380PX;
    }

    .contactInfo span {
        display: none;
    }

    /*.notInventory {*/
    /*}*/
    header .contactInfo {
        justify-content: center;
    }

    header .bottombar {
        FLEX-DIRECTION: COLUMN;
        PADDING: 12PX;
    }

    header .bottombar>a {
        MARGIN: 18PX 0;
    }

    header .bottombar a img {
        WIDTH: 326PX !IMPORTANT;
        !I;
        !;
    }

    header .bottombar .rightarea .rightareatop {
        MARGIN-RIGHT: 0 !IMPORTANT;
        !I;
        !;
        flex-direction: column;
    }

    header .bottombar .rightarea .rightareabottom {
        WIDTH: 100% !IMPORTANT;
        !I;
        !;
        JUSTIFY-CONTENT: CENTER;
        ALIGN-ITEMS: CENTER;
    }

    header .bottombar .rightarea .rightareabottom #menu-button {
        RIGHT: 0;
        TEXT-ALIGN: CENTER;
        padding-right: 0 !important;
        !i;
        !;
    }

    header .bottombar .rightarea .rightareabottom #menu-button .menu-toggle {
        padding-left: 0;
        left: 0;
    }

    main #hero .headeroverlay .button-section {
        margin-left: -10px;
        margin-top: 13px;
    }

    main .introsection {
        flex-direction: column;
    }

    main .introsection .introsection-content {
        margin-bottom: 40px;
    }

    main .introsection .introsection-content .buttons {
        flex-direction: column;
    }

    main .introsection .introsection-content .buttons .button {
        margin-bottom: 12px;
    }

    main .brand-section .brand-container {
        /* width: 100%; */
    }

    /*.notInventory {*/
    .footer-links ul {
        column-count: 1 !important;
        !i;
        !;
    }

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

/*.notInventory {*/
/*}*/
/*---BODY--------------------------------*/
header {
    /* margin-bottom: min(-27px, -3.125vw); */
    z-index: 999;
    position: relative;
    /* background: white !important; */
}

header:after {
    /* content: ''; */
    position: absolute;
    width: 100%;
    height: 100%;
    background: #B33B0A;
    z-index: -1;
    /* top: 0; */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0.8% 100%, 0 70%);
    bottom: min(-6px, -0.67708vw);
}

header .contactInfo {
    clip-path: polygon(1% 0, 100% 0, 100% 100%, 1.7% 100%);
    position: relative;
    z-index: 1;
}

header .contactInfo .contactsnip {
    font-family: 'Padauk', sans-serif;
}

header .bottombar {
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 2% 100%, 0 75%); */
    position: relative;
    z-index: 9999999999999999;
}

header .bottombar .rightarea .rightareatop {
    margin-right: 8.85417vw;
    margin-bottom: max(7px, 0.78125vw);
}

header .bottombar .rightarea .rightareatop img {
    height: max(27px, 3.10417vw) !important;
    object-fit: scale-down;
    width: auto !important;
    margin-bottom: 4px;
}

header .bottombar .rightarea .rightareabottom {
    /* width: 59.89583vw; */
    position: relative;
}

header .bottombar .rightarea .rightareabottom .primary:before {
    background: #DC4405;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 4% 100%);
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}
header .bottombar .rightarea .rightareabottom .primary ul:not(ul ul) {
    padding: max(13px, 1.71042vw) max(52px, 4.29167vw) max(11px, 1.30208vw) max(73px, 8.59375vw);
    display: flex;
    justify-content: space-between;
    margin-bottom: 1px;
}

header .bottombar .rightarea .rightareabottom .primary ul li a {
    font-family: 'Padauk', sans-serif;
    font-weight: 400;
    font-size: max(13px, 1.17306vw);
    line-height: max(15px, 1.14583vw);
    color: #000000;
}

main #hero {
    position: relative;
    /* clip-path: polygon(0 100%, 0 0, 100% 0, 100% 65%, 89% 87%, 17% 87%, 8% 100%); */
}

main #hero .headeroverlay {
    position: absolute;
    z-index: 3;
}

main #hero .headeroverlay .text-section {
    width: max(288px, 33.85417vw);
}

main #hero .headeroverlay .text-section h1 {
    font-size: max(28px, 3.38542vw);
    margin-bottom: max(4px, 0.52083vw);
}

main #hero .headeroverlay .text-section p {
    font-size: max(18px, 1.5625vw);
    line-height: 1.3;
}

main #hero .headeroverlay .button-section {
    margin-bottom: max(18px, 2.08333vw);
    margin-left: max(15px, 1.82292vw);
}

main #hero .headeroverlay .button-section a {
    /* Learn More */
    font-family: 'Padauk', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: max(18px, 1.3743vw);
    line-height: max(22px, 1.66667vw);
    color: #FFFFFF;
}

.lazy {
    width: 200% !important;
    /* position: relative; */
    /* z-index: -1; */
}

main #hero .lazy .slick-slide:after {
    content: '';
    width: 100%;
    height: 170%;
    /* background: linear-gradient(180deg, #1c1c1c57 -14.8%, #1c1c1c57 105.6%); */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
}


.lazy img{
    width: 100%;
    object-fit: contain;
}

section.introsection.paddingbottomstuff {
    padding-bottom: max(30px, 3.03125vw);
}

main .introsection .introsection-content h1 span {
    font-family: 'Padauk', sans-serif;
    font-weight: 400;
    font-size: max(20px, 1.57301vw);
    line-height: max(24px, 1.875vw);
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 0;
}

main .introsection .introsection-content h1 {
    font-family: 'Padauk', sans-serif;
    font-weight: 500;
    font-size: max(36px, 2.79608vw);
    line-height: max(43px, 3.33333vw);
    color: #272727;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

main .introsection .introsection-content h2 span {
    font-family: 'Padauk', sans-serif;
    font-weight: 400;
    font-size: max(20px, 1.57301vw);
    line-height: max(24px, 1.875vw);
    color: rgba(0, 0, 0, 0.85);
    margin-bottom: 0;
}

main .introsection .introsection-content h2 {
    font-family: 'Padauk', sans-serif;
    font-weight: 500;
    font-size: max(36px, 2.79608vw);
    line-height: max(43px, 3.33333vw);
    color: #272727;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

main .introsection .introsection-content p,
main .introsection .introsection-content ul li {
    font-family: 'Padauk';
    font-weight: 400;
    font-size: max(15px, 1.52388vw);
    line-height: max(30px, 2.29167vw);
    color: #000000;
}

main .introsection .introsection-content .buttons .button {
    display: inline-block;
    padding: max(4px, 0.86875vw) max(22px, 2.60417vw) max(4px, 0.46875vw);
    /* border: 1px solid black; */
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-weight: 500;
    font-family: 'Padauk', sans-serif;
    font-weight: 400;
    font-size: max(12px, 1.0375vw);
    line-height: max(24px, 1.875vw);
    color: #272727;
}

main .introsection .introsection-content .buttons .button:hover:after {
    background: #272727;
    z-index: -1;
}

main .introsection .introsection-content .buttons .button:hover {
    color: white;
}

.button {
    display: inline-block;
    padding: max(4px, 0.52083vw) max(9px, 1.04167vw);
    position: relative;
    text-decoration: none;
    color: black;
    font-weight: bold;
}

.button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid black;
    transform: skewX(-20deg);
    /* Adjust the angle as needed */
}

main .introsection .introsection-images {
    width:50%
}

main .introsection .introsection-images .image-container {
    /* width: 47%; */
}

main .equipment-categories .category-grid {
    background: #DBDBDB;
    margin-top: min(-51px, -5.98958vw);
    padding: max(73px, 8.59375vw) 0 max(40px, 4.6875vw);
    width: 97%;
    clip-path: polygon(95% 0%, 100% 15%, 100% 100%, 0 100%, 0 0);
}

main .equipment-categories .category-grid .category-item img {
    width: max(64px, 7.55208vw);
    height: max(55px, 6.51042vw);
    object-fit: contain;
}

main .equipment-categories .category-grid .category-item .view-details {
    padding: max(4px, 0.46875vw) max(13px, 1.5625vw) max(4px, 0.46875vw);
    /* border: 1px solid black; */
    text-decoration: none;
    /* color: black; */
    font-weight: bold;
    font-weight: 500;
    font-family: 'Padauk', sans-serif;
    font-weight: 400;
    font-size: max(15px, 1.28125vw);
    line-height: max(24px, 1.875vw);
    color: #272727;
    position: relative;
}

main .equipment-categories .category-grid .category-item .view-details::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 93%;
    height: 100%;
    border: 1px solid black;
    z-index: 3;
    border-top: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) skewX(-20deg);
}

main .equipment-categories .category-grid .category-item:hover .view-details::after {
    z-index: -1;
}

main .equipment-categories .category-grid .category-item:hover .view-details::after {
    background-color: black;
    /* Changes background to black on hover */
}

.category-item:hover * {
    color: white !important;
    /* Changes background to black on hover */
}

::after {}

main .brand-section {
    /* Rectangle 43 */
    background: radial-gradient(84.59% 99.07% at 81.43% 94.31%, #DC4405 0%, #89300B 100%)
        /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
    ;
    margin-top: min(-22px, -2.60417vw);
    /* display: flex; */
}

main .brand-section .brand-container {
    width: max(452px, 53.125vw);
}

main .brand-section .brand-container button {
    display: none !important;
}



/* Set viewport width: 1300 */
/* Set separate viewport width for font-size and line-height: 850 */
main .brand-section .brand-container img {
    object-fit: contain;
    /* margin-right: 45px; */
    WIDTH: max(135px, 10.41667vw) !IMPORTANT;
}

main .brand-section .brand-text {
    position: relative;
    float: right;
    top: min(-49px, -5.72917vw);
}

main .brand-section .brand-text:before {
    content: '';
    height: max(82px, 9.63542vw);
    position: absolute;
    /* border: 0.1px solid white; */
    /* top: -50px; */
    transform: rotate(-28deg);
    right: max(71px, 8.33333vw);
    background: white;
    width: max(1px, 0.10417vw);
    left: min(-82px, -9.6875vw);
    top: min(-14px, -1.66667vw);
}

main .brand-section .brand-text h2 span {
    /* We Have */
    font-family: 'Padauk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(25px, 1.95089vw);
    line-height: max(30px, 2.34375vw);
    /* identical to box height */
    color: rgba(255, 255, 255, 0.85);
}

main .brand-section .brand-text h2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* Your Brands */
    font-family: 'Padauk', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: max(37px, 2.82169vw);
    line-height: max(44px, 3.38542vw);
    /* identical to box height */
    color: rgba(255, 255, 255, 0.85);
}

main .parts-services {
    position: relative;
    z-index: 1;
    margin-top: min(-93px, -10.9375vw);
}

main .parts-services .parts-services-content {
    margin-left: max(82px, 9.63542vw);
    margin-right: max(55px, 6.51042vw);
}

main .parts-services .parts-services-content h2 {
    display: flex;
    flex-direction: column;
}

main .parts-services .parts-services-content p {
    /* Atlanta Kubota, a leading Kubota dealer in Metro Atlanta, offers a comprehensive range of parts and services to keep your Kubota equipment running smoothly. They stock a wide variety of genuine Kubota parts and employ certified technicians to perform expert maintenance and repairs. From routine oil changes to major engine overhauls, their team can handle it all. Additionally, they offer equipment rentals, financing options, and trade-in services to meet your diverse needs. */
    font-family: 'Padauk';
    font-style: normal;
    font-weight: 400;
    font-size: max(15px, 1.52388vw);
    line-height: max(30px, 2.29167vw);
    /* or 203% */
    color: #000000;
}

.parts-services-prices {
	width: 80%;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: solid #ccc 2px;
	object-fit: contain;
}

footer .footer-container {
    position: relative;
    z-index: 1;
    padding: max(18px, 2.08333vw) max(64px, 7.55208vw) 0 max(33px, 3.90625vw);
}

footer .footer-container .footer-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

footer .footer-container .footer-logo h2 {
    /* Atlanta Kubota */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: max(35px, 2.66236vw);
    line-height: max(41px, 3.125vw);
    /* identical to box height */
    color: #DC4405;
}

.invpage footer .footer-container .footer-logo a {
    width: 100% !important;

    height: max(22px, 2vw) !important;

}

footer .footer-container .footer-logo a {
    position: relative;

    !i;
    !;
}

footer .footer-container .footer-logo a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #DC4405;
    transform: skewX(-20deg);
}

footer .footer-container .footer-links {
    width: max(136px, 15.98958vw);
    margin-left: max(18px, 2.08333vw);
}

footer .footer-container .footer-links h3 {
    /* Quick Links */
    font-family: 'Padauk', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: max(17px, 1.6014vw);
    line-height: max(20px, 1.5625vw);
    color: #DC4405;
    font-weight: 600;
    border-bottom: max(1px, 0.07813vw) solid black;
    padding-bottom: max(4px, 0.41667vw);
    margin-bottom: max(7px, 0.83333vw) !important;
}

footer .footer-container .footer-links:nth-of-type(2) ul {
    column-count: 2;
    column-gap: max(17px, 1.97917vw);
}

footer .footer-container .footer-links:nth-of-type(3) ul {
    column-count: 2;
}

footer .footer-container .footer-links ul li a,
footer .footer-container .footer-links p,
footer .footer-container .footer-links a {
    /* Inventory */
    font-family: 'Padauk';
    font-style: normal;
    font-weight: 400;
    font-size: max(13px, 1.28958vw);
    line-height: max(19px, 1.85833vw);
    color: #C23C05!important;
}

/*.notInventory {*/
.headeroverlay {
    /* Semi-transparent black overlay */
    color: white;
    padding: 0 0 0 max(35px, 4.16667vw);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
}

.text-section {
    flex: 1;
}

.button-section {
    flex: 0 0 auto;
}

h1 {
    font-size: max(24px, 1.875vw);
    font-weight: bold;
    margin: 0;
}

p {
    font-size: max(12px, 0.9375vw);
    margin: 0;
    font-family: 'Padauk';
    font-weight: 400;
    font-size: max(15px, 1.32388vw);
    line-height: max(30px, 2.29167vw);
}

.headeroverlay a {
    display: inline-block;
    padding: max(7px, 0.78125vw) max(38px, 4.42708vw) max(5px, 0.57292vw) max(27px, 3.125vw);
    background-color: #DC4405;
    color: black;
    text-decoration: none;
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.headeroverlay a:hover {
    background: black;
}

.introsection {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
	min-height:auto;
    padding: max(70px, 2.03125vw) max(34px, 4.01042vw) max(70px, 2.03125vw) max(59px, 10.41667vw);
    background: white;
    /* margin-top: min(-8px, -0.9375vw); */
    position: relative;
    z-index: 2;
	box-sizing: border-box;
    /* padding-top: 70px; */
}

.introsection-images-slider,
.introimages,
.image-container,
.slick-list,
.slick-track,
.slick-slide {
    height: auto !important;
}

.image-container img {
    width: 100%;
    height: auto;          
    object-fit: cover;
}


.introsection-content {
    padding-right: max(51px, 5.98958vw);
	width:50%;
}

.introsection-content h2 {
    font-size: max(24px, 1.875vw);
    margin-bottom: max(9px, 1.04167vw);
}

.introsection-content h1 {
    font-size: max(33px, 2.5vw);
    margin-bottom: max(9px, 1.04167vw);
}

.introsection-content p {
    font-size: max(11px, 0.83333vw);
    line-height: 1.5;
    margin-bottom: max(9px, 1.04167vw);
}

.introsection span, .introsection-content span {
    font-family: 'Padauk', sans-serif, sans-serif;
	font-size: max(33px, 2.5vw);
	font-weight: bold;
    margin-bottom: max(9px, 1.04167vw);
	text-align: left;
}

.introsection-content .buttons {
    display: flex;
}

.introsection-content .button {
    color: white;
    padding: max(4px, 0.52083vw) max(9px, 1.04167vw);
    border: none;
    cursor: pointer;
    margin-right: max(4px, 0.52083vw);
    font-family: "input-mono", monospace;
    font-family: monospace;
}

.introsection-images {
    flex: 1;
}

.image-container {
    width: 30%;
    margin-right: max(9px, 1.04167vw);
    margin-bottom: max(9px, 1.04167vw);
    position: relative;
}

.image-container img {
    width: 100%;
    height: auto;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.image-container:hover .image-overlay {
    opacity: 1;
}

.image-overlay h3,
.image-overlay h4,
.image-overlay p {
    margin: 0;
}

.image-overlay .view-details {
    background-color: #fff;
    color: #DC4405;
    padding: max(4px, 0.52083vw) max(9px, 1.04167vw);
    border: none;
    border-radius: max(2px, 0.26042vw);
    cursor: pointer;
    margin-top: max(4px, 0.52083vw);
}

.equipment-categories {
    text-align: center;
}

.equipment-categories h2 {
    font-size: max(25px, 2.5vw);
    margin-bottom: max(9px, 1.04167vw);
    background: #DC4405;
    color: white;
    text-align: left;
    padding: max(12px, 1.45833vw) 0 max(15px, 1.71875vw) max(53px, 6.25vw);
    width: max(401px, 62.5vw);
    clip-path: polygon(0 0, 94% 0, 100% 100%, 0% 100%);
    z-index: 2;
    position: relative;
}

.category-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.category-item {
    width: 17%;
    text-align: center;
    /* padding: 20px; */
    margin: max(19px, 2.1875vw) max(2px, 0.26042vw);
    border: 1px solid #ddd;
    border-radius: max(2px, 0.26042vw);
}

.category-item:hover * {
    color: white !important;
}

.category-item img {
    width: 100%;
    height: auto;
    margin-bottom: max(13px, 1.5625vw);
}

.category-item .view-details {
    color: white;
    padding: max(4px, 0.52083vw) max(9px, 1.04167vw);
    border: none;
    cursor: pointer;
    display: block;
    /* Make the button block-level to take full width */
}

.brand-section {
    background-color: #E03B00;
    /* Replace with your desired orange color */
    color: #fff;
    padding: max(49px, 5.72917vw) max(80px, 9.375vw) max(186px, 21.875vw) max(58px, 6.77083vw);
}

.brand-container {
    display: flex;
    gap: max(62px, 7.29167vw);
}

.brand-container img {
    width: max(66px, 7.8125vw);
    /* Adjust the width as needed */
}

.brand-text {
    text-align: right;
}

.brand-text h2 {
    font-size: max(24px, 1.875vw);
    margin: 0;
}

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

.parts-services-content {
    flex: 1;
    /* padding-right: 50px; */
}

.parts-services-content h2 {
    font-size: max(38px, 2.91667vw);
    margin-bottom: max(9px, 1.04167vw);
    font-weight: bold;
}

.parts-services-content h2 span {
    font-weight: normal;
    font-size: max(25px, 1.92708vw);
    /* Adjust font size as needed */
}

.parts-services-content p {
    font-size: max(11px, 0.83333vw);
    line-height: 1.5;
    margin-bottom: max(11px, 1.30208vw);
}

.parts-services-content .buttons {
    display: flex;
}

.parts-services-content .button {
    /* background-color: #DC4405; */
    /* color: white; */
    padding: max(4px, 0.76875vw) max(22px, 2.60417vw) max(4px, 0.46875vw);
    border: none;
    border-radius: max(2px, 0.26042vw);
    cursor: pointer;
    margin-right: max(6px, 0.72917vw);
    font-family: 'Padauk', sans-serif;
    font-weight: 300;
    width: max(146px, 7.8125vw);
    text-align: center;
    font-size: max(12px, 1.3375vw);
    line-height: max(22px, 1.71875vw);
}

.parts-services-content .button:hover:after {
    background: black;
    z-index: -1;
}

.parts-services-content .button:hover {
    color: white;
}

a.button:hover {}

.parts-services-image {
    /* flex: 1; */
    margin-right: min(-18px, -2.08333vw) !important;
    width: max(310px, 36.45833vw);
    margin-top: min(-44px, -5.20833vw);
}

.parts-services-image img {
    width: 100%;
    height: auto;
}

footer {
    /* background-color: #f0f0f0; */
    /* padding: 50px; */
    margin-top: max(49px, 5.72917vw);
}

.footer-container {
    display: flex;
    justify-content: space-between;
    height: max(257px, 30.20833vw);
    align-items: center;
}

.footer-logo h2 {
    font-size: max(16px, 1.25vw);
    margin-bottom: max(11px, 1.30208vw);
}

.footer-logo a {
    color: #000;
    text-decoration: none;
    padding: max(5px, 0.77292vw) max(44px, 5.20833vw) max(5px, 0.57292vw);
    /* Contact Us */
    position: absolute;
    width: max(148px, 11.00417vw);
    height: max(8px, 0.9375vw);
    font-family: 'Padauk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: max(14px, 1.17829vw);
    line-height: max(12px, 0.9375vw);
    /* identical to box height */
    text-align: center;
    color: #B33703;
    margin-left: min(-8px, -0.9375vw);
    margin-top: 10px;
}

.footer-logo a:hover:before {
    background: #DC4405;
    z-index: -1;
}

.footer-logo a:hover {
    color: white;
}

.footer-links h3 {
    font-size: max(12px, 0.9375vw);
    margin-bottom: max(4px, 0.52083vw);
}

.footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li {
    margin-bottom: max(2px, 0.26042vw);
}

.footer-links a {
    color: #000;
    text-decoration: none;
}

.social-media {
    display: flex;
    position: absolute;
    bottom: max(44px, 5.20833vw);
    left: max(27px, 3.125vw);
    color: #dc4405;
}

.social-media a {
    margin-right: max(15px, 0.52083vw);
    color: #dc4405;
}

@media (max-width: 1340px) {
	main .introsection .introsection-images {
		width:100%;
	}
	.introsection-content {
		width:100%;
	}
}

@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        align-items: center;
    }

    .footer-links {
        margin-bottom: 20px;
    }
	
	header .contactInfo, header .contactInfo *
 {font-size: 8px;}
	
}

@media (max-width: 570px) {
header .contactInfo, header .contactInfo *
 {font-size: 7px;}
}
/*  scrolling inventory
  ------------------------------------------------*/
.scrolling-wrap {
    width: 100%;
    height: max(40px, 4.6875vw);
    overflow: hidden;
}

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

/*}*/
/*--------FORM STYLES--------------------*/
/*.notInventory {*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    position: relative;
    z-index: 1;
    height: max(250px, 29.22708vw);
    overflow: hidden;
}

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

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

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

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

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

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

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

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

.accordion .accordion-content {
    display: none;
    padding: max(11px, 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: max(193px, 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 */
    }
}

.slick-prev img,
.slick-next img {
    /* Adjust width, height, and other styles as needed */
    width: max(8px, 0.88542vw);
    /* height: 20px; */
}
.slick-prev2 img,
.slick-next2 img {
    /* Adjust width, height, and other styles as needed */
    width: max(8px, 0.88542vw);
    /* height: 20px; */
}
.slick-prev img,
.slick-next img {
    position: relative;
    top: max(1px, 0.15625vw);
}
.slick-prev2 img,
.slick-next2 img {
    position: relative;
    top: max(1px, 0.15625vw);
}
.slick-prev img {
    left: max(4px, 0.52083vw);
}
.slick-prev2 img {
    left: max(4px, 0.52083vw);
}
.slick-prev:hover img,
.slick-next:hover img {
    /* width: 10px; */
    filter: invert(1);
}
.slick-prev2:hover img,
.slick-next2:hover img {
    /* width: 10px; */
    filter: invert(1);
}
.slick-next img {
    right: max(6px, 0.72917vw);
}
.slick-next2 img {
    right: max(6px, 0.72917vw);
}
/* Optional: Rotate the "Next" arrow */
.slick-next img {
    transform: rotate(180deg);
}
.slick-next2 img {
    transform: rotate(180deg);
}
.brand-item {
    /* Slick Slider specific styles */
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

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

    .lazy.slider:not(.headeroverlay *):not(.headeroverlay),
    .lazy.slider *:not(.headeroverlay *):not(.headeroverlay) {
        height: 100%; 
        object-fit: cover;
    }

    /* 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 *) {
  } */
    img#footershape {
        display: none;
    }

    /*.notInventory {*/
    /*}*/
	
	header {
		margin-bottom: 30px;
	}
	
    main .brand-section .brand-container {
        display: block;
        position: relative;
        top: 0;
    }

    main .brand-section .brand-text {
        display: block;
    }

    /*.notInventory {*/
    .social-media {
        bottom: 0;
    }

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

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

    /* 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 *) {
  } */
    img.attachment-large.size-large.wp-image-466.imgright {
        width: 100%;
        margin-left: 0;
        height: 344px;
        object-fit: cover
    }

    /*.notInventory {*/
    /*}*/
    header .bottombar .rightarea .rightareabottom .mobile ul li a {
        font-family: 'Padauk';
        font-weight: 400;
        font-size: max(15px, 1.12388vw);
        line-height: max(30px, 2.29167vw);
        color: white;
        text-shadow: none !important;
        !i;
        !;
    }

    main #hero .headeroverlay .button-section {
        margin-left: -10px;
        margin-top: 13px;
    }

    main .introsection {
        flex-direction: column;
    }

    main .introsection .introsection-content {
        margin-bottom: 40px;
    }

    main .brand-section .brand-container {
        /* width: 100%; */
    }

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

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

    /* 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 *) {
  } */
    img#bottomshape {
        display: none;
    }

    .slider-arrows {
        clip-path: polygon(16% 0%, 100% 0%, 86% 100%, 0% 100%);
    }
	.slider-arrows2 {
        clip-path: polygon(16% 0%, 100% 0%, 86% 100%, 0% 100%);
    }
    /*.notInventory {*/
    /*}*/
    main #hero {
        /* height: 430px; */
    }

    main #hero .headeroverlay .button-section {
        margin-left: -10px;
        margin-top: 10px;
    }

    main .equipment-categories .category-grid {
        width: 100%;
        clip-path: none;
    }

    main .equipment-categories .category-grid .category-item {
        width: 25%;
    }

    main .brand-section {
        flex-direction: column;
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 55px;
    }

    main .brand-section .brand-container {
        width: 100%;
    }

    main .brand-section .brand-text {
        float: none;
        top: 0;
        margin-bottom: 30px;
    }

    main .brand-section .brand-text h2 {
        float: none;
    }

    main .parts-services {
        flex-direction: column;
        margin-top: 0;
    }

    main .parts-services .parts-services-content {
        padding-top: 60px;
    }

    main .parts-services .parts-services-image {
        margin-top: 40px;
        display: none;
    }
	
	.parts-services-prices {
		width: 100%;
	}

    footer .footer-container {
        flex-direction: column-reverse;
    }

    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        background: #DBDBDB;
        padding: 35px 0 60px;
    }

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

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

    /* 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 *) {
  } */
    .footerstuff {
        flex-direction: column;
    }

    h3:not(.container.cf *) {
        TEXT-ALIGN: CENTER;
    }

    #menu-button {
        right: 30px;
    }

    /*.notInventory {*/
    /*}*/
    header .bottombar .rightarea .rightareatop {
        margin-right: 20px;
    }

    main .introsection .introsection-images .image-container {
        width: 100%;
    }

    main .equipment-categories .category-grid .category-item {
        width: 35%;
    }

    main .parts-services .parts-services-content .buttons {
        flex-direction: column;
    }

    footer .footer-container {
        height: unset;
        padding: 0 10px;
    }

    footer .footer-container .footer-logo {
        margin-top: 20px;
    }

    /*.notInventory {*/
    .category-item {
        width: 80% !important;
    }

    .parts-services-content {
        margin: 0 7vw !important;
    }

    .parts-services-content .button {
        margin-bottom: 10px;
    }

    .footer-links li {
        TEXT-ALIGN: CENTER;
    }

    .social-media {
        LEFT: UNSET;
        RIGHT: 20px;
        BOTTOM: -40PX;
    }

    .footer-links {
        margin-left: 0 !important;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        height: unset !important;
    }

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

.contactInfotwo table,
.elementor-widget-container table {
    border: 1px solid #ddd;
    border-collapse: collapse;
    width: 100%;
}

.contactInfotwo table th,
.contactInfotwo table td,
.elementor-widget-container table th,
.elementor-widget-container table td {
    padding: 10px;
    text-align: left;
    font-family: 'Padauk';
    font-weight: 400;
    font-size: max(15px, 1.12388vw);
    line-height: max(30px, 2.29167vw);
    color: #000000;
}

.contactInfotwo table tr:nth-child(even),
.elementor-widget-container table tr:nth-child(even) {
    background-color: #f2f2f2;
}


.introsection-images-slider {
    width: 100%;
    /* Adjust as needed */
    overflow: hidden;
    position: relative;
    /* For absolute positioning of navigation */
}

.image-container.slide {
    width: 100%;
    display: none;
    /* Initially hide all slides */
}

.image-container.slide img {
    width: 100%;
    /* Make image fill the container */
    height: auto;
    /* Maintain aspect ratio */
    display: block;
    /* Remove extra space below image */
}


/* Show the first slide by default */
.image-container.slide:first-child {
    display: block;
}


/* Optional: Navigation styles (arrows or dots) */
/*
.introsection-images-slider .prev,
.introsection-images-slider .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.introsection-images-slider .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.introsection-images-slider .prev:hover,
.introsection-images-slider .next:hover {
  background-color: rgba(0,0,0,0.8);
}
*/

@media screen and (max-width:480px) {
    #menu-button {
        width: 100%;
    }
	
	.lazy {
		width: 110% !important;
	}
	
	.slick-list, .draggable {
		padding: 0px 0% !important;
		height: 150px !important;
	}
	
	header {
		margin-bottom: 0px;
	}
	
}