.header-logo a,
.header-upper,
.header-actions a.ico-cart,
.header-menu > ul > li > a::after,
#goToTop,
.social-sharing li,
.newsletter-email .newsletter-subscribe-button,
.footer-block .title + *::before,
.header-2 .header-lower,
.mega-menu .title::after,
.item-box input[type="button"],
.item-box .with-icon .product-box-add-to-cart-button,
.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.write-review .button-1,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.compare-products-page .button-2,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .login-button,
.login-page .register-button,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.user-agreement-page .button-1,
.contact-page .button-1,
.email-a-friend-page .button-1,
.account-page .title strong::after,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions input,
.mini-shopping-cart .count,
.mini-shopping-cart input[type="button"],
.shopping-cart-page .button-2.update-cart-button,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.search-input .button-1,
.sitemap-page .entity-title h2::after,
.post-title::after,
.news-title::after,
.blog-posts .read-more,
.news-items .read-more,
.new-comment .title strong::after,
.comment-list .title strong::after,
.new-comment .button-1,
.forum-search-box .basic .search-box-button,
.forums-table-section-title > a::after,
.forums-table-section-title strong::after,
.topic-post .pm-button,
.profile-info-box .pm-button,
.forum-edit-page .buttons input.button-1,
.move-topic-page .buttons input.button-1,
.private-messages .buttons input.button-1,
.responsive-nav-wrapper,
.item-box .rating div,
.overview .rating div,
.product-review-box .rating div,
.footer-2 .newsletter-block .title,
.apply-vendor-page .button-1,
.ui-dialog-titlebar,
.ui-dialog .notify-me-button,
/*plugins*/ .ajaxCart .productAddedToCartWindowCheckout,
.previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.sale-of-the-day-offer .go-to-product-page,
.blog-search-box .search-box-button,
.post-navigation a:hover::before,
.jCarouselMainWrapper .slick-dots .slick-active button,
.ajaxFilters .k-window-titlebar,
.ropc .complete-button button,
.header-menu > ul > li > span:after,
.shops-item .shop-name:after,
.shops-item .read-more,
.newsletter-subscribe-popup .newsletter-subscribe-popup-title::after {
  background-color: #2a2a2a;
}
/* set same border color as bg */

.pager li.previous-page *,
.pager li.next-page *,
.pager li.first-page *,
.pager li.last-page *,
.wishlist-content .button-2.wishlist-add-to-cart-button,
.account-page .button-2,
.order-details-page .button-2.print-order-button,
.order-details-page .actions input,
.shopping-cart-page .button-2.update-cart-button,
.forum-edit-page .buttons input.button-1,
.move-topic-page .buttons input.button-1,
.private-messages .buttons input.button-1,
.attribute-squares .selected-value .attribute-square,
/*plugins*/ .previous-product a:hover .previous-product-label,
.next-product a:hover .next-product-label,
.ui-slider-handle,
.mega-menu .dropdown.fullWidth,
.post-navigation a:hover::before {
  border-color: #2a2a2a;
}
/* set differen background color to this button */

.header-2 .header-actions a.ico-cart {
  background-color: #444444;
}
/* color */

