/* ======================== Mobile adjustments ===================== */
@media (min-width:1200px) {
  #headerWrapper > header form[name="quick_find_header"] {
    margin-top: 3em;
    float:right;
  }
  .mainmenu-nav ul.nav > li > a {
    color: #efefef;
    font-size: 24px;
  }
}

@media (max-width:1199px) {
  .mainmenu-nav ul.nav > li > a {
    font-size: 18px;
  }
}

@media (min-width: 992px) and (max-width: 1169px) {
  .category-grid .categories-mask h4 {
    font-size: 24px;
  }

}

@media (min-width: 992px) {
  .tp-bgimg.defaultimg {
    background-position: center center !important;
  }
  div.logo {
    margin: -2.5em 0 0 -1em;
  }
  #headerWrapper > header form[name="quick_find_header"] {
    float:right;
    margin:0;
  }
  /* ========================= Banner(s) ========================= */
  .h5-bc-style1 .banner-text h3 a {
    font-size:32px;
  }

  .h1-bc-style1 .banner-text span a, .h4-bc-style1 .banner-text span a, .h5-bc-style1 .banner-text span a, .h6-bc-style1 .banner-text span a, .h11-bc-style1 .banner-text span a {
    font-size: 30px;
  }
}

@media (max-width: 991px) {
  #indexCategories h4 {
    line-height: 28px;
    font-size:32px;
  }
  .h3-bc-style1 h3 a {
    padding: .5em;
    line-height: 2em;
    font-size: 28px;
  }
  /* ======================== Middle banner ======================== */
  .fwb-s1 .full-banner-text h3 {
    font-size:42px
  }

}

@media (max-width: 767px) {
  #contentMainWrapper {
    float:none;
    margin:0 auto;
  }
}

@media (max-width: 680px) {

}

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

}
@media (max-width: 480px) {
  /* ========================= Banner(s) ========================= */
  .banner-text h3 {
    font-size:22px;
  }
  .h5-bc-style1 .banner-text h3 {
    display:block;
  }
  .h1-bc-style1 .banner-text span a, .h4-bc-style1 .banner-text span a, .h5-bc-style1 .banner-text span a, .h6-bc-style1 .banner-text span a, .h11-bc-style1 .banner-text span a {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }

  #headerWrapper > header form[name="quick_find_header"] input.form-control {
    margin-top: 0;
    float:none;
  }
  div.logo {
    margin: 1px 0;
  }

  ul.breadcrumb-ul {
    margin-left: 1em;
  }
}
#createAcctDefault > form > div.boxcontainer .recaptcha-details {
  display: inline-block;
  position: relative;
  width:100%;
}
#createAcctDefault > form > div.boxcontainer .recaptcha-details .card.card--padding {
  padding-bottom:50px;
}
.short-description > div > ul, .short-description > ul {
  list-style: inherit;
}

.header-mid-area > div > form[name="quick_find_header"] {
  text-align: center;
}
body, input, textarea, td, pre {
  color: #000;
  font-size: 18px;
}
body#infoShoppingCart {
  padding:1em;
}

body#popupShippingEstimator .row {
  margin:0 15px;
}
body#popupShippingEstimator .table-responsive>.table>tbody>tr>td {
  white-space:normal;
}
#shippingEstimatorContent th {
  font-size:14px;
  white-space: nowrap;
}
h1 {
  color: #410102;
  font-size: 1.5em;
}

h2 {
  color: #9b0508;
  font-size: 1.25em;
}

h3 {
  color: #5e5555;
  font-size: 1.25em;
}

h4, h5, h6 {
  font-size: 1em;
}

h1, h2, h3, h4, h5, h6 {
  margin: 1em 0 0.25em;
}

p {
  margin: 1em 0;
}

a {
  color: #9b0508;
  transition: color 0.3s;
}

a:hover, a:focus {
  color: #c41d21;
}
.warning.message {
  font-size: 15px;
  color:#fff
}
.warning.message p {
  margin: 0.25em 0;
}

