/* ------------ declaring color variables ------------ */
/*#e6e6e6*/
/*#000*/
/*#fff*/
/*#000*/
/*#fff*/
/*#fff*/
/*#ffdd00*/
/*#000*/
/*#000*/
/*#000*/
/*#ffdd00*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/*#fff*/
/*#fff*/
/*#00457d*/
/*#fff*/
/*#000*/
/*#fff*/
/*#fff*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/* ------------ declaring inheritance ------------ */
#NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, #header .desktop-header .header-top .hdtop-leftmenu ul li a, #header .desktop-header .header-top .hdtop-rightmenu ul li a, #header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart h3, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info small, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #fixed-social-network > a, #modalAddComplete .modal-tbl-cart table td.product-price span.original-price, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove, footer .ft-copyrights-wrapper .ft-links > a, footer .ft-copyrights-wrapper .ft-copyrights, footer .ft-copyrights-wrapper .ft-copyrights > a {
    font-size: 12px;
}

#header .mobile-header .hd-btnMenu > a span, #main-slider .ms-item .slide-content .slide-btn > a, .popup .popup-content form input, .popup .popup-content form button, #productQuickView .modal-content .product-price-wrapper #PriceSaving, #related-products .seen-item .product-price > span, #seen-products .seen-item .product-price > span, #blog-wrapper .blog-sidebar .blog-sb-title h3, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel, #product-wrapper .product-single .product-content .pro-content-head .pro-rating .hrv-product-reviews-star > i, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a, #product-wrapper .product-single .product-content .product-actions button, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #home-banners .hb-item1 .hb-content .hb-btn a, #home-banners .hb-item2 .hb-content .hb-btn a, #home-banners .hb-item3 .hb-content .hb-btn a, #home-collections div.tab button, footer .ft-content .ft-subscribe .ft-sub-wrapper form input, #home-testimonials .ht-item .ht-img .ht-desc, #home-testimonials .ht-item .ht-title, .product-item .product-img .product-tags .tag-saleoff, .product-item .product-title > a, .product-item .product-price > span.current-price, .product-item .product-price > span.original-price {
    font-size: 14px;
}

#hrv-product-reviews .title-bl h2, .popup .popup-content .form-desc, #productQuickView .modal-content .product-price-wrapper del, #product-wrapper .product-description-wrapper div.tab button, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #home-banners .hb-item3 .hb-content .hb-desc, footer .ft-content .ft-title, footer .ft-content h3 {
    font-size: 16px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__search form button, #header .mobile-header .hd-logo a, .popup .popup-content .popup-title, .popup .popup-content .popup-social-network, #related-products .home-section-head h2, #seen-products .home-section-head h2, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .article-content .article-head h1, #blog-wrapper .related-articles .related-articles-head h3, #collection-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #product-wrapper .product-single .product-content .pro-content-head h1, #fixed-social-network > a > svg, #ft-social-network > a, #home-banners .hb-item1 .hb-content .hb-desc, #home-banners .hb-item2 .hb-content .hb-desc, #home-collections .section-title h2, .article-item .article-item-normal .article-title, footer #ft-social-network > a, #home-promotion .hpromo-item .hpromo-content .hpromo-light-text, .search-h1, .section-title h2 a, .product-item .product-img .product-actions > div > button svg, #home-aboutus .hau-content h3, #home-aboutus .hau-content ul li, #home-aboutus .hau-content p {
    font-size: 18px;
}

#header .mobile-header .hd-btnMenu > a, #main-slider .ms-item .slide-content .slide-bold-text, #ProductPhoto .owl-controls .owl-buttons > div, #owl-spdx .owl-controls .owl-buttons > div, #related-products .owl-controls .owl-buttons > div, #product-wrapper .product-single .product-content .pro-price .current-price, #home-banners .hb-item1 .hb-content .hb-title, #home-banners .hb-item2 .hb-content .hb-title, #home-articles .owl-controls .owl-buttons > div, footer .ft-content .ft-social-network > a, #home-testimonials .owl-controls .owl-buttons > div {
    font-size: 24px;
}

.pagination-custom > span.current, .pagination-custom > span > a, #header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart h3, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-logo a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #main-slider .ms-item .slide-content .slide-bold-text, #main-slider .ms-item .slide-content .slide-btn > a, .swatch .header, #hrv-product-reviews .title-bl h2, .popup .popup-content .popup-title, .popup .popup-content form button, #productQuickView .modal-content h4, #productQuickView .modal-content .product-price-wrapper span.p-price, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #related-products .home-section-head h2, #seen-products .home-section-head h2, #related-products .seen-item .product-price > span, #seen-products .seen-item .product-price > span, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .blog-sidebar .blog-sb-title h3, #blog-wrapper .article-content .article-head h1, #blog-wrapper .related-articles .related-articles-head h3, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #product-wrapper .product-single .product-content .pro-content-head h1, #product-wrapper .product-single .product-content .pro-price .current-price, #product-wrapper .product-single .product-content .pro-price .original-price, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-description-wrapper div.tab button, #fixed-social-network > a, #ft-social-network > a, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-price span, #modalAddComplete .modal-tbl-cart table td.product-money, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #home-banners .hb-item1 .hb-content .hb-title, #home-banners .hb-item1 .hb-content .hb-btn a, #home-banners .hb-item2 .hb-content .hb-title, #home-banners .hb-item2 .hb-content .hb-btn a, #home-banners .hb-item3 .hb-content .hb-title, #home-banners .hb-item3 .hb-content .hb-btn a, #home-collections .section-title h2, .article-item .article-item-normal .article-title, footer #ft-social-network > a, footer .ft-content .ft-title, footer .ft-content h3, #home-promotion .hpromo-item .hpromo-content .hpromo-bold-text, #home-testimonials .ht-item .ht-title, .search-h1, #home-services .hservice-item .hservice-title a, #home-services .hservice-item .hservice-viewmore a, .section-title h2 a, .product-item .product-img .product-tags .tag-saleoff, .product-item .product-img .product-actions > div > button, .product-item .product-vendor span.vendor-title, .product-item .product-vendor span.productItem-OutOfStock, .product-item .product-price > span.current-price, #home-aboutus .hau-content h3, #home-aboutus .hau-content .hau-hotline > a {
    font-family: "Baomoi-SemiBold" !important;
}

#main-slider .ms-item .slide-content .slide-light-text, .popup .popup-content .popup-desc, .popup .popup-content .popup-list ul li, #page-wrapper .rte, #blog-wrapper .article-content .article-tldr, #blog-wrapper .article-content .article-body, #blog-wrapper .related-articles .related-articles-body ul > li > a, #collection-wrapper .collection-head .collection-desc, #product-wrapper .product-single .product-content .pro-content-head .pro-brand, #product-wrapper .product-single .product-content .pro-content-head .pro-sku, #product-wrapper .product-single .product-content .pro-content-head .pro-rating, #product-wrapper .product-single .product-content .pro-short-desc, #product-wrapper .product-description-wrapper .pro-tabcontent, .article-item .article-item-hover, footer .ft-content .ft-contact > div, footer .ft-content .ft-nav ul li a, footer .ft-content .ft-subscribe .ft-sub-desc, #home-testimonials .ht-item .ht-img .ht-desc, #home-services .hservice-item .hservice-desc {
    line-height: 24px;
}

#main-slider .ms-item .slide-content .slide-light-text, footer .ft-content .ft-subscribe .ft-sub-desc {
    text-align: justify !important;
}

#NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, #header .desktop-header .header-top .hdtop-leftmenu ul li a, #header .desktop-header .header-top .hdtop-rightmenu ul li a, #header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-title, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart h3, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-logo a, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #header .mobile-header .hd-btnMenu > a span, #main-slider .ms-item .slide-content .slide-bold-text, #main-slider .ms-item .slide-content .slide-light-text, #main-slider .ms-item .slide-content .slide-btn > a, .popup .popup-content .popup-title, .popup .popup-content form button, #productQuickView .modal-content h4, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #related-products .home-section-head h2, #seen-products .home-section-head h2, #related-products .seen-item .product-title > a, #seen-products .seen-item .product-title > a, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .blog-sidebar .blog-sb-title h3, #blog-wrapper .article-content .article-head h1, #blog-wrapper .related-articles .related-articles-head h3, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a, #product-wrapper .product-single .product-content .pro-content-head h1, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-description-wrapper div.tab button, #modalAddComplete .modal-cart-status h2, #home-banners .hb-item1 .hb-content .hb-title, #home-banners .hb-item1 .hb-content .hb-desc, #home-banners .hb-item1 .hb-content .hb-btn a, #home-banners .hb-item2 .hb-content .hb-title, #home-banners .hb-item2 .hb-content .hb-desc, #home-banners .hb-item2 .hb-content .hb-btn a, #home-banners .hb-item3 .hb-content .hb-title, #home-banners .hb-item3 .hb-content .hb-desc, #home-banners .hb-item3 .hb-content .hb-btn a, #home-collections .section-title h2, #home-collections div.tab button, .article-item .article-item-normal .article-title, footer .ft-content .ft-title, footer .ft-content h3, footer .ft-copyrights-wrapper .ft-links > a, footer .ft-copyrights-wrapper .ft-copyrights, footer .ft-copyrights-wrapper .ft-copyrights > a, #home-promotion .hpromo-item .hpromo-content .hpromo-light-text, #home-promotion .hpromo-item .hpromo-content .hpromo-bold-text, #home-testimonials .ht-item .ht-title, .search-h1, #home-services .hservice-item .hservice-title a, #home-services .hservice-item .hservice-viewmore a, .section-title h2 a, .product-item .product-img .product-actions > div > button, .product-item .product-vendor span.vendor-title, .product-item .product-vendor span.productItem-OutOfStock, .product-item .product-title > a, #home-aboutus .hau-content h3, #home-aboutus .hau-content .hau-hotline > a {
    text-transform: uppercase !important;
}

