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

*:not(.mobile):not(.mobile *):not(.invPage main *):not(.parallax-window):not(.parallax-window *):not(.parallax-mirror):not(.parallax-mirror *) {
    transition: .2s ease-in
}

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

html {
    font-size: 18px !important;
}

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

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

body * {
    font-family: futura-pt, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: ;
}

h2:not(.container.cf *) {
    font-family: kanit, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 72px;
    font-size: 3.75vw;
    color: #331600;
    margin-left: -35px;
    margin-left: -1.82292vw;
    margin-top: 13px;
    margin-top: 0.67708vw;
}

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

a:hover {
    text-decoration: none;
}


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

/*--- HEADER STYLES ---------------------*/
/*.notInventory {*/
header {}

#hero {
    height: max(590px, 55.052083333333336VW);
    background:
        /* top, transparent */
        linear-gradient(90deg, rgba(2, 14, 36, 0.78) 0%, rgba(24, 47, 94, 0.96) 63.08%, #223f79 100%),
        /* bottom, image */
        url(/siteart/hero.png);
    background-size: cover;
    background-position: center;
}

.otherPage section#hero {
    height: auto;
    background:
        /* top, transparent */
        linear-gradient(90deg, rgba(2, 14, 36, 0.78) 0%, rgba(24, 47, 94, 0.96) 63.08%, #223f79 100%);
}

body {
    font-family: 'Arial', san-serif;
    margin: 0;
    background: #FFFBFA;
}

html,
body {
    overflow-x: hidden;
}

/*for demo purposes only*/

.clear {
    clear: both;
}

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

nav.mobile {
    display: none;
}

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

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

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

nav.primary ul li a {
    text-decoration:
        none;
    display:
        block;
    margin: 0;
    text-transform:
        uppercase;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    padding: 0 12px;
    padding: 0 0.625vw;
    font-family: futura-pt, sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-size: max(13px, 1.25vw);
    text-align: left;
    color: #dae4ec;
}

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

nav.primary ul li a:hover:after,
nav.primary ul li.active a:after {
    content: '';
    height: 0px;
    background: transparent;
    border: 1px solid #fcdbce;
    width: 115%;
    transition: .3s ease;
}

nav.primary ul li a:after {
    content: '';
    border: 1px solid #ffffff00;
    width: 0;
    position: relative;
}

/* Appearance of the sub-level links */
nav.primary ul li li a {
    font-size: 16px;
    font-size: 0.83333vw;
    line-height: 16px;
    line-height: 0.83333vw;
    padding: 10px;
    padding: 0.52083vw;
    color: #fff;
    background: #181818;
    text-align: left;
    border-right: none;
    border-left: none;
    border-bottom: #303030 solid 1px;
    border-bottom: #303030 solid 0.05208vw;
}

/* 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: 0.9375vw;
    z-index: 100;
}

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


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

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

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

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

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

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

    #headerStuff a.logoStuff {
        display: block;
    }

    #menu-button {
        /* width: 74%; */
        display: inline-block;
        position: relative;
        line-height: 60px;
        z-index: 400;
        /* needs to be lower than nav.mobile, adjust as needed */
        /* background: #000; */
        line-height: 1;
        text-align: right;
        /* padding: 16px 95px 16px 35px; */
        /* border-right: 1px solid #8f9e77; */
        font-family: interstate, sans-serif;
        font-size: 16px;
        letter-spacing: 0.03em;
        line-height: 32px;
        text-align: left;
        color: #413f40;
        text-transform: uppercase;
        font-weight: bold;
    }

    #menu-button a {
        color: #000;
        text-decoration: none;
        /* padding: 0 0 0 .8em; */
    }

    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        top: -100%;
        width: 100%;
        height: 100%;
        background: #eaeaea;
        z-index: 99999;
        /* needs to be higher than #menu-button, adjust as needed */
        overflow: auto;
        /* display: flex;*/
        /* align-items: center;*/
        /* justify-content: center;*/
        /* flex-direction: column;*/
    }

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

    /* 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;
        top: 0;
        right: 0;
        width: 100%;
    }

    /* MENU CLOSE 'X' BUTTON */
    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-family: Arial, sans-serif;
        font-size: 44px;
        font-weight: 100;
        line-height: 1;
        /* background: #222; */
        color: var(--neutral2);
        text-decoration: none;
        bottom: 0px;
        right: 13px;
    }

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


    /* MENU LIST STYLE */
    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 {
        /* 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: 16px;
        padding: 16px;
        color: var(--neutral2);
        /* font-family: interstate, sans-serif; */
        text-decoration: none;
        /* border-left: 4px #333 solid;*/
        /* text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);*/
        text-align: center;
        text-transform: uppercase;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: #f9f9f9;
        /* border-left: 4px #CB1C1C solid;*/
        /* border highlight - Change to fit match site colors */
    }

    /* SECOND LEVEL */
    nav.mobile ul li li:last-child {
        border: none;
    }

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

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

    /* THIRD LEVEL */
    nav.mobile ul li li li:last-child {
        border: none;
    }

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

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

    nav.mobile ul li .click {
        /* dropdown menu idicator arrow be sure to include this image with your image files */
        position: absolute;
        display: block;
        cursor: pointer;
        z-index: 12399994;
        top: 0;
        right: 0;
        width: auto;
        height: auto;
        padding: 17px 20px;
        color: #fff;
    }

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

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

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

}

