/* Red - #fc2022 */
/* Black - #212121 */

/* ============================================================================== */
                                /* Mobile Menu */
/* ============================================================================== */
@media screen and (max-width: 767px) {


    /* Main Menu Background */
    #s-nav {
        background-color: #212121;
    }
    /* Main Menu Text Color */
    #s-nav div#s-menu .navbar-nav li a {
        color: #fff;
    }
    /* Main Menu Text Hover Color */
    #s-nav div#s-menu .navbar-nav li a:hover {
        color: #fc2022;
    }
    /* Main Menu Button Border Color */
    #s-nav .navbar-toggle {
        border-color: #fc2022;
    }

}
    /* Main Menu Background */

h1,h2,h3,h4,h5,h6 {
    color: #fc2022;
}
    /* Link Colors */
a {
    color: #fc2022;
}
  /* FAQ Title Colors */
.page_FAQ .card a {
    color: #212121;
}

/* ============================================================================== */
                                /* Medium Screen */
/* ============================================================================== */
@media screen and (min-width: 768px) {
    /* Main Menu Background */
    #s-nav {
        background-color: #212121;
    }
    
    #s-menu {
      /* Main Menu Trim Color */
        border-top: 4px solid #fc2022;
      /* Main Menu Text Color*/
        color: #fff;
    }

    /* Navigation Header Background Color */
    #System_Header {
        background-color: #fc2022;  
    }
    /* Navigation Header Background Color */
    #System_Header::before {
        border-bottom-color: #fc2022;
        background-color: #fc2022;
    }
    
    #s-user {
      /* Navigation Header Background Color */
        background-color: #fc2022;
      /* Navigation Header Text Color */
        color: #fff;
    }
      /* Navigation Header Background Color */
    #s-user::after {
        background-color: #fc2022;
        border-bottom-color: #fc2022;
    }
      /* Navigation Header Login Text Color */
    #s-user a, #s-user a.btn {
        color: #fff;
    }

    /* Navigation Header Logo Background Color */
    pc-header {
        background-color: #fff;
    }

    /* Navigation Header Triangle (Beside Logo) Background Color */
    pc-header::before {
        border-color: transparent transparent #fc2022 transparent;
    }
    /* Navigation Header Logo Background Color */
    pc-header::after {
        background-color: #fff;
        border-bottom-color: #fc2022;
    }
    /* Navigation Header Background Color */
    #s-menu {
        border-top-color: #fc2022;
    }
    /* Main Menu Text Color */
    div#s-menu > .navbar-nav > li > a {
        color: #fff;
    }
    /* Main Menu Text Hover Border Effect Color */
    #s-menu > *:hover {
        border-bottom-color: #fc2022;
    }
    /* Main Menu Text Hover Color */
    #s-menu a:first-of-type:hover {
        color: #fc2022;
    }
    /* Hero Text Color */
    .hero-cta__text {
        color: #fff;
    }
}

/* featured Product Shadow Color */

.featured .featured-product-wrapper .product {
    -webkit-box-shadow: 0px 1px 5px 0px #a8a8a8;
            box-shadow: 0px 1px 5px 0px #a8a8a8;
}

/* ============================================================================== */
                                /* CTA Image left Text Right */
/* ============================================================================== */
/* Call To Action Background Colors */
.CTA-left {
    background: -webkit-gradient(linear, left top, right top, from(rgba(252,32,34,1)), color-stop(3%, rgba(252,32,34,1)), color-stop(3%, rgba(241,241,241,1)), to(rgba(241,241,241,1)));
    background: -o-linear-gradient(left, rgba(252,32,34,1) 0%, rgba(252,32,34,1) 3%, rgba(241,241,241,1) 3%, rgba(241,241,241,1) 100%);
    background: linear-gradient(90deg, rgba(252,32,34,1) 0%, rgba(252,32,34,1) 3%, rgba(241,241,241,1) 3%, rgba(241,241,241,1) 100%);
}
.CTA-left::before {
    background-color: #fc2022;
}

.CTA-left::after {
    background-color: #f1f1f1;
}

/* ============================================================================== */
                                /* CTA Text Right Image Left */
/* ============================================================================== */
/* Call To Action Background Colors */
.CTA-right {
    background: -webkit-gradient(linear, left top, right top, from(rgba(241,241,241,1)), color-stop(97%, rgba(241,241,241,1)), color-stop(97%, rgba(252,32,34,1)), to(rgba(252,32,34,1)));
    background: -o-linear-gradient(left, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 97%, rgba(252,32,34,1) 97%, rgba(252,32,34,1) 100%);
    background: linear-gradient(90deg, rgba(241,241,241,1) 0%, rgba(241,241,241,1) 97%, rgba(252,32,34,1) 97%, rgba(252,32,34,1) 100%);
}

