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

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

ol,
ul {
    list-style: none;
}

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

td {
    vertical-align: top;
}

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

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

/* FONTS  */
/* 
font-family: proxima-nova, sans-serif;
font-family: cheap-pine-sans, sans-serif;
font-family: salsbury, sans-serif; 
*/


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

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

.primary ul li a:hover,
.designatelink:hover {
    background-size: 100% 88%;
    color: white;
}

/*-------- BODY STYLES --------*/

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

/* END LOADER SECTION  */

.se-pre-con.other {
    background: white !important;
}


body {
    overflow-x: hidden;
}

body.notInventory {
    background: #404040;
}

.topsectionbg {
    background: linear-gradient(rgb(71 71 71 / 85%) 0%, rgb(32 32 32 / 85%) 100%);
}

body * {
    font-family: proxima-nova, sans-serif;
}

.container.cf {
    margin: max(35px, 9vw) 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: cheap-pine-sans, sans-serif;
}

.notInventory h5 {
    font-size: 31px;
    font-size: max(22px, 1.6551vw);
    line-height: 39px;
    line-height: max(18px, 2.08222vw);
    font-weight: normal;
}

.notInventory h1 {
    font-size: 60px;
    font-size: max(38px, 3.20342vw);
    font-weight: 100;
}

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

a:hover {
    text-decoration: none;
}


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

/*--- HEADER STYLES ---------------------*/
/*.notInventory {*/
header {
    display: flex;
    justify-content: space-between;
}

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

nav.mobile {
    display: none;
}

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

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

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

nav.primary ul li:last-of-type:after {
    content: none;
}

nav.primary>ul>li:after {
    content: '-';
    display: inline-block;
    font-size: 19px;
    font-size: max(9px, 1.01442vw);
    color: white;
}

nav.primary ul li a {
    color: #fff;
    font-size: 19px;
    font-size: max(9px, .86vw);
    line-height: 95px;
    line-height: max(44px, 5.07208vw);
    text-decoration: none;
    display: block;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    padding: 4px 18px 0;
    padding: max(2px, 0.21356vw) max(8px, 0.66103vw) 0;
}

nav.primary ul li>a {
    display: inline-block;
}

nav.primary ul li li a:hover {
    background: #c93f52;
    /* color: #CB1C1C; */
}

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

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

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

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

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

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


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

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

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

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

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

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

    /* SLIDE DOWN NAV STYLES */
    #menu-button {
        display: inline-block;
        position: relative;
        line-height: 60px;
        z-index: 400;
        line-height: 1;
        text-align: right;
        font-family: interstate, sans-serif;
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 32px;
        text-align: left;
        color: #413f40;
        text-transform: uppercase;
        font-weight: bold;
    }


    .iconstuff a {
        color: white !important;
        height: 30px;
    }

    .iconstuff img {
        width: 23px;
    }

    #menu-button a {
        color: #000;
        text-decoration: none;
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        top: -100%;
        width: 100%;
        height: 100%;
        background: #404040;
        z-index: 99999;
        overflow: auto;
    }

    .flexSurround {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 90vh;
        overflow: hidden;
    }

    nav.mobile .social-media {
        position: relative;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        word-spacing: 13px;
        padding: 0 0 0 15px;
        color: #ccc !important;
    }

    nav.mobile .social-media a:link,
    nav.mobile .social-media a:visited {
        color: #ccc;
        text-decoration: none;
    }

    nav.mobile .social-media a:hover,
    nav.mobile .social-media a:active {
        color: #fff;
        text-decoration: underline;
    }

    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 60px 0 10px 0;
        color: #999;
        font-size: 18px;
        font-weight: 400;
        top: 0;
        right: 0;
        width: 100%;
    }

    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 44px;
        font-weight: 100;
        line-height: 1;
        color: white;
        text-decoration: none;
        bottom: 0px;
        right: 13px;
    }

    nav.mobile .menu-toggle:hover {
        color: var(--secondary2);
    }

    nav.mobile ul {
        list-style: none;
        font-weight: 300;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    nav.mobile ul * {
        transition: all 0.1s ease-out;
    }

    nav.mobile ul li {
        position: relative;
    }

    nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 16px;
        padding: 16px;
        color: white;
        font-family: interstate, sans-serif;
        text-decoration: none;
        text-align: center;
        text-transform: uppercase;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: #f9f9f9;
    }

    nav.mobile ul li li:last-child {
        border: none;
    }

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

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

    nav.mobile ul li li li:last-child {
        border: none;
    }

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

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

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

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

    nav.mobile ul li a .fa {
        width: 25px;
        font-weight: 100;
        padding: 8px 3px;
        margin: 0 6px 0 0;
        text-align: center;
        background: #292929;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
    }

    nav.mobile ul li .fa-chevron-down {
        color: #999;
    }

}


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

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

/*}*/


/*---BODY--------------------------------*/
/*.notInventory {*/


