/* font-family: "quador-display", serif; font-weight: 400; font-style: normal; font-family: "vatican", sans-serif; font-weight: 300; font-style: normal; font-family: "rosario", sans-serif; font-weight: 400; font-style: normal; */
html,
body,
div,
span,
h1:not(.container.cf *),
h2,
p,
a,
img,
i,
ul,
li,
form {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
}

.mainsec {
    max-width: 1400px;
    margin: 100px auto;
    padding: 0 20px;
}

html,
body {
    overflow-x: hidden;
    position: relative;
}

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

/* END LOADER SECTION  */
ul {
    list-style: none;
}

.leftrightstuff ul {
    column-count: 2;
    column-gap: 40px;
    column-gap: max(16px, 2.08333vw);
}

header,
nav {
    display: block;
}

:root {
    --neutral1: #FFFFFF;
    --secondary1: #DBCDC6;
    --primary: #367C2B;
    --secondary2: #707070;
    --neutral2: #1D1D1D;
}

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

a:not(.container.cf *) {
    font-style: normal;
}

.notInventory *:not(i):not(i *) {
    font-style: normal;
}

img.bgtract {
    margin-top: -510px;
    margin-top: min(-204px, -26.5625vw);
    position: absolute;
    right: -160px;
    right: min(-64px, -8.33333vw);
    width: max(276px, 35.9375vw);
}

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

.list-listing-title {
    height: auto !important;
}

div#main-content {}

.mainsec p {
    font-size: 18px;
    margin-top: 20px;
}

h1:not(.container.cf *),
h3:not(.container.cf *),
h5:not(.container.cf *),
h6:not(.container.cf *) {
    font-family: "vatican", sans-serif;
}

h4:not(.container.cf *) {
    font-weight: normal;
    font-size: 17px;
    font-size: max(13px, 0.88542vw);
}

h3:not(.container.cf *) {
    font-weight: 500;
    font-size: 33px;
    font-size: max(24px, 1.71875vw);
}

h2:not(.container.cf *):not(.full-width *):not(div#main-content h2) {
    font-family: "quador-display", serif;
    font-size: 34px !important;
    font-size: max(14px, 1.77083vw) !important;
}

h6:not(.container.cf *) {
    font-family: "quador-display", serif;
    font-weight: bold;
    font-size: 26px;
    font-size: max(13px, 1.35417vw);
    color: #fff;
}

footer h6:not(.container.cf *) {
    margin: 0;
    padding-bottom: 20px;
    padding-bottom: max(8px, 1.04167vw);
}

* {
    font-family: "rosario", sans-serif;
}

img.imgsize {
    width: 360px;
    height: 240px;
    object-fit: cover;
    object-position: center;
}

h1:not(.container.cf *),
h2:not(.container.cf *) {
    font-style: normal;
    text-transform: uppercase;
}

.otherpage h1 {
    margin-left: 0;
    padding-left: 0 !important;
    font-size: 60px !important;
}

h1:not(.container *) {
    text-align: left;
    /* color: #fff; */
    font-family: "vatican", sans-serif;
    font-weight: 500;
    font-size: 96px;
    font-size: max(38px, 5vw);
    line-height: 89px;
    line-height: max(36px, 4.63542vw);
    /* color: #fff; */
    padding-left: 30px;
    padding-left: max(12px, 1.5625vw);
}

a:link:not(main a),
a:visited:not(main a),
a:active:not(main a) {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

#menu-button {
    display: none;
}

nav.mobile {
    display: none;
}

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

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

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

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

nav.primary>ul>li>a {
    padding: 20px;
    padding: max(8px, 1.04167vw);
}

nav.primary ul li a {
    color: #fff;
    -webkit-transition: .4s ease-in;
    -moz-transition: .2s ease-in;
    -o-transition: .2s ease-in;
    transition: .2s ease-in;
    text-align: left;
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: normal;
    font-size: 22px;
    font-size: max(13px, 1.14583vw);
    color: #fff;
}

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

