/* background */

#goToTop,
.eu-cookie-bar-notification button,
.header-links-wrapper,
.shopping-cart-link > a,
.side-2 .block .title,
.side-2 .block .list a:after,
.side-2 .block .list strong:after,
.side-2 .block .view-all a:hover,
.listbox .poll .buttons button:hover,
.product-grid .item-box .visible-details:before,
.item-box button:hover,
.item-box .add-info button.add-to-compare-list-button,
.item-box .add-info button.add-to-wishlist-button,
.item-box .add-info button.add-to-compare-list-button:hover,
.item-box .add-info button.add-to-wishlist-button:hover,
.product-list .item-box:after,
.manufacturer-item .title:before,
.free-shipping,
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover,
.mfp-container .apply-shipping-button,
.write-review .button-1,
.wishlist-content .button-2:hover,
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1,
.account-page .page-title h1:after,
.registration-page .button-1,
.registration-result-page .button-1,
.login-page .button-1,
.password-recovery-page .button-1,
.account-page .button-1,
.return-request-page .button-1,
.account-page .button-2:hover,
#check-availability-button,
.address-item .buttons:before,
.order-item .buttons:before,
.shopping-cart-page .button-1,
.checkout-page .button-1,
.checkout-page .button-2.order-completed-continue-button,
.order-details-page .actions button,
.search-input .button-1,
.news-items .news-item:after,
.new-comment .button-1,
.contact-vendor button,
.shopping-cart-page .cart-footer .button-2:hover,
.common-buttons .update-cart-button:hover,
.checkout-page .button-2:hover,
.order-details-page .page-title a:hover,
.shopping-cart-page .estimate-shipping-button,
.shopping-cart-page .estimate-shipping-button:hover,
.shopping-cart-page .continue-shopping-button,
.shopping-cart-page .continue-shopping-button:hover,
.shopping-cart-page .update-cart-button,
.product-variant-line:before,
.flyout-cart:before,
.mini-shopping-cart button,
.store-search-box .search-box-button,
.header-menu > ul > li > a:after,
.header-menu > ul > li > span:after,
.header-menu .sublist:before,
.cart th,
.data-table th,
.forums-table-section th,
.ajaxCart .productAddedToCartWindowCheckout,
.ui-slider-range,
.nopAjaxFilters7Spikes .close-filters,
.mega-menu .dropdown:before,
.previous-product,
.next-product,
.product-grid .quick-view-button a,
.product-list .quick-view-button a:hover,
.home-page-polls,
.footer-upper,
.forum-edit-page .buttons button,
.private-message-send-page .options button,
.private-messages-page .buttons button,
.private-message-view-page .options button,
.private-message-view-page .options button.button-1,
.forum-post .pm-link-button:hover,
.profile-info-box .pm-link-button:hover,
.move-topic-page .buttons button,
.ui-datepicker-calendar td:hover a,
.checkout-page h1:after,
.product-grid .quick-view-button a:hover,
.ropc .estimate-shipping button:hover,
.ropc .coupon-code button:hover,
.ropc .complete-button button,
.rich-blog-homepage .blog-post:after,
.rich-blog-homepage .view-all a:hover,
.blog-search-box .search-box-button,
.post-navigation a:before,
.header-menu .sublist-wrap:before,
.newsletter-subscribe-popup {
  background-color: #337ab7;
}
/* text color */

