@charset "UTF-8";
/* ------------ declaring color variables ------------ */
/*#e6e6e6*/
/*#000*/
/*#fff*/
/*#000*/
/*#fff*/
/*#002e5b*/
/*#11b5e6*/
/*#fff*/
/*#000*/
/*#000*/
/*#fff*/
/*#fff*/
/*#fff*/
/*#000*/
/*#000*/
/*#000*/
/*#000*/
/*#fff*/
/* ------------ declaring inheritance ------------ */
.swatch .header, .qty-addcart > span, #modalAddComplete .modal-tbl-cart table td.product-title small, #modalAddComplete .modal-tbl-cart table td.product-title p, #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-title small, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title p, #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, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #product-wrapper .product-single .product-content .pro-content-head > span, #product-wrapper .product-single .product-content .pro-content-head .pro-brand, #product-wrapper .product-single .product-content .pro-content-head .pro-type, #product-wrapper .product-single .product-content .pro-content-head .pro-sku, #product-wrapper .product-single .product-content .product-size-hotline .product-hotline, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a, #blog-wrapper .article-content .article-tags a, #blog-wrapper .related-articles .related-articles-body ul > li > a, .article-item .article-info-wrapper .article-info, .popup .popup-content form button, #header .header-desktop .header-top .header-contact > a, #header .header-desktop .header-top .header-account > a, #header .header-desktop .header-top .desktop-cart-wrapper > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info small, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart, #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart span.hd-cart-count, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #home-professionals .hprof-item .hprof-info-wrapper .hprof-role, #modal-booking .modal-booking-body .form-vertical p, #home-articles .harticle-item .harticle-info, #footer .footer-copyrights .ft-copyrights-openninghrs, #footer .footer-copyrights .ft-copyrights-content, .product-item .product-img .tag-saleoff, #search-collection-form select, #search-collection-form input, #search-collection-form button, #breadcrumb-wrapper .breadcrumb-small, #related-product-articles .home-section-head, #related-product-articles .home-section-body .rparticle-item .rparticle-title a, .product-content.special .pro-content-head > span, .product-content.special .pro-content-head .pro-brand, .product-content.special .pro-content-head .pro-type, .product-content.special .pro-content-head .pro-sku, .product-content.special .swatch .header, .product-content.special .qty-addcart > span, .product-content.special .product-size-hotline .product-hotline {
  font-size: 12px; }

#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, #modalAddComplete .modal-tbl-cart table td.product-title > a, #blog-wrapper .article-content .article-head .article-date-comment, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search select, #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search input, #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search button, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #home-articles .harticle-item .harticle-title a, .product-item .product-item-info .product-price > span.original-price {
  font-size: 14px; }

#modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #page-wrapper .cart-product-title > .h4, #blog-wrapper .blog-sidebar .blog-sb-title h3, .product-item .product-item-info .product-price > span.current-price, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion {
  font-size: 16px; }

#NavDrawer ul.mobile-nav > li.mobile-nav__search form button, #page-wrapper .page-contact-wrapper h4, #product-wrapper #ProductThumbs .owl-nav > div, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-single .product-content .product-actions a, .site-btn, #main-slider .ms-item .slide-content .slide-desc-text, #home-professionals .hprof-item .hprof-info-wrapper .hprof-title, #modal-booking .modal-booking-body h3, #home-membership .hmembership-item .hmembership-price-time > div.hmembership-time, #home-membership .hmembership-item .hmembership-priorities ul > li, #footer .footer-content h3.ft-title, #footer .footer-content .ft-contact .ft-contact-address .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-icon, #collection-wrapper .collection-content-wrapper .collection-lv2-text, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, .search-form-wrapper1 button, .product-content.special .product-actions button, .product-content.special .product-actions a {
  font-size: 18px; }

#NavDrawer .drawer__header .drawer__close, #NavDrawer .drawer__header .drawer__close button svg, #product-wrapper .product-single .product-content .pro-price .current-price, #ProductPhoto .owl-controls .owl-buttons > div, #blog-wrapper .blog-content .blog-single-item .owl-nav > div, .popup .popup-content .popup-social-network, #header .header-mobile .hd-btnMenu > a, #home-about-us .hau-small-title h3, #home-contact > .wrapper > .inner .hcontact-open-modal a, #home-membership .hmembership-item .hmembership-price-time > div.hmembership-price, #footer .footer-content .ft-social > a, #related-products #owl-related-products-slider .owl-nav > div, #seen-products #owl-spdx .owl-nav > div, .product-content.special .pro-price .current-price {
  font-size: 24px; }

#NavDrawer .drawer__header .drawer__close, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li > a, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span.current-price, #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, #page-wrapper .page-contact-wrapper .pcontact-shop-item a, #page-wrapper .page-contact-wrapper h4, #page-wrapper .page-contact-wrapper .btnContactSubmit, #page-wrapper .cart-product-price, #page-wrapper .cart-product-title > .h4, #page-wrapper .h3.cart__subtotal, #product-wrapper .product-single .product-content .pro-price .current-price, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-single .product-content .product-actions a, #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a, #blog-wrapper .blog-content .viewmore a, #blog-wrapper .blog-sidebar .blog-sb-title h3, #blog-wrapper .related-articles .related-articles-body ul > li > a, .article-item .article-info-wrapper .article-title > a, .popup .popup-content form button, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .qv-cart-total span, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search button, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li > a .hd-link-title, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #header .header-mobile .hd-btnMenu > a, .site-btn, #main-slider .ms-item .slide-content .slide-bold-text, #home-about-us .hau-small-title h3, #home-testimonials .htesti-item .htesti-title, #home-professionals .hprof-item .hprof-info-wrapper .hprof-title, #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent .hmp-viewmore a, #home-contact > .wrapper > .inner .hcontact-open-modal a, #modal-booking .modal-booking-body h3, #home-articles .harticles-tab-wrapper .harticles-tabcontent .harticles-viewmore a, #home-articles .harticle-item .harticle-title a, #home-membership .hmembership-item .hmembership-price-time > div.hmembership-price, #home-membership .hmembership-item .hmembership-price-time > div.hmembership-time, #home-membership .hmembership-item .hmembership-priorities ul > li, #footer .footer-content h3.ft-title, .product-item .product-img .tag-saleoff, .product-item .product-item-info .product-title a, .product-item .product-item-info .product-price > span.current-price, #search-collection-form button, #collection-wrapper .collection-content-wrapper .collection-lv2-text, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #related-product-articles .home-section-head, #related-product-articles .home-section-body .rparticle-item .rparticle-title a, .product-content.special .pro-price .current-price, .product-content.special .product-actions button, .product-content.special .product-actions a, .product-content.special .product-size-hotline .product-hotline > a {
  font-weight: 800; }

.section-title h2, #page-wrapper h1, #product-wrapper .product-single .product-content .pro-content-head h1, #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, .popup .popup-content .popup-title, #home-contact > .wrapper > .inner .hcontact-light-text, #home-contact > .wrapper > .inner .hcontact-bold-text, #home-membership .hmembership-item .hmembership-title a, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, .search-h1, .product-content.special .pro-content-head h1 {
  font-family: 'SVN-Veneer'; }

#home-about-us .hau-desc, #home-professionals .hprof-item .hprof-info-wrapper .hprof-info, #home-membership .hmembership-item .hmembership-info {
  text-align: justify !important; }

.pagination-custom > span.current, .pagination-custom > span > a, .swatch .header, .qty-addcart > span, #NavDrawer .drawer__header .drawer__close, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li > a, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #page-wrapper .page-contact-wrapper .pcontact-shop-item a, #page-wrapper .page-contact-wrapper h4, #page-wrapper .page-contact-wrapper .btnContactSubmit, #page-wrapper .cart-product-title > .h4, #page-wrapper .btnCart, #product-wrapper .product-single .product-content .pro-content-head > span, #product-wrapper .product-single .product-content .pro-content-head .pro-brand, #product-wrapper .product-single .product-content .pro-content-head .pro-type, #product-wrapper .product-single .product-content .pro-content-head .pro-sku, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-single .product-content .product-actions a, #product-wrapper .product-single .product-content .product-size-hotline .product-hotline, #blog-wrapper .blog-content .viewmore a, #blog-wrapper .blog-sidebar .blog-sb-title h3, #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a, #blog-wrapper .article-content .article-tags a, #blog-wrapper .related-articles .related-articles-body ul > li > a, .article-item .article-info-wrapper .article-title > a, .popup .popup-content form button, #header .header-desktop .header-top .header-contact > a, #header .header-desktop .header-top .header-account > a, #header .header-desktop .header-top .desktop-cart-wrapper > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search button, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li > a .hd-link-title, #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #header .header-mobile .hd-btnMenu > a, .site-btn, #main-slider .ms-item .slide-content .slide-bold-text, #home-about-us .hau-small-title h3, #home-testimonials .htesti-item .htesti-title, #home-professionals .hprof-item .hprof-info-wrapper .hprof-title, #home-professionals .hprof-item .hprof-info-wrapper .hprof-role, #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent .hmp-viewmore a, #home-contact > .wrapper > .inner .hcontact-open-modal a, #modal-booking .modal-booking-body h3, #modal-booking .modal-booking-body .form-vertical .btnContactSubmit, #home-articles .harticles-tab-wrapper .harticles-tabcontent .harticles-viewmore a, #home-articles .harticle-item .harticle-title a, #home-membership .hmembership-item .hmembership-title a, #home-membership .hmembership-item .hmembership-price-time > div.hmembership-time, #footer .footer-content h3.ft-title, .product-item .product-img .tag-saleoff, #search-collection-form button, #breadcrumb-wrapper .breadcrumb-small, #collection-wrapper .collection-content-wrapper .collection-lv2-text, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a, #related-product-articles .home-section-head, #related-product-articles .home-section-body .rparticle-item .rparticle-title a, .search-h1, .product-content.special .pro-content-head > span, .product-content.special .pro-content-head .pro-brand, .product-content.special .pro-content-head .pro-type, .product-content.special .pro-content-head .pro-sku, .product-content.special .swatch .header, .product-content.special .qty-addcart > span, .product-content.special .product-actions button, .product-content.special .product-actions a, .product-content.special .product-size-hotline .product-hotline, .product-content.special .product-description-wrapper .ac-container label {
  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, #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, #page-wrapper .page-contact-wrapper .pcontact-shop-item a, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #page-wrapper .cart-product-title > .h4, #product-wrapper .product-single .product-content .pro-content-head .pro-brand a, #product-wrapper .product-single .product-content .pro-content-head .pro-type a, #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-single .product-content .product-actions a, #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a, #product-wrapper .product-description-wrapper div.tab button, #ProductPhoto .owl-controls .owl-buttons > div, .product-thumb-control .btn, #blog-wrapper .blog-content .viewmore a, #blog-wrapper .blog-content .blog-single-item .owl-nav > div, #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, .article-item .article-info-wrapper .article-title > a, .popup .popup-content form button, #header .header-desktop .header-top .header-contact > a, #header .header-desktop .header-top .header-account > a, #header .header-desktop .header-top .desktop-cart-wrapper > a, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .header-desktop .header-center .header-navbar > ul > li > a .hd-link-title, #header .header-desktop .header-center .header-navbar > ul > li > a .hd-link-title svg, #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart, #home-collections-tabs div.tab > button, #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent .hmp-viewmore a, #home-contact > .wrapper > .inner .hcontact-open-modal a, #home-articles div.tab > button, #home-articles .harticles-tab-wrapper .harticles-tabcontent .harticles-viewmore a, #home-articles .harticle-item .harticle-title a, #home-membership .hmembership-item .hmembership-title a, #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a, #footer .footer-content .ft-nav ul li > a, #footer .footer-copyrights .ft-copyrights-content a, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion:after,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type div.panel > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color 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-style 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,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a,
#collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a, #related-products #owl-related-products-slider .owl-nav > div, #seen-products #owl-spdx .owl-nav > div, .product-content.special .pro-content-head .pro-brand a, .product-content.special .pro-content-head .pro-type a, .product-content.special .product-actions button, .product-content.special .product-actions a, .product-content.special .product-size-hotline .product-hotline > a, .product-content.special .product-description-wrapper .ac-container label {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.pagination-custom > span > a:after, #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img, #page-wrapper .page-contact-wrapper .contact-info a:after, #page-wrapper .page-contact-wrapper .contact-map a:after, .article-item .article-img > a img, #home-gallery .hg-img a img, #home-articles .harticle-item .harticle-img a img, #home-membership .hmembership-item, #home-membership .hmembership-item .hmembership-img a img, .product-item .product-img a img, #collection-wrapper .collection-content-wrapper .collection-lv2-img img {
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  transition: all 0.6s ease; }

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

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

body {
  position: relative;
  line-height: 1.6;
  letter-spacing: 0.05px;
  overflow-x: hidden;
  margin: 0; }
  body button,
  body h1,
  body h2,
  body h3 {
    font-weight: normal; }

img {
  vertical-align: middle; }

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

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

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

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

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

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

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

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

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

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

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

@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; }
  body .md-mg-left-15 {
    margin-left: -15px !important; }
  body .md-pd-left15 {
    padding-left: 15px !important; } }

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; }

.fb_iframe_widget iframe {
  max-width: 1000px;
  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 #c3c3c3;
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 0px; }
  .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: #7b09fe;
      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 #c3c3c3;
  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: #7b09fe;
      outline: 1px solid #fff; }

.pagination-custom {
  background: #f1f1f1;
  padding: 10px 0px; }
  .pagination-custom > span {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0px 5px; }
    .pagination-custom > span.current {
      padding: 0px !important;
      color: #7b09fe;
      position: relative; }
      .pagination-custom > span.current:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #7b09fe; }
    .pagination-custom > span > a {
      padding: 0px;
      display: inline-block;
      position: relative;
      text-align: center;
      height: 30px;
      line-height: 30px;
      padding: 0px;
      color: #1c1c1c; }
      .pagination-custom > span > a:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 0;
        height: 1px;
        background: #7b09fe; }
      .pagination-custom > span > a:hover {
        color: #7b09fe; }
        .pagination-custom > span > a:hover:after {
          width: 100%; }

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

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

.float-right {
  float: right !important; }

.swatch .header {
  font-weight: normal;
  min-width: auto !important;
  margin: 0px 15px 0px 0px;
  float: left;
  line-height: 35px; }

.select-swap {
  display: inline-block; }

.js-qty {
  margin: 0px;
  max-width: 150px; }
  .js-qty input, .js-qty button {
    border-radius: 0px;
    outline: 0px; }

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

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

/* ------------ breakpoints ------------ */
@media (max-width: 480px) {
  #product-wrapper .product-description-wrapper div.tab > span {
    display: none !important; }
  #product-wrapper .product-description-wrapper div.tab button {
    width: 100%;
    padding: 15px;
    height: auto !important;
    line-height: normal !important; }
    #product-wrapper .product-description-wrapper div.tab button:after {
      display: none; } }

@media (max-width: 768px) {
  #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; } }

#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(0, 0, 0, 0.9);
  padding: 0px;
  border-left: none; }
  #NavDrawer .mobile-nav > .mobile-nav__item {
    background: transparent; }
  #NavDrawer .drawer__header {
    height: auto;
    border-bottom: 0px;
    padding: 15px;
    margin: 0px;
    border-bottom: 1px solid rgba(24, 24, 24, 0.3); }
    #NavDrawer .drawer__header .drawer__close {
      text-align: left;
      padding: 0px;
      color: #181818; }
      #NavDrawer .drawer__header .drawer__close button {
        float: right;
        right: 0;
        color: #181818;
        background: transparent;
        outline: 0px;
        border: 0px;
        border-radius: 0px;
        padding: 0px; }
  #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: 5px;
        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: #000000; }
    #NavDrawer ul.mobile-nav > li.mobile-nav__item {
      padding: 0px;
      display: block;
      padding: 10px 15px;
      background: transparent;
      border-left: 3px solid transparent;
      border-bottom: 1px dashed rgba(24, 24, 24, 0.3); }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a {
        width: auto !important;
        display: inline-block;
        position: relative;
        padding: 0px;
        color: #181818; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:after {
          content: '';
          display: block;
          border-bottom: 1px solid #7b09fe;
          width: 0;
          position: absolute;
          left: 0;
          -webkit-transition: 1s ease;
          transition: 1s ease; }
        #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover {
          opacity: 1 !important;
          color: #7b09fe; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover:after {
            width: 100%; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button {
        padding: 0px;
        color: #181818;
        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: #7b09fe; }
      #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: 10px 0px; }
          #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: #181818; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:after {
              content: '';
              display: block;
              border-bottom: 1px solid #7b09fe;
              width: 0;
              position: absolute;
              left: 0;
              -webkit-transition: 1s ease;
              transition: 1s ease; }
            #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover {
              opacity: 1 !important;
              color: #7b09fe; }
              #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover:after {
                width: 100%; }
          #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: #181818;
            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: #7b09fe; }
          #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item {
            padding: 5px 0px 5px 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: #181818; }
              #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:after {
                content: '';
                display: block;
                border-bottom: 1px solid #7b09fe;
                width: 0;
                position: absolute;
                left: 0;
                -webkit-transition: 1s ease;
                transition: 1s ease; }
              #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: #7b09fe; }
                #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover:after {
                  width: 100%; }
      #NavDrawer ul.mobile-nav > li.mobile-nav__item:hover {
        background: black;
        border-left: 3px solid #7b09fe; }
        #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: #181818; }
      #NavDrawer ul.mobile-nav > li > a:after {
        content: '';
        display: block;
        border-bottom: 1px solid #7b09fe;
        width: 0;
        position: absolute;
        left: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease; }
      #NavDrawer ul.mobile-nav > li > a:hover {
        color: #7b09fe;
        opacity: 1 !important; }
    #NavDrawer ul.mobile-nav > li:after {
      display: none; }

@media (max-width: 768px) {
  .section-title h2 {
    font-size: 48px !important;
    display: block !important;
    width: 100%;
    margin: 0px 0px 5px 0px !important; } }

.section-title {
  margin-bottom: 60px;
  text-align: center; }
  .section-title h2 {
    float: left;
    font-size: 72px;
    color: #1c1c1c;
    margin: 0px;
    padding: 0px;
    position: relative;
    width: 100%; }
    .section-title h2:after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: -25px;
      width: 180px;
      height: 3px;
      background: #7b09fe;
      margin: 0px auto; }
    .section-title h2 span {
      color: #7b09fe; }

.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: #7b09fe; }

#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 {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    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: #7b09fe;
      color: #000000;
      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: #1c1c1c;
      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: #1c1c1c;
      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: #1c1c1c;
        display: block; }
        #modalAddComplete .modal-tbl-cart table td.product-title > a:hover {
          text-decoration: underline; }
      #modalAddComplete .modal-tbl-cart table td.product-title small, #modalAddComplete .modal-tbl-cart table td.product-title p {
        display: block;
        margin: 0px; }
      #modalAddComplete .modal-tbl-cart table td.product-sku {
        color: #1c1c1c; }
      #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: #d30000; }
          #modalAddComplete .modal-tbl-cart table td.product-price span.original-price {
            color: #666; }
          #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: #d30000;
            font-size: 14px !important; }
      #modalAddComplete .modal-tbl-cart table td.product-money {
        color: #d30000; }
      #modalAddComplete .modal-tbl-cart table td.product-remove > a {
        color: #1c1c1c;
        display: block; }
        #modalAddComplete .modal-tbl-cart table td.product-remove > a:hover {
          color: #7b09fe; }
  #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: #7b09fe; }
  #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: #d30000;
          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: #1c1c1c; }
            #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover {
              color: #7b09fe;
              text-decoration: underline; }
          #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title small, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title p {
            display: block;
            margin: 0px; }
        #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: #d30000;
              margin-right: 5px; }
            #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price {
              color: #666; }
        #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: #1c1c1c;
          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: #1c1c1c;
          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: #1c1c1c; }
  #modalAddComplete .modal-checkout-actions {
    padding: 15px; }
    #modalAddComplete .modal-checkout-actions .text-left a {
      color: #1c1c1c; }
      #modalAddComplete .modal-checkout-actions .text-left a:hover {
        color: #7b09fe; }
    #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 {
      color: #1c1c1c;
      margin: 0px;
      padding: 0px; }
      #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span {
        color: #d30000; }
    #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button {
      color: #000000;
      outline: 0px;
      padding: 0px 15px;
      height: 38px;
      line-height: 38px;
      display: inline-block;
      margin-top: 15px;
      background: #7b09fe;
      outline: 0px !important; }
      #modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal, #modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal {
        margin-right: 5px;
        background: #e6e6e6;
        color: #1c1c1c; }

@media (max-width: 768px) {
  #page-wrapper .cart .cart-item {
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6; }
    #page-wrapper .cart .cart-item .h4 {
      font-size: 14px !important; }
    #page-wrapper .cart .cart-item .price {
      display: inline-block; }
      #page-wrapper .cart .cart-item .price .h3 {
        font-size: 16px !important;
        color: #d30000; }
    #page-wrapper .cart .cart-item .js-qty {
      margin-top: 10px;
      margin-bottom: 10px !important; }
    #page-wrapper .cart .cart-item .cart__remove {
      display: inline-block;
      margin-left: 10px; }
  #page-wrapper .cart .btnCart {
    font-size: 14px; } }

#page-wrapper {
  padding: 50px 0px; }
  #page-wrapper h1 {
    font-size: 48px;
    color: #1c1c1c;
    margin: 0px 0px 15px 0px; }
  #page-wrapper .page-contact-wrapper .pcontact-shop-item {
    margin-bottom: 30px; }
    #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img {
      overflow: hidden;
      margin-bottom: 5px; }
      #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img {
        width: 100%; }
        #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img:hover {
          transform: scale(1.05); }
    #page-wrapper .page-contact-wrapper .pcontact-shop-item a {
      color: #1c1c1c;
      display: inline-block; }
      #page-wrapper .page-contact-wrapper .pcontact-shop-item a:hover {
        text-decoration: underline; }
  #page-wrapper .page-contact-wrapper iframe {
    width: 100% !important;
    margin-bottom: 30px; }
  #page-wrapper .page-contact-wrapper .contact-wrapper {
    padding: 10px;
    background: #f9f9f9;
    margin-bottom: 30px; }
  #page-wrapper .page-contact-wrapper .contact-desc {
    margin-bottom: 10px; }
  #page-wrapper .page-contact-wrapper h4 {
    color: #1c1c1c;
    padding: 0px;
    margin: 0px 0px 5px 0px; }
  #page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map {
    margin-bottom: 0px; }
    #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a {
      color: #1c1c1c;
      display: inline-block;
      position: relative; }
      #page-wrapper .page-contact-wrapper .contact-info a:after, #page-wrapper .page-contact-wrapper .contact-map a:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 1px;
        width: 0;
        background: #7b09fe; }
      #page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover {
        color: #7b09fe; }
        #page-wrapper .page-contact-wrapper .contact-info a:hover:after, #page-wrapper .page-contact-wrapper .contact-map a:hover:after {
          width: 100%; }
  #page-wrapper .page-contact-wrapper .btnContactSubmit {
    background: #7b09fe;
    color: #fff; }
  #page-wrapper .cart-product-price {
    color: #d30000; }
  #page-wrapper .cart-product-title > .h4 {
    color: #1c1c1c; }
    #page-wrapper .cart-product-title > .h4:hover {
      text-decoration: underline; }
  #page-wrapper .cart-product-title > p {
    margin: 0px; }
  #page-wrapper .btnCart {
    color: #fff;
    background: #7b09fe;
    height: 40px;
    line-height: 40px;
    padding: 0px 10px; }
  #page-wrapper .h3.cart__subtotal {
    color: #d30000; }