.ui-dialog-titlebar,
.eu-cookie-bar-notification button,
.eu-cookie-bar-notification a,
.header-2 .header-links a span:hover,
.header-2 .header-links a:hover,
.styleSelect_item li:hover span,
.footer-block a:hover,
.footer-powered-by a,
.footer-designed-by a,
.block .list li.active > a,
.block.block-account-navigation .list li a.active,
.block .list a:hover,
.block .view-all a,
.block .tags li a:hover,
.product-tags-all-page li a:hover,
.news-list-homepage .news-date,
.poll strong,
.poll .buttons input,
.poll-total-votes,
.breadcrumb a:hover,
.contact-vendor .button-2,
.product-filters .filter-content li a:hover,
.item-box .product-title a:hover,
.item-box .actual-price,
.item-box .tax-shipping-info a,
.pager li a:hover,
.pager li.current-page span,
.product-review-links a,
.overview .subscribe-button,
.variant-overview .subscribe-button,
.overview .value a,
.variant-overview .value a,
.overview .product-price,
.variant-overview .product-price,
.overview .prices .tax-shipping-info a,
.variant-overview .prices .tax-shipping-info a,
.ui-tabs .ui-tabs-nav li a,
.product-tags-list li,
.vendor-list li,
.product-reviews-page h1 a,
.product-review-item .review-info a,
.product-review-helpfulness .vote,
.wishlist-content .tax-shipping-info a,
.wishlist-content .button-2,
.wishlist-page .share-info a:hover,
.compare-products-page .clear-list,
.topic-block a,
.topic-page a,
.enter-password-form input[type="submit"],
.email-a-friend-page .title h2,
#check-availability-button,
.login-page .inputs.reversed a,
.login-page .checkout-as-guest-button,
.add-more-external-records a,
.account-page .return-items-button,
.return-request-list-page a,
.reward-points-history td.points-balance,
.avatar-page .buttons .button-2,
.shopping-cart-page .button-2,
.checkout-page .button-2,
.order-details-page .page-title a,
.terms-of-service a,
.order-completed .details a,
.opc .back-link a:hover,
.order-details-page .order-overview strong,
.order-details-page .tax-shipping-info a,
.order-details-page input.return-items-button,
.sitemap-page a:hover,
.post-title:hover,
.news-title:hover,
.blog-page .tags li,
.blogpost-page .tags li,
.blog-posts .read-comments,
.comment-info .username,
.news-list-homepage .view-all a,
.forum-search-box .advanced a,
.forums-table-section a:hover,
.forums-table-section-title > a:hover,
.forums-table-section .view-all a,
.forums-table-section .latest-post .origin a,
.forums-table-section .latest-post .author a,
.forums-table-section .topic-details .topic-starter a,
.forum-actions .actions a,
.topic-actions .actions a,
.topic-post .username,
.topic-post .post-actions .quote-post-button,
.topic-post .post-actions a:hover,
.forum-edit-page .buttons input,
.move-topic-page .buttons input,
.private-messages .buttons input,
.private-messages-page td a.pm-unread,
.private-messages-page .to a:hover,
.private-messages-page .from a:hover,
.private-messages-page .subject a:hover,
.profile-page .topic-title a,
.profile-page .topic-title a:hover,
.header-menu .sublist li:hover > a,
.mini-shopping-cart .price span,
.mini-shopping-cart .totals strong,
.cart .edit-item > a,
.cart tbody .subtotal,
.compare-products-table .product-price td,
td.footable-last-column,
.go-to-page,
.blog-page .buttons .read-more,
.order-details-page .button-2.re-order-button,
.account-page .button-2.return-items-button,
/*topics descriptions posts*/ .category-description a,
.manufacturer-description a,
.full-description a,
.topic-html-content a,
.post-body a,
.news-body a,
.custom-tab a,
/*plugins*/ .mega-menu .box li a:hover,
.sale-of-the-day-offer .price.actual-price,
.rich-blog-homepage .view-all a,
.instant-search-item .detail .price,
.priceRangeCurrentPricesPanel span,
.filtersGroupPanel li > a:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.selected-options-list > li span,
.productAddedToCartWindowSummary a,
.productAddedToCartWindowDescription strong,
.quickViewWindow .links-panel a,
.sale-of-the-day-offer .product-name h4:hover,
.blog-search-results li a,
.jDropDown li span:hover,
.jDropDown li.selected span,
.footer-tax-shipping a,
p .search-term-highlighter,
.ropc .estimate-shipping button,
.ropc .coupon-code button,
.post-relations li a,
.checkbox-list li label:hover,
.spc-header li span,
.spc-categories .category-sublist li a:hover,
.spc-categories .category-info:hover .category-title a,
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a {
  color: #2a2a2a;
}
/*STORIS START*/

.email-cart-button,
.changeLocationWindow .popup-header,
.shops-item .shop-name:after,
.shops-item .read-more,
.changeLocation .shop-item button,
.footer-nearest-store .get-directions {
  background-color: #2a2a2a;
}
.getUserGeoLocation,
.align-map-button,
.filter-shops-button,
.shops-item .show-directions,
.shop-map-images .map-controls a,
.shop-full-description a,
#search-shops,
.changeLocation .shop-link:hover,
.header-nearest-store a,
.footer-nearest-store a {
  color: #2a2a2a;
}
/*STORIS END*/

.home-page-category-grid .picture a:before,
.sub-category-grid .picture a:before {
  padding-top: 100%;
}
* {
 font-size: 100%;
font-family: 'Roboto', sans-serif;
/* font-family: 'Quicksand', sans-serif; */
  /* font:  'Poppins', sans-serif; */ 
 /* font: 'Playfair Display', serif;  */ 
}