/* slideshow */
.slideshow {
    width: 100%;
    /* height: calc(100vh - 220px); */
    height: 685px;
    height: max(320px, 36.57234vw);
    /* min-height: 550px; */
    position: relative;
    border: 0;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    counter-reset: slide
}

.slide h1 {
    font-size: 5.5vh;
    margin-bottom: 4vh;
    margin-top: 1vh
}

.slide-input {
    position: absolute;
    opacity: 0;
    top: -25px;
    top: min(-12px, -1.33476vw);
    counter-increment: slide
}

.slide-input:checked+.slide {
    transform: translateX(0px);
    transition: transform 0.5s ease-in-out
}

.slide-input:checked+.slide .slide-content {
    width: 100%;
    display: block
}

.slide-input:checked:nth-of-type(1)~nav label:nth-child(1) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide-input:checked:nth-of-type(2)~nav label:nth-child(2) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide-input:checked:nth-of-type(3)~nav label:nth-child(3) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide-input:checked:nth-of-type(4)~nav label:nth-child(4) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide-input:checked:nth-of-type(5)~nav label:nth-child(5) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide-input:checked:nth-of-type(6)~nav label:nth-child(6) {
    color: #fff;
    border-bottom: solid 1px #FF6328 !important
}

.slide {
    transform: translateX(-100%);
    position: absolute;
    width: 42%;
    height: 100%;
    background-size: 50% 100%;
    transition: transform 0.5s ease-in-out
}

.slide-content {
    /* box-sizing: border-box; */
    /* height: 100%; */
    overflow: hidden;
    padding: 50px 100px;
    padding: max(23px, 2.66951vw) max(47px, 5.33903vw);
    /* margin-top: calc(27vh - 200px); */
    /* margin-top: 50px; */
    /* margin-top: max(23px, 2.66951vw); */
    position: absolute;
    left: 850px;
    left: max(397px, 45.38174vw);
    display: none;
    animation-name: fade-in;
    animation-duration: 1s;
    animation-iteration-count: 1;
    opacity: 1;
    width: 805px !important;
    width: max(376px, 42.97918vw) !important;
}

.slide-html {
    display: none
}