#product-wrapper {
  padding: 50px 0px; }
  #product-wrapper #ProductPhoto {
    margin-bottom: 5px; }
  #product-wrapper #ProductThumbs.product-single__thumbnails li {
    display: block; }
  #product-wrapper #ProductThumbs .owl-nav {
    margin: 0px; }
    #product-wrapper #ProductThumbs .owl-nav > div {
      position: absolute;
      top: calc(50% - 15px);
      height: 35px;
      width: 35px;
      padding: 0px;
      margin: 0px;
      line-height: 35px;
      color: #000000;
      background: #7b09fe;
      text-align: center; }
      #product-wrapper #ProductThumbs .owl-nav > div.owl-prev {
        left: 0; }
      #product-wrapper #ProductThumbs .owl-nav > div.owl-next {
        right: 0; }
  #product-wrapper .product-detail-inner {
    margin-bottom: 30px; }
  #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;
      color: dimgray; }
    #product-wrapper .product-single .product-content .pro-content-head h1 {
      font-size: 48px;
      margin: 0px;
      padding: 0px;
      color: #1c1c1c; }
    #product-wrapper .product-single .product-content .pro-content-head .pro-brand, #product-wrapper .product-single .product-content .pro-content-head .pro-type {
      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, #product-wrapper .product-single .product-content .pro-content-head .pro-type span, #product-wrapper .product-single .product-content .pro-content-head .pro-type a {
        color: dimgray; }
      #product-wrapper .product-single .product-content .pro-content-head .pro-brand a, #product-wrapper .product-single .product-content .pro-content-head .pro-type a {
        position: relative;
        display: inline-block; }
        #product-wrapper .product-single .product-content .pro-content-head .pro-brand a:hover, #product-wrapper .product-single .product-content .pro-content-head .pro-type a:hover {
          text-decoration: underline; }
    #product-wrapper .product-single .product-content .pro-content-head .pro-sku {
      display: inline-block;
      color: dimgray; }
  #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;
      color: #d30000; }
    #product-wrapper .product-single .product-content .pro-price .original-price {
      display: inline-block;
      margin-left: 15px;
      font-size: 20px;
      color: #666; }
    #product-wrapper .product-single .product-content .pro-price .sale-percentage {
      display: inline-block;
      font-style: italic;
      margin-left: 15px;
      color: #666; }
  #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 {
    margin-bottom: 10px;
    border-bottom: 1px solid #e6e6e6; }
  #product-wrapper .product-single .product-content .product-actions {
    margin: 10px 0px 5px 0px; }
    #product-wrapper .product-single .product-content .product-actions button, #product-wrapper .product-single .product-content .product-actions a {
      display: inline-block;
      position: relative;
      outline: 0;
      text-align: center;
      margin: 0px 5px 5px 0px;
      float: left;
      background: #7b09fe;
      color: #000000;
      padding: 10px 20px; }
  #product-wrapper .product-single .product-content .social-network-actions {
    display: inline-block; }
  #product-wrapper .product-single .product-content .product-size-hotline > span {
    display: inline-block;
    margin: 0px 5px; }
  #product-wrapper .product-single .product-content .product-size-hotline .product-hotline {
    display: inline-block; }
    #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a {
      display: inline-block;
      position: relative;
      color: #1c1c1c; }
      #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a:hover {
        text-decoration: underline; }
  #product-wrapper .product-description-wrapper {
    margin-bottom: 30px; }
    #product-wrapper .product-description-wrapper div.tab {
      display: block;
      position: relative;
      margin-bottom: 25px; }
      #product-wrapper .product-description-wrapper div.tab button {
        margin: 0px 5px 5px 0px;
        float: left;
        position: relative;
        outline: none;
        background: #f1f1f1; }
        #product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button:hover {
          background: #7b09fe; }
        #product-wrapper .product-description-wrapper div.tab button.active:after {
          content: '';
          position: absolute;
          bottom: -15px;
          left: 0px;
          right: 0px;
          margin: 0px auto;
          width: 0px;
          height: 0px;
          border-left: 15px solid transparent;
          border-right: 15px solid transparent;
          border-top: 15px solid #7b09fe; }
    #product-wrapper .product-description-wrapper .pro-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; } }
  #product-wrapper .product-fb-comments {
    margin-bottom: 30px; }

.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: #7b09fe;
    color: #fff;
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0;
    margin: 0;
    z-index: 99;
    border-radius: 0px; }
    #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; }

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

.product-single__thumbnails > .inner > li {
  display: block; }

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

.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: #7b09fe;
  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; }

#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;
    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: #7b09fe;
      color: #000000;
      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; } }

/* ------- BLOG - ARTICLE ------------ */
@media (max-width: 768px) {
  #blog-wrapper .article-content .social-network-actions {
    text-align: left !important; }
  #blog-wrapper .blog-content .section-title .title h2 {
    padding-right: 0px !important; }
  #blog-wrapper .blog-content .section-title .viewmore {
    padding-left: 0px !important;
    float: none !important;
    display: block !important; }
  #blog-wrapper .blog-content .blog-single-item .owl-nav .owl-prev {
    left: 15px !important; } }

#blog-wrapper {
  padding: 50px 0px; }
  #blog-wrapper .blog-content {
    overflow: hidden; }
    #blog-wrapper .blog-content .section-title h2 {
      font-size: 48px; }
    #blog-wrapper .blog-content .blog-single-slider .article-item {
      margin-bottom: 30px; }
    #blog-wrapper .blog-content .viewmore a {
      color: #1c1c1c;
      text-decoration: underline; }
      #blog-wrapper .blog-content .viewmore a:hover {
        color: #7b09fe; }
    #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-nav {
        margin: 0px; }
        #blog-wrapper .blog-content .blog-single-item .owl-nav > div {
          position: absolute;
          top: calc(50% - 35px);
          height: 70px;
          line-height: 70px;
          width: 40px;
          margin: 0px;
          padding: 0px;
          color: #fff;
          background: rgba(0, 0, 0, 0.3); }
          #blog-wrapper .blog-content .blog-single-item .owl-nav > div.owl-prev {
            left: 30px; }
          #blog-wrapper .blog-content .blog-single-item .owl-nav > div.owl-next {
            right: 0; }
    #blog-wrapper .blog-content .blog-content-wrapper .blog-head {
      margin-bottom: 30px; }
      #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1 {
        display: block;
        font-size: 48px;
        color: #1c1c1c;
        padding: 0px;
        margin: 0px; }
    #blog-wrapper .blog-content .blog-content-wrapper .blog-body .grid-uniform .article-item {
      margin-bottom: 30px; }
  #blog-wrapper .blog-sidebar > div {
    margin-bottom: 10px; }
  #blog-wrapper .blog-sidebar .blog-sb-title h3 {
    background-color: #f1f1f1;
    color: #1c1c1c;
    padding: 10px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    position: relative;
    display: block;
    margin: 0px; }
  #blog-wrapper .blog-sidebar .list-categories > ul {
    margin: 0px;
    padding: 15px 0px; }
    #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 {
        text-decoration: underline; }
      #blog-wrapper .blog-sidebar .list-categories > ul > li > a {
        color: #1c1c1c;
        position: relative;
        display: inline-block; }
        #blog-wrapper .blog-sidebar .list-categories > ul > li > a:after {
          content: '';
          display: block;
          border-bottom: 1px solid #7b09fe;
          width: 0;
          position: absolute;
          left: 0;
          -webkit-transition: 1s ease;
          transition: 1s ease; }
        #blog-wrapper .blog-sidebar .list-categories > ul > li > a:hover {
          text-decoration: underline; }
  #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper {
    padding: 15px 0px; }
    #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a {
      float: left;
      display: inline-block;
      margin: 0px 3px 3px 0px;
      color: #1c1c1c;
      background: #f1f1f1;
      padding: 5px; }
      #blog-wrapper .blog-sidebar .all-tags .all-tags-wrapper a:hover {
        color: #7b09fe; }
  #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 {
      display: block;
      font-size: 48px;
      color: #1c1c1c;
      padding: 0px;
      margin: 0px 0px 5px 0px; }
    #blog-wrapper .article-content .article-head .article-date-comment {
      color: dimgray;
      font-style: italic; }
      #blog-wrapper .article-content .article-head .article-date-comment > div {
        display: inline-block; }
      #blog-wrapper .article-content .article-head .article-date-comment > span {
        display: inline-block;
        margin: 0px 5px; }
  #blog-wrapper .article-content .article-tldr {
    padding: 15px 15px 0px 15px;
    margin-bottom: 30px;
    background: #f1f1f1; }
  #blog-wrapper .article-content .article-tags a {
    display: inline-block;
    padding: 5px;
    margin: 3px 3px 3px 0px;
    color: #1c1c1c;
    background: #f1f1f1; }
    #blog-wrapper .article-content .article-tags a:hover {
      color: #7b09fe; }
  #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 {
        display: block;
        font-size: 36px;
        color: #1c1c1c;
        padding: 0px;
        margin: 0px 0px 5px 0px; }
    #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: #1c1c1c; }
          #blog-wrapper .related-articles .related-articles-body ul > li > a:hover {
            text-decoration: underline; }
          #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: #1c1c1c;
            line-height: normal !important; }

/* ------- ARTICLE ITEM ------------ */
.article-item .article-img {
  margin-bottom: 5px; }
  .article-item .article-img > a {
    position: relative;
    display: block;
    overflow: hidden; }
    .article-item .article-img > a img {
      width: 100%;
      aspect-ratio: 1;
      object-fit: cover; }
    .article-item .article-img > a:hover img {
      transform: scale(1.05); }