/*! CSS Used from: https://www.thekingsinnsidney.com/wp-content/themes/www.thekingsinnsidney.com/style.css?ver=1.0 */


.menu-trigger {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    justify-content: center;
    background: transparent;
    cursor: pointer;
}

.menu-trigger:hover .menu-hamburger__box span {
    width: 100%;
}

.menu-hamburger {
    font: inherit;
    display: flex;
    overflow: visible;
    padding: 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: .15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    /* background: #fbf1f27d; */
    align-items: center;
    justify-content: center;
}

.menu-hamburger__box {
    position: relative;
    display: flex;
    flex-flow: nowrap column;
    justify-content: space-between;
    width: 40px;
    width: max(32px, 2.08333vw);
    height: 32px;
    height: max(24px, 0.96667vw);
}

.menu-hamburger__box span {
    display: block;
    height: 2px;
    width: 100%;
    background: #fff;
    transition: width 0.3s ease;
}

.menu-hamburger__box span:nth-child(1) {
    width: 100%;
}

.menu-hamburger__box span:nth-child(2) {
    width: 100%;
}

.menu-hamburger__box span:nth-child(3) {
    width: 100%;
}

@media (max-width: 450px) {
    .menu-trigger {
        margin-right: 0;
    }
}

#menu-button * {
    transition: ease all 0.3s !important;
}

.menu-toggle span {
    font-size: 20px;
    font-size: max(14.4271px, 1.04167vw);
}

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


