@charset "UTF-8"; /* ------------ declaring color variables ------------ */ /*#e6e6e6*/ /*#000*/ /*#000*/ /*#000*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#000*/ /*#000*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#000*/ /*#002e5b*/ /*#11b5e6*/ /*#fff*/ /*#002e5b*/ /*#11b5e6*/ /*#fff*/ /*#000*/ /*#000*/ /*#fff*/ /* ------------ declaring inheritance ------------ */ #header .header-desktop .header-top .header-top-contact span, #header .header-desktop .header-top .header-top-contact a, #header .header-desktop .header-top .hdt-right > span, #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 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 .quickview-cart h3, #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, .product-item .product-img .tag-soldout, #home-articles-video #home-articles .ha-item .article-info > div, #home-testimonials .htesti-item .htesti-role, #footer .footer-copyrights .ft-copyrights-link ul > li > a, #related-product-articles .home-section-body .rparticle-item .rparticle-info > div, #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 { 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, #header .header-desktop .header-top .header-top-cart > span, #header .header-desktop .header-top .header-top-account > span, #header .header-desktop .header-top .header-top-link > span, #header .header-desktop .header-top .header-top-cart > a, #header .header-desktop .header-top .header-top-account > a, #header .header-desktop .header-top .header-top-link > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, #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, .list-categories ul li a, .popup .popup-content form input, #modalAddComplete .modal-tbl-cart table td.product-title > a { font-size: 14px; } .product-item .product-price-detail .product-price > div > span.original-price, #home-articles-video #home-articles .ha-item .article-title a, #home-testimonials .htesti-item .htesti-title, #footer .footer-content h3.ft-title, #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, #product-wrapper .product-description-wrapper div.tab button, .popup .popup-content .form-desc, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { font-size: 16px; } .pagination-custom > span.current, .pagination-custom > span > a, .search-h1, #NavDrawer ul.mobile-nav > li.mobile-nav__search form button, #main-slider .ms-item .slide-content .slide-light-text, #main-slider .ms-item .slide-content .slide-btn > a, #home-suggest .ms-item .slide-content .slide-light-text, #owl-blog-suggest .ms-item .slide-content .slide-light-text, #home-brands .ms-item .slide-content .slide-light-text, #related-products .ms-item .slide-content .slide-light-text, #seen-products .ms-item .slide-content .slide-light-text, #home-location .ms-item .slide-content .slide-light-text, #home-promotions .ms-item .slide-content .slide-light-text, #home-promotions2 .ms-item .slide-content .slide-light-text, #home-promotions3 .ms-item .slide-content .slide-light-text, #home-promotions3-add .ms-item .slide-content .slide-light-text, #home-promotions3-add1 .ms-item .slide-content .slide-light-text, .home-choose .ms-item .slide-content .slide-light-text, .des-menu .ms-item .slide-content .slide-light-text, #home-service .ms-item .slide-content .slide-light-text, #home-suggest .ms-item .slide-content .slide-btn > a, #owl-blog-suggest .ms-item .slide-content .slide-btn > a, #home-brands .ms-item .slide-content .slide-btn > a, #related-products .ms-item .slide-content .slide-btn > a, #seen-products .ms-item .slide-content .slide-btn > a, #home-location .ms-item .slide-content .slide-btn > a, #home-promotions .ms-item .slide-content .slide-btn > a, #home-promotions2 .ms-item .slide-content .slide-btn > a, #home-promotions3 .ms-item .slide-content .slide-btn > a, #home-promotions3-add .ms-item .slide-content .slide-btn > a, #home-promotions3-add1 .ms-item .slide-content .slide-btn > a, .home-choose .ms-item .slide-content .slide-btn > a, .des-menu .ms-item .slide-content .slide-btn > a, #home-service .ms-item .slide-content .slide-btn > a, #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-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, .mobile-nav .ft-contact-address .ft-contact-icon, .mobile-nav .ft-contact-tel .ft-contact-icon, .mobile-nav .ft-contact-email .ft-contact-icon, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #product-wrapper #ProductThumbs .owl-nav > div, .popup .popup-content .popup-title, .popup .popup-content form button, .popup .popup-content .popup-social-network { font-size: 18px; } .product-item .product-title a, .product-item .product-price-detail .product-price > div > span.current-price, #blog-wrapper .related-articles .related-articles-head h3 { font-size: 20px; } #NavDrawer .drawer__header .drawer__close, #NavDrawer .drawer__header .drawer__close button svg, #header .header-mobile .hd-btnMenu > a, #main-slider #owl-home-main-slider .owl-nav > div, #home-suggest .owl-nav > div, #owl-blog-suggest .owl-nav > div, #home-brands .owl-nav > div, #related-products .owl-nav > div, #seen-products .owl-nav > div, #home-location .owl-nav > div, #home-promotions .owl-nav > div, #home-promotions2 .owl-nav > div, #home-promotions3 .owl-nav > div, #home-promotions3-add .owl-nav > div, #home-promotions3-add1 .owl-nav > div, .home-choose .owl-nav > div, .des-menu .owl-nav > div, #home-service .owl-nav > div, .section-title h2, #customize-search-bar .csb-wrapper h2, #footer .footer-content .ft-social > a, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, #page-wrapper h1, #product-wrapper .product-single .product-content .pro-content-head h1, #product-wrapper .product-single .product-content .pro-price .current-price, #ProductPhoto .owl-controls .owl-buttons > div, #related-products #owl-related-products-slider .owl-nav > div, #seen-products #owl-spdx .owl-nav > div, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .article-content .article-head h1, #search-wrapper h1 { font-size: 24px; } .pagination-custom > span.current, .pagination-custom > span > a, .swatch .header, .qty-addcart > span, .search-h1, #NavDrawer .drawer__header .drawer__close, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li > a, #header .header-desktop .header-top .header-top-contact a, #header .header-desktop .header-top .header-top-cart > a, #header .header-desktop .header-top .header-top-account > a, #header .header-desktop .header-top .header-top-link > 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 .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.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, #main-slider .ms-item .slide-content .slide-bold-text, #main-slider .ms-item .slide-content .slide-btn > a, #home-suggest .ms-item .slide-content .slide-bold-text, #owl-blog-suggest .ms-item .slide-content .slide-bold-text, #home-brands .ms-item .slide-content .slide-bold-text, #related-products .ms-item .slide-content .slide-bold-text, #seen-products .ms-item .slide-content .slide-bold-text, #home-location .ms-item .slide-content .slide-bold-text, #home-promotions .ms-item .slide-content .slide-bold-text, #home-promotions2 .ms-item .slide-content .slide-bold-text, #home-promotions3 .ms-item .slide-content .slide-bold-text, #home-promotions3-add .ms-item .slide-content .slide-bold-text, #home-promotions3-add1 .ms-item .slide-content .slide-bold-text, .home-choose .ms-item .slide-content .slide-bold-text, .des-menu .ms-item .slide-content .slide-bold-text, #home-service .ms-item .slide-content .slide-bold-text, #home-suggest .ms-item .slide-content .slide-btn > a, #owl-blog-suggest .ms-item .slide-content .slide-btn > a, #home-brands .ms-item .slide-content .slide-btn > a, #related-products .ms-item .slide-content .slide-btn > a, #seen-products .ms-item .slide-content .slide-btn > a, #home-location .ms-item .slide-content .slide-btn > a, #home-promotions .ms-item .slide-content .slide-btn > a, #home-promotions2 .ms-item .slide-content .slide-btn > a, #home-promotions3 .ms-item .slide-content .slide-btn > a, #home-promotions3-add .ms-item .slide-content .slide-btn > a, #home-promotions3-add1 .ms-item .slide-content .slide-btn > a, .home-choose .ms-item .slide-content .slide-btn > a, .des-menu .ms-item .slide-content .slide-btn > a, #home-service .ms-item .slide-content .slide-btn > a, .section-title h2, .site-btn, .product-item .product-img .tag-saleoff, .product-item .product-img .tag-soldout, .product-item .product-title a, .product-item .product-price-detail .product-price > div > span.current-price, #home-articles-video #home-articles .ha-item .article-title a, #footer .footer-content h3.ft-title, #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, #page-wrapper .page-contact-wrapper h4, #page-wrapper .cart-product-price, #page-wrapper .cart-product-title > .h4, #page-wrapper .h3.cart__subtotal, #shopmap-page .your-address, #shopmap-page .list-shop h2, #product-wrapper .product-single .product-content .pro-price .current-price, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a, #product-wrapper .product-description-wrapper div.tab button, #related-product-articles .home-section-body .rparticle-item .rparticle-title a, .list-categories ul li a, #blog-wrapper .related-articles .related-articles-body ul > li > a, .article-item .article-info-wrapper .article-title > a, .popup .popup-content .popup-title, .popup .popup-content form button, #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-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { font-weight: bold; } .search-h1, #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, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3, #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-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 .quickview-cartactions a, #header .header-mobile .hd-btnMenu > a, #main-slider .ms-item .slide-content .slide-bold-text, #main-slider .ms-item .slide-content .slide-btn > a, #home-suggest .ms-item .slide-content .slide-bold-text, #owl-blog-suggest .ms-item .slide-content .slide-bold-text, #home-brands .ms-item .slide-content .slide-bold-text, #related-products .ms-item .slide-content .slide-bold-text, #seen-products .ms-item .slide-content .slide-bold-text, #home-location .ms-item .slide-content .slide-bold-text, #home-promotions .ms-item .slide-content .slide-bold-text, #home-promotions2 .ms-item .slide-content .slide-bold-text, #home-promotions3 .ms-item .slide-content .slide-bold-text, #home-promotions3-add .ms-item .slide-content .slide-bold-text, #home-promotions3-add1 .ms-item .slide-content .slide-bold-text, .home-choose .ms-item .slide-content .slide-bold-text, .des-menu .ms-item .slide-content .slide-bold-text, #home-service .ms-item .slide-content .slide-bold-text, #home-suggest .ms-item .slide-content .slide-btn > a, #owl-blog-suggest .ms-item .slide-content .slide-btn > a, #home-brands .ms-item .slide-content .slide-btn > a, #related-products .ms-item .slide-content .slide-btn > a, #seen-products .ms-item .slide-content .slide-btn > a, #home-location .ms-item .slide-content .slide-btn > a, #home-promotions .ms-item .slide-content .slide-btn > a, #home-promotions2 .ms-item .slide-content .slide-btn > a, #home-promotions3 .ms-item .slide-content .slide-btn > a, #home-promotions3-add .ms-item .slide-content .slide-btn > a, #home-promotions3-add1 .ms-item .slide-content .slide-btn > a, .home-choose .ms-item .slide-content .slide-btn > a, .des-menu .ms-item .slide-content .slide-btn > a, #home-service .ms-item .slide-content .slide-btn > a, .site-btn, #customize-search-bar .csb-wrapper h2, .product-item .product-img .tag-saleoff, .product-item .product-img .tag-soldout, #footer .footer-content h3.ft-title, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, #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-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, #page-wrapper h1, #page-wrapper .page-contact-wrapper h4, #shopmap-page .your-address, #shopmap-page .list-shop h2, #product-wrapper .product-description-wrapper div.tab button, .list-categories ul li a, #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, .article-item .article-info-wrapper .article-title > a, .popup .popup-content form button, #search-wrapper h1, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { 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, #header .header-desktop .header-top .header-top-contact a, #header .header-desktop .header-top .header-top-cart > a, #header .header-desktop .header-top .header-top-account > a, #header .header-desktop .header-top .header-top-link > a, #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove, #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-desktop .header-center .header-navbar > ul > li.megamenu > ul .megamenu-banner a img, #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 ul .cart-item > .cart__remove, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #main-slider #owl-home-main-slider .owl-nav > div, #main-slider .ms-item .slide-content .slide-btn > a, #home-suggest .owl-nav > div, #owl-blog-suggest .owl-nav > div, #home-brands .owl-nav > div, #related-products .owl-nav > div, #seen-products .owl-nav > div, #home-location .owl-nav > div, #home-promotions .owl-nav > div, #home-promotions2 .owl-nav > div, #home-promotions3 .owl-nav > div, #home-promotions3-add .owl-nav > div, #home-promotions3-add1 .owl-nav > div, .home-choose .owl-nav > div, .des-menu .owl-nav > div, #home-service .owl-nav > div, #home-suggest .ms-item .slide-content .slide-btn > a, #owl-blog-suggest .ms-item .slide-content .slide-btn > a, #home-brands .ms-item .slide-content .slide-btn > a, #related-products .ms-item .slide-content .slide-btn > a, #seen-products .ms-item .slide-content .slide-btn > a, #home-location .ms-item .slide-content .slide-btn > a, #home-promotions .ms-item .slide-content .slide-btn > a, #home-promotions2 .ms-item .slide-content .slide-btn > a, #home-promotions3 .ms-item .slide-content .slide-btn > a, #home-promotions3-add .ms-item .slide-content .slide-btn > a, #home-promotions3-add1 .ms-item .slide-content .slide-btn > a, .home-choose .ms-item .slide-content .slide-btn > a, .des-menu .ms-item .slide-content .slide-btn > a, #home-service .ms-item .slide-content .slide-btn > a, .site-btn, .product-item .product-title a, #home-banners .hbanner-item img, #home-articles-video #home-articles .ha-item .article-img a img, #home-articles-video #home-articles .ha-item .article-title a, #home-brands #owl-brands-slider .item > 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-subscribe .ft-sub-wrapper form button, #footer .footer-content .ft-nav ul li > a, #footer .footer-copyrights .ft-copyrights-link ul > li > a, #footer .footer-copyrights .ft-copyrights-content a, #breadcrumb-wrapper .breadcrumb-small 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-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-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-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, #back-to-top span img.hover, #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 #ProductThumbs .owl-nav > div, #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 .pro-content-head .pro-schedule a, #product-wrapper .product-single .product-content .pro-content-head .pro-transports a, #product-wrapper .product-single .product-content .pro-content-head .pro-starttime a, #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a, #product-wrapper .product-description-wrapper div.tab button, #ProductPhoto .owl-controls .owl-buttons > div, .product-thumb-control .btn, #related-product-articles .home-section-body .rparticle-item .rparticle-title a, #related-products #owl-related-products-slider .owl-nav > div, #seen-products #owl-spdx .owl-nav > div, .list-categories ul li a, #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-img > a img, .article-item .article-info-wrapper .article-title > a, .popup .popup-content form button, .popup .popup-content .popup-social-network, #modalAddComplete .modal-tbl-cart table td.product-remove > a, #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-actions .cart__remove, #modalAddComplete .modal-checkout-actions .text-left a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } #back-to-top { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } /* ------------ normalize elements / classes ------------ */ input, button, textarea, select { outline: 0px; } .mobile-nav a:focus { background: transparent; } body { margin: 0; } body { position: relative; line-height: 1.6em; overflow-x: hidden; } 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) { .pl0 { padding-left: 0px; } .pl10 { padding-left: 10px; } 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; } .product .fb_iframe_widget iframe { max-width: 1000px; z-index: 9; width: auto !important; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } #btn-booking a:hover, #btn-booking a:focus { color: #fff !important; } #btn-booking:disabled { background: #c6c6c6; color: #fff; border: 0px; } .sidebar-sort .no-bullets li input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 18px; height: 18px; background: none; border: 1px solid #c3c3c3; display: inline-block; overflow: hidden; vertical-align: middle; } @media (max-width: 480px) { .sidebar-sort .no-bullets li input[type="checkbox"] { width: 22px; height: 22px; } } .sidebar-sort .no-bullets li input[type="checkbox"]:focus { outline: none; } .sidebar-sort .no-bullets li input[type="checkbox"]:checked { width: 18px; height: 18px; } @media (max-width: 480px) { .sidebar-sort .no-bullets li input[type="checkbox"]:checked { width: 22px; height: 22px; background: #fff; } } .sidebar-sort .no-bullets li input[type="checkbox"]:checked:after { content: '\2714'; font-size: 14px; line-height: 20px; text-align: center; display: block; outline: none; color: #ffffff; outline: 1px solid #fff; } @media (max-width: 480px) { .sidebar-sort .no-bullets li input[type="checkbox"]:checked:after { color: #000; } } .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: #ffffff; outline: 1px solid #fff; } .sidebar-sort li label { cursor: pointer; } .pagination-custom > span { display: inline-block; height: 40px; width: 40px; line-height: 40px; margin: 0px 5px; border-radius: 5px; } .pagination-custom > span.current { padding: 0px !important; color: #ffffff; background: #AE07FE; border: 1px solid #AE07FE; } .pagination-custom > span > a { border-radius: 5px; padding: 0px; display: inline-block; text-align: center; height: 40px; line-height: 40px; width: 40px; padding: 0px; color: #fff; border: 1px solid #262626; background: #262626; } .pagination-custom > span > a:hover { background: #2d2d2d; border: 1px solid #2d2d2d; } #pagination-page { clear: left; margin: 0px; } .pagination { clear: left; margin: 0px; } .float-right { float: right; } .swatch .header { 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 { outline: 0px; } .qty-addcart > span { margin: 0; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } .swatch-element label span { color: #ffffff !important; } /* ------------ breakpoints ------------ */ @media (max-width: 480px) { .template-product { padding-bottom: 67px; } } @media (max-width: 768px) { .pad_20_mb { padding: 20px; } .pad_0_mb { padding: 0px; } #page-wrapper .cart .cart-item { margin-bottom: 15px; border-bottom: 1px solid #262626; } #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: #262626; } #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; } } #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 { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px 0px; z-index: 99999999999; background: #262626; 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(255, 255, 255, 0.3); } #NavDrawer .drawer__header .drawer__close { text-align: left; padding: 0px; color: #fff; } #NavDrawer .drawer__header .drawer__close button { float: right; right: 0; color: #000; background: transparent; outline: 0px; border: 0px; border-radius: 0px; padding: 0px; } #NavDrawer .drawer__header .drawer__close button svg path { fill: #fff; } #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; } #NavDrawer ul.mobile-nav > li.mobile-nav__search form input { height: 42px; line-height: 39px; padding: 0px 15px; border-radius: 0px; border: 1px solid #d1d1d1; border-radius: 5px; outline: 0px; width: 100%; background: #fff; } #NavDrawer ul.mobile-nav > li.mobile-nav__search form button { height: 42px; width: 34px; line-height: 42px; padding: 0px; border-radius: 0px; border: 0px; outline: 0px; color: #262626; } #NavDrawer ul.mobile-nav > li.mobile-nav__item { padding: 0px; display: block; padding: 10px 15px; background: rgba(38, 38, 38, 0); } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a { width: auto !important; display: inline-block; position: relative; padding: 0px; color: #000; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:after { content: ''; display: block; border-bottom: 1px solid #ffffff; 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: #ffffff; } #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: #ffffff; background: transparent; outline: 0px; border-radius: 0px; border: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover { color: #ffffff; } #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: #ffffff; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:after { content: ''; display: block; 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: #ffffff; } #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: #ffffff; background: transparent; outline: 0px; border-radius: 0px; border: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover { color: #ffffff; } #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: #ffffff; } #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; 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: #ffffff; } #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 { border-left: 3px solid #ffffff; } #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: 10px; width: 100%; color: #000; } #NavDrawer ul.mobile-nav > li > a:after { content: ''; display: block; border-bottom: 1px solid #ffffff; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #NavDrawer ul.mobile-nav > li > a:hover { color: #ffffff; opacity: 1 !important; } #NavDrawer ul.mobile-nav > li:after { display: none; } #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: #262626; } #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: #262626; } #header.scrolldown { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 9999; } #header .header-desktop .header-logo-wrap { width: 30%; padding: 10px 0px; display: block; float: left; } #header .header-desktop .header-logo-wrap h1 { margin-bottom: 0px; } #header .header-desktop #main-search-form-input, #header .header-desktop .icon-fallback-text { height: 45px; } #header .header-desktop .header-top { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px 0px; border-bottom: 1px solid gray; background: #262626; } #header .header-desktop .header-top .header-top-contact span { display: inline-block; margin: 0px 10px; color: #ffffff; } #header .header-desktop .header-top .header-top-contact a { display: inline-block; color: #ffffff; } #header .header-desktop .header-top .header-top-contact a:hover { color: #11b5e6; } #header .header-desktop .header-top .hdt-right > span { display: inline-block; margin: 0px 10px; color: #ffffff; } #header .header-desktop .header-top .header-top-cart, #header .header-desktop .header-top .header-top-account, #header .header-desktop .header-top .header-top-link { display: inline-block; } #header .header-desktop .header-top .header-top-cart .order-icon, #header .header-desktop .header-top .header-top-account .order-icon, #header .header-desktop .header-top .header-top-link .order-icon { padding-right: 60px; } @media (min-width: 992px) and (max-width: 1500px) { #header .header-desktop .header-top .header-top-cart .order-icon, #header .header-desktop .header-top .header-top-account .order-icon, #header .header-desktop .header-top .header-top-link .order-icon { padding-right: 30px; } } #header .header-desktop .header-top .header-top-cart .order-icon img, #header .header-desktop .header-top .header-top-account .order-icon img, #header .header-desktop .header-top .header-top-link .order-icon img { height: 38px; width: 38px; } #header .header-desktop .header-top .header-top-cart > span, #header .header-desktop .header-top .header-top-account > span, #header .header-desktop .header-top .header-top-link > span { display: inline-block; margin: 0px 10px; color: #ffffff; } #header .header-desktop .header-top .header-top-cart > a, #header .header-desktop .header-top .header-top-account > a, #header .header-desktop .header-top .header-top-link > a { display: inline-block; color: #ffffff; } #header .header-desktop .header-top .header-top-cart > a:hover, #header .header-desktop .header-top .header-top-account > a:hover, #header .header-desktop .header-top .header-top-link > a:hover { color: #11b5e6; } #header .header-desktop .header-top .desktop-cart-wrapper { position: relative; display: flex; align-items: center; /* float: left; */ justify-content: flex-end; flex-wrap: wrap; width: 100%; } #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; text-align: left; position: absolute; z-index: 9999; top: 100%; right: 0px; width: 280px; padding: 5px; border-radius: 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 { border-radius: 5px; padding: 5px; width: 100%; display: block; background: #262626; color: #fff; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart h3 span { position: absolute; color: #fff; top: -10px; right: -10px; cursor: pointer; width: 30px; height: 30px; line-height: 30px; background: #2d2d2d; 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 #262626; 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: #262626; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove:hover { color: #2d2d2d; } #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: #262626; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover { color: #2d2d2d; } #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: #ffffff; margin-bottom: 3px; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span b { color: #d30000; } #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: #f9f9f9; color: #ffffff; } #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%; border-radius: 5px; text-align: center; padding: 5px 10px; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child { float: left; color: #fff; background: #262626; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child { float: right; width: 100%; color: #fff; color: #fff; background: #262626; } #header .header-desktop .header-top .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:hover { background: #2d2d2d; } #header .header-desktop .header-center { padding: 10px 0px; background: #262626; } #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-top: 25px; } #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.active > a .hd-link-title { color: #ffffff; } #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; margin: 0px; position: absolute; left: -15px; top: 100%; z-index: 999; width: 240px; background: #262626; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li { margin: 0px; display: block; position: relative; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li:last-child > a { border-bottom: 0px; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a { position: relative; display: block; padding: 10px 20px; border-bottom: 1px dashed #262626; color: #ffffff; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a svg { position: absolute; right: 10px; top: calc(50% - 7px); } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > a:hover { color: #e0bd65; } #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; margin: 0px; position: absolute; left: 100%; top: 0; z-index: 1; width: 240px; background: #262626; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li { margin: 0px; display: block; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li:last-child > a { border-bottom: 0px; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a { display: block; padding: 10px 20px; border-bottom: 1px dashed #262626; color: #ffffff; } #header .header-desktop .header-center .header-navbar > ul > li.dropdown > ul > li > ul > li > a:hover { color: #e0bd65; } #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; position: absolute; right: 0; top: 100%; width: 100%; background: #262626; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li { width: 25%; display: inline-block; padding: 20px; float: left; margin: 0px; } #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 #262626; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > a:hover { color: #e0bd65; } #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; color: #ffffff; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul > li > ul > li > a:hover { color: #e0bd65; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul .megamenu-banner { padding: 0px 20px 20px 20px; display: block; float: left; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul .megamenu-banner a { display: block; overflow: hidden; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul .megamenu-banner a img { width: 100%; } #header .header-desktop .header-center .header-navbar > ul > li.megamenu > ul .megamenu-banner a img:hover { transform: scale(1.05); } #header .header-desktop .header-center .header-navbar > ul > li > a { display: inline-block; } #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: #ffffff; } #header .header-mobile { box-shadow: rgba(0, 0, 0, 0.12) 0px 2px 6px 0px; background: #262626; border-bottom: 1px solid gray; padding: 5px 0px 5px 0px; } #header .header-mobile .flex-div { justify-content: space-evenly; padding: 0px 10px; } #header .header-mobile .search_mbd svg { fill: #ffffff; font-size: 24px; } #header .header-mobile .desktop-cart-wrapper1 { float: right; display: none; position: relative; margin-right: 30px; z-index: 99; margin-top: 8px; } #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: #262626; } #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; line-height: normal; position: absolute; right: -10px; top: -10px; width: 16px; height: 16px; border-radius: 50%; background: #2d2d2d; color: #fff; font-size: 12px; text-align: center; } #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; text-align: left; position: absolute; z-index: 9999; top: 100%; right: 0px; width: 280px; padding: 5px; border-radius: 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 { border-radius: 5px; padding: 5px; width: 100%; display: block; background: #262626; color: #fff; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span { position: absolute; color: #fff; top: -10px; right: -10px; cursor: pointer; width: 30px; height: 30px; line-height: 30px; background: #2d2d2d; 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 #262626; 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: #262626; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item > .cart__remove:hover { color: #2d2d2d; } #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: #262626; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a:hover { color: #2d2d2d; } #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: #ffffff; margin-bottom: 3px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span b { color: #d30000; } #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: #f9f9f9; color: #ffffff; } #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%; border-radius: 5px; text-align: center; padding: 5px 10px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:first-child { float: left; color: #fff; background: #262626; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:last-child { width: 100%; float: right; color: #fff; color: #fff; background: #262626; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:hover { background: #2d2d2d; } #header .header-mobile .hd-btnMenu { display: inline-block; float: left; margin-top: 8px; } #header .header-mobile .hd-btnMenu > a { padding: 0px; color: #ffffff; } #header .header-mobile .hd-btnMenu > a svg { fill: #ffffff; font-size: 24px; } @media (max-width: 480px) { #main-slider .ms-item .slide-content .slide-bold-text { font-size: 24px !important; } #main-slider .ms-item .slide-content .slide-btn > a { font-size: 14px !important; } } #main-slider { margin-bottom: 30px; } #main-slider #owl-home-main-slider .owl-nav { margin: 0; } #main-slider #owl-home-main-slider .owl-nav > div { position: absolute; top: calc(50% - 20px); height: 40px; width: 40px; line-height: 40px; color: #fff; background: #262626; z-index: 9; display: inline-block; padding: 0px; margin: 0px; border-radius: 3px; } #main-slider #owl-home-main-slider .owl-nav > div.owl-prev { left: 15px; } #main-slider #owl-home-main-slider .owl-nav > div.owl-next { right: 5px; } #main-slider #owl-home-main-slider .owl-nav > div:hover { background: #2d2d2d; } #main-slider .ms-item { position: relative; } #main-slider .ms-item img { width: 100%; } #main-slider .ms-item .slide-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 1; color: #fff; line-height: normal; } #main-slider .ms-item .slide-content .slide-bold-text { position: relative; font-size: 48px; margin-bottom: 50px; color: #ffffff; font-weight: 900; } #main-slider .ms-item .slide-content .slide-bold-text:after { content: ''; position: absolute; left: 0; right: 0; bottom: -20px; width: 100px; height: 5px; background: #ffffff; margin: auto; } #main-slider .ms-item .slide-content .slide-light-text { margin-bottom: 30px; color: #ffffff; } #main-slider .ms-item .slide-content .slide-btn > a { border-radius: 3px; display: inline-block; padding: 10px 20px; background: #2d2d2d; color: #fff; box-shadow: 3px 3px 0px 0px rgba(38, 38, 38, 0.87); } .home-choose { margin-bottom: 10px !important; } .home-choose.banner { padding-bottom: 20px; } #home-suggest, #owl-blog-suggest, #home-brands, #related-products, #seen-products, #home-location, #home-promotions, #home-promotions2, #home-promotions3, #home-promotions3-add, #home-promotions3-add1, .home-choose, .des-menu, #home-service { margin-bottom: 30px; } #home-suggest .owl-nav, #owl-blog-suggest .owl-nav, #home-brands .owl-nav, #related-products .owl-nav, #seen-products .owl-nav, #home-location .owl-nav, #home-promotions .owl-nav, #home-promotions2 .owl-nav, #home-promotions3 .owl-nav, #home-promotions3-add .owl-nav, #home-promotions3-add1 .owl-nav, .home-choose .owl-nav, .des-menu .owl-nav, #home-service .owl-nav { margin: 0; } #home-suggest .owl-nav > div, #owl-blog-suggest .owl-nav > div, #home-brands .owl-nav > div, #related-products .owl-nav > div, #seen-products .owl-nav > div, #home-location .owl-nav > div, #home-promotions .owl-nav > div, #home-promotions2 .owl-nav > div, #home-promotions3 .owl-nav > div, #home-promotions3-add .owl-nav > div, #home-promotions3-add1 .owl-nav > div, .home-choose .owl-nav > div, .des-menu .owl-nav > div, #home-service .owl-nav > div { box-shadow: 0 0 7px -4px #000; position: absolute; top: calc(50% - 20px); height: 40px; width: 40px; line-height: 40px; color: #000 !important; background: #fff !important; z-index: 9; border-radius: 50% !important; display: inline-block; padding: 0px; margin: 0px; } #home-suggest .owl-nav > div.owl-prev, #owl-blog-suggest .owl-nav > div.owl-prev, #home-brands .owl-nav > div.owl-prev, #related-products .owl-nav > div.owl-prev, #seen-products .owl-nav > div.owl-prev, #home-location .owl-nav > div.owl-prev, #home-promotions .owl-nav > div.owl-prev, #home-promotions2 .owl-nav > div.owl-prev, #home-promotions3 .owl-nav > div.owl-prev, #home-promotions3-add .owl-nav > div.owl-prev, #home-promotions3-add1 .owl-nav > div.owl-prev, .home-choose .owl-nav > div.owl-prev, .des-menu .owl-nav > div.owl-prev, #home-service .owl-nav > div.owl-prev { left: -20px; margin: 0px; padding: 0px; } #home-suggest .owl-nav > div.owl-next, #owl-blog-suggest .owl-nav > div.owl-next, #home-brands .owl-nav > div.owl-next, #related-products .owl-nav > div.owl-next, #seen-products .owl-nav > div.owl-next, #home-location .owl-nav > div.owl-next, #home-promotions .owl-nav > div.owl-next, #home-promotions2 .owl-nav > div.owl-next, #home-promotions3 .owl-nav > div.owl-next, #home-promotions3-add .owl-nav > div.owl-next, #home-promotions3-add1 .owl-nav > div.owl-next, .home-choose .owl-nav > div.owl-next, .des-menu .owl-nav > div.owl-next, #home-service .owl-nav > div.owl-next { right: -20px; margin: 0px; padding: 0px; } #home-suggest .owl-nav > div:hover, #owl-blog-suggest .owl-nav > div:hover, #home-brands .owl-nav > div:hover, #related-products .owl-nav > div:hover, #seen-products .owl-nav > div:hover, #home-location .owl-nav > div:hover, #home-promotions .owl-nav > div:hover, #home-promotions2 .owl-nav > div:hover, #home-promotions3 .owl-nav > div:hover, #home-promotions3-add .owl-nav > div:hover, #home-promotions3-add1 .owl-nav > div:hover, .home-choose .owl-nav > div:hover, .des-menu .owl-nav > div:hover, #home-service .owl-nav > div:hover { background: #2d2d2d; } #home-suggest .ms-item, #owl-blog-suggest .ms-item, #home-brands .ms-item, #related-products .ms-item, #seen-products .ms-item, #home-location .ms-item, #home-promotions .ms-item, #home-promotions2 .ms-item, #home-promotions3 .ms-item, #home-promotions3-add .ms-item, #home-promotions3-add1 .ms-item, .home-choose .ms-item, .des-menu .ms-item, #home-service .ms-item { position: relative; } #home-suggest .ms-item img, #owl-blog-suggest .ms-item img, #home-brands .ms-item img, #related-products .ms-item img, #seen-products .ms-item img, #home-location .ms-item img, #home-promotions .ms-item img, #home-promotions2 .ms-item img, #home-promotions3 .ms-item img, #home-promotions3-add .ms-item img, #home-promotions3-add1 .ms-item img, .home-choose .ms-item img, .des-menu .ms-item img, #home-service .ms-item img { width: 100%; } #home-suggest .ms-item .slide-content, #owl-blog-suggest .ms-item .slide-content, #home-brands .ms-item .slide-content, #related-products .ms-item .slide-content, #seen-products .ms-item .slide-content, #home-location .ms-item .slide-content, #home-promotions .ms-item .slide-content, #home-promotions2 .ms-item .slide-content, #home-promotions3 .ms-item .slide-content, #home-promotions3-add .ms-item .slide-content, #home-promotions3-add1 .ms-item .slide-content, .home-choose .ms-item .slide-content, .des-menu .ms-item .slide-content, #home-service .ms-item .slide-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; z-index: 1; color: #fff; line-height: normal; } #home-suggest .ms-item .slide-content .slide-bold-text, #owl-blog-suggest .ms-item .slide-content .slide-bold-text, #home-brands .ms-item .slide-content .slide-bold-text, #related-products .ms-item .slide-content .slide-bold-text, #seen-products .ms-item .slide-content .slide-bold-text, #home-location .ms-item .slide-content .slide-bold-text, #home-promotions .ms-item .slide-content .slide-bold-text, #home-promotions2 .ms-item .slide-content .slide-bold-text, #home-promotions3 .ms-item .slide-content .slide-bold-text, #home-promotions3-add .ms-item .slide-content .slide-bold-text, #home-promotions3-add1 .ms-item .slide-content .slide-bold-text, .home-choose .ms-item .slide-content .slide-bold-text, .des-menu .ms-item .slide-content .slide-bold-text, #home-service .ms-item .slide-content .slide-bold-text { position: relative; font-size: 48px; margin-bottom: 50px; color: #ffffff; font-weight: 900; } #home-suggest .ms-item .slide-content .slide-bold-text:after, #owl-blog-suggest .ms-item .slide-content .slide-bold-text:after, #home-brands .ms-item .slide-content .slide-bold-text:after, #related-products .ms-item .slide-content .slide-bold-text:after, #seen-products .ms-item .slide-content .slide-bold-text:after, #home-location .ms-item .slide-content .slide-bold-text:after, #home-promotions .ms-item .slide-content .slide-bold-text:after, #home-promotions2 .ms-item .slide-content .slide-bold-text:after, #home-promotions3 .ms-item .slide-content .slide-bold-text:after, #home-promotions3-add .ms-item .slide-content .slide-bold-text:after, #home-promotions3-add1 .ms-item .slide-content .slide-bold-text:after, .home-choose .ms-item .slide-content .slide-bold-text:after, .des-menu .ms-item .slide-content .slide-bold-text:after, #home-service .ms-item .slide-content .slide-bold-text:after { content: ''; position: absolute; left: 0; right: 0; bottom: -20px; width: 100px; height: 5px; background: #ffffff; margin: auto; } #home-suggest .ms-item .slide-content .slide-light-text, #owl-blog-suggest .ms-item .slide-content .slide-light-text, #home-brands .ms-item .slide-content .slide-light-text, #related-products .ms-item .slide-content .slide-light-text, #seen-products .ms-item .slide-content .slide-light-text, #home-location .ms-item .slide-content .slide-light-text, #home-promotions .ms-item .slide-content .slide-light-text, #home-promotions2 .ms-item .slide-content .slide-light-text, #home-promotions3 .ms-item .slide-content .slide-light-text, #home-promotions3-add .ms-item .slide-content .slide-light-text, #home-promotions3-add1 .ms-item .slide-content .slide-light-text, .home-choose .ms-item .slide-content .slide-light-text, .des-menu .ms-item .slide-content .slide-light-text, #home-service .ms-item .slide-content .slide-light-text { margin-bottom: 30px; color: #ffffff; } #home-suggest .ms-item .slide-content .slide-btn > a, #owl-blog-suggest .ms-item .slide-content .slide-btn > a, #home-brands .ms-item .slide-content .slide-btn > a, #related-products .ms-item .slide-content .slide-btn > a, #seen-products .ms-item .slide-content .slide-btn > a, #home-location .ms-item .slide-content .slide-btn > a, #home-promotions .ms-item .slide-content .slide-btn > a, #home-promotions2 .ms-item .slide-content .slide-btn > a, #home-promotions3 .ms-item .slide-content .slide-btn > a, #home-promotions3-add .ms-item .slide-content .slide-btn > a, #home-promotions3-add1 .ms-item .slide-content .slide-btn > a, .home-choose .ms-item .slide-content .slide-btn > a, .des-menu .ms-item .slide-content .slide-btn > a, #home-service .ms-item .slide-content .slide-btn > a { border-radius: 3px; display: inline-block; padding: 10px 20px; background: #2d2d2d; color: #fff; box-shadow: 3px 3px 0px 0px rgba(38, 38, 38, 0.87); } .section-title { margin-bottom: 5px; /*border-bottom: .0625rem solid #d8d9db;*/ padding-bottom: 16px; margin: 0 0 0px; } .section-title img { margin-right: 5px; float: left; } .section-title h2 { display: inline-block; font-weight: 600; color: #ffffff; margin: 0px; } @media (max-width: 767px) { .section-title h2 { font-size: 16px; width: 67%; text-align: left !important; } } .section-title p { color: #ffffff; font-weight: 500; margin-bottom: 0px !important; } .site-btn { border-radius: 20px; display: inline-block; padding: 0px 20px; height: 46px; line-height: 48px; font-size: 15px; background: #AE07FE; color: #ffffff !important; } @media (max-width: 480px) { #customize-search-bar .csb-wrapper button { margin: 0px 0px 15px 0px !important; } #customize-search-bar .csb-wrapper input { margin-bottom: 0px; } } #customize-search-bar { width: 100%; } @media (min-width: 768px) { #customize-search-bar { padding: 0px 20px; } } #customize-search-bar .csb-wrapper { padding: 15px; border-radius: 8px; } @media (min-width: 768px) { #customize-search-bar .csb-wrapper { padding: 15px 15px 0px 15px; } } #customize-search-bar .csb-wrapper .select-place-name { border-radius: 20px; position: relative; } #customize-search-bar .csb-wrapper h2 { font-weight: bold; margin: 0px 0px 15px 0px; color: #262626; } #customize-search-bar .csb-wrapper .csb-label-title { margin: 0px 0px 5px 0px; color: #262626; } #customize-search-bar .csb-wrapper input, #customize-search-bar .csb-wrapper select { border-radius: 20px; display: block; width: 100%; height: 46px; line-height: normal; padding: 7px 15px; margin-bottom: 15px; background-color: #fff; color: #262626; } #customize-search-bar .csb-wrapper button { display: block; width: 100%; } .product-item { transition: all .3s; background: #262626; overflow: hidden; } .product-item .product-img { position: relative; margin-bottom: 10px; } .product-item .product-img .product-item-info { bottom: 0px; padding: 15px 0px 5px 0px; opacity: 1; left: 0; width: 100%; z-index: 10; min-height: 83px; color: #fff; text-align: center; } @media (max-width: 480px) { .product-item .product-img .product-item-info { padding: 5px 0px 2px 0px; min-height: 78px; } } .product-item .product-img a { text-align: left; display: block; overflow: hidden; } .product-item .product-img .tag-location { /*position: absolute; left: 0; right: 0; bottom: 0; */ padding: 0px; text-align: left; color: #fff; } .product-item .product-img .tag-location a { display: inline-block; color: #fff; } .product-item .product-img .tag-saleoff { position: absolute; top: 10px; right: 10px; background: #d30000; color: #fff; width: 44px; height: 44px; line-height: 44px; border-radius: 50%; } .product-item .product-img .tag-soldout { position: absolute; top: 20px; left: -30px; background: #d30000; color: #fff; padding: 2px; width: 120px; transform: rotate(-45deg); } .product-item .product-title { text-align: left; padding: 0px; line-height: 17px; margin-bottom: 10px; } @media (max-width: 480px) { .product-item .product-title { margin-bottom: 5px; } } .product-item .product-title a { word-break: inherit; height: 24px; line-height: 27px; max-width: 100%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; color: #fff; font-size: 17px; } @media (max-width: 480px) { .product-item .product-title a { font-size: 13px; line-height: 22px; } } .product-item .product-title a:hover { color: #fff; } .product-item .product-schedule-transports { display: none; height: 24px; text-align: center; padding: 0px 10px; margin-bottom: 17px; } .product-item .product-schedule-transports > div { font-weight: 700; display: inline-block; } .product-item .product-schedule-transports > div svg { margin-right: 5px; } .product-item .product-schedule-transports > span { display: inline-block; margin: 0px 5px; } .product-item .product-starttime { padding: 0px; margin-bottom: 10px; } .product-item .product-price-detail { padding: 0px; } .product-item .product-price-detail .product-price { display: inline-block; float: left; } .product-item .product-price-detail .product-price > div > span { display: inline-block; } .product-item .product-price-detail .product-price > div > span.current-price { color: #d30000; } .product-item .product-price-detail .product-price > div > span.original-price { margin-left: 3px; color: white; } .product-item .product-price-detail .product-detail { display: inline-block; float: right; } #home-featured-products { margin-bottom: 30px; } #home-featured-products .product-item { margin-bottom: 30px; } #home-banners { background: #262626; padding: 30px 0px; margin-bottom: 30px; } #home-banners .section-title h2 { color: #ffffff; } #home-banners .hbanner-item { margin-bottom: 30px; border-radius: 8px; display: block; overflow: hidden; position: relative; } #home-banners .hbanner-item span { display: block; position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 10px; background: rgba(0, 0, 0, 0.6); color: #fff; } #home-banners .hbanner-item img { width: 100%; } #home-banners .hbanner-item img:hover { transform: scale(1.05); } .banner-add { padding-top: 10px; margin-bottom: 30px; } #home-articles-video { margin-bottom: 30px; margin-top: 15px; } #home-articles-video .wrapper { margin-bottom: 20px; } #home-articles-video .section-title { display: flex; align-items: center; flex-wrap: wrap; } #home-articles-video .section-title h2 { width: 200px; } @media (max-width: 767px) { #home-articles-video .section-title h2 { width: 100%; } } #home-articles-video .section-title .list-blog-header { margin-top: 20px; width: 100%; display: flex; align-items: center; } #home-articles-video .section-title .list-blog-header .view-more { width: 100px; text-align: center; } @media (max-width: 767px) { #home-articles-video .section-title .list-blog-header .view-more { margin-top: 10px; width: 100%; display: flex; align-items: center; justify-content: center; } #home-articles-video .section-title .list-blog-header .view-more p { display: none !important; } } #home-articles-video .section-title .list-blog-header .view-more p { width: 50px; height: 50px; background: #f4f4f4; border-radius: 50%; position: relative; margin: 2px 20px 3px; border: 3px solid #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } #home-articles-video .section-title .list-blog-header .header-top-link { justify-content: flex-start; margin-bottom: 0px; border-bottom: 0px; } @media (min-width: 768px) { #home-articles-video .section-title .list-blog-header .header-top-link.edit-height { width: 100%; overflow: hidden; } } @media (max-width: 767px) { #home-articles-video .section-title .list-blog-header .header-top-link { margin-top: 20px; justify-content: space-between; } } #home-articles-video .section-title .list-blog-header .header-top-link li { padding: 5px 5px; text-align: center; width: calc(100%/8); display: flex; align-items: center; justify-content: left; } #home-articles-video .section-title .list-blog-header .header-top-link li.first-title { text-align: left; display: inline-block; font-weight: 600; font-size: 24px; color: #2d2d2d; margin: 0px; } #home-articles-video .section-title .list-blog-header .header-top-link li a { text-align: left; } #home-articles-video .section-title .list-blog-header .header-top-link li.view-less-list { justify-content: left; } #home-articles-video .section-title .list-blog-header .header-top-link li.view-more-list { justify-content: left; } #home-articles-video .section-title .list-blog-header .header-top-link li .js-more, #home-articles-video .section-title .list-blog-header .header-top-link li .js-less { width: 100%; display: flex; align-items: center; justify-content: left; } #home-articles-video .section-title .list-blog-header .header-top-link li .js-more svg, #home-articles-video .section-title .list-blog-header .header-top-link li .js-less svg { margin-left: 10px; width: 20px; } @media (max-width: 767px) { #home-articles-video .section-title .list-blog-header .header-top-link li { margin-bottom: 6px; text-align: center; padding: 6px 25px; background: #fafafa; border: 1px solid #ddd; width: calc(50% - 6px); } #home-articles-video .section-title .list-blog-header .header-top-link li a { font-size: 13px; } } @media (max-width: 767px) { #home-articles-video .section-title .list-blog-header { width: 100%; flex-wrap: wrap; } } #home-articles-video #home-video { border-radius: 8px; overflow: hidden; margin-bottom: 30px; } #home-articles-video .site-btn { margin-top: 25px; } #home-articles-video #home-articles .ha-item { margin-bottom: 19px; } #home-articles-video #home-articles .ha-item .article-img a { display: block; border-radius: 3px; overflow: hidden; } #home-articles-video #home-articles .ha-item .article-img a img { width: 100%; } #home-articles-video #home-articles .ha-item .article-img a img:hover { transform: scale(1.05); } #home-articles-video #home-articles .ha-item .article-title a { color: #ffffff; } #home-articles-video #home-articles .ha-item .article-title a:hover { color: #ffffff; } #home-articles-video #home-articles .ha-item .article-info > div { display: inline-block; margin-right: 10px; } #home-articles-video #home-articles .ha-item .article-info > div:last-child { margin: 0px; } #home-brands { margin-bottom: 30px; padding: 0px 0px 0px 0px; background: #000000; } #home-brands > .wrapper > .inner { overflow: hidden; } #home-brands .section-title h2 { color: #ffffff; } #home-brands #owl-brands-slider .owl-stage { display: flex; align-items: center; } #home-brands #owl-brands-slider .item > a { display: block; padding: 15px; background: #fff; } #home-testimonials { margin-bottom: 30px; } #home-testimonials > .wrapper > .inner { overflow-x: hidden; } #home-testimonials #owl-htesti-slider .owl-dots .owl-dot.active span, #home-testimonials #owl-htesti-slider .owl-dots .owl-dot:hover span { background: #262626; } #home-testimonials .htesti-slider-wrapper { overflow: hidden; } #home-testimonials .htesti-slider-wrapper .owl-dots { padding-left: 30px; } #home-testimonials .htesti-item { padding: 60px 30px 30px 30px; background-color: #fff; border-bottom: 2px solid #262626; position: relative; margin-top: 50px; border-radius: 8px; } #home-testimonials .htesti-item .htesti-img { height: 100px; width: 100px; border-radius: 50%; border: 5px solid #fff; overflow: hidden; display: inline-block; position: absolute; left: calc(50% - 50px); top: -50px; } #home-testimonials .htesti-item .htesti-desc { font-family: serif; font-weight: 400; font-size: 19px; line-height: 33px; font-style: italic; margin-bottom: 15px; } #home-testimonials .htesti-item .htesti-title { font-weight: 900; color: #262626; } #blog-list-menu { margin-bottom: 20px; } #blog-list-menu .list-blog-header { width: 100%; display: flex; align-items: center; } #blog-list-menu .list-blog-header .view-more { width: 100px; text-align: center; } @media (max-width: 767px) { #blog-list-menu .list-blog-header .view-more { margin-top: 10px; width: 100%; display: flex; align-items: center; justify-content: center; } #blog-list-menu .list-blog-header .view-more p { display: none !important; } } #blog-list-menu .list-blog-header .view-more p { width: 50px; height: 50px; background: #f4f4f4; border-radius: 50%; position: relative; margin: 2px 20px 3px; border: 3px solid #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } #blog-list-menu .list-blog-header .header-top-link { justify-content: flex-start; margin-bottom: 0px; border-bottom: 0px; } @media (min-width: 768px) { #blog-list-menu .list-blog-header .header-top-link.edit-height { width: 100%; overflow: hidden; } } @media (max-width: 767px) { #blog-list-menu .list-blog-header .header-top-link { margin-top: 20px; justify-content: space-between; } } #blog-list-menu .list-blog-header .header-top-link li { padding: 5px 5px; text-align: center; width: calc(100%/8); display: flex; align-items: center; justify-content: left; } #blog-list-menu .list-blog-header .header-top-link li.first-title { text-align: left; display: inline-block; font-weight: 600; font-size: 24px; color: #2d2d2d; margin: 0px; } #blog-list-menu .list-blog-header .header-top-link li.view-more-list, #blog-list-menu .list-blog-header .header-top-link li.view-less-list { justify-content: left; } @media (max-width: 767px) { #blog-list-menu .list-blog-header .header-top-link li.view-more-list, #blog-list-menu .list-blog-header .header-top-link li.view-less-list { justify-content: center !important; width: 100%; border: 0px; background: #fff; } #blog-list-menu .list-blog-header .header-top-link li.view-more-list svg, #blog-list-menu .list-blog-header .header-top-link li.view-less-list svg { display: none; } } #blog-list-menu .list-blog-header .header-top-link li .js-more, #blog-list-menu .list-blog-header .header-top-link li .js-less { width: 100%; display: flex; align-items: center; justify-content: left; } @media (max-width: 767px) { #blog-list-menu .list-blog-header .header-top-link li .js-more, #blog-list-menu .list-blog-header .header-top-link li .js-less { justify-content: center !important; } } #blog-list-menu .list-blog-header .header-top-link li .js-more svg, #blog-list-menu .list-blog-header .header-top-link li .js-less svg { margin-left: 10px; width: 20px; } @media (max-width: 767px) { #blog-list-menu .list-blog-header .header-top-link li { margin-bottom: 6px; text-align: center; padding: 6px 20px; background: #fafafa; border: 1px solid #ddd; width: calc(50% - 6px); } #blog-list-menu .list-blog-header .header-top-link li a { font-size: 13px; } } @media (max-width: 767px) { #blog-list-menu .list-blog-header { width: 100%; flex-wrap: wrap; } } /* ----------- FOOTER ----------- */ @media (max-width: 768px) { .grid__item.medium--one-third.small--search-custom.small--two-tenths { opacity: 0 !important; } .grid__item.medium--one-third.small--two-tenths { opacity: 0 !important; } .hd-logo { text-align: center !important; } .hd-logo img { width: 100px;padding-bottom: 20px; } #footer .footer-content { padding: 30px 0px 20px 0px !important; } #footer .footer-content .ft-contact, #footer .footer-content .ft-nav, #footer .footer-content .ft-social { margin-bottom: 30px; } #footer .footer-copyrights { margin-bottom: 20px; } } #footer { color: #ffffff; } #footer .footer-content { padding: 30px 0px; background: #1F1F29; } #footer .footer-content h3.ft-title { position: relative; padding: 0px; margin: 0px 0px 10px 0px; color: #ffffff; } #footer .footer-content > .wrapper > .inner { padding-top: 15px; } #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-desc { padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #fff; } #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: #ffffff; } #footer .footer-content .ft-contact .ft-contact-address .ft-contact-icon svg, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-icon svg, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-icon svg { fill: #ffffff; } #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 { color: #ffffff; } #footer .footer-content .ft-subscribe { margin-bottom: 10px; } #footer .footer-content .ft-subscribe .ft-subscribe-desc { padding-bottom: 10px; } #footer .footer-content .ft-subscribe .ft-sub-wrapper form { position: relative; } #footer .footer-content .ft-subscribe .ft-sub-wrapper form input { width: 100%; height: 40px; line-height: 40px; padding: 0px 40px 0px 15px; outline: 0px; border: 1px solid #262626; border-radius: 5px; } #footer .footer-content .ft-subscribe .ft-sub-wrapper form button { position: absolute; top: calc(50% - 17px); right: 3px; width: 34px; height: 34px; padding: 0px; line-height: 34px; outline: 0px; border: 0px; border-radius: 5px; color: #fff; background: #1F1F29; font-size: 18px; } #footer .footer-content .ft-social { margin-bottom: 10px; } #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; } @media (min-width: 1025px) { #footer .footer-content .ft-nav.pl_110 { padding-left: 110px !important; } } #footer .footer-content .ft-nav ul { margin: 0px; } #footer .footer-content .ft-nav ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 15px; position: relative; } #footer .footer-content .ft-nav ul li:last-child { margin: 0px; } #footer .footer-content .ft-nav ul li svg { position: absolute; top: calc(50% - 5px); left: 0; color: #ffffff; font-size: 10px; } #footer .footer-content .ft-nav ul li > a { display: inline-block; color: #ffffff; } #footer .footer-content .ft-nav ul li > a:hover { color: #ffffff; } #footer .footer-copyrights { padding: 15px 0px; background: #1F1F29; border-top: 1px solid #fff; color: #000; } #footer .footer-copyrights .ft-copyrights-link ul { margin: 0px; } #footer .footer-copyrights .ft-copyrights-link ul > li { display: inline-block; margin: 0px 10px 0px 0px; } #footer .footer-copyrights .ft-copyrights-link ul > li:last-child { margin: 0px; } #footer .footer-copyrights .ft-copyrights-link ul > li > a { display: inline-block; color: #ffffff; } #footer .footer-copyrights .ft-copyrights-link ul > li > a:hover { color: #e0bd65; } #footer .footer-copyrights .ft-copyrights-content { color: #fff; font-size: 13px; } #footer .footer-copyrights .ft-copyrights-content a { color: #fff; } /* ------- BREADCRUMB ------------ */ #breadcrumb-wrapper { padding: 10px 0px; } #breadcrumb-wrapper .breadcrumb-small > span { display: inline-block; color: #ffffff; margin: 0px 5px; } #breadcrumb-wrapper .breadcrumb-small > span:last-child { margin: 0px; } #breadcrumb-wrapper .breadcrumb-small a { display: inline-block; color: #ffffff; } #breadcrumb-wrapper .breadcrumb-small a:hover { color: #ffffff; } /* ------- 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-bottom: 30px; } } #collection-wrapper { padding-top: 30px; margin-bottom: 30px; } #collection-wrapper .wrapper { width: 1440px; } #collection-wrapper .collection-content-wrapper { padding: 25px; background: #1F1F29; border-radius: 5px; margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper .collection-head { margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper .collection-head .collection-head-title label { color: #fff; } #collection-wrapper .collection-content-wrapper .collection-head .collection-title p { margin-top: 5px; color: #fff; } #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1 { font-weight: 900; color: #fff; margin: 0px 0px 5px 0px; padding: 0px; } #collection-wrapper .collection-content-wrapper .collection-head select { border: 1px solid #ffffff; border-radius: 8px; margin: 0px 0px 5px 10px; color: #ffffff; } #collection-wrapper .collection-content-wrapper .collection-desc { margin-bottom: 15px; } #collection-wrapper .collection-content-wrapper .product-item { background: transparent; } #collection-wrapper .collection-content-wrapper .product-item a { color: #fff; } #collection-wrapper .collection-content-wrapper .collection-empty { margin-bottom: 15px; } #collection-wrapper .collection-content-wrapper .collection-body .product-item { margin-bottom: 30px; } #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 { background: #1F1F29; } #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 { background-color: #1F1F29; color: #fff; cursor: pointer; padding: 10px; width: 100%; border: none; border-bottom: 1px solid #fff !important; text-align: left; outline: none; position: relative; display: block; } #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-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 { content: '\002B'; font-family: FontAwesome; color: #fff; 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 { content: "\2212"; } #collection-wrapper .collection-sidebar-wrapper .collection-categories span, #collection-wrapper .collection-sidebar-wrapper .collection-categories p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor p, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type span, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type p { color: #fff; } #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 { padding: 0 10px; 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 { 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 { 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 { 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 { display: inline-block; position: relative; color: #fff; } #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 { color: #262626; } #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 { 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 { 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 { display: inline-block; position: relative; color: #fff; } #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 { color: #fff; } /* ------- Back to top ------------ */ #back-to-top { position: fixed; right: 35px; line-height: 50px; bottom: -250px; overflow: hidden; z-index: 999; text-align: center; } #back-to-top span { display: inline-block; width: 45px; position: relative; } #back-to-top span img { background: #fff; border-radius: 50%; max-width: 100%; } #back-to-top span img.hover { position: absolute; opacity: 0; top: 5px; left: 21px; } #back-to-top:hover .hover { opacity: 1; } #back-to-top.car-up { bottom: 50px; } #back-to-top.car-run { animation: car-run 1s; } @keyframes car-up { 0% { bottom: -150px; } 100% { bottom: 50px; } } @keyframes car-down { 0% { bottom: 50px; } 100% { bottom: -150px; } } @keyframes car-run { 0% { bottom: 50px; } 100% { bottom: 100%; } } /* ------- MOBILE BOTTOM NAVIGATION ------------ */ .mobile-nav .fa-search { color: #fff; } .mobile-nav > div { margin-bottom: 10px; } .mobile-nav > div:last-child { margin: 0px; } .mobile-nav .ft-contact-desc { padding-bottom: 10px; border-bottom: 1px solid #fff; } .mobile-nav .ft-contact-address, .mobile-nav .ft-contact-tel, .mobile-nav .ft-contact-email { color: #fff; } .mobile-nav .ft-contact-address .ft-contact-icon, .mobile-nav .ft-contact-tel .ft-contact-icon, .mobile-nav .ft-contact-email .ft-contact-icon { display: inline-block; float: left; } .mobile-nav .ft-contact-address .ft-contact-icon svg, .mobile-nav .ft-contact-tel .ft-contact-icon svg, .mobile-nav .ft-contact-email .ft-contact-icon svg { fill: #ffffff; } .mobile-nav .ft-contact-address .ft-contact-detail, .mobile-nav .ft-contact-tel .ft-contact-detail, .mobile-nav .ft-contact-email .ft-contact-detail { display: flex; align-items: center; padding-left: 25px; } .mobile-nav .ft-contact-address .ft-contact-detail a, .mobile-nav .ft-contact-tel .ft-contact-detail a, .mobile-nav .ft-contact-email .ft-contact-detail a { color: #ffffff; } #mobile-bottom-navigation { position: fixed; bottom: 0; width: 100%; z-index: 99999; border-top: 1px solid #262626; } #mobile-bottom-navigation .mobile-nav-item { display: block; height: 67px; padding: 0; text-align: center; background: #1F1F29; position: relative; } #mobile-bottom-navigation .mobile-nav-item > a { width: 100%; position: absolute; top: 56%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: #fff; } #mobile-bottom-navigation .mobile-nav-item > a svg { font-size: 24px; color: #fff; fill: #fff; display: inline-block; } #mobile-bottom-navigation .mobile-nav-item > a span.number { position: absolute; display: inline-block; top: -5px; right: 15px; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; text-align: center; font-size: 14px; color: #fff; background: #2d2d2d; } #page-wrapper { margin-bottom: 30px; } #page-wrapper > .wrapper > .inner { padding: 10px; background: #fff; border-radius: 8px; } #page-wrapper h1 { font-weight: 900; color: #262626; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #262626; } #page-wrapper ol, #page-wrapper ul { margin: 0 0 20px 20px; } #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: #000; display: inline-block; } #page-wrapper .page-contact-wrapper .pcontact-shop-item a:hover { color: #2d2d2d; } #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: #000; 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: #000; } #page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover { color: #2d2d2d; } #page-wrapper .cart-product-price { color: #262626; } #page-wrapper .cart-product-title > .h4 { color: #ffffff; } #page-wrapper .cart-product-title > .h4:hover { color: #262626; } #page-wrapper .cart-product-title > p { margin: 0px; } #page-wrapper .btnCart { margin: 0px 3px 3px 0px; } #page-wrapper .h3.cart__subtotal { color: #262626; } #shopmap-page .your-address, #shopmap-page .list-shop h2 { color: #ffffff; padding: 0px; margin: 0px 0px 5px 0px; } #shopmap-page #start, #shopmap-page #end { margin-bottom: 15px; } #shopmap-page #start ul, #shopmap-page #end ul { margin: 0px; } @media (max-width: 480px) { #product-wrapper .product-description-wrapper div.tab button { width: 100%; } .product-thumb-control { display: none !important; } } @media (max-width: 768px) { .all_total { padding-top: 20px; } .qty { font-weight: bold; } .date_choose svg { top: 15px !important; height: 13px; } #ProductThumbs { text-align: center !important; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline > span { display: none !important; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline { margin-bottom: 10px; } #ProductThumbs .inner .owl-controls { margin: 0; } #ProductThumbs .inner .owl-controls .owl-buttons > div { position: absolute; z-index: 2; top: calc(50% - 15px); height: 30px; line-height: 30px; width: 30px; text-align: center; background: #262626; font-size: 24px; color: #fff; margin: 0; padding: 0; border-radius: 0; opacity: 1; } #ProductThumbs .inner .owl-controls .owl-buttons > div.owl-prev { left: 0px; } #ProductThumbs .inner .owl-controls .owl-buttons > div.owl-next { right: 0px; } } #product-wrapper { padding-top: 25px; background-color: #262626 !important; } #product-wrapper #ProductThumbs .owl-nav > div { position: absolute; top: calc(50% - 15px); height: 35px; width: 35px; padding: 0px; margin: 0px; line-height: 35px; color: #fff; background: rgba(38, 38, 38, 0.7); text-align: center; border-radius: 3px; } #product-wrapper #ProductThumbs .owl-nav > div.owl-prev { left: 0; } #product-wrapper #ProductThumbs .owl-nav > div.owl-next { right: 0; } #product-wrapper #ProductThumbs .owl-nav > div:hover { background: rgba(45, 45, 45, 0.7); } #product-wrapper .product-single .customize-product-slider, #product-wrapper .product-single .product-youtube { margin-bottom: 30px; background: #fff; border-radius: 8px; } @media (max-width: 767px) { #product-wrapper .product-single .customize-product-slider, #product-wrapper .product-single .product-youtube { padding: 0px 0px; margin-bottom: 10px; } } #product-wrapper .product-single .product-content { padding: 10px 25px 0px 25px; border-radius: 8px; } @media (max-width: 767px) { #product-wrapper .product-single .product-content { padding: 10px 20px 0px 20px; } } #product-wrapper .product-single .product-content .pro-content-head { padding-bottom: 10px; margin-bottom: 10px; } #product-wrapper .product-single .product-content .pro-content-head > span { margin: 0px 5px; } #product-wrapper .product-single .product-content .pro-content-head h1 { font-weight: bold; margin: 0px 0px 10px 0px; padding: 0px; color: #fff; } #product-wrapper .product-single .product-content .pro-content-head span.pro-seperator { display: inline-block; margin: 0px 5px; } #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-schedule, #product-wrapper .product-single .product-content .pro-content-head .pro-transports, #product-wrapper .product-single .product-content .pro-content-head .pro-starttime { display: inline-block; } #product-wrapper .product-single .product-content .pro-content-head .pro-brand svg, #product-wrapper .product-single .product-content .pro-content-head .pro-type svg, #product-wrapper .product-single .product-content .pro-content-head .pro-schedule svg, #product-wrapper .product-single .product-content .pro-content-head .pro-transports svg, #product-wrapper .product-single .product-content .pro-content-head .pro-starttime svg { margin-right: 5px; } #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 .pro-content-head .pro-schedule a, #product-wrapper .product-single .product-content .pro-content-head .pro-transports a, #product-wrapper .product-single .product-content .pro-content-head .pro-starttime 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, #product-wrapper .product-single .product-content .pro-content-head .pro-schedule a:hover, #product-wrapper .product-single .product-content .pro-content-head .pro-transports a:hover, #product-wrapper .product-single .product-content .pro-content-head .pro-starttime a:hover { color: #fff; } #product-wrapper .product-single .product-content .pro-content-head .pro-sku { display: inline-block; color: #ffffff; padding: 10px; border-radius: 8px; background: #f0f0f0; margin-bottom: 10px; } #product-wrapper .product-single .product-content .pro-price { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #262626; } #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: white; } #product-wrapper .product-single .product-content .pro-price .sale-percentage { display: inline-block; font-style: italic; margin-left: 15px; } #product-wrapper .product-single .product-content .product-variants-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #262626; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline > span { display: inline-block; margin: 0px 5px; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline { display: inline-block; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a { display: inline-block; position: relative; color: #ffffff; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline > a:hover { color: #262626; } #product-wrapper .product-single .product-content .product-actions { padding-top: 15px; } #product-wrapper .product-single .product-content .product-actions button { margin-right: 5px; } #product-wrapper .product-single .product-content .social-network-actions { display: inline-block; } #product-wrapper .product-description-wrapper { background: #fff; margin-bottom: 30px; border-radius: 8px; overflow: hidden; } #product-wrapper .product-description-wrapper div.tab { display: block; position: relative; background: #fff; background: #262626; } #product-wrapper .product-description-wrapper div.tab button { color: #fff; text-align: center; float: left; outline: none; text-transform: initial !important; cursor: pointer; padding: 15px 10px; } #product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button:hover { color: #fff; background: #2d2d2d; } #product-wrapper .product-description-wrapper div.tab button:last-child { margin-right: 0; } #product-wrapper .product-description-wrapper .pro-tabcontent { display: none; padding: 30px; -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-map { background: #1F1F29; padding: 10px; border-radius: 8px; } @media (max-width: 767px) { #product-wrapper .product-fb-map { margin-bottom: 30px; } } #product-wrapper .product-fb-comments { background: #1F1F29; padding: 30px; border-radius: 8px; } .product-single__thumbnails { margin-bottom: 0px; } .inline-list li { display: block !important; } #ProductPhoto { margin-bottom: 10px; } #ProductPhoto .owl-controls { display: none !important; margin: 0px; } #ProductPhoto .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 15px); opacity: 0.8; background: #262626; 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 .thumbnail-item a { border: 1px solid #262626; } .product-single__thumbnails .thumbnail-item a.active { border: 1px solid #262626; } .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: #262626; 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; } #related-product-articles { background: #fff; padding: 25px; border-radius: 5px; margin-bottom: 15px; } #related-product-articles .home-section-body .rparticle-item { margin-bottom: 15px; padding: 10px; background: #fff; border-radius: 8px; } #related-product-articles .home-section-body .rparticle-item .rparticle-img a { display: block; border-radius: 3px; overflow: hidden; } #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: #262626; } #related-product-articles .home-section-body .rparticle-item .rparticle-title a:hover { color: #2d2d2d; } #related-product-articles .home-section-body .rparticle-item .rparticle-info > div { display: inline-block; margin-right: 5px; } .btn-register { height: 50px; font-size: 18px; margin-top: 15px; color: #ffffff; background-color: #AE07FE; border: 1px solid #AE07FE; } .btn-register a { color: #fff; } .btn-register.no-active:hover, .btn-register.no-active:active { background: #262626 !important; } .btn-register:hover, .btn-register:active { background-color: #AE07FE; opacity: 0.9; transition: all .3s; color: #fff; } .btn-register:hover a, .btn-register:active a { color: #fff; } .btn-register:hover a::hover, .btn-register:active a::hover { color: #fff; } .btn-register:hover a::focus, .btn-register:active a::focus { color: #fff; } .phone-number { font-weight: bold; font-size: 20px; } /* ------- RELATED PRODUCTS ------------ */ #related-products { margin-top: 30px; margin-bottom: 30px; overflow: hidden; } #related-products .textUudai { display: none; } #related-products .product-detail-type { height: 44px; display: none; } @media (max-width: 767px) { #related-products .product-detail-type { height: 64px; } } @media (max-width: 767px) { #related-products .textUudai { margin-bottom: 0px; font-size: 13px; } } #related-products #owl-related-products-slider .slick-track { float: left; } #related-products #owl-related-products-slider .product-item-info { padding: 15px 10px 5px 10px; } #related-products #owl-related-products-slider.hasmore .owl-nav { display: block !important; } #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); width: 40px; margin: 0px; padding: 0px; color: #fff; background: rgba(38, 38, 38, 0.7); } #related-products #owl-related-products-slider .owl-nav > div.owl-prev { left: 0px; } #related-products #owl-related-products-slider .owl-nav > div.owl-next { right: 0; } #related-products #owl-related-products-slider .owl-nav > div:hover { background: #2d2d2d; } #related-products #owl-related-products-slider .product-title a { font-size: 15px; } .tag-location { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; margin-top: 5px; margin-bottom: 2px; font-size: 14px; } @media (max-width: 480px) { .tag-location { font-size: 13px; line-height: 16px; } } /* ------- SEEN PRODUCTS ------------ */ #seen-products { margin-bottom: 30px; } #seen-products .product-item-info { padding: 15px 5px; } #seen-products #owl-spdx .owl-nav { margin: 0px; display: block !important; } #seen-products #owl-spdx .owl-nav > div { text-align: center; position: absolute; top: calc(50% - 35px); width: 40px; margin: 0px; padding: 0px; color: #fff; background: rgba(38, 38, 38, 0.7); } #seen-products #owl-spdx .owl-nav > div.owl-prev { left: 0px; } #seen-products #owl-spdx .owl-nav > div.owl-next { right: 0; } #seen-products #owl-spdx .owl-nav > div:hover { background: #2d2d2d; } #seen-products #owl-spdx .product-title a { font-size: 15px; } /* ------- BLOG - ARTICLE ------------ */ .list-categories { margin-bottom: 10px; } .list-categories ul { margin: 0px; } .list-categories ul li { display: inline-block; margin: 0px 10px 10px 0px; } .list-categories ul li:last-child { margin: 0px; } .list-categories ul li.active a { background: #2d2d2d; color: #fff; } .list-categories ul li a { border-radius: 8px; display: inline-block; background: #262626; color: #fff; padding: 10px; } .list-categories ul li a:hover { background: #2d2d2d; color: #fff; } #blog-wrapper { margin-bottom: 30px; } #blog-wrapper .wrapper { max-width: 1240px; margin: auto; padding: 0px; } #blog-wrapper .blog-content .blog-single-item { margin-bottom: 30px; } #blog-wrapper .blog-content .blog-single-item:hover .owl-buttons > div { display: inline-block !important; } #blog-wrapper .blog-content .blog-single-item .owl-controls { margin: 0px; } #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div { position: absolute; background: #262626 !important; opacity: 0.6 !important; height: 30px; line-height: 30px; width: 30px; top: calc(50% - 15px); font-size: 18px; color: #fff; padding: 0px; margin: 0px; border-radius: 3px; outline: 0px; } #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div:hover { opacity: 1 !important; } #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #blog-wrapper .blog-content .blog-single-item .owl-controls .owl-buttons > div.owl-next { right: 0px; } #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1 { font-weight: 900; color: #ffffff; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #262626; } #blog-wrapper .blog-content .blog-content-wrapper .blog-body .grid-uniform .article-item { margin-bottom: 30px; } #blog-wrapper .article-content { padding: 15px; border-radius: 8px; background: #1F1F29; font-family: 'Montserrat', sans-serif !important; } #blog-wrapper .article-content p, #blog-wrapper .article-content span { font-family: 'Montserrat', sans-serif !important; } #blog-wrapper .article-content p a, #blog-wrapper .article-content span a { color: red; } #blog-wrapper .article-content p a[target='_self'], #blog-wrapper .article-content span a[target='_self'] { width: 100%; display: block; padding: 10px; border: 2px solid #c3e5f8; border-radius: 5px; background-color: #dbedf9; margin: 5px 0px; color: #0064c2; } #blog-wrapper .article-content img { border-radius: 1rem; } #blog-wrapper .article-content .article-head { position: relative; width: 100%; text-align: left; display: block; margin-bottom: 15px; } #blog-wrapper .article-content .article-head h1 { font-weight: bold; color: #fff; margin: 0px 0px 15px 0px; } #blog-wrapper .article-content .article-head .article-date-comment { color: #fff; } #blog-wrapper .article-content .article-head .article-date-comment > div { display: inline-block; margin-right: 15px; } #blog-wrapper .article-content .article-head .article-date-comment > div svg { color: #fff; } #blog-wrapper .article-content p, #blog-wrapper .article-content strong, #blog-wrapper .article-content span { } #blog-wrapper .article-content .article-tldr { padding: 10px 10px 0px 10px; margin-bottom: 10px; background: #f0f0f0; border-radius: 8px; } #blog-wrapper .article-content .article-tags a { display: inline-block; border: 1px solid #f3f3f3; background: #f8f8f9; padding: 10px; margin: 0px 3px 3px 0px; color: #fff; } #blog-wrapper .article-content .article-tags a:hover { border: 1px solid #262626; color: #fff; background: #fff; } #blog-wrapper .social-network-actions-outside { padding: 15px 0px 15px 15px; } #blog-wrapper #section-fbcomment { margin-bottom: 30px; } @media (max-width: 767px) { #blog-wrapper .related-articles { padding: 15px; } } #blog-wrapper .related-articles .related-articles-head { position: relative; width: 100%; text-align: left; display: block; } #blog-wrapper .related-articles .related-articles-head h3 { font-weight: 900; margin-bottom: 30px; } #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: #fff; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover { color: #fff; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover:before { color: #fff; } #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: #fff; line-height: normal; } /* ------- ARTICLE ITEM ------------ */ .article-item { background: #1F1F29; border-radius: 8px; overflow: hidden; } .article-item .article-img > a { position: relative; display: block; overflow: hidden; } .article-item .article-img > a img { width: 100%; } .article-item .article-img > a:hover img { transform: scale(1.05); } .article-item .article-info-wrapper .article-title { padding: 10px 10px 0px 10px; } .article-item .article-info-wrapper .article-title > a { display: inline-block; color: #fff; height: 44px; } .article-item .article-info-wrapper .article-title > a:hover { color: #fff; } .article-item .article-info-wrapper .article-desc { padding: 10px; color: #fff; border-bottom: 1px solid #262626; } .article-item .article-info-wrapper .article-info { padding: 10px; } .article-item .article-info-wrapper .article-info > div { display: inline-block; margin-right: 10px; color: #fff; } .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-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; height: 100%; position: relative; } .popup .popup-content .popup-wrapper { background: rgba(255, 255, 255, 0.8); padding: 30px 15px; } .popup .popup-content .popup-title { color: #262626; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #ffffff; 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: #ffffff; } .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: #262626; line-height: normal !important; } .popup .popup-content .form-desc { color: #ffffff; margin-bottom: 15px; } .popup .popup-content form { position: relative; width: 100%; } .popup .popup-content form .input-group { width: 100%; } .popup .popup-content form input { width: 100%; height: 40px; line-height: 40px; padding: 0px 45px 0px 15px; color: #ffffff; background: #fff; border: 1px solid #262626; border-radius: 100px !important; outline: 0 !important; margin-bottom: 15px; } .popup .popup-content form button { position: absolute; top: 3px; right: 3px; height: 34px; width: 34px; border-radius: 50%; display: inline-block; background: #262626; color: #fff; } .popup .popup-content form button:hover { background: #2d2d2d; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #262626; margin-right: 5px; margin-bottom: 5px; height: 30px; width: 30px; text-align: center; line-height: 30px; padding: 0; border-radius: 50%; } .popup .popup-content .popup-social-network:hover { background: #2d2d2d; } .popup .close-popup { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #2d2d2d; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } .popup .close-popup:focus, .popup .close-popup:hover { color: #fff; text-decoration: none; cursor: pointer; } #popup-btn { display: none; } #search-wrapper { margin-bottom: 30px; } #search-wrapper h1 { font-weight: 900; padding: 0px 0px 15px 0px; margin: 0px 0px 15px 0px; border-bottom: 1px solid #262626; } #search-wrapper .search-item { padding: 5px; margin-bottom: 30px; } #search-wrapper .search-item #gift { position: absolute; transform: rotate(-45deg); left: -15px; z-index: 999999; top: -4px; width: 60px; transform: rotate(-45deg); top: -9px; } @media (max-width: 560px) { #search-wrapper .search-item #gift { position: absolute; transform: rotate(-45deg); left: -15px; z-index: 99999999; top: -4px; width: 60px; transform: rotate(-45deg); top: -9px; } } .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: #262626; } #modalAddComplete { display: none; position: fixed; z-index: 999999999999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.6); /* Add Animation */ } #modalAddComplete .modalAddComplete-content { border-radius: 5px; position: relative; background-color: #fff; margin: auto; padding: 0; border: 1px solid #262626; 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: #2d2d2d; color: #fff; font-size: 18px; position: absolute; top: -15px; right: -15px; z-index: 99; cursor: pointer; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } #modalAddComplete .modal-cart-status { border-bottom: 1px solid #262626; } #modalAddComplete .modal-cart-status h2 { color: #262626; font-weight: 900; 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 #262626; border-collapse: collapse; } #modalAddComplete .modal-tbl-cart table th { padding: 5px !important; color: #ffffff; 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: #262626; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #modalAddComplete .modal-tbl-cart table td.product-title > a:hover { color: #262626; } #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: #ffffff; } #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: white; } #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: #262626; font-size: 14px !important; } #modalAddComplete .modal-tbl-cart table td.product-money { color: #d30000; } #modalAddComplete .modal-tbl-cart table td.product-remove > a { color: #262626; display: block; } #modalAddComplete .modal-tbl-cart table td.product-remove > a:hover { color: #2d2d2d; } #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: #262626; } #modalAddComplete .mobile-modal-tbl-cart ul { margin: 0; padding: 15px; max-height: 230px; overflow-y: scroll; } #modalAddComplete .mobile-modal-tbl-cart ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #262626; } #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: #262626; 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: #ffffff; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover { color: #262626; } #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: #262626; margin-right: 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price { color: white; } #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: #ffffff; 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: #ffffff; 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: #262626; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove:hover { color: #2d2d2d; } #modalAddComplete .modal-checkout-actions { padding: 15px; } #modalAddComplete .modal-checkout-actions .text-left a { color: #262626; } #modalAddComplete .modal-checkout-actions .text-left a:hover { color: #2d2d2d; } #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { color: #ffffff; 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 { margin-top: 15px; } .slick-next:hover, .slick-prev:hover { outline: none; box-shadow: 0 0 5px 0 rgba(246, 94, 57, 0.5); } .flex-div { display: flex; align-items: center; } .search-bar { width: 60%; } .variant_list { background: #ffffff; margin: 0px; border-radius: 5px; margin-bottom: 20px; list-style: none; -webkit-box-shadow: 0 1px 3px 0 rgba(27, 27, 27, 0.1); box-shadow: 0 1px 3px 0 rgba(27, 27, 27, 0.1); padding: 25px 25px 25px 0px; } @media (max-width: 767px) { .variant_list { padding: 20px 20px 20px 0px; } .variant_list .grid__item { padding-left: 15px; } } .btn-submit-btn { padding: 8px 0px; width: 100px; background-image: linear-gradient(90deg, #f65e38 0, #f68a39 51%, #f65e38); box-shadow: 0 4px 12px 0 rgba(246, 116, 57, 0.4); color: #fff; border-radius: 4px; } .pad_top_10 { padding-top: 30px; } .variant_price, .subtotal { font-weight: 700; font-size: 20px; color: #fa6d01; } .quantity-selector { text-align: center; } .date_choose { position: relative; } .date_choose input { cursor: pointer; width: 100%; } .date_choose svg { cursor: pointer; position: absolute; right: 8px; top: 8px; } .panel-buynow { display: none; } .btn-submit-btn:disabled, .btn-submit-btn[disabled] { background: #dedede; } .big-img { width: 80% !important; float: left; } .imglist { margin-bottom: 10px; list-style: none; } .imglist li:not(.big-img) { width: 20%; float: left; position: relative; padding-left: 20px; margin-top: 14px; } .imglist li:not(.big-img) .over_play { width: 86%; top: 0px; height: 100%; background: red; color: #cdd0d1; background-color: rgba(3, 18, 26, 0.41); font-size: 16px; line-height: 24px; border-radius: 5px; text-align: left; position: absolute; /* right: -7px; */ left: 20px; display: flex; align-items: center; padding-left: 20px; } .imglist li { display: none; } .imglist li:nth-child(1), .imglist li:nth-child(2), .imglist li:nth-child(3), .imglist li:nth-child(4), .imglist li:nth-child(5) { display: block; } .imglist li:nth-child(2) { margin-top: 0px !important; } .imglist img { border-radius: 5px; } .customize-product-slider-desktop { border-radius: 5px; background: #1F1F29; padding: 20px 20px 0px 0px; } @media (max-width: 767px) { .customize-product-slider-desktop { padding: 0px 0px; } } .function-product { background: #1F1F29; padding: 25px; border-radius: 5px; margin-bottom: 25px; } .function-product .pad_left_10 { padding-left: 10px; } .function-product hr { margin: 15px 0px; } .function-product img { width: 25px; } .filter-section { margin-bottom: 30px; border-radius: 5px; } .pad_right_30 { padding-right: 30px; } .doitac { background-image: linear-gradient(90deg, #2d2d2d 0, #2d2d2d 51%, #2d2d2d); border: 1px solid #2d2d2d; border-radius: 4px; padding: 5px 10px; color: #fff !important; } .pad_left_10 { padding-left: 10px; font-weight: bold; } div#facebook-inbox-frame .f-close { z-index: 999999 !important; } .hservice-item .flex-div { box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px !important; -webkit-box-direction: normal !important; -webkit-box-orient: horizontal !important; } .hservice-item .flex-div p { padding-left: 20px; margin-bottom: 0px !important; font-size: 17px; font-weight: bold; } #home-album, #home-album-ver2, #home-album-ver3 { padding-bottom: 35px; } #home-album img, #home-album-ver2 img, #home-album-ver3 img { padding-bottom: 25px; border-radius: 5px; width: 100%; } .variant_title h3 { font-weight: bold; font-size: 18px; } #tour_name { padding-left: 52px !important; } .pd-btn-search { display: block; width: 100%; position: absolute; left: 0px; width: 60px; background: transparent; top: 0px; color: #000 !important; width: 50px !important; } .hd-cart-count { position: absolute; top: 0px; right: 20px; background: red; color: #fff; width: 19px; height: 19px; font-size: 11px; border-radius: 50%; } .variant_price_2 { display: block; color: #b3aaaa; } #facebook-inbox { display: none !important; } @media (max-width: 1400px) { .wrapper { padding: 0px 50px; } } @media (max-width: 1200px) { .wrapper { padding: 0px 30px; } } .variant_price_wrap { text-align: right; } @media (max-width: 769px) and (min-width: 481px) { .header-desktop, .header-top, .medium--hide { display: none !important; } #mobile-bottom-navigation .medium--two-tenths { width: 20% !important; } .medium--one-half { width: 50%; } .medium--three-fifths { width: 60%; } .medium--one-fifth { width: 20%; } } @media (max-width: 767px) { .des-menu svg { font-size: 29px; margin-top: 5px; line-height: 35px; height: 31px; color: #AE07FE; } .home-choose .owl-nav > div { top: calc(50% - 20px); } #collection-wrapper .collection-content-wrapper { padding: 15px; } .variant_price_wrap { text-align: left; } .wrapper { padding: 0px 10px; } .fb_reset > div { margin-bottom: 50px; } } p { margin-bottom: 10px !important; } .home-choose .fa-w-8 { font-size: 24px; margin-top: 7px; } .wrapper-product { max-width: 1124px; margin: auto; } .btsocialloginfb, .btsociallogingg { width: 100%; background: #3b5998; color: #fff; border: none; padding: 10px; margin-bottom: 10px; } .btsociallogingg { background: #d34836 !important; } .content_wrapper { background: #1F1F29; border-radius: 5px; margin-bottom: 20px; } .template-cart #page-wrapper .inner { max-width: 1200px; margin: auto; } .template-cart #page-wrapper h1 { border-bottom: 0px; } .template-cart #page-wrapper thead.cart__row.cart__header-labels th { padding: 15px; } .template-cart .cart__row { margin-top: 20px; padding-top: 20px; } .search_mbd { margin-top: 3px; line-height: 20px; font-size: 27px; float: right; } .search_mb_wrapper, .filter_mb_wrapper { color: #262626; } .search_mb_wrapper .list_location, .filter_mb_wrapper .list_location { display: none; } .search_mb_wrapper .sidenav, .filter_mb_wrapper .sidenav { height: 100%; width: 100%; position: fixed; z-index: 999999999999; top: 0; right: -100%; background: #1F1F29; overflow-x: hidden; transition: 0.5s; padding-top: 20px; text-align: center; color: #fff; } .search_mb_wrapper .mystyle, .filter_mb_wrapper .mystyle { right: 0; } .search_mb_wrapper .sidenav a, .filter_mb_wrapper .sidenav a { text-decoration: none; font-size: 25px; color: #fff; display: block; transition: 0.3s; } .search_mb_wrapper .sidenav a:hover, .filter_mb_wrapper .sidenav a:hover { color: #f1f1f1; } .search_mb_wrapper .suggest, .filter_mb_wrapper .suggest { padding: 0px 15px; text-align: left; } .search_mb_wrapper .suggest ul, .filter_mb_wrapper .suggest ul { margin: 0px; } .search_mb_wrapper .suggest ul li, .filter_mb_wrapper .suggest ul li { list-style: none; } .search_mb_wrapper .suggest ul li a, .filter_mb_wrapper .suggest ul li a { display: flex; align-items: center; padding: 5px 0px; font-size: 16px; } .search_mb_wrapper .suggest ul li a svg, .filter_mb_wrapper .suggest ul li a svg { margin-right: 10px; } .search_mb_wrapper .sidenav .closebtn, .filter_mb_wrapper .sidenav .closebtn { position: absolute; top: 11px; right: 18px; font-size: 36px; margin-left: 50px; } .des[aria-expanded="true"] { height: auto !important; } .buy-now-fixed { position: fixed; bottom: 0px; width: 100%; color: #fff; background: #ff6633; text-align: center; padding: 8px 10px; border: 4px solid #fff; } .buy-now-fixed a { color: #fff; cursor: pointer; } .content_wrapper { padding-bottom: 10px; } .content_wrapper .readmore_btn { padding: 5px 15px; background: #ff6633; color: #fff; /* margin: 10px; */ /* width: 100px; */ margin: 10px auto; width: 90% !important; } .des-mb { margin-bottom: 15px; border-radius: 8px; } .des-mb .accordion { background-color: #f63; color: #fff; cursor: pointer; margin-bottom: 1px; border-radius: 8px; border-bottom: 1px solid #fff; padding: 10px 20px; width: 100%; /* border: none; */ text-align: left; outline: none; font-size: 15px; transition: 0.4s; } .des-mb .active, .des-mb .accordion:hover { background-color: #ccc; border-radius: 0px; } .des-mb .accordion:after { content: '\002B'; color: #fff; font-weight: bold; float: right; margin-left: 5px; } .des-mb .active:after { content: "\2212"; } .des-mb .panel { padding: 0px 15px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .module_search_pro { margin-bottom: 30px; } .module_search_pro .relative { position: relative; } .module_search_pro .icon_bg { position: absolute; height: 100px; z-index: 999; right: 0px; } @media (max-width: 767px) { .module_search_pro .icon_bg { display: none; } } @media (min-width: 1366px) { .module_search_pro .option_form .option_ select { padding-left: 25px; } } @media (min-width: 768px) { .module_search_pro .option_form { padding-left: 15px; } .module_search_pro .option_form .option_, .module_search_pro .option_form .button_search_sm { padding-left: 15px; } } .module_search_pro .option_form select, .module_search_pro .option_form input, .module_search_pro .option_form .search_form { width: 100%; /*background: $colorBgBtn;*/ border: 1px solid #ffffff; height: 42px; border-radius: 20px; text-align-last: left; font-weight: bold; color: #ffffff; padding-left: 15px; } @media (max-width: 768px) { .module_search_pro .option_form select, .module_search_pro .option_form .search_form { margin: 10px 0px; text-align-last: center; } } .module_search_pro .csb-wrapper { background: #1F1F29; padding: 20px; border-radius: 10px; position: relative; } .module_search_pro .csb-wrapper .bg_more { display: none; position: absolute; top: -15px; left: 0px; z-index: 999999999; } @media (min-width: 1024px) and (max-width: 1201px) { .module_search_pro .csb-wrapper .bg_more { top: -5px; } } @media (max-width: 767px) { .module_search_pro .csb-wrapper .bg_more img { height: 43px; object-fit: cover; } } .module_search_pro .button_search_sm_form { background: #AE07FE; padding: 10px; color: #ffffff; text-align: center; display: flex; align-items: center; border-radius: 20px; justify-content: center; } @media (max-width: 768px) { .module_search_pro .button_search_sm_form { border-radius: 20px; margin-top: 15px; } } .module_search_pro .button_search_sm_form span { color: #ffffff; font-size: 15px; font-weight: bold; } #booking-room { background: #1F1F29; border-radius: 5px; padding: 20px; color: #fff; } @media (max-width: 767px) { #booking-room { padding: 0px; font-size: 20px !important; } } #booking-room input, #booking-room select, #booking-room button { width: 100%; margin-bottom: 10px; } #booking-room select { background: #fff; color: #333; } #booking-room .input-group-btn { justify-content: space-between; display: flex; flex-wrap: wrap; } #booking-room .input-group { width: 48%; } #booking-room .input-group-100 { width: 100%; } #booking-room .name { width: 100% !important; } #booking-room a { color: #fff !important; } #booking-room h2 { color: #fff; font-size: 23px; text-align: center; font-weight: bold; line-height: 1.2; } @media (max-width: 376px) { #booking-room h2 { font-size: 18px !important; } } #booking-room textarea { min-height: 53px; } @media (max-width: 768px) { #booking-room textarea { min-height: 95px; } } @media (max-width: 376px) { #booking-room .booking-call { font-size: 14px !important; } } /*========================= search-form-wrapper ==========================*/ .search-form-wrapper { -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.75); } .search-form-wrapper #load { display: none; width: 50px; margin: 0 auto; padding: 30px 0; } .search-form-wrapper #load.loading { display: block; } .search-form-wrapper #searchauto { width: 100%; } .search-form-wrapper #searchauto .input-group { display: flex; justify-content: flex-start; align-items: center; } .search-form-wrapper #searchauto .input-group input#searchtext { height: 45px; padding: 5px 15px; border: solid 1px transparent; border-radius: 30px; width: calc(100% - 45px); } .search-form-wrapper #searchauto .input-group span.input-group-btn { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; } .search-form-wrapper #searchauto .input-group span.input-group-btn button { color: #000000; } .search-form-wrapper #search_smart { display: block; text-align: left; } .search-form-wrapper #search_smart #product { background: #fff; } .search-form-wrapper #search_smart #product p.null { text-align: center; border-top: solid 1px #ccc; padding: 10px 0 10px; display: none; } .search-form-wrapper #search_smart #product p.null:first-child { display: block; } .search-form-wrapper #search_smart #product p.null span { font-weight: bold; font-size: 15px; } .search-form-wrapper #search_smart #product .product_null { text-align: center; border-top: solid 1px #ccc; padding: 10px 0 10px; display: none; } .search-form-wrapper #search_smart #product .product_null:first-child { display: block; } .search-form-wrapper #search_smart #product .product_null span { font-weight: bold; font-size: 15px; } .search-form-wrapper #search_smart #product .search-wrapper { display: flex; justify-content: flex-start; align-items: center; padding: 8px 0; border-bottom: solid 1px #ebebeb; margin: 0 20px; display: none; } .search-form-wrapper #search_smart #product .search-wrapper:nth-child(2), .search-form-wrapper #search_smart #product .search-wrapper:nth-child(3), .search-form-wrapper #search_smart #product .search-wrapper:nth-child(4) { display: flex; } .search-form-wrapper #search_smart #product .search-wrapper:last-child { border-bottom: 0; } .search-form-wrapper #search_smart #product .search-wrapper .prod_img { width: 10%; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info { width: 85%; padding-left: 20px; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info span.prod_title { font-size: 14px; font-weight: 500; margin-bottom: 2px; line-height: 20px; text-transform: uppercase; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info span.prod_title a { color: #000000; display: block; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info span.prod_title a:hover { color: #000000; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info span.price { font-size: 14px; font-weight: 600; color: #d3b673; } .search-form-wrapper #search_smart #product .search-wrapper .prod_info .compare_at_price { color: #ccc; margin-left: 20px; text-decoration: line-through; } .search-form-wrapper #search_smart #product .smart_search_prod .search_prod_title { display: flex; justify-content: space-between; padding: 2px 20px; background: #f1f1f1; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .search-form-wrapper #search_smart #product .smart_search_prod .search_prod_title span { font-weight: 700; } .search-form-wrapper #search_smart #product .smart_search_prod .search_prod_title a { color: #7a7878; font-size: 14px; } .search-form-wrapper #search_smart #article { background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .search-form-wrapper #search_smart #article .article_null { text-align: center; border-top: solid 1px #ccc; padding: 10px 0 10px; display: none; } .search-form-wrapper #search_smart #article .article_null:first-child { display: block; } .search-form-wrapper #search_smart #article .article_null span { font-weight: bold; font-size: 15px; } .search-form-wrapper #search_smart #article .search_artic_title { display: flex; justify-content: space-between; padding: 2px 20px; background: #f1f1f1; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; align-items: center !important; } .search-form-wrapper #search_smart #article .search_artic_title span { font-weight: 700; } .search-form-wrapper #search_smart #article .search_artic_title a { color: #7a7878; font-size: 14px; } .search-form-wrapper #search_smart #article .search-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; padding: 8px 0; border-bottom: solid 1px #ebebeb; margin: 0 20px; display: none; } .search-form-wrapper #search_smart #article .search-wrapper:nth-child(2), .search-form-wrapper #search_smart #article .search-wrapper:nth-child(3) { display: flex; } .search-form-wrapper #search_smart #article .search-wrapper:last-child { border-bottom: 0; } .search-form-wrapper #search_smart #article .search-wrapper .artic_img { max-width: 20%; } .search-form-wrapper #search_smart #article .search-wrapper .artic_info { width: 75%; padding-left: 20px; } .search-form-wrapper #search_smart #article .search-wrapper .artic_info span.artic_title { font-size: 14px; font-weight: 500; margin-bottom: 2px; line-height: 20px; text-transform: uppercase; } .search-form-wrapper #search_smart #article .search-wrapper .artic_info span.artic_title a { color: #000000; font-weight: bold; display: block; } .search-form-wrapper #search_smart #article .search-wrapper .artic_info span.artic_title a:hover { color: #000000; } .search-form-wrapper #search_smart #article .search-wrapper .artic_info .artic_info_price { margin: 0; font-size: 13px; line-height: 18px; color: #676565; } .search-form-wrapper.active { opacity: 1; pointer-events: all; margin-top: 0; } /*========================= search-form-wrapper-mb ==========================*/ .search-form-wrapper-mb { border: solid 1px transparent; top: 100% !important; left: 0 !important; z-index: 10000; height: auto; background-color: #fff !important; display: flex; flex-wrap: wrap; border-bottom: solid 1px #ebebeb; overflow-y: auto; width: 100%; opacity: 1; transition: all 0.4s; } .search-form-wrapper-mb #load_mb { display: none; width: 50px; margin: 0 auto; padding: 30px 0; } .search-form-wrapper-mb #load_mb.loading { display: block; } .search-form-wrapper-mb #searchauto_mb { width: 100%; } .search-form-wrapper-mb #searchauto_mb span#img_laoding_mb { position: absolute; width: 30px; height: 30px; right: 45px; top: calc(50% - 15px); opacity: 0; pointer-events: none; } .search-form-wrapper-mb #searchauto_mb span#img_laoding_mb.loading { opacity: 1; pointer-events: all; } .search-form-wrapper-mb #searchauto_mb .input-group { display: flex; justify-content: flex-start; align-items: center; } .search-form-wrapper-mb #searchauto_mb .input-group input#searchtext_mb { height: 45px; padding: 2px 10px; border: solid 1px transparent; border-radius: 30px; width: calc(100% - 45px); } .search-form-wrapper-mb #searchauto_mb .input-group span.input-group-btn { width: 45px; height: 45px; display: flex; justify-content: center; align-items: center; } .search-form-wrapper-mb #searchauto_mb .input-group span.input-group-btn button { color: #d3b673; } .search-form-wrapper-mb #search_smart_mb { display: block; } .search-form-wrapper-mb #search_smart_mb #product_mb { background: #fff; } .search-form-wrapper-mb #search_smart_mb #product_mb p.null { text-align: center; border-top: solid 1px #ccc; padding: 10px 0 10px; display: none; } .search-form-wrapper-mb #search_smart_mb #product_mb p.null:first-child { display: block; } .search-form-wrapper-mb #search_smart_mb #product_mb p.null span { font-weight: bold; font-size: 15px; } .search-form-wrapper-mb #search_smart_mb #product_mb .product_null { text-align: center; border-top: solid 1px #ebebeb; padding: 10px 0 10px; display: none; } .search-form-wrapper-mb #search_smart_mb #product_mb .product_null:first-child { display: block; } .search-form-wrapper-mb #search_smart_mb #product_mb .product_null span { font-weight: bold; font-size: 15px; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper { display: flex; justify-content: flex-start; align-items: center; padding: 6px 0; border-bottom: solid 1px #ebebeb; margin: 0px 5px; display: none; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper:nth-child(2), .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper:nth-child(3), .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper:nth-child(4) { display: flex; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper:last-child { border-bottom: 0; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_img { width: 20%; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_info { width: 80%; padding-left: 10px; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_info span.prod_title { font-size: 12px; font-weight: 500; margin-bottom: 2px; line-height: 20px; text-transform: uppercase; color: #000000; font-weight: bold; display: block; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_info span.prod_title:hover { color: #000000; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_info span.price { font-size: 12px; font-weight: 600; color: #d3b673; } .search-form-wrapper-mb #search_smart_mb #product_mb .search-wrapper .prod_info .compare_at_price { color: #ccc; margin-left: 20px; text-decoration: line-through; } .search-form-wrapper-mb #search_smart_mb #product_mb .smart_search_prod .search_prod_title { display: flex; justify-content: space-between; padding: 2px 20px; background: #f1f1f1; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; display: none; } .search-form-wrapper-mb #search_smart_mb #product_mb .smart_search_prod .search_prod_title:first-child { display: flex; } .search-form-wrapper-mb #search_smart_mb #product_mb .smart_search_prod .search_prod_title span { font-weight: 700; } .search-form-wrapper-mb #search_smart_mb #product_mb .smart_search_prod .search_prod_title a { color: #7a7878; font-size: 14px; padding: 0; } .search-form-wrapper-mb #search_smart_mb #article_mb { background: #fff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .search-form-wrapper-mb #search_smart_mb #article_mb .search_artic_title { display: flex; justify-content: space-between; padding: 2px 20px; background: #f1f1f1; border-bottom: 1px solid #ebebeb; border-top: 1px solid #ebebeb; align-items: center !important; display: none; } .search-form-wrapper-mb #search_smart_mb #article_mb .search_artic_title:first-child { display: flex; } .search-form-wrapper-mb #search_smart_mb #article_mb .search_artic_title span { font-weight: 700; } .search-form-wrapper-mb #search_smart_mb #article_mb .search_artic_title a { padding: 0; color: #7a7878; } .search-form-wrapper-mb #search_smart_mb #article_mb .article_null { text-align: center; border-top: solid 1px #ebebeb; padding: 10px 0 10px; display: none; } .search-form-wrapper-mb #search_smart_mb #article_mb .article_null:first-child { display: block; } .search-form-wrapper-mb #search_smart_mb #article_mb .article_null span { font-weight: bold; font-size: 15px; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper { display: flex; justify-content: flex-start; align-items: flex-start; padding: 8px 0; border-bottom: solid 1px #ebebeb; margin: 0px 5px; display: none; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper:nth-child(2), .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper:nth-child(3), .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper:nth-child(4) { display: flex; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper:last-child { border-bottom: 0; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper .artic_img { max-width: 20%; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper .artic_info { width: 75%; padding-left: 10px; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper .artic_info span.artic_title { font-size: 12px; font-weight: 500; margin-bottom: 2px; line-height: 20px; text-transform: uppercase; color: #000000; font-weight: bold; display: block; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper .artic_info span.artic_title:hover { color: #000000; } .search-form-wrapper-mb #search_smart_mb #article_mb .search-wrapper .artic_info .artic_info_price { margin: 0; font-size: 12px; line-height: 18px; color: #676565; } .search-form-wrapper.active { opacity: 1; pointer-events: all; margin-top: 0; } #search-wrapper { padding-top: 30px; padding-bottom: 30px; } #search-wrapper .search-title { margin-left: 15px; } #search-wrapper .search-title h3 { font-weight: bold; text-transform: uppercase; } #search-wrapper .list-search { padding: 5px; position: relative; } #search-wrapper .article-item { margin-right: 15px; margin-left: 15px; border: 1px solid #ccc; } #search-wrapper .article-item .article-info { padding: 5px 15px; } #search-wrapper .article-item .article-title { padding: 5px 15px; } #search-wrapper .article-item .article-desc { padding: 10px 15px; } .wapbooking { display: none; margin-bottom: 25px; text-align: center; } .wapbooking .btn-booking, .wapbooking .btn-booking-mb { background: #AE07FE; border: 1px solid #ffffff; font-size: 13px; text-align: center; border-radius: 20px; text-decoration: none; color: #ffffff; } @media (min-width: 768px) { .wapbooking .btn-booking, .wapbooking .btn-booking-mb { padding: 8px 30px 8px 30px; } } @media (max-width: 767px) { .wapbooking .btn-booking, .wapbooking .btn-booking-mb { padding: 8px; } } .wapbooking .btn-booking:hover, .wapbooking .btn-booking-mb:hover { background: #AE07FE; color: #ffffff; border: 1px solid #ffffff; } .product-schedule { color: #d02028; font-size: 16px; line-height: 27px; margin-top: 6px; text-overflow: ellipsis; } @media (max-width: 480px) { .product-schedule { font-size: 14px; margin-top: 0px; } } .product-item { border: none; } .product-item .product-type a:hover { color: #d02028; } .product-item .product-type-ver2 { padding-left: 10px; } @media (max-width: 767px) { .product-item .product-type-ver2 { padding-left: 0px; } } .home-choose .section-title { position: relative; } .home-choose .section-title .view_more { position: absolute; right: 0px; top: 0px; } .home-choose .item { position: relative; } .home-choose .product-item { margin: 15px 0px; } .home-choose img { width: 100%; } @media (min-width: 768px) { .home-choose .slick-list { margin: 0px 0px; } } @media (max-width: 767px) { .home-choose .product-item { margin: 5px; } .home-choose .slick-list { margin: 0px -5px; padding-bottom: 10px !important; } .home-choose .slick-list .item { padding: 5px; } } .book-mobile { padding: 20px; } .book-mobile h2 { text-align: right !important; } @media (max-width: 767px) { .book-mobile h2 { margin-top: 10px !important; font-size: 20px !important; } } .book-mobile svg { left: 10px; position: absolute; font-size: 29px; top: 24px; } .book-mobile .input-group, .book-mobile input, .book-mobile select { width: 100% !important; } .filter_search { position: fixed; bottom: 0px; width: 100%; background: #AE07FE; z-index: 9999999999999; padding: 10px; text-align: center; /*border: 2px solid #fff;*/ border-radius: 0px; } .filter_search button { color: #ffffff; } .filter_mb_wrapper .accordion { width: 100%; /* padding: 10px; */ font-size: 16px; text-align: left; margin-bottom: 10px; margin-top: 10px; font-weight: bold; color: #fff; } .loading_ { display: none; position: fixed; top: 50%; left: 50%; z-index: 9999999999999999; transform: translate(-50%, -50%); } .pro-transports { padding: 20px 10px 20px 20px; background: #1F1F29; margin-top: 20px; border-radius: 8px; color: #fff; } .pro-transports .readmore_btn { margin-bottom: 30px; } .pro-transports .pro-has-service { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; } .pro-transports .pro-has-service ul { width: 100%; column-count: 2; } .pro-transports .pro-has-service ul li { margin-right: 5px; } .pro-transports .pro-has-service span { width: 48%; color: rgba(0, 0, 0, 0.2); } .pro-transports .pro-has-service span svg { fill: rgba(0, 0, 0, 0.2); } .pro-transports .pro-has-service span.active { color: #000; } .pro-transports .pro-has-service span.active svg { fill: #000; } .pro-transports .pro-has-service svg { width: 14px; height: 14px; } @media (max-width: 767px) { .pro-transports { margin-top: 0px; padding: 20px; } .pro-transports .pro-no-service span, .pro-transports .pro-has-service span { margin: 0px !important; width: 50%; float: left; line-height: 34px; padding: 0px !important; } } .pro-transports span { padding: 6px 0px; /* border: 1px solid #000000; */ border-radius: 3px; margin-right: 5px; display: block; } @media (max-width: 767px) { .pro-transports span { margin-bottom: 10px; margin-top: 10px; display: block; } } @media (max-width: 480px) { .product-list { margin-left: -15px; } .product-list .grid__item { padding-left: 15px; } } .breadcrumb-content svg { margin: -1px 6px; } @media (min-width: 768px) { .sidebar_product { padding-left: 10px !important; } } @media (max-width: 767px) { .sidebar_product { margin-top: 0px; padding-left: 0px !important; } } .product-seen .item, #owl-related-products-slider .item { margin: 15px; } @media (max-width: 767px) { .product-seen .item, #owl-related-products-slider .item { margin: 5px; } } @media (min-width: 1368px) { .product-seen .item .product-img img, #owl-related-products-slider .item .product-img img { height: 166px; object-fit: cover; } } .phone-text { line-height: 17px; display: flex !important; align-items: center; font-size: 16px !important; color: #ffffff !important; background: #262626; color: #fff !important; padding: 10px 0px; border-radius: 10px; } .phone-text svg { margin-right: 9px; fill: #fff; } @media (max-width: 1199px) { .phone-text { font-size: 16px !important; } } .active_border { border-radius: 20px 20px 0px 0px !important; } .option_ { position: relative; } .option_ svg { color: #ffffff; position: absolute; right: 15px; top: 13px; } @media (max-width: 768px) { .option_ svg { top: 25px; } } @media (max-width: 767px) { .home-choose-list { padding-bottom: 0px; display: flex; flex-wrap: nowrap; overflow-x: auto; } .home-choose-list .item { float: left; width: 160px; display: inline-block; position: relative; list-style: none; flex: 0 0 auto; } } #gift { position: absolute; transform: rotate(-45deg); left: -3px; z-index: 999998; top: -4px; width: 60px; transform: rotate(-45deg); top: 1px; } @media (max-width: 767px) { #gift { width: 40px; } } .list-gift { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; transition: all 0.35s ease; width: 100%; height: 100%; background: #000; z-index: 99999; position: absolute; border-radius: 16px; top: 0px; } @media (max-width: 767px) { .list-gift { display: none !important; } } .product-img:hover .list-gift { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } @media (min-width: 1025px) { .product-item:hover #gift { width: 0; } } .list-gift { display: flex; justify-content: center; align-items: center; } .list-gift ul { margin: 0px; position: absolute; top: 50%; transform: translate(0%, -50%); } .list-gift ul li { color: #fff; font-size: 15px; list-style: none; } @media (max-width: 1200px) { .list-gift ul li { font-size: 13px; } } .list-gift li:before { content: "ยท"; font-size: 70px; vertical-align: middle; line-height: 20px; } .product-img img { max-width: 100%; width: 100%; } .product-img a { position: relative; } .relative-col, .seen-item { position: relative; } .relative-col #gift, .seen-item #gift { position: absolute; transform: rotate(-45deg); left: -17px; z-index: 9999; top: -4px; width: 60px; transform: rotate(-45deg); top: -13px; } @media (max-width: 768px) { .relative-col #gift, .seen-item #gift { position: absolute; transform: rotate(-45deg); left: -12px; z-index: 999998; top: -4px; width: 42px; transform: rotate(-45deg); top: -9px; } } .no_hasmore .slick-track, #owl-spdx .slick-track { margin-left: initial; } #customer_login .btn, #create_customer .btn { color: #fff; } #seen-products .tag-location { padding: 0px; color: #fff; height: 41px; overflow: hidden; } .w3-image { max-width: 100%; height: auto; } img { vertical-align: middle; } a { color: inherit; } .w3-table, .w3-table-all { border-collapse: collapse; border-spacing: 0; width: 100%; display: table; } .w3-table-all { border: 1px solid #ccc; } .w3-bordered tr, .w3-table-all tr { border-bottom: 1px solid #ddd; } .w3-striped tbody tr:nth-child(even) { background-color: #f1f1f1; } .w3-table-all tr:nth-child(odd) { background-color: #fff; } .w3-table-all tr:nth-child(even) { background-color: #f1f1f1; } .w3-hoverable tbody tr:hover, .w3-ul.w3-hoverable li:hover { background-color: #ccc; } .w3-centered tr th, .w3-centered tr td { text-align: center; } .w3-table td, .w3-table th, .w3-table-all td, .w3-table-all th { padding: 8px 8px; display: table-cell; text-align: left; vertical-align: top; } .w3-table th:first-child, .w3-table td:first-child, .w3-table-all th:first-child, .w3-table-all td:first-child { padding-left: 16px; } .w3-btn, .w3-button { border: none; display: inline-block; padding: 8px 16px; vertical-align: middle; overflow: hidden; text-decoration: none; color: inherit; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; } .w3-btn:hover { box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .w3-btn, .w3-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .w3-disabled, .w3-btn:disabled, .w3-button:disabled { cursor: not-allowed; opacity: 0.3; } .w3-disabled *, :disabled * { pointer-events: none; } .w3-btn.w3-disabled:hover, .w3-btn:disabled:hover { box-shadow: none; } .w3-badge, .w3-tag { background-color: #000; color: #fff; display: inline-block; padding-left: 8px; padding-right: 8px; text-align: center; } .w3-badge { border-radius: 50%; } .w3-ul { list-style-type: none; padding: 0; margin: 0; } .w3-ul li { padding: 8px 16px; border-bottom: 1px solid #ddd; } .w3-ul li:last-child { border-bottom: none; } .w3-tooltip, .w3-display-container { position: relative; } .w3-tooltip .w3-text { display: none; } .w3-tooltip:hover .w3-text { display: inline-block; } .w3-ripple:active { opacity: 0.5; } .w3-ripple { transition: opacity 0s; } .w3-input { padding: 8px; display: block; border: none; border-bottom: 1px solid #ccc; width: 100%; } .w3-select { padding: 9px 0; width: 100%; border: none; border-bottom: 1px solid #ccc; } .w3-dropdown-click, .w3-dropdown-hover { position: relative; display: inline-block; cursor: pointer; } .w3-dropdown-hover:hover .w3-dropdown-content { display: block; } .w3-dropdown-hover:first-child, .w3-dropdown-click:hover { background-color: #ccc; color: #000; } .w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child { background-color: #ccc; color: #000; } .w3-dropdown-content { cursor: auto; color: #000; background-color: #fff; display: none; position: absolute; min-width: 160px; margin: 0; padding: 0; z-index: 1; } .w3-check, .w3-radio { width: 24px; height: 24px; position: relative; top: 6px; } .w3-sidebar { height: 100%; width: 200px; background-color: #fff; position: fixed !important; z-index: 1; overflow: auto; } .w3-bar-block .w3-dropdown-hover, .w3-bar-block .w3-dropdown-click { width: 100%; } .w3-bar-block .w3-dropdown-hover .w3-dropdown-content, .w3-bar-block .w3-dropdown-click .w3-dropdown-content { min-width: 100%; } .w3-bar-block .w3-dropdown-hover .w3-button, .w3-bar-block .w3-dropdown-click .w3-button { width: 100%; text-align: left; padding: 8px 16px; } .w3-main, #main { transition: margin-left .4s; } .w3-modal { z-index: 9999999999999; display: none; padding-top: 100px; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.4); } .w3-modal-content { margin: auto; background: #1F1F29; position: relative; padding: 0; outline: 0; width: 600px; } .w3-bar { width: 100%; overflow: hidden; } .w3-center .w3-bar { display: inline-block; width: auto; } .w3-bar .w3-bar-item { padding: 8px 16px; float: left; width: auto; border: none; display: block; outline: 0; } .w3-bar .w3-dropdown-hover, .w3-bar .w3-dropdown-click { position: static; float: left; } .w3-bar .w3-button { white-space: normal; } .w3-bar-block .w3-bar-item { width: 100%; display: block; padding: 8px 16px; text-align: left; border: none; white-space: normal; float: none; outline: 0; } .w3-bar-block.w3-center .w3-bar-item { text-align: center; } .w3-block { display: block; width: 100%; } .w3-responsive { display: block; overflow-x: auto; } .w3-container:after, .w3-container:before, .w3-panel:after, .w3-panel:before, .w3-row:after, .w3-row:before, .w3-row-padding:after, .w3-row-padding:before, .w3-cell-row:before, .w3-cell-row:after, .w3-clear:after, .w3-clear:before, .w3-bar:before, .w3-bar:after { content: ""; display: table; clear: both; } .w3-col, .w3-half, .w3-third, .w3-twothird, .w3-threequarter, .w3-quarter { float: left; width: 100%; } .w3-col.s1 { width: 8.33333%; } .w3-col.s2 { width: 16.66666%; } .w3-col.s3 { width: 24.99999%; } .w3-col.s4 { width: 33.33333%; } .w3-col.s5 { width: 41.66666%; } .w3-col.s6 { width: 49.99999%; } .w3-col.s7 { width: 58.33333%; } .w3-col.s8 { width: 66.66666%; } .w3-col.s9 { width: 74.99999%; } .w3-col.s10 { width: 83.33333%; } .w3-col.s11 { width: 91.66666%; } .w3-col.s12 { width: 99.99999%; } @media (min-width: 601px) { .w3-col.m1 { width: 8.33333%; } .w3-col.m2 { width: 16.66666%; } .w3-col.m3, .w3-quarter { width: 24.99999%; } .w3-col.m4, .w3-third { width: 33.33333%; } .w3-col.m5 { width: 41.66666%; } .w3-col.m6, .w3-half { width: 49.99999%; } .w3-col.m7 { width: 58.33333%; } .w3-col.m8, .w3-twothird { width: 66.66666%; } .w3-col.m9, .w3-threequarter { width: 74.99999%; } .w3-col.m10 { width: 83.33333%; } .w3-col.m11 { width: 91.66666%; } .w3-col.m12 { width: 99.99999%; } } @media (min-width: 993px) { .w3-col.l1 { width: 8.33333%; } .w3-col.l2 { width: 16.66666%; } .w3-col.l3 { width: 24.99999%; } .w3-col.l4 { width: 33.33333%; } .w3-col.l5 { width: 41.66666%; } .w3-col.l6 { width: 49.99999%; } .w3-col.l7 { width: 58.33333%; } .w3-col.l8 { width: 66.66666%; } .w3-col.l9 { width: 74.99999%; } .w3-col.l10 { width: 83.33333%; } .w3-col.l11 { width: 91.66666%; } .w3-col.l12 { width: 99.99999%; } } .w3-rest { overflow: hidden; } .w3-stretch { margin-left: -16px; margin-right: -16px; } .w3-content, .w3-auto { margin-left: auto; margin-right: auto; } .w3-content { max-width: 980px; } .w3-auto { max-width: 1140px; } .w3-cell-row { display: table; width: 100%; } .w3-cell { display: table-cell; } .w3-cell-top { vertical-align: top; } .w3-cell-middle { vertical-align: middle; } .w3-cell-bottom { vertical-align: bottom; } .w3-hide { display: none !important; } .w3-show-block, .w3-show { display: block !important; } .w3-show-inline-block { display: inline-block !important; } @media (max-width: 1205px) { .w3-auto { max-width: 95%; } } @media (max-width: 768px) { .w3-modal-content { width: 500px; } .w3-modal { padding-top: 50px; } } @media (max-width: 600px) { .w3-modal-content { margin: 0 10px; width: auto !important; } .w3-modal { padding-top: 30px; } .w3-dropdown-hover.w3-mobile .w3-dropdown-content, .w3-dropdown-click.w3-mobile .w3-dropdown-content { position: relative; } .w3-hide-small { display: none !important; } .w3-mobile { display: block; width: 100% !important; } .w3-bar-item.w3-mobile, .w3-dropdown-hover.w3-mobile, .w3-dropdown-click.w3-mobile { text-align: center; } .w3-dropdown-hover.w3-mobile, .w3-dropdown-hover.w3-mobile .w3-btn, .w3-dropdown-hover.w3-mobile .w3-button, .w3-dropdown-click.w3-mobile, .w3-dropdown-click.w3-mobile .w3-btn, .w3-dropdown-click.w3-mobile .w3-button { width: 100%; } } @media (min-width: 993px) { .w3-modal-content { width: 900px; } .w3-hide-large { display: none !important; } .w3-sidebar.w3-collapse { display: block !important; } } @media (max-width: 992px) and (min-width: 601px) { .w3-hide-medium { display: none !important; } } @media (max-width: 992px) { .w3-sidebar.w3-collapse { display: none; } .w3-main { margin-left: 0 !important; margin-right: 0 !important; } .w3-auto { max-width: 100%; } } .w3-top, .w3-bottom { position: fixed; width: 100%; z-index: 1; } .w3-top { top: 0; } .w3-bottom { bottom: 0; } .w3-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 2; } .w3-display-topleft { position: absolute; left: 0; top: 0; } .w3-display-topright { position: absolute; right: 0; top: 0; } .w3-display-bottomleft { position: absolute; left: 0; bottom: 0; } .w3-display-bottomright { position: absolute; right: 0; bottom: 0; } .w3-display-middle { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .w3-display-left { position: absolute; top: 50%; left: 0%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); } .w3-display-right { position: absolute; top: 50%; right: 0%; transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); } .w3-display-topmiddle { position: absolute; left: 50%; top: 0; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); } .w3-display-bottommiddle { position: absolute; left: 50%; bottom: 0; transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); } .w3-display-container:hover .w3-display-hover { display: block; } .w3-display-container:hover span.w3-display-hover { display: inline-block; } .w3-display-hover { display: none; } .w3-display-position { position: absolute; } .w3-circle { border-radius: 50%; } .w3-round-small { border-radius: 2px; } .w3-round, .w3-round-medium { border-radius: 4px; } .w3-round-large { border-radius: 8px; } .w3-round-xlarge { border-radius: 16px; } .w3-round-xxlarge { border-radius: 32px; } .w3-row-padding, .w3-row-padding > .w3-half, .w3-row-padding > .w3-third, .w3-row-padding > .w3-twothird, .w3-row-padding > .w3-threequarter, .w3-row-padding > .w3-quarter, .w3-row-padding > .w3-col { padding: 0 8px; } .w3-container, .w3-panel { padding: 0.01em 16px; } .w3-panel { margin-top: 16px; margin-bottom: 16px; } .w3-code, .w3-codespan { font-family: Consolas,"courier new"; font-size: 16px; } .w3-code { width: auto; background-color: #fff; padding: 8px 12px; border-left: 4px solid #4CAF50; word-wrap: break-word; } .w3-codespan { color: crimson; background-color: #f1f1f1; padding-left: 4px; padding-right: 4px; font-size: 110%; } .w3-card, .w3-card-2 { box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); } .w3-card-4, .w3-hover-shadow:hover { box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.2), 0 4px 20px 0 rgba(0, 0, 0, 0.19); } .w3-spin { animation: w3-spin 2s infinite linear; } @keyframes w3-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .w3-animate-fading { animation: fading 10s infinite; } @keyframes fading { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } .w3-animate-opacity { animation: opac 0.8s; } @keyframes opac { from { opacity: 0; } to { opacity: 1; } } .w3-animate-top { position: relative; animation: animatetop 0.4s; } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } .w3-animate-left { position: relative; animation: animateleft 0.4s; } @keyframes animateleft { from { left: -300px; opacity: 0; } to { left: 0; opacity: 1; } } .w3-animate-right { position: relative; animation: animateright 0.4s; } @keyframes animateright { from { right: -300px; opacity: 0; } to { right: 0; opacity: 1; } } .w3-animate-bottom { position: relative; animation: animatebottom 0.4s; } @keyframes animatebottom { from { bottom: -300px; opacity: 0; } to { bottom: 0; opacity: 1; } } .w3-animate-zoom { animation: animatezoom 0.6s; } @keyframes animatezoom { from { transform: scale(0); } to { transform: scale(1); } } .w3-animate-input { transition: width 0.4s ease-in-out; } .w3-animate-input:focus { width: 100% !important; } .w3-opacity, .w3-hover-opacity:hover { opacity: 0.60; } .w3-opacity-off, .w3-hover-opacity-off:hover { opacity: 1; } .w3-opacity-max { opacity: 0.25; } .w3-opacity-min { opacity: 0.75; } .w3-greyscale-max, .w3-grayscale-max, .w3-hover-greyscale:hover, .w3-hover-grayscale:hover { filter: grayscale(100%); } .w3-greyscale, .w3-grayscale { filter: grayscale(75%); } .w3-greyscale-min, .w3-grayscale-min { filter: grayscale(50%); } .w3-sepia { filter: sepia(75%); } .w3-sepia-max, .w3-hover-sepia:hover { filter: sepia(100%); } .w3-sepia-min { filter: sepia(50%); } .w3-tiny { font-size: 10px !important; } .w3-small { font-size: 12px !important; } .w3-medium { font-size: 15px !important; } .w3-large { font-size: 18px !important; } .w3-xlarge { font-size: 24px !important; } .w3-xxlarge { font-size: 36px !important; } .w3-xxxlarge { font-size: 48px !important; } .w3-jumbo { font-size: 64px !important; } .w3-left-align { text-align: left !important; } .w3-right-align { text-align: right !important; } .w3-justify { text-align: justify !important; } .w3-center { text-align: center !important; } .w3-border-0 { border: 0 !important; } .w3-border { border: 1px solid #ccc !important; } .w3-border-top { border-top: 1px solid #ccc !important; } .w3-border-bottom { border-bottom: 1px solid #ccc !important; } .w3-border-left { border-left: 1px solid #ccc !important; } .w3-border-right { border-right: 1px solid #ccc !important; } .w3-topbar { border-top: 6px solid #ccc !important; } .w3-bottombar { border-bottom: 6px solid #ccc !important; } .w3-leftbar { border-left: 6px solid #ccc !important; } .w3-rightbar { border-right: 6px solid #ccc !important; } .w3-section, .w3-code { margin-top: 16px !important; margin-bottom: 16px !important; } .w3-margin { margin: 16px !important; } .w3-margin-top { margin-top: 16px !important; } .w3-margin-bottom { margin-bottom: 16px !important; } .w3-margin-left { margin-left: 16px !important; } .w3-margin-right { margin-right: 16px !important; } .w3-padding-small { padding: 4px 8px !important; } .w3-padding { padding: 8px 16px !important; } .w3-padding-large { padding: 12px 24px !important; } .w3-padding-16 { padding-top: 16px !important; padding-bottom: 16px !important; } .w3-padding-24 { padding-top: 24px !important; padding-bottom: 24px !important; } .w3-padding-32 { padding-top: 32px !important; padding-bottom: 32px !important; } .w3-padding-48 { padding-top: 48px !important; padding-bottom: 48px !important; } .w3-padding-64 { padding-top: 64px !important; padding-bottom: 64px !important; } .w3-left { float: left !important; } .w3-right { float: right !important; } .w3-transparent, .w3-hover-none:hover { background-color: transparent !important; } .w3-hover-none:hover { box-shadow: none !important; } @media (min-width: 993px) { .w3-modal-content { width: 500px !important; padding: 30px !important; border-radius: 5px; } } @media (max-width: 992px) { .w3-modal-content { padding: 30px 15px !important; border-radius: 5px; } } .close-w3 { background: #AE07FE; margin-top: 25px; padding: 10px 30px; color: #ffffff; border-radius: 5px; cursor: pointer; } .phone-book-call { font-size: 18px; font-weight: bold; } .body-w3 { padding-bottom: 35px !important; } .w3-display-topright { font-size: 38px; } #id01 h3 { color: #AE07FE; font-weight: 500; font-size: 23px; } #home-step { margin-bottom: 45px; } #home-step .section-title { margin-bottom: 20px; } #home-step .relative { position: relative; height: 260px; } @media (max-width: 767px) { #home-step .relative { margin-bottom: 20px; height: 228px; } #home-step .relative .step_number-2 { bottom: 6px !important; } } #home-step .relative .step_number-2 { position: absolute; right: -35px; bottom: -15px; } #home-step .relative:first-child .step_number_abs { display: none; } @media (max-width: 767px) { #home-step .relative:nth-child(4) { margin-left: 70px; } } #home-step .step_number_abs { position: absolute; width: 28px !important; left: 0px; top: 21%; line-height: 32px; } @media (max-width: 767px) { #home-step .step_number_abs { position: absolute; width: 18px !important; height: auto; left: -2px; top: 17%; line-height: 18px; } } @media (max-width: 767px) { #home-step img.step_number_abs { left: 6px; } } #home-step .step_number { color: #ffffff; border: 1px solid #c1bdbd; width: 40px; margin: auto; height: 40px; margin-top: 15px; line-height: 40px; font-weight: 700; font-size: 17px; border-radius: 50%; } #home-step img { width: 125px; } @media (max-width: 767px) { #home-step img { width: auto; height: 58px; } } #home-step a { color: #ffffff; } #home-step p { color: #a2a2a2; } #home-step .text-step { margin-bottom: 5px !important; margin-top: 30px; font-weight: 700; color: #ffffff; font-size: 16px; } @media (max-width: 767px) { #home-step .text-step { font-size: 13px; height: 76px; } } @media (min-width: 768px) { .home-choose-list, .slick-hide-before { display: none; } } .home-choose-list .slick-arrow:before { display: none; } .home-choose-list .slick-list { margin: 0px -8px; } .home-choose-list .slick-list .slick-slide { margin: 0 8px; } .hdt-right { display: flex; align-items: center; padding-left: 0px; } .item, .tag-location a { outline: none; } .item:focus, .tag-location a:focus { outline: none; } .sub-step { height: 38px; } .content-mucluc { margin-top: 25px; } .article-body ul, .article-body ol { margin-bottom: 10px; } .article-body ul ol, .article-body ol ol { list-style: disc; } .article-body blockquote { border-left: 0px solid #dbdbdd; font-style: initial; } .article-body p, .article-body span { font-family: "SF UI", Helvetica, Arial, sans-serif; } .btnContactSubmit { color: #fff; } .csb-wrapper .flex { display: flex; } .csb-wrapper .flex form { width: 100% !important; } #customize-search-bar { position: relative; } #customize-search-bar a { color: #262626; } @media (max-width: 768px) { #customize-search-bar a { color: #fff; } } #home-location-content { display: flex; flex-wrap: wrap; justify-content: space-between; } #home-location-content .item { box-sizing: border-box; flex: 0 0 32.33%; padding-bottom: 15px; } #home-location-content .item .hpromo-item { overflow: hidden; position: relative; } #home-location-content .item .hpromo-item img:hover { transform: scale(1.1); transition: all .9s; } #home-location-content .item .hpromo-item .hpromo-item-title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: rgba(0, 0, 0, 0.25) 0 0.125rem 0.125rem; color: #fff; font-size: 20px; font-weight: bold; } #home-location-content .item .hpromo-item .hpromo-item-title span { color: rgba(255, 255, 255, 0.8); text-shadow: rgba(0, 0, 0, 0.25) 0 0.125rem 0.125rem; color: #fff; font-size: 20px; font-weight: bold; } @media (max-width: 768px) { #home-location-content .item { flex: 0 0 48%; } } #home-location-content .item img { width: 100%; } .product-style1 { margin-bottom: 30px; background: #1F1F29; padding: 25px; margin-bottom: 25px; border-radius: 8px; } .product-style1 p, .product-style1 span { font-family: "SF UI", Helvetica, Arial, sans-serif; color: #fff; } .product-style1.product-menu { padding: 50px 50px 0px 50px; } @media (max-width: 767px) { .product-style1.product-menu { padding: 30px 30px 0px 30px; } } .product-detail-type { display: flex; justify-content: left; flex-wrap: wrap; margin-bottom: 5px; } @media (max-width: 767px) { .product-detail-type { display: block; } .product-detail-type .product-type { text-align: left; display: flex; } .product-detail-type .product-type span { padding-right: 3px; } .product-detail-type .product-price { padding: 0px; text-align: left; } } .product-detail-type > div { padding: 0px 5px; } .product-detail-type > div.product-type { padding-left: 0px !important; } .product-detail-type .product-price .product-price-content span { color: rgba(0, 0, 0, 0.2); } .sidebar-sort .product-price-content span { color: rgba(0, 0, 0, 0.2); } .sidebar-sort .filter-vendor__item { display: flex; color: #fff; } .sidebar-sort .filter-vendor__item span { color: #fff; } .tag-pro { padding-left: 0px; display: flex; margin-top: 10px; margin-bottom: 10px; flex-wrap: wrap; align-items: center; } .tag-pro li { list-style: none; } .tag-pro li a { font-size: 14px; font-weight: 500; line-height: 20px; color: #ffffff; border: 2px solid #ffffff; border-radius: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: 8px; padding: 5px 16px; cursor: pointer; } @media (max-width: 767px) { .tag-pro li a { font-size: 12px; margin: 3px; } } .tag-pro li a:hover { border: 2px solid #AE07FE; } .js-nav { box-shadow: 0 1px 6px #dcdcdc; display: none; position: fixed; z-index: 9999; top: 0px; background: #1F1F29; } @media (max-width: 768px) { .js-nav ul { margin-left: 10px; } .js-nav ul li { padding: 9px !important; } } @media (max-width: 321px) { .js-nav ul { margin-left: 10px; } .js-nav ul li { padding: 7px !important; } .js-nav ul li a { font-size: 12px !important; } } .js-nav ul { display: flex; margin-bottom: 0px; } .js-nav ul li { list-style: none; padding: 17px; } .js-nav ul li.active { margin-bottom: 0px; border-bottom: 2px solid #AE07FE; } .js-nav ul li.active a { color: #AE07FE; } .js-nav ul li a { color: #fff; } .textUudai { color: #AE07FE; font-size: 17px; font-weight: 700; min-height: 22px; } @media (max-width: 767px) { .textUudai { font-size: 13px; } } .item_uudai { display: flex; justify-content: space-between; padding: 1rem; flex-wrap: wrap; border: 1px solid #d8d9db; border-radius: 4px; margin-bottom: 1rem; } .item_uudai .item_uudai_info { width: 80%; } @media (max-width: 767px) { .item_uudai .item_uudai_info { width: 100%; } } @media (max-width: 767px) { .item_uudai .item_uudai_btn { width: 100%; } .item_uudai .item_uudai_btn button { width: 100%; } } .item_uudai .item_uudai_btn button { font-weight: bold; border-radius: 4px; background-color: #AE07FE; color: #ffffff; border-width: 0; padding: 8px 10px; } .haravan-product-reviews-badge { display: flex; } .haravan-product-reviews-badge .hrv-product-reviews-star { padding-right: 10px; } .haravan-product-reviews-badge .hrv-product-reviews-star i { font-size: 14px !important; } .pro-has-clock { margin-bottom: 10px; } .pro-has-clock ul { margin-bottom: 10px; } #list-product .product-item-info { padding-top: 0px; } #list-product .product-img { display: flex; width: 100%; flex-wrap: wrap; } #list-product .product-img > a { width: 37%; margin-top: 5px; } #list-product .product-img .product-item-info { width: 63%; padding-left: 20px; } .des ul { margin-bottom: 0px; } .wrap_no_search { height: 30vh; } #checkin-date-desktop { width: 100% !important; } .doitac-pb2 { max-width: 600px; margin: auto; } .doitac-pb2 img { width: 250px; } .doitac-pb2 label { font-weight: bold; color: #000; margin-bottom: 10px; } .doitac-pb2 label span { color: red; } .doitac-pb2 input { margin-top: 5px; margin-bottom: 15px; } .doitac-pb2 .flex { display: flex; justify-content: center; } .doitac-pb2 .flex input { color: #fff; background: #AE07FE; } #selectbox { color: #fff; background-image: url(ico-select-whitec889.svg?v=350); } .template-search .textUudai { height: 20px; } .fb_dialog_content iframe { margin-bottom: 20px !important; } @media only screen and (max-width: 480px) { .small--location-custom { width: 27%; } .small--order-custom { width: 20%; } } .list-blog-header ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; border-bottom: 1px solid #e5e5e5; margin-left: 0px; margin-bottom: 20px; } .list-blog-header ul li { padding: 12px 10px; margin-bottom: 0px; } .list-blog-header ul li a { font-size: 14px; } @media (max-width: 767px) { #owl-blog-suggest { margin-bottom: 0px !important; padding: 0px 20px; } #owl-blog-suggest a { font-size: 13px; } #owl-blog-suggest .owl-nav > div.owl-next { right: 0px; background: transparent !important; box-shadow: none; } #owl-blog-suggest .owl-nav > div.owl-prev { background: transparent !important; box-shadow: none; left: 0px; } } #owl-blog-suggest li { text-align: center; } .input-group-full { width: 100%; } .ft-web .ft-web-wrapper { margin-top: 15px; display: flex; flex-wrap: wrap; } .ft-web .ft-web-wrapper img { max-height: 48px; margin-bottom: 10px; } .list-search .product-img img { object-fit: cover; } @media (max-width: 767px) { .list-search .product-img img { height: 100px; } } @media (min-width: 768px) { .list-search .product-img img { height: 165px; } } @media (min-width: 1024px) { .list-search .product-img img { height: 165px; } } @media (min-width: 1200px) { .list-search .product-img img { height: 245px; } } #collection-wrapper .product-item .product-img > a { display: block; position: relative; } #collection-wrapper .product-item .product-img > a:before { content: ''; display: block; position: relative; padding-top: 67%; } #collection-wrapper .product-item .product-img > a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .article-body.article-content-wrap a, .article-body.article-content-wrap span a { color: #2196f3 !important; }