
    /** Logo **/
        /** end Logo **/

    /** Primary Color **/
            /* put this selectors for primary color/background */
        a:hover,
        .alink:hover,
        .message.info a:hover,
        .message.info a:active,
        .message.error a:hover,
        .message.error a:active,
        .message.warning a:hover,
        .message.warning a:active,
        .message.notice a:hover,
        .message.notice a:active,
        .message.success a:hover,
        .message.success a:active,
        .pages .action,
        .pages a.link,
        .breadcrumbs .items,
        .cart.table-wrapper .action.help.map:hover,
        .opc-wrapper .edit-address-link:hover,
        .opc-block-shipping-information .shipping-information-title .action-edit:hover,
        .action-auth-toggle:hover,
        .checkout-payment-method .checkout-billing-address .action-cancel:hover,
        .checkout-agreements-block .action-show:hover,
        .cart-summary .block.giftcard .action.check:hover,
        .gift-options .actions-toolbar .action-cancel:hover,
        .table-comparison .wishlist.split.button > .action:hover,
        .product-items .wishlist.split.button > .action:hover,
        .paypal-button-widget .paypal-button:hover,
        .cart.table-wrapper .action.help.map:hover,
        .opc-wrapper .edit-address-link:hover,
        .opc-block-shipping-information .shipping-information-title .action-edit:hover,
        .action-auth-toggle:hover,
        .checkout-payment-method .checkout-billing-address .action-cancel:hover,
        .checkout-agreements-block .action-show:hover,
        .cart-summary .block.giftcard .action.check:hover,
        .gift-options .actions-toolbar .action-cancel:hover,
        .table-comparison .wishlist.split.button > .action:hover,
        .product-items .wishlist.split.button > .action:hover,
        .paypal-button-widget .paypal-button:hover,
        .product-item .price-box,
        .product-item .price-box .special-price,
        .modes a.modes-mode:hover,
        .ui-dialog-titlebar-close:hover,
        .ui-dialog-titlebar-close:hover,
        button.map-show-info:hover,
        .cart.table-wrapper .actions-toolbar > .action.map-show-info:hover,
        .action-gift.map-show-info:hover,
        button.map-show-info:hover,
        .cart.table-wrapper .actions-toolbar > .action.map-show-info:hover,
        .action-gift.map-show-info:hover,
        .message.global.noscript a:hover,
        .message.global.cookie a:hover,
        .message.global.demo a:hover,
        .my-credit-cards .action.delete:hover,
        .my-credit-cards-popup .action.secondary:hover,
        .sidebar .block-wishlist .wishlist-counter span,
        .block-wishlist .wishlist-counter span,
        #search_mini_form .search-autocomplete .search-item .price-box,
        #search_mini_form .search-autocomplete .search-item .price-box .special-price,
        .widget.blog-posts .post-data,
        .sidebar .block.block-brand .brand-item .brand-item-name a,
        .brand-list .brand-item .brand-item-name a,
        em,
        .color-primary,
        .field.choice > input[type=checkbox] + .label:before,
        .field.choice > input[type=radio] + .label:before,
        .product-details .box-tocart .fieldset,
        .product-details .box-tocart .fieldset .special-price,
        .product-wrap .product-info-price .price-box,
        .product-wrap .product-info-price .price-box .special-price,
        .product-wrap .product-brand-name a:hover,
        .catalog-product-view .product.data.items .additional-attributes .attributes-caption,
        .block.related .block-actions .select,
        .block.upsell .block-actions button.action.select,
        .block.upsell .block-actions .cart.table-wrapper .actions-toolbar > .action.action.select,
        .block.upsell .block-actions .action-gift.action.select,
        .minicart-wrapper .block-minicart .block-content > .subtitle,
        .minicart-wrapper .block-minicart .action.close:hover,
        .minicart-wrapper .block-minicart .block-content .items-total .count,
        .minicart-wrapper .block-minicart .block-content .items-total span:nth-child(2),
        .minicart-wrapper .block-minicart .minicart-bottom > .subtotal .amount,
        .minicart-wrapper .block-minicart .minicart-items .product-item > .product .product-item-name a:hover,
        .minicart-wrapper .block-minicart .minicart-items .product-item-pricing .minicart-price,
        .minicart-wrapper .block-minicart .minicart-items .details-qty .update-cart-item,
        .minicart-wrapper .block-minicart .minicart-items .product.actions a:hover:before,
        #gift-options-cart .gift-options-title,
        #shopping-cart-table .cart.item .product-item-details .product-item-name a:hover,
        .cart-container .cart-summary .checkout.methods .item .action.multicheckout:hover,
        .cart-container .cart-summary .block .title[role="tab"],
        .opc-progress-bar .opc-progress-bar-item,
        #opc-sidebar .items-in-cart > .title span:first-child,
        .table-checkout-shipping-method td:first-child span.radio:before,
        .field.required .control div.field-tooltip.toggle._active .field-tooltip-action:before,
        ._keyfocus .field.required .control div.field-tooltip.toggle .field-tooltip-action:focus:before,
        #checkout-step-payment input[name="billing-address-same-as-shipping"] + label span:before,
        #checkout-step-payment .discount-code .payment-option-title,
        .sidebar .account-navigation li.current strong,
        .sidebar .account-navigation a,
        .block-dashboard-info .box-title,
        .block-dashboard-addresses .box-title,
        .box-billing-address .box-title,
        .box-address-shipping .box-title,
        .block-dashboard-info .box-actions .action.edit:hover,
        .block-dashboard-addresses .box-actions .action.edit:hover,
        .box-billing-address .box-actions .action.edit:hover,
        .box-address-shipping .box-actions .action.edit:hover,
        .block-addresses-list .block-content .action.edit:hover,
        .block-addresses-list .block-content .action.delete:hover,
        .popup-authentication .block-title,
        .account-nav .account-nav-content .item a:hover,
        .account-nav .account-nav-content .item.current,
        .page-product-downloadable .page-main .product-options-wrapper .legend,
        .page-product-grouped .table.grouped .table-caption,
        .filter-current--wrapper .filter-clear,
        .filter-options .filter-options-content .count,
        #cart-sidebar-reorder .control .label:before,
        .block-search .label:hover:before,
        .cms-about-us .skills .value,
        .about-us_services .about-us_services_txt i,
        .contact-index-index .contact-us-info .contact-us-info-description:not(.contact-us-info-description-email) a:hover,
        .form.search.advanced legend.legend,
        .sales-guest-form .admin__legend,
        .shipping-delivery-page ul li:before,
        .shipping-delivery-page [class*='themeicon-']:before,
        .faq-page #faq-accordion .accordion-content p:before,
        .support-page .boxes-block li div span:before,
        .guarantee-page h4:before,
        .terms-conditions-page ul h4:before,
        .contact-info a.mail,
        .breadcrumbs .item.home a:hover,
        .action-link:before,
        .block-posts-list .post-items .post-title a:hover,
        .block-posts-list .post-items a.post-link:hover,
        .block-posts-list .post-items .post-data .post-comments a:hover,
        .post-page .post-data .post-comments a:hover,
        .post-page .post-comments-block .comment-add .post-comments-title,
        .block.related-posts .related-post-grid .post-title > a:hover,
        .slider-title a:hover,
        .slider-title a:focus,
        .brand-list .brand-item .brand-item-name a,
        .sidebar .block.block-brand .brand-item .brand-item-name a,
        .sm-wrapper .sm-main #sm-content-block .sm-title,
        .sm-wrapper .sm-main #sm-timer-block .sm-timer-wrapper,
        .navigation.tm-navigation li.level-top .tm-megamenu ul.level1 > li > a:hover,
        .page-header .switcher .options ul.switcher-dropdown a:hover,
        .abs-actions-addto-gridlist::before,
        .table-comparison .wishlist.split.button > .action.split::before,
        .product-items .wishlist.split.button > .action.split::before,
        .product-items .action.towishlist::before,
        .products.list.items .action.towishlist::before,
        .table-comparison .action.towishlist::before,
        .product-addto-links .action.towishlist::before,
        .product-items .action.tocompare::before,
        .products.list.items .action.tocompare::before,
        .table-comparison .action.tocompare::before,
        .product-addto-links .action.tocompare::before,
        .product-wrap .product-social-links .action::before,
        .box-offer .icon,
        .contact-info dl::before {
          color: #712300;
        }

        mark,
        button:focus,
        button:active,
        .cart.table-wrapper .actions-toolbar > .action:focus,
        .cart.table-wrapper .actions-toolbar > .action:active,
        .action-gift:focus,
        .action-gift:active,
        button:hover,
        .cart.table-wrapper .actions-toolbar > .action:hover,
        .action-gift:hover,
        .action.primary,
        .action.primary:focus,
        .action.primary:active,
        .block-event .slider-panel .slider .item .action.event:focus,
        .block-event .slider-panel .slider .item .action.event:active,
        .block-event .slider-panel .slider .item .action.event:hover,
        .block-compare .action.compare:focus,
        .block-compare .action.compare:active,
        .cart-summary .actions-toolbar > .primary button:focus,
        .cart-summary .actions-toolbar > .primary button:active,
        .cart-summary .form.giftregistry .fieldset .action.primary:focus,
        .cart-summary .form.giftregistry .fieldset .action.primary:active,
        .paypal-review .block .actions-toolbar .action.primary:focus,
        .paypal-review .block .actions-toolbar .action.primary:active,
        .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:focus,
        .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:active,
        .cart-summary .actions-toolbar > .primary .action-gift:focus,
        .cart-summary .actions-toolbar > .primary .action-gift:active,
        .block-compare .action.compare:hover,
        .cart-summary .actions-toolbar > .primary button:hover,
        .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:hover,
        .cart-summary .actions-toolbar > .primary .action-gift:hover,
        .block-cart-failed .action.continue:focus,
        .block-cart-failed .action.continue:active,
        .cart-container .form-cart .action.continue:focus,
        .cart-container .form-cart .action.continue:active,
        .block-cart-failed .action.continue:hover,
        .cart-container .form-cart .action.continue:hover,
        .gift-item-block .title:focus,
        .gift-item-block .title:active,
        .gift-item-block .title:hover,
        .review-form .action.submit.primary:focus,
        .review-form .action.submit.primary:active,
        .review-form .action.submit.primary:hover,
        .block.widget.featured .product-item .product-label,
        .intro-products .owl-carousel .owl-dots .owl-dot:hover,
        .intro-products .owl-carousel .owl-dots .owl-dot.active,
        .newsletter-popup.modal-popup .buttons-container button.subscribe,
        .newsletter-popup.modal-popup .buttons-container .cart.table-wrapper .actions-toolbar > .action.subscribe,
        .newsletter-popup.modal-popup .buttons-container .action-gift.subscribe,
        .newsletter-popup.modal-popup .buttons-container button.subscribe:focus,
        .newsletter-popup.modal-popup .buttons-container button.subscribe:active,
        .newsletter-popup.modal-popup .buttons-container .cart.table-wrapper .actions-toolbar > .action.subscribe:focus,
        .newsletter-popup.modal-popup .buttons-container .cart.table-wrapper .actions-toolbar > .action.subscribe:active,
        .newsletter-popup.modal-popup .buttons-container .action-gift.subscribe:focus,
        .newsletter-popup.modal-popup .buttons-container .action-gift.subscribe:active,
        .newsletter-popup.modal-popup .buttons-container button.subscribe:hover,
        .newsletter-popup.modal-popup .buttons-container .cart.table-wrapper .actions-toolbar > .action.subscribe:hover,
        .newsletter-popup.modal-popup .buttons-container .action-gift.subscribe:hover,
        .block-event .slider-panel .slider .item .action.event,
        .block-event .slider-panel .slider .item .action.event:focus,
        .block-event .slider-panel .slider .item .action.event:active,
        .block-event .slider-panel .slider .item .action.event:hover,
        .bg-primary,
        .bg-primary.intro-products .block-content,
        .modal-custom .action-close,
        .modal-popup .action-close,
        .modal-slide .action-close,
        .modal-custom .action-close:focus,
        .modal-popup .action-close:focus,
        .modal-slide .action-close:focus,
        .modal-custom .action-close:active,
        .modal-popup .action-close:active,
        .modal-slide .action-close:active,
        .action.default:focus,
        .action.default:active,
        .action.default:hover,
        #gift-options-cart .gift-options .actions-toolbar .secondary .action-cancel:focus,
        #gift-options-cart .gift-options .actions-toolbar .secondary .action-cancel:active,
        #gift-options-cart .gift-options .actions-toolbar .secondary .action-cancel:hover,
        #shopping-cart-table .cart.item .actions-toolbar .gift-content .actions-toolbar .action:focus,
        #shopping-cart-table .cart.item .actions-toolbar .gift-content .actions-toolbar .action:active,
        #shopping-cart-table .cart.item .actions-toolbar .gift-content .actions-toolbar .action:hover,
        .cart-container .cart-summary .block.discount button.apply,
        .cart-container .cart-summary .block.discount .cart.table-wrapper .actions-toolbar > .action.apply,
        .cart-container .cart-summary .block.discount .action-gift.apply,
        .cart-container .cart-summary .block.discount button.apply:focus,
        .cart-container .cart-summary .block.discount button.apply:active,
        .cart-container .cart-summary .block.discount .cart.table-wrapper .actions-toolbar > .action.apply:focus,
        .cart-container .cart-summary .block.discount .cart.table-wrapper .actions-toolbar > .action.apply:active,
        .cart-container .cart-summary .block.discount .action-gift.apply:focus,
        .cart-container .cart-summary .block.discount .action-gift.apply:active,
        .cart-container .cart-summary .block.discount button.apply:hover,
        .cart-container .cart-summary .block.discount .cart.table-wrapper .actions-toolbar > .action.apply:hover,
        .cart-container .cart-summary .block.discount .action-gift.apply:hover,
        .opc-progress-bar .opc-progress-bar-item._active > span:before,
        .checkout-container .authentication-wrapper button.action-auth-toggle,
        .checkout-container .authentication-wrapper .cart.table-wrapper .actions-toolbar > .action.action-auth-toggle,
        .checkout-container .authentication-wrapper .action-gift.action-auth-toggle,
        body.account .box a.action:hover,
        .sidebar .price-slider .ui-slider-handle,
        .sidebar .price-slider .ui-slider-range,
        .faq-page #faq-accordion .accordion-trigger:before,
        .support-page .boxes-block li div:hover,
        .category-banner .banner-label,
        .category-banner .banner-label:after,
        .page-footer .footer-col .footer-col-content li a:hover:before,
        .timer-wrapper,
        .smart-label,
        .sm-wrapper .sm-main #sm-subscription-block .sm-content .sm-button,
        .sm-wrapper .sm-main #sm-subscription-block .sm-content .sm-button:focus,
        .sm-wrapper .sm-main #sm-subscription-block .sm-content .sm-button:active,
        .sm-wrapper .sm-main #sm-subscription-block .sm-content .sm-button:hover,
        .navigation.tm-navigation li.level-top .mm-label,
        .minicart-wrapper .action.showcart,
        .block-search #search_mini_form .label.active:hover:after,
        .block-search #search_mini_form .action.search,
        .sp-selected-button,
        ul.social-links a:hover,
        .scrollToTop:hover {
          background-color: #712300;
        }

        .css3-loader,
        .product-wrap .product.media .fotorama__thumb-border,
        .swatch-attribute [class*="swatch-opt"] .swatch-option.image:hover,
        [class*="swatch-opt"] .swatch-attribute .swatch-option.image:hover,
        .swatch-attribute [class*="swatch-opt"] .swatch-option.image.selected,
        [class*="swatch-opt"] .swatch-attribute .swatch-option.image.selected,
        .swatch-attribute [class*="swatch-opt"] .swatch-option.image:not(.disabled):hover,
        [class*="swatch-opt"] .swatch-attribute .swatch-option.image:not(.disabled):hover,
        .support-page .boxes-block li div,
        .divider,
        .sp-button:hover,
        .sp-selected-button {
          border-color: #712300;
        }

        .block-compare .action.compare:before,
        .cart-summary .actions-toolbar > .primary button:before,
        .cart-summary .form.giftregistry .fieldset .action.primary:before,
        .paypal-review .block .actions-toolbar .action.primary:before,
        .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:before,
        .cart-summary .actions-toolbar > .primary .action-gift:before,
        .block.newsletter .action.subscribe:before,
        .action.default:before {
          border-color: transparent transparent transparent #712300;
        }

        .block-compare .action.compare:after,
        .cart-summary .actions-toolbar > .primary button:after,
        .cart-summary .form.giftregistry .fieldset .action.primary:after,
        .paypal-review .block .actions-toolbar .action.primary:after,
        .cart-summary .actions-toolbar > .primary .cart.table-wrapper .actions-toolbar > .action:after,
        .cart-summary .actions-toolbar > .primary .action-gift:after,
        .block.newsletter .action.subscribe:after,
        .action.default:after {
          border-color: transparent #712300 transparent transparent;
        }

        @media all and (min-width: 640px) {
          .column .block-addbysku .action.remove:hover {
            color: #712300;
          }
        }

        @media only screen and (max-width: 767px) {
          .navigation .level0 > .level-top:hover,
          .navigation .submenu > li > a:hover,
          .navigation .submenu:not(:first-child) ul > li a:hover,
          .sm-header_customer-menu-container .sm-header_customer-menu .welcome,
          .sm-header_customer-menu-container .mage-dropdown-dialog .switcher .switcher-trigger:hover,
          .sm-header_customer-menu-container .mage-dropdown-dialog .switcher .mage-dropdown-dialog a:hover,
          div.block-search form button.action.search:hover,
          div.block-search form .cart.table-wrapper .actions-toolbar > .action.action.search:hover,
          div.block-search form .action-gift.action.search:hover,
          .opc-estimated-wrapper .estimated-price {
            color: #712300;
          }
        }

        @media all and (min-width: 768px), print {
          .navigation .level0 .submenu a:hover:before,
          .navigation .level0 .submenu a.ui-state-active:before {
            background-color: #712300;
          }
        }

        @media (max-width: 1023px) {
          .sm-header_customer-menu-container > .ui-dialog a:hover {
            color: #712300;
          }
        }

        /**/

    /** Secondary Color **/
            /* put this selectors for secondary color/background */
        select,
        .product.data.items > .item.title:before,
        .product.data.items > .item.title > .switch,
        .product.data.items > .item.title > .switch:visited,
        .pages a.page,
        .breadcrumbs a,
        .product-item .product-item-description,
        .toolbar-sorter .sorter-action,
        .toolbar-amount,
        .modes .modes-mode,
        .search-autocomplete,
        .sidebar .block-wishlist .actions-secondary .btn-remove,
        .block-wishlist .actions-secondary .btn-remove,
        .products-grid.wishlist .product-item-tooltip .toggle,
        .widget.blog-posts .post-data .post-author:after,
        .widget.blog-posts .post-data .post-author .label,
        .newsletter-popup.modal-popup .modal-content .content-text,
        .newsletter-popup.modal-popup .modal-content .block.newsletter .field .control:before,
        .modal-slide .modal-inner-wrap,
        .modal-popup .modal-inner-wrap,
        .modal-slide .modal-inner-wrap input,
        .modal-popup .modal-inner-wrap input,
        .modal-slide .modal-inner-wrap input::-moz-placeholder,
        .modal-popup .modal-inner-wrap input::-moz-placeholder,
        .modal-slide .modal-inner-wrap input::-webkit-input-placeholder,
        .modal-popup .modal-inner-wrap input::-webkit-input-placeholder,
        .modal-slide .modal-inner-wrap input:-ms-input-placeholder,
        .modal-popup .modal-inner-wrap input:-ms-input-placeholder,
        .block-compare .action.delete,
        .block-compare .action.clear,
        .sidebar-additional .block-content,
        .product-wrap .product.media .fotorama__arr:before,
        .product-wrap .product-info-main .product-reviews-summary .reviews-actions,
        .product-wrap .product-info-stock-sku,
        .product-wrap .product-brand-name a,
        .product-wrap .product-options-wrapper .price-notice,
        .product-wrap .product-options-wrapper .date .required legend,
        .block.related .block-actions .select:hover,
        .minicart-wrapper .block-minicart,
        .minicart-wrapper .block-minicart .minicart-items .details-qty .cart-item-qty,
        .cart-container .cart-summary .block .title[role="tab"]:before,
        .table-checkout-shipping-method th,
        .opc-block-shipping-information .action-edit:hover,
        #checkout-step-payment .legend,
        #checkout-step-payment .discount-code .payment-option-title:before,
        .block-dashboard-info .box-actions .action.edit,
        .block-dashboard-addresses .box-actions .action.edit,
        .box-billing-address .box-actions .action.edit,
        .box-address-shipping .box-actions .action.edit,
        .block-addresses-list .block-content .action.edit,
        .block-addresses-list .block-content .action.delete,
        .page-product-downloadable .page-main .samples .samples-item-title,
        .page-product-grouped .table.grouped thead th,
        .page-product-grouped .table.grouped tbody tr,
        .filter-current--wrapper,
        .filter-options .filter-options-title:before,
        .filter-options .filter-options-content .item a,
        .sidebar .price-slider .slider-fields label,
        .block.newsletter .content .field input::-moz-placeholder,
        .block.newsletter .content .field input::-webkit-input-placeholder,
        .block.newsletter .content .field input:-ms-input-placeholder,
        .block-search .input-text,
        .block-search .input-text::-moz-placeholder,
        .block-search .input-text::-webkit-input-placeholder,
        .block-search .input-text:-ms-input-placeholder,
        .cms-about-us .testimonials blockquote i,
        .box-offer .icon,
        .page-header,
        .page-header .logo:hover,
        .logo,
        .footer.content,
        .page-header__panel a:hover,
        .navigation .level0 > .level-top:hover,
        .navigation .level0 > .level-top.ui-state-focus,
        .navigation .level0 .submenu a:hover,
        .navigation .level0 .submenu a.ui-state-focus {
          color: #292929;
        }

        .page-footer .footer-col .footer-col-content li a:before,
        .page-footer .footer-col .footer-col-content li strong:before {
          background-color: #292929;
        }

        @media only screen and (max-width: 767px) {
          .product.data.items > .item.title:before,
          .product.data.items > .item.title > .switch,
          .product.data.items > .item.title > .switch:visited,
          .custom-slide .modal-inner-wrap,
          .custom-slide .modal-inner-wrap input,
          .custom-slide .modal-inner-wrap input::-moz-placeholder,
          .custom-slide .modal-inner-wrap input::-webkit-input-placeholder,
          .custom-slide .modal-inner-wrap input:-ms-input-placeholder,
          .opc-estimated-wrapper .estimated-label {
            color: #292929;
          }
        }

        @media all and (min-width: 768px), print {
          .navigation .level0 > .level-top,
          .navigation .level0 .submenu a,
          .product.data.items > .item.title > .switch,
          .product.data.items > .item.title > .switch:visited {
            color: #292929;
          }
          .navigation .level0 .submenu a:before {
            background-color: #292929;
          }
        }

        @media (max-width: 1023px) {
          .sm-header_customer-menu-toggle:before,
          .sm-header_customer-menu-toggle:after {
            color: #292929;
          }
        }
        /**/

            body {
            background-color: #ffffff;
        }
        
            header.page-header, .navigation, .sm-header-nav-wrap, .block-search #search_mini_form::before {
            background-color: #ffffff;
        }
    
    

            .page-footer, .footer.content {
            background-color: #F4F4F4;
        }
    
    
            body {
            color: #383838;
        }
    
/* Category page */
    @media screen and (min-width: 1024px) {
        .grid-main .products-grid .product-item{
            flex-basis: 25%;
            max-width: 25%;
        }
    }
/* END Category page */
