/*:root {
  --primary-white: #fff;
  --primary-red: #cc1517;
  --primary-black: #1a1a1a;
  --secondary-black: #2a2a2a;
  --custom-black: #808080;
}*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    background: #000;
    color: var(--primary-white);
}

input[type=radio], input[type=checkbox] {
    accent-color: var(--primary-red);
}

a, h1, h2, h3, h4, h5, h6 {
    color: var(--custom-black);
}

a:hover, a:focus, #product-compare .btn-danger {
    color: var(--primary-red);
}

.container {
    width: 90%;
    max-width: 1360px;
}

header {
    background-color: var(--primary-black);
}

header .container {
    width: 95%;
    max-width: 1560px;
}

.allmenu {
    border-bottom: 1px solid var(--secondary-black);
    background-color: var(--secondary-black);
}

.table {
    background-color: var(--secondary-black);
}

#all-menu {
    border: 1px solid var(--secondary-black);
    background-color: var(--primary-black);
}

#menu .nav > li > a:hover, #menu .dropdown-inner li a:hover, #product-compare .btn-danger:hover, #product-compare .btn-danger:focus {
    color: var(--primary-white);
}

#menu .nav > li > a {
    border-bottom: 1px solid var(--secondary-black);
}

#menu .dropdown-menu, #wr-menu button, #form-review input, #form-review textarea,
.btn-primary:hover, #btn-search-category:hover, .homeslide .owl-carousel {
    background: var(--primary-black);
}

.alert-success {
    color: var(--primary-white);
    background-color: var(--secondary-black);
    border-color: var(--primary-white);
}

#menu .dropdown-inner a, .alert .close {
    color: var(--custom-black);
}

#tab-review i.fa-star {
    color: #FC0;
}

#tab-review .fa-star + .fa-star-o {
    color: #E69500;
}

div[id^="input-option"] * {
    display: table-cell;
}

div[id^="input-option"] .radio input[type="radio"], div[id^="input-option"] .checkbox input[type="checkbox"] {
    display: none;
}

div[id^="input-option"] .radio input[type="radio"]:checked + img, div[id^="input-option"] .checkbox input[type="checkbox"]:checked + img {
    border: 5px solid var(--primary-red);
}

.custom-radio .img-thumbnail , div[id^="input-option"] .checkbox .img-thumbnail {
    height: 50px;
    width: 50px;
}

.datebtn:hover, .btnup:hover, .add-to-cart:hover, .btnupload:hover, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: var(--primary-black);
    color: var(--primary-red);
    border-color: var(--primary-red);
}

.nav .menu-img img, .inslistgrid.active img, .inslistgrid.active:hover img, 
.inslistgrid:hover img/*, #product .add-to-cart:hover svg*/ {
    filter: invert(1);
}

#product .add-to-cart:hover svg {
    fill: var(--primary-red);
}

.view_more.my-menu, #wr-menu button {
    border-top: 1px solid var(--secondary-black);
}

.service ul li h4, .pro-bg h2, .heading {
    color: var(--primary-white);
}

.service ul li p {
    color: #666;
}

.service li svg {
    fill: var(--primary-red);
}

.service ul:hover svg {
    fill: #666;
}

.shipping-container {
    background: #191919;
    margin: 0;
    border-radius: 4px;
}

#btn-search-category {
    background: var(--primary-red);
    border: 1px solid var(--primary-red);
}

#menu .nav > li > a, #wr-menu button, .static-menu li a, .view_more.my-menu a.dropdown-toggle, .view_more.my-menu, 
.view_more.my-menu a.dropdown-toggle {
    color: var(--custom-black);
}

#slideshow0 img, .topbanner img.img-responsive {
    width: 100%;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: var(--primary-white);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: var(--primary-white);
}

.product-thumb .price, #cart .btn-danger {
    color: var(--primary-red);
}

