/* Set viewport width: 1000 */
/* Set separate viewport width for font-size and line-height: 1000 */
nav.mobile {
    display: none;
}

.mobile::-webkit-scrollbar {
    display: none;
}

.mobile {
    overflow-y: hidden;
    /* Hide vertical scrollbar */
    overflow-x: hidden;
    /* Hide horizontal scrollbar */
}

nav.primary {
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: none;
    position: relative;
}

nav.primary ul {
    margin: 0px;
    padding: 0px;
    text-align: right;
}

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

nav.primary ul li a {
    font-family: 'Open Sans', sans-serif, sans-serif;
    line-height: max(max(9px, max(8px, 0.75141vw)), max(13px, max(10px, 1.04167vw)));
    line-height: max(max(max(5px, 0.46875vw), max(8px, 0.75141vw)), max(max(7px, 0.67708vw), max(10px, 1.04167vw)));
    text-decoration: none;
    padding: max(4px, max(5px, 0.52083vw)) max(5px, max(6px, 0.625vw));
    padding: max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(3px, 0.26042vw), max(6px, 0.625vw));
    display: block;
    margin: 0px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.2s ease-in 0s;
    font-weight: 700;
    color: rgb(10, 39, 55) !important;
}

nav.primary ul li a:hover {
    background-color: rgb(224, 224, 224);
}

nav.primary ul li li a {
    line-height: max(max(8px, max(7px, 0.67627vw)), max(11px, max(9px, 0.9375vw)));
    line-height: max(max(max(4px, 0.41667vw), max(7px, 0.67627vw)), max(max(6px, 0.57292vw), max(9px, 0.9375vw)));
    padding: max(2px, max(3px, 0.26042vw)) 0px max(2px, max(3px, 0.26042vw)) max(max(6px, max(8px, 0.75141vw)), max(8px, max(10px, 1.04167vw)));
    padding: max(max(1px, 0.10417vw), max(3px, 0.26042vw)) 0px max(max(1px, 0.10417vw), max(3px, 0.26042vw)) max(max(max(3px, 0.3125vw), max(8px, 0.75141vw)), max(max(4px, 0.41667vw), max(10px, 1.04167vw)));
    text-align: left;
    border-right: none;
    border-left: none;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(10, 39, 55);
    font-family: 'Open Sans', sans-serif, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: max(max(8px, max(7px, 0.67627vw)), max(11px, max(9px, 0.9375vw)));
    font-size: max(max(max(4px, 0.41667vw), max(7px, 0.67627vw)), max(max(6px, 0.57292vw), max(9px, 0.9375vw)));
    color: rgb(10, 39, 55) !important;
}

nav.primary ul li li a:hover {
    color: rgb(179, 198, 24);
}

nav.primary ul ul {
    display: none;
    position: absolute;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px max(2px, max(2px, 0.20833vw));
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px max(max(1px, 0.10417vw), max(2px, 0.20833vw));
}

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

nav.primary ul li:hover>ul {
    display: block;
    line-height: max(max(8px, max(7px, 0.67627vw)), max(11px, max(9px, 0.9375vw)));
    line-height: max(max(max(4px, 0.41667vw), max(7px, 0.67627vw)), max(max(6px, 0.57292vw), max(9px, 0.9375vw)));
    z-index: 100;
}

nav.primary ul ul li {
    float: none;
    width: max(max(89px, max(116px, 11.6469vw)), max(124px, max(161px, 16.1458vw)));
    width: max(max(max(46px, 4.63542vw), max(116px, 11.6469vw)), max(max(65px, 6.45833vw), max(161px, 16.1458vw)));
    position: relative;
    margin: 0px;
    display: block;
}

i.fas.fa-angle-down {
    padding-left: max(1px, max(2px, 0.15625vw));
    padding-top: max(1px, max(1px, 0.35625vw));
}

@media screen and (max-width: 1480px) {
    nav.primary ul li a {
        font-size: 15px;
    }

    nav.primary ul ul li {
        width: 240px;
    }

    nav.primary ul li li a {
        font-size: 13px;
    }
}

