@font-face {
            font-family: "saans_jsbold";
            src: url("/user/documents/font/saansjs-bold-webfont.woff2?v=4") format("woff2"),
                url("/user/documents/font/saansjs-bold-webfont.woff?v=4") format("woff");
            font-weight: normal;
            font-style: normal;
            font-display: block;
            ascent-override: 95%;
        }
@font-face {
    font-family: "saans_jsmedium";
    src: url("/user/documents/font/saansjs-medium-webfont.woff2") format("woff2"),
        url("/user/documents/font/saansjs-medium-webfont.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: block;
    ascent-override: 95%;
}
body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, input, button, select, option {
    font-family: "saans_jsmedium" !important;
    text-transform: none !important;
}

/* negative color scheme */

body{
    color: white !important;
    background-color: black;
}

*:not(select, option, input, textarea, a) {
    color: white !important;
}

a:hover{
    color: aqua !important;
    text-decoration: underline;
}

.content-window-in{
    background-color: black;
}    



.product, .products-block .product {
    border-width: 1px;
    border-color:  rgba(0, 255, 240, .2);
}

.product .btn, .product .btn:hover{
    border-color: black;
    color: black !important;
    border-radius: 30px;
}

.product .btn:hover, #footer, footer, .cart-table tr td, .cart-table tr td.cart-p-image, 
ol.cart-header li.active a, ol.cart-header li.active strong, ol.cart-header li.completed a, ol.cart-header li.completed strong,
ol.cart-header li a, ol.cart-header li strong, .cart-table{
    border-color: #5FFFFF;
    background-color: black;
    color: white !important;
}


.btn.btn-conversion{
    border-radius: 30px;
    background-color: aqua !important;
    color: black !important;
}
.btn.btn-conversion:hover, a.btn.btn-conversion:hover{
    background-color: white !important;
    border-color: white;
    color: black !important;
}
span.order-button-text{
    color: black !important;
   
}
span.order-button-text:hover {
    color: black !important;
    
}



/* negative color scheme end */

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

    #header{
        background-color: black;
    }
    .site-name img {
        min-height: 40px;
    }
}

@media only screen and (min-width: 768px) {
    #navigation{
        display: none;
    }
    #header .site-name {
        padding-bottom: 2rem;
        padding-top: 0;
    }
    #header .site-name{
        text-align: left;
    }

    #header .site-name a img {
        margin: 1rem;
        max-width: 230px;
    }

    .type-category #header, .type-product #header {
        border-bottom-style: none;    
}
}

.top-nav>a.project-email, .top-nav>a.project-phone {
display: none;
}



.navigation-in>ul>li>a{
    font-size: 2.5rem;
    text-transform: none;
}

.shp-tabs-wrapper{
    display: none;
}

.banner-wrapper{
    text-align: left;
}

.banner-wrapper a, .contact-wrap a span, footer a{
    color: aqua !important;
}

.banner-wrapper a img{
    max-height: 70px;
}

.custom-footer .box h4{
    display: none;
}

.question-tooltip{
    background-color: black;
    border-color: white;
}

.btn.btn-plain, a.btn.btn-plain{
    color: white;
}
.cart-table tr td.p-name a{
    color: aqua !important;
}
.cart-table .main-link{
    font-size: 1.5rem;
}
.content-modal{
    background-color: black;
}
#cboxClose{
    background-color: black !important;
    border: 1px solid white !important;
}
#cboxClose:before{
    color: aqua !important;
}

.btn.btn-primary, a.btn.btn-primary{
    background-color: aqua !important;
    color: black !important;
    
}
.order-button-suffix{
    color: black !important;
}

.siteCookies__button{
    
    color: black !important;
}

/* products */

.products-block .product .name span{
    font-size: 2.5rem;
    text-transform: none;
    color: aqua !important;
}

.price-final{
    font-size: 2rem !important;
    color: white !important;
}


    .products-block .product .name span{
        font-size: 2rem;
    }
    .price-final{
        font-size: 1.5rem !important;
    }

.product.highlight-product .btn{
    background-color: aqua !important;
}

.products-block .product .name{
    height: auto;
}

.flag.flag-new{
    background-color: aqua !important;
    color: black !important;
    font-size: 1.2rem;
    text-transform: none;
}

@media only screen and (min-width: 768px) {
    .highlight-product:after{
        background-color:  rgba(0, 255, 240, .15) !important;
    }
}