.pagination-custom > span > a, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, .cart-overlay, #header .desktop-header .header-top .hdtop-leftmenu ul li a, #header .desktop-header .header-top .hdtop-rightmenu ul li a, #header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-title, #header .desktop-header .header-center .desktop-cart-wrapper > a.hd-cart, #header .mobile-header .desktop-cart-wrapper1 > a.hd-cart, #main-slider #owl-home-main-slider .owl-controls .owl-pagination .owl-page, #main-slider .ms-item .slide-content .slide-btn > a, #ProductPhoto .owl-controls .owl-buttons > div, .product-thumb-control .btn, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, #owl-spdx .owl-controls .owl-buttons > div, #related-products .owl-controls .owl-buttons > div, #related-products .seen-item, #seen-products .seen-item, #related-products .seen-item .product-img > a img, #seen-products .seen-item .product-img > a img, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div, #blog-wrapper .blog-sidebar .blog-sb-title h3, #blog-wrapper .blog-sidebar .list-categories > ul > li > a, #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a, #blog-wrapper .blog-sidebar .blog-sb-banner a img, #blog-wrapper .article-content .article-tags a, #blog-wrapper .related-articles .related-articles-body ul > li > a, #blog-wrapper .related-articles .related-articles-body ul > li > a:before, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a, #product-wrapper .product-single .product-content .pro-content-head .pro-brand a, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-description-wrapper div.tab button, #ft-social-network > a, #modalAddComplete .modal-tbl-cart table td.product-remove > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .text-left a, #home-banners .hb-item1 .hb-img img, #home-banners .hb-item1 .hb-content .hb-btn a, #home-banners .hb-item2 .hb-img img, #home-banners .hb-item2 .hb-content .hb-btn a, #home-banners .hb-item3 .hb-img img, #home-banners .hb-item3 .hb-content .hb-btn a, #home-collections div.tab button, .article-item .article-img img, .article-item .article-item-normal, .article-item .article-item-hover, #home-articles .owl-controls .owl-buttons > div, footer #ft-social-network > a, footer .ft-content .ft-contact .ft-contact-tel a, footer .ft-content .ft-contact .ft-contact-email a, footer .ft-content .ft-social-network > a, footer .ft-content .ft-nav ul li a, footer .ft-content .ft-subscribe .ft-sub-wrapper form button, footer .ft-copyrights-wrapper .ft-links > a, footer .ft-copyrights-wrapper .ft-copyrights, footer .ft-copyrights-wrapper .ft-copyrights > a, #home-promotion .hpromo-item .hpromo-content .hpromo-btn a, #home-testimonials .ht-item .ht-img, #home-testimonials .ht-item .ht-img .ht-desc, #home-testimonials .owl-controls .owl-buttons > div, #home-services .hservice-item .hservice-img a img, #home-services .hservice-item .hservice-title a, #home-services .hservice-item .hservice-viewmore a, .product-item, .product-item .product-img > a img, .product-item .product-img .product-actions > div > button, .product-item .product-title > a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-icon img, #fixed-social-network > a {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.hd-link-img img {
    max-height: 40px;
}

/* ------------ normalize elements / classes ------------ */
input, textarea, button {
    outline: 0px;
}

.mobile-nav a:focus {
    background: transparent;
}

body {
    margin: 0;
}

body {
    position: relative;
    line-height: normal !important;
}

body button,
body h1,
body h2,
body h3 {
    line-height: normal;
    font-weight: normal;
}

img {
    vertical-align: middle;
}

.pd-top30 {
    padding-top: 30px !important;
}

.mg-bottom50 {
    margin-bottom: 50px !important;
}

.mg-left-0 {
    margin-left: 0 !important;
}

.mg-left-5 {
    margin-left: -5px !important;
}

.mg-left-15 {
    margin-left: -15px !important;
}

.pd-left0 {
    padding-left: 0 !important;
}

.pd-left5 {
    padding-left: 5px !important;
}

.pd-left15 {
    padding-left: 15px !important;
}

.quickview-cart > ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.quickview-cart > ul::-webkit-scrollbar {
    width: 5px;
    background-color: #fff;
}

.quickview-cart > ul::-webkit-scrollbar-thumb {
    background-color: #ffdd00;
}

input[type=number] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.blog-sidebar  .fb_iframe_widget iframe, .blog-sidebar  .fb_iframe_widget{
    width: 100% !important;
    z-index: 9;
}

.fb-comments,
.fb-comments > span,
.fb-comments span iframe {
    width: 100% !important;
}

.sidebar-sort .no-bullets li input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: none;
    border: 1px solid #dedede;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.sidebar-sort .no-bullets li input[type="checkbox"]:focus {
    outline: none;
}

.sidebar-sort .no-bullets li input[type="checkbox"]:checked {
    width: 16px;
    height: 16px;
}

.sidebar-sort .no-bullets li input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    outline: none;
    color: #ffdd00;
    outline: 1px solid #fff;
}

.sidebar-sort .no-bullets li input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 16px;
    height: 16px;
    background: none;
    border: 1px solid #dedede;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

.sidebar-sort .no-bullets li input[type="radio"]:focus {
    outline: none;
}

.sidebar-sort .no-bullets li input[type="radio"]:checked {
    width: 16px;
    height: 16px;
}

.sidebar-sort .no-bullets li input[type="radio"]:checked:after {
    content: '\2714';
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    display: block;
    outline: none;
    color: #ffdd00;
    outline: 1px solid #fff;
}

.pagination-custom > span {
    text-align: center;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin: 3px;
}

.pagination-custom > span.current {
    padding: 0px !important;
    color: #fff;
    background: #000000;
    border: 1px solid #000000;
}

.pagination-custom > span > a {
    padding: 0px;
    display: inline-block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 30px;
    padding: 0px;
    color: #000000;
    background: #fff;
    border: 1px solid #000000;
}

.pagination-custom > span > a:hover {
    color: #fff;
    background: #000000;
    border: 1px solid #000000;
}

#pagination-page {
    clear: left;
    margin: 0px;
}

.pagination {
    clear: left;
    margin: 0px;
}

.float-right {
    float: right;
}

@media (max-width: 768px) {
    body .md-mg-left-5 {
        margin-left: -5px !important;
    }

    body .md-pd-left5 {
        padding-left: 5px !important;
    }

    body .md-mg-left-10 {
        margin-left: -10px !important;
    }

    body .md-pd-left10 {
        padding-left: 10px !important;
    }
}

@-webkit-keyframes aButtonHoverBefore {
    from {
        width: 18px;
    }
    25% {
        width: 0px;
    }
    50% {
        width: 40px;
    }
    75% {
        width: 0px;
    }
    to {
        width: 18px;
    }
}

@keyframes aButtonHoverBefore {
    from {
        width: 18px;
    }
    25% {
        width: 0px;
    }
    50% {
        width: 40px;
    }
    75% {
        width: 0px;
    }
    to {
        width: 18px;
    }
}

@-webkit-keyframes aButtonHoverAfter {
    from {
        width: 40px;
        right: -40px;
    }
    25% {
        width: 0px;
        right: 0;
    }
    50% {
        width: 18px;
        right: -18px;
    }
    75% {
        width: 0px;
        right: 0;
    }
    to {
        width: 40px;
        right: -40px;
    }
}

@keyframes aButtonHoverAfter {
    from {
        width: 40px;
        right: -40px;
    }
    25% {
        width: 0px;
        right: 0;
    }
    50% {
        width: 18px;
        right: -18px;
    }
    75% {
        width: 0px;
        right: 0;
    }
    to {
        width: 40px;
        right: -40px;
    }
}

@keyframes slide {
    0% {
        clip: rect(0, 0, 20px, 0);
    }
    30% {
        clip: rect(0, 150px, 20px, 0);
    }
    50% {
        clip: rect(0, 150px, 20px, 0);
    }
    80% {
        clip: rect(0, 150px, 20px, 150px);
    }
    100% {
        clip: rect(0, 150px, 20px, 150px);
    }
}

@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* ------------ breakpoints ------------ */
@media (min-width: 768px) {
    #ProductPhoto {
        float: right;
        width: calc(100% - 92px);
    }

    #ProductThumbs {
        float: left;
        max-width: 77px;
        overflow-y: hidden;
        max-height: 480px;
        position: relative;
    }
}

@media (max-width: 480px) {
    #modalAddComplete .modal-checkout-actions .text-left a {
        font-size: 12px;
    }

    #modalAddComplete .modal-checkout-actions h3 {
        margin-top: 5px !important;
    }

    #modalAddComplete .modal-checkout-actions .you-save {
        margin-bottom: 5px !important;
    }

    #modalAddComplete .modal-checkout-actions .modal-cart-actions a {
        margin-top: 0px !important;
    }

    #product-wrapper .product-description-wrapper div.tab button {
        font-size: 14px !important;
        width: 100%;
    }

    body {
        padding-bottom: 67px;
    }

    .product-thumb-control {
        display: none !important;
    }
}

@media (max-width: 768px) {
    #page-wrapper .cart .cart-item {
        margin-bottom: 15px;
        border-bottom: 1px solid #e6e6e6;
    }

    #page-wrapper .cart .cart-item .h4 {
        font-weight: normal !important;
        font-size: 14px !important;
        margin-bottom: 0px;
    }

    #page-wrapper .cart .cart-item .price {
        display: inline-block;
    }

    #page-wrapper .cart .cart-item .price .h3 {
        font-size: 16px !important;
        color: #ffdd00;
    }

    #page-wrapper .cart .cart-item .js-qty {
        margin-bottom: 5px !important;
    }

    #page-wrapper .cart .cart-item .cart__remove {
        display: inline-block;
        margin-left: 10px;
    }

    #ProductPhoto {
        margin-bottom: 15px;
    }

    #pagination-page {
        margin-bottom: 30px !important;
    }

    .pagination {
        margin-bottom: 30px !important;
    }

    #breadcrumb-wrapper.breadcrumb-w-img {
        background-attachment: scroll !important;
    }

    #ProductThumbs {
        text-align: center !important;
    }

    #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline > span {
        display: none !important;
    }

    #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline {
        margin-bottom: 10px;
    }

    #ProductThumbs .inner .thumbnail-item {
        margin: 0px 0px 15px 0px !important;
    }

    #ProductThumbs .inner .owl-controls {
        margin: 0;
    }

    #ProductThumbs .inner .owl-controls .owl-buttons > div {
        position: absolute;
        z-index: 2;
        top: calc(50% - 15px);
        height: 30px;
        line-height: 30px;
        width: 30px;
        text-align: center;
        background: #ffdd00;
        font-size: 24px;
        color: #000000;
        margin: 0;
        padding: 0;
        border-radius: 3px;
        opacity: 1;
    }

    #ProductThumbs .inner .owl-controls .owl-buttons > div.owl-prev {
        left: 0px;
    }

    #ProductThumbs .inner .owl-controls .owl-buttons > div.owl-next {
        right: 0px;
    }

    #product-wrapper .product-description-wrapper {
        margin-bottom: 30px;
    }

    #collection-wrapper .collection-head .collection-title {
        margin-bottom: 15px;
    }

    #collection-wrapper .collection-head .collection-sorting-wrapper .form-horizontal {
        text-align: left !important;
    }

    #collection-wrapper .collection-sidebar-wrapper > .grid > .grid__item:nth-child(2n + 1) {
        clear: left;
    }

    .ft-contact, .ft-nav, .ft-oh {
        margin-bottom: 30px;
    }

    .ft-links {
        text-align: center !important;
        margin-bottom: 15px;
    }

    .ft-copyrights {
        text-align: center !important;
        margin-top: 15px;
    }
}

/* ----------------------------------- */
#NavDrawer::-webkit-scrollbar {
    width: 7px;
}

#NavDrawer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px #fff;
    border-radius: 0px;
}