.article-item .article-info-wrapper .article-title > a {
  display: inline-block;
  color: #1c1c1c; }
  .article-item .article-info-wrapper .article-title > a:hover {
    text-decoration: underline; }

.article-item .article-info-wrapper .article-info {
  color: dimgray;
  font-style: italic; }
  .article-item .article-info-wrapper .article-info > div {
    display: inline-block; }
  .article-item .article-info-wrapper .article-info > span {
    display: inline-block;
    margin: 0px 5px; }

.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("//cdn.hstatic.net/themes/200001132584/1001450502/14/popup_bg.png?v=514");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    max-width: 950px;
    width: 90%;
    top: 50px;
    position: relative; }
    .popup .popup-content .popup-wrapper {
      background: rgba(255, 255, 255, 0.8);
      padding: 30px 15px; }
    .popup .popup-content .popup-title {
      font-size: 48px;
      color: #1c1c1c;
      margin-bottom: 15px;
      line-height: normal; }
    .popup .popup-content .popup-desc {
      color: #1c1c1c;
      margin-bottom: 15px;
      text-align: justify; }
    .popup .popup-content .popup-list {
      margin-bottom: 15px; }
      .popup .popup-content .popup-list ul {
        margin: 0; }
        .popup .popup-content .popup-list ul li {
          position: relative;
          margin-bottom: 5px;
          padding-left: 15px;
          color: #1c1c1c; }
          .popup .popup-content .popup-list ul li:last-child {
            margin: 0 !important; }
          .popup .popup-content .popup-list ul li:after {
            content: '\f111';
            font-family: FontAwesome;
            position: absolute;
            top: calc(50% - 3px);
            left: 0;
            font-size: 6px;
            color: #7b09fe;
            line-height: normal !important; }
    .popup .popup-content .form-desc {
      color: #1c1c1c;
      margin-bottom: 15px; }
    .popup .popup-content form {
      position: relative;
      width: 100%; }
      .popup .popup-content form .input-group {
        display: block !important; }
      .popup .popup-content form input {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0px 100px 0px 15px;
        color: #1c1c1c;
        background: #fff;
        border-radius: 0px !important;
        outline: 0 !important;
        margin-bottom: 15px; }
      .popup .popup-content form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 40px;
        padding: 0px 15px;
        display: inline-block;
        background: #7b09fe;
        color: #000000; }
    .popup .popup-content .popup-social-network {
      display: inline-block;
      margin-right: 15px;
      margin-bottom: 5px;
      text-align: center;
      padding: 0; }
      .popup .popup-content .popup-social-network.fb-icon {
        color: #3B5998; }
      .popup .popup-content .popup-social-network.ins-icon {
        color: #C32AA3; }
      .popup .popup-content .popup-social-network.yt-icon {
        color: #FF0000; }
      .popup .popup-content .popup-social-network.tw-icon {
        color: #00B6F1; }
      .popup .popup-content .popup-social-network.gg-icon {
        color: #DF4A32; }
      .popup .popup-content .popup-social-network.linkedin-icon {
        color: #0077b5; }
  .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: #7b09fe;
    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; }

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(50%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

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

#header .header-desktop .desktop-cart-wrapper .quickview-cart ul::-webkit-scrollbar {
  width: 6px;
  background-color: #fff; }

#header .header-desktop .desktop-cart-wrapper .quickview-cart ul::-webkit-scrollbar-thumb {
  background-color: #7b09fe; }

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #fff; }

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar {
  width: 6px;
  background-color: #fff; }

#header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar-thumb {
  background-color: #7b09fe; }

#header .header-desktop .header-top {
  padding: 5px 0px;
  background: #000000; }
  #header .header-desktop .header-top .header-contact {
    padding-top: 2px; }
    #header .header-desktop .header-top .header-contact > a {
      position: relative;
      display: inline-block;
      margin-right: 15px;
      color: #7b09fe; }
      #header .header-desktop .header-top .header-contact > a:hover {
        color: #ffffff; }
      #header .header-desktop .header-top .header-contact > a:last-child {
        margin-right: 0px; }
  #header .header-desktop .header-top .header-account {
    display: inline-block; }
    #header .header-desktop .header-top .header-account > a {
      display: inline-block;
      position: relative;
      margin-right: 15px;
      color: #7b09fe; }
      #header .header-desktop .header-top .header-account > a:hover {
        color: #ffffff; }
  #header .header-desktop .header-top .desktop-cart-wrapper {
    display: inline-block;
    position: relative; }
    #header .header-desktop .header-top .desktop-cart-wrapper > a {
      display: inline-block;
      color: #7b09fe; }
      #header .header-desktop .header-top .desktop-cart-wrapper > a .hd-link-title {
        position: relative;
        display: inline-block; }
      #header .header-desktop .header-top .desktop-cart-wrapper > a .hd-cart-count {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 10px;
        text-align: center;
        border: 1px solid #7b09fe;
        border-radius: 50%; }
      #header .header-desktop .header-top .desktop-cart-wrapper > a:hover {
        color: #ffffff; }
    #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart {
      webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: none;
      animation: slide-up 0.6s;
      text-align: left;
      position: absolute;
      z-index: 9999;
      top: 100%;
      right: 0px;
      width: 280px;
      padding: 5px;
      background: #fff;
      line-height: normal !important;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }
      #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3 {
        padding: 5px;
        width: 100%;
        display: block;
        background: #f1f1f1;
        color: #1c1c1c; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3 span {
          position: absolute;
          color: #000000;
          top: -10px;
          right: -10px;
          cursor: pointer;
          width: 30px;
          height: 30px;
          line-height: 30px;
          background: #7b09fe;
          text-align: center;
          border-radius: 50%; }
      #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul {
        margin: 0px;
        max-height: 250px;
        overflow-y: scroll; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item {
          margin: 0px 0px 5px 0px;
          position: relative;
          border-bottom: 1px dashed #e6e6e6;
          padding-bottom: 5px; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove {
            position: absolute;
            top: calc(50% - 9px);
            right: 5px;
            color: #1c1c1c; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item:last-child {
            margin: 0px; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info {
          padding-right: 15px; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a {
            color: #1c1c1c;
            margin-bottom: 3px;
            display: inline-block; }
            #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover {
              text-decoration: underline; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info small {
            display: block;
            margin-bottom: 3px;
            display: inline-block; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity {
          padding-right: 15px; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span {
            display: block;
            color: #1c1c1c;
            margin-bottom: 3px; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-img {
          overflow: hidden; }
          #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-img img {
            vertical-align: middle; }
      #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .qv-cart-total {
        margin: 5px 0px;
        padding: 5px;
        width: 100%;
        display: block;
        background: #f1f1f1;
        color: #1c1c1c; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .qv-cart-total span {
          color: #d30000; }
      #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a {
        display: inline-block;
        width: 48%;
        text-align: center;
        padding: 5px 10px; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child {
          float: left;
          color: #000000;
          background: #7b09fe; }
        #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child {
          float: right;
          color: #000000;
          background: #7b09fe; }

#header .header-desktop .header-center {
  background: #000000;
  padding: 10px 0px; }
  #header .header-desktop .header-center .header-logo > a {
    display: inline-block; }
  #header .header-desktop .header-center .header-logo h1 {
    font-size: 0px !important;
    padding: 0px;
    margin: 0px; }
    #header .header-desktop .header-center .header-logo h1 > a {
      display: inline-block; }
  #header .header-desktop .header-center .header-navbar {
    padding: 15px 0px; }
    #header .header-desktop .header-center .header-navbar > ul {
      margin: 0px;
      display: block;
      position: relative;
      z-index: 99; }
      #header .header-desktop .header-center .header-navbar > ul > li {
        margin: 0px 15px 0px 0px;
        display: inline-block; }
        #header .header-desktop .header-center .header-navbar > ul > li:last-child {
          margin: 0px; }
        #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn {
          position: relative; }
          #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search {
            display: none;
            -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
            animation: slide-up 0.6s;
            position: absolute;
            top: calc(100% + 15px);
            right: 0;
            z-index: 1;
            width: 500px; }
            #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search .search-form-wrapper {
              position: relative; }
            #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search form {
              position: relative; }
            #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search select {
              position: absolute;
              left: 0;
              top: 0;
              height: 40px;
              line-height: 40px;
              width: 120px;
              z-index: 9;
              padding: 0px 10px;
              border: none;
              border-radius: 0px;
              border-right: 1px solid #e6e6e6; }
            #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search input {
              width: 100%;
              color: #1c1c1c;
              border: 0px;
              border-radius: 0px;
              padding: 0px 15px 0px 129px;
              height: 40px;
              line-height: 40px; }
            #header .header-desktop .header-center .header-navbar > ul > li#header-search-btn .header-search button {
              height: 40px;
              line-height: 40px;
              padding: 0px 30px;
              color: #000000;
              background: #7b09fe;
              margin: 0px;
              border-radius: 0px;
              position: relative; }
        #header .header-desktop .header-center .header-navbar > ul > li.dropdown {
          position: relative; }
          #header .header-desktop .header-center .header-navbar > ul > li.dropdown:hover > ul {
            display: inline-block; }
          #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul {
            display: none;
            animation: slide-up 0.6s;
            margin: 0px;
            position: absolute;
            left: -15px;
            top: 100%;
            z-index: 999;
            width: 200px;
            background: black;
            -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 .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li {
              margin: 0px;
              display: block;
              padding: 10px;
              position: relative;
              border-bottom: 1px dashed #e6e6e6; }
              #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li:last-child {
                border-bottom: 0px; }
              #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a {
                position: relative;
                display: inline-block;
                color: #ffffff; }
                #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a:hover {
                  color: #7b09fe; }
              #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li:hover > ul {
                display: inline-block; }
              #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul {
                display: none;
                animation: slide-up 0.6s;
                margin: 0px;
                position: absolute;
                left: 100%;
                top: 0;
                z-index: 1;
                width: 200px;
                background: black;
                -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 .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li {
                  margin: 0px;
                  display: block;
                  padding: 10px;
                  border-bottom: 1px dashed #e6e6e6; }
                  #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li:last-child {
                    border-bottom: 0px; }
                  #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a {
                    position: relative;
                    display: inline-block;
                    color: #ffffff; }
                    #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a:hover {
                      color: #7b09fe; }
        #header .header-desktop .header-center .header-navbar > ul > li.megamenu:hover > ul {
          display: inline-block; }
        #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul {
          margin: 0px;
          display: none;
          animation: slide-up 0.6s;
          position: absolute;
          right: 0;
          top: 100%;
          width: 800px;
          background: black;
          -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 .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li {
            width: 25%;
            display: inline-block;
            padding: 10px;
            float: left; }
            #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li:nth-child(4n+1) {
              clear: left; }
            #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a {
              color: #ffffff;
              display: block;
              margin-bottom: 10px;
              padding-bottom: 10px;
              border-bottom: 1px dashed #e6e6e6; }
              #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a:hover {
                color: #7b09fe; }
            #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul {
              margin: 0px; }
              #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li {
                margin: 0px;
                line-height: 24px; }
                #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a {
                  display: inline-block;
                  position: relative;
                  color: #ffffff; }
                  #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a:hover {
                    color: #7b09fe; }
        #header .header-desktop .header-center .header-navbar > ul > li.active > a .hd-link-title {
          color: #7b09fe; }
        #header .header-desktop .header-center .header-navbar > ul > li > a {
          display: inline-block;
          position: relative; }
          #header .header-desktop .header-center .header-navbar > ul > li > a .hd-link-title {
            color: #ffffff; }
          #header .header-desktop .header-center .header-navbar > ul > li > a:hover .hd-link-title {
            color: #7b09fe; }
            #header .header-desktop .header-center .header-navbar > ul > li > a:hover .hd-link-title svg {
              transform: rotate(90deg); }