blockquote{ /* testimonials */
  color: #5e5555;
  margin: 1.5em 1em;
  padding: 0.5em 1em;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #797474;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.125em;
  vertical-align: -0.4em;
}

#headerWrapper > header form[name="quick_find_header"] input.form-control {
  float: none;
  width: 70%;
  margin-top: 2px;
  display: inline-block;
}

#headerWrapper > header form[name="quick_find_header"] .input-outer .icon-search {
  float: right;
  clear: none;
  display:block;
  margin-top:2px;
}

blockquote p {
  display: inline;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 0.5em 1em;
}

th {
  background: #cdc9c9;
  text-align: left;
}

tr {
  border-bottom: #cdc9c9 1px solid;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: #cdc9c9 1px solid;
  margin: 1em 0;
  padding: 0;
}

ul, ol {
  margin: 1em;
  padding: 0 0.5em;
}

div.breadcrumb, .breadcrumb-ul {
  padding:0;
  margin:0;
  border-radius:0;
  background:#222;
}

ul.nav-mobile-menu {
  margin: 1em 0;
  font-size:85%;
}

ul.nav-mobile-menu li ul {
  margin:0;
  width:100%;
}

li ul, li ol {
  margin: 0.125em;
}

address {
  font-style: normal;
}

label {
  float: left;
  min-width: 100px;
  vertical-align: top;
  line-height: 36px;
}
#cc-name, #cc-card, #cc-exp, #cc-cvv {

}
label.cclabel {
  clear: both;
  min-width: 160px;
  margin-bottom: 0;
}
div.ccvalue {
  float: left;
  height:35px;
  overflow: hidden;
}
div.create-account-page label {
  float:none;
  min-width:inherit;
}
input#privacy {
  margin-top:12px;
}

input, select, textarea {
  border: #410102 1px solid;
  min-width: 40px;
  padding: 0.25em 0.5em;
}
div.create-account-page input {
  min-width:inherit;
}
input[type=image] {
  min-width: inherit;
}
select {
  white-space: normal;
}

input[type=submit], button {
  background: #A70104;
  border: 1px solid #777;
  color: #fff;
  cursor: pointer;
  font-size: 0.875em;
  min-width: 0;
  padding: 0.25em 0.75em;
  text-transform: uppercase;
  transition: color 0.3s;
}

button.btn--secondary {
  margin-left: 2em;
}

.header-account {
  float: right;
  padding-top: 4px;
}
.header-account > ul > li a i, .cart-total ul li a i {
  font-size: 32px;
  margin-top:3px;
  color:#aaaaaa;
}
.header-account > ul > li a i.pe-7s-lock {
  font-size:26px;
}
.header-account > ul > li:before {
  height: 25px;
  top: 5%;
}

.header-account > ul > li:last-child {
  margin: 5px 0 0 0;
}

input[type=submit]:hover, button:hover {
  background: #A70104;
}

input:focus, select:focus, textarea:focus {
  outline-color: #c41d21;
}

.header-area-2 .social-icon ul, .header-area-4 .social-icon ul {
  margin: 1.5em 1em 1em 1em;
}

.footer-icon.social-icon ul {
  margin: 0 1em;
}

.fixed-header-area.sticky {
  max-height:165px;
}
.fixed-header-area .logo {
  max-width: 160px;
  margin: 0 auto;
}
#home {
  display:none;
}
.banner-area {
  padding: 0;
  clear:both;
}

.single-banner {
  overflow:visible;
}

#homepage {
  padding:2em;
}

/* ========================= Banner(s) ========================= */
#centercontent-wrapper > div.banner-area.pt-50 > div > div > div > div.owl-stage-outer > div > div > div > div > div:hover > div.banner-content > div > div > h3 > a {
  color: #A70104;
}
.h1-bc-style1 .banner-text h3 a, .h4-bc-style1 .banner-text h3 a, .h5-bc-style1 .banner-text h3 a, .h6-bc-style1 .banner-text h3 a, .h11-bc-style1 .banner-text h3 a {
  color: #fff;
  font-size:35px;
  text-transform: uppercase;
  font-weight:bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.owl-stage-outer .owl-stage .owl-item .item > div {
  padding:0;
}
/* ========================= Home page ========================= */
.h5-bc-style1 .banner-text {
  text-align: center;
  padding: 0;
  position:relative;
}

.thealist {
  float: left;
}
.thealist ul li {
  list-style:square;
}
#headerWrapper .button, .row-view .product-cart .btn-lnk, .btn-bg {
  background: #000;
}
.breadcrumb:before {
  background: transparent;
  opacity: 1;
}
ul.nav.navbar-nav {
  margin:0;
}