.slide:nth-child(2) {
    background: url("/siteart/compactconstruction.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right
}

.slide-button:nth-child(1) {
    background: linear-gradient(rgb(84 84 84 / .8),
            rgb(84 84 84 / .8)), url("/siteart/compactconstruction.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.slide:nth-child(2):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-html {
    display: none
}

.slide:nth-child(4) {
    background: url("/siteart/agequipment.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide-button:nth-child(2) {
    background: linear-gradient(rgb(84 84 84 / .8),
            rgb(84 84 84 / .8)), url("/siteart/agequipment.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide:nth-child(4):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-html {
    display: none
}

.slide:nth-child(6) {
    background: url("/siteart/findyourvalue.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide-button:nth-child(3) {
    background: linear-gradient(rgb(84 84 84 / .8),
            rgb(84 84 84 / .8)), url("/siteart/findyourvalue.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide:nth-child(6):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-html {
    display: none
}

.slide:nth-child(8) {
    background: url("/siteart/ourprocess.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide-button:nth-child(4) {
    background: linear-gradient(rgb(84 84 84 / .8),
            rgb(84 84 84 / .8)), url("/siteart/ourprocess.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide:nth-child(8):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-html {
    display: none
}

.slide:nth-child(10) {
    background: url("/siteart/construction.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide:nth-child(10):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide:nth-child(12) {
    background: url("/siteart/hay.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.slide:nth-child(12):after {
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slide-nav {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 1076px;
    width: max(503px, 57.44794vw);
    height: 150px;
    height: max(70px, 8.00854vw);
    /* overflow: auto; */
    background-size: 100%;
    display: flex;
}

.slide-button {
    box-sizing: border-box;
    color: #fff;
    display: block;
    /* width: calc((100% / 4) - 2%); */
    /* margin: 5px 1% 5px 1%; */
    height: 100%;
    /* line-height: 50px; */
    /* border-bottom: solid 1px #aaa; */
    /* text-align: right; */
    float: left;
    text-transform: uppercase;
    font-size: 13px;
    font-size: max(6px, 0.69407vw);
    transition: 0.2s ease-in-out;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-family: 'Bahnschrift', sans-serif;
    width: 269px;
    width: max(126px, 14.36199vw);
    /* overflow: hidden; */
    font-size: 18px;
    font-size: max(12px, 0.96103vw);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 40px 15px 0;
    padding: 0 max(8px, 2.13561vw) max(7px, 0.80085vw) 0;
}

.slide-button:hover {
    cursor: pointer;
    color: #d3d3d3;
    border-bottom: 10px #b1b1b1 solid;
    border-bottom: max(5px, 0.5339vw) #b1b1b1 solid;
}

.slide-button:nth-child(1) {
    /* left: calc(50% + (0 * (50% / 6))); */
    /* border-bottom-color: #4A4A4A; */
}

.slide-button:nth-child(2) {
    left: calc(50% + (1 * (50% / 6)));
    /* border-bottom-color: #4A4A4A; */
}

.slide-button:nth-child(3) {
    left: calc(50% + (2 * (50% / 6)));
    /* border-bottom-color: #4A4A4A; */
}

.slide-button:nth-child(4) {
    left: calc(50% + (3 * (50% / 6)));
    /* border-bottom-color: #4A4A4A; */
}

.slide-button:nth-child(5) {
    left: calc(50% + (4 * (50% / 6)));
    border-bottom-color: #4A4A4A
}

.slide-button:nth-child(6) {
    left: calc(50% + (4 * (50% / 6)));
    border-bottom-color: #4A4A4A
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    50% {
        transform: translateY(-50px);
        opacity: 0
    }

    100% {
        transform: translateY(0px);
        opacity: 1
    }
}


header {
    background: #404040;
    box-sizing: content-box;
    Z-INDEX: 1;
    position: relative;
}

header #leftmenu {}

a#leftmenu .surroundstuff {
    background: #c93f52;
    padding: 65px 35px 35px 30px;
    padding: max(30px, 3.47037vw) max(16px, 1.86866vw) max(16px, 1.86866vw) max(14px, 1.60171vw);
    width: 275px;
    width: max(200px, 14.68233vw);
    display: flex;
    flex-direction: column;
}

header #leftmenu img {
    width: 100%;
}

header #leftmenu hr {
    content: '';
    background: white;
    height: 2px;
    height: max(1px, 0.10678vw);
    width: 90px;
    width: max(42px, 4.80513vw);
    border: none;
    margin-right: 0;
    margin-bottom: 10px;
    margin-bottom: max(5px, 0.5339vw);
}

header #rightmenu {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding-top: 40px;
    padding-top: 2.13561vw;
    align-items: flex-end;
    padding-right: 65px;
    padding-right: max(30px, 3.47037vw);
}

header #rightmenu .navmenu {
    width: 100%;
    padding-left: 40px;
    padding-left: max(19px, 2.13561vw);
}

header #rightmenu .navmenu .primary {}

header #rightmenu .navmenu .primary ul {}

header #rightmenu .navmenu .primary ul li {}

header #rightmenu .navmenu .primary ul li a {}

header #rightmenu .navmenu #menu-button {
    margin-bottom: 20px;
}

header #rightmenu .navmenu #menu-button .menu-toggle {}

header #rightmenu #addressstuff {
    border-left: 2px solid white;
    border-left: max(1px, 0.10678vw) solid white;
    margin-bottom: 35px;
    margin-bottom: max(16px, 1.86866vw);
    text-align: right;
    width: 440px;
    width: max(400px, 23.49172vw);
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

header #rightmenu #addressstuff * {
    color: white;
}

.topaddresstuff img {
    width: max(18px, 2vw);
}

.topaddresstuff a:last-of-type {
    padding-left: 20px;
    padding-left: max(9px, 1.06781vw);
}

header #rightmenu #addressstuff a {
    font-size: 20px;
    font-size: max(13px, 1.06781vw);
}

header #rightmenu #addressstuff br {}

.mobile {}

.mobile .mobile_top {}

.mobile .mobile_top .menu-toggle {}

.mobile ul {}

.mobile ul li {}

.mobile ul li a {}

#slideshowcontain {
    margin-top: 60px;
    margin-top: max(28px, 3.20342vw);
    position: relative;
}

.slideshow .slide-input {}

.slideshow .slide {}

.slideshow .slide .slide-html {}

.slideshow .slide .slide-content {}

.slideshow .slide .slide-content .orange-text {
    font-family: Salsbury;
    font-size: 24px;
    font-size: max(15px, 1.28137vw);
    color: #CCCCCC;
    text-transform: uppercase;
    padding-right: 22px;
    padding-right: max(10px, 1.17459vw);
}

.otcontain {
    display: flex;
    align-items: flex-end;
}

.slideshow .slide .slide-content .otcontain:after {
    content: '';
    width: 132px;
    width: max(62px, 7.04752vw);
    background: white;
    /* border: 0.5px solid #fff; */
    opacity: 0.52;
    height: 1px;
}

.wrapmainp {
    padding-left: 51px;
    padding-left: max(24px, 2.7229vw);
    padding-top: 12px;
    padding-top: max(6px, 0.64068vw);
}

.slideshow .slide .slide-content .orange-text span {
    font-family: "Cheap Pine Sans";
    font-weight: normal;
    font-size: 30px;
    font-size: max(16px, 1.60171vw);
    color: #fff;
    margin-right: 30px;
    margin-right: max(14px, 1.60171vw);
}

.slideshow .slide .slide-content .white-title {
    font-weight: normal;
    font-size: 60px;
    font-size: max(38px, 3.20342vw);
    color: #fff;
}

.slideshow .slide .slide-content .white-text {
    font-size: 21px;
    font-size: max(10px, 1.1212vw);
    line-height: 36px;
    line-height: max(17px, 1.92205vw);
    text-align: left;
    color: #fff;
    padding-bottom: 17px;
    padding-bottom: max(8px, 0.90763vw);
    padding-top: 17px;
    padding-top: max(8px, 0.90763vw);
}

.slideshow .slide .slide-content a {}

a.ctaButton {
    color: white !important;
    padding: 6px 20px 6px 15px !important;
    padding: max(3px, 0.32034vw) max(9px, 1.06781vw) max(3px, 0.32034vw) max(7px, 0.80085vw) !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: max-content;
    border-bottom: 1px solid #ffffff59;
    text-transform: uppercase;
    background: linear-gradient(#000 0%, #242424 100%) !important;
    font-size: max(12px, 1.06vw);
    transition: all .25s ease;
}

a.ctaButton:hover {
    background: #c93f52 !important;
}

.slideshow .slide .slide-content a .ctaButton {}

.slideshow .slide-nav {}

.slideshow .slide-nav .slide-button {}

main {}

main .section1 {}

main .section1 #buttonsection {
    display: flex;
    padding: 85px 70px;
    padding: max(40px, 4.53817vw) max(33px, 3.73732vw);
}

main .section1 #buttonsection img {
    position: absolute;
    top: 60px;
    top: max(28px, 3.20342vw);
    right: -90px;
    right: min(-72px, -4.80513vw);
    filter: drop-shadow(0px 3px 86px rgba(255, 255, 255, 0.16));
    filter: drop-shadow(0px max(1px, 0.16017vw) max(40px, 4.59156vw) rgba(255, 255, 255, 0.16));
}

main .section1 #buttonsection a:first-of-type img {
    width: max(171px, 19.54vw);
}