#NavDrawer::-webkit-scrollbar-thumb {
    border-radius: 0px;
    -webkit-box-shadow: inset 0 0 5px #fff;
    background: #fff;
}

#NavDrawer {
    z-index: 999999;
    background: rgba(68, 68, 68, 0.7);
    padding: 0px;
}

#NavDrawer .mobile-nav > .mobile-nav__item {
    background: transparent;
}

#NavDrawer .drawer__header {
    height: 65px;
    border-bottom: 0px;
    padding: 0px 15px;
}

#NavDrawer .drawer__header .drawer__close {
    text-align: right;
}

#NavDrawer .drawer__header .drawer__close button {
    right: 0px;
    color: #ffffff;
    background: transparent;
    outline: 0px;
    border: 0px;
    border-radius: 0px;
    padding-right: 0px;
}

#NavDrawer .drawer__header .drawer__close button span {
    display: inline-block;
    margin-right: 5px;
    transform: translateY(-3px);
}

#NavDrawer .drawer__header .drawer__close button svg {
    font-size: 24px;
}

#NavDrawer ul.mobile-nav {
    margin: 0px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__search {
    padding: 15px !important;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__search form {
    border-radius: 3px;
    overflow: hidden;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__search form input {
    height: 34px;
    line-height: 34px;
    padding: 0px 15px;
    border-radius: 0px;
    border: 0px;
    outline: 0px;
    width: 100%;
    background: #fff;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__search form button {
    height: 34px;
    width: 34px;
    line-height: 34px;
    padding: 0px;
    border-radius: 0px;
    border: 0px;
    outline: 0px;
    background: #fff;
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item {
    padding: 0px;
    display: block;
    padding: 15px;
    background: rgba(68, 68, 68, 0);
    border-left: 3px solid transparent;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a {
    width: auto !important;
    display: inline-block;
    position: relative;
    padding: 0px;
    color: #ffffff;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover {
    opacity: 1 !important;
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button {
    padding: 0px;
    color: #ffffff;
    background: transparent;
    outline: 0px;
    border-radius: 0px;
    border: 0px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover {
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist {
    padding-left: 15px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item {
    padding: 15px 0px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item:first-child {
    padding-top: 30px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item:last-child {
    padding-bottom: 0px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a {
    display: inline-block;
    width: auto !important;
    position: relative;
    padding: 0px;
    color: #ffffff;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover {
    opacity: 1 !important;
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button {
    padding: 0px;
    color: #ffffff;
    background: transparent;
    outline: 0px;
    border-radius: 0px;
    border: 0px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover {
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist {
    padding-top: 15px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item {
    padding: 15px 0px 15px 15px;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a {
    display: inline-block;
    width: auto !important;
    position: relative;
    padding: 0px;
    color: #ffffff;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover {
    opacity: 1 !important;
    color: #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item:hover {
    background: #444444;
    border-left: 3px solid #ffdd00;
}

#NavDrawer ul.mobile-nav > li.mobile-nav__item:hover > a:after {
    width: 100%;
}

#NavDrawer ul.mobile-nav > li > a {
    display: inline-block;
    position: relative;
    padding: 0px;
    color: #ffffff;
}

#NavDrawer ul.mobile-nav > li > a:hover {
    color: #ffdd00;
    opacity: 1 !important;
}

#NavDrawer ul.mobile-nav > li:after {
    display: none;
}

.cart-overlay {
    background: transparent;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.cart-overlay.open {
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
}

@media (max-width: 768px) {
    #header.scrolldown {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99;
    }
}

#header .desktop-header .header-top {
    background: #000000;
    padding: 10px 0px;
}

#header .desktop-header .header-top .hdtop-leftmenu ul {
    margin: 0px;
}

#header .desktop-header .header-top .hdtop-leftmenu ul li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

#header .desktop-header .header-top .hdtop-leftmenu ul li:last-child {
    margin: 0px;
}

#header .desktop-header .header-top .hdtop-leftmenu ul li a {
    color: #ffffff;
}

#header .desktop-header .header-top .hdtop-leftmenu ul li a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-top .hdtop-rightmenu ul {
    margin: 0px;
}

#header .desktop-header .header-top .hdtop-rightmenu ul li {
    display: inline-block;
    margin: 0px 10px 0px 0px;
}

#header .desktop-header .header-top .hdtop-rightmenu ul li:last-child {
    margin: 0px;
}

#header .desktop-header .header-top .hdtop-rightmenu ul li a {
    color: #ffffff;
}

#header .desktop-header .header-top .hdtop-rightmenu ul li a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center {
    padding: 10px 0px;
    background: #ffdd00;
}

#header .desktop-header .header-center .hd-logo > a {
    display: inline-block;
}

#header .desktop-header .header-center .hd-logo h1 {
    font-size: 0px !important;
    padding: 0px;
    margin: 0px;
    text-align: left;
    display: inline-block;
}

#header .desktop-header .header-center .hd-logo h1 > a {
    display: inline-block;
}

#header .desktop-header .header-center .hd-logo h1 > a span {
    display: none;
}

#header .desktop-header .header-center .hd-navbar > ul {
    margin: 0px;
    display: block;
    position: relative;
    z-index: 99;
}

#header .desktop-header .header-center .hd-navbar > ul > li {
    margin: 10px 30px 0px 0px;
    display: inline-block;
}