nav.primary ul li li a {
    padding: 10px;
    padding: max(4px, 0.52083vw);
    color: #fff;
    text-align: left;
    border-right: none;
    border-left: none;
    font-size: 16px;
    font-size: max(13px, 0.83333vw);
    max-width: 100% !important;
    width: 100% !important;
    display: block;
}

nav.primary ul ul {
    display: none;
    position: absolute;
}

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

nav.primary ul li:hover>ul {
    display: block;
    z-index: 100;
}

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

nav.primary ul ul li:hover {
    background: black;
}

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

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

@media screen and (max-width: 767px) {
    nav.primary {
        display: none;
    }

    #menu-button {
        width: 100%;
        display: inline-block;
        font-size: 24px;
        position: relative;
        z-index: 400;
        background: #2E2E2E;
        text-align: right;
        padding-right: 10px;
    }

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

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

    nav.mobile .mobile_top {
        position: relative;
        display: block;
        padding: 0;
        margin: 50px 0 10px 0;
        color: #999;
        font-size: 18px;
    }

    nav.mobile .menu-toggle {
        position: absolute;
        padding: 3px 8px 3px;
        font-size: 24px;
        background: #222;
        color: #999;
        text-decoration: none;
        top: -38px;
        right: 13px;
    }

    nav.mobile .menu-toggle:hover {
        color: #fff;
    }

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

    nav.mobile ul li {
        position: relative;
    }

    nav.mobile ul li a {
        position: relative;
        display: block;
        font-size: 15px;
        padding: 17px;
        color: #999;
        text-decoration: none;
        border-left: 4px #333 solid;
        text-align: left;
        text-transform: uppercase;
    }

    nav.mobile ul li a:hover {
        background: rgba(45, 45, 45, 0.5);
        color: #fff;
        border-left: 10px #367c2b solid;
    }

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

    nav.mobile ul li li a {
        background: #444;
        position: relative;
        display: block;
        padding: 20px;
        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.mobile ul li .fa-chevron-down {
        color: #999;
    }
}

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

header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    z-index: 10;
    position: relative;
    background: white;
    /* height: 140px; */
    /* height: max(56px, 7.29167vw); */
}

header .headerleft {
    display: flex;
    align-items: center;
}

header .headerleft a {
    width: 160px;
    width: max(64px, 8.33333vw);
    margin: 0 100px 0 120px;
    margin: 0 max(40px, 5.20833vw) 0 max(48px, 6.25vw);
}

header .headeright {
    width: -webkit-fill-available;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 7% 100%);
}

header .headeright .headerrighttop {
    width: 100%;
    text-align: right;
    padding: 20px 140px;
    padding: max(8px, 1.04167vw) max(56px, 7.29167vw);
    box-sizing: border-box;
    background: #434343;
}

.contactInfo {
    display: inline-flex;
}

.contactInfo .contactsnip {
    margin: 0 17px;
    margin: 0 max(7px, 0.88542vw);
}

.contactInfo .contactsnip a,
.contactInfo .contactsnip a span {
    text-align: left;
    color: #fff;
    /* text-transform: uppercase; */
    font-size: 18px;
    font-size: max(13px, 0.9375vw);
}

.contactInfo .contactsnip a i {
    margin-right: 20px;
    margin-right: max(8px, 1.04167vw);
}

header .headeright .headerrighttop .rightsearch {
    display: inline-block;
    margin-left: 55px;
    margin-left: max(22px, 2.86458vw);
}

header .headeright .headerrighttop .rightsearch form {
    display: flex;
}

header .headeright .headerrighttop .rightsearch form button {
    padding: 0 13px;
    padding: 0 max(5px, 0.67708vw);
    background: #606060;
    border: none;
    color: white;
    display: flex;
    align-items: center;
}

input[name~="Keywords"]:not(.container.cf *) {
    background: #434343;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    padding: 9px 25px 5px;
    padding: max(4px, 0.46875vw) max(10px, 1.30208vw) max(2px, 0.26042vw);
    font-size: 16px;
    font-size: max(13px, 0.83333vw);
    border: none;
}

input[name~="Keywords"]:not(.container.cf *)::placeholder {
    color: white;
}

input:not(.container.cf *) {
    border: none;
    outline: none;
}