.CTA-right::before {
	background-color: #f1f1f1;
}

.CTA-right::after {
	background-color: #fc2022;
}

/* ============================================================================== */
                                /* CTA 2 Block General Settings */
/* ============================================================================== */
/* Call To Action Shadow Colors */
.CTA-left img , .CTA-right img{
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px #535353;
            box-shadow: 0px 0px 10px #535353;
}

.CTA__image-block-item {
-webkit-box-shadow: 0px 1px 5px 0px #a8a8a8;
        box-shadow: 0px 1px 5px 0px #a8a8a8;
}
/* Call To Action Hover Background Colors */
.CTA__image-block-item:hover .CTA__image-block-text {
    background-color: rgba(252, 32, 34, 0.60);
}

/* Call To Action Text Colors */
.CTA__image-block-text {
    background-color: rgba(0,0,0,.60);
    color: #fff;
}

/* ============================================================================== */
                                /* Buttons */
/* ============================================================================== */

button, .btn, button.btn {
    background-color: #fc2022;
    color: #fff;
}

button:hover, .btn:hover, button.btn:hover {
    border-color: #fc2022;
    background-color: #212121;
    color: #fc2022;
} 

button:hover, .btn:hover, button.btn:hover {
    border-color: #fc2022;
    background-color: #212121;
    color: #fc2022;
} 

#btnUpload {
    background-color: #fc2022;
    border: none;
}

#btnUpload:hover, #btnUpload:active, #btnUpload:focus{
    background-color: #fc2022;
}

/* ============================================================================== */
                                /* Footer */
/* ============================================================================== */

/* Footer Background Color */
#container__footer {
    background-color: #000;
}
/* Footer Text Color */

#p-footer {
    color: #fff;
}

/* Footer <a> Color */
#p-footer a {
    color: #fff;
}

/* Footer <a> hover color Color */
#p-footer a:hover {
    color: #fc2022;
}

/* Footer <a> hover color Color */
#p-footer a:hover::after {
    background-color:#fc2022;
}

/* Footer Social Media Circle Color  */
#p-footer li.social-media-list-item a .fab {
    background-color: #fc2022;
}
/* Footer Social Media Circle Hover Color  */

#p-footer li.social-media-list-item a .fab:hover {
    background-color: #fff;
    color: #fc2022;
}
/* Copyright footer bar color */
#copyright_footer {
    background-color: #080808;
}
/* Copyright footer text color */
#s-footer {
    color: #fff;
}
/* ============================================================================== */
                                /* Product Page */
/* ============================================================================== */

/* Image Shadow */
#product .pcontent img:first-of-type{
    -webkit-box-shadow: 0 0 10px #535353;
            box-shadow: 0 0 10px #535353;
}

/* ============================================================================== */
                                /* Order Table/Form  */
/* ============================================================================== */

/* Order Form Shadow */
#order {
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.4);
            box-shadow: 0 1px 8px rgba(0,0,0,0.4);
}
/* Order Form Shadow */
#order .panel-heading {
    color: #fff;
    background-color: #fc2022;
    background:#fc2022;
}

/* Order Form Header Title */
#order .panel-heading h2.jobspecs {
    color: #fff;
}
/* Order Form Background Color */
#order .panel-body {
    background-color: #f1f1f1;
}

/* ============================================================================== */
                                /* Tabber */
/* ============================================================================== */

/* Tab Color */

ul.tabbernav li a, ul.tabbernav li a:link {
	color: #fff;
	background: #212121;
}

ul.tabbernav li a:visited {}
/* Tab Hover Color */
ul.tabbernav li a:hover {
	color: #fff;
	background: #fc2022;

}
/* Active Tab Color */
ul.tabbernav li.tabberactive a {
	color: #fff;
	background: #fc2022;
}

.tabbertab {
  /* Tab Window background-color */
  background: #fff;
  border-color: #d9d9d9;
  /* Tab Content Color */
}

/* Tab Content Link Color */
.tabbertab a {
  color: #fc2022;
}
/* Tab Content Link Color */
.tabbertab a:hover {
  text-decoration: none;
  color: #991314;
}

/* ============================================================================== */
                                /* Upload Page */
/* ============================================================================== */

#order-upload .form.upload {
    border-top-color: #DDD;
    border-bottom-color: #DDD;
}

/* Checkout Process Steps Counter  */
.pagination > li > a, .pagination > li > span {
    color: #fc2022;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #fc2022;
    border-color: #fc2022;
}