@media screen and (max-width: 1020px) {
    #menu-button {
        /* width: auto; */
    }
}

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

















    h2:not(.container.cf *) {
        font-size: 72px !important;
        font-size: 40.3125px !important;
        margin-left: -35px !important;
        margin-left: -19.5964px !important;
        margin-top: 13px !important;
        margin-top: 7.2786px !important;
    }



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

    /*.notInventory {*/










    nav.primary ul li a {
        padding: 0 12px !important;
        padding: 0 6.7188px !important;
        font-size: 24px !important;
        font-size: max(13px, 13.4375px) !important;
    }


    nav.primary ul li li a {
        font-size: 16px !important;
        font-size: 8.9583px !important;
        line-height: 16px !important;
        line-height: 8.9583px !important;
        padding: 10px !important;
        padding: 5.5989px !important;
        border-bottom: #303030 solid 1px !important;
        border-bottom: #303030 solid 0.5599px !important;
    }




    nav.primary ul li:hover>ul {
        line-height: 18px !important;
        line-height: 10.0781px !important;
    }

    nav.primary ul ul li {
        width: 270px !important;
        width: 151.1719px !important;
    }

    #hero #topSec {
        z-index: 1 !important;
        position: relative !important;
    }


    #hero #topSec .primary ul {
        /* max-width: 1600px !important; */
        /* max-width: max(720px, 895.8333px) !important; */
    }


    #hero #topSec .primary li:nth-of-type(4) {
        width: 237px !important;
        width: max(135px, 132.6953px) !important;
    }







































    #hero #bottomSec {
        right: -150px !important;
        right: -14.9844px !important;
    }

    #hero #bottomSec .leftSec {
        margin-top: 160px !important;
        margin-top: 89.5833px !important;
        right: -110px !important;
        right: -61.5886px !important;
    }

    #hero #bottomSec .leftSec h1 {
        font-size: 171px !important;
        font-size: 95.7422px !important;
    }

    #hero #bottomSec .leftSec p {
        font-size: 31px !important;
        font-size: 17.3567px !important;
        margin-right: 100px !important;
        margin-right: 55.9895px !important;
    }


    #hero #bottomSec .rightSec img:first-of-type {
        width: 1133px !important;
        width: 634.362px !important;
    }

    #hero #bottomSec .rightSec img:last-of-type {
        width: 855px !important;
        width: 478.7109px !important;
        right: 150px !important;
        right: 83.9844px !important;
        top: -160px !important;
        top: -89.5833px !important;
    }

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

    main #mainSec {
        padding-bottom: 145px !important;
        padding-bottom: 81.1849px !important;
    }

    main .middleSec {
        padding: 62px 85px !important;
        padding: 34.7136px 47.5911px !important;
        /* max-width: 1570px !important; */
        /* max-width: 879.0364px !important; */
        top: -125px !important;
        top: -69.987px !important;
    }

    main .border {
        border: 6px #FFB480 solid !important;
        border: 3.3594px #FFB480 solid !important;
        padding-bottom: 60px !important;
        padding-bottom: 33.5938px !important;
    }

    main .border p {
        font-size: 24px !important;
        font-size: 15.4375px !important;
        padding: 0 90px 75px !important;
        padding: 0 50.3906px 41.9922px !important;
    }

    main .border a {
        font-size: 24px !important;
        font-size: 13.4375px !important;
        margin-bottom: 15px !important;
        margin-bottom: 8.3984px !important;
    }

    main .border a::before {
        border: 1.2px solid #FFB480 !important;
        border: 0.6719px solid #FFB480 !important;
        width: 300px !important;
        width: 167.9688px !important;
        bottom: 10px !important;
        bottom: 5.5989px !important;
    }


    main #contactUs {
        /* background: url(/siteart/stripes.png)no-repeat scroll -23px -23px !important; */
        /* background: url(/siteart/stripes.png)no-repeat scroll -12.8776px -12.8776px !important; */
    }

    main #sidePads {
        max-width: 1286px !important;
        max-width: 720.0261px !important;
        padding: 196px 0 !important;
        padding: 109.7395px 0 !important;
    }


    main h4 {
        font-size: 24px !important;
        font-size: 13.4375px !important;
    }

    main h3:not(.container.cf h3) {
        font-size: 69px !important;
        font-size: 38.6328px !important;
    }

    main .bottomPadsStuff:not(.invPage *) {
        padding: 55px 0 60px !important;
        padding: 30.7942px 0 33.5938px !important;
        border-bottom: 2px solid #f7ba91 !important;
        border-bottom: 1.1198px solid #f7ba91 !important;
        margin-right: 110px !important;
        margin-right: 61.5886px !important;
    }

    .bottomPadsStuff:after {
        border: #AEC1D1 1px solid !important;
        border: #AEC1D1 0.5599px solid !important;
        height: 650px !important;
        height: 363.9323px !important;
        margin-top: 315px !important;
        margin-top: 176.3672px !important;
        margin-right: 75px !important;
        margin-right: 41.9922px !important;
    }

    main .bottomPadsStuff p {
        width: 100% !important;
        max-width: 680.2734px !important;
        height: 72px !important;
        height: auto !important;
        font-size: 24px !important;
        font-size: 15.4375px !important;
    }

    main .flexStuff {
        margin-top: 46px !important;
        margin-top: 25.7552px !important;
        margin-right: 40px !important;
        margin-right: 22.3958px !important;
    }

    main .flex-form {
        /* margin-right: 28px !important; */
        /* margin-right: 15.677px !important; */
        width: 100%;
    }














    main .flex-row textarea {
        min-height: 190px !important;
        min-height: 106.3802px !important;
    }



    main .imgStack {
        width: 440px !important;
        width: 246.3542px !important;
        margin-top: 30px !important;
        margin-top: 16.7969px !important;
    }

    main img {
        padding: 12.5px 0 !important;
        padding: 6.9987px 0 !important;
    }

    main .bottomStuffContacts {
        padding: 25px 0 !important;
        padding: 13.9974px 0 !important;
    }

    main .bottomStuffContacts a {
        font-size: 15px !important;
        font-size: 12px !important;
        padding: 0 80px !important;
        padding: 0 17.7917px !important;
    }


    .flex-form {
        font-size: 15px !important;
        font-size: max(13px, 8.3984px) !important;
    }

    .flex-form h3 {
        border-top: 2px solid #eee !important;
        border-top: 1.1198px solid #eee !important;
        padding: 20px 0 20px 0 !important;
        padding: 11.198px 0 11.198px 0 !important;
        margin-top: 40px !important;
        margin-top: 22.3958px !important;
    }

    .flex-form h4 {
        margin-top: 40px !important;
        margin-top: 22.3958px !important;
        padding: 10px 0 !important;
        padding: 5.5989px 0 !important;
        font-size: 16px !important;
        font-size: 8.9583px !important;
    }


    .flex-form span {
        font-size: 12px !important;
        font-size: 6.7188px !important;
    }

    select {
        margin-top: 5px !important;
        margin-top: 2.7995px !important;
    }


    .flex-border {
        border: 2px solid #eee !important;
        border: 1.1198px solid #eee !important;
        padding: 20px !important;
        padding: 11.198px !important;
    }

    .flex-input {
        margin: 13px 35px 13px 0 !important;
        margin: 7.2786px 19.5964px 7.2786px 0 !important;
    }


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

    .parts-request {
        padding: 40px 0 !important;
        padding: 22.3958px 0 !important;
        margin-top: 40px !important;
        margin-top: 22.3958px !important;
        border-top: 1px solid #eaeaea !important;
        border-top: 0.5599px solid #eaeaea !important;
    }




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

    .form-half {
        margin: 10px !important;
        margin: 5.5989px !important;
    }

    .add-part {
        padding: 30px !important;
        padding: 16.7969px !important;
        border: 1px solid #f1f1f1 !important;
        border: 0.5599px solid #f1f1f1 !important;
        margin: 20px 0 0 0 !important;
        margin: 11.198px 0 0 0
    }

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

    .formfield {
        margin-right: 10px !important;
        margin-right: 5.5989px !important;
        margin-top: 10px !important;
        margin-top: 5.5989px !important;
        min-width: 175px !important;
        min-width: 97.9817px !important;
    }

    select {
        padding: 6px 5px 10px !important;
        padding: 3.3594px 2.7995px 5.5989px !important;
        border: 1px solid #f1f1f1 !important;
        border: 0.5599px solid #f1f1f1 !important;
        font-size: 16px !important;
        font-size: 8.9583px !important;
        margin-top: 5px !important;
        margin-top: 2.7995px !important;
        border-radius: 2px !important;
        border-radius: 1.1198px !important;
    }

    #formpage textarea {
        padding: 16px 17px 23px !important;
        padding: 8.9583px 9.5183px 12.8776px !important;
        font-size: 13px !important;
        font-size: max(12px, 7.2786px) !important;
        border-bottom: 2px solid hsl(346deg 53% 58% / 50%) !important;
        border-bottom: 1.1198px solid hsl(346deg 53% 58% / 50%) !important;
        border-right: 2px solid hsl(346deg 53% 58% / 50%) !important;
        border-right: 1.1198px solid hsl(346deg 53% 58% / 50%) !important;
    }

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






    #formpage input.submit-button:focus {
        padding: 10px !important;
        padding: 5.5989px !important;
        border-radius: 2px !important;
        border-radius: 1.1198px !important;
        width: 150px !important;
        width: 83.9844px !important;
    }

    #formpage input.submit-button {
        border-bottom: 2px solid #f7ba9182 !important;
        border-bottom: 1.1198px solid #f7ba9182 !important;
        border-right: 2px solid #f7ba9182 !important;
        border-right: 1.1198px solid #f7ba9182 !important;
        padding-right: 45px !important;
        padding-right: 25.1953px !important;
        padding-left: 80px !important;
        padding-left: 44.7917px !important;
        font-size: 15px !important;
        font-size: max(13px, 8.3984px) !important;
    }

    #formpage input.submit-button:hover {
        box-shadow: 1px 1px 2px #848484 !important;
        box-shadow: 0.5599px 0.5599px 1.1198px #848484 !important;
    }


    #formpage textarea {
        padding: 6px 5px !important;
        padding: 3.3594px 2.7995px !important;
        border: 1px solid #f1f1f1 !important;
        border: 0.5599px solid #f1f1f1 !important;
        font-size: 16px !important;
        font-size: 8.9583px !important;
        height: 85px !important;
        height: 47.5911px !important;
        border-radius: 2px !important;
        border-radius: 1.1198px !important;
        margin-top: 10px !important;
        margin-top: 5.5989px !important;
    }

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


    .CaptchaImagePanel img {
        width: 200px !important;
        width: 111.9792px !important;
    }

    .CaptchaAnswerPanel {
        /* width: 250px !important; */
        /* width: 139.9739px !important; */
    }


    .submit-button {
        padding: 48px 0px 10px 0px !important;
        padding: 26.875px 0px 5.5989px 0px !important;
        margin-right: 35px !important;
        margin-right: 19.5964px !important;
    }

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

    a.footerlink:active {
        font-size: 13px !important;
        font-size: 7.2786px !important;
    }

    a.footerlink:hover {
        font-size: 13px !important;
        font-size: 7.2786px !important;
    }

    .footertext {
        font-size: 13px !important;
        font-size: 7.2786px !important;
    }

    .smallfootertext {
        font-size: 10px !important;
        font-size: 5.5989px !important;
    }

    .divfooter {
        max-width: 450px !important;
        max-width: 251.9531px !important;
    }

    footer {
        /* padding: 88px 107px 128px !important; */
        /* padding: 49.2708px 59.9089px 71.6667px !important; */
    }



    footer li a {
        font-size: 24px !important;
        font-size: 13.4375px !important;
    }


    footer img {
        width: 237px !important;
        width: 132.6953px !important;
    }

    /*}*/

}

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

