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

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

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

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

.invpage .notInventory input {
    border: none;
}

/* ABSOLUTE CENTER margin: 0 0 0 max(500px,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: rgb(255, 196, 35);
    /* 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);
    text-shadow: none;
}

::selection {
    background: var(--neutral2);
    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 *) { background-image: linear-gradient(120deg, #916300 0%, #916300 100%); background-repeat: no-repeat; background-size: 100% 0.2em; background-position: 0 116%; transition: background-size 0.25s ease-in; transition: 0.25s ease-out; padding: 2px 2px 0; } a:hover:not([class*="panel-heading"]):not([class*="panel-heading"] *):not(.linkException):not(.linkException *) { background-size: 100% 88%; } */
/*-------- 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: 'Oswald', sans-serif !important;
}

.thankyou h1.heading {
    width: 100%;
    text-align: center;
}

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

h1:not(.container.cf *),
h2:not(.container.cf *),
h3:not(.container.cf *),
h4:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *) {
    text-transform: uppercase;
}

h2:not(.container.cf *) {
    .proud_manufacturers_of_the_John_Henry_Rock_Drill {
        font-size: 32px;
        font-size: max(22px, 2.22222vw);
        color: rgb(0, 0, 0);
        text-transform: uppercase;
        line-height: 1.2;
        text-align: left;
        position: absolute;
        left: 138.781px;
        left: max(96px, 9.63757vw);
        top: 1132.181px;
        top: max(786px, 78.62368vw);
        width: 421px;
        width: max(292px, 29.23611vw);
        height: 64px;
        height: max(44px, 4.44444vw);
        z-index: 47;
    }

    ;
    font-size: 32px;
    font-size: max(22px, 2.22222vw);
    color: rgb(0, 0, 0);
    line-height: 1.2;
}

p:not(.container.cf *) {
    font-size: 18px;
    font-size: max(13px, 1.25vw);
    color: rgb(0, 0, 0);
    line-height: 1.333;
}

.footerright p {
    font-size: 14px !important;
    font-size: max(12px, 0.97222vw) !important;
    color: rgb(255, 255, 255) !important;
    line-height: 1.2 !important;
    text-transform: uppercase;
}

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

a:hover {
    text-decoration: none;
}

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

/* NEAT MOBILE SEARCH  */
/* http://chattdozer.com/ */
/* CUSTOM LIST BULLETS  */
ul li {
    display: flex;
    align-items: center
}

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

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

/*--- HEADER STYLES ---------------------*/
/* HERO  */
.header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.header .logo {
    padding-right: 20px;
    padding-right: max(14px, 1.38889vw);
    position: relative;
    z-index: 3;
    width: 250px;
    width: max(174px, 17.36111vw);
    margin: 50px 60px;
    margin: max(35px, 3.47222vw) max(42px, 4.16667vw);
}

.header .logo img {
    width: 100%
}

.otherpage .logo img {
    width: max(180px, 14vw) !important;
}

.header .logo.show-mobile {
    margin-top: 0;
    margin-left: 0;
    padding: 20px;
    padding: max(14px, 1.38889vw);
    display: none;
}

.header .logo.show-mobile img {
    max-width: 180px;
    max-width: max(125px, 12.5vw)
}

.clear {
    clear: both
}

@-webkit-keyframes topnavdown {
    0% {
        top: -72px
    }

    100% {
        top: 0;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%)
    }
}

@-webkit-keyframes topnavdowninv {
    0% {
        top: -72px
    }

    100% {
        top: 50px;
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%)
    }
}

#menu-button {
    display: none
}

nav.mobile {
    display: none
}

.scrolled nav.primary {
    position: fixed;
    -webkit-animation: topnavdown .4s;
    animation: topnavdown .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    margin: 0 0 0
}