main .section1 #buttonsection a:last-of-type img {
    width: max(203px, 23.17vw);
}

main .section1 #buttonsection a {
    position: relative;
    width: min-content;
    margin-right: 125px;
    margin-right: max(98px, 6.67379vw);
}

main .section1 #buttonsection a:hover img {
    transform: scale(1.05);
    filter: none;
}

main .section1 #buttonsection a:hover h2 {
    transform: translateX(5px);
}

main .section1 #buttonsection * {
    transition: all ease 0.2s;
}

main .section1 #buttonsection a:first-of-type {}

main .section1 #buttonsection a:last-of-type {}

main .section1 #buttonsection a:last-of-type img {
    top: 90px;
    top: max(42px, 4.80513vw);
    right: -140px;
    right: min(-115px, -7.47464vw);
}

main .section1 #buttonsection .bigbutton {
    border-radius: 10px;
    border-radius: max(5px, 0.5339vw);
    background: linear-gradient(#2e2e2e 0%, #0d0d0d 100%);
    padding: 40px 225px 115px 40px;
    padding: max(19px, 2.13561vw) max(105px, 12.01281vw) max(54px, 6.13988vw) max(19px, 2.13561vw);
}

.bigbutton h2 {
    font-weight: normal;
    font-size: 59px;
    font-size: max(38px, 3.15003vw);
    text-align: left;
    color: #fff;
    width: 185px;
    width: max(86px, 9.8772vw);
    line-height: 1;
}

main .section1 #buttonsection .bigbutton a {}

main .section1 #buttonsection .bigbutton a h2 {}

main .section1 #buttonsection .bigbutton a img {}

main .section1 .separatorsec {
    display: flex;
    align-items: flex-end;
    margin-top: -90px;
    margin-top: min(-42px, -4.80513vw);
}

main .section1 .separatorsec hr {
    width: 1086px;
    width: max(507px, 57.98185vw);
    height: 0px;
    background: transparent;
    border: 1px solid #fff;
    opacity: 0.14;
    margin-bottom: 45px;
    margin-bottom: max(21px, 2.40256vw);
}

main .section1 .separatorsec .backgroundtext {
    font-family: Salsbury;
    font-weight: normal;
    font-size: 120px;
    font-size: 6.40683vw;
    line-height: 125px;
    line-height: max(58px, 6.67379vw);
    text-align: left;
    color: #fff;
    opacity: 0.1;
    text-transform: uppercase;
}

main .section2 {
    display: flex;
    margin-top: 125px;
    margin-top: 6.67379vw;
}

main .section2 .leftsection {
    BACKGROUND: #000000;
    padding: 85px 85px 70PX 60PX;
    padding: max(40px, 4.53817vw) max(40px, 4.53817vw) max(93px, 3.7373vw) max(28px, 3.2034vw);
    color: white;
    width: 55%;
}

main .section2 .leftsection h1 {}

main .section2 .leftsection p {
    margin-bottom: 35px;
    margin-bottom: max(16px, 1.86866vw);
    margin-top: 10px;
}

.notInventory p,
.contactareasec,
.contactareasec a,
.notInventory main ul li {
    font-size: 21px;
    font-size: max(13px, 1.1212vw);
    color: white !important;
}

main .section2 .leftsection p br {}

main .section2 .leftsection .ctaButton {
    display: inline-block;
}