#hero #topSec {
    z-index: 1;
    position: relative;
}

#hero #topSec .primary {
    width: 100%;
}

#headerStuff {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 20px;
}

#headerStuff a.logoStuff {
    width: 220px;
}

#headerStuff a.logoStuff img {
    width: 100%;
}

#hero #topSec .primary ul {
    max-width: 1600px;
    max-width: max(720px, 83.33333vw);
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#hero #topSec .primary .clear {}

#hero #topSec .primary li:nth-of-type(4) {
    width: 237px;
    width: max(135px, 12.34375VW);
}

#hero #topSec .primary li:nth-of-type(4) a:after {
    display: none;
}

#hero #topSec .primary li:nth-of-type(4) img {
    width: 100%;
}

#hero #topSec .primary li a {
    display: flex;
    flex-direction: column;
}

#hero #topSec .primary li a:hover {}

#hero #topSec .primary li a:active {}

#hero #topSec .primary li a:focus {}

#hero #topSec .primary li ul {}

#hero #topSec .primary li li {}

#hero #topSec .primary li li a {}

#hero #topSec .primary li li a:hover {}

#hero #topSec .primary li li a:active {}

#hero #topSec .primary li li a:focus {}

#hero #topSec #menu-button {}

.logoStuff {
    display: none;
}

#hero #topSec #menu-button .menu-toggle {}

#hero #topSec #menu-button .menu-toggle:hover {}

#hero #topSec #menu-button .menu-toggle:active {}

#hero #topSec #menu-button .menu-toggle:focus {}

#hero #topSec .mobile {}

#hero #topSec .mobile .mobile_top {}

#hero #topSec .mobile ul {}

#hero #topSec .mobile .clear {}

#hero #topSec .mobile .nav-footer {}

#hero #topSec .mobile .menu-toggle {}

#hero #topSec .mobile .menu-toggle:hover {}

#hero #topSec .mobile .menu-toggle:active {}

#hero #topSec .mobile .menu-toggle:focus {}

#hero #topSec .mobile li {}

#hero #topSec .mobile li a {}

#hero #topSec .mobile li a:hover {}

#hero #topSec .mobile li a:active {}

#hero #topSec .mobile li a:focus {}

#hero #topSec .mobile li .click.fa.fa-chevron-down {}

#hero #topSec .mobile li .list {}

#hero #topSec .mobile li li {}

#hero #topSec .mobile li li a {}

#hero #topSec .mobile li li a:hover {}

#hero #topSec .mobile li li a:active {}

#hero #topSec .mobile li li a:focus {}

#hero #topSec .mobile script {}

#hero #bottomSec {
    display: flex;
    right: -150px;
    right: -7.8125vw;
    position: relative;
    z-index: 0;
}

#hero #bottomSec .leftSec {
    margin-top: 160px;
    margin-top: 8.33333vw;
    right: -110px;
    right: -5.72917vw;
    position: relative;
    z-index: 999;
}