.acart:hover, .button-group button:hover, .button-group a:hover, .button-group a:hover, .acart:hover {
    background-color: var(--primary-red) !important;
    border: 1px solid var(--primary-red);
}

span.cartcount, .bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td span.active {
    background-color: var(--primary-red);
}

.ajax-result-msg, .search-box.input-group input {
    color: var(--secondary-black);
}

.item-cate, .inspdes p, span.cate-selected, .hover-cate p:after {
    color: var(--custom-black);
}

#search-by-category .search-container .categories-container .hover-cate .cate-items {
    background: none repeat scroll 0% 0% var(--primary-black);
    border: 1px solid var(--secondary-black);
}

#search-by-category .search-container .categories-container .hover-cate p {
    border: 1px solid var(--secondary-black);
}

.pro-nepr .owl-theme .owl-controls .owl-buttons div, .product-thumb:hover .caption h4 a,
#product #button-cart:hover, #cart .dropdown-menu .btn-primary:hover {
    color: var(--primary-black);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover, #blog.owl-carousel .owl-item, /*#blog.owl-carousel,*/ #filtercol {
    background: var(--secondary-black);
}

.cmn-title.wow.bounce h3, .product-thumb .caption h4 a, li.item-cate:hover,
span.cate-selected {
    color: var(--primary-white);
}

.product-thumb .caption h4 {
    font-weight: 600;
}

.product-thumb:hover .caption h4 a {
    text-decoration: underline;
    -moz-text-decoration-color: var(--primary-red);
    text-decoration-color: var(--primary-red);
}

.pro-nepr .owl-theme .owl-controls .owl-buttons div:hover {
    background: var(--primary-red) !important;
    color: var(--primary-white);
}

.foot-top .button-submit .btn, .breadcrumb, .propage-tab .tab-content,
#cart .table-striped>tbody>tr:nth-of-type(odd), #collapse-checkout-confirm .table, #top,
.bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--secondary-black);
}

.tab-content #tab-specification

.breadcrumb > li {
    text-shadow: unset;
}

.breadcrumb > li:after {
    border-right: 2px solid var(--primary-red);
    border-bottom: 2px solid var(--primary-red);
}

ul.breadcrumb li {
    text-shadow: none;
}

.text-prodecor, .text-de, .text-prodecor-bold, .text-prodecor-bold h2, 
.text-prodecorop, #content h3, .catename h2, legend, .blog-desc h2 {
    color: var(--custom-black);
}

.product-right h1, #product input, #product select, #product textarea, #form-review input, #form-review textarea,
#cart .btn-danger:hover, fieldset .form-control, #formNewLestter h3, .blog-desc a, #d_quickcheckout a,
#d_quickcheckout .btn-default:hover, #d_quickcheckout h4, #d_quickcheckout .close {
    color: var(--primary-white);
}

select option {
    background-color: var(--primary-black) !important;
    color: var(--primary-white) !important;
}

select option:hover {
    background-color: var(--primary-white) !important;
    color: var(--primary-black) !important;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover,
.panel-default > .panel-heading, .list-group+.panel-footer {
    color: var(--primary-white);
    background: var(--secondary-black);
    border: 1px solid var(--secondary-black);
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: var(--custom-black);
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 1px solid var(--custom-black);
}

.cate-border {
    background-color: var(--secondary-black);
    border: 1px solid var(--primary-black);
}

.cate-border {
    background-color: var(--primary-black);
    border: 1px solid var(--secondary-black);
}

.cate-border .input-group-addon {
    background-color: var(--secondary-black);
    color: var(--custom-black) !important;
}

.inslistgrid.active img, .inslistgrid.active:hover img, .inslistgrid:hover img {
    filter: invert(1);
}

.propage-tab .nav-tabs > li > a:hover, #blog.owl-carousel .blog-right h4 a,
#product #button-cart:hover, #btn-search-category:hover, #d_quickcheckout b,
#d_quickcheckout .close:focus, #d_quickcheckout .close:hover,
#d_quickcheckout a:focus, #d_quickcheckout a:hover {
    color: var(--primary-red);
}