@media screen and (max-width: 1380px) {
    .invpagepadd {
        width: 90%;
        margin-right: 0;
        margin-left: auto;
    }
}

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

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

@media screen and (max-width: 767px) {
    .invpagepadd {
        width: calc(100% - 100px);
    }

    .icon-btns {
        display: none;
    }

    .fullMenuBG[style]+ul::before {
        content: none !important
    }
}


@media screen and (max-width: 500px) {
    .invpagepadd {}


    .topbar {
        background: white
    }
}

@media screen and (max-width: 1200px) {
    nav.primary ul li a {
        padding: 10px 5px;
        font-size: 14px;
    }
}

nav.primary {
    display: none;
}

#menu-button {
    position: relative;
    z-index: 2147483647;
}

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

#menu-button a {
    color: rgb(10, 39, 55);
    text-decoration: none;
    text-align: left;
    font-weight: 600;
}

.menu-toggle span {
    font-size: max(max(9px, max(8px, 0.75141vw)), max(13px, max(10px, 1.04167vw)));
    font-size: max(max(max(5px, 0.46875vw), max(8px, 0.75141vw)), max(max(7px, 0.67708vw), max(10px, 1.04167vw)));
}

nav.mobile {
    display: block;
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    right: 0px;
    z-index: -2147483648;
}

.inventorypages nav.mobile {
    border-left: .5px solid black;
}

nav.mobile.showStuff {
    display: block;
    position: fixed;
}

.fullMenuBG {
    background: rgb(255, 255, 255);
    height: 100%;
    position: absolute;
    z-index: 99999;
    width: 100%;
    top: -100%;
}

.fullMenuBG+ul {
    align-items: center;
    position: relative;
    display: flex !important;
    flex-direction: row !important;
    margin-left: 0px !important;
}

.clicked .fullMenuBG,
.clicked .fullMenuBG * {
    transition: all 0.3s ease 0s !important;
}

nav.mobile .social-media {
    position: relative;
    text-decoration: none;
    font-size: max(max(7px, max(6px, 0.60113vw)), max(10px, max(8px, 0.83333vw)));
    font-size: max(max(max(4px, 0.36458vw), max(6px, 0.60113vw)), max(max(5px, 0.52083vw), max(8px, 0.83333vw)));
    word-spacing: max(max(4px, max(5px, 0.48842vw)), max(5px, max(7px, 0.67708vw)));
    word-spacing: max(max(max(2px, 0.20833vw), max(5px, 0.48842vw)), max(max(3px, 0.26042vw), max(7px, 0.67708vw)));
    padding: 0px 0px 0px max(max(4px, max(6px, 0.56356vw)), max(6px, max(8px, 0.78125vw)));
    padding: 0px 0px 0px max(max(max(2px, 0.20833vw), max(6px, 0.56356vw)), max(max(3px, 0.3125vw), max(8px, 0.78125vw)));
    color: rgb(10, 39, 55);
    display: none;
}

nav.mobile .social-media a:link,
nav.mobile .social-media a:visited {
    color: rgb(35, 131, 183);
    text-decoration: none;
}

nav.mobile .social-media a:hover,
nav.mobile .social-media a:active {
    color: rgb(10, 39, 55);
    text-decoration: underline;
}

.mobiletitle {
    color: rgb(10, 39, 55);
    visibility: hidden;
}

nav.mobile .mobile_top {
    display: block;
    padding: 0px;
    color: rgb(153, 153, 153);
    font-size: max(max(8px, max(7px, 0.67627vw)), max(11px, max(9px, 0.9375vw)));
    font-size: max(max(max(4px, 0.41667vw), max(7px, 0.67627vw)), max(max(6px, 0.57292vw), max(9px, 0.9375vw)));
    font-weight: 400;
    position: absolute;
}

