@import url('file:///C:\Users\User\source\repos\JohnBean2023\nopCommerce_4.30_Source\Presentation\Nop.Web\Themes\RootTheme\Content\css\bootstrap-reboot.min.css');
@font-face {
    font-family: 'Tungsten Compressed Book';
    src: url('../fonts/TungstenCompressed-Book.woff2') format('woff2'), url('../fonts/TungstenCompressed-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed';
    src: url('../fonts/TungstenCompressed-Medium.woff2') format('woff2'), url('../fonts/TungstenCompressed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Bold.woff2') format('woff2'), url('../fonts/TungstenCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon';
    src: url('../fonts/Quadon-Regular.woff2') format('woff2'), url('../fonts/Quadon-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Medium.woff2') format('woff2'), url('../fonts/TungstenCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow Book';
    src: url('../fonts/TungstenNarrow-Book.woff2') format('woff2'), url('../fonts/TungstenNarrow-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Light.woff2') format('woff2'), url('../fonts/TungstenNarrow-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Black.woff2') format('woff2'), url('../fonts/TungstenCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon';
    src: url('../fonts/Quadon-Medium.woff2') format('woff2'), url('../fonts/Quadon-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Bold.woff2') format('woff2'), url('../fonts/Tungsten-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed';
    src: url('../fonts/TungstenCompressed-Bold.woff2') format('woff2'), url('../fonts/TungstenCompressed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon';
    src: url('../fonts/Quadon-UltraBold.woff2') format('woff2'), url('../fonts/Quadon-UltraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Semibold.woff2') format('woff2'), url('../fonts/TungstenCondensed-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Black.woff2') format('woff2'), url('../fonts/TungstenNarrow-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Black.woff2') format('woff2'), url('../fonts/Tungsten-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Medium.woff2') format('woff2'), url('../fonts/TungstenNarrow-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Quadon';
    src: url('../fonts/Quadon-UltraBold.woff2') format('woff2'), url('../fonts/Quadon-UltraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Light.woff2') format('woff2'), url('../fonts/TungstenCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Book';
    src: url('../fonts/Tungsten-Book.woff2') format('woff2'), url('../fonts/Tungsten-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('../fonts/TungstenCondensed-Bold.woff2') format('woff2'), url('../fonts/TungstenCondensed-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Semibold.woff2') format('woff2'), url('../fonts/Tungsten-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed';
    src: url('../fonts/TungstenCompressed-Light.woff2') format('woff2'), url('../fonts/TungstenCompressed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Semibold.woff2') format('woff2'), url('../fonts/TungstenNarrow-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed';
    src: url('fonts/TungstenCondensed-Thin.woff2') format('woff2'), url('fonts/TungstenCondensed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Book';
    src: url('../fonts/Tungsten-Book.woff2') format('woff2'), url('../fonts/Tungsten-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed Semibld';
    src: url('../fonts/TungstenCompressed-Semibld.woff2') format('woff2'), url('../fonts/TungstenCompressed-Semibld.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Thin.woff2') format('woff2'), url('../fonts/Tungsten-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Black.woff2') format('woff2'), url('../fonts/Tungsten-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Bold.woff2') format('woff2'), url('../fonts/Tungsten-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed';
    src: url('../fonts/TungstenCompressed-Thin.woff2') format('woff2'), url('../fonts/TungstenCompressed-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Medium.woff2') format('woff2'), url('../fonts/Tungsten-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed XLight';
    src: url('../fonts/TungstenCondensed-XLight.woff2') format('woff2'), url('../fonts/TungstenCondensed-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed XLight';
    src: url('../fonts/TungstenCompressed-XLight.woff2') format('woff2'), url('../fonts/TungstenCompressed-XLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Thin.woff2') format('woff2'), url('../fonts/TungstenNarrow-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow Extra';
    src: url('../fonts/TungstenNarrow-ExtraLight.woff2') format('woff2'), url('../fonts/TungstenNarrow-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Compressed';
    src: url('../fonts/TungstenCompressed-Black.woff2') format('woff2'), url('../fonts/TungstenCompressed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Condensed Book';
    src: url('../fonts/TungstenCondensed-Book.woff2') format('woff2'), url('../fonts/TungstenCondensed-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten';
    src: url('../fonts/Tungsten-Light.woff2') format('woff2'), url('../fonts/Tungsten-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Narrow';
    src: url('../fonts/TungstenNarrow-Bold.woff2') format('woff2'), url('../fonts/TungstenNarrow-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tungsten Extra';
    src: url('../fonts/Tungsten-ExtraLight.woff2') format('woff2'), url('../fonts/Tungsten-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}


header {
    background-color: #ff0303 !important;
}

.header-upper {
    border-bottom: none !important; 
}
.header-menu {
    border-bottom: none !important;
    border-top: none !important;
}
.navbar-expand-lg .navbar-nav li {
    border-left: none !important;
    padding: 0 5px !important;
}

#menu a.nav-link {
    font-family: 'Tungsten Condensed' !important;
    color: white;
}

ul.dropdown-menu.sub-menusublist.first-level {
    background: #ff0303;
}

.dropdown-men .nav-link:hover {
    background-color: #ff0303 !important;
}

ul.navbar-nav .nav-item a {
    color: white !important;
    font-size: 36px !important;
    text-transform: uppercase;
}

.header-lower {
    padding: 5px 0px !important;
}

.header-menu {
    padding: 0px 0px 20px 0px;
}

.btn-videos-nav {
    background: #ff0303;
    border: 1px solid #ea1010 !important;
}

.btn-videos-nav {
    background: #ff0303;
    border: 1px solid #ea1010 !important;
}

    .btn-videos-nav:hover {
        background: #ea1010 !important;
    }

.btn-downloads-nav:hover {
    background: #ea1010 !important;
}

nav.header-links a {
    color: white;
}

.search-box .search-box-button:hover {
    background-color: #ea1010 !important;
}

.btn-primary.search-box-button {
    background: #ea1010 !important;
    border: 1px solid #ea1010 !important;
}

a.btn.btn-info.btn-downloads-nav {
    background: #ea1010 !important;
    border: 1px solid #ea1010 !important;
}

.btn-primary.btn-videos-nav {
    border: 1px solid #ea1010 !important;
    background: #ea1010 !important;
}

.search-box .search-box-button:hover {
    background-color: #ea1010 !important;
}

input#small-searchterms {
    background: #ea1010 !important;
    border: 1px solid #ea1010 !important;
    color: darkred !important;
    border-solid: 1px solid #ea1010 !important;
}


#topcartlink {
    background-color: transparent !important;
}

input#small-searchterms::placeholder {
    color: darkred !important;
}

ul.dropdown-menu.sub-menusublist.first-level a {
    font-size: 28px !important;
}

ul.dropdown-menu.sub-menusublist.first-level li.nav-item.dropdown {
    list-style: none !important;
    list-style-type: none !important;
}


ul.dropdown-menu.sub-menusublist li.nav-item.dropdown {
    list-style: none !important;
list-style-type: none !important;
}

ul.dropdown-menu.sub-menusublist, .dropdown-menu {
    list-style: none !important;
list-style-type: none !important;
}

ul.dropdown-menu.sub-menusublist.first-level li {
   list-style: none !important;
list-style-type: none !important;
}

ul.dropdown-menu.sub-menusublist.first-level a {
   font-size: 28px !important;
}

.navbar-expand-lg .navbar-nav ul.dropdown-menu {
    list-style-type: none !important;
}

.navbar-expand-lg .navbar-nav ul.dropdown-menu li {
        list-style-type: none !important;
}

.navbar-expand-lg .navbar-nav ul.dropdown-menu {
    list-style-type: none !important;
    padding-left: 0 !important;
}

    .navbar-expand-lg .navbar-nav ul.dropdown-menu li {
        list-style-type: none !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

        .navbar-expand-lg .navbar-nav ul.dropdown-menu li a {
            padding-left: 0 !important;
        }


.sub-header {
    background: black !important;
    padding-top: 20px;
    padding-bottom: 20px;
}

.sub-header .item-box.card.col-12.col-sm-6.col-md-4.col-lg-4.col-xl-4 {
        background: black !important;
}

.sub-header img.card-img-top {
    max-height: 220px !important;
    width: auto !important;
}

footer.footer {
    background: red !important;
    border-top: 2px solid white;
}

.footer-block .title strong {
    color: white !important;
}
.navbar-expand-lg .navbar-nav ul.dropdown-menu.sub-menusublist.first-level li a:before {
    content: "";
    position: absolute;
    top: 17px;
    left: 15px;
    width: 5px;
    height: 5px;
    background-color: #ea1010 !important;
}
.navbar-expand-lg .navbar-nav ul.dropdown-menu.sub-menusublist.first-level li:hover > a {
    background-color: #ea1010 !important;
    border-radius: .25rem;
}

.master-wrapper-content {
    background: black !important;
}

.center-1 {
    margin: 0px !important;
}

header {
    background-color: #ff0303 !important;
    border-bottom: 2px solid white;
}

.header-menu {
    padding: 0px !important;
}

.page-intro-title {
    text-align: center;
    color: white;
}

h2.page-intro-title-light {
    color: white !important;
    font-family: 'Tungsten';
    font-weight: 300;
    font-size: 56px !important;
}

h2.page-intro-title-light {
    color: white !important;
    font-family: 'Tungsten';
    font-weight: 300;
    font-size: 56px !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    line-height: 30px;
}
.category-grid.home-page-category-grid .picture {
    height: 200px;
    background-position: center center;
    background-color: #111;
    background-size: cover;
    background-position: center;
}

.sub-category-grid .picture {
    height: 280px;
    background-position: center center;
    background-color: #111;
    background-size: cover;
    background-position: center;
}


.category-grid.home-page-category-grid .picture h2.title {
    margin-top: 21%;
    font-family: 'Tungsten';
    text-transform: uppercase;
    font-weight: 700 !important;
    color: white !important;
    font-size: 42px !important;
    text-shadow: 1px 1px 5px black !important;
}

h2.page-intro-title-heavy {
    font-family: 'Tungsten';
    color: white;
    font-size: 56px;
    font-weight: 700;
}

.footer-lower {
    background: black !important;
    padding: 5px !important;
    border: 0px !important;
}

.footer-upper {
    padding: 10px 0px 0px 0px !important;
    border-bottom: 0px !important;
}

.footer-lower a {
    color: rgb(119,119,119) !important;
}
.footer-upper a.nav-link {
    color: white !important;
    line-height: 10px !important;
}
.footer-upper a.nav-link:hover {
    color: black !important;
    line-height: 10px !important;
}

.page.home-page h3 {
    color: red !important;
    text-align: left !important;
    font-weight: 700 !important;
}

.picture-overlay {
    background: rgba(255,0,0,.5);
    position: absolute;
    top: 0px;
    bottom: 0px;
    z-index: 1;
    height: 200px;
    width: 92%;
    display:none;
}

.sub-category-grid .picture-overlay {
    height: 280px;
}

.home-page-category-grid h2.title, .sub-category-grid h2.title {
    position: absolute;
    z-index: 100;
    color: white;
    top: 41%;
    width: 92%;
    font-weight: 700;
    font-size: 20pt;
    text-shadow: 1px 1px 10px black;
}

.home-page-category-grid a:hover .picture-overlay, .sub-category-grid a:hover .picture-overlay {
    display: block;
}

.page-title h1 {
    font-family: 'Tungsten';
    font-weight: 600 !important;
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 54px !important;
}


.sub-category-grid .item-box {
    background: black;
}

.page-title {
    border-bottom: none !important;
}

.form-fields {
    background: #111;
}

.login-page .returning-wrapper .buttons {
    background-color: #111;
    padding: 30px 0;
}

.text {
    background: #111111 !important;
    border: none !important;
}

.login-page .title {
    color: #fff !important;
}

.login-page .returning-wrapper .buttons {
    background-color: #000 !important;
    padding: 30px 0;
}

.registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 { 
    background:red !important;
}



ul.breadcrumb {
    background: black !important;
}

li.breadcrumb-item a:hover {
    color: grey !important;
}

.master-wrapper-page {
    background: black;
}

.page-title {
    min-height: 50px;
    margin: 0 0 25px;
    border-bottom: 0px solid #ddd;
}
 .page-title h1 {
        font-size: 54px !important;
        margin: 0px !important;
}

.page-title {
    min-height: auto !IMPORTANT;
    margin: 0px !important;
    border-bottom: 0px solid #ddd;
    padding: 8px 10px 9px 10px;
}

.product-selectors {
    margin: 0 0 20px;
    border-top: 1px solid #ddd;
    border-bottom: 0px !important;
    padding: 10px 0 !important;
}

.product-filters {
    border-bottom: 1px solid #000 !important;
}

h2.product-title a {
    color: #f1f1f1 !important;
}

.product-name.card-header h1 {
    color: white !important;
}

.overview .product-name {
    margin: 0 0 5px !important;
    border-bottom: none !important;
    padding: 0 0 10px;
}

.product-essential {
    margin: 0px !important;
    border-bottom: 0px !important;
    padding: 0 0 10px;
}


.gallery {
    margin: 0px !important;
}

.gallery .picture:before {
    padding-top: 71% !important;
}

nav.header-links a:hover {
    color: black !important;
}


@media (min-width: 1001px) {
    .gallery, .overview {
        width: 100% !important;
    }
}


.item-box .picture {
    background-color: #111 !important;
}

.form-fields {
    background: #111111 !important;
}

div#eu-cookie-bar-notification {
    background: #111111 !important;
}

.eu-cookie-bar-notification button, .eu-cookie-bar-notification button:hover {
    background-color: red !important;
}

a:hover {
    color: grey !important;
}

a {
    color: red !important;
}

.social ul {
    border: none !important;
}

.footer-block .title {
    margin: 0px !important;
}

.footer-block .title {
    margin: 0px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.footer-upper {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.topic-page .page-body {
    padding-bottom: 20px !important;
}

.product-rating-box {
    display: none !important;
}

.prices {
    display: none !important;
}

a.btn.btn-primary {
    background-color: red !important;
    border-color: darkred !important;
}

a.btn.btn-primary:hover {
    background-color: darkred !important;
}

.item-box .buttons {
    text-align: center !important;
}

.pager li span {
    border-color: transparent;
    background-color: #111111;
    color: #fff;
}
.pager li a:hover {
    border-color: transparent;
    background-color: #333 !important;
    color:white;
}


li.next-page a {
    background-color: #333 !important;
    border-color: #222 !important;
}

.buttons a {
    color: white !important;
}

.pager li span {
    border-color: transparent;
    background-color: #333 !important;
    color: #fff;
}

.pager li a {
    color: #fff !important;
    background: #555;
    border-color: #444;
}

li.current-page span {
    color: black !important;
    background: #222 !important;
}

li.current-page {
    background: #111 !important;
}

ul.nav.navbar-right a {
    color: white !important;
}

a.btn.btn-info.btn-downloads-nav.float-right.d-none.d-md-block {
    color: white !important;
    border: 1px solid red !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    position: relative;
    top: -1px !important;
}

a.btn.btn-primary.btn-videos-nav.float-right.d-none.d-md-block {
    color: white !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border: 0px !important;
    background: #ea1010 !important;
}

.dropdown-menu {
    min-width: 250px !important;
}

ul.dropdown-menu li a span {
    padding-left: 10px !important;
}

.page {
    padding-bottom: 20px !important;
}

.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle
{
    background-color: red !important;
    border-color: red  !important;
}

.contact-page input, .contact-page textarea {
    background: #333 !important;
    border-color: #222 !important;
    color: white !important;
}

input.button-1.btn.btn-primary.contact-us-button {
    background: red !important;
}