.eu-cookie-bar-notification a,
.fieldset .title,
.required,
.message-error,
.field-validation-error,
.username-not-available-status,
.poll-vote-error,
.password-error,
.footer-middle .footer-block a:hover,
.side-2 .block .view-all a,
.block .tags li a:hover,
.listbox .poll .buttons button,
.item-box .actual-price,
.item-box button,
.pager li span,
.pager li a:hover,
.overview .product-price span,
.variant-overview .product-price span,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.variant-overview .add-to-wishlist-button,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.product-tags-list li:hover > *,
.product-reviews-page .title,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-content .button-2,
.compare-products-page .button-2,
.compare-products-page .clear-list:hover,
.compare-products-page .button-2:hover,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.email-a-friend-page .title a:hover,
#username-availabilty,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.login-page .title,
.login-page .topic-block-title,
.forgot-password:hover,
.account-page .button-2,
#check-availability-button:hover,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .cart-footer .button-2,
.common-buttons .update-cart-button,
.order-details-page .page-title a,
.shopping-cart-page .estimate-shipping-button:hover,
.shopping-cart-page .continue-shopping-button:hover,
.cart-total tr:last-child td:last-child,
.order-completed .details a:hover,
.checkout-page .button-2.order-completed-continue-button:hover,
.opc .back-link a:hover,
.order-details-page .actions button:hover,
.search-input .button-1:hover,
.sitemap-page .entity-title,
.sitemap-page a:hover,
.news-title:hover,
.post-head .post-title,
.blog-page .tags a:hover,
.blogpost-page .tags a:hover,
.new-comment .button-1:hover,
.vendor-list a:hover,
.contact-vendor button:hover,
.product-tags-all-page .product-tags-list a:hover,
.mini-shopping-cart .count a,
.mini-shopping-cart .price span,
.mini-shopping-cart button:hover,
.cart a:hover,
.data-table a:hover,
.forums-table-section a:hover,
.compare-products-table a:hover,
.compare-products-table .product-price td,
.productAddedToCartWindowDescription strong,
.ajaxCart .productAddedToCartWindowCheckout:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.priceRangeCurrentPricesPanel span,
.specification-current-value-panel span,
.instant-search-item .detail .price,
.mega-menu .box li a:hover,
.product-grid .quick-view-button a:hover,
.product-list .quick-view-button a,
.poll .buttons button:hover,
.forum-edit-page .buttons button:hover,
.private-message-send-page .options button:hover,
.private-messages-page .buttons button:hover,
.private-message-view-page .options button:hover,
.private-message-view-page .options button.button-1:hover,
.forum-post .pm-link-button,
.profile-info-box .pm-link-button,
.move-topic-page .buttons button:hover,
.ropc .complete-button button:hover,
.news-items .read-more,
.ropc button[disabled]:hover,
.ropc .section-title,
.ropc button,
.rich-blog-homepage .read-more,
.rich-blog-homepage .view-all a,
.blog-instant-search .rich-blog-autocomplete-last-item .rich-blog-search-item,
.blog-page .post-title:hover,
.blog-page .buttons .read-more,
.blog-page .buttons .read-comments,
.post-relations li a,
.blog-page .tags ul a,
.blogpost-page .tags ul a,
.search-term-highlighter,
p .search-term-highlighter {
  color: #337ab7;
}
/* border color */

.eu-cookie-bar-notification,
.side-2 .block .list li.active > a,
.side-2 .block .list li.active > strong,
.side-2 .block .view-all a,
.listbox .poll .buttons button,
.item-box button,
.overview .discontinued-product,
.overview .qty-input,
.variant-overview .qty-input,
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button,
.variant-overview .add-to-wishlist-button,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-state-active.ui-tabs-active a,
.mfp-container .apply-shipping-button:hover,
.write-review .button-1:hover,
.wishlist-content .button-2,
.compare-products-page .page-title h1,
.contact-page .page-title h1,
.email-a-friend-page .page-title h1,
.apply-vendor-page .page-title h1,
.contact-page .button-1:hover,
.email-a-friend-page .button-1:hover,
.apply-vendor-page .button-1:hover,
.registration-page .button-1:hover,
.registration-result-page .button-1:hover,
.login-page .button-1:hover,
.password-recovery-page .button-1:hover,
.account-page .button-1:hover,
.return-request-page .button-1:hover,
.login-page .page-title h1,
.account-page .button-2,
#check-availability-button:hover,
.order-progress ul,
.shopping-cart-page .button-1:hover,
.checkout-page .button-1:hover,
.shopping-cart-page .cart-footer .button-2,
.common-buttons .update-cart-button,
.order-details-page .page-title a,
.shopping-cart-page .estimate-shipping-button:hover,
.shopping-cart-page .continue-shopping-button:hover,
.order-review-data ul,
.checkout-page .button-2.order-completed-continue-button:hover,
.opc .step,
.order-details-area ul,
.order-details-page .actions button:hover,
.shipment-details-page .shipment-overview > ul,
.search-input .button-1:hover,
.sitemap-page .page-title h1,
.new-comment .button-1:hover,
.blog-comment,
.news-comment,
.news-list-page .page-title h1,
.blog-page .page-title h1,
.product-tags-all-page .page-title h1,
.contact-vendor button:hover,
.topic-page .page-title h1,
.mini-shopping-cart button:hover,
.cart th,
.data-table th,
.forums-table-section th,
.ajax-cart-button-wrapper input[type="text"],
.ajaxCart .k-window-titlebar.k-header,
.ajaxCart .productAddedToCartWindowCheckout:hover,
.filter-block a.clearFilterOptions,
.filter-block a.clearPriceRangeFilter,
.product-list .quick-view-button a,
.quickViewWindow .popup-header,
.forum-edit-page .buttons button:hover,
.private-message-send-page .options button:hover,
.private-messages-page .buttons button:hover,
.private-message-view-page .options button:hover,
.private-message-view-page .options button.button-1:hover,
.forum-post .pm-link-button,
.profile-info-box .pm-link-button,
.move-topic-page .buttons button:hover,
.ropc .complete-button button:hover,
.ropc button,
.rich-blog-homepage .view-all a,
.blog-search-results li,
.order-review-data > div,
.order-details-area > div,
.shipment-details-area > div {
  border-color: #337ab7;
}
@media all and (max-width: 1024px) {
  /* background */
  
  .search-box,
  .responsive-nav-wrapper .search-wrap span,
  .responsive-nav-wrapper .filters-button span,
  .header-menu .close-menu,
  .header-menu ul li.back-button {
    background-color: #337ab7;
  }
}