nav.primary>ul .nav-li-links {
    position: relative;
    background: black;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.scrolled nav.primary>ul .nav-li-links {
    padding-left: 8%;
    width: 100%;
    display: flex;
    justify-content: center
}

nav.primary {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 0;
    display: inline-block;
    /* margin: 40px 0 0; */
    transition: ease all .2s
}

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

nav.primary>ul {
    display: flex;
    justify-content: flex-end
}

nav.primary>ul .icon-btns {
    display: flex;
    transition: ease all .6s
}

nav.primary>ul .icon-btns a {
    padding: 20px;
    padding: max(14px, 1.38889vw);
    background: #ffd439;
    border-left: solid 1px #e3be3a;
    width: 62px;
    width: max(43px, 4.30556vw);
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    -moz-transition: ease .2s all;
    -o-transition: ease .2s all;
    -webkit-transition: ease .2s all;
    transition: ease .2s all
}

nav.primary>ul .icon-btns a:hover {
    background: #fff
}

nav.primary ul>.nav-li-links>li:first-of-type {
    padding-left: 40px;
    padding-left: max(28px, 2.77778vw);
}

nav.primary ul>.nav-li-links>li:last-of-type {
    padding-right: 24px;
    padding-right: max(17px, 1.66667vw)
}

nav.primary ul li {
    display: inline-block;
    margin: 0;
    list-style-type: none;
    width: auto;
    background: #000000;
    padding-top: 30px;
    padding-top: max(21px, 2.08333vw);
    padding-bottom: 30px;
    padding-bottom: max(21px, 2.08333vw);
}

nav.primary ul li a {
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    padding: 0 30px;
    padding: 0 max(21px, 2.08333vw);
    position: relative;
    text-transform: uppercase;
    font-size: 18px;
    font-size: max(13px, 1.25vw);
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-weight: 300;
    letter-spacing: 2.5px;
    letter-spacing: max(2px, 0.17361vw);
}

nav.primary ul li li a {
    padding: 10px;
    padding: max(7px, 0.69444vw);
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px
}

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;
    z-index: 100
}

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

@media screen and (max-width:1530px) {
    h3:not(.container.cf*) {
        margin-bottom: 0
    }

    nav.primary ul li a {
        /* padding: 0 12px; */
    }
}

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

@media screen and (min-width:1171px) {
    .menu-toggle.exit-click {
        display: none !important
    }

    .show-mobile {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .hide-mobile {
        /* display: none !important; */
    }

    .mobile+.menu-toggle.exit-click {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 499;
        pointer-events: none;
        background: rgba(36, 32, 33, .33);
        opacity: 0;
        transition: ease opacity .3s
    }

    nav.primary {
        display: none
    }

    #menu-button {
        width: 100px;
        display: block;
        float: right;
        position: relative;
        z-index: 400;
        background: #333;
        display: flex;
        text-align: center;
        align-items: center;
    }

    #menu-button a {
        text-decoration: none;
        padding: 19px 28px 19px !important;
        background: white;
        font-size: 30px;
        color: black;
    }

    #menu-button a i {
        transform: scale(1.4, .8)
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
        background: #000;
        z-index: 500;
        overflow: auto
    }

    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
    }

    nav.mobile .menu-toggle:not(.exit-click) {
        position: absolute;
        padding: 12px 16px;
        text-decoration: none;
        top: -72px;
        right: 10px;
        font-size: 50px;
    }

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

    nav.mobile ul li {
        position: relative
    }

    nav.mobile ul li a {
        position: relative;
        display: block;
        padding: 0 24px;
        text-decoration: none;
        text-align: left;
    }

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

    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;
        text-decoration: none
    }

    nav.mobile ul li li a:hover {
        background: rgba(65, 65, 65, .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;
        text-decoration: none
    }

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

    nav.mobile ul li .click i {
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 12399994;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        padding: 13px 20px;
    }

    nav.mobile ul li a .fa {
        width: 25px;
        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, .3)
    }
}

.relative {
    position: relative
}

.col33 {
    width: 33.33333%
}

.col50 {
    width: 50%
}

.col66 {
    width: 66.666667%
}

.bg-teal {
    background: rgb(0 0 0 / 70%);
}