#header .desktop-header .header-center .hd-navbar > ul > li:last-child {
    margin: 0px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown {
    position: relative;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown:hover > ul {
    display: inline-block;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul {
    display: none;
    margin: 0px;
    position: absolute;
    left: -15px;
    top: 100%;
    z-index: 1;
    width: 200px;
    background: #ffffff;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li {
    margin: 0px;
    display: block;
    position: relative;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li:last-child > a {
    border-bottom: 0px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > a {
    display: block;
    padding: 15px;
    border-bottom: 1px dashed #e6e6e6;
    color: #000000;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li:hover > ul {
    display: inline-block;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul {
    display: none;
    margin: 0px;
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 1;
    width: 200px;
    background: #ffffff;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li {
    margin: 0px;
    display: block;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li:last-child > a {
    border-bottom: 0px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li > a {
    display: block;
    padding: 15px;
    border-bottom: 1px dashed #e6e6e6;
    color: #000000;
}

#header .desktop-header .header-center .hd-navbar > ul > li.dropdown > ul > li > ul > li > a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu:hover > ul {
    display: inline-block;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul {
    margin: 0px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    width: 100%;
    background: #ffffff;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    border-radius: 3px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li {
    width: 25%;
    display: inline-block;
    padding: 15px;
    float: left;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > a {
    color: #000000;
    display: block;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul {
    margin: 0px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul > li {
    margin: 0px;
    line-height: 24px;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul > li > a {
    display: inline-block;
    color: #000000;
}

#header .desktop-header .header-center .hd-navbar > ul > li.megamenu > ul > li > ul > li > a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center .hd-navbar > ul > li > a {
    display: inline-block;
}

#header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-icon {
    margin-bottom: 5px;
}

#header .desktop-header .header-center .hd-navbar > ul > li > a .hd-link-title {
    color: #000000;
}

#header .desktop-header .header-center .hd-navbar > ul > li > a:hover .hd-link-icon img {
    transform: translateY(-5px);
}

#header .desktop-header .header-center .hd-navbar > ul > li > a:hover .hd-link-title {
    color: #000000;
}

#header .desktop-header .header-center .hd-search-wrapper {
    max-width: 200px;
    display: inline-block;
    margin: 18px 0px 0px 0px;
}

#header .desktop-header .header-center .hd-search-wrapper input, #header .desktop-header .header-center .hd-search-wrapper button {
    border: 0px;
    outline: 0px;
    box-shadow: none;
}

#header .desktop-header .header-center .hd-search-wrapper button {
    height: 37px;
    width: 37px;
    line-height: 37px;
    padding: 0px;
    background: #000000;
    position: relative;
}

#header .desktop-header .header-center .hd-search-wrapper button:after {
    content: '';
    position: absolute;
    left: -8px;
    top: calc(50% - 8px);
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper {
    display: inline-block;
    position: relative;
    margin-left: 15px;
    transform: translateY(-20px);
    z-index: 99;
}

#header .desktop-header .header-center .desktop-cart-wrapper > a.hd-cart {
    position: relative;
    display: inline-block;
    color: #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper > a.hd-cart:hover {
    color: #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper > a.hd-cart span.hd-cart-count {
    display: inline-block;
    line-height: normal;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart {
    border-radius: 3px;
    overflow: hidden;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
    text-align: left;
    position: absolute;
    z-index: 9999;
    top: calc(100% + 8px);
    right: 0px;
    width: 280px;
    padding: 5px;
    background: #fff;
    line-height: normal !important;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart h3, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-title {
    border-radius: 3px;
    overflow: hidden;
    padding: 5px;
    width: 100%;
    display: block;
    background: #ffdd00;
    color: #000000;
    position: relative;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart h3 span, #header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-title span {
    position: absolute;
    color: #000000;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul {
    margin: 0px;
    max-height: 250px;
    overflow-y: scroll;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item {
    margin: 0px 0px 5px 0px;
    position: relative;
    border-bottom: 1px dashed #DDD;
    padding-bottom: 5px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove {
    position: absolute;
    top: calc(50% - 9px);
    right: 5px;
    color: #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item:last-child {
    margin: 0px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info {
    padding-right: 15px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a {
    color: #000000;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 3px;
    display: inline-block;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover {
    color: #ffdd00;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-info small {
    display: block;
    margin-bottom: 3px;
    display: inline-block;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity {
    padding-right: 15px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span {
    display: block;
    color: #000000;
    margin-bottom: 3px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-img {
    border-radius: 3px;
    overflow: hidden;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart ul .cart-item-img img {
    vertical-align: middle;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-total {
    border-radius: 3px;
    overflow: hidden;
    margin: 5px 0px;
    padding: 5px;
    width: 100%;
    display: block;
    background: #f7f7f7;
    color: #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .qv-cart-total span {
    color: #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a {
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    width: 48%;
    text-align: center;
    padding: 5px 10px;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child {
    float: left;
    color: #000000;
    border: 1px solid #000000;
}

#header .desktop-header .header-center .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child {
    float: right;
    color: #000000;
    border: 1px solid #ffdd00;
    background: #ffdd00;
}

#header .mobile-header {
    padding: 15px 0px;
    background: #ffdd00;
}

#header .mobile-header .hd-logo a {
    display: inline-block;
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    z-index: 99;
}

#header .mobile-header .desktop-cart-wrapper1 > a.hd-cart {
    position: relative;
    display: inline-block;
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 > a.hd-cart:hover {
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 > a.hd-cart span.hd-cart-count {
    display: inline-block;
    line-height: normal;
    position: absolute;
    right: -10px;
    top: -10px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000000;
    color: #fff;
    font-size: 12px;
    text-align: center;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart {
    border-radius: 3px;
    overflow: hidden;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: none;
    text-align: left;
    position: absolute;
    z-index: 9999;
    top: calc(100% + 8px);
    right: 0px;
    width: 280px;
    padding: 5px;
    background: #fff;
    line-height: normal !important;
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3 {
    border-radius: 3px;
    overflow: hidden;
    padding: 5px;
    width: 100%;
    display: block;
    background: #ffdd00;
    color: #000000;
    position: relative;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart h3 span {
    position: absolute;
    color: #000000;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul {
    margin: 0px;
    max-height: 250px;
    overflow-y: scroll;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item {
    margin: 0px 0px 5px 0px;
    position: relative;
    border-bottom: 1px dashed #DDD;
    padding-bottom: 5px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item > .cart__remove {
    position: absolute;
    top: calc(50% - 9px);
    right: 5px;
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item:last-child {
    margin: 0px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info {
    padding-right: 15px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a {
    color: #000000;
    webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-bottom: 3px;
    display: inline-block;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a:hover {
    color: #ffdd00;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small {
    display: block;
    margin-bottom: 3px;
    display: inline-block;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity {
    padding-right: 15px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span {
    display: block;
    color: #000000;
    margin-bottom: 3px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img {
    border-radius: 3px;
    overflow: hidden;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img img {
    vertical-align: middle;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total {
    border-radius: 3px;
    overflow: hidden;
    margin: 5px 0px;
    padding: 5px;
    width: 100%;
    display: block;
    background: #f7f7f7;
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span {
    color: #000000;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a {
    border-radius: 3px;
    overflow: hidden;
    display: inline-block;
    width: 48%;
    text-align: center;
    padding: 5px 10px;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:first-child {
    float: left;
    color: #000000;
    border: 1px solid #000000;
}

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:last-child {
    float: right;
    color: #000000;
    border: 1px solid #ffdd00;
    background: #ffdd00;
}

#header .mobile-header .hd-btnMenu {
    display: inline-block;
    float: right;
    margin-left: 15px;
    margin-top: 20px;
}

#header .mobile-header .hd-btnMenu > a {
    display: inline-block;
    color: #000000;
    padding: 3px 0px;
    margin: 0px;
}

#header .mobile-header .hd-btnMenu > a span {
    display: inline-block;
    color: #000000;
    transform: translateY(-3px);
}

@media (max-width: 480px) {
    #main-slider .ms-item .slide-content .slide-bold-text {
        font-size: 14px !important;
    }

    #main-slider .ms-item .slide-content .slide-btn > a {
        font-size: 12px !important;
        padding: 5px 10px !important;
    }
}

#main-slider {
    margin-bottom: 50px;
}

#main-slider #owl-home-main-slider .owl-controls {
    margin: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 15px;
    z-index: 9;
    display: inline-block;
}

#main-slider #owl-home-main-slider .owl-controls .owl-pagination .owl-page {
    border: 1px solid transparent;
    margin-right: 5px;
    border-radius: 50%;
}

#main-slider #owl-home-main-slider .owl-controls .owl-pagination .owl-page.active {
    border: 1px solid #ffffff;
}

#main-slider #owl-home-main-slider .owl-controls .owl-pagination .owl-page.active span {
    background: #ffffff;
}

#main-slider #owl-home-main-slider .owl-controls .owl-pagination .owl-page span {
    background: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    opacity: 1;
    margin: 5px !important;
}

#main-slider .ms-item {
    position: relative;
}

#main-slider .ms-item img {
    width: 100%;
}

#main-slider .ms-item .slide-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
    color: #ffffff;
}

#main-slider .ms-item .slide-content .slide-content-bg {
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
}

#main-slider .ms-item .slide-content .slide-bold-text {
    margin-bottom: 10px;
    color: #ffdd00;
}

#main-slider .ms-item .slide-content .slide-light-text {
    font-size: 14px;
    margin-bottom: 10px;
}

#main-slider .ms-item .slide-content .slide-btn > a {
    border-radius: 3px;
    display: inline-block;
    padding: 10px 30px;
    margin-right: 15px;
    background: #ffdd00;
    color: #000000;
}

#main-slider .ms-item .slide-content .slide-btn > a:hover {
    background: #ffdd00;
}

#main-slider .ms-item .slide-content .slide-btn > a:last-child {
    margin-right: 0px;
}

.swatch .header {
    font-weight: normal !important;
}

.js-qty {
    margin: 0px;
    max-width: 150px;
}

.js-qty input, .js-qty button {
    outline: 0px;
}

.qty-addcart > span {
    margin: 0;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    min-width: 200px;
    position: relative;
}

#hrv-product-reviews .title-bl h2 {
    color: #000000;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

.popup {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 999999999;
    /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: black;
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.8);
    /* Black w/ opacity */
}

.popup .popup-content {
    background: url("//theme.hstatic.net/1000271806/1000347743/14/popup_bg.png?v=874");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    max-width: 750px;
    width: 90%;
    top: 50px;
    position: relative;
    border-radius: 3px;
}

#popupHomeBlock .popup-wrapper {
    background: rgba(255, 255, 255, 0.8);
    padding: 50px 15px;
}

#popupHomeBlock .popup-title {
    color: #000000;
    margin-bottom: 15px;
}

#popupHomeBlock .popup-desc {
    color: #000000;
    margin-bottom: 15px;
    text-align: justify;
}

#popupHomeBlock .popup-list {
    margin-bottom: 15px;
}

#popupHomeBlock .popup-list ul {
    margin: 0;
}

#popupHomeBlock .popup-list ul li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 15px;
    color: #000000;
}

#popupHomeBlock .popup-list ul li:last-child {
    margin: 0 !important;
}

#popupHomeBlock .popup-list ul li:after {
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    font-size: 6px;
    color: #000000;
    line-height: normal;
}

#popupHomeBlock .form-desc {
    color: #000000;
    margin-bottom: 15px;
}

#popupHomeBlock form {
    position: relative;
    width: 100%;
}

#popupHomeBlock form .input-group {
    width: 100%;
}

#popupHomeBlock form input {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0 15px;
    color: #000000;
    background: #fff;
    border: 1px solid #000000;
    border-radius: 0px !important;
    outline: 0 !important;
    margin-bottom: 15px;
}

#popupHomeBlock form button {
    height: 30px;
    line-height: 30px !important;
    padding: 0 10px;
    margin: 0;
    border-radius: 3px;
    color: #000000;
    background: #ffdd00;
    outline: 0 !important;
    box-shadow: none;
    float: right;
}

#popupHomeBlock .popup-social-network {
    display: inline-block;
    color: #000000;
    background: #ffdd00;
    margin-right: 5px;
    margin-bottom: 5px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    padding: 0;
    border-radius: 50%;
}

.popup .close-popup {
    position: absolute;
    top: -15px;
    right: -15px;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    display: block;
    height: 30px;
    width: 30px;
    background-color: #ffdd00;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    line-height: 30px;
}

.popup .close-popup:focus,
.popup .close-popup:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
}

#popup-btn {
    display: none;
}

.product-single__thumbnails {
    margin-bottom: 0px;
}

#ProductPhoto .owl-controls {
    display: none !important;
    margin: 0px;
}

#ProductPhoto .owl-controls .owl-buttons > div {
    position: absolute;
    top: calc(50% - 15px);
    opacity: 0.8;
    background: #ffdd00;
    color: #000000;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    z-index: 99;
    border-radius: 3px;
}

#ProductPhoto .owl-controls .owl-buttons > div:hover {
    opacity: 1;
}

#ProductPhoto .owl-controls .owl-buttons > div.owl-prev {
    left: -15px;
}

#ProductPhoto .owl-controls .owl-buttons > div.owl-next {
    right: -15px;
}

.swatch-element label span {
    color: #000000 !important;
}

.product-single__thumbnails > .inner > li:last-child {
    margin-bottom: 0px !important;
}

.product-single__thumbnails .thumbnail-item a {
    border: 1px solid #e6e6e6;
}

.product-thumb-control .btn {
    outline: 0px;
    position: absolute;
    left: calc(50% - 15px);
    font-size: 24px;
    border-radius: 0px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0px;
    background: #ffdd00;
    color: #fff;
    opacity: 0.8;
    z-index: 9;
}

.product-thumb-control .btn:hover {
    opacity: 1;
}

.product-thumb-control .btn.up {
    top: 0;
}

.product-thumb-control .btn.down {
    bottom: 0;
}

#btnSubmitReview, #btnnewreview {
    border-radius: 0px;
    outline: 0px;
    background: #ffdd00 !important;
    color: #000000 !important;
}

#productQuickView .modal-content {
    position: relative;
}

#productQuickView .modal-content form .form-input.hidden {
    margin-bottom: 15px;
}

#productQuickView .modal-content form .form-input.hidden > label {
    margin: 0;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    min-width: 200px;
    position: relative;
}

#productQuickView .modal-content .close {
    position: absolute;
    top: -15px;
    right: -15px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    display: block;
    height: 30px;
    width: 30px;
    background-color: #ffdd00;
    text-align: center;
    z-index: 9999;
    border-radius: 50%;
    line-height: 30px;
}

#productQuickView .modal-content .close:focus,
#productQuickView .modal-content .close:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

#productQuickView .modal-content h4 {
    font-size: 18px;
    color: #000000;
    margin: 0 0 5px;
}

#productQuickView .modal-content .product-more-info {
    display: block;
    color: #000000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#productQuickView .modal-content .product-price-wrapper {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#productQuickView .modal-content .product-price-wrapper span {
    display: inline-block;
}

#productQuickView .modal-content .product-price-wrapper span.p-price {
    font-size: 20px;
    color: #ffdd00;
    margin-right: 15px;
}

#productQuickView .modal-content .product-price-wrapper del {
    color: #bebebe;
    margin-top: 3px;
}

#productQuickView .modal-content .product-price-wrapper #PriceSaving {
    margin-top: 5px;
}

#productQuickView #AddToCardQuickView, #productQuickView .btn-soldout {
    outline: 0px;
    background: #ffdd00;
    color: #fff;
    margin-bottom: 5px;
}

#productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover {
    background: #e6c700;
}

#productQuickView .qv-readmore a {
    color: #ffdd00;
}

#productQuickView .qv-readmore a:hover {
    color: #e6c700;
}

#productQuickView #p-sliderproduct {
    margin-left: -15px;
}

#productQuickView #p-sliderproduct .owl-controls {
    margin: 0px;
}

#productQuickView #p-sliderproduct .owl-item > li {
    display: block;
    padding-left: 15px;
}

#productQuickView #p-sliderproduct .owl-item > li a {
    display: block;
}

#productQuickView #p-sliderproduct .owl-item > li a img {
    width: 100%;
}

#productQuickView #p-sliderproduct .owl-pagination {
    display: none;
}