#d_quickcheckout .close, #d_quickcheckout .btn-primary {
    text-shadow: unset;
}

#d_quickcheckout .btn-primary {
    background-color: var(--primary-red);
    border: unset;
    background-image: unset;
}

#d_quickcheckout .btn-primary:hover, #d_quickcheckout .btn-primary:focus {
    background-color: var(--primary-black);
    border: 1px solid var(--primary-red);
}

#login_model * {
    font-family: 'Roboto-Regular';
}

#login_model i {
    font-family: 'FontAwesome';
}

#login_form #remeber_password {
    margin-top: 15px;
    display: block;
}

.btn-primary:hover {
    border: 1px solid var(--primary-red);
}

#blog.owl-carousel {
    border-radius: 8px;
}

#blog.owl-carousel .owl-item {
    padding: 5px;
    /*margin: 10px;*/
    border: 10px solid #000;
}

.product-thumb, .product-grid .product-thumb {
    background-color: var(--secondary-black);
    color: var(--primary-white);
    border: 1px solid var(--primary-red);
    padding: 10px;
    margin: 5px;
}

.product-thumb:hover, .product-grid .product-thumb:hover {
    background: var(--primary-white);
    color: var(--primary-black);
}

.pro-nepr .thummargin .owl-theme.owl-carousel,
.catebg {
    background: transparent;
}

/*.product-thumb .caption h4 a {
    color: var(--primary-black);
}*/

.list-group-item, #additional, .sb-theme-cat-list ul li, #tab-specification table, #product input, #product select, #product textarea, 
.propage-tab .nav-tabs > li.active > a, #cart ul.dropdown-menu.pull-right, .inspdes, 
.cate-border .input-group .form-control:last-child, .row.pagi, #content .catename, #content .panel.panel-default,
#cart .dropdown-menu table, fieldset .form-control, #collapse-checkout-confirm .table>tbody>tr:hover,
.product-quickview-detail, .well, .table-striped>tbody>tr:nth-of-type(odd)  {
    background-color: var(--primary-black);
}

#product .btnplus, #product .btnminus, #product #input-quantity, 
#tab-specification .table-bordered > thead > tr > td, 
#tab-specification .table-bordered > tbody > tr > td,
.propage-tab .tab-content, #product input, #product select, #product textarea, #form-review input, #form-review textarea, 
.propage-tab .nav-tabs > li.active > a, .inspdes, .catename h2,
#content .panel.panel-default, #top, .well, .list-group-item, .form-control {
    border: 1px solid var(--custom-black);
}

#product .btnplus, #product .btnminus {
    background-color: var(--custom-black);
    color: var(--primary-black);
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget thead tr:first-child th:hover,
.bootstrap-datetimepicker-widget td span:hover {
    background-color: var(--custom-black);
}

.list-group a {
    color: var(--custom-black);
    border: 1px solid var(--secondary-black);
}

.sb-theme-cat-list ul li, #content .catename {
    border: 1px solid var(--secondary-black);
}

.sb-theme-cat-list {
    margin-bottom: 6px;
}

#form-review input[type=radio], #form-review textarea {
    accent-color: var(--primary-red);
}

#filtercol .list-group-item {
    border: unset;
}

.product-thumb.transition:hover {
    box-shadow: 8px 1px 28px var(--primary-red);
}

.breadcrumb a {
    text-wrap: wrap;
}

.cbanner {
    padding: 0 12px;
}

.cbanner .banner-effect:first-child {
    margin-bottom: 10px;
}

.topbanner:before {
    content: 'Shop By Category';
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    margin: 20px 0;
    padding-bottom: 20px;
    display: block;
    border-bottom: 1px  solid;
}

.header-social .socials-block ul li a, #top-links ul li {
    border: unset !important;
}