main .section2 .leftsection .ctaButton:first-of-type {
    margin-right: 20px;
    margin-right: max(9px, 1.06781vw);
}

main .section2 .leftsection .ctaButton img {
    WIDTH: max(4px, 0.4vw);
}

main .section2 .rightsection {
    width: 45%;
    background: #515151;
}

#formpage {
    padding: 4vw !important;
    box-sizing: border-box;
}

main .section2 .rightsection img:not(#formpage img) {
    margin-left: -110px;
    margin-left: min(-51px, -5.87293vw);
    margin-top: -100px;
    margin-top: min(-97px, -5.33903vw);
    width: max(335px, 54vw);
}

footer {}

footer .bottomlogo {}

footer .bottomlogo img {
    width: max(219px, 25vw);
}

footer .rightsection {
    display: flex;
}

.surroundright {
    margin-right: 80px;
    margin-right: max(37px, 4.27122vw);
}

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

footer .rightsection h5 {
    color: #fff;
}

footer .rightsection ul {}

footer .rightsection ul li {}

footer .rightsection ul li a {
    font-size: 16px;
    font-size: max(12px, 0.85424vw);
    line-height: 24px;
    line-height: max(11px, 1.28137vw);
    text-align: left;
    color: #CFCFCF;
    text-transform: uppercase;
}


/*}*/

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

/*}*/

/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {
    padding: 100px 245px 85px 65px;
    padding: max(47px, 5.33903vw) max(114px, 13.08062vw) max(40px, 4.53817vw) max(30px, 3.47037vw);
    display: flex;
    justify-content: space-between;
    background: #404040;
    align-items: flex-end;
}

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

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

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

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

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

/*}*/

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

/*.notInventory {*/
@media only screen and (max-width: 1200px) {
    .topsectionbg {}

    .topsectionbg header {}

    .topsectionbg header #leftmenu {}

    .topsectionbg header #leftmenu .surroundstuff {}

    .topsectionbg header #leftmenu .surroundstuff hr {}

    .topsectionbg header #leftmenu .surroundstuff img {}

    .topsectionbg header #rightmenu {}

    .topsectionbg header #rightmenu .navmenu {}

    .topsectionbg header #rightmenu .navmenu .primary {}

    .topsectionbg header #rightmenu .navmenu .primary ul {}

    .topsectionbg header #rightmenu .navmenu .primary ul li {}

    .topsectionbg header #rightmenu .navmenu .primary ul li a {}

    .topsectionbg header #rightmenu .navmenu #menu-button {}

    .topsectionbg header #rightmenu .navmenu #menu-button .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile ul {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li a {}

    .topsectionbg header #rightmenu #addressstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff a {}

    .topsectionbg header #rightmenu #addressstuff a {}

    .topsectionbg #slideshowcontain {}

    .topsectionbg #slideshowcontain .slideshow {}

    .topsectionbg #slideshowcontain .slideshow .slide-input {}

    .topsectionbg #slideshowcontain .slideshow .slide {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-html {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text span {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-title {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton img {}

    .topsectionbg #slideshowcontain .slide-nav {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button br {}

    main {}

    main .section1 {}

    main .section1 #buttonsection {}

    main .section1 #buttonsection a {}

    main .section1 #buttonsection a .bigbutton {}

    main .section1 #buttonsection a .bigbutton h2 {}

    main .section1 #buttonsection a img {}

    main .section1 .separatorsec {}

    main .section1 .separatorsec hr {}

    main .section1 .separatorsec .backgroundtext {}

    main .section1 .separatorsec .backgroundtext br {}

    main .section2 {}

    main .section2 .leftsection {}

    main .section2 .leftsection h1 {}

    main .section2 .leftsection p {}

    main .section2 .leftsection p br {}

    main .section2 .leftsection .ctaButton {}

    main .section2 .leftsection .ctaButton img {}

    main .section2 .rightsection {}

    main .section2 .rightsection img {}

    footer {}

    footer .bottomlogo {}

    footer .bottomlogo img {}

    footer .rightsection {}

    footer .rightsection .surroundright {}

    footer .rightsection .surroundright h5 {}

    footer .rightsection .surroundright ul {}

    footer .rightsection .surroundright ul li {}

    footer .rightsection .surroundright ul li a {}
}