#productQuickView .image-zoom > img {
    margin-bottom: 15px;
}

#owl-spdx .owl-controls {
    margin: 0px;
}

#owl-spdx .owl-controls .owl-buttons > div {
    position: absolute;
    top: calc(50% - 15px);
    opacity: 0.8;
    background: #ffdd00;
    color: #000000;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    z-index: 99;
    border-radius: 3px;
}

#owl-spdx .owl-controls .owl-buttons > div:hover {
    opacity: 1;
}

#owl-spdx .owl-controls .owl-buttons > div.owl-prev {
    left: 5px;
}

#owl-spdx .owl-controls .owl-buttons > div.owl-next {
    right: 0px;
}

#related-products {
    margin-bottom: 30px;
}

#related-products .product-item {
    margin-top: 5px;
}

#related-products .owl-controls {
    margin: 0px;
}

#related-products .owl-controls .owl-buttons > div {
    position: absolute;
    top: calc(50% - 15px);
    opacity: 0.8;
    background: #ffdd00;
    color: #000000;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    z-index: 99;
    border-radius: 3px;
}

#related-products .owl-controls .owl-buttons > div:hover {
    opacity: 1;
}

#related-products .owl-controls .owl-buttons > div.owl-prev {
    left: 5px;
}

#related-products .owl-controls .owl-buttons > div.owl-next {
    right: 0px;
}

#related-products, #seen-products {
    overflow: hidden;
}

#related-products .home-section-head h2, #seen-products .home-section-head h2 {
    position: relative;
    padding: 0px 0px 0px 15px;
    margin-bottom: 30px;
    color: #000000;
    height: 34px;
    line-height: 34px;
}

#related-products .home-section-head h2 span, #seen-products .home-section-head h2 span {
    display: inline-block;
    width: 5px;
    height: 34px;
    background: #ffdd00;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

#related-products .seen-item, #seen-products .seen-item {
    position: relative;
    margin: 5px 0px 30px 0px;
}

#related-products .seen-item:hover, #seen-products .seen-item:hover {
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
}

#related-products .seen-item:hover .product-img a img, #seen-products .seen-item:hover .product-img a img {
    transform: translateY(-10px);
}

#related-products .seen-item .product-img, #seen-products .seen-item .product-img {
    margin-bottom: 5px;
}

#related-products .seen-item .product-img > a, #seen-products .seen-item .product-img > a {
    display: block;
    border-radius: 3px;
    overflow: hidden;
}

#related-products .seen-item .product-img > a img, #seen-products .seen-item .product-img > a img {
    width: 100%;
}

#related-products .seen-item .product-info, #seen-products .seen-item .product-info {
    padding: 10px;
}

#related-products .seen-item .product-title, #seen-products .seen-item .product-title {
    margin-bottom: 10px;
}

#related-products .seen-item .product-title > a, #seen-products .seen-item .product-title > a {
    height: 34px;
    display: inline-block;
    color: #000000;
}

#related-products .seen-item .product-title > a:hover, #seen-products .seen-item .product-title > a:hover {
    color: #ffdd00;
}

#related-products .seen-item .product-price > span, #seen-products .seen-item .product-price > span {
    display: inline-block;
}

#related-products .seen-item .product-price > span.current-price, #seen-products .seen-item .product-price > span.current-price {
    color: #000000;
    margin-right: 15px;
}

#related-products .seen-item .product-price > span.original-price, #seen-products .seen-item .product-price > span.original-price {
    color: #bebebe;
}

#page-wrapper {
    padding: 50px 0px;
}

#page-wrapper .rte {
    margin: 0px;
}

#page-wrapper h1 {
    color: #000000;
    padding: 0px 0px 15px 0px;
    margin: 0px 0px 15px 0px;
    border-bottom: 1px solid #e6e6e6;
}

#page-wrapper .page-contact-wrapper .contact-desc {
    margin-bottom: 15px;
}

#page-wrapper .page-contact-wrapper h4 {
    color: #000000;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map, #page-wrapper .page-contact-wrapper .contact-info {
    margin-bottom: 15px;
}

#page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #page-wrapper .page-contact-wrapper .contact-info a {
    color: #000000;
}

#page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover, #page-wrapper .page-contact-wrapper .contact-info a:hover {
    color: #ffdd00;
}

#shopmap-page .your-address, #shopmap-page .list-shop h2 {
    color: #000000;
    padding: 0px;
    margin: 0px 0px 15px 0px;
}

#shopmap-page #start, #shopmap-page #end {
    margin-bottom: 15px;
}

#shopmap-page #start ul, #shopmap-page #end ul {
    margin: 0px;
}

#blog-wrapper {
    padding: 50px 0px;
}

#blog-wrapper .blog-content .section-title {
    margin-bottom: 30px;
    height: 24px;
    line-height: 24px;
}

#blog-wrapper .blog-content .section-title .title {
    float: left;
    display: inline-block;
}

#blog-wrapper .blog-content .section-title .title h2 {
    display: inline-block;
    margin: 0;
    padding: 0 15px 0 0;
    background: #fff;
    color: #000000;
    position: relative;
    z-index: 9;
}

#blog-wrapper .blog-content .section-title .viewmore {
    float: right;
    display: inline-block;
}

#blog-wrapper .blog-content .section-title .viewmore a {
    display: inline-block;
    padding: 0 0 0 15px;
    background: #fff;
    color: #000000;
    position: relative;
    z-index: 9;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#blog-wrapper .blog-content .section-title .viewmore a:hover {
    color: #ffdd00;
}

#blog-wrapper .blog-content .section-title .line {
    height: 1px;
    width: 100%;
    background: #e6e6e6;
    transform: translateY(10px);
}

#blog-wrapper .blog-content .banner-horizontal {
    margin-bottom: 30px;
}

#blog-wrapper .blog-content .banner-horizontal a {
    display: block;
    overflow: hidden;
}

#blog-wrapper .blog-content .banner-horizontal a img {
    width: 100%;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: scale(1);
}

#blog-wrapper .blog-content .banner-horizontal a img:hover {
    transform: scale(1.05);
}

#blog-wrapper .blog-content .blog-single-item {
    margin-bottom: 30px;
}

#blog-wrapper .blog-content .blog-single-item:hover .owl-buttons > div {
    display: inline-block !important;
}

#blog-wrapper .blog-content .blog-single-item .owl-controls {
    margin: 0px;
}

#blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div {
    position: absolute;
    background: #ffdd00 !important;
    opacity: 0.6 !important;
    height: 34px;
    line-height: 34px;
    width: 34px;
    top: calc(50% - 15px);
    font-size: 24px;
    color: #000000;
    padding: 0px;
    margin: 0px;
    border-radius: 3px;
    outline: 0px;
}

#blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div:hover {
    opacity: 1 !important;
}

#blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-prev {
    left: 30px;
}

#blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-next {
    right: 0px;
}

#blog-wrapper .blog-content .blog-content-wrapper .blog-head {
    margin-bottom: 30px;
}

#blog-wrapper .blog-content .blog-content-wrapper .blog-head h1 {
    color: #000000;
}

#blog-wrapper .blog-content .blog-content-wrapper .blog-body .grid-uniform .article-item {
    margin-bottom: 30px;
}

#blog-wrapper .blog-sidebar > div {
    background: #fff;
    margin-bottom: 30px;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

#blog-wrapper .blog-sidebar > div.blog-sb-banner {
    border: 0px;
}

#blog-wrapper .blog-sidebar .blog-sb-title h3 {
    width: 100%;
    display: block;
    color: #000000;
    font-weight: normal;
    text-align: left;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 15px;
    margin: 0px;
    border-bottom: 1px dashed #e6e6e6;
}

#blog-wrapper .blog-sidebar .list-categories > ul {
    margin: 0px;
    padding: 15px;
}

#blog-wrapper .blog-sidebar .list-categories > ul > li {
    margin: 0px 0px 5px 0px;
}

#blog-wrapper .blog-sidebar .list-categories > ul > li:last-child {
    margin: 0px;
}

#blog-wrapper .blog-sidebar .list-categories > ul > li.active > a {
    color: #ffdd00;
}

#blog-wrapper .blog-sidebar .list-categories > ul > li > a {
    color: #000000;
    position: relative;
    display: inline-block;
}

#blog-wrapper .blog-sidebar .list-categories > ul > li > a:hover {
    color: #ffdd00;
}

#blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper {
    padding: 15px;
}

#blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a {
    display: inline-block;
    margin: 0px 3px 3px 0px;
    color: #000000;
}

#blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a:hover {
    color: #ffdd00;
}

#blog-wrapper .blog-sidebar .blog-sb-banner a {
    display: block;
    overflow: hidden;
}

#blog-wrapper .blog-sidebar .blog-sb-banner a img {
    width: 100%;
    transform: scale(1);
}

#blog-wrapper .blog-sidebar .blog-sb-banner a img:hover {
    transform: scale(1.05);
}

#blog-wrapper .article-content .article-head {
    position: relative;
    width: 100%;
    text-align: left;
    display: block;
    margin-bottom: 30px;
}

#blog-wrapper .article-content .article-head h1 {
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#blog-wrapper .article-content .article-head .article-date-comment > div {
    display: inline-block;
    margin-right: 15px;
}

#blog-wrapper .article-content .article-tldr {
    padding: 15px 15px 0px 15px;
    margin-bottom: 30px;
    background: #e1e1e1;
}

#blog-wrapper .article-content .article-tags a {
    display: inline-block;
    padding: 5px;
    margin: 3px 3px 3px 0px;
    border: 1px dashed #000000;
    color: #000000;
}

#blog-wrapper .article-content .article-tags a:hover {
    border-color: #ffdd00;
    color: #ffdd00;
}

#blog-wrapper .social-network-actions-outside {
    padding: 15px 0px 15px 15px;
}

#blog-wrapper #section-fbcomment {
    margin-bottom: 30px;
}

#blog-wrapper .related-articles {
    margin-bottom: 30px;
}

#blog-wrapper .related-articles .related-articles-head {
    position: relative;
    width: 100%;
    text-align: left;
    display: block;
}

#blog-wrapper .related-articles .related-articles-head h3 {
    padding: 0px;
    margin: 0px 0px 5px 0px;
    color: #000000;
}

#blog-wrapper .related-articles .related-articles-body ul {
    margin: 0px;
}

#blog-wrapper .related-articles .related-articles-body ul > li {
    display: block;
}

#blog-wrapper .related-articles .related-articles-body ul > li > a {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    color: #000000;
}

#blog-wrapper .related-articles .related-articles-body ul > li > a:hover {
    color: #ffdd00;
}

#blog-wrapper .related-articles .related-articles-body ul > li > a:hover:before {
    color: #ffdd00;
}

#blog-wrapper .related-articles .related-articles-body ul > li > a:before {
    content: '\f111';
    font-family: FontAwesome;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
    font-size: 6px;
    color: #000000;
    line-height: normal;
}