.breadcrumb .breadcrumb-ul li {
  color: #fff;
  font-weight: normal;
  font-size:120%;
}

#headerWrapper {
  background: #000;
}
.header-account > ul {
  margin: 1.1em 0;
  padding: 0;
}

.header-top-area {
  border-bottom: none;
}
.cart-total ul li a span.product-number {
  color: #aaa;
}
.header-area-2 .cart-total::before {
  display:none;
}
.header-area-2 .cart-total {
  margin-right:0;
}
.header-area-2 .mainmenu-nav {
  padding-right:0;
}
.fixed-header-area.sticky {
  background: #000;
}
.banner-slider > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(1)
.resultsContainer li .product-price {
  font-size:inherit;
}
.hm5 .full-banner-text h4 a {
  padding-left:0;
}
#btn-open > i.pe-7s-menu:before {
  content: '\2192';
}
#btn-close > i.pe-7s-menu:before {
  content: '\2190';
}

.mega-menu.dropdown-menu.level1 {
  background-color:#ccc;
}

#mainMenu .mn1 li > ul li a {
  font-size:18px;
}

#mainMenu > ul > li > ul > li > ul > li > a, .mainmenu-nav ul.nav li ul li a {
  color:#333;
  font-weight:bold;
}
#mainMenu > ul > li > ul > li {
  padding-right:0;
}

#mainMenu > ul > li.has-submenu.dropdown > ul > li > a {
  color:#333;
}
#mainMenu > ul > li.has-submenu.dropdown > ul > li > a:hover {
  color:#A70104;
}

#indexHomeBody .body-content > .row {
  margin: 0;
}

.stb {
  font-size: 1.45em;
  color: #efefef;
  margin: .5em;
  font-weight: bold;
}

#categoryImgListing {
  float:right;
}

.product-area {
  display: block;
  float: none;
}

#disp-order-sorter {
  min-height: 2em;
}

form .create-account-page .newsletter {
  float:right;
}
#noaccountBody #newsletter-checkbox, #noaccountBody label[for=newsletter-checkbox] {
  margin-top: 40px;
  float: right;
  line-height: 10px;
}
#noaccountBody #customers_referral {
  width: 50%;
  float: left;
  clear: both;
}
form .create-account-page .submit-info {
  float:right;
  clear:both;
}

/* ========================= Categories ========================= */
#centercontent-wrapper > div > div.container {
  padding:0 2em;
}

.category-grid .category-item {
  display:block;
  margin: 0;
}

.category-grid .category-item > a {
  float:none;
  position: inherit;
}

.category-grid.cat-fancy .categories-mask {
  text-align:center;
  padding:0;
  top:55%;
}

.category-grid.cat-fancy .category-item a:hover .categories-mask > h4:before {
  background: transparent !important;
}
#indexCategories > div.catgory-list-wrapper > div > div > div {
  padding:2em 1em;
}

#indexCategories > div.catgory-list-wrapper > div > div > div > div > a:hover > div.categories-mask > h4 {
  color:#A70104;
}

#indexCategories h4 {
  word-break: break-word;
  font-weight:bold;
  text-align: center;
  display: block;
  color:#000;
}

.category-grid.cat-fancy .categories-mask > h4:before {
  box-shadow: none;
  background:transparent;
}

.product .product-content h4.product-title {
  margin-top:0;
}
#indexCategories > div.catgory-list-wrapper > div > div > div > div > a:hover > div.categories-mask {
  background:transparent;
}