header .headeright .headerrightbottom {
    width: 100%;
    background: #2E2E2E;
}

header .headeright .headerrightbottom .primary {
    padding: 27px 140px;
    padding: max(11px, 1.40625vw) max(56px, 7.29167vw);
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

header .headeright .headerrightbottom .primary ul {
    width: 85%;
}

.hero {
    position: relative;
    height: 895px;
    height: max(358px, 46.61458vw);
    overflow: hidden;
    /* margin-top: -10px; */
}

.surrounddiv {
    display: flex;
    margin-top: -70px;
    margin-top: min(-28px, -3.64583vw);
    position: relative;
    z-index: 1;
    margin-bottom: 125px;
    margin-bottom: max(50px, 6.51042vw);
}

.surroundstuffstuff {
    position: relative;
    /* overflow: hidden; */
}

.hero .overlaystuff {
    position: absolute;
    z-index: 1;
    width: 630px;
    width: max(252px, 32.8125vw);
    padding: 75px 240px 0 100px;
    padding: max(30px, 3.90625vw) max(96px, 12.5vw) 0 max(40px, 5.20833vw);
    height: 100%;
    background: rgb(54 124 43 / 80%);
    right: 0;
    color: white;
}

.hero .overlaystuff p {
    text-align: left;
    color: #fff;
    margin-bottom: 55px;
    margin-bottom: max(22px, 2.86458vw);
    font-size: 24px;
    font-size: max(13px, 1.25vw);
    font-weight: normal;
    font-size: 20px;
    font-size: max(13px, 1.04167vw);
    line-height: 32px;
    line-height: max(17px, 1.66667vw);
    color: #fff;
    padding-left: 60px;
    padding-left: max(24px, 3.125vw);
}

.hero .slideshow .lazy div img {
    width: 100%;
    height: 895px;
    height: max(460px, 46.61458vw);
    object-fit: cover;
}

.linksurround {
    position: relative;
    padding-right: 10px;
    padding-right: max(4px, 0.52083vw);
}

.linksurround .toptitle {
    width: 470px;
    width: max(188px, 24.47917vw);
    background: #434343;
    color: white;
    padding: 1px;
    clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);
    padding-left: 50px;
    padding-left: max(20px, 2.60417vw);
    filter: drop-shadow(0px 0px 16px rgba(0, 0, 0, 0.26));
    filter: drop-shadow(0px 0px max(6px, 0.83333vw) rgba(0, 0, 0, 0.26));
    box-sizing: border-box;
}

.surroundpic {
    background: white;
    z-index: -1;
    position: relative;
    margin-top: -95px;
    margin-top: min(-38px, -4.94792vw);
    height: 370px;
    height: max(148px, 19.27083vw);
}

.linksurround .toptitle h3:not(.container.cf *) {
    margin-bottom: -20px;
    margin-bottom: min(-8px, -1.04167vw);
}

.linksurround img {
    /* position: absolute; */
    opacity: 0.4;
    /* z-index: -1; */
    position: relative;
    width: 525px;
    width: max(210px, 27.34375vw);
    height: 100%;
}

/*! CSS Used from: https://www.newageequip.com/css/style.css?v=1.0 */
footer {
    display: block;
}

img.footerbottom {
    position: absolute;
    z-index: -1;
    bottom: 0;
    right: -520px;
    right: min(-208px, -27.08333vw);
    transform: scaleX(-1);
    width: 1450px;
    width: max(579px, 75.52083vw);
}

.footertop {
    display: flex;
    justify-content: space-between;
}

footer .ftleft {
    display: flex;
    /* justify-content: space-between; */
    padding: 80px 120px 80px 120px;
    padding: max(32px, 4.16667vw) max(48px, 6.25vw) max(32px, 4.16667vw) max(48px, 6.25vw);
    background: #2E2E2E;
    width: 100%;
    clip-path: polygon(0 0, 100% 0, 87% 100%, 0% 100%);
}

.ftright {
    background: white;
    display: flex;
    align-items: center;
    width: 470px;
    width: max(188px, 24.47917vw);
    display: flex;
    justify-content: flex-end;
    padding-right: 190px;
    padding-right: max(76px, 9.89583vw);
}