.search-item .product-item {
    margin-bottom: 30px;
}

#breadcrumb-wrapper.breadcrumb-w-img {
    height: 300px;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 100%;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 {
    font-size: 24px;
    color: #fff;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span {
    color: #fff;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a {
    display: inline-block;
    position: relative;
}

#breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover {
    color: #ffdd00;
}

#collection-wrapper {
    padding: 50px 0px;
}

#collection-wrapper .collection-head {
    margin-bottom: 30px;
}

#collection-wrapper .collection-head .collection-title h1 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

#collection-wrapper .collection-head .collection-sorting-wrapper select {
    outline: 0px;
    height: 40px;
    line-height: 40px;
    padding: 0px 22px 0px 10px;
}

#collection-wrapper .collection-head .collection-desc {
    margin-top: 15px;
}

#collection-wrapper .collection-body .product-list .product-item {
    margin-bottom: 30px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor {
    background: #fff;
    border: 1px solid #e6e6e6;
    overflow: hidden;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion {
    background: #ffdd00;
    color: #000000;
    cursor: pointer;
    padding: 15px;
    width: 100%;
    border: none;
    border-bottom: 1px dashed #e6e6e6 !important;
    text-align: left;
    outline: none;
    position: relative;
    display: block;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after {
    content: '\f067';
    font-family: "Font Awesome 5 Free";
    color: #000000;
    position: absolute;
    top: calc(50% - 9px);
    right: 10px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion.active:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion.active:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion.active:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion.active:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion.active:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion.active:after {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel {
    padding: 0 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul {
    margin: 0px;
    padding: 15px 0px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li {
    margin-bottom: 5px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li:last-child,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li:last-child,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li:last-child,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li:last-child,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li:last-child,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li:last-child {
    margin: 0px !important;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a {
    display: inline-block;
    position: relative;
    color: #000000;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a:hover {
    color: #ffdd00;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul {
    margin: 0px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li {
    margin: 5px 0px;
    padding-left: 15px;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a {
    display: inline-block;
    position: relative;
    color: #000000;
}

#collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a:hover,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a:hover {
    color: #ffdd00;
}

#product-wrapper {
    padding: 50px 0px 20px 0px;
}

#product-wrapper .product-single {
    margin-bottom: 50px;
}

#product-wrapper .product-single .product-content .pro-content-head {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#product-wrapper .product-single .product-content .pro-content-head > span {
    margin: 0px 5px;
}

#product-wrapper .product-single .product-content .pro-content-head h1 {
    margin: 0px;
    padding: 0px;
    color: #000000;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-brand {
    display: inline-block;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-brand span, #product-wrapper .product-single .product-content .pro-content-head .pro-brand a {
    color: #000000;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-brand a {
    position: relative;
    display: inline-block;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-brand a:hover {
    color: #ffdd00;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-sku {
    display: inline-block;
    color: #000000;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-rating {
    display: inline-block;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-rating .hrv-product-reviews-star {
    display: inline-block;
}

#product-wrapper .product-single .product-content .pro-content-head .pro-rating p {
    margin: 0px 0px 0px 5px;
    display: inline-block;
    color: #000000;
}

#product-wrapper .product-single .product-content .pro-price {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#product-wrapper .product-single .product-content .pro-price .current-price {
    display: inline-block;
    margin-right: 15px;
    color: #000000;
}

#product-wrapper .product-single .product-content .pro-price .original-price {
    display: inline-block;
    margin-right: 15px;
    font-size: 20px;
    color: #bebebe;
}

#product-wrapper .product-single .product-content .pro-price .sale-percentage {
    display: inline-block;
}

#product-wrapper .product-single .product-content .pro-short-desc {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#product-wrapper .product-single .product-content .product-variants-wrapper {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline > span {
    display: inline-block;
    margin: 0px 5px;
}

#product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline {
    display: inline-block;
}

#product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a {
    display: inline-block;
    position: relative;
    color: #000000;
}

#product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a:hover {
    color: #ffdd00;
}

#product-wrapper .product-single .product-content .product-actions {
    padding-top: 13px;
}

#product-wrapper .product-single .product-content .product-actions button {
    display: inline-block;
    position: relative;
    outline: 0;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 3px;
}

#product-wrapper .product-single .product-content .product-actions button.btnOutOfStock {
    background: #ffdd00;
    border: 1px solid #ffdd00;
    color: #000000;
    padding: 0px 15px;
}

#product-wrapper .product-single .product-content .product-actions button.btnAddToCart {
    background: #ffdd00;
    border: 1px solid #ffdd00;
    color: #000000;
    padding: 0px 15px;
    max-with: 100%;
}

#product-wrapper .product-single .product-content .product-actions button.btnBuyNow {
    background: #ffdd00;
    border: 1px solid #ffdd00;
    color: #000000;
    padding: 0px 15px;
}

#product-wrapper .product-single .product-content .social-network-actions {
    display: inline-block;
}

#product-wrapper .product-description-wrapper {
    overflow: hidden;
    margin-bottom: 30px;
}

#product-wrapper .product-description-wrapper div.tab {
    display: block;
    position: relative;
    border-bottom: 1px solid #e6e6e6;
}

#product-wrapper .product-description-wrapper div.tab button {
    background: transparent;
    color: #000000;
    text-align: center;
    float: left;
    outline: none;
    cursor: pointer;
    padding: 15px 30px;
    border-bottom: 2px solid transparent;
}

#product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button:hover {
    border-bottom: 2px solid #000000;
}

#product-wrapper .product-description-wrapper div.tab button:last-child {
    margin-right: 0;
}

#product-wrapper .product-description-wrapper .pro-tabcontent {
    display: none;
    padding: 15px 0px;
    border-bottom: 1px solid #e6e6e6;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

#product-wrapper .product-description-wrapper .pro-tabcontent table {
    background: white;
    border-radius: 7px;
}

#product-wrapper .product-description-wrapper .pro-tabcontent table td,
#product-wrapper .product-description-wrapper .pro-tabcontent table th {
    padding: 10px;
    border-color: #e6e6e6;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#fixed-social-network {
    position: fixed;
    top: 25%;
    right: -120px;
    z-index: 999;
}

#fixed-social-network > a {
    border-radius: 3px;
    height: 40px;
    line-height: 40px;
    padding: 0px 20px 0px 15px;
    display: block;
    width: 170px;
    transform: translateX(0px);
    margin-bottom: 5px;
}

#fixed-social-network > a > svg {
    margin-right: 20px;
}

#fixed-social-network > a:hover {
    transform: translateX(-120px);
}

#fixed-social-network > a.fb-icon {
    background: #3B5998;
    color: #fff;
}

#fixed-social-network > a.ins-icon {
    background: #C32AA3;
    color: #fff;
}

#fixed-social-network > a.yt-icon {
    background: #FF0000;
    color: #fff;
}

#fixed-social-network > a.tw-icon {
    background: #00B6F1;
    color: #fff;
}

#fixed-social-network > a.gg-icon {
    background: #DF4A32;
    color: #fff;
}

#fixed-social-network > a#back-to-top {
    background: #ffdd00;
    color: #000000;
}

#ft-social-network {
    background: #e6e6e6;
}

#ft-social-network > a {
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    float: left;
    width: 20%;
}

#ft-social-network > a.fb-icon {
    background: #3B5998;
    color: #fff;
}

#ft-social-network > a.ins-icon {
    background: #C32AA3;
    color: #fff;
}

#ft-social-network > a.yt-icon {
    background: #FF0000;
    color: #fff;
}

#ft-social-network > a.tw-icon {
    background: #00B6F1;
    color: #fff;
}

#ft-social-network > a.gg-icon {
    background: #DF4A32;
    color: #fff;
}

.modal-tbl-cart::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

.modal-tbl-cart::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.modal-tbl-cart::-webkit-scrollbar-thumb {
    background-color: #ffdd00;
}

#modalAddComplete {
    display: none;
    position: fixed;
    z-index: 9999999;
    padding-top: 5%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    /* Add Animation */
}

#modalAddComplete .modalAddComplete-content {
    border-radius: 5px;
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #e6e6e6;
    width: 85%;
    max-width: 850px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

#modalAddComplete .modalAddComplete-content #modalAddComplete-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: #ffdd00;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 99;
    cursor: pointer;
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

#modalAddComplete .modal-cart-status {
    border-bottom: 1px solid #e6e6e6;
}

#modalAddComplete .modal-cart-status h2 {
    color: #ffdd00;
    margin: 0px;
    padding: 15px;
    display: block;
}

#modalAddComplete .modal-tbl-cart {
    max-height: 250px;
    overflow-y: scroll;
}

#modalAddComplete .modal-tbl-cart table,
#modalAddComplete .modal-tbl-cart td,
#modalAddComplete .modal-tbl-cart th {
    border-bottom: 1px solid #e6e6e6;
    border-collapse: collapse;
}

#modalAddComplete .modal-tbl-cart table th {
    padding: 5px !important;
    color: #000000;
    min-width: 100px;
}

#modalAddComplete .modal-tbl-cart table td {
    padding: 5px !important;
}

#modalAddComplete .modal-tbl-cart table td.product-img {
    text-align: center;
}

#modalAddComplete .modal-tbl-cart table td.product-img a img {
    max-width: 100px;
    vertical-align: middle;
}

#modalAddComplete .modal-tbl-cart table td.product-title > a {
    color: #000000;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#modalAddComplete .modal-tbl-cart table td.product-title > a:hover {
    color: #ffdd00;
}

#modalAddComplete .modal-tbl-cart table td.product-sku {
    color: #000000;
}

#modalAddComplete .modal-tbl-cart table td.product-price {
    position: relative;
}

#modalAddComplete .modal-tbl-cart table td.product-price span {
    display: block;
}

#modalAddComplete .modal-tbl-cart table td.product-price span.current-price {
    color: #ffdd00;
}

#modalAddComplete .modal-tbl-cart table td.product-price span.sale-off {
    display: inline-block !important;
    text-align: center;
    padding: 2px 3px;
    color: #fff !important;
    background: #ffdd00;
    font-size: 14px !important;
}

#modalAddComplete .modal-tbl-cart table td.product-money {
    color: #ffdd00;
}

#modalAddComplete .modal-tbl-cart table td.product-remove > a {
    color: #000000;
    display: block;
}

#modalAddComplete .modal-tbl-cart table td.product-remove > a:hover {
    color: #ffdd00;
}

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar {
    width: 4px;
    background-color: #fff;
}

#modalAddComplete .mobile-modal-tbl-cart ul::-webkit-scrollbar-thumb {
    background-color: #ffdd00;
}

#modalAddComplete .mobile-modal-tbl-cart ul {
    margin: 0;
    padding: 15px;
    max-height: 350px;
    overflow-y: scroll;
}