.single-banner .banner-content {
  top: 44%;
  position: absolute;
  left: 0;
  right: 0;
}

/* ========================= Banners ========================= */
.h3-bc-style1 h3 a {
  background-color: #fff;
  opacity: 0.75;
  font-weight: bold;
}
.fwb-s1 {
  background:#ccc;
}

.alert-info {
  background-color: #efefef;
  color: #000;
}

.fwb-s1 .full-banner-content {
  top:50%;
  left:35%;
}

.fwb-s1 .full-banner-text h3 {
  text-align:left;
}
.fwb-s1 .full-banner-text h3 a {
  color: #efefef;
  font-size: 28px;
  font-weight: bold;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.fwb-s1 .full-banner-text h3 a:hover {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

/* ======================== Middle banner ======================== */
.fwb-s1 .full-banner-text h4 a {
  color: #efefef;
  font-weight: bold;
  font-size:48px;
  text-transform: uppercase;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fwb-s1 .full-banner-text h4 a:hover {
  color: #efefef;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
#productPrevNext a .btn.button {
  font-size:18px;
}

div.product div.product-wrapper div.product-img div.badges span.sale.l-badge.badge {
  border-radius:8px;
  background-color:yellow;
  font-weight: bold;
}
.products-grid-list .product .product-area {
  border: 1px solid #ccc;
}
div.product div.product-wrapper div.product-img div.badges span.new.l-badge.badge {
  border-radius:8px;
  background-color:lawngreen;
}
.owl-item img.owl-lazy, img.lazy {
  background-color:#fff;
  width:inherit;
}

.fwb-s1 .owl-item img.owl-lazy {
  background-color:#ccc;
  width:inherit;
  max-width:100%;
}
#centercontent-wrapper > div.fwb-s1 > div > img {
  background-color:#ccc;
}
#cartContentsDisplay {
  margin-top:0.5em;
}
#cartContentsDisplay > tbody > tr.rowEven > td.details span.val, #cartContentsDisplay > tbody > tr.rowOdd > td.details span.val {
  font-weight:bold;
}

/* ========================= Product Info Page ========================= */
.zoomWindow {
  width:320px !important;
  height:320px !important;
}
.alsoPurchased .owl-carousel .owl-item img {
  max-width: inherit;
  max-height: 200px;
  width: inherit;
}

/* ========================= Shopping Cart / Checkout ========================= */
#otcoupon .totalBox {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  width: auto;
  color: #078d1b;
}
#otcoupon .lineTitle {
  float: left;
  font-weight: 600;
  line-height: 24px;
}
#cartSubTotal #otcoupon > div {
  float: right;
}

#checkoutShipping .buttonRow.back {
  line-height:26px;
}

#checkoutconfirmationBody .payment-module-content .important div {
  float: left;
}
#checkoutconfirmationBody .payment-module-content .important div:nth-child(2n+1) {
  clear: both;
}

/* ========================= Footer ========================= */
footer {
  background: #1d0001;
  color: #fff;
  font-size: 0.75em;
}

footer p {
  margin: 0;
}

footer a{
  color: #fff;
}
.h3-footer .footer-bottom-area {

}

.footer-bottom-menu > nav > ul {
  margin:0;
}

footer a:hover {
  color: inherit;
  text-decoration: none;
}
footer div.footer-address > ul > li:nth-child(1) > i {
  height:2em;
}

.alert {
  color:#A70104;
  padding:1em;
  border:none;
  display:block;
}
#noaccountBody h1 {
  margin: 0;
}
#noaccountBody div.alert.forward {
  padding: 1em 0 0;
  display: block;
  margin: 0;
}
#noaccountBody #stText.alert, #noaccountBody #state.form-control {
  display: none;
}

form#ccl_confirmation .buttonRow.forward, form#ccl_confirmation h2 {
  display:inline;
}
form#ccl_confirmation .buttonRow.forward .button {
  margin-left: 0.5em;
  border-width: 1px;
}


input#name::placeholder, input#card::placeholder, input#exp::placeholder, input#cvv::placeholder {
  color:#111 !important;
}