#header .header-mobile {
  padding: 10px 0px;
  border-bottom: 1px solid #e6e6e6;
  background: #000000; }
  #header .header-mobile .desktop-cart-wrapper1 {
    float: right;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    z-index: 99;
    margin-top: 3px; }
    #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart {
      position: relative;
      display: inline-block;
      color: #ffffff; }
      #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart:hover {
        color: #7b09fe; }
      #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart svg {
        font-size: 24px; }
      #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart span.hd-cart-count {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        border: 1px solid #ffffff;
        border-radius: 50%; }
    #header .header-mobile .desktop-cart-wrapper1 .quickview-cart {
      webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      display: none;
      animation: slide-up 0.6s;
      text-align: left;
      position: absolute;
      z-index: 9999;
      top: 100%;
      right: 0px;
      width: 280px;
      padding: 5px;
      background: #fff;
      line-height: normal !important;
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); }
      #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 {
        padding: 5px;
        width: 100%;
        display: block;
        background: #f1f1f1;
        color: #1c1c1c; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span {
          position: absolute;
          color: #000000;
          top: -10px;
          right: -10px;
          cursor: pointer;
          width: 30px;
          height: 30px;
          line-height: 30px;
          background: #7b09fe;
          text-align: center;
          border-radius: 50%; }
      #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul {
        margin: 0px;
        max-height: 250px;
        overflow-y: scroll; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item {
          margin: 0px 0px 5px 0px;
          position: relative;
          border-bottom: 1px dashed #e6e6e6;
          padding-bottom: 5px; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item > .cart__remove {
            position: absolute;
            top: calc(50% - 9px);
            right: 5px;
            color: #1c1c1c; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item:last-child {
            margin: 0px; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info {
          padding-right: 15px; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a {
            color: #1c1c1c;
            margin-bottom: 3px;
            display: inline-block; }
            #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a:hover {
              text-decoration: underline; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small {
            display: block;
            margin-bottom: 3px;
            display: inline-block; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity {
          padding-right: 15px; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span {
            display: block;
            color: #1c1c1c;
            margin-bottom: 3px; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img {
          overflow: hidden; }
          #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img img {
            vertical-align: middle; }
      #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total {
        margin: 5px 0px;
        padding: 5px;
        width: 100%;
        display: block;
        background: #f1f1f1;
        color: #1c1c1c; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span {
          color: #d30000; }
      #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a {
        display: inline-block;
        width: 48%;
        text-align: center;
        padding: 5px 10px; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:first-child {
          float: left;
          color: #000000;
          background: #7b09fe; }
        #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:last-child {
          float: right;
          color: #000000;
          background: #7b09fe; }
  #header .header-mobile .hd-btnMenu {
    display: inline-block;
    float: right; }
    #header .header-mobile .hd-btnMenu > a {
      padding: 0px;
      color: #ffffff; }
      #header .header-mobile .hd-btnMenu > a svg {
        font-size: 24px; }

@media (max-width: 768px) {
  .site-btn {
    font-size: 12px !important; } }

.site-btn {
  display: inline-block;
  padding: 10px 20px;
  background: #7b09fe;
  color: #000000 !important; }

@media (max-width: 480px) {
  #main-slider #home-banners a {
    margin-bottom: 15px; } }

@media (max-width: 768px) {
  #main-slider {
    margin-bottom: 0px !important; }
    #main-slider #owl-home-main-slider .owl-dots {
      right: 5px !important; }
    #main-slider .ms-item .slide-content {
      text-align: center;
      top: 50% !important; }
      #main-slider .ms-item .slide-content .slide-light-text {
        font-size: 16px !important; }
      #main-slider .ms-item .slide-content .slide-bold-text {
        font-size: 24px !important; }
    #main-slider #home-banners {
      position: static !important;
      margin-top: 15px; } }

#main-slider {
  margin-bottom: 90px;
  position: relative; }
  #main-slider #owl-home-main-slider .owl-dots {
    margin: 0;
    position: absolute;
    top: calc(50% - 50px);
    right: 30px;
    bottom: 0px;
    width: 30px;
    z-index: 1; }
    #main-slider #owl-home-main-slider .owl-dots .owl-dot.active span {
      background: #7b09fe; }
  #main-slider .ms-item {
    position: relative; }
    #main-slider .ms-item img {
      width: 100%; }
    #main-slider .ms-item .slide-overlay {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      background: rgba(0, 0, 0, 0.5); }
    #main-slider .ms-item .slide-content {
      position: absolute;
      top: calc(50% - 45px);
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      z-index: 2;
      line-height: normal; }
      #main-slider .ms-item .slide-content .slide-light-text {
        font-size: 36px;
        color: #ffffff;
        margin-bottom: 15px; }
      #main-slider .ms-item .slide-content .slide-bold-text {
        position: relative;
        font-size: 48px;
        color: #ffffff;
        margin-bottom: 15px; }
      #main-slider .ms-item .slide-content .slide-desc-text {
        color: #ffffff;
        margin-bottom: 30px;
        line-height: 30px; }
  #main-slider #home-banners {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: -90px; }
    #main-slider #home-banners .hbanners-item a {
      display: block; }
      #main-slider #home-banners .hbanners-item a img {
        width: 100%; }

/* ------- HOME - ABOUT US ------------ */
@media (max-width: 768px) {
  #home-about-us .hau-img {
    margin-bottom: 15px; } }

#home-about-us {
  padding-top: 50px; }
  #home-about-us > .wrapper > .inner > .grid {
    margin-bottom: 50px; }
  #home-about-us .hau-small-title {
    margin-bottom: 15px; }
    #home-about-us .hau-small-title h3 {
      margin: 0px; }
  #home-about-us .hau-desc {
    margin-bottom: 15px; }
  #home-about-us .hau-img img {
    width: 100%; }

/* ------- HOME - TESTIMONIALS ------------ */
@media (max-width: 768px) {
  #home-testimonials #owl-home-testimonials-slider .owl-dots {
    padding-left: 15px !important; } }

#home-testimonials {
  padding: 50px 0px;
  background: #000000; }
  #home-testimonials > .wrapper > .inner {
    overflow: hidden; }
  #home-testimonials .section-title h2 {
    color: #ffffff; }
  #home-testimonials .site-btn {
    margin-top: 15px; }
  #home-testimonials #owl-home-testimonials-slider .owl-dots {
    padding-left: 30px; }
    #home-testimonials #owl-home-testimonials-slider .owl-dots > .owl-dot.active span {
      background: #7b09fe; }
  #home-testimonials .htesti-item .htesti-img {
    margin-bottom: 5px; }
    #home-testimonials .htesti-item .htesti-img img {
      width: 100%; }
  #home-testimonials .htesti-item .htesti-title {
    color: #7b09fe; }
  #home-testimonials .htesti-item .htesti-info, #home-testimonials .htesti-item .htesti-service {
    color: #ffffff;
    font-style: italic; }

/* ------- HOME - PROFESSIONALS ------------ */
#home-professionals {
  padding: 50px 0px; }
  #home-professionals .hprof-item {
    margin-bottom: 30px; }
    #home-professionals .hprof-item .hprof-img img {
      width: 100%; }
    #home-professionals .hprof-item .hprof-scroll-wrapper {
      padding: 15px 0px 15px 15px;
      background: #f1f1f1; }
    #home-professionals .hprof-item .hprof-info-wrapper {
      padding-right: 15px;
      max-height: 311px;
      overflow-y: scroll; }
      #home-professionals .hprof-item .hprof-info-wrapper .hprof-role {
        font-style: italic;
        margin-bottom: 15px; }

#home-professionals .hprof-item .hprof-info-wrapper::-webkit-scrollbar {
  width: 7px; }

#home-professionals .hprof-item .hprof-info-wrapper::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(28, 28, 28, 0.3);
  border-radius: 0px; }

#home-professionals .hprof-item .hprof-info-wrapper::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 5px rgba(28, 28, 28, 0.3);
  background: #1c1c1c; }

/* ------- HOME - COLLECTIONS TABS ------------ */
#home-collections-tabs {
  padding: 50px 0px;
  background: #000000;
  color: #ffffff; }
  #home-collections-tabs .section-title h2 {
    color: #ffffff; }
  #home-collections-tabs div.tab {
    overflow: hidden;
    margin-bottom: 25px; }
    #home-collections-tabs div.tab > button {
      outline: none;
      cursor: pointer;
      margin: 0px 5px 5px 0px;
      background: #f1f1f1; }
      #home-collections-tabs div.tab > button.active, #home-collections-tabs div.tab > button:hover {
        background: #7b09fe; }
      #home-collections-tabs div.tab > button:last-child {
        margin-right: 0px; }

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

@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; }
    #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent .hmp-viewmore a {
      color: #ffffff;
      text-decoration: underline; }
      #home-collections-tabs .hct-tab-wrapper .hmp-tabcontent .hmp-viewmore a:hover {
        color: #7b09fe; }
  #home-collections-tabs .product-item {
    margin-bottom: 30px; }

/* ------- HOME - GALLERY ------------ */
#home-gallery {
  padding: 50px 0px 45px 0px; }
  #home-gallery .hg-img {
    margin-bottom: 5px; }
    #home-gallery .hg-img a {
      display: block;
      overflow: hidden; }
      #home-gallery .hg-img a img {
        width: 100%; }
        #home-gallery .hg-img a img:hover {
          transform: scale(1.05); }

/* ------- HOME - CONTACT ------------ */
@media (max-width: 768px) {
  #home-contact {
    background-attachment: scroll !important; }
    #home-contact > .wrapper > .inner .hcontact-light-text {
      font-size: 48px !important; }
    #home-contact > .wrapper > .inner .hcontact-bold-text {
      font-size: 72px !important; }
    #home-contact > .wrapper > .inner .hcontact-open-modal a {
      font-size: 18px !important; } }

#home-contact {
  padding: 50px 0px;
  background: url("//cdn.hstatic.net/themes/200001132584/1001450502/14/hcontact_bg.jpg?v=514");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  position: relative; }
  #home-contact .hcontact-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(123, 9, 254, 0.7); }
  #home-contact > .wrapper > .inner {
    position: relative;
    z-index: 2; }
    #home-contact > .wrapper > .inner .hcontact-light-text {
      color: #000000;
      font-size: 80px;
      line-height: normal; }
    #home-contact > .wrapper > .inner .hcontact-bold-text {
      display: inline-block;
      color: #000000;
      font-size: 140px;
      line-height: normal; }
    #home-contact > .wrapper > .inner .hcontact-open-modal {
      line-height: normal; }
      #home-contact > .wrapper > .inner .hcontact-open-modal a {
        text-align: center;
        display: inline-block;
        padding: 20px 30px;
        background: transparent;
        border: 1px solid #000000;
        color: #000000; }
        #home-contact > .wrapper > .inner .hcontact-open-modal a:hover {
          background: #000000;
          color: #7b09fe; }

#modal-booking {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 99999;
  /* Sit on top */
  padding-top: 25px;
  /* Location of the box */
  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.4);
  /* Black w/ opacity */
  /* Modal Content */
  /* Add Animation */
  /* The Close Button */ }
  #modal-booking .modal-booking-content {
    position: relative;
    background-color: #fff;
    margin: auto;
    padding: 0;
    width: 80%;
    max-width: 500px;
    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; }

@-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; } }
  #modal-booking .modal-booking-close {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    line-height: 30px;
    height: 30px;
    background: #7b09fe;
    color: #000000;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    cursor: pointer; }
  #modal-booking .modal-booking-body {
    padding: 15px; }
    #modal-booking .modal-booking-body h3 {
      margin-bottom: 15px; }
    #modal-booking .modal-booking-body .form-vertical {
      margin: 0px; }
      #modal-booking .modal-booking-body .form-vertical p {
        font-style: italic; }
      #modal-booking .modal-booking-body .form-vertical .btnContactSubmit {
        display: inline-block;
        margin: 0px;
        outline: none; }

/* ------- HOME - ARTICLES ------------ */
#home-articles {
  padding: 50px 0px; }
  #home-articles div.tab {
    overflow: hidden;
    margin-bottom: 25px; }
    #home-articles div.tab > button {
      outline: none;
      cursor: pointer;
      margin: 0px 5px 5px 0px;
      background: #f1f1f1; }
      #home-articles div.tab > button.active, #home-articles div.tab > button:hover {
        background: #7b09fe; }
      #home-articles div.tab > button:last-child {
        margin-right: 0px; }

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