.btn-yellow {
    text-align: center;
    display: block;
    max-width: 200px;
    max-width: max(139px, 13.88889vw);
    padding: 16px 20px;
    padding: max(11px, 1.11111vw) max(14px, 1.38889vw);
    box-sizing: border-box;
    border: none;
    outline: 0;
    cursor: pointer;
    background: #791e18;
    -moz-transition: ease .2s all;
    -o-transition: ease .2s all;
    -webkit-transition: ease .2s all;
    transition: ease .2s all
}

.hero .btn-yellow {
    background: #fff;
}

.btn-yellow:hover {
    background: #fff;
}

.btn-yellow:hover i {
    -webkit-text-stroke-color: #791e18 !important
}

.btn-yellow i {
    padding-left: 16px;
    padding-left: max(11px, 1.11111vw)
}

.btn-yellow:hover i {
    -webkit-animation: arrowBounce .3s;
    animation: arrowBounce .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.btn-yellow i {
    -webkit-animation: arrowBounceBack .3s;
    animation: arrowBounceBack .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.center {
    text-align: center
}

.heading-lg {
    margin-bottom: 30px;
    margin-bottom: max(21px, 2.08333vw)
}

.heading {
    margin-bottom: 20px;
    margin-bottom: max(14px, 1.38889vw)
}

.bg-teal p,
.hero p {
    margin-bottom: 35px;
    margin-bottom: max(24px, 2.43056vw)
}

.heading-lg+p {
    width: 818px;
    width: max(568px, 56.80556vw);
}

.hero {
    display: flex;
    min-height: 145px;
    min-height: max(101px, 10.06944vw);
    position: relative;
    height: 100vh;
    min-height: 820px;
}

.hero .copy {
    max-width: unset;
    width: 100%
}

.hero .heading-lg {
    margin-bottom: 20px;
    margin-bottom: max(14px, 1.38889vw)
}

.col-logo {
    /* width: 7.4%; */
    position: absolute;
    z-index: 2;
    height: 100%;
    display: flex;
    justify-content: center
}

.col-logo .icon-btns {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 80px;
    margin-bottom: max(23px, 2.3vw);
}

.col-logo a {
    padding: 50px 0;
    padding: max(35px, 3.47222vw) 0;
    display: block;
    text-align: center;
    width: 140px;
    width: max(97px, 9.72222vw);
    border-top: .25px solid #404040;
}

.col-logo a:last-of-type {
    border-bottom: .25px solid #404040;
}

.col-logo a img {
    max-width: 100%
}

.col-hero {
    width: 100%;
    position: relative;
    flex-shrink: 100
}

.hero .pad {
    padding: 140px 200px 175px;
    padding: max(97px, 9.72222vw) max(139px, 13.88889vw) max(86px, 8.55278vw);
    position: relative;
    bottom: 0;
    position: absolute;
}

.hero-img-parallax {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important
}

.hero-img-parallax .parallax-content {
    -moz-background-position: 90% 50% !important;
    -o-background-position: 90% 50% !important;
    -webkit-background-position: 90% 50% !important;
    background-position: 90% 50% !important
}

.col-hero .hero-img-parallax:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, #00000096 15%, #00000000 60%);
    z-index: 1
}

.section-parallax {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.parallax-content {
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    width: 100%;
    height: 120%;
    background-position: center center !important;
    opacity: .6
}

@-webkit-keyframes underlineIn {
    0% {
        left: 0;
        right: 100%
    }

    100% {
        left: 0;
        right: 0
    }
}

@keyframes underlineIn {
    0% {
        left: 0;
        right: 100%
    }

    100% {
        left: 0;
        right: 0
    }
}

@-webkit-keyframes underlineOut {
    0% {
        left: 0;
        right: 0
    }

    100% {
        left: 100%;
        right: 0
    }
}

@keyframes underlineOut {
    0% {
        left: 0;
        right: 0
    }

    100% {
        left: 100%;
        right: 0
    }
}

.animated-underline {
    position: relative
}

.header .animated-underline:before {
    top: calc(100% - 2px);
    top: calc(100% - max(1px, 0.13889vw))
}

.animated-underline:hover:before {
    -webkit-animation: underlineIn .4s;
    animation: underlineIn .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes arrowBounce {
    0% {
        transform: translateX(0)
    }

    33% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(8px)
    }
}

@keyframes arrowBounce {
    0% {
        transform: translateX(0)
    }

    33% {
        transform: translateX(10px)
    }

    100% {
        transform: translateX(8px)
    }
}

@-webkit-keyframes arrowBounceBack {
    0% {
        transform: translateX(8px)
    }

    80% {
        transform: translateX(-1px)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes arrowBounceBack {
    0% {
        transform: translateX(8px)
    }

    80% {
        transform: translateX(-1px)
    }

    100% {
        transform: translateX(0)
    }
}

.pad {
    padding: 60px 40px;
    padding: max(42px, 4.16667vw) max(28px, 2.77778vw)
}

.pad p:last-child {
    margin-bottom: 0 !important
}

@media only screen and (max-width:1170px) {
    .header .logo {
        padding: 0 !important
    }

    .hero {
        height: 100vh
    }

    .hero .pad {
        margin-top: 40px
    }

    .hero .pad {
        /* padding: 0 8.4%; */
        /* position: relative; */
        display: flex;
        align-items: center;
        justify-content: center
    }

    .col-hero .copy .btn-yellow {
        margin: 0 auto !important
    }

    .col-hero .copy p {
        margin: 0 auto;
        margin-bottom: 20px;
        width: 100%;
    }

    .col33,
    .col50,
    .col66 {
        width: 100%
    }

    .copy {
        text-align: center;
        max-width: unset !important
    }

    .copy {
        text-align: left
    }

    nav.mobile {
        z-index: 99999;
        background: #000
    }

    .hero {
        /* height: 120vh; */
    }

    .hero .pad {
        margin-top: 20px
    }
}

@media only screen and (max-width:480px) {
    .pad {
        padding: 60px 30px
    }
}

/* Contact Info  */
.contactInfo {
    display: flex;
    padding-right: 90px;
    padding-right: max(63px, 6.25vw);
    padding-right: max(47px, 4.6875vw);
}

.contactsnip {
    padding-left: 20px;
    padding-left: max(14px, 1.38889vw);
    padding-left: max(13.5417px, max(10px, 1.04167vw));
    padding-left: max(max(9px, 0.9404vw), max(10px, 1.04167vw));
}

.contactInfo i {
    padding-right: max(5.4167px, max(4px, 0.41667vw));
    padding-right: max(max(4px, 0.37616vw), max(4px, 0.41667vw));
}

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

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

@media screen and (max-width: 1020px) {
    #menu-button {
        width: unset !important;
    }
}

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

/*.notInventory {*/
/*}*/
/*---BODY--------------------------------*/
/*.notInventory {*/
.otherpage .hero {
    MAX-height: 210px;
    OVERFLOW: HIDDEN;
    height: 210px !important;
    min-height: 210px;
}

.hero .col-logo .icon-btns a {
    font-size: 30px;
    font-size: max(21px, 2.08333vw);
    color: rgb(255, 196, 35);
    line-height: 1.2;
}

.hero .col-logo .icon-btns a:first-of-type {
    color: white;
}

.otherpage .header {
    align-items: center;
    height: 100%;
}

.otherpage .logo {
    margin-top: 0;
    margin-bottom: 0;
}

.hero .col-hero .header .logo img {
    width: 250px;
    width: clamp(174px, 17.36111vw, 400px);
}

.hero .col-hero .header .primary {
    /* display: flex; */
    /* justify-content: space-between; */
}

.hero .col-hero .pad .copy .heading-lg {
    font-size: 48px;
    font-size: max(33px, 3.33333vw);
    color: rgb(255, 255, 255);
    line-height: 1.2;
    font-weight: 100;
}

.hero .col-hero .pad .copy .btopline {
    color: white;
}

.hero .col-hero .pad .copy .btopline span {
    color: var(--primary);
}

main #intro {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 85px 0 100px 140px;
    margin: max(59px, 5.90278vw) 0 max(69px, 6.94444vw) max(9.72222vw, 9.72222vw);
    /* flex-direction: column; */
}

main #intro .leftintro {
    padding-right: 160px;
    padding-right: max(111px, 11.11111vw);
    padding-right: 11.11111vw;
}

main #intro .leftintro h2 {
    margin-bottom: 30px;
    margin-bottom: max(21px, 2.08333vw);
}

