@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: #666666; }

@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: #666666; 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: #666666; 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: #666666; }

.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: #666666; 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: #666666; font-size: 12px; }

.soft_add_wrapper span.sub_total_amount { color: #666666; 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 rgba(42, 122, 139, 0); border-radius: 0px; line-height: 43px; font-family: "Open Sans", sans-serif, "google"; font-size: 14px; font-weight: bold; background: #9e8238; color: #fff; text-align: center; text-indent: 0; text-decoration: none; }

.soft_add_wrapper .check_out:hover, .soft_add_wrapper .continue_shopping:hover { background-color: #78632b; border-color: rgba(28, 81, 92, 0); color: #fff; 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: #9e8238; }

.soft_add_wrapper .close_btn:hover { color: #53441d; }

.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 { display: block; /* Text Logo Styling goes here */ /* Graphic Logo Styling goes here */ }

@media only screen and (max-width: 991px) { .vol-logo { margin-right: auto; margin-left: auto; } }

.vol-logo meta[itemprop="name"] + a { word-break: break-word; line-height: 1; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) { display: inline-block; background-image: url("../images/template/header_bg.png"); font-size: 0; background-size: 0; background-repeat: no-repeat; }

.vol-logo meta[itemprop="name"] + a:not(#homepage_title) img { 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:after { z-index: 20; }

.menu-mask { z-index: 25; }

.overflow-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.v-center { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media only screen and (max-width: 767px) { .v-center-xs { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media only screen and (max-width: 991px) { .v-center-sm-and-down { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

@media only screen and (min-width: 992px) { .v-center-md-and-up { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -moz-box-orient: horizontal; -moz-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

header .soft_add_wrapper * { line-height: normal; }

.sidebar-wrapper { z-index: 9; padding-top: 0; padding-bottom: 0; }

.sidebar-wrapper .menu-title { padding-right: 15px; padding-left: 15px; }

.sidebar-wrapper .vnav--level1 > .vnav__item { border-top-width: 1px; border-top-style: solid; }

.sidebar-wrapper .vnav--level1 > .vnav__item:last-child { border-bottom-width: 1px; border-bottom-style: solid; }

.sidebar-wrapper .sidebar .menu-title:not(:first-child) { margin-top: 0; }

.vol-scroll-top { border-radius: 0; padding: 20px; }

.vol-scroll-top .icon { display: block; width: 15px; height: 15px; }

.main-menu { width: 100%; }

.main-menu .vnav--level1 > .vnav__item > .vnav__link { border-bottom-width: 3px; }

.push-menu .push-menu__close-btn { margin-bottom: 0; }

.push-menu #push-menu__utility__left, .push-menu #push-menu__search-bar, .push-menu #push-menu__header-promo { padding-top: 15px; padding-bottom: 15px; border-top-width: 1px; border-top-style: solid; }

@media only screen and (max-width: 991px) { .footer .v-center.text-center-sm-and-down { -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

@media only screen and (min-width: 992px) { .footer .v-center.text-right-md-and-up { -webkit-box-pack: end; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.home .v-product-grid { padding: 15px; margin-right: auto; margin-left: auto; }

@media only screen and (min-width: 768px) { .home .v-product-grid { max-width: 750px; } }

@media only screen and (min-width: 992px) { .home .v-product-grid { max-width: 970px; } }

@media only screen and (min-width: 1200px) { .home .v-product-grid { max-width: 1170px; } }

#fpslider { padding: 15px 25px 30px; }

@media only screen and (min-width: 768px) { #fpslider { padding-right: 45px; padding-left: 45px; } }

#fpslider .owl-item { padding: 5px; }

#content_area #fpslider .owl-item .image img { max-height: 300px; width: auto; margin-right: auto; margin-left: auto; }

#fpslider .owl-nav .arrow-prev, #fpslider .owl-nav .arrow-next { padding: 5px; width: 25px; height: 40px; font-size: 15px; line-height: 30px; text-align: center; cursor: pointer; }

@media only screen and (min-width: 768px) { #fpslider .owl-nav .arrow-prev, #fpslider .owl-nav .arrow-next { padding: 9px; width: 45px; height: 72px; font-size: 27px; line-height: 54px; } }

#fpslider .owl-nav .arrow-prev { right: 100%; left: auto; }

#fpslider .owl-nav .arrow-next { left: 100%; right: auto; }

#fpslider .owl-dots .owl-dot span { cursor: pointer; }

.owl-carousel .owl-nav button, .owl-carousel .owl-dots button { border-width: 0; }

.owl-carousel .owl-dots button { background-color: transparent; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { line-height: 1; }

@media (min-width: 1320px) {
    .header__bottom .container {
        width: 1290px;
    }
}