@keyframes fadeEffect {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
  #home-articles .harticles-tab-wrapper .harticles-tabcontent {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; }
    #home-articles .harticles-tab-wrapper .harticles-tabcontent .harticles-viewmore a {
      color: #1c1c1c;
      text-decoration: underline; }
      #home-articles .harticles-tab-wrapper .harticles-tabcontent .harticles-viewmore a:hover {
        color: #7b09fe; }
  #home-articles .harticle-item {
    margin-bottom: 30px; }
    #home-articles .harticle-item:hover .harticle-img a img {
      transform: scale(1.05); }
    #home-articles .harticle-item:hover .harticle-title a {
      text-decoration: underline; }
    #home-articles .harticle-item .harticle-img.big {
      margin-bottom: 5px; }
    #home-articles .harticle-item .harticle-img a {
      display: block;
      overflow: hidden; }
      #home-articles .harticle-item .harticle-img a img {
        width: 100%; }
    #home-articles .harticle-item .harticle-title a {
      display: inline-block;
      position: relative;
      color: #1c1c1c; }
    #home-articles .harticle-item .harticle-info {
      color: dimgray;
      font-style: italic; }
      #home-articles .harticle-item .harticle-info > div {
        display: inline-block; }
      #home-articles .harticle-item .harticle-info > span {
        display: inline-block;
        margin: 0px 5px; }

/* ----------- HOME - MEMBERSHIP ----------- */
@media (max-width: 768px) {
  #home-membership #owl-home-membership-slider .owl-dots {
    padding-left: 15px !important; } }

#home-membership {
  padding: 50px 0px; }
  #home-membership > .wrapper > .inner {
    overflow: hidden; }
  #home-membership #owl-home-membership-slider .owl-dots {
    padding-left: 30px; }
    #home-membership #owl-home-membership-slider .owl-dots > .owl-dot.active span {
      background: #7b09fe; }
  #home-membership .section-title {
    margin-bottom: 50px; }
  #home-membership .hmembership-item {
    margin: 10px 0px;
    background: #f1f1f1; }
    #home-membership .hmembership-item:hover {
      transform: translateY(-10px); }
      #home-membership .hmembership-item:hover .hmembership-title a {
        background: #7b09fe; }
      #home-membership .hmembership-item:hover .hmembership-img a img {
        transform: scale(1.05); }
    #home-membership .hmembership-item .hmembership-title a {
      padding: 15px;
      background: #f1f1f1;
      display: block;
      font-size: 36px;
      color: #1c1c1c; }
    #home-membership .hmembership-item .hmembership-img {
      margin-bottom: 15px; }
      #home-membership .hmembership-item .hmembership-img a {
        display: block;
        overflow: hidden; }
        #home-membership .hmembership-item .hmembership-img a img {
          width: 100%; }
    #home-membership .hmembership-item .hmembership-price-time {
      padding: 0px 15px;
      margin-bottom: 15px; }
      #home-membership .hmembership-item .hmembership-price-time > div {
        display: inline-block; }
        #home-membership .hmembership-item .hmembership-price-time > div.hmembership-price {
          color: #d30000; }
    #home-membership .hmembership-item .hmembership-info {
      margin-bottom: 15px;
      padding: 0px 15px; }
    #home-membership .hmembership-item .hmembership-priorities {
      margin-bottom: 15px;
      padding: 0px 15px; }
      #home-membership .hmembership-item .hmembership-priorities ul {
        margin: 0px;
        display: block; }
        #home-membership .hmembership-item .hmembership-priorities ul > li {
          display: block;
          margin: 0px;
          padding: 10px;
          border-bottom: 2px dashed #e6e6e6; }
          #home-membership .hmembership-item .hmembership-priorities ul > li:last-child {
            border-bottom: none; }

/* ----------- FOOTER ----------- */
@media (max-width: 768px) {
  #footer .footer-content {
    margin: 0px !important; }
    #footer .footer-content .ft-contact, #footer .footer-content .ft-nav, #footer .footer-content .ft-social {
      margin-bottom: 30px; }
  #footer .footer-copyrights .ft-copyrights-openninghrs {
    margin-bottom: 10px;
    text-align: center !important; }
  #footer .footer-copyrights .ft-copyrights-content {
    text-align: center !important; } }

#footer {
  color: #ffffff;
  background: #000000;
  padding: 50px 0px; }
  #footer .footer-logo {
    margin-bottom: 30px; }
  #footer .footer-content {
    margin-bottom: 30px; }
    #footer .footer-content h3.ft-title {
      position: relative;
      padding: 0px;
      margin: 0px 0px 15px 0px;
      color: #7b09fe; }
    #footer .footer-content .ft-contact > div {
      margin-bottom: 10px; }
      #footer .footer-content .ft-contact > div:last-child {
        margin: 0px; }
    #footer .footer-content .ft-contact .ft-contact-address .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-icon {
      display: inline-block;
      float: left;
      color: #7b09fe; }
    #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail {
      padding-left: 25px; }
      #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a {
        display: inline-block;
        position: relative;
        color: #ffffff; }
        #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a:hover, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a:hover, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a:hover {
          color: #7b09fe; }
    #footer .footer-content .ft-social > a {
      display: inline-block;
      margin-right: 15px; }
      #footer .footer-content .ft-social > a.fb-icon {
        color: #3B5998; }
      #footer .footer-content .ft-social > a.ins-icon {
        color: #C32AA3; }
      #footer .footer-content .ft-social > a.yt-icon {
        color: #FF0000; }
      #footer .footer-content .ft-social > a.tw-icon {
        color: #00B6F1; }
      #footer .footer-content .ft-social > a.gg-icon {
        color: #DF4A32; }
      #footer .footer-content .ft-social > a.linkedin-icon {
        color: #0077b5; }
    #footer .footer-content .ft-nav ul {
      margin: 0px; }
      #footer .footer-content .ft-nav ul li {
        display: inline-block;
        margin: 0px;
        padding: 0px;
        position: relative; }
        #footer .footer-content .ft-nav ul li:last-child {
          margin: 0px; }
        #footer .footer-content .ft-nav ul li > span {
          margin: 0px 5px;
          display: inline-block;
          color: #ffffff; }
        #footer .footer-content .ft-nav ul li > a {
          display: inline-block;
          position: relative;
          color: #ffffff; }
          #footer .footer-content .ft-nav ul li > a:hover {
            color: #7b09fe; }
  #footer .footer-copyrights .ft-copyrights-openninghrs {
    color: #ffffff; }
  #footer .footer-copyrights .ft-copyrights-content {
    color: #ffffff; }
    #footer .footer-copyrights .ft-copyrights-content a {
      display: inline-block;
      position: relative;
      color: #ffffff; }
      #footer .footer-copyrights .ft-copyrights-content a:hover {
        color: #7b09fe; }

@media (max-width: 768px) {
  .product-item .product-title a, .product-item .product-price .current-price {
    font-size: 12px !important; }
  .product-item .product-price .original-price {
    font-size: 10px !important; } }

.product-item {
  background: #fff; }
  .product-item:hover .product-img a img {
    transform: scale(1.05); }
    .product-item:hover .product-img a img.pro-img1 {
      opacity: 0; }
    .product-item:hover .product-img a img.pro-img2 {
      opacity: 1; }
  .product-item:hover .product-item-info .product-title a {
    text-decoration: underline; }
  .product-item .product-img {
    position: relative; }
    .product-item .product-img a {
      display: block;
      overflow: hidden;
      position: relative; }
      .product-item .product-img a img {
        width: 100%; }
        .product-item .product-img a img.pro-img2 {
          position: absolute;
          top: 0;
          left: 0;
          z-index: 1;
          opacity: 0; }
    .product-item .product-img .tag-saleoff {
      position: absolute;
      top: -15px;
      right: -15px;
      background: #d30000;
      color: #fff;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      text-align: center;
      z-index: 2; }
  .product-item .product-item-info {
    padding: 5px 15px; }
    .product-item .product-item-info .product-title a {
      position: relative;
      display: inline-block;
      color: #1c1c1c; }
    .product-item .product-item-info .product-price > span {
      display: inline-block; }
      .product-item .product-item-info .product-price > span.current-price {
        color: #d30000; }
      .product-item .product-item-info .product-price > span.original-price {
        margin-left: 3px;
        color: #666; }

#search-collection-form {
  margin: 5px 0px;
  position: relative; }
  #search-collection-form select {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 120px;
    z-index: 9;
    padding: 0px 10px;
    border: none;
    border-radius: 0px;
    border-right: 1px solid #e6e6e6; }
  #search-collection-form input {
    width: 100%;
    background: #fff;
    border-radius: 0px;
    padding: 0px 9px 0px 129px;
    height: 40px;
    line-height: 40px; }
  #search-collection-form button {
    padding: 0px 15px;
    height: 40px;
    line-height: 40px;
    color: #000000;
    background: #7b09fe;
    margin: 0px; }

/* ------- BREADCRUMB ------------ */
#breadcrumb-wrapper {
  padding: 10px 0px;
  background: #f1f1f1; }
  #breadcrumb-wrapper .breadcrumb-small > span {
    display: inline-block;
    color: #1c1c1c;
    margin: 0px 5px; }
    #breadcrumb-wrapper .breadcrumb-small > span:last-child {
      margin: 0px; }
  #breadcrumb-wrapper .breadcrumb-small a {
    position: relative;
    display: inline-block;
    color: #1c1c1c; }
    #breadcrumb-wrapper .breadcrumb-small a:hover {
      text-decoration: underline; }

/* ------- COLLECTION ------------ */
@media (max-width: 768px) {
  #collection-wrapper .collection-content-wrapper .collection-head .collection-sorting-wrapper .form-horizontal {
    text-align: left !important; }
  #collection-wrapper .collection-sidebar-wrapper {
    margin-top: 30px; } }

#collection-wrapper {
  padding: 50px 0px; }
  #collection-wrapper .collection-content-wrapper .collection-head {
    margin-bottom: 30px; }
    #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1 {
      font-size: 48px;
      color: #1c1c1c;
      margin: 0px;
      padding: 0px; }
  #collection-wrapper .collection-content-wrapper .collection-desc {
    padding: 10px 0px 0px 0px; }
  #collection-wrapper .collection-content-wrapper .collection-empty {
    padding: 15px 0px; }
  #collection-wrapper .collection-content-wrapper .product-item {
    margin-bottom: 30px; }
  #collection-wrapper .collection-content-wrapper .collection-lv2-img {
    display: block;
    overflow: hidden;
    margin-bottom: 5px; }
    #collection-wrapper .collection-content-wrapper .collection-lv2-img:hover img {
      transform: scale(1.05); }
    #collection-wrapper .collection-content-wrapper .collection-lv2-img img {
      width: 100%; }
  #collection-wrapper .collection-content-wrapper .collection-lv2-text {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
    color: #1c1c1c; }
    #collection-wrapper .collection-content-wrapper .collection-lv2-text:hover {
      text-decoration: underline; }
  #collection-wrapper .collection-sidebar-wrapper .collection-categories,
  #collection-wrapper .collection-sidebar-wrapper .collection-filter-style,
  #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,
  #collection-wrapper .collection-sidebar-wrapper .collection-filter-type,
  #collection-wrapper .collection-sidebar-wrapper .collection-filter-color {
    background: #fff; }
    #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion,
    #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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-filter-type button.accordion,
    #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion {
      background-color: #f1f1f1;
      color: #1c1c1c;
      cursor: pointer;
      padding: 10px;
      width: 100%;
      border: none;
      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-style 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-filter-type button.accordion:after,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after {
        content: '\002B';
        font-family: FontAwesome;
        color: #1c1c1c;
        position: absolute;
        top: calc(50% - 9px);
        right: 10px;
        line-height: normal;
        font-weight: bold; }
      #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion.active:after,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion.active:after,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion.active:after {
        content: "\2212"; }
    #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel,
    #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
    #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel,
    #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel {
      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-style 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,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul,
      #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul {
        margin: 0px;
        padding: 10px 0px; }
        #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li,
        #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
        #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li,
        #collection-wrapper .collection-sidebar-wrapper .collection-filter-color 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-style 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,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li:last-child,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-color 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-style 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-filter-type div.panel > ul > li > a,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a {
            display: inline-block;
            position: relative;
            color: #1c1c1c; }
            #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:hover,
            #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
            #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > a:hover,
            #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a:hover {
              color: #7b09fe; }
          #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul,
          #collection-wrapper .collection-sidebar-wrapper .collection-filter-color 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-style 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,
            #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li,
            #collection-wrapper .collection-sidebar-wrapper .collection-filter-color 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-style 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,
              #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a,
              #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a {
                display: inline-block;
                position: relative;
                color: #1c1c1c; }
                #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-sidebar-wrapper .collection-filter-style 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,
                #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a:hover,
                #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a:hover {
                  color: #7b09fe; }

