/*#e6e6e6*/ /*#c40d2e*/ /*#222222*/ /*#333333*/ /*#fff*/ /*#666666*/ /*#ffffff*/ /*#23527c*/ /*#333333*/ /*#e32124*/ /*#ffffff*/ /*#333333*/ /*#e32124*/ /*#f7f7f7*/ /*#c40d2e*/ /*#fff*/ /*#fff*/ /*#c40d2e*/ /*#fff*/ /*#222222*/ .product-item .product-info .product-title a, .product-item .product-img .product-tags > span, header .header-top .header-icon a, header .header-top .header-cart .quickview-cart .cart-list p, header .header-top .header-cart .quickview-cart .cart-list .cart-item .cart-info, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info a.view-detail, #home-article .article-most-view .most-view-content .most-view-item .article-info > div, .blogs-all .article-most-view .most-view-content .most-view-item .article-info > div, #home-shopping .section-slogan, footer .footer-top .footer-subscribe .contact-form .input-group .input-group-field, button.accordion:before, .collection-header .form-horizontal, .collection-header .form-horizontal select, .product-buy-now-sidebar .product-title .product-sku, .blogs-all .blog-single-item .featured-article-item .featured-info > div, .article-item .article-info > div, .article-wrapper .tags-article ul li a, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button { font-size: 12px; } header .header-top .header-cart .quickview-cart h3, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest header h2, .product-wapper .product-single .product-page h1, .product-wapper .product-single .product-page .product-rating .haravan-product-reviews-badge .hrv-product-reviews-star i, .article-wrapper .related-artcile .related-article-title, #productQuickView .modal-content .product-more-info, #productQuickView .modal-content .product-price-wrapper #PriceSaving, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, #page-wrapper .contact-content .contact-item .contact-info, .popup .popup-content form input, .popup .popup-content form button, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { font-size: 14px; } header .header-top .header-icon a .fa, #home-article .article-most-view .most-view-title, .blogs-all .article-most-view .most-view-title, .blogs-all .blog-single-item .featured-article-item .featured-info .article-desc, .article-item .article-info .article-title, .blog-wrapper #featured-article-slider .item .article-info .blog-title, #productQuickView .modal-content .product-price-wrapper del, .popup .popup-content .form-desc, #modalAddComplete .modal-cart-status h2 { font-size: 16px; } .product-item .product-img .product-actions > div > button.btnQuickView, .product-item .product-img .product-actions > div > button.btnAddToCart, header .header-top .header-search .input-group .input-group-addon input[type=submit], .collection-header .collection-title h1, .product-wapper .product-tabs .tabcontent h2, .product-wapper .product-wrapper-related h2, .product-wapper #seen-products h2, .product-buy-now-sidebar .product-info .line-price .ProductPrice, .product-buy-now-sidebar .product-info .buy-now-sidebar, #shopmap-page .your-address, #shopmap-page .list-shop h2, .popup .popup-content .popup-title, .popup .popup-content .popup-social-network, #modalAddComplete .modal-tbl-cart table td.product-remove > a { font-size: 18px; } .section-title, #home-article #home-slide-article .article-slider-item .article-info .article-title, .blogs-all #home-slide-article .article-slider-item .article-info .article-title, footer .footer-top .footer-hotline .footer-top-info a, .product-policy .policy-header p a, .blogs-all h2 span, .article-wrapper .article-content .article-header .article-title, .blog-wrapper #featured-article-slider .item .article-info .article-title, #page-wrapper h1, #back-to-top { font-size: 24px; } .product-item .product-info .product-price > span.current-price, .product-item .product-img .product-actions > div > button.btnBuyNow, .btnBuyNow, header .header-top .header-cart .quickview-cart h3, header .header-top .header-cart .quickview-cart .quickview-cart-actions > a, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest header h2, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info .pro-price .price, .section-title, .view-more a, #home-video .section-inner .video-ads p.video-title, #home-article .article-most-view .most-view-title, .blogs-all .article-most-view .most-view-title, #home-shopping .customer-info, footer .footer-top .footer-hotline .footer-top-icon, footer .footer-top .footer-subscribe .contact-form .input-group .input-group-btn button, button.accordion, div.panel > ul > li > a, .collection-header .collection-title h1, .product-wapper .product-single .product-page h1, .product-wapper .product-single .product-page .product-info .line-price .ProductPrice, .product-wapper .product-single .product-page .product-info .line-price .ComparePrice, .product-wapper .product-single .product-page .view-size p .openSize, .product-wapper .product-single .product-page .view-color p .openColor, .product-wapper .product-single .product-page .qty-addcart .quantity-selector, .product-wapper .product-single .product-page .product-actions button, .product-wapper .product-tabs .tab button, .product-wapper .product-tabs .tabcontent h2, .product-wapper .product-wrapper-related h2, .product-wapper #seen-products h2, .product-buy-now-sidebar .product-title, .product-buy-now-sidebar .product-title .product-sku, .product-buy-now-sidebar .product-info .line-price .ProductPrice, .product-buy-now-sidebar .product-info .buy-now-sidebar, .product-policy .policy-header .title, .product-policy .policy-header p a, .close, .article-topic .article-sb-title h3, .article-wrapper .article-content .article-header .article-title, .article-wrapper .tags-article ul li a, .blog-wrapper #featured-article-slider .item .article-info .blog-title, #productQuickView .modal-content form .form-input.hidden > label, #productQuickView .modal-content .close, #productQuickView .modal-content h4, #productQuickView .modal-content .product-price-wrapper span.p-price, #shopmap-page .your-address, #shopmap-page .list-shop h2, #page-wrapper h1, #page-wrapper .contact-form .contact-form-header, .popup .popup-content .popup-title, .popup .popup-content form button, .popup .close-popup, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span, #modalAddComplete .modal-tbl-cart table td.product-money, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, em#PriceSaving { font-family: "Arial" !important; font-weight: bold; } /* ----------------------------------- */ .product-item .product-info .product-title a, .product-item .product-img .product-tags > span.tag-new, .product-item .product-img .product-actions > div > button.btnBuyNow, .btnBuyNow, header .header-top .header-cart .quickview-cart h3, header .header-top .header-cart .quickview-cart .quickview-cart-actions > a, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest header h2, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-img .tag-new, .section-title, #home-article h2 span, .blogs-all h2 span, #home-article #home-slide-article .article-slider-item .article-info .article-cate, .blogs-all #home-slide-article .article-slider-item .article-info .article-cate, #home-article #home-slide-article .article-slider-item .article-info .article-title, .blogs-all #home-slide-article .article-slider-item .article-info .article-title, #home-article .article-most-view .most-view-title, .blogs-all .article-most-view .most-view-title, #home-article .article-most-view .most-view-content .most-view-item .cate-title, .blogs-all .article-most-view .most-view-content .most-view-item .cate-title, #home-shopping .customer-info, #home-categories .cate-list .cate-item a .cate-title, footer .footer-top .footer-subscribe .contact-form .input-group .input-group-btn button, .collection-header .collection-title h1, .product-wapper .product-single .product-page .product-actions button, .product-wapper .product-tabs .tab button, .product-wapper .product-tabs .tabcontent h2, .product-wapper .product-wrapper-related h2, .product-wapper #seen-products h2, .product-buy-now-sidebar .product-info .buy-now-sidebar, .product-policy .policy-header p b, .blog-header .blog-categories li, .article-wrapper .article-content .article-header .article-title, .blog-wrapper #featured-article-slider .item .article-info .blog-title, .blog-wrapper #featured-article-slider .item .article-info .article-title, #shopmap-page .your-address, #shopmap-page .list-shop h2, #page-wrapper h1, #page-wrapper .contact-form .contact-form-header, #page-wrapper .contact-form input[type=submit], .popup .popup-content .popup-title, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button { text-transform: uppercase !important; } .product-item .product-info .product-title a, .product-item .product-img a img, .product-item .product-img .product-actions > div > button, .product-item .list-variants-img ul li, header .header-top .header-search .input-group .input-group-addon input[type=submit], header .header-top .header-icon a, header .header-top .header-cart .quickview-cart, header .header-top .header-cart .quickview-cart .cart-list .cart-item .cart-info a, header .main-menu .menu-list .menu-item .megamenu-wrapper, header .main-menu .menu-list .menu-item .megamenu-wrapper .list-size li a, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-img img, header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info a, header .main-menu .menu-list .menu-item .menu-link .menu-img-hover, header .main-menu .menu-list .menu-item .menu-link .menu-img, header .main-menu .menu-list .menu-item .menu-title, .view-more a i, #home-video .section-inner .video-ads .openYoutube, #home-article #home-slide-article .article-slider-item .article-img img, .blogs-all #home-slide-article .article-slider-item .article-img img, #home-article #home-slide-article .article-slider-item .article-info .article-title, .blogs-all #home-slide-article .article-slider-item .article-info .article-title, #home-article .article-most-view .most-view-content .most-view-item .article-img img, .blogs-all .article-most-view .most-view-content .most-view-item .article-img img, #home-article .article-most-view .most-view-content .most-view-item .article-title, .blogs-all .article-most-view .most-view-content .most-view-item .article-title, #home-shopping .customer-info, #home-shop-map .link-shop-map, #home-shop-map .link-shop-map a, #home-categories .cate-list .cate-item a img, footer .footer-top .footer-social .list-social-network .social-icon, footer .footer-menu ul li a, footer .footer-copyright p a, #breadcrumb-wrapper .breadcrumb-small a, button.accordion:before, div.panel > ul > li > a, div.panel > ul > li > ul > li > a, .product-wapper .product-tabs .tab button, .blog-header .blog-categories li, .blogs-all .blog-single-item .featured-article-item .featured-img a img, .article-item .article-img a img, .article-item .article-info .article-title, .article-wrapper .related-artcile ul li a, .article-wrapper .tags-article ul li a, .blog-wrapper .featured-article .item a .overlay, .blog-wrapper .featured-article .item a img, .blog-wrapper #featured-article-slider .item .article-img a img, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, #page-wrapper .cart-table .cart__row a, #page-wrapper .contact-content .contact-item .contact-icon, #page-wrapper .contact-content .contact-item .contact-info, #page-wrapper .contact-form input[type=submit], .pagination .pagination-custom i, .pagination .pagination-custom .page-node, #back-to-top, #modalAddComplete .modal-tbl-cart table td.product-remove > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .text-left a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .grid-flex { display: flex; flex-wrap: wrap; align-items: center; } .mobile-nav__item .mobile-nav__sublist .mobile-nav__item .mobile-nav__sublist .mobile-nav__item a { padding-left: 45px !important; } #NavDrawer { z-index: 999999; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .fb_iframe_widget iframe { max-width: 1000px; z-index: 9; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } .main-content { margin: 0px; padding: 0px; } /*-----Responsive ---*/ #mobile-bottom-navigation { position: fixed; bottom: 0; width: 100%; z-index: 99999; } #mobile-bottom-navigation .mobile-nav-item { display: block; height: 67px; padding: 0; text-align: center; background: #fefefe; position: relative; } #mobile-bottom-navigation .mobile-nav-item > a { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 16px; color: #333; display: inline-block; padding: 30px 0px; } #mobile-bottom-navigation .mobile-nav-item > a#myBtn4 { top: 50%; padding: 0px; } #mobile-bottom-navigation .mobile-nav-item > a i { font-size: 24px; color: #333; display: inline-block; margin-bottom: 3px; } #mobile-bottom-navigation .mobile-nav-item > a span.number { position: absolute; display: inline-block; top: -10px; left: 50%; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; text-align: center; font-size: 16px; color: #fff; background: #ffbb00; } #mobile-bottom-navigation div.grid__item:first-child > .mobile-nav-item { background: #ff0000; } #mobile-bottom-navigation div.grid__item:first-child > .mobile-nav-item a { color: #fff; } @media (min-width: 768px) { .bor-right { border-right: 10px solid #f6f6f6; padding-right: 15px; min-height: 340px; padding-top: 20px; } .suntory-alo-phone { display: none; } } @media (max-width: 480px) { .section-title { font-size: 16px !important; } .section-title .underline-title { with: 100px !important; } #collection-wrapper .collection-title h1 { text-align: center; } #collection-wrapper .form-horizontal { float: left !important; } #home-article .article-slider-item .article-img, .blogs-all .article-slider-item .article-img { height: 200px !important; } #home-article .article-slider-item .article-title, .blogs-all .article-slider-item .article-title { font-size: 14px !important; padding: 5px; display: block; } #home-article .most-view-item .article-info, .blogs-all .most-view-item .article-info { font-size: 12px !important; } #home-article .most-view-item .article-info a, .blogs-all .most-view-item .article-info a { margin: 0px !important; } #home-shop-map { height: 200px !important; } #home-shop-map .link-shop-map { margin: 0px 15px; border: 2px solid rgba(255, 255, 255, 0.7) !important; } #home-shop-map .link-shop-map a { font-size: 12px !important; padding: 10px 15px !important; } #home-categories .cate-item { width: 30%; } #home-categories .cate-item a { margin: 10px 0px !important; } #home-categories .cate-item a img { margin: 5px auto; max-width: 60px !important; margin-bottom: 0px !important; } #home-categories .cate-item a .cate-title { font-size: 10px; text-align: center; } .product-item { padding-bottom: 0px !important; } .product-item .product-img a { padding: 0px !important; } .product-item .product-info { margin: 5px 0px 0px !important; } .product-item .product-tags { font-size: 12px; } .article-item .article-title { font-size: 14px !important; line-height: 18px !important; } .view-more a { font-size: 12px !important; } #home-video { height: 300px !important; } #home-video .section-inner { right: 15px !important; left: 15px !important; } #home-video .video-adsa .openYoutube { font-size: 50px !important; } #home-video .video-adsa p { font-weight: bold !important; font-size: 14px !important; line-height: 24px !important; } .feature-article-item { margin-bottom: 10px; } .blogs-all .blog-single-item .featured-articles .article-title { font-size: 16px !important; line-height: 24px !important; } .blogs-all .blog-single-item .featured-articles .article-published { margin-bottom: 5px; } .blogs-all .blog-single-item .featured-articles .article-desc { font-size: 12px !important; line-height: 18px !important; } .product-wapper .product-single .product-single__photos { width: 100% !important; } .product-wapper .product-single .product-single__thumbnails { margin-bottom: 10px !important; width: 100% !important; } .product-wapper .product-single .product-single__thumbnails li { margin: 5px !important; } .product-wapper .product-single .product-single__thumbnails .product-thumb-control { display: none !important; } .product-wapper .product-single .product-single__thumbnails .owl-controls .owl-buttons > div { position: absolute; top: calc( 50% - 15px); width: 30px; height: 30px; line-height: 30px; text-align: center; background: #ffbb00; margin: 0px; border-radius: 0px; padding: 0px; } .product-wapper .product-single .product-single__thumbnails .owl-controls .owl-buttons > div.owl-prev { left: 5px; } .product-wapper .product-single .product-single__thumbnails .owl-controls .owl-buttons > div.owl-next { right: 5px; } .product-wapper .product-tabs { padding: 10px 0px !important; } .product-wapper .product-tabs .tab button { width: 100% !important; text-align: left !important; } .product-wapper .product-tabs .tab-content { font-size: 13px !important; padding: 10px !important; } #back-to-top { width: 34px !important; height: 34px !important; line-height: 34px !important; bottom: 70px !important; } .blog-wrapper .featured-article { display: none; } .blog-wrapper #featured-article-slider .item { height: 300px !important; } .blog-wrapper #featured-article-slider .item .article-img a { height: 100px; } .blog-wrapper #featured-article-slider .item .article-info .blog-title { margin: 0px 0px 10px 0px !important; } .blog-wrapper #featured-article-slider .item .article-info .article-title { font-size: 14px !important; line-height: 24px !important; } .blog-wrapper #featured-article-slider .item .article-info .article-desc { font-size: 12px !important; line-height: 18px !important; } .product-seen .product-item { border: 0px !important; } .owl-controls .owl-buttons > div { opacity: 1 !important; } .article-wrapper .social-share { float: left !important; margin: 5px 0px !important; } .article-wrapper hr { margin-bottom: 20px; } footer .footer-copyright .footer-certificate { padding-bottom: 67px; text-align: center !important; } } @media (max-width: 768px) { div#myModal4 { z-index: 99999999999 !important; -webkit-overflow-scrolling: touch; } div#myModal4 .modal-content { width: 100%; height: 100%; transform: translatey(0px) !important; padding: 0px; border-radius: 0px; margin: 0 !important; } div#myModal4 .modal-content .modal-image { padding: 20px; } div#myModal4 .modal-content h4 { padding: 20px; color: #fff; background: #ffbb00; } div#myModal4 .modal-content .close { color: #fff; font-size: 25px; padding: 20px 0px; } table { width: 100%; overflow: scroll; border-collapse: collapse; display: block !important; border-spacing: 0; } #home-video, #home-shop-map { background-attachment: scroll !important; } .product-item .product-actions button { transform: translate(0px) !important; height: 30px !important; } .product-item .product-actions button.btnBuyNow { font-size: 12px !important; } .product-item .product-actions button.btnAddToCart { font-size: 14px !important; width: 30px !important; } .product-item .product-info .product-title a { height: auto !important; } #home-categories .cate-item a img { border: 1px solid #000000 !important; } #home-article .most-view-title, .blogs-all .most-view-title { margin-top: 20px !important; } #collection-wrapper .form-horizontal { float: left !important; } footer .footer-top .footer-hotline, footer .footer-top .footer-social { margin-bottom: 30px; } footer .footer-top .footer-top-info a { font-size: 20px !important; } footer .footer-top .footer-social .social-icon { font-size: 30px !important; } } body { position: relative; line-height: normal !important; } body button, body h1, body h2, body h3 { line-height: normal; font-weight: normal; } img { vertical-align: middle; } .mg-bottom-30 { margin-bottom: 30px !important; } .mg-bottom-20 { margin-bottom: 20px !important; } .mg-top-30 { margin-top: 30px !important; } .mg-left-0 { margin-left: 0 !important; } .mg-left-5 { margin-left: -5px !important; } .mg-left-15 { margin-left: -15px !important; } .pd-left-0 { padding-left: 0 !important; } .pd-left-5 { padding-left: 5px !important; } .pd-left-15 { padding-left: 15px !important; } .product-item { position: relative; padding: 15px 5px; margin-bottom: 30px; } .product-item .product-info { margin: 5px 0px; } .product-item .product-info .product-title { margin-bottom: 5px; height: 27px; overflow: hidden; } .product-item .product-info .product-title a { color: #666666; display: block; } .product-item .product-info .product-title a:hover { color: #ffbb00; } .product-item .product-info .product-price { color: #000000; } .product-item .product-info .product-price > span { display: inline-block; } .product-item .product-info .product-price > span.original-price { margin-left: 10px; font-size: 13px; } .product-item .product-img { position: relative; overflow: hidden; } .product-item .product-img a { display: block; padding: 0px; } .product-item .product-img .product-tags > span { display: inline-block; padding: 5px; color: #fff; } .product-item .product-img .product-tags > span.tag-new { background: #000000; } .product-item .product-img .product-tags > span.tag-sale { background: #ef0000; } .product-item .product-img .product-actions { position: absolute; bottom: 0px; width: 100%; } .product-item .product-img .product-actions > div { display: flex; justify-content: center; } .product-item .product-img .product-actions > div > button { color: #fff; background: #e6a800; height: 40px; } .product-item .product-img .product-actions > div > button.btnQuickView, .product-item .product-img .product-actions > div > button.btnAddToCart { width: 40px; } .product-item .product-img .product-actions > div > button.btnQuickView { transform: translateX(-100px); } .product-item .product-img .product-actions > div > button.btnAddToCart { transform: translateX(100px); } .product-item .product-img .product-actions > div > button.btnBuyNow { margin: 0px 5px; padding: 0px 5px; transform: translateY(100px); } .product-item .product-img .product-actions > div > button:hover { background: #cc9600; } .product-item .list-variants-img ul { margin: 0px; } .product-item .list-variants-img ul li { display: inline-block; border: 1px solid #e6e6e6; margin: 0px; padding: 1px; } .product-item .list-variants-img ul li:hover { border: 1px solid #ffbb00; } .product-item:hover { box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.35); } .product-item:hover .product-info .product-title a { color: #ffbb00; } .product-item:hover .product-img a img { transform: scale(1.05); } .product-item:hover .product-img .product-actions button { transform: translate(0px) !important; } .btnBuyNow { padding: 10px 15px; width: 60%; color: #fff; background: #000; } /*-----------------Header------------------*/ header .scroll-header { position: fixed; left: 0px; right: 0px; z-index: 99; background: #ffffff; top: 0px; } header .header-top { padding: 5px 0px; background: #ffffff; } header .header-top .header-logo h1 { margin: 0px; font-size: 0px !important; padding: 0px; } header .header-top .header-logo h1 > a { display: block; width: 100%; } header .header-top .header-logo a { display: block; padding: 9px 0px; } header .header-top .header-search .input-group { width: 100%; } header .header-top .header-search .input-group .input-search { outline: none; color: #333333; width: 100%; border-radius: 50px; border: 2px solid #e6e6e6; padding: 5px 10px !important; margin: 3px 0px; } header .header-top .header-search .input-group .input-group-addon { position: absolute; right: 0px; top: 0px; } header .header-top .header-search .input-group .input-group-addon input[type=submit] { background: none; border: none; padding: 0px; width: 42px; height: 42px; text-align: center; line-height: 42px; outline: none; color: #333333; } header .header-top .header-search .input-group .input-group-addon:hover input[type=submit] { color: #ffbb00; } header .header-top .header-icon a { display: block; margin: 3px 0px; color: #333333; } header .header-top .header-icon a .fa { margin-right: 3px; width: 35px; height: 35px; line-height: 35px; text-align: center; background: #f7f7f7; border-radius: 50px; } header .header-top .header-icon a:hover { color: #ffbb00; } header .header-top .header-cart { position: relative; } header .header-top .header-cart .open-qv-cart .fa { background: #ffbb00 !important; color: #fff !important; } header .header-top .header-cart .quickview-cart { display: none; position: absolute; top: 50px; width: 300px; z-index: 99; background: #fff; right: 0px; box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); } header .header-top .header-cart .quickview-cart h3 { padding: 10px; background: #ffbb00; color: #fff; } header .header-top .header-cart .quickview-cart .close-qv-cart { cursor: pointer; position: absolute; top: 10px; right: 10px; color: #fff; } header .header-top .header-cart .quickview-cart .cart-list { margin: 10px; } header .header-top .header-cart .quickview-cart .cart-list .cart-item { position: relative; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .remove-cart { position: absolute; top: 25px; right: 0px; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .remove-cart i { background: none !important; color: #333333 !important; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .remove-cart:hover i { color: #ffbb00 !important; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .cart-info a { display: inline-block; margin-bottom: 5px; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .cart-info a:hover { color: #ffbb00; } header .header-top .header-cart .quickview-cart .cart-list .cart-item .cart-info span { display: block; margin: 5px 0px; } header .header-top .header-cart .quickview-cart .qv-total-cart { padding: 10px; background: #f6f6f6; } header .header-top .header-cart .quickview-cart .qv-total-cart strong { color: #ffbb00; } header .header-top .header-cart .quickview-cart .quickview-cart-actions { margin: 5px; } header .header-top .header-cart .quickview-cart .quickview-cart-actions > a { display: inline-block; width: 49%; height: 30px; line-height: 30px; text-align: center; border: 1px solid #ffbb00; } header .header-top .header-cart .quickview-cart .quickview-cart-actions > a.view-cart { color: #ffbb00; } header .header-top .header-cart .quickview-cart .quickview-cart-actions > a.checkout { background: #ffbb00; color: #fff; } header .main-menu { background: #f7f7f7; } header .main-menu .menu-list { margin: 0; } header .main-menu .menu-list .menu-item { display: inline-block; position: relative; padding: 5px 0px; width: 10%; margin: 0px 0px 0px -4px; border-right: 1px dashed #e6e6e6; } header .main-menu .menu-list .menu-item:last-child { border-right: none; } header .main-menu .menu-list .menu-item .megamenu-wrapper.lv2, header .main-menu .menu-list .menu-item .megamenu-wrapper.lv3 { max-width: 300px; } header .main-menu .menu-list .menu-item .megamenu-wrapper { position: absolute; z-index: 9; width: 550px; background: #f7f7f7; top: 100%; left: -4px; padding: 10px 30px; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.35); display: none; } header .main-menu .menu-list .menu-item .megamenu-wrapper .list-size li { display: flex; padding: 5px 0px; font-size: 13px; align-items: center; } header .main-menu .menu-list .menu-item .megamenu-wrapper .list-size li::before { content: '\f0da'; font-family: fontawesome; color: #333333; margin-right: 5px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .list-size li a { display: block; color: #333333; } header .main-menu .menu-list .menu-item .megamenu-wrapper .list-size li a:hover { color: #ffbb00; padding: 0px 5px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest header { position: relative; height: 1px; border-bottom: 1px solid #e6e6e6; margin: 20px 0px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest header h2 { position: absolute; top: -8px; left: calc(50% - 70px); background: #f7f7f7; color: #ffbb00; padding: 0px 5px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-img { overflow: hidden; position: relative; display: block; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-img .tag-new { position: absolute; top: 0px; left: 0px; background: #000000; padding: 5px 10px; color: #fff; font-size: 13px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-img:hover img { transform: scale(1.05); } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info a { display: block; margin-bottom: 10px; color: #333333; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info a:hover { color: #ffbb00; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info .pro-price { margin-bottom: 10px; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info .pro-price .price { color: #ffbb00; } header .main-menu .menu-list .menu-item .megamenu-wrapper .item-latest .pro-latest .pro-info .pro-price .price-old { font-size: 12px; font-style: italic; } header .main-menu .menu-list .menu-item .megamenu-wrapper .megamenu-wrapper.lv3 { left: 100% !important; top: auto !important; } header .main-menu .menu-list .menu-item .menu-link { display: block; position: relative; overflow: hidden; } header .main-menu .menu-list .menu-item .menu-link .menu-img-hover { position: absolute; bottom: 30px; left: 0px; width: 100%; display: block; height: 100%; opacity: 0; } header .main-menu .menu-list .menu-item .menu-title { display: block; text-align: center; font-size: 13px; color: #333333; padding: 10px 0px 5px; background: transparent; } header .main-menu .menu-list .menu-item:hover { background: #ffbb00; } header .main-menu .menu-list .menu-item:hover .menu-link .menu-img { transform: translateY(50px); } header .main-menu .menu-list .menu-item:hover .menu-link .menu-img-hover { opacity: 1; bottom: 0px; } header .main-menu .menu-list .menu-item:hover .menu-title { color: #fff; } header .main-menu .menu-list .menu-item:hover .megamenu-wrapper.lv2 { display: block; } header .main-menu .menu-list .menu-item.active { background: #ffbb00; } header .main-menu .menu-list .menu-item.active .menu-title { color: #fff; } header .menu-link2:hover .megamenu-wrapper.lv3 { display: block; } header .nav-mobi { background: #f7f7f7; position: relative; } header .nav-mobi .header-mobi-logo h1 { font-size: 0px; padding: 0px; margin: 0px; } header .nav-mobi .header-mobi-logo a { display: block; padding: 20px 0px !important; } header .nav-mobi .header-mobi-btn a, header .nav-mobi .header-mobi-form a { padding: 0px; width: 45px; height: 64px; line-height: 64px; font-size: 20px; color: #333333; } header .nav-mobi .header-mobi-form a { margin-right: 10px; } header .nav-mobi .header-mobi-form .search-wrapper { display: none; position: absolute; top: 46px; left: 0px; z-index: 99; } header .nav-mobi .header-mobi-form .search-wrapper .input-group input[type="text"] { width: 100%; } header .nav-mobi .header-mobi-form .search-wrapper .input-group .input-group-btn { background: #ffbb00; } header .nav-mobi .header-mobi-form .search-wrapper .input-group .input-group-btn button { color: #fff; font-size: 20px; width: 45px; } /*-----------------Main Slider ------------*/ #main-slider a img { width: 100%; } #main-slider .owl-controls .owl-pagination { position: absolute; bottom: 10px; width: 100%; } #main-slider .owl-controls .owl-pagination .owl-page span { background: #fff !important; border: 1px solid #ffbb00 !important; width: 15px; height: 15px; } #main-slider .owl-controls .owl-pagination .owl-page.active span, #main-slider .owl-controls .owl-pagination .owl-page:hover span { background: rgba(255, 187, 0, 0.84) !important; } .section-title { color: #000000; position: relative; margin-bottom: 30px; } .section-title::after { content: ''; height: 2px; width: 120px; position: absolute; bottom: -5px; left: calc(50% - 60px); background: #000000; } /*--------------------Home-collection------------*/ .view-more { margin-bottom: 15px; } .view-more a { color: #ef0000; } .view-more a i { transform: translateX(0px); } .view-more a:hover i { transform: translateX(10px); } /*--------------------Home-Video-----------------*/ #home-video { height: 400px; margin-bottom: 60px; background-attachment: fixed; background-position: top; background-repeat: no-repeat; background-size: cover; position: relative; } #home-video.lazyloaded { background: url("//theme.hstatic.net/1000283001/1000906898/14/home_video_bg.png?v=117"); } #home-video .section-overlay { background: rgba(0, 0, 0, 0.3); position: absolute; z-index: 1; top: 0; bottom: 0; right: 0; left: 0; } #home-video .section-inner { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; left: 0; display: flex; justify-content: center; align-items: center; } #home-video .section-inner .video-ads .openYoutube { font-size: 80px; color: #fff; opacity: 0.9; } #home-video .section-inner .video-ads .openYoutube:hover { color: #cc9600; } #home-video .section-inner .video-ads p { font-size: 20px; color: #fff; margin: 0px; } #home-video .section-inner .video-ads p.video-title { margin-bottom: 15px; } #home-video .view-more { position: absolute; bottom: -45px; width: 100%; } #hvModalYoutube { display: none; position: fixed; z-index: 9999999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.6); /* Add Animation */ } #hvModalYoutube .hvmy-modal-content { position: relative; background-color: #fff; margin: auto; padding: 0; border: 1px solid #e6e6e6; width: 80%; max-width: 700px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } #hvModalYoutube .hvmy-modal-content .hvmy-close { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: inline-block; text-align: center; padding: 0px; margin: 0px; background: #000000; 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; } } /*--------------------Home-Article---------------*/ #home-article h2, .blogs-all h2 { height: 30px; display: flex; justify-content: center; align-items: center; position: relative; margin: 0px 0px 5px; } #home-article h2 span, .blogs-all h2 span { z-index: 1; background: #fff; display: inline-block; padding: 3px 7px; } #home-article h2::before, .blogs-all h2::before, #home-article h2::after, .blogs-all h2::after { content: ''; position: absolute; width: 100%; left: 0px; background: #000000; } #home-article h2::after, .blogs-all h2::after { height: 1px; bottom: 40%; } #home-article h2::before, .blogs-all h2::before { top: 44%; height: 2px; } #home-article #home-slide-article .article-slider-item, .blogs-all #home-slide-article .article-slider-item { position: relative; } #home-article #home-slide-article .article-slider-item .article-img, .blogs-all #home-slide-article .article-slider-item .article-img { height: 450px; overflow: hidden; display: block; } #home-article #home-slide-article .article-slider-item .article-img img, .blogs-all #home-slide-article .article-slider-item .article-img img { width: 100%; } #home-article #home-slide-article .article-slider-item .article-img:hover img, .blogs-all #home-slide-article .article-slider-item .article-img:hover img { transform: scale(1.02); } #home-article #home-slide-article .article-slider-item .article-info, .blogs-all #home-slide-article .article-slider-item .article-info { position: absolute; bottom: 0px; width: 100%; background: rgba(255, 255, 255, 0.7); } #home-article #home-slide-article .article-slider-item .article-info .article-cate, .blogs-all #home-slide-article .article-slider-item .article-info .article-cate { display: inline-block; padding: 5px 10px; color: #fff; background: rgba(255, 187, 0, 0.6); } #home-article #home-slide-article .article-slider-item .article-info .article-title, .blogs-all #home-slide-article .article-slider-item .article-info .article-title { color: #000000; } #home-article #home-slide-article .article-slider-item .article-info .article-title:hover, .blogs-all #home-slide-article .article-slider-item .article-info .article-title:hover { color: #ffbb00; } #home-article #home-slide-article .owl-controls, .blogs-all #home-slide-article .owl-controls { margin: 0px; } #home-article #home-slide-article .owl-controls .owl-pagination, .blogs-all #home-slide-article .owl-controls .owl-pagination { display: none; } #home-article #home-slide-article .owl-controls .owl-buttons > div, .blogs-all #home-slide-article .owl-controls .owl-buttons > div { position: absolute; top: calc( 50% - 45px); background: none; font-size: 90px; } #home-article #home-slide-article .owl-controls .owl-buttons > div.owl-prev, .blogs-all #home-slide-article .owl-controls .owl-buttons > div.owl-prev { left: 0px; } #home-article #home-slide-article .owl-controls .owl-buttons > div.owl-next, .blogs-all #home-slide-article .owl-controls .owl-buttons > div.owl-next { right: 0px; } #home-article .article-most-view .most-view-title, .blogs-all .article-most-view .most-view-title { margin-bottom: 15px; } #home-article .article-most-view .most-view-content, .blogs-all .article-most-view .most-view-content { max-height: 381px; overflow-y: auto; } #home-article .article-most-view .most-view-content .most-view-item, .blogs-all .article-most-view .most-view-content .most-view-item { margin-bottom: 15px; } #home-article .article-most-view .most-view-content .most-view-item .article-img, .blogs-all .article-most-view .most-view-content .most-view-item .article-img { display: block; overflow: hidden; height: 85px; } #home-article .article-most-view .most-view-content .most-view-item .article-img img, .blogs-all .article-most-view .most-view-content .most-view-item .article-img img { width: 100%; } #home-article .article-most-view .most-view-content .most-view-item .article-img:hover img, .blogs-all .article-most-view .most-view-content .most-view-item .article-img:hover img { transform: scale(1.02); } #home-article .article-most-view .most-view-content .most-view-item .article-info > div, .blogs-all .article-most-view .most-view-content .most-view-item .article-info > div { color: rgba(0, 0, 0, 0.8); display: inline-block; margin-right: 5px; margin-bottom: 5px; } #home-article .article-most-view .most-view-content .most-view-item .article-info > div:last-child, .blogs-all .article-most-view .most-view-content .most-view-item .article-info > div:last-child { margin-right: 0px !important; } #home-article .article-most-view .most-view-content .most-view-item .article-title, .blogs-all .article-most-view .most-view-content .most-view-item .article-title { display: block; line-height: 20px; color: #000000; margin-bottom: 5px; font-size: 14px; } #home-article .article-most-view .most-view-content .most-view-item .article-title:hover, .blogs-all .article-most-view .most-view-content .most-view-item .article-title:hover { color: #ffbb00; } #home-article .article-most-view .most-view-content .most-view-item .published-at, .blogs-all .article-most-view .most-view-content .most-view-item .published-at { font-size: 11px; } #home-article .article-most-view .most-view-content .most-view-item .cate-title, .blogs-all .article-most-view .most-view-content .most-view-item .cate-title { display: block; color: #ffbb00; line-height: 20px; font-size: 11px; } #home-article .article-most-view .most-view-content::-webkit-scrollbar, .blogs-all .article-most-view .most-view-content::-webkit-scrollbar { width: 4px; background: #fff; } #home-article .article-most-view .most-view-content::-webkit-scrollbar-thumb, .blogs-all .article-most-view .most-view-content::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } #home-shopping { padding-top: 30px; border-top: 1px solid #f5f5f5; } #home-shopping h2 { margin-bottom: 5px; } #home-shopping h2::after { content: ''; height: 0px; backgroun: none; } #home-shopping .section-slogan { color: #000000; } #home-shopping .slide-outer { overflow-x: hidden; } #home-shopping .customer-info { margin: 10px 0px; } #home-shopping .owl-controls .owl-pagination { display: none; } #home-shop-map { height: 340px; background: url("//theme.hstatic.net/1000283001/1000906898/14/home_sm_bg.png?v=117"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; } #home-shop-map .link-shop-map { border: 1px solid #e6e6e6; background: rgba(0, 0, 0, 0.8); } #home-shop-map .link-shop-map a { display: block; padding: 17px 20px; font-size: 30px; color: #e6e6e6; } #home-shop-map .link-shop-map:hover { border: 1px solid #000000; background: #000000; } #home-shop-map .link-shop-map:hover a { color: #fff; } #home-categories { background: #e5e5e5; padding: 15px 0px; } #home-categories .cate-list { margin: 0px; } #home-categories .cate-list .cate-item a { margin: 0px 15px; display: block; color: #000000; } #home-categories .cate-list .cate-item a img { border-radius: 50px; border: 1px solid #ddd; margin-bottom: 10px; max-width: 100px; padding: 10px; margin-bottom: 10px; display: block; } #home-categories .cate-list .cate-item a:hover img { border: 1px solid #000; transform: rotateY(360deg); } footer { background: #ffbb00; } footer .footer-top { padding: 20px 0px; } footer .footer-top h4 { font-size: 12px; color: #ffffff; text-transform: uppercase; } footer .footer-top .footer-hotline { display: flex; align-items: center; position: relative; } @media (max-width: 767px) { footer .footer-top .footer-hotline { justify-content: center; } } footer .footer-top .footer-hotline .footer-top-icon { margin: auto; font-size: 20px; width: 35px; height: 35px; border: 2px solid #be2a26; line-height: 35px; text-align: center; color: #000; border-radius: 50px; position: absolute; left: -40px; } @media (max-width: 767px) { footer .footer-top .footer-hotline .footer-top-icon { display: none; } } footer .footer-top .footer-hotline .footer-top-info a { display: block; color: #000; margin-bottom: 5px; } footer .footer-top .footer-hotline .footer-top-info span { color: #170202; font-size: 12px; } footer .footer-top .footer-subscribe .contact-form { margin-top: 15px; } footer .footer-top .footer-subscribe .contact-form .input-group { margin: auto; width: 100%; } footer .footer-top .footer-subscribe .contact-form .input-group .input-group-field { border-radius: 0px; outline: none; } footer .footer-top .footer-subscribe .contact-form .input-group .input-group-btn { width: 40%; text-align: center; background: #000000; } footer .footer-top .footer-subscribe .contact-form .input-group .input-group-btn button { color: #fff; } footer .footer-top .footer-social .list-social-network { margin-top: 15px; } footer .footer-top .footer-social .list-social-network .social-icon { display: inline-block; font-size: 22px; color: #170202; margin-right: 10px; } footer .footer-top .footer-social .list-social-network .social-icon.icon-fb:hover { color: #3B5998; } footer .footer-top .footer-social .list-social-network .social-icon.icon-inst:hover { color: #7B472C; } footer .footer-top .footer-social .list-social-network .social-icon.icon-yt:hover { color: #CC181E; } footer .footer-top .footer-social .list-social-network .social-icon.icon-tw:hover { color: #28a9e0; } footer .footer-top .footer-social .list-social-network .social-icon.icon-gg:hover { color: #ce4539; } footer .footer-menu { background: #f4f4f4; } footer .footer-menu ul { padding-top: 15px; font-size: 12px; text-align: center; } footer .footer-menu ul li { margin: 5px 0px !important; } footer .footer-menu ul li a { color: #170202; padding: 2px 10px; } footer .footer-menu ul li a:hover { color: #ffbb00; } footer .footer-menu ul li:after { content: ''; border-right: 1px solid #e6e6e6; } footer .footer-menu ul li:last-child:after { content: ''; border-right: 0px; } footer .footer-copyright { background: #e5e5e5; padding: 10px 0px; color: #170202; font-size: 12px; } footer .footer-copyright p a { color: #170202; } footer .footer-copyright p a:hover { color: #ffbb00; } footer .footer-copyright .footer-address { line-height: 18px; } footer .footer-copyright .footer-certificate { text-align: right; } #breadcrumb-wrapper .breadcrumb-small { padding: 15px 0px; font-size: 12px; color: #333333; } #breadcrumb-wrapper .breadcrumb-small a { color: #333333; } #breadcrumb-wrapper .breadcrumb-small a:hover { color: #ffbb00; } #breadcrumb-wrapper .breadcrumb-small span .fa { margin: 7px; } button.accordion { position: relative; color: #000000; width: 100%; outline: none; margin: 0px; padding: 10px 15px 10px 20px; text-transform: uppercase; text-align: left; } button.accordion span { display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #000000; } button.accordion:before { content: '\f067'; font-family: FontAwesome; color: #000000; position: absolute; top: calc(50% - 9px); left: 0px; } button.accordion.active:before { content: "\f068"; } div.panel { padding: 0 15px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } div.panel > ul { margin: 0px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } div.panel > ul > li { margin-bottom: 5px; } div.panel > ul > li:last-child { margin: 0px !important; } div.panel > ul > li > a { display: inline-block; position: relative; color: #000000; border: 1px solid transparent; } div.panel > ul > li > a:hover { color: #ffbb00; } div.panel > ul > li.active > a { color: #ffbb00; border-bottom: 1px solid; } div.panel > ul > li > ul { margin: 0px; } div.panel > ul > li > ul > li { margin: 5px 0px; padding-left: 15px; } div.panel > ul > li > ul > li > a { display: inline-block; position: relative; color: #000000; } div.panel > ul > li > ul > li > a:hover { color: #ffbb00; } .collection-sidebar .collection-categories { margin-top: 3px; } .collection-sidebar .collection-item label { display: flex; } .collection-sidebar .collection-item input[type="checkbox"] { -webkit-appearance: none; width: 15px; height: 15px; display: inline-block; vertical-align: middle; overflow: hidden; outline: none; background: none; } .collection-sidebar .collection-item input[type="checkbox"]:checked:after { content: '\2714'; font-size: 14px; line-height: 15px; text-align: center; display: block; outline: none; color: #ffbb00; outline: 1px solid #fff; } .collection-sidebar .collection-item input[type="radio"] { -webkit-appearance: none; width: 15px; height: 15px; outline: none; display: inline-block; vertical-align: middle; overflow: hidden; } .collection-sidebar .collection-item input[type="radio"]:checked:after { content: '\2714'; font-size: 14px; line-height: 15px; text-align: center; display: block; outline: none; color: #ffbb00; outline: 1px solid #fff; } .collection-header { background: #f7f7f7; } .collection-header .collection-title h1 { margin: 0px; line-height: 50px; padding: 0px 10px; } .collection-header .form-horizontal { margin: 5px; } .collection-header .form-horizontal select { background-color: #fff; outline: none; } .collection-desc { margin-top: 20px; } .product-wapper .product-single .product-single__photos { width: calc(100% - 115px); float: right; } .product-wapper .product-single .product-single__photos li { margin: 0px; } .product-wapper .product-single .product-single__photos .owl-controls { display: none; } .product-wapper .product-single .product-single__thumbnails { width: 100px; float: left; margin: 0px; position: relative; overflow: hidden; } .product-wapper .product-single .product-single__thumbnails li { border: 1px solid #ddd; margin-bottom: 5px; } .product-wapper .product-single .product-single__thumbnails li:last-child { margin: 0px; } .product-wapper .product-single .product-single__thumbnails .product-thumb-control > button { position: absolute; left: calc(50% - 15px); width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 0px; padding: 0px; outline: none; background: #e6a800; } .product-wapper .product-single .product-single__thumbnails .product-thumb-control > button.up { top: 0px; } .product-wapper .product-single .product-single__thumbnails .product-thumb-control > button.down { bottom: 0px; } .product-wapper .product-single .product-page .share-social { display: inline-block; margin-bottom: 10px; } .product-wapper .product-single .product-page h1 { margin-bottom: 5px; } .product-wapper .product-single .product-page .product-more-info { margin-bottom: 10px; } .product-wapper .product-single .product-page .product-more-info .product-sku { font-size: 12px; } .product-wapper .product-single .product-page .product-info .line-price { margin-bottom: 5px; } .product-wapper .product-single .product-page .product-info .line-price .ProductPrice { font-size: 22px; color: #ef0000; } .product-wapper .product-single .product-page .product-info .line-price .ComparePrice { color: #000000; } .product-wapper .product-single .product-page .product-info p { margin-bottom: 10px; } .product-wapper .product-single .product-page .view-size p { font-size: 14px; margin: 5px 0px; } .product-wapper .product-single .product-page .view-size p .openSize { margin-left: 5px; color: #037bc0; } .product-wapper .product-single .product-page .view-color p { font-size: 14px; margin: 5px 0px; } .product-wapper .product-single .product-page .view-color p .openColor { margin-left: 5px; color: #037bc0; } .product-wapper .product-single .product-page .product-rating .haravan-product-reviews-badge { margin: 5px 0px; display: flex; margin-right: 10px; } .product-wapper .product-single .product-page .product-rating .haravan-product-reviews-badge p { margin: 0px 0px 0px 10px; } .product-wapper .product-single .product-page .qty-addcart .quantity-selector { margin-bottom: 5px; } .product-wapper .product-single .product-page .qty-addcart .js-qty__num { border-radius: 0px; } .product-wapper .product-single .product-page .product-actions button { padding: 10px 15px; border-radius: 5px; background: #ef0000; color: #fff; margin-right: 5px; } .product-wapper .product-single .product-page .product-actions button.btnAddToCart { background: #000000; } .product-wapper .product-tabs .tab button { padding: 10px 15px; border-bottom: 2px solid transparent; outline: none; margin-right: 3px; margin-bottom: -1px; } .product-wapper .product-tabs .tab button.active { border-bottom: 2px solid #ffbb00; } .product-wapper .product-tabs .tab button:hover { background: #eee; } .product-wapper .product-tabs .tabcontent { color: #000000; font-size: 15px; padding: 20px; line-height: 24px; border: 1px solid #ddd; } .product-wapper .product-tabs .tabcontent h2 { color: #ffbb00; } .product-wapper .product-seen .product-item { margin-top: 2px; } .product-wapper .product-seen .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 15px); width: 30px; height: 30px; line-height: 30px; padding: 0px !important; border-radius: 0px !important; background: #e32124 !important; font-size: 18px !important; text-align: center; } .product-wapper .product-seen .owl-controls .owl-buttons > div.owl-next { right: 5px; } .product-wapper .product-seen .owl-controls .owl-buttons > div.owl-prev { left: 10px; } .product-wapper .product-seen .owl-controls .owl-buttons > div:hover { opacity: 1; } .product-wapper .product-wrapper-related h2, .product-wapper #seen-products h2 { padding: 5px 0px; display: inline-block; } .product-wapper .product-wrapper-related h2::after, .product-wapper #seen-products h2::after { left: 0px; } .product-buy-now-sidebar .product-title .product-sku { color: #000000; display: block; margin: 5px 0px; } .product-buy-now-sidebar .product-info .line-price { margin-bottom: 10px; } .product-buy-now-sidebar .product-info .line-price .ProductPrice { color: #ffbb00; margin-right: 10px; } .product-buy-now-sidebar .product-info .buy-now-sidebar { display: block; margin: auto; outline: none; color: #fff; background: #ef0000; padding: 15px 0px; width: 100%; } .product-buy-now-sidebar ul li { margin-bottom: 10px; } .product-buy-now-sidebar ul li span { display: block; margin-bottom: 5px; } .product-policy .policy-header p { display: flex; align-items: center; font-size: 13px; } .product-policy .policy-header p a { color: #ffbb00; } .product-policy .policy-header p span { margin: 5px; } .product-policy .policy-header p b { color: #fa7705; margin-right: 5px; } .product-policy ul li { display: flex; align-items: center; } .product-policy ul li img { margin-right: 5px; } .product-policy ul li p { font-size: 12px; display: inline-block; margin: 0px; } .product-policy ul li p span { margin-right: 5px; } .policy-header p { margin-bottom: 5px; } .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999 !important; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow-x: hidden !important; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 50px auto !important; /* 15% from the top and centered */ padding: 20px; border: 1px solid #888; width: 80%; /* Could be more or less, depending on screen size */ border-radius: 10px; } .modal-content .modal-header { font-size: 24px; text-align: center; font-weight: 600; text-transform: uppercase; padding: 10px 0px; border-bottom: 1px solid #ddd; } .modal-content .modal-image { max-height: 500px; overflow-y: scroll; } .modal-content .modal-image::-webkit-scrollbar { width: 4px; background: #fff; } .modal-content .modal-image::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.4); } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .new-collection-wrapper .owl-controls .owl-pagination { display: none; } .new-collection-wrapper .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 40px); background: none !important; font-size: 80px !important; padding: 0px 15px !important; margin: 0px !important; } .new-collection-wrapper .owl-controls .owl-buttons > div.owl-next { right: 15px; } .new-collection-wrapper .owl-controls .owl-buttons > div.owl-prev { left: 15px; } .new-collection-wrapper .old-col-item a { display: block; position: relative; } .new-collection-wrapper .old-col-item a::before, .new-collection-wrapper .old-col-item a::after { position: absolute; top: 10px; right: 10px; left: 10px; bottom: 10px; content: ''; opacity: 0; transition: opacity 0.5s, transform 0.5s; } .new-collection-wrapper .old-col-item a::before { border-top: 1px solid rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.8); transform: scale(0, 1); } .new-collection-wrapper .old-col-item a::after { border-left: 1px solid rgba(255, 255, 255, 0.8); border-right: 1px solid rgba(255, 255, 255, 0.8); transform: scale(1, 0); } .new-collection-wrapper .old-col-item a:hover::before, .new-collection-wrapper .old-col-item a:hover::after { opacity: 1; transform: scale(1); } .new-collection-wrapper #collection-slide img { width: 100%; } .blog-header .blog-categories { margin: 5px 0px; } .blog-header .blog-categories li { padding: 10px; } .blog-header .blog-categories li a { color: #000000; } .blog-header .blog-categories li.active, .blog-header .blog-categories li:hover { background: #ffbb00; } .blog-header .blog-categories li.active a, .blog-header .blog-categories li:hover a { color: #fff; } .blog-header .blog-slogan { padding: 15px 0px; font-style: italic; } .blog-header .blog-slogan span { font-style: none; } .blogs-all h2 span { color: #000000; } .blogs-all .blog-single-item .featured-article-item { margin-bottom: 15px; } .blogs-all .blog-single-item .featured-article-item .featured-img a { dispaly: block; overflow: hidden; } .blogs-all .blog-single-item .featured-article-item .featured-img a img { width: 100%; } .blogs-all .blog-single-item .featured-article-item .featured-img a:hover img { transform: scale(1.02); } .blogs-all .blog-single-item .featured-article-item .featured-info > div { display: inline-block; color: #000000; margin-right: 10px; margin-bottom: 10px; } .blogs-all .blog-single-item .featured-article-item .featured-info > div:last-child { margin-right: 0px; } .blogs-all .blog-single-item .featured-article-item .featured-info .article-title { font-size: 26px; font-weight: normal; line-height: 32px; color: #000000; } .blogs-all .blog-single-item .featured-article-item .featured-info .article-desc { line-height: 24px; color: #000000; font-family: Arial; } .article-item { margin-bottom: 10px; } .article-item .article-img a { overflow: hidden; display: block; } .article-item .article-info > div { display: inline-block; color: rgba(0, 0, 0, 0.8); margin-right: 5px; } .article-item .article-info > div:last-child { margin-right: 0px; } .article-item .article-info .article-title { display: block; color: #000000; line-height: 21px; margin: 5px 0px; } .article-item .article-info .article-published { display: block; margin-bottom: 5px; color: rgba(0, 0, 0, 0.5); } .article-item:hover .article-img img { transform: scale(1.05); } .article-item:hover .article-info .article-title { color: #ffbb00; } .article-topic .article-sb-title h3 { position: relative; color: #000; padding: 10px 15px; text-transform: uppercase; display: flex; justify-content: center; } .article-topic .article-sb-title h3::after, .article-topic .article-sb-title h3::before { content: ''; left: 0px; position: absolute; width: 100%; } .article-topic .article-sb-title h3::after { bottom: 45%; height: 2px; background: #000; } .article-topic .article-sb-title h3::before { top: 45%; height: 1px; background: #000; } .article-topic .article-sb-title h3 span { background: #fff; display: inline-block; z-index: 5; padding: 0px 5px; } .article-topic .article-item .article-title { font-size: 14px !important; line-height: 18px; } .sidebar-fixed { position: fixed; width: 354px; z-index: 9; } .article-wrapper hr { margin-top: 0px; } .article-wrapper .article-content .article-header { margin-bottom: 15px; } .article-wrapper .article-content .article-header .article-desc { padding: 10px 15px; line-height: 24px; background: #e4e4e4; font-style: italic; } .article-wrapper .article-content .article-header .article-info { margin-bottom: 15px; } .article-wrapper .article-content .article-header .article-info > div { margin-right: 10px; display: inline-block; } .article-wrapper .article-content .article-header .article-info > div:last-child { margin-right: 0px; } .article-wrapper .article-content .article-detail { line-height: 24px; } .article-wrapper .related-artcile { background: #F2F4F3; padding: 10px; } .article-wrapper .related-artcile .related-article-title { padding-bottom: 10px; border-bottom: 1px solid #ddd; } .article-wrapper .related-artcile ul { list-style-type: square; margin-bottom: 0px; } .article-wrapper .related-artcile ul li a { color: #129FD5; padding: 7px; display: block; } .article-wrapper .related-artcile ul li a:hover { color: #ffbb00; } .article-wrapper .tags-article ul li a { color: #ffbb00; display: block; padding: 5px 7px; border: 1px dashed; } .article-wrapper .tags-article ul li a:hover { color: #fff; background: #ffbb00; } .blog-wrapper .blog-banner-header { height: 200px; background: url("//theme.hstatic.net/1000283001/1000906898/14/sl_2.jpg?v=117") no-repeat; background-size: cover; background-position: center; display: flex; position: relative; justify-content: center; align-items: center; } .blog-wrapper .blog-banner-header .overlay { position: absolute; top: 0px; bottom: 0; right: 0; left: 0; background: rgba(0, 0, 0, 0.35); } .blog-wrapper .blog-banner-header .section-title { z-index: 99; color: #fff; } .blog-wrapper .featured-article .item a { display: block; text-align: center; } .blog-wrapper .featured-article .item a.article-img { height: 200px; overflow: hidden; position: relative; } .blog-wrapper .featured-article .item a.article-title { margin: 15px 0px; } .blog-wrapper .featured-article .item a .overlay { position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.3); opacity: 0; } .blog-wrapper .featured-article .item a:hover .overlay { opacity: 1; } .blog-wrapper .featured-article .item a:hover img { transform: scale(1.02); } .blog-wrapper .featured-article .item a img { width: 100%; position: absolute; top: -300px; left: 0px; } .blog-wrapper #featured-article-slider .item { height: 380px; overflow: hidden; margin-bottom: 30px; background-color: #f7f7f7; } .blog-wrapper #featured-article-slider .item .article-img a { display: block; overflow: hidden; } .blog-wrapper #featured-article-slider .item .article-img a img { width: 100%; } .blog-wrapper #featured-article-slider .item .article-img a:hover img { transform: scale(1.02); } .blog-wrapper #featured-article-slider .item .article-info { padding: 15px; } .blog-wrapper #featured-article-slider .item .article-info .blog-title { margin-top: 10px; display: inline-block; padding: 7px 15px; background: #ffbb00; color: #fff; margin-bottom: 20px; } .blog-wrapper #featured-article-slider .item .article-info .article-title { display: block; margin-bottom: 10px; color: #000000; line-height: 30px; @exntend %smooth-trans; } .blog-wrapper #featured-article-slider .item .article-info .article-title:hover { color: #ffbb00; } .blog-wrapper #featured-article-slider .item .article-info .article-desc { color: rgba(0, 0, 0, 0.8); line-height: 24px; font-size: 15px; } .blog-wrapper #featured-article-slider .owl-controls .owl-pagination { display: none; } .blog-wrapper #featured-article-slider .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 50px); background: none; font-size: 90px; padding: 0px; padding: 0px 5px; margin: 0px; color: #ffbb00; } .blog-wrapper #featured-article-slider .owl-controls .owl-buttons > div.owl-prev { left: 0px; } .blog-wrapper #featured-article-slider .owl-controls .owl-buttons > div.owl-next { right: 0px; } .blog-wrapper .article-item { margin-bottom: 20px; } #productQuickView .modal-content { position: relative; } #productQuickView .modal-content form .form-input.hidden { margin-bottom: 15px; } #productQuickView .modal-content form .form-input.hidden > label { margin: 0; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } #productQuickView .modal-content .close { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; display: block; height: 30px; width: 30px; background-color: #000000; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } #productQuickView .modal-content .close:focus, #productQuickView .modal-content .close:hover { color: #fff; text-decoration: none; cursor: pointer; } #productQuickView .modal-content h4 { font-size: 22px; color: #000000; margin: 0 0 5px; } #productQuickView .modal-content .product-more-info { display: block; color: #000000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; } #productQuickView .modal-content .product-price-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e6e6e6; } #productQuickView .modal-content .product-price-wrapper span { display: inline-block; } #productQuickView .modal-content .product-price-wrapper span.p-price { font-size: 20px; color: #d30000; margin-right: 15px; } #productQuickView .modal-content .product-price-wrapper del { color: #bebebe; margin-top: 3px; } #productQuickView .modal-content .product-price-wrapper #PriceSaving { margin-top: 5px; } #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout { outline: 0px; background: #000000; color: #fff; margin-bottom: 5px; } #productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover { background: black; } #productQuickView .qv-readmore a { color: #000000; } #productQuickView .qv-readmore a:hover { color: black; } #productQuickView #p-sliderproduct { margin-left: -15px; } #productQuickView #p-sliderproduct .owl-controls { margin: 0px; } #productQuickView #p-sliderproduct .owl-item > li { display: block; padding-left: 15px; } #productQuickView #p-sliderproduct .owl-item > li a { display: block; } #productQuickView #p-sliderproduct .owl-item > li a img { width: 100%; } #productQuickView #p-sliderproduct .owl-pagination { display: none; } #productQuickView .image-zoom > img { margin-bottom: 15px; } #shopmap-page .your-address, #shopmap-page .list-shop h2 { color: #000000; padding: 0px; margin: 0px 0px 15px 0px; } #shopmap-page #start, #shopmap-page #end { margin-bottom: 15px; } #shopmap-page #start ul, #shopmap-page #end ul { margin: 0px; } #page-wrapper { margin-top: 30px; } #page-wrapper .cart-table .cart__row img { max-width: 120px; margin: auto; } #page-wrapper .cart-table .cart__row a:hover { color: #ffbb00; } #page-wrapper .contact-content .contact-item .contact-icon { display: flex; align-items: center; font-size: 24px; color: #000000; margin-bottom: 20px; } #page-wrapper .contact-content .contact-item .contact-info { color: #000000; margin: 0px 0px 0px 10px; } #page-wrapper .contact-content .contact-item:hover .contact-icon { color: #ffbb00; } #page-wrapper .contact-content .contact-item:hover a { color: #ffbb00; } #page-wrapper .contact-form form { margin: 0px !important; } #page-wrapper .contact-form input { border: 1px solid #e6e6e6; border-radius: 0px; margin: 10px 10px 30px 0px; outline: none; } #page-wrapper .contact-form textarea { border: 1px solid #e6e6e6; border-radius: 0px; outline: none; } #page-wrapper .contact-form input[type=submit] { float: left !important; width: 100px; border: none; background: #ffbb00; } #page-wrapper .contact-form input[type=submit]:hover { background: #cc9600; } .popup { /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ } .popup .popup-content { background: url("//theme.hstatic.net/1000283001/1000906898/14/popup_bg.png?v=117"); background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; position: relative; } .popup .popup-content .popup-wrapper { background: rgba(255, 255, 255, 0.8); padding: 50px 15px; } .popup .popup-content .popup-title { color: #000000; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #000000; 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: #000000; } .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: #ffbb00; } .popup .popup-content .form-desc { color: #000000; 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: 34px; line-height: 34px; padding: 0 15px; color: #000000; background: #fff; border: 1px solid #ffbb00; border-radius: 12px !important; outline: 0 !important; margin-bottom: 15px; } .popup .popup-content form button { height: 34px; line-height: 34px !important; padding: 0 10px; margin: 0; border-radius: 12px; color: #fff; background: #ffbb00; outline: 0 !important; box-shadow: none; float: right; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #ffbb00; margin-right: 5px; margin-bottom: 5px; height: 30px; width: 30px; text-align: center; line-height: 30px; padding: 0; border-radius: 50%; } .popup .close-popup { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; display: block; height: 30px; width: 30px; background-color: #ffbb00; 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; } .pagination .pagination-custom a { padding: 0px; display: inline-block; } .pagination .pagination-custom i, .pagination .pagination-custom .page-node { color: #000000; width: 30px; height: 30px; line-height: 30px; border: 1px solid #000000; display: inline-block; margin: 0px 2px; } .pagination .pagination-custom i:hover, .pagination .pagination-custom i.current, .pagination .pagination-custom .page-node:hover, .pagination .pagination-custom .page-node.current { padding: 0px; border: 1px solid #ffbb00; background: #ffbb00; color: #fff; } #back-to-top { position: fixed; bottom: 85px; right: 15px; text-align: center; height: 40px; width: 40px; line-height: 40px; background: #cc9600; color: #fff; opacity: 0.6; cursor: pointer; } #back-to-top:hover { opacity: 1; } .product-upper-banner { margin-bottom: 20px; } .product-upper-banner a { display: block; } .product-upper-banner a img { width: 100%; } #modalAddComplete { display: none; position: fixed; z-index: 9999999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); /* Add Animation */ } #modalAddComplete .modalAddComplete-body { background-color: #fff; border: 1px solid #e6e6e6; border-radius: 8px; oveflow: hidden; } #modalAddComplete .modalAddComplete-content { position: relative; margin: auto; padding: 0; width: 80%; 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: #ffbb00; 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; } } .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: #ffbb00; } #modalAddComplete .modal-cart-status { border-bottom: 1px solid #e6e6e6; } #modalAddComplete .modal-cart-status h2 { color: #ffbb00; margin: 0px; padding: 15px; display: block; } #modalAddComplete .modal-tbl-cart { max-height: 250px; overflow-y: scroll; } #modalAddComplete .modal-tbl-cart table, #modalAddComplete .modal-tbl-cart td, #modalAddComplete .modal-tbl-cart th { border-bottom: 1px solid #e6e6e6; border-collapse: collapse; } #modalAddComplete .modal-tbl-cart table th { padding: 5px !important; color: #000000; min-width: 100px; } #modalAddComplete .modal-tbl-cart table td { padding: 5px !important; } #modalAddComplete .modal-tbl-cart table td.product-img { text-align: center; } #modalAddComplete .modal-tbl-cart table td.product-img a img { max-width: 100px; vertical-align: middle; } #modalAddComplete .modal-tbl-cart table td.product-title > a { color: #000000; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #modalAddComplete .modal-tbl-cart table td.product-title > a:hover { color: #ffbb00; } #modalAddComplete .modal-tbl-cart table td.product-sku { color: #000000; } #modalAddComplete .modal-tbl-cart table td.product-price { position: relative; } #modalAddComplete .modal-tbl-cart table td.product-price span { display: block; } #modalAddComplete .modal-tbl-cart table td.product-price span.current-price { color: #ffbb00; } #modalAddComplete .modal-tbl-cart table td.product-price span.original-price { color: #bebebe; } #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: #ffbb00; font-size: 12px !important; } #modalAddComplete .modal-tbl-cart table td.product-money { color: #ffbb00; } #modalAddComplete .modal-tbl-cart table td.product-remove > a { color: #000000; display: block; } #modalAddComplete .modal-tbl-cart table td.product-remove > a:hover { color: #ffbb00; } #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: #ffbb00; } #modalAddComplete .mobile-modal-tbl-cart ul { margin: 0; padding: 15px; max-height: 350px; overflow-y: scroll; } #modalAddComplete .mobile-modal-tbl-cart ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #e6e6e6; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a { display: block; text-align: center; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a img { vertical-align: middle; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info { position: relative; padding-right: 35px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title { margin-bottom: 15px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a { color: #000000; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover { color: #ffbb00; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price { position: relative; margin-bottom: 15px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span { display: block; color: #4f4f4f; font-size: 12px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price { color: #ffbb00; float: left; margin-right: 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price { color: #bebebe; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.sale-off { display: inline-block !important; text-align: center; padding: 2px 3px; color: #fff !important; background: #ffbb00; font-size: 11px !important; float: left; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .decreaseVal, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .increaseVal { width: 30px; height: 30px; line-height: 30px; background: #d7d7d7; color: #000000; text-align: center; padding: 0; margin: 0; border-radius: 5px; outline: 0 !important; border: 1px solid #d7d7d7; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .val { height: 30px; width: 60px; line-height: 30px; text-align: center; color: #000000; border-radius: 5px; outline: 0 !important; border: 1px solid #d7d7d7; padding: 0 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-remove { position: absolute; height: 30px; line-height: 30px; width: 30px; text-align: center; top: 0; right: 0; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-remove a { display: block; background: #f8f8f8; color: #b4b4b6; } #modalAddComplete .modal-checkout-actions { padding: 15px; } #modalAddComplete .modal-checkout-actions .text-left a { color: #000000; } #modalAddComplete .modal-checkout-actions .text-left a:hover { color: #ffbb00; } #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { color: #000000; margin: 0px; padding: 0px; } #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span { color: #ffbb00; } #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button { color: #fff; outline: 0px; padding: 0px 15px; height: 38px; line-height: 38px; display: inline-block; margin-top: 15px; background: #ffbb00; outline: 0px !important; border-radius: 8px; } #modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal, #modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal { margin-right: 5px; background: #e6e6e6; color: #000000; } li.thumbnail-item { padding: 4px; } li.thumbnail-item:hover { border: 1px solid #bf0103 !important; padding: 4px; } .bg-pr { padding: 10px 15px; background-color: #F7F7F7; margin-bottom: 10px; } .sale-addmore, .detail-product .product .sale-addmore { margin-bottom: 10px; margin-top: 10px; border: 1px solid #ccc; padding: 10px 15px; background: #f6f6f6; } .sale-addmore .content-bonus a.popup, .sale-addmore .content-bonus a.popup { cursor: pointer; } .sale-addmore { margin-bottom: 10px; margin-top: 20px; border: 1px solid #ccc; padding: 10px; } .sale-addmore span, .sale-addmore span { padding: 5px; margin-left: 5px; font-weight: 700; text-transform: uppercase; } .sale-addmore span { color: #ffbb00; } .sale-addmore .title-bonus { padding: 0; margin-left: 0; } .sale-addmore span { margin-top: -31px; color: #ffbb00; } .sale-addmore .content-bonus { font-size: 13px; color: #333; line-height: 20px; } .sale-addmore .content-bonus strong { font-weight: 700; color: #FF0101 !important; } .sale-addmore .content-bonus { font-size: 13px; color: #333; } .sale-addmore .content-bonus p { margin: 0px; } .sale-addmore .content-bonus strong { font-weight: 700; color: #FF0101 !important; } .sale-addmore.free { background: #fdf8e4 !important; padding: 15px 20px 25px 10px !important; } .sale-addmore .wrap_gift h3 { font-size: 15px; text-transform: uppercase; color: #333; margin: 6px 0 12px; padding: 0; } .sale-addmore .wrap_gift p { margin: 5px 0; } .sale-addmore > .wrap_gift p span { text-transform: none !important; color: #000 !important; font-size: 13px; } .sale-addmore > .wrap_gift p span:nth-child(1) { font-weight: normal !important; } .sale-addmore > .wrap_gift p span.bot { margin-left: 16px !important; } .click-p { position: relative; bottom: -10px; text-align: center; color: #333; width: 100%; font-size: 20px; } body { position: relative !important; line-height: normal !important; max-width: 100vw !important; overflow-x: hidden; } tr.cart__row.table__section td .h4 { color: #000; } button.btn-cart { min-width: 45%; text-transform: uppercase; } #update { background: #00A2E8 !important; } .qty_pr .totl { font-size: 16px; font-weight: 600; } .index-hide { display: none; } .index-hide.hide-0 { display: block !important; } .footer-certificate { display: flex; } .footer-social a { color: #000; } span.giam { color: #f13535; } div#product-guide form .btn { background: #000; } .title-top { text-transform: uppercase; padding: 12px 30px; color: #000; font-family: SFU,Arial,sans-serif; font-size: 25px; position: relative; } .title-top:after { content: ""; width: 25%; height: 2px; background: #000; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); } .gift_content { position: absolute; background: #fff; border: 1px solid #ddd; left: -80%; width: 300px; display: none; bottom: 0; padding: 5px 0px 5px 15px; } .gift { position: relative; } .list-variants-img { height: 30px; } .list-variants-img2:hover .gift_content { display: block; } .list-variants-img2 { height: 30px; } .gift h5 span:before { content: "\f06b"; font: 15px/20px FontAwesome; color: #ed1d20; margin-right: 5px; } .gift h5:before { border: 1px solid #dfdfdf; content: " "; height: 1px; position: absolute; left: 0; width: 100%; top: 50%; } .list-variants-img2 p { margin: 0px; } .gift h5 span { background: #fff; position: relative; padding: 10px; color: #ed1d20; } .mg-top-10 { margin-top: 10px; } .bor-top { border-top: 10px solid #f6f6f6; margin-top: 10px; } .product-sidebar { padding-top: 20px; } .product-actions { margin-top: 20px; } .modal-content .modal-image .grid__item { padding-left: 0px; } a#allowAdd2Cart { border-radius: 0px !important; } .product-policy.product-buy-now-sidebar { background: #f6f6f6; padding: 10px; } ul.filter-variant.filter-size.fil_2 { display: inline-flex; justify-content: flex-end; width: 100%; } ul.filter-variant.filter-size.fil_2 li { position: relative; padding: 0px 10px; } ul.filter-variant.filter-size.fil_2 li label { cursor: pointer; } ul.filter-variant.filter-size.fil_2 li.active { border: 1px solid #e32124; background: #fff; transition: all 0.3s; font-weight: 600; } ul.filter-variant.filter-size.fil_2 li.active:after { color: #ffffff; font-size: 0.7em; background: #e4393C; content: "\f00d"; position: absolute; top: -7px; font-family: FontAwesome; right: -7px; padding: 1px; } ul.filter-variant.filter-size.fil_1 { display: inline-flex; } ul.filter-variant.filter-size.fil_1 li { position: relative; font-size: 1.2em; padding: 0px 10px; } ul.filter-variant.filter-size.fil_1 li label { cursor: pointer; } ul.filter-variant.filter-size.fil_1 li.active { color: #e52c25; transition: all 0.3s; font-weight: 600; } .fil_tt { margin: 0; color: #000; margin-top: 0; padding: 0; font-family: unset; vertical-align: top; font-size: 1.1em; text-transform: uppercase; font-weight: bold; display: block; position: relative; } ul.inline-list.sort_cus { margin: 0; text-align: right; } ul.inline-list.sort_cus li:first-child { font-size: 1.1em; text-transform: uppercase; } ul.inline-list.sort_cus li { padding: 0px 15px 0px 5px; position: relative; } ul.inline-list.sort_cus li a { color: #333; } ul.inline-list.sort_cus li:first-child:after, ul.inline-list.sort_cus li:last-child:after { content: ""; } ul.inline-list.sort_cus li:after { content: "|"; position: absolute; right: 0; } span.tag-new { position: absolute; top: 5px; left: 10px; background: #fff !important; border: 1px solid #000; border-radius: 50%; width: 40px; line-height: 30px; height: 40px; color: #000 !important; } span.tag-hot { position: absolute; top: 5px; right: 10px; background: #000 !important; border: 1px solid #000; border-radius: 50%; width: 40px; line-height: 15px; height: 40px; color: #fff !important; } .form-group { margin: 10px 0px; } .form-group label { line-height: 30px; font-weight: 600; } .form-group label span { color: #ff0000; font-size: 18px; } .dat-hang { background: #ef0000; } div#myModal3 .modal-content { max-width: 500px !important; } div#myModal3 .modal-content div#form_susscess a { color: #0048d8; } .zalo-fixd { width: 43px; position: fixed; z-index: 888; bottom: 100px; left: 23px; } .zalo-fixd2 { width: 43px; position: fixed; z-index: 888; bottom: 160px; left: 23px; } @media (max-width: 767px) { .modal { z-index: 999999 !important; } .small-hidee { display: none !important; } .large-hidee { display: block !important; } iframe#eIlbCJA-1534134842095 { right: 10px !important; } .footer-subscribe { margin-bottom: 30px; } #page-wrapper .cart-table .cart__row img { max-width: 82px; margin: auto; } a.h4.tensanpham { font-size: 13px; } .h3.giasanpham { font-size: 16px; } .supports-fontface .icon-fallback-text .icon { display: inline-block; font-size: 10px; } .table-wrap { overflow: initial !important; } #mobile-bottom-navigation { background: #fff; } .fa-shopping-cart:before { content: "\f07a"; color: #f70545 !important; } #mobile-bottom-navigation div.grid__item:first-child > .mobile-nav-item { background: #f70545; } .zalo-fixd { /*width: 60px; right: 90px; bottom: 0px; left: auto;*/ } .zalo-fixd2 { /*width: 60px; right: 160px; bottom: 20px; left: auto;*/ } .grid__item.large--four-tenths.product-page .bg-pr:last-child { padding: 10px 0; } .sale-addmore { margin-bottom: 10px; margin-top: 30px; } .box_variant.row { padding: 10px 15px; } .mobile-nav-item i.fa.fa-phone { display: inline-block; width: 100%; color: #fff !important; } .modal-content .modal-header { font-size: 15px; } #update { background: #00A2E8 !important; margin-top: 10px; margin-bottom: 0px; width: 100%; } .suntory-alo-phone { bottom: -20px !important; } } /* width */ table::-webkit-scrollbar { width: 1px; } /* Track */ table::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ table::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ table::-webkit-scrollbar-thumb:hover { background: #555; } div#text_left button#btn_buy { background-color: #f70544; } .cart__remove i { font-size: 20px; transform: translateY(-7px); color: #000; } .related-blog { background: #f2f4f3; padding: 20px 10px; color: #000; } .related-blog .heading { border-bottom: 1px solid #dddddd; font-size: 12px; margin-bottom: 10px; } .related-blog a { color: #5cbbdf; line-height: 30px; } .ggmap-ft iframe { height: 230px; } .suntory-alo-phone { background-color: transparent; cursor: pointer; height: 120px; position: fixed; transition: visibility 0.5s ease 0s; width: 120px; z-index: 888 !important; } .suntory-alo-ph-circle { animation: 1.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim; background-color: transparent; border: 2px solid rgba(30, 30, 30, 0.4); border-radius: 100%; height: 100px; left: 0px; opacity: 0.1; position: absolute; top: 0px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 100px; } .suntory-alo-ph-circle-fill { animation: 2.3s ease-in-out 0s normal none infinite running suntory-alo-circle-fill-anim; border: 2px solid transparent; border-radius: 100%; height: 70px; left: 15px; position: absolute; top: 15px; transform-origin: 50% 50% 0; transition: all 0.5s ease 0s; width: 70px; } .suntory-alo-ph-img-circle { /* animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; */ border: 2px solid transparent; border-radius: 100%; height: 50px; left: 25px; opacity: 0.7; position: absolute; top: 25px; transform-origin: 50% 50% 0; width: 50px; } .suntory-alo-phone.suntory-alo-hover, .suntory-alo-phone:hover { opacity: 1; } .suntory-alo-phone.suntory-alo-active .suntory-alo-ph-circle { animation: 1.1s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important; } .suntory-alo-phone.suntory-alo-static .suntory-alo-ph-circle { animation: 2.2s ease-in-out 0s normal none infinite running suntory-alo-circle-anim !important; } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone:hover .suntory-alo-ph-circle { border-color: #ffbb00; opacity: 0.5; } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle { border-color: #ffbb00; opacity: 1; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle { border-color: #ffbb00; opacity: 1; } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone:hover .suntory-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.9); } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-circle-fill, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-circle-fill { background-color: #ffbb00; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-circle-fill { background-color: #ffbb00; } .suntory-alo-phone.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone:hover .suntory-alo-ph-img-circle { background-color: #ffbb00; } .suntory-alo-phone.suntory-alo-green.suntory-alo-hover .suntory-alo-ph-img-circle, .suntory-alo-phone.suntory-alo-green:hover .suntory-alo-ph-img-circle { background-color: #ffbb00; } .suntory-alo-phone.suntory-alo-green .suntory-alo-ph-img-circle { background-color: #ffbb00; } @keyframes suntory-alo-circle-anim { 0% { opacity: 0.1; transform: rotate(0deg) scale(0.5) skew(1deg); } 30% { opacity: 0.5; transform: rotate(0deg) scale(0.7) skew(1deg); } 100% { opacity: 0.6; transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-img-anim { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @keyframes suntory-alo-circle-fill-anim { 0% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } 50% { opacity: 0.2; transform: rotate(0deg) scale(1) skew(1deg); } 100% { opacity: 0.2; transform: rotate(0deg) scale(0.7) skew(1deg); } } .suntory-alo-ph-img-circle i { animation: 1s ease-in-out 0s normal none infinite running suntory-alo-circle-img-anim; font-size: 30px; line-height: 50px; padding-left: 10px; color: #fff; } /*=================== End phone ring ===============*/ @keyframes suntory-alo-ring-ring { 0% { transform: rotate(0deg) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0deg) scale(1) skew(1deg); } 100% { transform: rotate(0deg) scale(1) skew(1deg); } } @media (max-width: 768px) { .suntory-alo-phone { /*display: block; left: auto !important; right: 200px !important;*/ } } /* f88*/ .section.sticky-mobile-menu { padding-top: 0px; padding-bottom: 0px; background-color: #ffbc00; position: fixed; left: 0; bottom: 0; z-index: 991; color: #f1f1f1; min-height: auto; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: center; } @media (min-width: 550px) { .section.sticky-mobile-menu { padding-top: 5px; padding-bottom: 5px; } } .section.sticky-mobile-menu .relative { position: relative !important; } .section.sticky-mobile-menu .row-small { max-width: 600px; } @media (max-width: 767px) { .section.sticky-mobile-menu .row-small { max-width: 100%; } } .section.sticky-mobile-menu .d-flex-c { width: 100%; -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; justify-content: center; } .section.sticky-mobile-menu .d-flex-c .col-item { -ms-flex-preferred-size: 1; flex: 1; padding: 10px; margin: 0; width: 100%; } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item { flex: 0 0 25%; } } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item:nth-child(2) { flex: 0 0 50%; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } } .section.sticky-mobile-menu .d-flex-c .col-item .item-link { display: block; } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item { -js-display: flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; width: 100%; background: #ffffff; padding: 5px 15px; border-radius: 3px; align-items: center; padding-top: 10px; } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item { flex-direction: column; padding: 0; background: transparent; } } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner { width: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; max-width: 200px; position: relative; } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner { width: 20px; } } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner svg { width: 25px; height: 25px; animation: tada 1.2s infinite; } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner svg { width: 20px; height: 20px; fill: #203469; } } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner .st0 { fill: #ffbc00; } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner .st3 { stroke: #ffbc00; } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner .st1, .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-iner .st2 { fill: #203469; } } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-box-text.last-reset { padding-left: 1em; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; flex-grow: 1; flex-shrink: 1; flex-basis: 0%; } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-box-text.last-reset { white-space: nowrap; margin-top: 5px; font-size: 80%; text-align: center; } } .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-box-text.last-reset .title { margin: 0; color: #203469; font-weight: bold; } @media (min-width: 768px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-box-text.last-reset .title { white-space: nowrap; } } @media (max-width: 767px) { .section.sticky-mobile-menu .d-flex-c .col-item .item-link .info-item .icon-box-text.last-reset .title { color: #203469; } } @keyframes tada { 0% { transform: scaleX(0.75); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.3, 1.3, 1.3) rotate(3deg); } 40%, 60%, 80% { transform: scale3d(1.3, 1.3, 1.3) rotate(-3deg); } to { transform: scaleX(0.75); } } @media (max-width: 768px) { header .nav-mobi.scroll-header-mobile { position: fixed; left: 0px; right: 0px; z-index: 99; background: #ffffff; top: 0px; -webkit-animation: stuckMoveDown .6s; animation: stuckMoveDown .6s; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; transition: all 400ms ease; } } @-webkit-keyframes stuckMoveDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes stuckMoveDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @media (max-width: 991px) { body { padding-bottom: 70px; } }