body {
    max-width: 100%;
    font: normal 16px;
    font-family: 'Roboto', sans-serif;
/* font-family: 'Quicksand', sans-serif; */
    color: #000000;
}
.product-grid.also-purchased-products-grid .item-box, .product-grid.related-products-grid .item-box, .product-grid.cross-sells .item-box {
    width: calc(100% /3);
}
@media (min-width: 1281px) {
.product-grid.also-purchased-products-grid .item-box, .product-grid.related-products-grid .item-box, .product-grid.cross-sells .item-box {
    width: calc(100% /3);
}
}
.header-menu .sublist li a {
    display: block;
    border-bottom: 2px solid #eee;
    padding: 10px 10px 0px;
    font-size: 14px;
   /* font-weight: 600; */
    color: #000;
    text-align: left;
}
@media (min-width: 1025px) {
.header-menu .sublist li a {
    display: block;
    border-bottom: 2px solid #eee;
    padding: 10px 10px 0px;
    font-size: 14px;
    /* font-weight: 600; */
    color: #000;
    text-align: left;
}
}

.item-box input[type="button"]  {
 background-color: #ffdd01;
}


.div.header-links a {
font-family: 'Roboto', sans-serif;
/* font-family: 'Quicksand', sans-serif; */
}

.container {
    max-width: 100%;
}

@media (min-width: 1200px) {
.container {
    max-width: 100%;
}
}

#product-details-form > div > div.product-essential > div.overview > div.msrp > div {
  text-decoration: none;  
}

/* new homepage full width */ 
.master-wrapper-home .master-wrapper-content {
    margin-top: 0px;
/*    padding: 20px; */
 /*    width: 100%; */
   /*margin-top: 0px; */
    padding: 0;
}
@media (min-width: 1281px) {
.center-2 {
    width: 100%;
}
}
@media (min-width: 769px) {
.product-selectors .product-page-size {
    position: absolute;
    right: 0;
        display: initial;
    padding: 8px 0;
} 
}
.block-category-navigation {
     display: none;
}

.container {
    width: 100%;
   padding-right: 0px; 
    padding-left: 0px; 
    margin-right: auto;
    margin-left: auto;
}
.shops-item .picture-link {
    display: inline-block;
    width: 100%;
    pointer-events: none;
}
@media (min-width: 1025px) {
.gallery .picture {
    float: left;
   width: 100%;
    margin: 0;
}
}
.gallery .picture-thumbs img {
    display: inline-block;
    position: relative;
      width: 100%;
    height: auto;
    margin: 0 5px 10px;
    overflow: hidden;
}
@media (min-width: 1025px) {
.gallery .picture-thumbs img {
    display: inline-block;
    position: relative;
    /*width: 100px; */
    height: 100px;
    margin: 0 5px 10px;
    overflow: hidden;
}
}

@media (min-width: 1025px) {
.gallery .picture-thumbs {
    float: right;
    width: 100%;
    margin: 0 0 0 3px;
}
}

@media (min-width: 1025px) {
.gallery .thumb-item {
    width: 20%;
    height: 150px;
    margin: 0;
}
}


@media (min-width: 1025px) {
#headerMenuParent {
    display: table-cell;
    width: 25%;
    float: none;

    vertical-align: middle;
}
}

span.price.actual-price {
    font-family: 'Roboto';
    font-weight: bold;
    font-size: 26px;
}

.non-discounted-price old-product-price {
display: none;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Roboto', sans-serif;
/* font-family: 'Quicksand', sans-serif; */
}
h1 { letter-spacing: 1.5px; }

.map-wrapper .map, .shops-item .shop-name, .shops-sorting-filtering-wrapper,.shops-item .distance-line,.shops-item .show-directions,.shops-item .show-directions,.shops-item .tags, .shop-page .tags
  {
        display: none;
}
.shops-item {
    height: auto;
}

.shops-item .read-more {
 display:none;
}

.item-box .product-title {
    height: 50px;
    font-size: 16px;
    letter-spacing: 0.25px;
    line-height: 17px;
    text-transform: uppercase;
    margin: 0px 0px 5px;
    overflow: hidden;
}
.item-box .description {
font-size: 14px;
    height: 52.75px;
    margin: 0 0 15px;
    overflow: hidden;
}

.nop-jcarousel .carousel-title strong {
    font-size: 18px;
}
.product-grid .title {
font-size: 20px;
}