.ftright img {
    width: max(72px, 9.375vw);
}

footer .ftleft .leftleftstuff {
    padding-right: 160px;
    padding-right: max(64px, 8.33333vw);
}

footer ul li a,
footer ul li {
    font-size: 23px;
    font-size: max(13px, 1.19792vw);
    color: white;
    font-weight: normal;
    font-size: 19px;
    font-size: max(13px, 0.98958vw);
    line-height: 27px;
    line-height: max(15px, 1.40625vw);
    color: #fff;
    text-decoration: none;
}

footer {
    position: relative;
    /* margin-top: -310px; */
    background: white;
}

@media only screen and (max-width: 767px) {
    img.footerbottom {
        transform: rotate(-80deg) scale(1.5);
        margin-bottom: -240px;
        left: 0px;
    }

    .footertop {
        flex-direction: column;
    }

    footer {
        padding: 80px 50px;
        overflow: hidden;
    }

    footer .ftleft {
        flex-direction: column;
        width: 100%;
    }

    footer .ftleft .leftleftstuff {
        padding-right: 0;
    }

    footer .ftleft .leftrightstuff {
        margin-top: 50px;
    }

    footer .ftright {
        margin-top: 10px;
        width: 100%;
        display: flex;
        justify-content: center;
        padding-right: 0;
    }

    footer,
    footer * {
        text-align: center;
        box-sizing: content-box !important;
    }
}

@media only screen and (max-width: 1100px) {
    .hideplease {
        display: none !important;
    }
}

@media only screen and (max-width: 900px) {
    .hideplease {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    body * {
        order: 2;
    }

    header .headerleft a {
        display: flex;
        width: 120px;
    }

    .contactInfo .contactsnip a>*:not(.contactInfo .contactsnip a i) {
        display: none !important;
    }

    header .headeright .headerrighttop .rightsearch {
        display: none;
    }

    header #menu-button {
        box-sizing: border-box;
    }

    .hero {
        position: static;
        display: flex;
        flex-direction: column-reverse;
        height: auto !important;
    }

    .hero .overlaystuff {
        position: relative;
        width: 100%;
        box-sizing: border-box;
        clip-path: none;
        background: #367C2B;
        padding: 30px 40px 60px;
        margin-top: -10px;
    }

    .hero .overlaystuff,
    .hero .overlaystuff * {
        box-sizing: border-box;
    }

    .hero h1 {
        padding-left: 0 !important;
    }
}

@media only screen and (max-width: 950px) {
    a.linksurround {
        width: 33%;
    }

    .headerleft img {
        width: 94px;
    }

    .toptitle {
        width: 95% !important;
    }

    .hero {
        height: 460px;
    }

    .hero .overlaystuff p {
        width: 100%;
    }

    .linksurround img {
        width: 100%;
        object-fit: cover;
    }
}

@media only screen and (max-width: 767px) {
    .leftrightstuff ul {
        column-count: 1;
    }

    a.linksurround {
        WIDTH: 100%;
    }

    footer ul li a,
    footer ul li {
        font-size: 19px;
        line-height: initial;
    }

    .slideshow,
    h6:not(.container.cf *) {
        font-size: 22px !important;
    }

    #menu-button {
        padding: 3px 25px;
    }

    header .headeright .headerrighttop {
        padding-right: 16px;
    }

    header .headeright .headerrightbottom .primary {
        display: none;
    }

    .surrounddiv {
        flex-direction: column;
    }

    .hero .overlaystuff p {
        padding-left: 0;
        font-size: 15px;
        line-height: 25px;
    }

    .hero .slideshow .lazy div img {
        height: auto;
    }

    .linksurround .toptitle {
        width: 100%;
        clip-path: none;
    }

    .surroundpic {
        height: 200px;
    }

    .linksurround img {
        width: 100%;
        object-fit: cover;
    }

    /*

    footer,
    .ftright img {
        width: 110px;
    }
*/

    footer {
        padding: 0;
    }

    footer,
    footer * {
        box-sizing: border-box !important;
        clip-path: none !important;
    }
}