@media only screen and (max-width: 875px) {
    .topsectionbg {}

    .topsectionbg header {}

    .topsectionbg header #leftmenu {}

    .topsectionbg header #leftmenu .surroundstuff {}

    .topsectionbg header #leftmenu .surroundstuff hr {}

    .topsectionbg header #leftmenu .surroundstuff img {}

    .topsectionbg header #rightmenu {}

    .topsectionbg header #rightmenu .navmenu {}

    .topsectionbg header #rightmenu .navmenu .primary {}

    .topsectionbg header #rightmenu .navmenu .primary ul {}

    .topsectionbg header #rightmenu .navmenu .primary ul li {}

    .topsectionbg header #rightmenu .navmenu .primary ul li a {}

    .topsectionbg header #rightmenu .navmenu #menu-button {}

    .topsectionbg header #rightmenu .navmenu #menu-button .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile ul {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li a {}

    .topsectionbg header #rightmenu #addressstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff a {}

    .topsectionbg header #rightmenu #addressstuff a {}

    .topsectionbg #slideshowcontain {}

    .topsectionbg #slideshowcontain .slideshow {}

    .topsectionbg #slideshowcontain .slideshow .slide-input {}

    .topsectionbg #slideshowcontain .slideshow .slide {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-html {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text span {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-title {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton img {}

    .topsectionbg #slideshowcontain .slide-nav {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button br {}

    main {}

    main .section1 {}

    main .section1 #buttonsection {
        justify-content: center;
    }

    main .section1 #buttonsection a {}

    main .section1 #buttonsection a .bigbutton {}

    main .section1 #buttonsection a .bigbutton h2 {}

    main .section1 #buttonsection a img {}

    main .section1 .separatorsec {}

    main .section1 .separatorsec hr {
        display: none;
    }

    main .section1 .separatorsec .backgroundtext {
        display: none;
    }

    main .section1 .separatorsec .backgroundtext br {}

    main .section2 {
        margin-top: 120px;
    }

    main .section2 .leftsection {}

    main .section2 .leftsection h1 {}

    main .section2 .leftsection p {}

    main .section2 .leftsection p br {}

    main .section2 .leftsection .ctaButton {}

    main .section2 .leftsection .ctaButton img {}

    main .section2 .rightsection {}

    main .section2 .rightsection img {}

    footer {}

    footer .bottomlogo {}

    footer .bottomlogo img {}

    footer .rightsection {}

    footer .rightsection .surroundright {}

    footer .rightsection .surroundright h5 {}

    footer .rightsection .surroundright ul {}

    footer .rightsection .surroundright ul li {}

    footer .rightsection .surroundright ul li a {}
}

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

    .topsectionbg header {}

    .topsectionbg header #leftmenu {}

    .topsectionbg header #leftmenu .surroundstuff {}

    .topsectionbg header #leftmenu .surroundstuff hr {}

    .topsectionbg header #leftmenu .surroundstuff img {}

    .topsectionbg header #rightmenu {}

    .topsectionbg header #rightmenu .navmenu {
        display: flex;
        justify-content: flex-end;
    }

    .topsectionbg header #rightmenu .navmenu .primary {}

    .topsectionbg header #rightmenu .navmenu .primary ul {}

    .topsectionbg header #rightmenu .navmenu .primary ul li {}

    .topsectionbg header #rightmenu .navmenu .primary ul li a {}

    .topsectionbg header #rightmenu .navmenu #menu-button {
        width: 100%;
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: flex-end;
    }

    .topsectionbg header #rightmenu .navmenu #menu-button .menu-toggle {
        display: flex;
        justify-content: flex-end;
        margin-top: 21px;
    }

    .topsectionbg header #rightmenu .navmenu .mobile {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile ul {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li a {}

    .topsectionbg header #rightmenu #addressstuff {
        display: none;
    }

    .iconstuff {
        display: flex !important;
        /* flex-direction: column; */
        /* align-items: flex-end; */
        justify-content: space-between;
        width: 90px;
        /* margin-left: 30px; */
    }

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff a {}

    .topsectionbg header #rightmenu #addressstuff a {}

    .topsectionbg #slideshowcontain {}

    .topsectionbg #slideshowcontain .slideshow {}

    .topsectionbg #slideshowcontain .slideshow .slide-input {}

    .topsectionbg #slideshowcontain .slideshow .slide {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-html {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text span {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-title {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton img {}

    .topsectionbg #slideshowcontain .slide-nav {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button br {}

    main {}

    main .section1 {}

    main .section1 #buttonsection {
        flex-direction: column;
        align-items: center;
    }

    main .section1 #buttonsection a {}

    main .section1 #buttonsection a:first-of-type {
        margin-bottom: 40px;
    }

    main .section1 #buttonsection a .bigbutton {}

    main .section1 #buttonsection a .bigbutton h2 {}

    main .section1 #buttonsection a img {}

    main .section1 .separatorsec {
        margin-top: 0px;
    }

    main .section1 .separatorsec hr {}

    main .section1 .separatorsec .backgroundtext {
        display: none;
    }

    main .section1 .separatorsec .backgroundtext br {}

    main .section2 {
        flex-direction: column;
        margin-top: 6.67379vw;
    }

    main .section2 .leftsection {
        width: 100%;
        box-sizing: border-box;
    }

    main .section2 .leftsection h1 {}

    main .section2 .leftsection p {}

    main .section2 .leftsection p br {}

    main .section2 .leftsection .ctaButton {}

    main .section2 .leftsection .ctaButton img {}

    main .section2 .rightsection {
        width: 100%;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }

    main .section2 .rightsection img {
        MARGIN-LEFT: 0;
    }

    footer {
        flex-direction: column;
        align-items: center;
        padding-right: max(30px, 3.47037vw);
    }

    footer .bottomlogo {}

    footer .bottomlogo img {
        margin-bottom: 20px;
    }

    footer .rightsection {
        margin-top: 40px;
    }

    footer .rightsection .surroundright {}

    footer .rightsection .surroundright h5 {}

    footer .rightsection .surroundright ul {
        margin-top: 15px;
    }

    footer .rightsection .surroundright ul li {}

    footer .rightsection .surroundright ul li a {}
}