.product-grid .item-box input[type="button"] {
    width: 75%;
}
.product-grid .item-box input.add-to-wishlist-button {
    width: 25%;   
}

.home-page-category-image-grid .title  {
font-size: 24px;}

.nop-jcarousel .carousel-title strong  {
font-size: 24px;}

.rich-blog-homepage .title {
font-size: 22px;
}
.rich-blog-homepage .title {
    margin: 0 0 40px;
    text-align: center;
    padding: 25px 25px 25px 25px;
    font-size: 22px;
    letter-spacing: 3.3px;
    color: #020202;
    text-transform: uppercase;
    cursor: default;
    text-decoration: underline;
}

.responsive-homepage {
width: 100%;
  height: auto;
}

.home-page .topic-block {
    margin: 60px 0 60px;
}

.mfp-bg {
 background: #ffffff00;
}

.slider-wrapper img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;   
    padding-bottom: 2%;  /* I added this padding code */ 
}

.overview .short-description {
    font-size: 16px;
    color: #000000;
}
.full-description {
    clear: both;
    margin: 0 0 50px;
    line-height: 28px;
    font-size:16px;

}

.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button,
.overview .add-to-compare-list-button,
.overview .email-a-friend-button,
.download-sample-button {
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #000000;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    font-size: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; 
}
.overview .add-to-compare-list-button {
     display: inline-block;
    width: 100px;
    height: 48px;
    background-color: #000000;
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    font-size: 0;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; 
}

div.add-to-wishlist input[type="button"], div.compare-products input[type="button"] {
    background-color: #000;
}
.header-actions a.ico-cart, .header-actions a.ico-wishlist, input.button-2.add-to-wishlist-button {
    background-color: #000000 !important;
}
.admin-header-links a {
   font-family: 'Roboto', sans-serif;
/* font-family: 'Quicksand', sans-serif; */
    font-weight: bold;
    color: #444;
}
.giftcard {    
    overflow: hidden;
    clear: both;
    display: none;
}
.product-share-button {
    display: none;
    overflow: hidden;
}

.header-logo a, .header-upper, .header-actions a.ico-cart, .header-menu > ul > li > a::after, #goToTop, .social-sharing li, .newsletter-email .newsletter-subscribe-button, .footer-block .title + *::before, .header-2 .header-lower, .mega-menu .title::after,  .item-box .with-icon .product-box-add-to-cart-button, .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page *, .overview .add-to-cart-button, .variant-overview .add-to-cart-button, .write-review .button-1, .wishlist-content .button-2.wishlist-add-to-cart-button, .compare-products-page .button-2, .registration-page .button-1, .registration-result-page .button-1, .login-page .login-button, .login-page .register-button, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1, .user-agreement-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1, .account-page .title strong::after, .account-page .button-2, .order-details-page .button-2.print-order-button, .order-details-page .actions input, .mini-shopping-cart .count, .mini-shopping-cart input[type="button"], .shopping-cart-page .button-2.update-cart-button, .shopping-cart-page .button-1, .checkout-page .button-1, .search-input .button-1, .sitemap-page .entity-title h2::after, .post-title::after, .news-title::after, .blog-posts .read-more, .news-items .read-more, .new-comment .title strong::after, .comment-list .title strong::after, .new-comment .button-1, .forum-search-box .basic .search-box-button, .forums-table-section-title > a::after, .forums-table-section-title strong::after, .topic-post .pm-button, .profile-info-box .pm-button, .forum-edit-page .buttons input.button-1, .move-topic-page .buttons input.button-1, .private-messages .buttons input.button-1, .responsive-nav-wrapper, .item-box .rating div, .overview .rating div, .product-review-box .rating div, .footer-2 .newsletter-block .title, .apply-vendor-page .button-1, .ui-dialog-titlebar, .ui-dialog .notify-me-button, .ajaxCart .productAddedToCartWindowCheckout, .previous-product a:hover .previous-product-label, .next-product a:hover .next-product-label, .sale-of-the-day-offer .go-to-product-page, .blog-search-box .search-box-button, .post-navigation a:hover::before, .jCarouselMainWrapper .slick-dots .slick-active button, .ajaxFilters .k-window-titlebar, .ropc .complete-button button, .header-menu > ul > li > span:after, .shops-item .shop-name:after, .shops-item .read-more, .newsletter-subscribe-popup .newsletter-subscribe-popup-title::after {
    background-color: #000000;
}