/* ------- RELATED PRODUCTS ------------ */
@media (max-width: 768px) {
  #related-products #owl-related-products-slider .owl-nav .owl-prev {
    left: 15px !important; } }

#related-products {
  margin-bottom: 50px;
  overflow: hidden; }
  #related-products .section-title h2 {
    font-size: 48px; }
  #related-products .product-item {
    margin-top: 15px; }
  #related-products #owl-related-products-slider .owl-nav {
    margin: 0px; }
    #related-products #owl-related-products-slider .owl-nav > div {
      position: absolute;
      top: calc(50% - 35px);
      height: 70px;
      line-height: 70px;
      width: 40px;
      margin: 0px;
      padding: 0px;
      color: #fff;
      background: rgba(0, 0, 0, 0.3); }
      #related-products #owl-related-products-slider .owl-nav > div.owl-prev {
        left: 30px; }
      #related-products #owl-related-products-slider .owl-nav > div.owl-next {
        right: 0; }

/* ------- SEEN PRODUCTS ------------ */
@media (max-width: 768px) {
  #seen-products #owl-spdx .owl-nav .owl-prev {
    left: 15px !important; } }

#seen-products {
  overflow: hidden; }
  #seen-products .section-title h2 {
    font-size: 48px; }
  #seen-products #owl-spdx .owl-nav {
    margin: 0px; }
    #seen-products #owl-spdx .owl-nav > div {
      text-align: center;
      position: absolute;
      top: calc(50% - 35px);
      height: 70px;
      line-height: 70px;
      width: 40px;
      margin: 0px;
      padding: 0px;
      color: #fff;
      background: rgba(0, 0, 0, 0.3); }
      #seen-products #owl-spdx .owl-nav > div.owl-prev {
        left: 30px; }
      #seen-products #owl-spdx .owl-nav > div.owl-next {
        right: 0; }

/* ------- RELATED PRODUCT ARTICLES ------------ */
@media (max-width: 480px) {
  #related-product-articles > .home-section-body {
    padding-bottom: 10px !important; } }

@media (max-width: 768px) {
  #related-product-articles > .home-section-body.medium-screen {
    padding-bottom: 0px; } }

#related-product-articles {
  margin-bottom: 30px; }
  #related-product-articles .home-section-head {
    margin-bottom: 30px;
    position: relative;
    color: #000000;
    background: #7b09fe;
    display: block;
    width: 100%;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 20px; }
    #related-product-articles .home-section-head:after {
      content: '';
      position: absolute;
      bottom: -15px;
      left: 0px;
      right: 0px;
      margin: 0px auto;
      width: 0px;
      height: 0px;
      border-left: 15px solid transparent;
      border-right: 15px solid transparent;
      border-top: 15px solid #7b09fe; }
  #related-product-articles .home-section-body {
    padding: 10px; }
    #related-product-articles .home-section-body .grid-uniform > .grid__item {
      margin-bottom: 15px; }
      #related-product-articles .home-section-body .grid-uniform > .grid__item:last-child {
        margin-bottom: 0px; }
    #related-product-articles .home-section-body .rparticle-item .rparticle-img a {
      display: block; }
      #related-product-articles .home-section-body .rparticle-item .rparticle-img a img {
        width: 100%; }
    #related-product-articles .home-section-body .rparticle-item .rparticle-title a {
      color: #1c1c1c; }
      #related-product-articles .home-section-body .rparticle-item .rparticle-title a:hover {
        text-decoration: underline; }

.search-h1 {
  font-size: 48px; }

.search-form-wrapper1 {
  position: relative; }
  .search-form-wrapper1 form {
    position: relative; }
  .search-form-wrapper1 select {
    position: absolute;
    left: 0;
    top: 0;
    height: 40px;
    line-height: 40px;
    width: 120px;
    z-index: 9;
    padding: 0px 10px;
    border: none;
    border-radius: 0px;
    border-right: 1px solid #e6e6e6; }
  .search-form-wrapper1 input {
    width: 100%;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0px;
    padding: 9px 9px 9px 129px; }
  .search-form-wrapper1 button {
    width: 42px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    background: #000000;
    padding: 0px;
    margin: 0px; }

@media (max-width: 768px) {
  #product-special .product__cover-wrapper {
    margin-bottom: 15px; }
  #product-special .product__imgs {
    margin-top: 0px !important; }
    #product-special .product__imgs a.pro-special-img {
      display: block;
      margin-bottom: 15px; }
  #product-special .product__last-img-wrapper {
    margin-top: 0px !important; }
  #product-special .product-content.stick {
    position: static !important;
    max-width: none !important;
    margin-bottom: 15px;
    padding: 15px !important; } }

.product-content.special .product-description-wrapper .ac-container input:checked ~ article.ac-small::-webkit-scrollbar {
  width: 7px; }

.product-content.special .product-description-wrapper .ac-container input:checked ~ article.ac-small::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
  border-radius: 0px; }

.product-content.special .product-description-wrapper .ac-container input:checked ~ article.ac-small::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5);
  background: #7b09fe; }

#product-special .product__imgs {
  margin-top: -50px;
  position: relative;
  z-index: 1; }

#product-special .product__last-img-wrapper {
  margin-top: -50px;
  margin-bottom: 30px; }

#product-special #seen-products {
  margin-bottom: 50px; }