.home-award-section .banner-award-section {
    position: relative;
    margin: 25px auto;
    width: 95%;
    max-width: 95%;
}

    .home-award-section .banner-award-section .slick-prev,
    .home-award-section .banner-award-section .slick-next {
        height: 32px;
        width: 32px;
        background-color: #eee;
        border: none;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        text-indent: -9999px;
    }

    .home-award-section .banner-award-section .slick-prev {
        left: -4%;
        right: auto;
    }

    .home-award-section .banner-award-section .slick-next {
        right: -4%;
        left: auto;
    }

    .home-award-section .banner-award-section .slick-prev::before {
        content: " ";
        border-left: 2px solid #000;
        border-bottom: 2px solid #000;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        cursor: pointer;
        display: block;
    }

    .home-award-section .banner-award-section .slick-next::before {
        content: " ";
        border-right: 2px solid #000;
        border-top: 2px solid #000;
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        cursor: pointer;
        display: block;
    }

    .home-award-section .banner-award-section .slick-dots {
        display: flex;
        width: max-content;
        margin: 10px auto;
        gap: 8px;
    }

        .home-award-section .banner-award-section .slick-dots li {
            background-color: #ccc;
            height: 15px;
            width: 15px;
            border: none;
            border-radius: 50px;
        }

            .home-award-section .banner-award-section .slick-dots li button {
                text-indent: -9999px;
                background-color: transparent;
                border: none;
            }

            .home-award-section .banner-award-section .slick-dots li.slick-active {
                background-color: #337ab7;
            }

    .home-award-section .banner-award-section .slick-slider .slick-slide {
        height: 250px;
        width: 100px;
        background-color: #000;
        color: #fff;
        border-radius: 5px;
        display: inline-block;
        margin: 0px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 20px;
    }

    .home-award-section .banner-award-section .slick-slider .slick-disabled {
        opacity: 0;
        pointer-events: none;
    }

    .home-award-section .banner-award-section h3 {
        font-size: 25px;
        color: #337ab7;
        text-align: center;
        padding-bottom: 10px;
        border-bottom: 1px solid #cdcdcd;
        margin-bottom: 20px;
    }

    .home-award-section .banner-award-section .awards-slider {
        margin: 0px -10px;
    }

    .home-award-section .banner-award-section .slick-slide a img {
        width: 100%;
        max-width: 100%;
    }

@media all and (min-width:1025px) {
    .home-award-section .banner-award-section {
        width: 1000px;
    }
}

@media all and (min-width:1281px) {
    .home-award-section .banner-award-section {
        width: 1200px;
    }
}

@media all and (max-width:1024px) {
    .home-award-section .banner-award-section .slick-dots li {
        height: 10px;
        width: 10px;
    }
}
[wa-tooltip] {
    position: relative;
    cursor: default;
    &:hover

{
    &::before

{
    content: attr(wa-tooltip);
    font-size: 16px;
    text-align: center;
    position: absolute;
    display: block;
    right: calc(0% - 100px);
    left: null;
    min-width: 200px;
    max-width: 200px;
    bottom: calc(100% + 10px);
    transform: translate(-50%);
    animation: fade-in 500ms ease;
    background: #00E785;
    border-radius: 4px;
    padding: 10px;
    color: #ffffff;
    z-index: 1;
}

}
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

[wa-tooltip] {
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}