a.btopline {
    font-size: 24px;
    font-size: max(17px, 1.66667vw);
    color: rgb(0, 0, 0);
    line-height: 1.2;
    margin-top: 40px;
    margin-top: max(28px, 2.77778vw);
    display: block;
    border-top: 1px solid var(--primary);
    width: max-content;
    padding-right: 60px;
    padding-right: max(42px, 4.16667vw);
    padding-top: 17px;
    padding-top: max(12px, 1.18056vw);
}

main #intro .rightintro {
    width: 715px;
    width: max(497px, 49.65278vw);
    width: 49.65278vw;
}

main #intro:after {
    content: '';
    background: #dfdfe0;
    width: 610px;
    width: max(42.36111vw, 42.36111vw);
    position: absolute;
    height: 200px;
    height: max(139px, 13.88889vw);
    right: 0;
    bottom: -55px;
    bottom: min(-38px, -3.81944vw);
    z-index: -1;
}

main #intro {
    position: relative;
}

main #whatoffer {
    margin: 0 140px 140px;
    margin: 0 max(9.72222vw, 9.72222vw) max(97px, 9.72222vw);
}

main #whatoffer h2 {
    font-size: 48px;
    font-size: max(33px, 3.33333vw);
    color: rgb(0, 0, 0);
    line-height: 1.2;
    margin-bottom: 45px;
    margin-bottom: max(31px, 3.125vw);
}