#modalAddComplete .mobile-modal-tbl-cart ul li {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}

#modalAddComplete .mobile-modal-tbl-cart ul li:last-child {
    margin-bottom: 0px;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a {
    display: block;
    text-align: center;
    position: relative;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a img {
    vertical-align: middle;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a .sale-off {
    position: absolute;
    top: 2px;
    right: 2px;
    display: inline-block !important;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 30px;
    border-radius: 50%;
    color: #fff !important;
    background: #ffdd00;
    font-size: 11px !important;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info {
    position: relative;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title {
    margin-bottom: 5px;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a {
    color: #000000;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover {
    color: #ffdd00;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price {
    position: relative;
    margin-bottom: 5px;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span {
    display: inline-block;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price {
    color: #ffdd00;
    margin-right: 5px;
    font-size: 14px;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .decreaseVal,
#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .increaseVal {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: #d7d7d7;
    color: #000000;
    text-align: center;
    padding: 0;
    margin: 0;
    border-radius: 5px;
    outline: 0 !important;
    border: 1px solid #d7d7d7;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .val {
    height: 30px;
    width: 60px;
    line-height: 30px;
    text-align: center;
    color: #000000;
    border-radius: 5px;
    outline: 0 !important;
    border: 1px solid #d7d7d7;
    padding: 0 5px;
}

#modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove {
    display: inline-block;
    margin-left: 15px;
    color: #ffdd00;
}

#modalAddComplete .modal-checkout-actions {
    padding: 15px;
}

#modalAddComplete .modal-checkout-actions .text-left a {
    color: #000000;
}

#modalAddComplete .modal-checkout-actions .text-left a:hover {
    color: #ffdd00;
}

#modalAddComplete .modal-checkout-actions .modal-cart-sum h3 {
    color: #000000;
    margin: 0px;
    padding: 0px;
}

#modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span {
    color: #ffdd00;
}

#modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button {
    color: #fff;
    outline: 0px;
    padding: 0px 15px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-top: 15px;
    background: #ffdd00;
    outline: 0px !important;
    border-radius: 5px;
}

#modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal, #modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal {
    margin-right: 5px;
    background: #e6e6e6;
    color: #000000;
}

@media (max-width: 480px) {
    body #home-banners .hb-item1 .hb-content,
    body #home-banners .hb-item2 .hb-content,
    body #home-banners .hb-item3 .hb-content {
        right: 15px !important;
    }

    body #home-banners .hb-item1 .hb-content .hb-title,
    body #home-banners .hb-item2 .hb-content .hb-title,
    body #home-banners .hb-item3 .hb-content .hb-title {
        font-size: 24px;
    }

    body #home-banners .hb-item1 .hb-content .hb-desc,
    body #home-banners .hb-item2 .hb-content .hb-desc,
    body #home-banners .hb-item3 .hb-content .hb-desc {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    #home-banners .hb-item2, #home-banners .hb-item1 {
        margin-bottom: 15px;
    }
}

#home-banners {
    margin-bottom: 50px;
}

#home-banners .hb-item1 {
    position: relative;
    margin-bottom: 13px;
}

#home-banners .hb-item1:hover .hb-img img {
    transform: scale(1.05);
}

#home-banners .hb-item1 .hb-img {
    overflow: hidden;
}

#home-banners .hb-item1 .hb-img a {
    display: block;
}

#home-banners .hb-item1 .hb-img img {
    width: 100%;
    transform: scale(1);
}

#home-banners .hb-item1 .hb-content {
    position: absolute;
    left: 15px;
    top: 15px;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    z-index: 1;
}

#home-banners .hb-item1 .hb-content .hb-title {
    margin-bottom: 5px;
    color: #ffdd00;
}

#home-banners .hb-item1 .hb-content .hb-desc {
    margin-bottom: 5px;
    color: #fff;
}

#home-banners .hb-item1 .hb-content .hb-btn a {
    display: inline-block;
    padding: 5px 15px;
    color: #000000;
    background: #ffdd00;
    border-radius: 3px;
}

#home-banners .hb-item1 .hb-content .hb-btn a:hover {
    background: #ffdd00;
}

#home-banners .hb-item2 {
    position: relative;
    margin-bottom: 13px;
}

#home-banners .hb-item2:hover .hb-img img {
    transform: scale(1.05);
}

#home-banners .hb-item2 .hb-img {
    overflow: hidden;
}

#home-banners .hb-item2 .hb-img a {
    display: block;
}

#home-banners .hb-item2 .hb-img img {
    width: 100%;
    transform: scale(1);
}

#home-banners .hb-item2 .hb-content {
    position: absolute;
    left: 15px;
    bottom: 15px;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    z-index: 1;
}

#home-banners .hb-item2 .hb-content .hb-title {
    margin-bottom: 5px;
    color: #ffdd00;
}

#home-banners .hb-item2 .hb-content .hb-desc {
    margin-bottom: 5px;
    color: #fff;
}

#home-banners .hb-item2 .hb-content .hb-btn a {
    display: inline-block;
    padding: 5px 15px;
    color: #000000;
    background: #ffdd00;
    border-radius: 3px;
}

#home-banners .hb-item2 .hb-content .hb-btn a:hover {
    background: #ffdd00;
}

#home-banners .hb-item3 {
    position: relative;
}

#home-banners .hb-item3:hover .hb-img img {
    transform: scale(1.05);
}

#home-banners .hb-item3 .hb-img {
    overflow: hidden;
}

#home-banners .hb-item3 .hb-img a {
    display: block;
}

#home-banners .hb-item3 .hb-img img {
    width: 100%;
    transform: scale(1);
}

#home-banners .hb-item3 .hb-content {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
}

#home-banners .hb-item3 .hb-content .hb-title {
    font-size: 24px;
    margin-bottom: 5px;
    color: #ffdd00;
}

#home-banners .hb-item3 .hb-content .hb-desc {
    margin-bottom: 5px;
    color: #fff;
}

#home-banners .hb-item3 .hb-content .hb-btn a {
    display: inline-block;
    padding: 5px 15px;
    color: #000000;
    background: #ffdd00;
    border-radius: 3px;
}

#home-banners .hb-item3 .hb-content .hb-btn a:hover {
    background: #ffdd00;
}

@media (max-width: 768px) {
    #home-collections .section-title {
        float: none !important;
        display: block !important;
        text-align: left;
    }

    #home-collections div.tab {
        text-align: center;
        margin-bottom: 15px !important;
    }

    #home-collections div.tab button {
        float: none !important;
        margin: 0px 15px 15px 0px !important;
    }
}

#home-collections .section-title {
    display: inline-block;
    float: left;
}

#home-collections .section-title h2 {
    display: inline-block;
    color: #000000;
    height: 34px;
    line-height: 34px;
}

#home-collections div.tab {
    overflow: hidden;
    margin-bottom: 30px;
}

#home-collections div.tab button {
    float: right;
    border: none;
    outline: none;
    cursor: pointer;
    color: #000000;
    margin: 0px 0px 0px 15px;
    font-weight: normal;
}

#home-collections div.tab button.active, #home-collections div.tab button:hover {
    color: #ffdd00;
    font-weight: bold;
}

#home-collections div.tab button:last-child {
    margin: 0px !important;
}

#home-collections .hc-tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

#home-collections .product-item {
    margin-bottom: 50px;
}

.article-item {
    display: block;
    position: relative;
    overflow: hidden;
}

.article-item:hover .article-img img {
    transform: scale(1.05);
}

.article-item:hover .article-item-normal {
    opacity: 0;
}

.article-item:hover .article-item-hover {
    opacity: 1;
}

.article-item .article-img img {
    width: 100%;
}

.article-item .article-item-normal {
    opacity: 1;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 15px;
    z-index: 1;
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
}

.article-item .article-item-normal .article-title {
    color: #ffdd00;
    margin-bottom: 10px;
}

.article-item .article-item-normal .article-info > div {
    display: inline-block;
    margin-right: 5px;
    color: #fff;
}

.article-item .article-item-normal .article-info > div:last-child {
    margin: 0px;
}

.article-item .article-item-hover {
    opacity: 0;
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    background: rgba(0, 0, 0, 0.7);
    padding: 15px;
    color: #fff;
    text-align: justify;
}

#home-articles {
    margin-bottom: 50px;
}

#home-articles .wrapper .inner {
    overflow: hidden;
}

#home-articles .owl-controls {
    margin: 0;
}

#home-articles .owl-controls .owl-buttons > div {
    height: 34px;
    line-height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #ffdd00;
    color: #000000;
    opacity: 0.6;
    position: absolute;
    top: calc(50% - 17px);
    border-radius: 3px;
}

#home-articles .owl-controls .owl-buttons > div.owl-next {
    right: 0px;
}

#home-articles .owl-controls .owl-buttons > div.owl-prev {
    left: 30px;
}

#home-articles .owl-controls .owl-buttons > div:hover {
    opacity: 1;
}

@media (max-width: 768px) {
    #footer .ft-content {
        padding: 50px 0px 20px 0px !important;
    }

    #footer .ft-content .ft-contact, #footer .ft-content .ft-nav, #footer .ft-content .ft-subscribe, #footer .ft-content .ft-certification {
        margin-bottom: 30px !important;
    }

    #footer .ft-copyrights-wrapper .ft-links {
        text-align: center !important;
        margin-bottom: 0px;
    }

    #footer .ft-copyrights-wrapper .ft-links > a {
        float: none !important;
    }

    #footer .ft-copyrights-wrapper .ft-copyrights {
        text-align: center !important;
    }
}

footer #ft-social-network {
    background: #e6e6e6;
}

footer #ft-social-network > a {
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    float: left;
    width: calc(100% / 5);
}

footer #ft-social-network > a.fb-icon {
    background: #3B5998;
    color: #fff;
}

footer #ft-social-network > a.ins-icon {
    background: #C32AA3;
    color: #fff;
}

footer #ft-social-network > a.yt-icon {
    background: #FF0000;
    color: #fff;
}

footer #ft-social-network > a.tw-icon {
    background: #00B6F1;
    color: #fff;
}

footer #ft-social-network > a.gg-icon {
    background: #DF4A32;
    color: #fff;
}

footer .ft-content {
    padding: 50px 0px;
    color: #ffffff;
    position: relative;
}

footer .ft-content.ft-has-imgbg {
    background-image: url("//theme.hstatic.net/1000271806/1000347743/14/ft_bg_img.png?v=874");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

footer .ft-content.ft-has-no-imgbg {
    background: #444444;
}

footer .ft-content .ft-content-overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
}

footer .ft-content > .wrapper > .inner {
    position: relative;
    z-index: 2;
}

footer .ft-content h3, footer .ft-content .ft-title {

    margin: 0px 0px 15px 0px;
    padding: 0px;
    color: #ffffff;
}

footer .ft-content .ft-contact {
    margin-bottom: 30px;
}