#hero #bottomSec .leftSec h1 {
    font-family: kanit, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 171px;
    font-size: 8.90625vw;
    color: #fcdbce;
    text-transform: uppercase;
    line-height: 1;
}

#hero #bottomSec .leftSec p {
    font-family: futura-pt, sans-serif;
    font-weight: normal;
    font-size: 31px;
    font-size: 1.61458vw;
    color: #fff;
    text-align: right;
    margin-right: 100px;
    margin-right: 5.20833vw;
    text-transform: uppercase;
}

#hero #bottomSec .rightSec {
    position: relative;
}

#hero #bottomSec .rightSec img:first-of-type {
    width: 1133px;
    width: 59.01042vw;
    position: relative;
    z-index: 1;
    transition: all 0.7s;
}

#hero #bottomSec .rightSec img:last-of-type {
    width: 855px;
    width: 44.53125vw;
    position: absolute;
    right: 150px;
    right: 7.8125vw;
    top: -160px;
    top: -8.33333vw;
    transition: all 1s;
    z-index: 0;
}

/*}*/


/*---BODY--------------------------------*/
/*.notInventory {*/
main {}

main #mainSec {
    background: #331600;
    padding-bottom: 145px;
    padding-bottom: 7.55208vw;
}

main .middleSec {
    background: #DAE4EC;
    padding: 62px 85px;
    padding: 3.22917vw 4.42708vw;
    max-width: 1570px;
    max-width: 81.77083vw;
    width: 100%;
    margin: 0 auto;
    top: -125px;
    top: -6.51042vw;
    position: relative;
    box-sizing: border-box;
}

.middleSec img {
    display: none;
}

main .border {
    border: 6px #FFB480 solid;
    border: 0.3125vw #FFB480 solid;
    position: relative;
    padding-bottom: 60px;
    padding-bottom: 3.125vw;
}

main .border p {
    font-family: futura-pt, sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-size: 1.25vw;
    text-align: left;
    color: #331600;
    padding: 0 90px 75px;
    padding: 0 4.6875vw 3.90625vw;
}

main .border a {
    display: flex;
    font-family: pirulen, sans-serif;
    font-size: 24px;
    font-size: 1.25vw;
    color: #4e68a3;
    flex-direction: column;
    margin-bottom: 15px;
    margin-bottom: 0.78125vw;
    position: absolute;
    right: 0;
}

main .border a::before {
    content: '';
    border: 1.2px solid #FFB480;
    border: 0.0625vw solid #FFB480;
    width: 300px;
    width: 15.625vw;
    position: relative;
    bottom: 10px;
    bottom: 0.52083vw;
    margin-right: -0.3vw;
    background: #FFB480;
}

main h2 {}

main #contactUs {
    background: url(/siteart/stripes.png)no-repeat scroll -23px -23px;
    background: url(/siteart/stripes.png)no-repeat scroll -1.19792vw -1.19792vw;
    background-size: contain;
}

main #sidePads {
    max-width: 1286px;
    max-width: 66.97917vw;
    width: 100%;
    margin: 0 auto;
    padding: 196px 0;
    padding: 10.20833vw 0;
    position: relative;
}

.invPage #sidePads {
    padding: 3vw 0 !important;
}

main .titleStuff {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

main h4:not(.container.cf h4),
main h3 span:not(.container.cf h3 span) {
    font-family: pirulen, sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-size: 1.25vw;
    text-align: right;
    color: #331600;
    margin-right: 13px;
}

main h3:not(.container.cf *),
.list-title-text:not(.container.cf *) {
    font-family: kanit, sans-serif;
    font-weight: bold !important;
    font-style: italic;
    font-size: 69px;
    font-size: 3.59375vw;
    text-align: right;
    color: #113487;
    text-transform: uppercase;
    line-height: 0.8;
}

.otherPage h3:not(.container.cf h3) {
    text-align: left;
}

main .bottomPadsStuff {
    padding: 55px 0 60px;
    padding: 2.86458vw 0 3.125vw;
    border-bottom: 2px solid #f7ba91;
    border-bottom: 0.10417vw solid #f7ba91;
    margin-right: 110px;
    margin-right: 5.72917vw;
}

.otherPage .bottomPadsStuff {
    margin-right: 0;
}


.bottomPadsStuff:after {
    content: '';
    border: #AEC1D1 1px solid;
    border: #AEC1D1 0.05208vw solid;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    height: 650px;
    height: 33.85417vw;
    margin-top: 315px;
    margin-top: 16.40625vw;
    margin-right: 75px;
    margin-right: 3.90625vw;
}

.otherPage .bottomPadsStuff:after {
    display: none;
}

main .bottomPadsStuff p:not(main .bottomPadsStuff .container p) {
    width: 1215px;
    width: 54.28125vw;
    height: 72px;
    height: 3.75vw;
    font-family: futura-pt, sans-serif;
    font-weight: normal;
    font-size: 24px;
    font-size: 1.25vw;
    text-align: left;
    color: #331600;
}

main .bottomPadsStuff p:not(main .bottomPadsStuff .container p) a {
    color: hsl(0deg 0% 0%);
}

main .bottomPadsStuff p:not(main .bottomPadsStuff .container p) a:hover {
    color: #331600;
}

main .flexStuff {
    display: flex;
    margin-top: 46px;
    margin-top: 2.39583vw;
    margin-right: 40px;
    margin-right: 2.08333vw;
}

main .flex-form {
    margin-right: 28px;
    margin-right: 1.45833vw;
}

main form {}

main form input {}

main #formpage {}

main #formpage div {}

div#rightPadding {
    margin-right: 2.34375vw !important;
}