nav.mobile .menu-toggle {
    position: absolute;
    padding: max(1px, max(2px, 0.15625vw)) max(3px, max(4px, 0.41667vw));
    padding: max(1px, max(2px, 0.15625vw)) max(max(2px, 0.15625vw), max(4px, 0.41667vw));
    font-family: Arial, sans-serif;
    font-size: max(max(11px, max(9px, 0.90169vw)), max(15px, max(13px, 1.25vw)));
    font-size: max(max(max(6px, 0.57292vw), max(9px, 0.90169vw)), max(max(8px, 0.78125vw), max(13px, 1.25vw)));
    font-weight: bold;
    line-height: 1;
    background: rgb(34, 34, 34);
    color: rgb(153, 153, 153);
    text-decoration: none;
    top: 0px;
}

nav.mobile .menu-toggle:hover {
    color: rgb(255, 255, 255);
}

nav.mobile ul:not(ul ul) {
    list-style: none;
    font-weight: 300;
    /* margin: 0px 0px 0px max(28px, max(36px,3.64583vw)); */
    padding: 0px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 9999999;
}


.fullMenuBG+ul::before {
    /* opacity: 0; */
    transition: all 0.5s ease 0s;
}

.clicked .fullMenuBG+ul::before {
    opacity: 1;
    transition: all 0.5s ease 0s;
}

nav.mobile ul li {
    position: relative;
}

nav.mobile ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    box-sizing: border-box;
    padding: max(2px, max(3px, 0.3125vw)) 0px;
    padding: max(max(1px, 0.10417vw), max(3px, 0.3125vw)) 0px;
    transition: all 0.6s ease 0s;
    font-family: 'Mohave', sans-serif;
    font-weight: 500;
    font-size: max(24px, 1.76042vw);
    /* font-size: max(max(17px, 1.71875vw), max(28px, 2.76042vw)); */
    line-height: max(36px, max(30px, 3.02083vw));
    line-height: 1;
    color: rgb(70, 70, 70);
    text-shadow: rgba(74, 74, 74, 0.21) 0px 0px max(10px, max(13px, 1.30208vw));
    text-shadow: rgba(74, 74, 74, 0.21) 0px 0px max(max(5px, 0.52083vw), max(13px, 1.30208vw));
    text-align: center;
    text-transform: uppercase;
}

.activePage {
    color: black;
}

.menu-primary li {
    opacity: 0;
    transition: all 0.6s ease 0s;
}

.menu-primary.unhideList li {
    opacity: 1;
}

#foot .menu-primary li {
    opacity: 1 !important;
}

.menu-primary li:nth-child(1) {
    transition-delay: 0.04s;
}

.menu-primary li:nth-child(2) {
    transition-delay: 0.1s;
}

.menu-primary li:nth-child(3) {
    transition-delay: 0.16s;
}

.menu-primary li:nth-child(4) {
    transition-delay: 0.22s;
}

.menu-primary li:nth-child(5) {
    transition-delay: 0.28s;
}

.menu-primary li:nth-child(6) {
    transition-delay: 0.34s;
}

.menu-primary li:nth-child(7) {
    transition-delay: 0.4s;
}

.menu-primary li:nth-child(8) {
    transition-delay: 0.46s;
}

.menu-primary li:nth-child(9) {
    transition-delay: 0.52s;
}

.menu-primary li:nth-child(10) {
    transition-delay: 0.58s;
}

.menu-primary li:nth-child(11) {
    transition-delay: 0.64s;
}

.menu-primary li:nth-child(12) {
    transition-delay: 0.7s;
}

.menu-primary li:nth-child(13) {
    transition-delay: 0.76s;
}

.menu-primary li:nth-child(14) {
    transition-delay: 0.82s;
}

.menu-primary li:nth-child(15) {
    transition-delay: 0.88s;
}

.menu-primary li:nth-child(16) {
    transition-delay: 0.94s;
}

.menu-primary li:nth-child(17) {
    transition-delay: 1s;
}

.menu-primary li:nth-child(18) {
    transition-delay: 1.06s;
}

.menu-primary li:nth-child(19) {
    transition-delay: 1.12s;
}

.menu-primary li:nth-child(20) {
    transition-delay: 1.18s;
}