.iconstuff {
    display: none
}

@media only screen and (max-width: 475px) {
    .topsectionbg {}

    .topsectionbg header {}

    .topsectionbg header #leftmenu {}

    .topsectionbg header #leftmenu .surroundstuff {}

    .topsectionbg header #leftmenu .surroundstuff hr {}

    .topsectionbg header #leftmenu .surroundstuff img {}

    .topsectionbg header #rightmenu {}

    .topsectionbg header #rightmenu .navmenu {}

    .topsectionbg header #rightmenu .navmenu .primary {}

    .topsectionbg header #rightmenu .navmenu .primary ul {}

    .topsectionbg header #rightmenu .navmenu .primary ul li {}

    .topsectionbg header #rightmenu .navmenu .primary ul li a {}

    .topsectionbg header #rightmenu .navmenu #menu-button {}

    .topsectionbg header #rightmenu .navmenu #menu-button .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top {}

    .topsectionbg header #rightmenu .navmenu .mobile .mobile_top .menu-toggle {}

    .topsectionbg header #rightmenu .navmenu .mobile ul {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li {}

    .topsectionbg header #rightmenu .navmenu .mobile ul li a {}

    .topsectionbg header #rightmenu #addressstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff {}

    .topsectionbg header #rightmenu #addressstuff .topaddresstuff a {}

    .topsectionbg header #rightmenu #addressstuff a {}

    .topsectionbg #slideshowcontain {}

    .topsectionbg #slideshowcontain .slideshow {}

    .topsectionbg #slideshowcontain .slideshow .slide-input {}

    .topsectionbg #slideshowcontain .slideshow .slide {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-html {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .otcontain .orange-text span {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-title {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .white-text {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton {}

    .topsectionbg #slideshowcontain .slideshow .slide .slide-content .wrapmainp .ctaButton img {}

    .topsectionbg #slideshowcontain .slide-nav {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button {}

    .topsectionbg #slideshowcontain .slide-nav .slide-button br {}

    main {}

    main .section1 {}

    main .section1 #buttonsection {}

    main .section1 #buttonsection a {}

    main .section1 #buttonsection a .bigbutton {}

    main .section1 #buttonsection a .bigbutton h2 {}

    main .section1 #buttonsection a img {}

    main .section1 .separatorsec {}

    main .section1 .separatorsec hr {}

    main .section1 .separatorsec .backgroundtext {}

    main .section1 .separatorsec .backgroundtext br {}

    main .section2 {}

    main .section2 .leftsection {}

    main .section2 .leftsection h1 {}

    main .section2 .leftsection p {}

    main .section2 .leftsection p br {}

    main .section2 .leftsection .ctaButton {}

    main .section2 .leftsection .ctaButton img {}

    main .section2 .rightsection {}

    main .section2 .rightsection img {}

    footer {}

    footer .bottomlogo {}

    footer .bottomlogo img {}

    footer .rightsection {}

    footer .rightsection .surroundright {}

    footer .rightsection .surroundright h5 {}

    footer .rightsection .surroundright ul {}

    footer .rightsection .surroundright ul li {}

    footer .rightsection .surroundright ul li a {}
}

@media screen and (max-width:1200px) {
    .orange-btn {
        line-height: 40px;
        height: 40px;
        width: 140px;
        margin-top: 20px;
    }

    .orange-btn span {
        font-size: 12px !important;
    }

    .orange-btn::after {
        font-size: 12px !important;
        line-height: 43px;
    }

    .slideshow {
        height: calc(100vh - 95px);
    }

    .slide {
        width: 100%;
        height: 40%;
    }

    .slide-content {
        left: 0;
        padding: 50px 25px;
        margin-top: calc(47vh - 95px);
        width: 100% !important;
        box-sizing: border-box;
    }

    .slide-nav {
        position: absolute;
        bottom: 10px;
        /* right: 30px; */
        /* left: 30px; */
        width: 100%;
        /* height: 60px; */
        /* overflow: auto; */
        background-size: 100%;
    }

    .slide-button {
        /* font-size: 11px; */
        width: 25%;
        height: 80px;
    }
}

@media screen and (max-width:900px) {
    h1 {
        /* font-size: 35px !important; */
        /* margin-bottom: 40px; */
        /* margin-top: 15px !important; */
    }

    p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}

@media screen and (max-width:600px) {
    .slide {
        width: 100%;
        height: 30%;
    }

    .slide-content {
        margin-top: calc(37vh - 75px);
        /* height: 40vh; */
    }

    .showbr {
        display: block !important;
    }
}