main #whatoffer .cardswrap {
    display: flex;
    flex-wrap: wrap;
}

main #whatoffer .cardswrap .offercard {
    width: 25%;
    background: black;
    padding: 70px 50px 140px 40px;
    padding: max(49px, 4.86111vw) max(35px, 3.47222vw) max(97px, 9.72222vw) max(28px, 2.77778vw);
    box-sizing: border-box;
    border: 0.2px solid #ffffff40;
}

main #whatoffer .cardswrap .offercard:first-of-type {
    background: white;
}

main #whatoffer .cardswrap .offercard h3 {
    font-size: 24px;
    font-size: max(17px, 1.66667vw);
    color: rgb(0, 0, 0);
    line-height: 1.2;
    color: white;
    padding-bottom: 30px;
    padding-bottom: max(21px, 2.08333vw);
    border-bottom: 1px solid var(--primary);
    font-weight: 300;
}

main #whatoffer .cardswrap .offercard:first-of-type h3 {
    color: black;
    border-color: black;
}

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

footer .footerleft .socialiconrow {
    margin-right: 45px;
    margin-right: max(31px, 3.125vw);
}

footer .footerleft .socialiconrow ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footerleft .socialiconrow ul li {
    padding-right: 40px;
    padding-right: max(28px, 2.77778vw);
}

footer .footerleft .socialiconrow ul li a {
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    color: rgb(255, 196, 35);
    line-height: 1.2;
}

footer .footerleft .footerlinks ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

footer .footerleft .footerlinks ul li {
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    color: rgb(255, 196, 35);
    line-height: 1.2;
    padding-right: 70px;
    padding-right: max(49px, 4.86111vw);
}

footer .footerleft .footerlinks ul li a {
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    color: rgb(255, 196, 35);
    line-height: 1.2;
    text-transform: uppercase;
}

footer .footerleft .footerlinks .footerright p {
    font-size: 14px;
    font-size: max(12px, 0.97222vw);
    color: rgb(255, 255, 255);
    line-height: 1.2;
    text-transform: uppercase;
}

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

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

/*}*/
/*--------FORM STYLES--------------------*/
/*.notInventory {*/
/*}*/
/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: black;
    padding: 30px 70px;
    padding: max(21px, 2.08333vw) max(4.86111vw, 4.86111vw);
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: underline;
}

a.footerlink:hover {
    text-decoration: none;
}

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

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

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

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