.menu-primary li:nth-child(21) {
    transition-delay: 1.24s;
}

.menu-primary li:nth-child(22) {
    transition-delay: 1.3s;
}

.menu-primary li:nth-child(23) {
    transition-delay: 1.36s;
}

.menu-primary li:nth-child(24) {
    transition-delay: 1.42s;
}

.menu-primary li:nth-child(25) {
    transition-delay: 1.48s;
}

.menu-primary li:nth-child(26) {
    transition-delay: 1.54s;
}

.menu-primary li:nth-child(27) {
    transition-delay: 1.6s;
}

.menu-primary li:nth-child(28) {
    transition-delay: 1.66s;
}

.menu-primary li:nth-child(29) {
    transition-delay: 1.72s;
}

.menu-primary li:nth-child(30) {
    transition-delay: 1.78s;
}

.menu-primary li:nth-child(31) {
    transition-delay: 1.84s;
}

.menu-primary li:nth-child(32) {
    transition-delay: 1.9s;
}

.menu-primary li:nth-child(33) {
    transition-delay: 1.96s;
}

.menu-primary li:nth-child(34) {
    transition-delay: 2.02s;
}

.menu-primary li:nth-child(35) {
    transition-delay: 2.08s;
}

.menu-primary.hideList li {
    opacity: 0;
}

.menu-primary.hideList li {
    transition-delay: 0s;
}

nav.mobile ul li a:hover {
    color: black;
}

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

nav.mobile ul li li a {
    background: white;
    position: relative;
    display: block;
    padding: max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(max(4px, max(6px, 0.56356vw)), max(6px, max(8px, 0.78125vw)));
    padding: max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(max(2px, 0.20833vw), max(6px, 0.56356vw)), max(max(3px, 0.3125vw), max(8px, 0.78125vw)));
    /* border-left: max(2px, max(2px, 0.20833vw)) solid rgb(68, 68, 68); */
    /* border-left: max(max(1px, 0.10417vw), max(2px, 0.20833vw)) solid rgb(68, 68, 68); */
    color: rgb(132 132 132);
    text-decoration: none;
    /* line-height: 4; */
    padding-bottom: 5px;
}

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: rgb(85, 85, 85);
    position: relative;
    display: block;
    padding: max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(max(7px, max(9px, 0.93926vw)), max(10px, max(13px, 1.30208vw)));
    padding: max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(max(4px, 0.36458vw), max(9px, 0.93926vw)), max(max(5px, 0.52083vw), max(13px, 1.30208vw)));
    color: rgb(204, 204, 204);
    text-decoration: none;
    border-left: max(2px, max(2px, 0.20833vw)) solid rgb(85, 85, 85);
    border-left: max(max(1px, 0.10417vw), max(2px, 0.20833vw)) solid rgb(85, 85, 85);
}

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

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

nav.mobile ul li li li li a {
    background: rgb(119, 119, 119);
    position: relative;
    display: block;
    padding: max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(4px, max(5px, 0.52083vw)) max(max(7px, max(9px, 0.93926vw)), max(10px, max(13px, 1.30208vw)));
    padding: max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(2px, 0.20833vw), max(5px, 0.52083vw)) max(max(max(4px, 0.36458vw), max(9px, 0.93926vw)), max(max(5px, 0.52083vw), max(13px, 1.30208vw)));
    color: rgb(204, 204, 204);
    text-decoration: none;
    border-left: max(2px, max(2px, 0.20833vw)) solid rgb(85, 85, 85);
    border-left: max(max(1px, 0.10417vw), max(2px, 0.20833vw)) solid rgb(85, 85, 85);
}

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