main .flex-row {}

main .check-container {}

main .check-container input {}

main .check-container option {}

main .checkmark {}

main .flex-input {}

main .flex-input input {}

main select {}

main select option {}

main .flex-row textarea {
    min-height: 190px !important;
    min-height: 9.89583vw !important;
}

main div.submit-button {}

#rightButton {
    right: 2.34375vw !important;
}

main input.submit-button {}

main .imgStack {
    width: 440px;
    width: max(188px, 22.91667vw);
    margin-top: 30px;
    margin-top: 1.5625vw;
}

main img:not(main .container img):not(.CaptchaImagePanel img) {
    padding: 12.5px 0;
    padding: 0.65104vw 0;
    width: 100%;
}

main .bottomStuffContacts {
    display: flex;
    justify-content: flex-end;
    padding: 25px 0;
    padding: 1.30208vw 0;
}

main .bottomStuffContacts a {
    font-family: pirulen, sans-serif;
    font-weight: normal;
    font-size: 15px;
    font-size: max(12.5px, 0.78125vw);
    text-align: right;
    color: #4e68a3;
    width: 200px;
    padding: 0 80px;
    padding: 0 4.16667vw;
    box-sizing: initial;
}

a {}

main .bottomStuffContacts a:last-of-type {}

main .bottomStuffContacts a:not(main .bottomStuffContacts a:last-of-type) {}

main .bottomStuffContacts a:hover {
    color: #757575 !important;
}

@charset ;

.flex-form {
    width: 60vw;
    text-align: left;
    margin: 0 auto;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    font-size: 15px;
    font-size: max(13px, 0.78125vw);
}

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

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

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

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

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

.flex-form #formpage input:focus-visible,
select:focus-visible {
    outline: none;
}

.flex-form textarea:focus-visible {
    outline: none;
}

.flex-form #formpage input,
select:focus-visible {}

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

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

.flex-input {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 13px 35px 13px 0;
    margin: 0.67708vw 1.82292vw 0.67708vw 0;
    text-align: left;
}

label.flex-input {}

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

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

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

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

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

#formpage p {
    text-align: left;
}

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

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

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

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

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

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

#formpage input,
#formpage select,
#formpage textarea {
    background: none;
    padding: 16px 17px 23px !important;
    padding: 0.83333vw 0.88542vw 1.19792vw !important;
    font-family: pirulen, sans-serif;
    font-weight: normal;
    font-size: 13px !important;
    font-size: max(12px, .7vw) !important;
    text-align: left;
    color: #5269a5 !important;
    border-bottom: 2px solid hsl(346deg 53% 58% / 50%) !important;
    border-bottom: 0.10417vw solid hsl(346deg 53% 58% / 50%) !important;
    border-right: 2px solid hsl(346deg 53% 58% / 50%) !important;
    border-right: 0.10417vw solid hsl(346deg 53% 58% / 50%) !important;
    border-top: none !important;
    border-left: none !important;
    box-sizing: border-box;
    resize: vertical;
    background: none !important;
}

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

#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: #0888ca;
    color: #fff;
    padding: 10px;
    padding: 0.52083vw;
    text-decoration: none;
    border-radius: 2px;
    border-radius: 0.10417vw;
    transition: ease-in .3s;
    width: 150px;
    width: 7.8125vw;
    border: none;
    height: auto;
}

#formpage input.submit-button {
    border-bottom: 2px solid #f7ba9182 !important;
    border-bottom: 0.10417vw solid #f7ba9182 !important;
    border-right: 2px solid #f7ba9182 !important;
    border-right: 0.10417vw solid #f7ba9182 !important;
    padding-right: 45px !important;
    padding-right: 2.34375vw !important;
    padding-left: 80px !important;
    padding-left: 4.16667vw !important;
    width: auto !important;
    font-size: 15px !important;
    font-size: max(13px, 0.78125vw) !important;
    cursor: pointer;
}

#formpage input.submit-button:hover {
    background: #0888ca;
    /* box-shadow: 1px 1px 2px #848484; */
    /* box-shadow: 0.05208vw 0.05208vw 0.10417vw #848484; */
    transition: ease-out .3s;
    color: #858584 !important;
}

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

#formpage textarea {
    padding: 6px 5px;
    padding: 0.3125vw 0.26042vw;
    border: 1px solid #f1f1f1;
    border: 0.05208vw solid #f1f1f1;
    color: #000;
    font-size: 16px;
    font-size: 0.83333vw;
    background: #f1f1f1;
    width: 100%;
    height: 85px;
    height: 4.42708vw;
    border-radius: 2px;
    border-radius: 0.10417vw;
    margin-top: 10px;
    margin-top: 0.52083vw;
}

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

.CaptchaPanel {
    width: 100%;
    text-align: right !important;
}

.CaptchaImagePanel img {
    width: 200px;
    width: 10.41667vw;
}

.CaptchaAnswerPanel {
    width: 100%;
    /* width: 13.02083vw; */
}

.CaptchaWhatsThisPanel a {
    color: #333;
}