.accordion .accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 20px 15px 25px;
    padding: max(10px, 1.04167vw) max(14px, 1.38889vw) max(10px, 1.04167vw) max(17px, 1.73611vw);
    border-radius: 5px;
    border-radius: max(3px, 0.34722vw);
    cursor: pointer;
}

.accordion .accordion-header:after {
    content: "\f067";
    margin-left: auto;
}

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

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

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

@media only screen and (max-width:550px) {
    main #whatoffer .cardswrap .offercard {
        width: 100% !important
    }
}

@media only screen and (max-width:767px) {
    .otherpage .hero {
        height: 150px !important;
        max-height: 150px !important;
        min-height: 150px !important;
    }

    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    .hero {
        min-height: 550px;
    }

    .hero .col-hero .mobile ul li {
        margin-bottom: 20px;
    }

    .hero .col-hero .mobile ul li .animated-underline {
        color: white;
    }

    .hero .col-hero .menu-toggle {
        color: white;
    }

    main #intro .leftintro {
        padding-right: 0;
        margin: 0 12vw;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    main a.btopline {
        padding-left: max(42px, 4.16667vw);
    }

    main #intro:after {
        content: none;
    }

    main #intro .rightintro {
        width: 100%;
        height: 30vw;
        object-fit: cover;
        margin-top: 50px;
    }

    main #intro {
        flex-direction: column;
        margin-left: 0;
    }

    main #whatoffer h2 {
        text-align: center;
    }

    main #whatoffer .cardswrap .offercard {
        width: 50%;
    }

    footer .footerleft {
        flex-direction: column;
        align-items: center;
    }

    footer .footerleft .socialiconrow {
        PADDING-RIGHT: 0 !important;
        margin-right: 0;
    }

    footer .footerleft .socialiconrow ul li:last-of-type {
        padding-right: 0;
    }

    footer .footerleft .footerlinks {
        flex-direction: column;
        align-items: center;
    }

    footer .footerleft .footerlinks ul {
        flex-direction: column;
        align-items: center;
    }

    footer .footerleft .footerlinks ul li {
        padding: 10px 0 !important;
    }

    /*}*/
    /*.notInventory {*/
    /*}*/
    /*.notInventory {*/
    footer {
        flex-direction: column;
        align-items: center;
    }

    footer * {
        text-align: center !important;
    }

    .footerlinks {
        margin: 30px 0;
    }

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

/* FORM  */
.otherpagesurround .flex {
    display: flex;
}

.otherpagesurround .flex-wrap {
    flex-wrap: wrap;
}

.thankyou .flex.flex-wrap {
    width: 100% !important;
    justify-content: center;
    text-align: center;
}

.otherpagesurround .align-center {
    align-items: center;
}

.otherpagesurround .wrapper-sm {
    padding: 8.1%;
    box-sizing: border-box;
}

.otherpagesurround .col49 {
    width: calc(50% - 40px);
}

.otherpagesurround .col50 {
    width: 50%;
}

.otherpagesurround .col51 {
    width: calc(50% + 40px);
}

.otherpagesurround .col100 {
    width: 100%;
}

.otherpagesurround .heading-sm {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 7px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 10px;
}

.otherpagesurround .heading {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 900;
}

.otherpagesurround .light {
    font-weight: 300;
}

.otherpagesurround .map-box {
    display: flex;
}

.otherpagesurround .map-box>div:first-child {
    width: calc(100% - 117px);
    position: relative;
}

.otherpagesurround .map-box>div:first-child:before {
    left: 40px;
    top: 80px;
    bottom: 40px;
    right: 0;
    content: '';
    position: absolute;
    background: #151515;
    z-index: -1;
}

.otherpagesurround .map-box>div:first-child iframe {
    display: flex;
    right: -2px;
    position: relative;
}

.otherpagesurround .map-box>div:last-child {
    margin-top: 80px;
    background: #dfdfe0;
    width: 117px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0px 0 0;
    /* height: -webkit-fill-available; */
}

.otherpagesurround .map-box>div:last-child a {
    width: 100%;
    /* line-height: 95px; */
    border: solid 1px #ffffff4a;
    text-align: center;
    color: black;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32.7%;
    font-size: 24px;
}