@media screen and (max-width:450px) {
    h1 {
        /* font-size: 22px !important; */
        /* margin-bottom: 20px; */
        /* margin-top: 10px !important; */
    }

    .orange-btn {
        margin-top: 20px;
    }

    .slide {
        width: 100%;
        height: 25%;
    }

    .slide-button {
        font-size: 11px;
    }

    .slide-content {
        margin-top: calc(32vh - 75px);
    }

    .slide:nth-child(2) {
        /* background-position: 50% 70%; */
    }

    .slide:nth-child(4) {
        background-position: 50% 70%;
    }

    .slide:nth-child(6) {
        background-position: 50% 70%;
    }

    .slide:nth-child(8) {
        background-position: 50% 70%;
    }
}

@media screen and (max-width:415px) {
    .slide {
        width: 100%;
        height: 20%;
    }

    .slide-content {
        margin-top: calc(29vh - 75px);
        /* height: 53vh; */
    }

    .slide h1 {
        font-size: 4.5vh !important;
    }
}

.showbr {
    display: none;
}

/* CONTACT FORM  */

@charset ;

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

.flex-form h3 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    border-top: 2px solid #eee;
    padding: 20px 0 20px 0;
    margin-top: 40px;
}

.flex-form h4 {
    width: 100%;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 40px;
    padding: 10px 0;
    font-size: 16px;
}

.flex-form label {
    font-weight: normal;
}

.flex-form span {
    text-align: left;
    margin: 0;
    font-size: 12px;
}

.flex-form #formpage input,
select {
    margin-top: 5px;
}

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

.flex-border {
    border: 2px solid #eee;
    padding: 20px;
}

.flex-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 10px 5px 5px 5px;
    text-align: left;
    color: white;
}

.check-container {
    display: inline-block;
    text-align: left;
    margin: 0;
}

.check-container input[type=] {
    display: inline-block;
    width: 20px !important;
}

.parts-request {
    width: 100%;
    padding: 40px 0;
    text-align: left;
    margin-top: 40px;
    border-top: 1px solid #eaeaea;
}

.parts-request h3 {
    text-transform: uppercase;
}

#formpage {
    width: 100%;
    vertical-align: top;
    display: inline-block;
    text-align: left;
}

#formpage,
#formpage * {
    box-sizing: border-box;
}

.CaptchaMessagePanel {
    color: white;
}

#formpage p {
    text-align: left;
}

#formpage h4 {
    margin-top: 30px;
}

.form-half {
    width: 48%;
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}

.add-part {
    padding: 30px;
    border: 1px solid #f1f1f1;
    margin: 20px 0 0 0
}

.add-part h4 {
    margin: 0 0 10px 10px !important;
}

.formfield {
    width: 100%;
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    min-width: 175px;
    text-align: left;
}

#formpage input,
select {
    padding: 6px 5px 10px;
    border: 1px solid #f1f1f1;
    font-family:
        , sans-serif;
    color: #000;
    font-size: 16px;
    margin-top: 5px;
    border-radius: 2px;
    background: #f1f1f1;
}

#formpage input:focus {
    border: 1px solid #eaeaea;
    border-radius: 2px
}

#formpage option {
    color: #333;
    background: #fff;
}

#formpage : :-webkit-input-placeholder {
    color: #767676;
}

#formpage : :-moz-placeholder {
    color: #767676;
}

#formpage :-ms-input-placeholder {
    color: #767676;
}

#formpage :-moz-placeholder {
    color: #767676;
}

#formpage input.submit-button,
#formpage input.submit-button:focus {
    background: #c93f52;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 2px;
    transition: ease-in .3s;
    width: 150px;
    border: none;
    height: auto;
}

#formpage input.submit-button:hover {
    background: #0888ca;
    box-shadow: 1px 1px 2px #848484;
    transition: ease-out .3s;
}

input[type=],
input[type=] {
    -webkit-appearance: none;
}

#formpage textarea {
    padding: 6px 5px;
    border: 1px solid #f1f1f1;
    color: #000;
    font-size: 16px;
    background: #f1f1f1;
    width: 100%;
    height: 85px;
    border-radius: 2px;
    margin-top: 10px;
    resize: vertical;
}

#formpage textarea:focus {
    border: 1px solid #eaeaea;
    border-radius: 2px
}

.CaptchaPanel {
    width: 100%;
}

.CaptchaImagePanel img {
    width: 200px;
}

.CaptchaAnswerPanel {
    width: 250px;
    margin: 0 auto;
}

.CaptchaWhatsThisPanel a {
    color: white;
}

.submit-button {
    padding: 10px 0px 10px 0px;
    position: relative;
    width: 100%;
    text-align: center;
}

@media screen and (max-width: 1170px) {
    .form-half {
        width: 46%;
    }
}

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

@media screen and (max-width: 700px) {
    .form-half {
        width: 98%;
    }
}

@media screen and (max-width: 450px) {
    .add-part {
        padding: 20px;
    }
}