.submit-button {
    padding: 48px 0px 10px 0px;
    padding: 2.5vw 0px 0.52083vw 0px;
    position: relative;
    width: 100%;
    text-align: right;
    margin-right: 35px;
    margin-right: 1.82292vw;
}

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

@media screen and (max-width: 975px) {
    .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;
    }
}

@media screen and (max-width: 1200px) {
    .notInv .bottomPadsStuff {
        margin: 0 41.9922px !important;
    }

    .sidePads {
        /* padding: 0 41.9922px !important; */
    }

    .invPage main #sidePads {
        max-width: 100% !important;
    }
}

/*}*/

/*-------- FOOTER STYLES ----------------*/
/*.notInventory {*/
footer {}

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

a.footerlink:hover {
    text-decoration: none;
    font-size: 13px;
    font-size: 0.67708vw;
}

.footertext {
    font-size: 13px;
    font-size: 0.67708vw;
    color: #999999;
}

.smallfootertext {
    font-size: 10px;
    font-size: 0.52083vw;
    color: #999999;
}

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

footer {
    display: flex;
    padding: 88px 107px 128px;
    padding: 4.58333vw 5.57292vw 6.66667vw;
    justify-content: space-between;
    background: #020E24;
}

footer .leftFooter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 70%;
}

footer li {}

footer li a {
    font-family: futura-pt, sans-serif;
    font-weight: 900;
    font-size: 24px;
    font-size: 1.25vw;
    color: #dae4ec;
    text-transform: uppercase;
}

footer li a:hover {}

footer li a:hover {
    color: #e2abb7;
}

footer .rightFooter {}

footer img {
    width: 237px;
    width: 12.34375vw;
}

/*}*/

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

/*.notInventory {*/
@media screen and (max-width: 1325px) {
    main .imgStack {
        display: none
    }
}

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

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