.otherpagesurround .map-box .map-contact-info {
    color: #fff;
    margin-left: 40px;
    padding: 30px 0 40px 30px;
    background: #dfdfe0;
}

.otherpagesurround .icon-list li {
    padding-left: 30px;
    position: relative;
}

.otherpagesurround .icon-list li i {
    position: absolute;
    top: 3px;
    left: 0;
    color: black;
}

.otherpagesurround .icon-list li a {
    font-size: 16px;
    line-height: 24px;
    color: black;
    font-weight: 300;
}

.otherpagesurround .copy-pad {
    padding: 20px 0 0 16.2%;
}

.thankyou .copy-pad {
    padding: 0;
}

.otherpagesurround .cta {
    margin-top: 30px;
    float: left;
    padding: 0 30px;
    line-height: 50px;
    border: solid 1px #151515;
    color: #151515;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    display: block;
    max-width: 240px;
    width: 100%;
    box-sizing: border-box;
    -moz-transition: ease all 0.2s;
    -o-transition: ease all 0.2s;
    -webkit-transition: ease all 0.2s;
    transition: ease all 0.2s;
}

.otherpagesurround .cta:hover {
    background: #151515 !important;
    color: #fff !important;
}

.otherpagesurround .cta:before {
    content: '+';
    text-align: right;
    position: relative;
    float: right;
}

.otherpagesurround .custom-form input {
    padding: 10px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #151515;
    line-height: 24px;
    resize: none;
    outline: 0;
    border: none;
    background: #f3f3f3;
    box-sizing: border-box;
    width: 100% !important;
}

.otherpagesurround .custom-form .flex {
    gap: 10px;
}

.otherpagesurround .custom-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 1px;
    color: #151515;
    line-height: 24px;
    resize: none;
    margin-bottom: 10px;
    outline: 0;
    border: none;
    background: #f3f3f3;
}

.otherpagesurround .CaptchaPanel {
    text-align: left !important;
}

.otherpagesurround .CaptchaAnswerPanel,
.otherpagesurround .CaptchaImagePanel,
.otherpagesurround .CaptchaMessagePanel,
.otherpagesurround .CaptchaPanel {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.otherpagesurround .CaptchaWhatsThisPanel a {
    color: #151515 !important;
}

.otherpagesurround button.cta {
    background: unset;
    cursor: pointer;
}

@media only screen and (max-width: 1439px) {
    .otherpagesurround .col51 .col50 {
        width: 100%;
    }

    .otherpagesurround .col51 .col50:first-of-type {
        margin-bottom: 20px;
    }
}

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

    .otherpagesurround .col49,
    .otherpagesurround .col51 {
        width: 100%;
    }

    .otherpagesurround .col51 .col50 {
        width: 50%;
    }

    .otherpagesurround .copy-pad {
        padding: 50px 0 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .otherpagesurround .heading {
        font-size: 20px;
        line-height: 22px;
    }

    .otherpagesurround .heading-sm {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 5px;
    }

    .otherpagesurround .map-box {
        flex-wrap: wrap;
    }

    .otherpagesurround .map-box>div {
        width: 100% !important;
    }

    .otherpagesurround .map-box>div:first-of-type iframe {
        -moz-border-bottom-left-radius: 0;
        -moz-border-bottom-right-radius: 0;
        -o-border-bottom-left-radius: 0;
        -o-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .otherpagesurround .col51 .col50 {
        width: 100%;
    }

    .otherpagesurround .map-box .map-contact-info {
        padding-bottom: 30px;
        margin-left: 0;
        -moz-border-bottom-left-radius: 0;
        -o-border-bottom-left-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .otherpagesurround .map-box>div:last-child {
        flex-direction: row;
        width: 100%;
        margin: 0;
        margin-left: 0;
        padding: 0 30px 20px;
    }

    .otherpagesurround .map-box>div:last-child a {
        margin-right: 20px;
        width: 50px;
        line-height: 50px;
        border: none;
    }

    .otherpagesurround .map-box>div:last-child a:last-of-type {
        margin-right: 0;
    }
}

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