.product-content.special {
  padding: 30px;
  background: #000000;
  color: #ffffff; }
  .product-content.special.stick {
    position: fixed;
    top: 30px;
    z-index: 10;
    max-width: 585px; }
  .product-content.special .pro-content-head {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(230, 230, 230, 0.4); }
    .product-content.special .pro-content-head > span {
      margin: 0px 5px;
      color: #ffffff; }
    .product-content.special .pro-content-head h1 {
      font-size: 48px;
      margin: 0px;
      padding: 0px;
      color: #7b09fe; }
    .product-content.special .pro-content-head .pro-brand, .product-content.special .pro-content-head .pro-type {
      display: inline-block; }
      .product-content.special .pro-content-head .pro-brand span, .product-content.special .pro-content-head .pro-brand a, .product-content.special .pro-content-head .pro-type span, .product-content.special .pro-content-head .pro-type a {
        color: #ffffff; }
      .product-content.special .pro-content-head .pro-brand a, .product-content.special .pro-content-head .pro-type a {
        position: relative;
        display: inline-block; }
        .product-content.special .pro-content-head .pro-brand a:hover, .product-content.special .pro-content-head .pro-type a:hover {
          color: #7b09fe;
          text-decoration: underline; }
    .product-content.special .pro-content-head .pro-sku {
      display: inline-block;
      color: #ffffff; }
  .product-content.special .pro-price {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(230, 230, 230, 0.4); }
    .product-content.special .pro-price .current-price {
      display: inline-block;
      color: #d30000; }
    .product-content.special .pro-price .original-price {
      display: inline-block;
      margin-left: 15px;
      font-size: 20px;
      color: #ffffff; }
    .product-content.special .pro-price .sale-percentage {
      display: inline-block;
      font-style: italic;
      margin-left: 15px;
      color: #ffffff; }
  .product-content.special .pro-short-desc {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(230, 230, 230, 0.4);
    color: rgba(255, 255, 255, 0.8); }
  .product-content.special .product-variants-wrapper {
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(230, 230, 230, 0.4); }
  .product-content.special .swatch .header {
    font-weight: normal;
    min-width: auto !important;
    margin: 0px 15px 0px 0px;
    float: left;
    line-height: 35px; }
  .product-content.special .select-swap {
    display: inline-block; }
  .product-content.special .js-qty {
    margin: 0px;
    max-width: 150px; }
    .product-content.special .js-qty input, .product-content.special .js-qty button {
      border-radius: 0px;
      outline: 0px;
      color: #ffffff !important; }
  .product-content.special .qty-addcart > span {
    margin: 0;
    margin-bottom: 5px;
    display: block;
    min-width: 200px;
    position: relative; }
  .product-content.special .swatch-element label span {
    color: #ffffff !important; }
  .product-content.special .product-actions {
    margin: 10px 0px 5px 0px; }
    .product-content.special .product-actions button, .product-content.special .product-actions a {
      display: inline-block;
      position: relative;
      outline: 0;
      text-align: center;
      background: #7b09fe;
      color: #000000;
      padding: 10px 20px;
      margin: 0px 5px 5px 0px;
      float: left; }
  .product-content.special .social-network-actions {
    display: inline-block; }
  .product-content.special .product-size-hotline > span {
    display: inline-block;
    margin: 0px 5px; }
  .product-content.special .product-size-hotline .product-hotline {
    display: inline-block; }
    .product-content.special .product-size-hotline .product-hotline > a {
      display: inline-block;
      position: relative;
      color: #ffffff; }
      .product-content.special .product-size-hotline .product-hotline > a:hover {
        color: #7b09fe;
        text-decoration: underline; }
  .product-content.special .product-description-wrapper {
    margin-bottom: 15px; }
    .product-content.special .product-description-wrapper .ac-container label {
      padding: 5px 15px;
      position: relative;
      display: block;
      cursor: pointer;
      color: #ffffff; }
      .product-content.special .product-description-wrapper .ac-container label svg {
        font-size: 6px;
        position: absolute;
        left: 0;
        top: calc(50% - 3px); }
    .product-content.special .product-description-wrapper .ac-container {
      width: 100%;
      text-align: left; }
    .product-content.special .product-description-wrapper .ac-container input:checked + label, .product-content.special .product-description-wrapper .ac-container input:checked + label:hover {
      color: #7b09fe;
      text-decoration: underline; }
    .product-content.special .product-description-wrapper .ac-container input {
      display: none; }
    .product-content.special .product-description-wrapper .ac-container article {
      overflow: hidden;
      height: 0;
      position: relative;
      z-index: 10;
      color: rgba(255, 255, 255, 0.8); }
    .product-content.special .product-description-wrapper .ac-container input:checked ~ article {
      margin-bottom: 15px; }
    .product-content.special .product-description-wrapper .ac-container input:checked ~ article.ac-small {
      height: 150px; }
    .product-content.special .product-description-wrapper .ac-container input:checked ~ article.ac-small {
      height: 180px;
      overflow-y: scroll; }

/* ============================= */
/*   Floating Contact Icons FIX  */
/* ============================= */
.contact-float {
  position: fixed;
  right: 18px;
  bottom: 120px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 14px; }

/* Button tròn tuyệt đối */
.cf-btn {
  width: 56px !important;
  height: 56px !important;
  min-width: 56px !important;
  min-height: 56px !important;
  border-radius: 50% !important;
  overflow: hidden;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  transition: 0.25s; }

/* Icon nằm giữa */
.cf-btn img {
  width: 38px !important;
  height: 38px !important;
  object-fit: contain;
  display: block; }

/* Hover */
.cf-btn:hover {
  transform: scale(1.12); }

/* Màu chuẩn */
.cf-btn.call {
  background: #0084ff !important; }

.cf-btn.mess {
  background: #0084ff !important; }

.cf-btn.zalo {
  background: #0068ff !important; }

/* ===== Landing Đăng ký trải nghiệm ===== */
.trial-simple {
  padding: 60px 0; }

.trial-wrap {
  max-width: 1100px;
  margin: auto;
  display: flex;
  gap: 40px;
  align-items: center; }

.trial-box {
  width: 50%;
  background: #fff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08); }

.trial-box h2 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 10px; }

.trial-box input,
.trial-box textarea {
  width: 100%;
  padding: 14px;
  margin-top: 12px;
  border: 1px solid #ddd;
  border-radius: 10px; }

.trial-box textarea {
  min-height: 110px; }

.trial-box button {
  width: 100%;
  margin-top: 18px;
  padding: 14px;
  background: black;
  color: white;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  cursor: pointer; }

.trial-img {
  width: 50%; }

.trial-img img {
  width: 100%;
  border-radius: 14px;
  object-fit: cover; }

/* Chỉnh màu chữ nút Xem thêm trên trang chủ GC Wellness */
.hau-btn a.site-btn {
  color: #ffffff !important;
  /* Đổi chữ sang màu trắng */
  text-transform: uppercase;
  /* Giữ chữ in hoa cho mạnh mẽ */ }

/* Đảm bảo khi di chuột vào màu vẫn trắng hoặc mờ nhẹ */
.hau-btn a.site-btn:hover {
  color: #ffffff !important;
  opacity: 0.9;
  text-decoration: none; }

/* Loại trừ: Giữ màu trắng cho tiêu đề nằm trên nền đen (Kết quả hội viên) */
#home-testimonials .section-title h2,
#home-testimonials h2,
.bg-black h2,
.section-dark h2 {
  color: #ffffff !important;
  /* Ép lại thành màu trắng */ }

/* Các tiêu đề khác vẫn giữ màu tím */
.section-title h2,
#home-about-us h2,
#home-professionals h2 {
  color: #7b09fe !important; }

/* Đổi màu chữ trắng cho nút Xem tất cả trong phần Đội ngũ PT */
.hprof-viewall a.site-btn {
  color: #ffffff !important;
  /* Ép chữ thành màu trắng */ }

/* Đảm bảo khi di chuột vào màu vẫn trắng */
.hprof-viewall a.site-btn:hover {
  color: #ffffff !important;
  opacity: 0.9;
  text-decoration: none; }

/* Đổi màu trắng cho phần thông điệp liên hệ cuối trang */
.hcontact-light-text,
.hcontact-bold-text {
  color: #ffffff !important;
  /* Ép chữ thành màu trắng */
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  /* Thêm bóng mờ nhẹ để chữ sắc nét hơn trên nền tím */ }

/* Đảm bảo nút "GỬI LIÊN HỆ" bên dưới cũng có màu trắng (nếu cần) */
.hcontact-open-modal a,
.hcontact-open-modal button {
  color: #ffffff !important;
  border-color: #ffffff !important; }

/* 1. Làm nổi bật mục Đăng ký trải nghiệm trên Menu chính */
.nav-main li a[href*="/pages/dang-ky-tap-thu"] {
  background-color: #7b09fe !important;
  /* Nền tím */
  color: #ffffff !important;
  /* Chữ trắng */
  padding: 10px 20px !important;
  /* Tạo độ dày cho nút */
  border-radius: 4px !important;
  /* Bo góc nhẹ cho hiện đại */
  font-weight: bold !important;
  margin-left: 10px !important;
  /* Khoảng cách với mục bên cạnh */
  transition: all 0.3s ease; }

.nav-main li a[href*="/pages/dang-ky-tap-thu"]:hover {
  background-color: #ffffff !important;
  /* Đổi nền trắng khi rê chuột */
  color: #7b09fe !important;
  /* Chữ tím khi rê chuột */
  box-shadow: 0px 4px 10px rgba(123, 9, 254, 0.3); }

/* 2. Đổi màu nút "GỬI ĐĂNG KÝ NGAY" từ đỏ sang tím */
.contact-form .btn-send-contact {
  background-color: #7b09fe !important;
  /* Đổi màu đỏ thành tím */
  border-color: #7b09fe !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-radius: 4px !important;
  padding: 15px !important;
  /* Làm nút to, rõ ràng hơn */
  transition: 0.3s; }

.contact-form .btn-send-contact:hover {
  background-color: #000000 !important;
  /* Đổi sang nền đen khi hover */
  border-color: #000000 !important; }

/* --- HIỂN THỊ NÚT ĐĂNG KÝ TRÊN PC --- */
.nav-main li a[href*="/pages/dang-ky-tap-thu"] {
  background-color: #7b09fe !important;
  color: #ffffff !important;
  padding: 10px 20px !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  margin-left: 15px !important;
  display: inline-block !important;
  /* Buộc hiển thị */
  text-align: center; }

/* --- HIỂN THỊ NÚT ĐĂNG KÝ TRÊN MOBILE --- */
/* 1. Ẩn giỏ hàng dư thừa trên mobile */
.header-mobile .cart-link,
.header-mobile #cart-target,
.header-mobile .icon-cart {
  display: none !important; }

/* 2. Chèn nút Đăng ký vào cạnh menu mobile hoặc thay thế vị trí trống */
.header-mobile .mobile-menu-wrapper::before {
  content: "TẬP THỬ MIỄN PHÍ";
  background: #7b09fe;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 10px; }

/* 3. Ép mục trong menu mobile luôn nổi bật */
.mobile-nav li a[href*="/pages/dang-ky-tap-thu"] {
  background: #7b09fe !important;
  color: #fff !important;
  margin: 10px !important;
  padding: 12px !important;
  text-align: center !important;
  border-radius: 5px !important;
  display: block !important; }

/* 4. Đổi màu nút Đăng ký trong form từ đỏ sang tím (như ảnh bạn muốn) */
.contact-form .btn-send-contact {
  background-color: #7b09fe !important;
  border-color: #7b09fe !important;
  color: #ffffff !important; }

/* --- PHONG CÁCH NÚT ĐĂNG KÝ TẬP THỬ GIỐNG CALIFORNIA --- */
.btn-register-now {
  background-color: #7b09fe !important;
  color: #ffffff !important;
  padding: 8px 15px !important;
  border-radius: 4px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: all 0.3s ease;
  white-space: nowrap; }

.btn-register-now:hover {
  background-color: #000000 !important;
  color: #ffffff !important; }

/* Ẩn giỏ hàng và thông tin thừa trên mobile */
.desktop-cart-wrapper1, .hd-cart, .hd-cart-count {
  display: none !important; }

/* Căn chỉnh lại logo và menu mobile cho thẳng hàng */
.header-mobile .inner .grid {
  display: flex !important;
  align-items: center !important; }

/* Xóa thanh tìm kiếm (Search bar) trên giao diện Mobile */
@media (max-width: 767px) {
  .header-mobile + div .header-search,
  .header-mobile ~ .search-form-wrapper,
  div[class*="search"] {
    /* Đoạn này nhắm vào các thanh search nằm dưới header mobile */ }
  /* Selector chính xác dựa trên cấu trúc theme của bạn */
  .header-mobile ~ div div:has(input[name="q"]),
  .header-mobile + .wrapper div:has(.TÌM),
  #header + div .grid__item:has(form[action="/search"]) {
    display: none !important; }
  /* Cách triệt để nhất cho theme Suplo/Haravan */
  header + .wrapper .inner .grid:first-child {
    /* Nếu thanh search nằm trong khối grid đầu tiên sau header */
    display: none !important; } }

/* Ẩn khối tìm kiếm ngay dưới Header mobile */
@media (max-width: 767px) {
  header#header + div {
    display: none !important; } }

/* Đổi màu tiêu đề Footer từ tím sang trắng cho GC Wellness */
.footer-content h3.ft-title,
.footer-content .ft-title,
h3.ft-title {
  color: #ffffff !important;
  /* Đổi sang màu trắng */
  text-transform: uppercase;
  /* Giữ in hoa cho mạnh mẽ */
  font-weight: bold; }

/* Đổi màu các icon thông tin liên hệ sang trắng (nếu cần) */
.footer-content .header-contact i,
.footer-content li i {
  color: #ffffff !important; }

/* Giữ màu trắng cho các đường link trong Footer khi di chuột */
.footer-content a:hover {
  color: #7b09fe !important;
  /* Khi hover thì hiện màu tím cho sinh động */ }

/* Đồng bộ màu tím cho nút Gửi trong Form Đăng ký */
#final_btn_submit,
button#final_btn_submit,
.contact-form button[type="submit"] {
  background-color: #7b09fe !important;
  /* Đổi từ đỏ sang tím */
  border: none !important;
  color: #ffffff !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important; }

/* Hiệu ứng khi di chuột vào nút */
#final_btn_submit:hover {
  background-color: #000000 !important;
  /* Đổi sang đen khi hover cho chuyên nghiệp */
  opacity: 0.9 !important; }

/* Đồng bộ nhẹ màu viền các ô nhập liệu khi khách nhấn vào (Tùy chọn) */
.trial-box input:focus {
  border-color: #7b09fe !important;
  outline: none !important; }

#home-testimonials {
  position: relative;
  background: url(//cdn.hstatic.net/themes/200001132584/1001450502/14/hcontact_bg.jpg?v=514) center/cover no-repeat; }

#home-testimonials::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(106, 0, 255, 0.75);
  /* tím trong suốt */ }

#home-testimonials .wrapper {
  position: relative;
  z-index: 2; }

#home-testimonials .htesti-title,
#home-testimonials .htesti-info,
#home-testimonials .htesti-service {
  color: #fff !important; }

/* tiêu đề section */
.section-title h2 {
  font-size: clamp(28px, 5vw, 56px) !important;
  line-height: 1.1 !important;
  letter-spacing: .5px; }

/* tiêu đề contact form */
.hcontact {
  font-size: clamp(26px, 4.5vw, 40px) !important;
  line-height: 1.15; }

/* hero banner lớn */
.hero-title {
  font-size: clamp(34px, 7vw, 72px) !important;
  line-height: 1.05; }

/* mobile tối ưu thêm */
@media (max-width: 480px) {
  .section-title h2 {
    font-size: 30px !important; }
  .hcontact {
    font-size: 26px !important; }
  .hero-title {
    font-size: 36px !important; } }

#home-testimonials .section-title {
  padding-top: 12px; }

#home-testimonials .section-title h2 {
  line-height: 1.18 !important;
  margin-top: 0; }

/* Loại bỏ ký tự thừa và làm đậm chữ cho danh sách ưu đãi */
.popup-callback-content ul li,
.popup-content-promo li {
  display: flex !important;
  align-items: center;
  list-style: none !important;
  font-weight: 500;
  /* Tăng độ đậm của chữ */
  margin-bottom: 8px;
  color: #333;
  /* Màu chữ rõ nét hơn */ }

/* Ẩn ký tự lạ/ô vuông thừa trước icon */
.popup-callback-content ul li::before,
.popup-content-promo li::before {
  content: none !important;
  display: none !important; }

/* Đảm bảo icon tích xanh hiển thị chuẩn */
.popup-callback-content ul li i,
.popup-content-promo li i {
  margin-right: 10px;
  color: #28a745;
  /* Màu xanh lá của icon */
  font-weight: bold; }
