@media only screen and (max-width: 767px) { .text-xs-left { text-align: left; }
  .text-xs-right { text-align: right; }
  .text-xs-center { text-align: center; } }

@media only screen and (min-width: 768px) and (max-width: 991px) { .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; } }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; } }

@media only screen and (min-width: 1200px) { .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; } }

@font-face { font-family: "button-icons"; font-style: normal; font-weight: normal; src: url("../fonts/buttons/button-icons.eot?#iefix") format("embedded-opentype"), url("../fonts/buttons/button-icons.woff") format("woff"), url("../fonts/buttons/button-icons.ttf") format("truetype"), url("../fonts/buttons/button-icons.svg#button-icons") format("svg"); }
.btn-icon { font-family: 'button-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin-right: 5px; }

.btn-icon:hover { text-decoration: none; }

.btn-icon-apply:before { content: "\e600"; }

.btn-icon-close:before { content: "\e601"; }

.btn-icon-email:before { content: "\e602"; }

.btn-icon-photos:before { content: "\e603"; }

.btn-icon-plus:before { content: "\e604"; }

.btn-icon-question:before { content: "\e605"; }

.btn-icon-zoom:before { content: "\e608"; }

.btn-icon-recalculate:before { content: "\e606"; }

.btn-icon-warning:before { content: "\e610"; }

.icon-star:before { font-family: 'button-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 !important; }

.icon-star-empty:before { content: "\e611"; }

.icon-star-half:before { content: "\e612"; }

.icon-star-full:before { content: "\e613"; }

.icon-free-shipping:before { content: "\e614"; font-family: 'button-icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; margin: 0 !important; width: auto !important; }

.cartDiv, .cartDiv2 { display: inline; }

.soft_add_content_shadow { width: auto; max-height: 500px; padding: 35px 0 0; overflow-y: auto; background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; }

.soft_add_header { width: auto; padding: 0; border: 0; background: white; }

.soft_add_header_shadow { position: absolute; top: 0; left: 0; padding: 0; width: 100%; }

.soft_add_header .soft_add_span { font-size: 0; }

.soft_add_header .soft_add_span:before { content: "Items in Cart"; display: inline-block; margin-left: -25px; padding-top: 10px; left: 0; font-size: 16px; }

.soft_add_content_area { padding: 15px; width: auto; max-height: 250px; overflow: auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: none; }

.soft_add_content_wrapper { padding: 0; width: auto; border: none; background: none; }

.soft_add_wrapper { position: fixed; min-width: 265px; max-width: -webkit-calc(100% - 30px); max-width: calc(100% - 30px); max-height: 400px !important; z-index: 1100; top: 50% !important; left: 0 !important; right: 0 !important; bottom: auto !important; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: auto !important; padding: 0; line-height: initial; font-family: inherit; font-weight: normal; color: #000; }

@media only screen and (min-width: 768px) { .soft_add_wrapper { max-width: 400px; } }

@media only screen and (min-width: 992px) { .soft_add_wrapper { min-width: 400px; top: 15% !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } }

.ie8 .soft_add_wrapper { border: 1px solid #eee; }

.soft_add_wrapper .cart_table .icon { width: auto; height: auto; }

.soft_add_wrapper ul.anchored-cart { display: table; width: 100%; padding: 0; margin: 0; list-style: none; border-collapse: collapse; }

.soft_add_wrapper li { display: table-row; width: auto; margin: 0; overflow: hidden; vertical-align: middle; text-align: left; }

.soft_add_wrapper li.product-row:not(:last-child) { border-bottom: 1px solid #eee; }

.soft_add_wrapper li img { max-width: 55px !important; }

@-webkit-keyframes recently-added-fadeout { 0% { background-color: rgba(0, 0, 0, 0.1); }
  80% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: transparent; } }

@keyframes recently-added-fadeout { 0% { background-color: rgba(0, 0, 0, 0.1); }
  80% { background-color: rgba(0, 0, 0, 0.1); }
  100% { background-color: transparent; } }

.soft_add_wrapper li.recently-added { -webkit-animation-name: recently-added-fadeout; animation-name: recently-added-fadeout; -webkit-animation-duration: 2s; animation-duration: 2s; background-color: transparent; }

.soft_add_wrapper li div { font-size: 12px; width: 100%; }

.soft_add_wrapper .product-row * { font-size: 14px; line-height: 1.428571429; }

.soft_add_wrapper .product-image { display: table-cell; width: 55px; padding: 10px 4px 10px 10px; }

.soft_add_wrapper .product-detail { display: table-cell; padding: 10px 5px; vertical-align: top; }

.soft_add_wrapper .product-name { display: block; }

.soft_add_wrapper .product-name a { color: #000; font-size: 12px; font-weight: bold; word-break: break-word; }

@media only screen and (min-width: 992px) { .soft_add_wrapper .product-name a { font-size: 14px; } }

.soft_add_wrapper .product-options a { color: #000; font-size: 12px; font-weight: normal; word-break: break-all; pointer-events: none; }

.soft_add_wrapper .product-qty, .soft_add_wrapper .product-qty .quantity_text { display: block; color: #000; }

.soft_add_wrapper .product-qty .quantity_text { display: inline; }

.soft_add_wrapper .product-price { display: table-cell; padding: 8px 8px 10px 0; vertical-align: middle; text-align: right; color: #000; font-size: 14px; }

.soft_add_wrapper .product-remove { display: table-cell; vertical-align: middle; padding-right: 5px; }

.soft_add_wrapper .product-remove .aremove { background: none; margin-left: 15px; font-size: 0; text-indent: unset; color: #000; }

.soft_add_wrapper .product-remove .aremove:before { display: table-cell; content: "\e601"; font-family: button-icons; speak: none; font-style: normal; font-weight: normal; font-size: 16px; text-transform: none; line-height: 1; font-variant: normal normal; }

.soft_add_wrapper .soft_add_sub_total { padding: 4px 20px 0; height: 24px; background: none; }

.soft_add_wrapper .sub_total { color: #000; font-size: 12px; }

.soft_add_wrapper span.sub_total_amount { color: #000; font-size: 14px; }

.soft_add_wrapper .soft_add_action_area { clear: both; height: auto; overflow: hidden; padding: 15px; position: relative; border-top: none; background: none; }

.soft_add_wrapper .check_out, .soft_add_wrapper .continue_shopping { overflow: hidden; position: static; display: inline-block; width: 48%; float: right; height: 45px; margin: 0 auto; padding: 1px 20px 0; border: 1px solid transparent; border-radius: 0px; line-height: 43px; font-family: inherit; font-size: 14px; font-weight: normal; background: white; color: black; text-align: center; text-indent: 0; text-decoration: none; }

.soft_add_wrapper .check_out:hover, .soft_add_wrapper .continue_shopping:hover { background-color: #e6e6e6; border-color: transparent; color: black; text-decoration: none; }

.soft_add_wrapper .continue_shopping { float: left; padding: 0 10px; background: #666; border-color: #666; text-transform: capitalize; }

.soft_add_wrapper .continue_shopping:hover { background-color: #4d4d4d; border-color: #474747; }

.soft_add_wrapper .close_btn, .soft_add_wrapper .close_btn:link, .soft_add_wrapper .close_btn:visited, .soft_add_wrapper .close_btn:focus, .soft_add_wrapper .close_btn:hover, .soft_add_wrapper .close_btn:active { background: none; z-index: 200; text-indent: initial; font-size: 0; top: 8px; right: 12px; }

.soft_add_wrapper .close_btn { color: white; }

.soft_add_wrapper .close_btn:hover { color: #cccccc; }

.soft_add_wrapper .close_btn:before { content: "\e609"; display: inline-block; font-size: 16px; font-family: 'button-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; }

/* MOBILE STYLINGS */
/* the soft add to cart hides after a couple seconds unless your cursor hovers over it;
mobile devices do not have a cursor, carts with several items could become frustrating to view
shows: only the name, picture, and text "added to cart" of item which was added; hides: details, price, and remove link*/
@media only screen and (max-width: 991px) { .touch-device .soft_add { /* cart title */ }
  .touch-device .soft_add_span:before { content: "Cart" !important; }
  .touch-device .soft_add_content_area { min-height: auto; /* hide all products without .recently-added class */ }
  .touch-device .soft_add_content_area li:not(.recently-added) { display: none; border: none; }
  .touch-device .soft_add_content_area li.recently-added { display: block; background: white; }
  .touch-device .soft_add_content_area li .product-detail, .touch-device .soft_add_content_area li .product-price, .touch-device .soft_add_content_area li .product-remove { display: none; }
  .touch-device .soft_add_content_area li .product-image { display: block; width: 100%; padding: 0; }
  .touch-device .soft_add_content_area li .product-image:after { content: "Added to Cart"; font-size: 14px; font-weight: bold; margin-left: 20px; }
  .touch-device .soft_add_wrapper .check_out, .touch-device .soft_add_wrapper .continue_shopping { font-size: 14px; } }

.vol-logo { /* Text Logo Styling goes here */ /* Graphic Logo Styling goes here */ }

.vol-logo meta[itemprop="name"] + a { word-break: break-word; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) { background-image: url("../images/template/header_bg.png"); font-size: 0; background-size: 0; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) img { margin: 0; max-height: 100%; }

/* Asssume no left nav until JS verifies */
html:not(.has-sidebar) .sidebar-wrapper, html:not(.category) .sidebar-wrapper { display: none; }

html:not(.has-sidebar) .content_area-wrapper, html:not(.category) .content_area-wrapper { width: 100%; }

.page-wrap { background: none; }

@media only screen and (max-width: 991px) { .page-wrap:after { z-index: 14; } }

#content_area, .onepagecheckout.l-full-width #content_area { padding-right: 15px; padding-left: 15px; }

@media only screen and (min-width: 992px) { #content_area, .onepagecheckout.l-full-width #content_area { padding-left: 30px; } }

.category .v-product-grid .v-product, .productdetails .v-product-grid .v-product { text-align: left; }

@media only screen and (min-width: 992px) and (max-width: 1199px) { .onepagecheckout #content_area #v65-onepage-CheckoutForm #v65-onepage-ContentTable, .onepagecheckout #content_area #v65-onepage-CheckoutForm #table_checkout_cart0-sticky-wrapper { width: 100%; } }

@media only screen and (min-width: 992px) { .sidebar-wrapper { padding-top: 30px; margin-bottom: 0; } }

.sidebar .menu-title { text-transform: uppercase; margin-bottom: 10px; }

.sidebar .menu { border-bottom-width: 1px; border-bottom-style: solid; }

.sidebar .menu.menu-s a { padding: 15px; border-top-width: 1px; border-top-style: solid; white-space: unset; }

.sidebar .vnav__item > .vnav__link { border-top-width: 1px; border-top-style: solid; }

.sidebar .vnav__item .vnav__subnav > .vnav__item:last-child > .vnav__link { border-bottom-width: 0; }

.sidebar .vnav .vnav__link { padding: 15px; }

.sidebar .vnav--level1 > .vnav__item, .sidebar .vnav--level1 > .vnav__item > .vnav__link { white-space: unset; }

.sidebar .menu-title { padding: 0 15px; margin-bottom: 10px; }

.sidebar:not([menu-type~="always-expand"]):not([menu-type~="smart-expand"]):not([menu-type~="toggle-expand"]) .vnav__subnav { border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid; border-left-width: 1px; border-left-style: solid; }

.sidebar .utility .link-column__item { margin-bottom: 15px; }

.push-menu__close-btn { margin-bottom: 0; }

.push-menu__cart { margin-bottom: 10px; }

.push-menu .vnav .vnav__link { padding: 10px 15px; }

.push-menu__utilities { padding-left: 0; }

@media only screen and (max-width: 767px) { .soft_add_wrapper a.check_out, .soft_add_wrapper a.continue_shopping { font-size: inherit; } }

.touch-device #sb-nav-previous, .touch-device #sb-nav-next { opacity: 1 !important; }

.touch-device #sb-nav-previous:hover, .touch-device #sb-nav-next:hover { -webkit-animation: none !important; animation: none !important; }

.sidebar .vnav--level1 > .vnav__item > .vnav__link { font-family: 'Secular One', sans-serif; text-transform: uppercase; padding-top: 8px; padding-bottom: 8px; }

.sidebar .vnav--level2 .vnav__item > .vnav__link { font-size: 14px; padding-top: 8px; padding-bottom: 8px; }

.footer .footer__title { font-family: 'Secular One', sans-serif; font-size: 18.25px; }

.utility .link-column__item a { font-family: 'Sunflower', sans-serif; font-weight: bold; }

.copyright { font-size: 14px; font-family: 'Sunflower', sans-serif; color: white; }

.credit-cards i { margin-right: 20px !important; }

.ssl svg.icon { width: 120px; height: 37px; }

html:not(.home):not(.category) .vcb-modern-yym {
    display: none!important;
}
.category .vcb-modern-yym {
    max-width: 100vw;
    padding: 10px 0px;
    background: #3b3b3b;
}
.category .vcb-modern-yym h3 {
    display: none;
}
    .vcb-modern-promos img {
      width: 100%;
    }
/*@media (min-width: 992px) {
#slideshow-container {min-height:42.666667vw;}
}*/
@media (min-width:1200px){
    .vcb-modern-promos .vcb-section.vcb-section-middle-column {
        height: 50%;
    }
}
@media (min-width: 1500px){#slideshow-container {/* min-height: 640px; */}}
@media screen and (min-width: 480px) and (max-width: 991px) {
    .home .v65-productDisplay .v-product {
        width: 50%;   
    }
}
#sr_custom {
    padding-left: 15px;
}
#sr_custom::before {
    content: 'FILTERS';
    display: block;
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    margin-bottom: 3px;
    letter-spacing: 2px;color: inherit;
}
#sr_custom .sr-title {
    font-size: 17px;
    font-family: 'Secular One', sans-serif;
    text-transform: uppercase;
    margin-bottom: 14px;
    display: block;
    margin-top: 6px;
}
#sr_custom input[type] {
    margin-left: 3px;
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    appearance: none;
    width: 16px;
    height:  16px;
    background: white;
    border: 1px solid #c9c9c9;
    transform: translateY(-2px);
    position: relative;
}
#sr_custom input[type]:hover::before,
#sr_custom input[type]:checked::before {
  content: '';
  display: block;
  position: absolute;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background: #ed1a2c;
  top:2px;
  left: 2px;
}
#sr_custom label {
    color: inherit;
    font-weight: 300;
    font-size: 16px;
    font-family: 'Sunflower', sans-serif;
    cursor: pointer;
}
#sr_custom input:hover + label,
#sr_custom label:hover {
    color: #ed1a2c;
    cursor: pointer;
}
@media (min-width:992px) {
    .sr-wrapper { display: none;}
}
#sr_custom {margin-bottom: 35px;display: block;}
.vcb-modern-about img {
    width: 100%
}
img[src*="v/vspfiles/templates/Modern/images/OrderReview/"] {
    filter:invert(1)
}

.shoppingcart a.cart-item-name[data-pcode]::before {
    content: '['attr(data-pcode)']';
}
.push-cart__item__title[data-pcode]::after {
    content: '['attr(data-pcode)']';
    display: block;
    color: #777;
}
.shoppingcart .v65-cart-details-text[data-pcode]::before {
    content: '['attr(data-pcode)']'; color: #777;
}
@media (min-width: 768px) {
.vcb-modern-hero {
    position: relative;
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
}
}
.vcb-modern-hero img {
    width: 100%;
}
@media (min-width:992px) {
    .vcb-modern-hero .hero-text {
        width: 71%;
        float: right
    }
}
@media (min-width: 1200px) {
    .vcb-modern-hero .hero-text h2{
        font-size: 100px;
        letter-spacing: 9px;
    }
    .vcb-modern-hero .hero-text h2 .hero-text-small {
        letter-spacing: 7px;
    }
    .vcb-modern-hero .hero-text br { display: none;}

    .vcb-modern-hero .hero-text {
        text-shadow: 0 0 10px #000;
    }
    .vcb-modern-hero .hero-btn {
        text-shadow: none;
    }
}
    .vcb-modern-hero .hero-btn {
border: 2px solid white;transition:0.2s;
    }
    .vcb-modern-hero .hero-btn:hover {
background: rgba(0,0,0,0.7); color: white;
    }
.category .pages_available_text {
    font-size: 20px;
}
.category .pages_available_text::before  {
    content: 'Page:'
}
.category .pages_available_text a {
    display: inline-block;
    padding: 0 4px;
    vertical-align: baseline;
    background: #eee;
    border-radius: 4px;
    transition: 0.2s;
}
.category .pages_available_text a:hover {
    color: white;
    background: #ed1a2c
}
@media (min-width:992px) {
.thankyou #content_area table {
    table-layout: fixed;
}
.invoice-table {
    position: relative;
width: 100vw;
left: 50%;
transform: translateX(-50%);
max-width: 900px;
}
}
.invoice-table {
    margin-top: 50px;
    border: 2px solid #ccc;
}
.invoice-table .invoice-header {
    border-bottom: 2px solid #ccc;
    padding: 5px 15px;
    font-size: 16px;
}
.invoice-table .invoice-header .invoice-num {
    font-weight: bold;
}
.invoice-table .invoice-products .invoice-row {
    border-bottom: 2px solid #ccc;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}
.invoice-table .invoice-products .invoice-row > * {
    width:25%;
    text-align: center;
    padding: 5px;
    font-size: 15px;
}
.invoice-table .invoice-products .invoice-row > *:not(:last-child) {
    border-right: 2px solid #ccc;
}
.invoice-table .invoice-summary {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    padding: 5px 15px;
    font-size: 16px;
}
.invoice-table .invoice-summary .osum-name {
    width: 90%;
    text-align: right;
    padding-right: 5px;
}
.invoice-table .invoice-summary .osum-value {
    width: 10%;
    text-align: right;
}
.invoice-table .invoice-summary .osum-total {
    border-top: 2px solid black;
    margin-top: 10px;
}
.invoice-row:nth-child(odd) {
    background: #f7f8f9
}
.invoice-row:first-child {
    background: #eee;
    font-style: italic;
}
@media (max-width:991px) {
    .invoice-table .invoice-row:first-child {
        display: none;
    }
    .invoice-table .invoice-products .invoice-row {

    }
    .invoice-table .invoice-products .invoice-row > * {
        width: 100%;
        border-right: 0!important;
        font-weight: bold;
    }
    .invoice-table .invoice-products .invoice-row > *:nth-child(odd) {
        background: rgba(0,0,0,0.03)
    }
    .invoice-table .invoice-products .invoice-row > *::before {
        font-style: italic;
        font-weight: normal;
        margin-right: 1rem;
    }
    .invoice-table .invoice-products .invoice-row .invoice-pcode::before {content: 'Product Code:';}
    .invoice-table .invoice-products .invoice-row .invoice-pname::before {content: 'Product Name:';}
    .invoice-table .invoice-products .invoice-row .invoice-pprice::before {content: 'Product Price:';}
    .invoice-table .invoice-products .invoice-row .invoice-pqty::before {content: 'Qty:';}
   .invoice-table .invoice-summary .osum-name {
       width: 80%;
   }
   .invoice-table .invoice-summary .osum-value {
       width: 20%;
   }
}
.productdetails .p-avail + span {
    color: #f00;
    font-weight: 500;
}
.productdetails .p-avail + span.p-avail-green {
    color: #0c0;
}

/* 6/25/2024 */
@media only screen and (min-width:992px) {
/* widen first two dropdowns */
    .mega-menu .vnav__item > a[href*="-s/391.htm"] + .vnav--level2,
    .mega-menu .vnav__item > a[href*="-s/343.htm"] + .vnav--level2 {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      width: 200%;
      max-width: 950px;
    }
/* indian dropdown first 4 distributed */
    .mega-menu .vnav__item > a[href*="-s/343.htm"] + .vnav--level2 > .vnav__item:nth-child(-n+3) {
      width: 25%;
    }
}

footer a img.x { max-width: 30px; }
footer a:hover img.x { opacity: .7; }

.category .vp-sc-thumbs__list .vp-sc-thumbs__info .vp-sc-thumbs__title {
    text-align: center;
}

/* vertical menu for 2984, 2951, and 387's subcategories */
header .menu-wrapper a[href*="-s/2984.htm"] + ul,
header .menu-wrapper a[href*="-s/2951.htm"] + ul,
header .menu-wrapper a[href*="-s/387.htm"] + ul {
    left: unset;
    right: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* hide 3rd level subcategories under 2984 */
header .menu-wrapper a[href*="-s/2984.htm"] ~ ul .vnav__subnav.vnav--level3 {
    display: none !important;
}

.menu-toggle .menu-toggle__icon { width: auto !important; }

    .home .header:not(.sticky-header) {
        position: relative !important;
    }