.nav-footer {
    color: rgb(39, 126, 171);
    position: relative;
    text-align: center;
    font-size: max(max(6px, max(5px, 0.52599vw)), max(9px, max(7px, 0.72917vw)));
    font-size: max(max(max(3px, 0.3125vw), max(5px, 0.52599vw)), max(max(5px, 0.46875vw), max(7px, 0.72917vw)));
    line-height: max(max(7px, max(6px, 0.60113vw)), max(10px, max(8px, 0.83333vw)));
    line-height: max(max(max(4px, 0.36458vw), max(6px, 0.60113vw)), max(max(5px, 0.52083vw), max(8px, 0.83333vw)));
    padding: max(max(4px, max(6px, 0.56356vw)), max(6px, max(8px, 0.78125vw))) 0px;
    padding: max(max(max(2px, 0.20833vw), max(6px, 0.56356vw)), max(max(3px, 0.3125vw), max(8px, 0.78125vw))) 0px;
}

nav.mobile ul li a .fa {
    width: max(max(7px, max(9px, 0.93926vw)), max(10px, max(13px, 1.30208vw)));
    width: max(max(max(4px, 0.36458vw), max(9px, 0.93926vw)), max(max(5px, 0.52083vw), max(13px, 1.30208vw)));
    font-weight: 100;
    padding: max(3px, max(4px, 0.41667vw)) max(1px, max(2px, 0.15625vw));
    padding: max(max(2px, 0.15625vw), max(4px, 0.41667vw)) max(1px, max(2px, 0.15625vw));
    margin: 0px max(2px, max(3px, 0.3125vw)) 0px 0px;
    margin: 0px max(max(1px, 0.10417vw), max(3px, 0.3125vw)) 0px 0px;
    text-align: center;
    background: rgb(41, 41, 41);
    border-radius: max(max(9px, max(11px, 1.12711vw)), max(12px, max(16px, 1.5625vw)));
    border-radius: max(max(max(5px, 0.46875vw), max(11px, 1.12711vw)), max(max(6px, 0.625vw), max(16px, 1.5625vw)));
    text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 1px;
}

nav.mobile ul li .fa-chevron-down {
    color: rgb(153, 153, 153);
}

.more {
    position: absolute;
    /* right: 5%; */
}

.mobilefooterlogo {
    text-align: center;
    margin: 0px auto;
    transform: scale(0.9);
}

@media screen and (max-width: 500px) {
    #menu-button {
        text-align: center;
    }
}

.primary li>i {
    display: none;
}

.mobile li i {
    position: absolute;
    /* top: max(max(4px, max(5px, 0.48842vw)), max(5px, max(7px, 0.67708vw))); */
    /* top: max(max(max(2px, 0.20833vw), max(5px, 0.48842vw)), max(max(3px, 0.26042vw), max(7px, 0.67708vw))); */
    top: 5px;
    font-size: 19px;
    margin-left: 4px;
    margin-top: -2px;
}

.mobile+.menu-toggle.exit-click {
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease 0s;
    background: rgba(0, 0, 0, 0.5);
    position: fixed !important;
    inset: 0px 0px 0px max(max(72px, max(94px, 9.39266vw)), max(100px, max(130px, 13.0208vw))) !important;
    inset: 0px 0px 0px max(max(max(38px, 3.75vw), max(94px, 9.39266vw)), max(max(52px, 5.20833vw), max(130px, 13.0208vw))) !important;
}

.mobile.open+.menu-toggle.exit-click {
    pointer-events: auto;
    opacity: 1;
}

.close2 {
    opacity: 0.3;
}

.close2:hover {
    opacity: 1;
}

.close2::before,
.close2::after {
    position: absolute;
    left: max(max(4px, max(6px, 0.56356vw)), max(6px, max(8px, 0.78125vw)));
    left: max(max(max(2px, 0.20833vw), max(6px, 0.56356vw)), max(max(3px, 0.3125vw), max(8px, 0.78125vw)));
    content: " ";
    height: max(max(10px, max(12px, 1.23983vw)), max(13px, max(17px, 1.71875vw)));
    height: max(max(max(5px, 0.52083vw), max(12px, 1.23983vw)), max(max(7px, 0.67708vw), max(17px, 1.71875vw)));
    width: max(1px, max(1px, 0.10417vw));
    background-color: rgb(51, 51, 51);
}

.close2::before {
    transform: rotate(45deg);
}

.close2::after {
    transform: rotate(-45deg);
}