footer .ft-content .ft-contact > div {
    margin-bottom: 15px;
}

footer .ft-content .ft-contact .ft-contact-tel a, footer .ft-content .ft-contact .ft-contact-email a {
    display: inline-block;
    position: relative;
    color: #ffffff;
}

footer .ft-content .ft-contact .ft-contact-tel a:hover, footer .ft-content .ft-contact .ft-contact-email a:hover {
    color: #ffdd00;
}

footer .ft-content .ft-social-network {
    margin: 30px 0px 0px 0px;
}

footer .ft-content .ft-social-network > a {
    display: inline-block;
    margin-right: 15px;
    color: #ffffff;
}

footer .ft-content .ft-social-network > a:last-child {
    margin: 0px;
}

footer .ft-content .ft-social-network > a:hover {
    color: #ffdd00;
}

footer .ft-content .ft-nav ul {
    margin: 0px;
}

footer .ft-content .ft-nav ul li a {
    display: inline-block;
    position: relative;
    color: #ffffff;
}

footer .ft-content .ft-nav ul li a:hover {
    color: #ffdd00;
}

footer .ft-content .ft-subscribe .ft-sub-desc {
    margin-bottom: 15px;
}

footer .ft-content .ft-subscribe .ft-sub-wrapper form {
    border-radius: 3px;
    overflow: hidden;
}

footer .ft-content .ft-subscribe .ft-sub-wrapper form input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0px 15px;
    outline: 0px;
    border: 0px;
    background: #fff;
    color: #000000;
}

footer .ft-content .ft-subscribe .ft-sub-wrapper form button {
    padding: 0px 30px;
    height: 40px;
    line-height: 40px;
    outline: 0px;
    border: 0px;
    color: #000000;
    background: #ffdd00;
    font-size: 18px;
}

footer .ft-copyrights-wrapper {
    background: #000000;
    padding: 10px 0px;
}

footer .ft-copyrights-wrapper .ft-links > a {
    float: left;
    position: relative;
    display: inline-block;
    margin-right: 15px;
    color: #ffffff;
}

footer .ft-copyrights-wrapper .ft-links > a:hover {
    color: #ffdd00;
}

footer .ft-copyrights-wrapper .ft-links > a:last-child {
    margin-right: 0px;
}

footer .ft-copyrights-wrapper .ft-copyrights {
    color: #ffffff;
}

footer .ft-copyrights-wrapper .ft-copyrights > a {
    display: inline-block;
    position: relative;
    color: #ffffff;
}

footer .ft-copyrights-wrapper .ft-copyrights > a:hover {
    color: #ffdd00;
}

@media (max-width: 480px) {
    #home-promotion .hpromo-item .hpromo-content .hpromo-light-text {
        font-size: 14px !important;
    }

    #home-promotion .hpromo-item .hpromo-content .hpromo-bold-text {
        font-size: 24px !important;
    }

    #home-promotion .hpromo-item .hpromo-content .hpromo-btn a {
        font-size: 36px !important;
    }
}

#home-promotion {
    margin-bottom: 50px;
}

#home-promotion .hpromo-item {
    position: relative;
}

#home-promotion .hpromo-item .hpromo-vid video {
    width: 100%;
    border-radius: 12px;
    background: transparent url("hpromo_video_img2.png") 50% 50%/cover no-repeat;
}

#home-promotion .hpromo-item .hpromo-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    z-index: 2;
}

#home-promotion .hpromo-item .hpromo-content .hpromo-light-text {
    color: #fff;
}

#home-promotion .hpromo-item .hpromo-content .hpromo-bold-text {
    font-size: 30px;
    margin-bottom: 5px;
    color: #fff;
}

#home-promotion .hpromo-item .hpromo-content .hpromo-btn a {
    font-size: 72px;
    color: #fff;
}

#home-promotion .hpromo-item .hpromo-content .hpromo-btn a:hover {
    color: #ffdd00;
}

#home-testimonials {
    margin-bottom: 50px;
}

#home-testimonials .ht-item .ht-img {
    display: inline-block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    margin-bottom: 10px;
}

#home-testimonials .ht-item .ht-img:hover {
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
}

#home-testimonials .ht-item .ht-img:hover .ht-desc {
    opacity: 1;
}

#home-testimonials .ht-item .ht-img .ht-desc {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    background: rgba(255, 221, 0, 0.6);
    cursor: pointer;
    color: #fff;
    padding: 30px 20px;
}

#home-testimonials .owl-controls {
    margin: 0;
}

#home-testimonials .owl-controls .owl-buttons > div {
    height: 34px;
    line-height: 34px;
    width: 34px;
    padding: 0;
    margin: 0;
    background: #ffdd00;
    color: #000000;
    opacity: 0.6;
    position: absolute;
    top: 35%;
    border-radius: 3px;
}

#home-testimonials .owl-controls .owl-buttons > div.owl-next {
    right: 0px;
}

#home-testimonials .owl-controls .owl-buttons > div.owl-prev {
    left: 30px;
}

#home-testimonials .owl-controls .owl-buttons > div:hover {
    opacity: 1;
}

#home-testimonials > .wrapper > .inner {
    overflow: hidden;
}

#hgModalYoutube {
    display: none;
    position: fixed;
    z-index: 9999999;
    padding-top: 5%;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.6);
    /* Add Animation */
}

#hgModalYoutube .hgmy-modal-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    border: 1px solid #e6e6e6;
    width: 80%;
    max-width: 700px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}

#hgModalYoutube .hgmy-modal-content .hgmy-close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 0px;
    margin: 0px;
    background: #ffdd00;
    color: #fff;
    font-size: 18px;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 99;
    cursor: pointer;
}

@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}

#mobile-bottom-navigation {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999;
    border-top: 1px solid #e6e6e6;
}

#mobile-bottom-navigation .mobile-nav-item {
    display: block;
    height: 67px;
    padding: 0;
    text-align: center;
    background: #ffdd00;
    position: relative;
}

#mobile-bottom-navigation .mobile-nav-item > a {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 12px;
    color: #000000;
}

#mobile-bottom-navigation .mobile-nav-item > a svg {
    font-size: 24px;
    color: #000000;
    display: inline-block;
    margin-bottom: 3px;
}

#mobile-bottom-navigation .mobile-nav-item > a span.number {
    position: absolute;
    display: inline-block;
    top: -10px;
    right: 15px;
    height: 20px;
    line-height: 20px;
    width: 20px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #ffdd00;
    background: #000000;
}

#home-services .hservice-item {
    margin-bottom: 50px;
}

#home-services .hservice-item:hover .hservice-img a img {
    transform: scale(1.05);
}

#home-services .hservice-item:hover .hservice-title a {
    color: #ffdd00;
}

#home-services .hservice-item .hservice-img {
    margin-bottom: 15px;
}

#home-services .hservice-item .hservice-img a {
    display: block;
    overflow: hidden;
}

#home-services .hservice-item .hservice-img a img {
    width: 100%;
}

#home-services .hservice-item .hservice-title {
    margin-bottom: 15px;
}

#home-services .hservice-item .hservice-title a {
    display: inline-block;
    color: #000000;
}

#home-services .hservice-item .hservice-desc {
    color: #333333;
    margin-bottom: 15px;
}

#home-services .hservice-item .hservice-viewmore a {
    display: inline-block;
    color: #333333;
}

#home-services .hservice-item .hservice-viewmore a:hover {
    color: #ffdd00;
}

.section-title h2 {
    position: relative;
    padding: 0px 0px 0px 15px;
    margin-bottom: 30px;
}

.section-title h2 span {
    display: inline-block;
    width: 5px;
    height: 34px;
    background: #ffdd00;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.section-title h2 a {
    display: inline-block;
    color: #000000;
}

#home-featured-products {
    margin-bottom: 20px;
}

.product-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-item:hover {
    -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35);
}

.product-item:hover .product-img .product-actions {
    transform: translate(0px) !important;
}

.product-item:hover .product-img > a > img {
    transform: translateY(-10px);
}

.product-item .product-img {
    position: relative;
    overflow: hidden;
}

.product-item .product-img > a {
    display: block;
    overflow: hidden;
}

.product-item .product-img > a img {
    width: 100%;
}

.product-item .product-img .product-tags .tag-saleoff {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
    background: #ffdd00;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 50%;
    color: #000000;
}

.product-item .product-img .product-actions {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    bottom: 10px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
    transform: translateY(150px);
}

.product-item .product-img .product-actions > div {
    overflow: hidden;
}

.product-item .product-img .product-actions > div > button {
    height: 34px;
    width: 34px;
    line-height: 34px;
    margin-right: 2px;
    background: #999;
    color: #fff;
    outline: 0px;
    border-radius: 3px;
}

.product-item .product-img .product-actions > div > button:last-child {
    margin-right: 0px;
}

.product-item .product-img .product-actions > div > button.btnBuyNow {
    width: auto !important;
    padding: 0px 10px;
}

.product-item .product-img .product-actions > div > button:hover {
    background: #ffdd00;
}

.product-item .product-info {
    padding: 10px;
}

.product-item .product-vendor {
    margin-bottom: 10px;
}

.product-item .product-vendor span.vendor-title {
    display: inline-block;
    padding: 5px;
    background: #ffdd00;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.product-item .product-vendor span.productItem-OutOfStock {
    display: inline-block;
    padding: 5px;
    background: #ed1c24;
    color: #fff;
    font-size: 10px;
    letter-spacing: 0.5px;
}

.product-item .product-title {
    margin-bottom: 10px;
}

.product-item .product-title > a {
    display: inline-block;
    color: #000000;
    height: 34px;
}

.product-item .product-title > a:hover {
    color: #ffdd00;
}

.product-item .product-price > span {
    display: inline-block;
}

.product-item .product-price > span.current-price {
    color: #000000;
    margin-right: 15px;
}

.product-item .product-price > span.original-price {
    color: #bebebe;
}

@media (max-width: 768px) {
    #home-aboutus .hau-content {
        margin-top: 50px;
    }
}

#home-aboutus {
    padding: 50px 0px;
    margin-bottom: 50px;
    background: #ffdd00;
}

#home-aboutus .hau-content h3 {
    margin: 0px 0px 30px 0px;
}

#home-aboutus .hau-content ul {
    margin: 0px 0px 30px 0px;
}

#home-aboutus .hau-content ul li {
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 30px;
    position: relative;
}

#home-aboutus .hau-content ul li:after {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    left: 0;
    top: calc(50% - 9px);
}

#home-aboutus .hau-content p {
    margin: 0px 0px 15px 0px;
}

#home-aboutus .hau-content .hau-hotline > a {
    padding: 15px;
    background: #000000;
    display: inline-block;
    color: #ffdd00;
}

#home-brands-slider {
    background: #f1f1f1;
    height: 110px;
    line-height: 110px;
}

#home-brands-slider a {
    display: block;
}