nav#top {
    border: unset;
    padding: 8px;
}

#add-comment-blog .form-control {
    border: 0px solid var(--custom-black);
    background-color: var(--secondary-black);
    color: var(--primary-white);
}

#content.inspire-single-blog .panel.panel-default {
    border: 1px solid var(--secondary-black);
    padding: 5px 14px;
}

#page-preloader {
    display: block; 
}

#account-login .well fieldset legend, #account-login .well fieldset label,
#payment_method_list .payment-image {
    display: none;
}

.well .g-recaptcha {
    margin-left: -15px;
}

#d_quickcheckout .panel-default > .panel-heading {
    background: var(--secondary-black);
    color: #fff;
    border: 1px solid var(--secondary-black);
}

#d_quickcheckout .form-control, input[type="text"].form-control {
    background-color: var(--secondary-black);
    color: var(--primary-white);
}

#d_quickcheckout .form-control:focus {
    border-color: var(--custom-black);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgb(204, 21, 23, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 1px 1px rgb(204, 21, 23, 0.075), 0 0 8px rgba(255, 255, 255, 0.6);
}

#d_quickcheckout .btn-primary.active, #d_quickcheckout .btn-default:hover {
    background-color: var(--primary-black);
    border: 1px solid var(--primary-red);
}

#d_quickcheckout .btn-default {
    color: var(--primary-black);
    background-color: var(--primary-white);
    background-image: unset;
}

#cart .btn-primary:hover, #cart .btn-primary:focus, .product-thumb .image,
.product-thumb .second-img {
    background-color: var(--primary-white);
}

#d_quickcheckout .btn-primary:hover, #d_quickcheckout .btn-primary:active, 
#d_quickcheckout .btn-primary.active, #d_quickcheckout .btn-primary.disabled, 
#d_quickcheckout .btn-primary[disabled] {
    background-color: var(--primary-black);
    border: 1px solid var(--primary-white);
    color: var(--primary-red);
}

#d_quickcheckout .modal-content {
    background-color: var(--secondary-black);
    border: 1px solid var(--primary-red);
}

#d_quickcheckout .modal {
    z-index: 1099;
}

.qc-checkout-product .preloader, .button-group.product-overlay-enabled {
    display: none !important;
}

#d_quickcheckout .btn-block {
    width: auto;
    float: right;
}

.product-overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(135, 77, 77, .9);
    color: var(--primary-white);
    line-height: 2;
    font-size: 16px;
    opacity: 0;
}

.catebg .product-overlay {
    line-height: 2;
}

.product-thumb:hover .product-overlay {
    opacity: 1;
}

.product-thumb .rating {
    float: left;
}

.specs {
    /*padding-left: 20px;*/
    position: relative;
    font-size: 18px;
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.7s;
}

.catebg .specs {
    font-size: 12px;
}

.rating + .price {
    text-align: right;
}