@media only screen and (max-width: 767px) {
    #hero {
        background:
            /* top, transparent */
            linear-gradient(90deg, rgba(2, 14, 36, 0.78) 0%, rgba(24, 47, 94, 0.90) 63.08%, rgba(24, 47, 94, 0.90) 100%),
            /* bottom, image */
            url(/siteart/hero.png);
        background-size: cover;
        background-position: center;
    }

    main .bottomStuffContacts a {
        width: auto;
    }

    #hero #topSec {}

    #hero #topSec .primary {}

    #hero #topSec .primary ul {}

    #hero #topSec .primary .clear {}

    #hero #topSec .primary li {}

    #hero #topSec .primary li a {}

    #hero #topSec .primary li a:hover {}

    #hero #topSec .primary li a:active {}

    #hero #topSec .primary li a:focus {}

    #hero #topSec .primary li img {}

    #hero #topSec #headerStuff {}

    #hero #topSec #headerStuff #menu-button {}

    #hero #topSec #headerStuff .logoStuff {}

    #hero #topSec #headerStuff .logoStuff:hover {}

    #hero #topSec #headerStuff .logoStuff:active {}

    #hero #topSec #headerStuff .logoStuff:focus {}

    #hero #topSec #headerStuff .menu-toggle {}

    #hero #topSec #headerStuff .menu-toggle:hover {}

    #hero #topSec #headerStuff .menu-toggle:active {}

    #hero #topSec #headerStuff .menu-toggle:focus {}

    #hero #topSec #headerStuff .menu-toggle .menu-trigger.menu-toggle {}

    #hero #topSec #headerStuff .menu-toggle .menu-hamburger {}

    #hero #topSec #headerStuff .menu-toggle .menu-hamburger .menu-hamburger__box {}

    #hero #topSec #headerStuff .menu-toggle .menu-hamburger span {}

    #hero #topSec #headerStuff img {}

    #hero #topSec .mobile {}

    #hero #topSec .mobile .mobile_top {}

    #hero #topSec .mobile ul {}

    #hero #topSec .mobile .clear {}

    #hero #topSec .mobile .nav-footer {}

    #hero #topSec .mobile .menu-toggle {}

    #hero #topSec .mobile .menu-toggle:hover {}

    #hero #topSec .mobile .menu-toggle:active {}

    #hero #topSec .mobile .menu-toggle:focus {}

    #hero #topSec .mobile li {}

    #hero #topSec .mobile li a {}

    #hero #topSec .mobile li a:hover {}

    #hero #topSec .mobile li a:active {}

    #hero #topSec .mobile li a:focus {}

    #hero #topSec .mobile li .click.fa.fa-chevron-down {}

    #hero #topSec .mobile li .list {}

    #hero #topSec .mobile li li {}

    #hero #topSec .mobile li li a {}

    #hero #topSec .mobile li li a:hover {}

    #hero #topSec .mobile li li a:active {}

    #hero #topSec .mobile li li a:focus {}

    #hero #topSec .mobile script {}

    #hero #bottomSec {
        right: 0 !important;
        height: 410px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    #hero #bottomSec .leftSec {
        right: 0 !important;
        text-align: center;
        margin: 0 20px;
        margin-top: 0 !important;
    }

    #hero #bottomSec .leftSec h1 {
        font-size: 52px !important;
    }

    #hero #bottomSec .leftSec p {
        font-size: 13px !important;
        margin-right: 0 !important;
        text-align: center;
        margin-top: 8px;
    }

    #hero #bottomSec .rightSec {}

    #hero #bottomSec .rightSec img:first-of-type {
        display: none;
    }

    #hero #bottomSec .rightSec img:last-of-type {
        right: 0 !important;
        transform: rotate(90deg) !important;
        width: 410px !important;
        margin-top: -280px;
        margin-right: -23vw;
    }

    main {}

    main #mainSec {
        padding-bottom: 0 !important;
    }

    main #mainSec .middleSec {
        top: 0 !important;
        margin: 0 !important;
        max-width: 100%;
        padding-right: 0 !important;
        padding-top: 55px !important;
        padding-bottom: 0px !important;
    }

    .middleSec img {
        width: 288.36px;
        display: block;
        transform: scaleX(-1);
        margin-left: -90px;
        margin-top: -75px;
        margin-bottom: 0px;
    }

    main #mainSec .middleSec .border {
        border-right: 0 !important;
        padding-bottom: 195px !important;
    }

    main #mainSec .middleSec h2 {
        line-height: 0.9;
        position: relative;
        margin-top: -21px !important;
        padding-right: 25px;
    }

    main #mainSec .middleSec p {
        padding: 10px 25px !important;
    }

    main #mainSec .middleSec a {
        margin-top: 90px;
    }

    main #mainSec .middleSec a:hover {}

    main #mainSec .middleSec a:active {}

    main #mainSec .middleSec a:focus {}

    main #contactUs {}

    main #contactUs #sidePads {}

    main #contactUs #sidePads .titleStuff {
        margin-left: 41.9922px !important;
    }

    main #contactUs #sidePads .bottomPadsStuff:not(.invPage *) {
        margin-right: 0 !important;
        margin-left: 61.5886px !important;
    }

    main #contactUs #sidePads .bottomPadsStuff a {
        padding-right: 0 !important;
    }

    .bottomPadsStuff {}

    main #contactUs #sidePads .bottomStuffContacts {
        flex-direction: column-reverse;
    }

    main #contactUs #sidePads h4 {
        text-align: left;
    }

    main #contactUs #sidePads h3 {
        text-align: left;
    }

    main #contactUs #sidePads p {
        width: 90% !important;
    }

    main #contactUs #sidePads .flexStuff {}

    .bottomPadsStuff:after {
        margin-left: 41.9922px !important;
        margin-right: 0 !important;
        left: 0 !important;
        right: auto !important;
    }

    main #contactUs #sidePads .flexStuff .flex-form {}

    main #contactUs #sidePads .flexStuff .imgStack {}

    main #contactUs #sidePads .flexStuff form {}

    main #contactUs #sidePads .flexStuff form input {}

    main #contactUs #sidePads .flexStuff form #formpage {}

    main #contactUs #sidePads .flexStuff form .flex-row {}

    main #contactUs #sidePads .flexStuff form .flex-row .flex-input {}

    .flex-input {
        margin: 12px 0 !important;
    }

    main #contactUs #sidePads .flexStuff form .flex-row input {}

    main #contactUs #sidePads .flexStuff form .flex-row textarea {
        height: 140px !important;
    }

    main #contactUs #sidePads .flexStuff form .flex-row input {}

    main #contactUs #sidePads .flexStuff form .flex-row textarea {}

    main #contactUs #sidePads .flexStuff form .flex-row input {}

    main #contactUs #sidePads .flexStuff form .flex-row textarea {}

    main #contactUs #sidePads .flexStuff form .flex-row input {}

    main #contactUs #sidePads .flexStuff form .flex-row textarea {}

    main #contactUs #sidePads .flexStuff form div {}

    main #contactUs #sidePads .flexStuff form .submit-button {}

    main #contactUs #sidePads .flexStuff form .submit-button .submit-button {}

    main #contactUs #sidePads .flexStuff img {}

    main #contactUs #sidePads a {
        margin: 10px 0;
        padding-right: 50px !important;
        overflow-wrap: break-word !important;
        word-wrap: break-word;
    }

    main #contactUs #sidePads a:hover {}

    main #contactUs #sidePads a:active {}

    main #contactUs #sidePads a:focus {}

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

    footer .leftFooter {
        flex-direction: column;
    }

    footer .leftFooter li {
        margin: 12px 0;
    }

    footer .leftFooter li a {
        font-size: 16px !important;
    }

    footer .leftFooter li a:hover {}

    footer .leftFooter li a:active {}

    footer .leftFooter li a:focus {}

    footer .rightFooter {}

    footer .rightFooter:hover {}

    footer .rightFooter:active {}

    footer .rightFooter:focus {}

    footer .rightFooter img {
        width: 235px !important;
    }

    script {}

}

.loaderContain {
    /*! CSS Used from: http://sublettemachinery.com.hstg/css/style.css?v=1 */
    z-index: 999999999;
    position: relative;
}

.loaderContain #loader {
    z-index: 1001;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loaderContain #loader img {
    top: 50%;
    left: 50%;
    width: 100%;
    animation-name: grow;
    animation-duration: 1s;
}

.loaderContain #loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 51%;
    bottom: 0;
    background: #ffffff;
    z-index: 1000;
}

.loaderContain #loader-wrapper .loader-section.section-left {
    left: 0;
}

.loaderContain #loader-wrapper .loader-section.section-right {
    right: 0;
}

.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.loaded #loader {
    opacity: 0;
}

.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.loaded #loader-wrapper .loader-section.section-right,
.loaded #loader-wrapper .loader-section.section-left {
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
    /*! CSS Used keyframes */
}

@keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-moz-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-webkit-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

@-o-keyframes grow {
    from {
        transform: scale(0);
    }

    to {
        transform: scale(1);
    }
}

/*}*/