.rating + .price + .button-group + .acart {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.product-thumb:hover .product-overlay .attr-1{
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-2{
    transition-delay: 0.2s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-3{
    transition-delay: 0.4s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-4{
    transition-delay: 0.6s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-5{
    transition-delay: 0.8s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-6{
    transition-delay: 1.0s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.product-thumb:hover .product-overlay .attr-7{
    transition-delay: 1.2s;
    transform: translateY(0px);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

#scroll:hover {
    color: var(--primary-black);
}

.row.custom-contact-blog .col-sm-3 {
    background: var(--secondary-black);
    margin: 9px;
    padding: 18px;
    width: 23%;
    height: 140px;
    max-height: 300px;
    /*overflow-y: scroll;*/
}

@media (min-width: 768px) {
    .static-menu li a:hover {
        color: var(--primary-white);
    }
    
    .product-thumb:hover .acart {
        background-color: var(--primary-red);
        border: 1px solid var(--primary-red);
    }
}

@media (max-width: 1199px) {
    .row.custom-contact-blog .col-sm-3 {
        width: unset; 
    }
}

@media (max-width: 767px) {
    .rating + .price + .button-group + .acart {
        display: none;
    }
    
    nav#top {
        padding: 10px;
    }
    
    #menu {
        top: -174px;
        position: absolute;
        z-index: 1099;
    }
    
    #menu .btn-navbar {
        color: var(--primary-white);
    }
    
    .sidenav {
        background-color: #111;
    }
    
    .service {
        border: unset;
    }
    
    .service ul {
        padding: 8px 15px;
        display: flex;
        width: 25%;
        flex-direction: column;
        align-items: center;
        border-right: unset;
    }
    
    .service ul li h4 {
        font-size: 10px;
    }

    #cart {
        margin-top: 25px;
    }
    
    .specs {
        font-size: 16px;
    }
    
    .product-thumb .caption .rating .fa-stack {
        width: 1em;
        height: 1em;
        line-height: 1em;
    }
    
    .product-thumb .caption .rating .fa-star-o, .product-thumb .caption .rating .fa-star {
        font-size: 10px;
    }
}

@media (max-width: 599px) {
    .container.pro-bg .tab-head {
         display: block; 
    }
    #menu .btn-navbar, #top-links .dropdown a.dropdown-toggle i {
        color: var(--primary-white);
    }
    .cbanner {
        padding: 0 24px 0 0;
    }
    .secondbanner {
        display: block;
        width: 100%;
    }
    .secondbanner .banner-effect, .secondbanner .banner-effect a img {
        display: inline;
    }
    .secondbanner .banner-effect a img {
        width: 49%;
        padding: 10px 4.6px;
    }
    .secondbanner .banner-effect:last-child a img {
        padding: 10px 6.6px 10px 1.6px;
    }
    .service ul li p {
        color: #666;
        font-size: 6px;
        line-height: 7px;
        margin-top: 8px;
    }
    #top-links .pull-right, #top-links .pull-right .dropdown {
        float: right !important;
    }
    #top-links .pull-right .dropdown {
        margin-right: -23px !important;
    }
    
    .catebg .specs {
        font-size: 10px;
    }
    
    .catebg .product-overlay {
        line-height: 1.6;
    }
    
    .product-thumb .caption .rating .fa-stack {
        width: 1em;
        height: 1em;
        line-height: 1em;
    }
    
    .product-thumb .caption .rating .fa-star-o, .product-thumb .caption .rating .fa-star {
        font-size: 8px;
    }
    
    
}

@media (max-width: 480px) {
    
    .specs {
        font-size: 13px;
    }
    
    .product-thumb .caption .rating .fa-stack {
        width: .5em;
        height: .5em;
        line-height: .5em;
    }
    
    .product-thumb .caption .rating .fa-star-o, .product-thumb .caption .rating .fa-star {
        font-size: 6px;
    }
}

@media (max-width: 395px) {
    
    .specs {
        font-size: 12px;
    }
    
    .product-thumb .caption .rating .fa-stack {
        width: .5em;
        height: .5em;
        line-height: .5em;
    }
    
    .product-thumb .caption .rating .fa-star-o, .product-thumb .caption .rating .fa-star {
        font-size: 6px;
    }
    
}

@media (max-width: 350px) {
    
    .specs {
        font-size: 11px;
    }
    
    .product-thumb .caption .rating .fa-stack {
        width: .2em;
        height: .2em;
        line-height: .2em;
    }
    
    .product-thumb .caption .rating .fa-star-o, .product-thumb .caption .rating .fa-star {
        font-size: 4px;
    }
    
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .nav .dropdown-menu {
        overflow-x: scroll;
    }
}
    
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav .dropdown-menu {
        width: 73vw; 
    }
}
    
@media screen and (min-width: 768px) and (max-width: 991px) {
    .nav .dropdown-menu {
        width: 65vw; 
    }
}