@charset "UTF-8"; /*#3199bc*/ /*#f8981d*/ /*#444444*/ /*#fff*/ /*#434343*/ /*#3199bc*/ /*#e6eaf2*/ /*#434343*/ /*#3199bc*/ /*#fff*/ /*#434343*/ /*#3199bc*/ /*#fff*/ /*#444444*/ /*#e6eaf2*/ /*#444444*/ /*#3199bc*/ /*#444444*/ /*#fafafa*/ /*#f0f2f6*/ /*#f0f2f6*/ /*#434343*/ /*#3199bc*/ /* ------------------------------------------ */ .float-right { float: right; } #header .header-center .header-center-navbar ul li a, #header .header-bottom .megamenu-starter > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a, #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info small, #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span, #header .header-bottom .desktop-account a, .megamenu-starter2 > ul > li > a, .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-title a, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-title a, .article-item .article-date, .article-item .article-comment-count, #footer .ft-social-sub-wrapper .ft-subscription .input-group button, #footer .ft-copyright p, #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav a, #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav span, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-title a, #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-rating, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div > a, #product-wrapper .product-info-wrapper .product-sidebar .product-policy .h-policy-item, .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-title a, .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-date, #productQuickView .modal-content .product-more-info { font-size: 12px; } #header .header-top .ht-openning-hrs, #header .header-top .ht-nav > a, #header .header-bottom .megamenu-starter h4, #header .header-bottom .search-form-wrapper form select, #header .header-bottom .search-form-wrapper form .input-group input, #header .header-bottom .desktop-cart-wrapper .quickview-cart h3, #header .header-bottom .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-bottom .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .mobile-header .mobile-search-wrapper form input, .megamenu-starter2 h4, #home-policy .h-policy-item, .home-section-head .home-section-title p, .home-section-head .home-section-tabs div.tab > span, .home-section-head .home-section-tabs div.tab button, .home-section-head .home-section-tabs div.tab a, .home-section-body .home-section-sidebar .home-col-viewall a, .home-section-sidebar2 .home-col-viewall a, .product-item .product-review-tags .product-review, .product-item2 .product-tags, .article-item .article-desc, .article-item .article-comment-count i, #footer .ft-contact-wrapper .ft-contact .ft-contact-info h4, #footer .ft-contact-wrapper .ft-contact .ft-contact-info p, #footer .ft-contact-wrapper .ft-contact .ft-contact-info p a, #footer .ft-social-sub-wrapper .ft-subscription .input-group input, #footer .ft-nav-wrapper .ft-nav ul li a, #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li > a, #collection-wrapper .collection-content-wrapper .collection-head .collection-products-count, #collection-wrapper .collection-content-wrapper .collection-head .collection-sorting-wrapper select, #product-wrapper .product-info-wrapper .product-content .pro-price .sale-percentage, #product-wrapper .product-info-wrapper .product-content .pro-short-desc, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel select, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .article-content .article-head .article-date-comment, #blog-wrapper .article-content .article-tags span, #blog-wrapper .article-content .article-tags a, .blog-sidebar-wrapper .blog-categories .panel > ul > li > a, .form-contact-wrapper .page-contact-desc, .form-contact-wrapper form input.btn, .form-contact-wrapper form textarea.btn, .popup .popup-content .popup-desc, .popup .popup-content .popup-list ul li, .popup .popup-content .form-desc, .popup .popup-content form input, .popup .popup-content form button, #productQuickView .modal-content .product-price-wrapper #PriceSaving, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a { font-size: 14px; } .product-item2 .product-title a, .product-item2 .product-price span.original-price, .article-item .article-img, #footer .ft-nav-wrapper .ft-nav h4, .pagination-custom span.page.current, .pagination-custom span.page a, #collection-wrapper .collection-sidebar-wrapper > div .cs-title, #product-wrapper .product-info-wrapper .product-content .pro-price > span.original-price, #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size > span, #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size .variants-wrapper > span, #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color > span, #product-wrapper .product-info-wrapper .product-content .product-actions > button, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel h3, .blog-sidebar-wrapper > div .bs-title, #productQuickView .modal-content .product-price-wrapper del, .module-article-item .article-title, .article-home-item .article-title { font-size: 16px; } #header .header-bottom .search-form-wrapper form .input-group button, #header .header-bottom .desktop-cart-wrapper > a > span.icon, #header .mobile-header .mobile-logo > a, .product-item2 .product-price span.current-price, .product-item2 .product-actions > button.btnBuyNow, .article-item .article-title, .article-item .article-title a, .hrv-product-reviews h2, .form-contact-wrapper .page-contact-title h2, .popup .popup-content .popup-title, .popup .popup-content .popup-social-network, #ProductThumbs .owl-controls .owl-buttons > div { font-size: 18px; } #header .mobile-header .mobile-search-wrapper form button, #owl-home-article-slider1 .owl-controls .owl-buttons > div, #owl-home-article-slider2 .owl-controls .owl-buttons > div, #owl-home-article-slider3 .owl-controls .owl-buttons > div, #owl-home-article-slider4 .owl-controls .owl-buttons > div, #owl-home-article-slider5 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div, #owl-home-article-custom_slider_2 .owl-controls .owl-buttons > div, .product-item2 .product-actions > button.btnQuickView, .product-item2 .product-actions > button.btnAddToCart, #related-products .owl-controls .owl-buttons > div, #seen-products .owl-controls .owl-buttons > div, #ProductPhoto .owl-controls .owl-buttons > div { font-size: 24px; } #header .header-center .header-center-navbar ul li a, #header .header-bottom .megamenu-starter h4, #header .header-bottom .megamenu-starter > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #header .header-bottom .desktop-account a, #header .mobile-header .mobile-logo > a, .megamenu-starter2 h4, .megamenu-starter2 > ul > li > a, .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #home-policy .h-policy-item, .home-section-head .home-section-title h2, .home-section-head .home-section-title p, .home-section-head .home-section-tabs div.tab > span, .home-section-head .home-section-tabs div.tab button, .home-section-head .home-section-tabs div.tab a, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price span.current-price, .home-section-body .home-section-sidebar .home-col-viewall a, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price span.current-price, .home-section-sidebar2 .home-col-viewall a, .product-item .product-buynow-price button, .product-item .product-buynow-price span.current-price, .product-item2 .product-title a, .product-item2 .product-price span.current-price, .product-item2 .product-price span.original-price, .product-item2 .product-actions > button.btnBuyNow, .article-item .article-title a, .article-item .article-comment-count, #footer .ft-contact-wrapper .ft-contact .ft-contact-info h4, #footer .ft-nav-wrapper .ft-nav h4, #breadcrumb-wrapper .breadcrumb-content h1, .pagination-custom span.page.current, .pagination-custom span.page a, #collection-wrapper .collection-sidebar-wrapper > div .cs-title, #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price button, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price span.current-price, #product-wrapper .product-info-wrapper .product-content .pro-content-head .title-product-detail, #product-wrapper .product-info-wrapper .product-content .pro-price .sale-percentage, #product-wrapper .product-info-wrapper .product-content .pro-price > span.current-price, #product-wrapper .product-info-wrapper .product-content .product-actions > button, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel h3, #product-wrapper .product-info-wrapper .product-sidebar .product-policy .h-policy-item, #product-wrapper .product-description-wrapper div.tab button, #seen-products .product-buynow-price .current-price, #blog-wrapper .article-content .article-head h2, .blog-sidebar-wrapper .blog-categories .panel > ul > li > a, .blog-sidebar-wrapper > div .bs-title, .hrv-product-reviews h2, .form-contact-wrapper .page-contact-title h2, .popup .popup-content .popup-title, .popup .popup-content form button, #productQuickView .modal-content h2, #productQuickView .modal-content .product-price-wrapper span.p-price { font-family: "Roboto-Bold" !important; } /* ----------------------------------- */ .mg-bottom5 { margin-bottom: 8px; } #header .header-center .header-center-navbar ul li a, #header .header-bottom .megamenu-starter h4, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #header .header-bottom .search-form-wrapper form .input-group button, #header .header-bottom .desktop-cart-wrapper .quickview-cart h3, #header .header-bottom .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-bottom .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-bottom .desktop-account a, .megamenu-starter2 h4, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #home-policy .h-policy-item, .home-section-head .home-section-title h2, .home-section-head .home-section-tabs div.tab button, .home-section-head .home-section-tabs div.tab a, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-body .home-section-sidebar .home-col-viewall a, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-sidebar2 .home-col-viewall a, .product-item .product-buynow-price button, .product-item .product-review-tags .product-tags span, .product-item2 .product-actions > button.btnBuyNow, #footer .ft-social-sub-wrapper .ft-subscription .input-group button, #footer .ft-nav-wrapper .ft-nav h4, #collection-wrapper .collection-sidebar-wrapper > div .cs-title, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price button, #collection-wrapper .collection-content-wrapper .collection-head .collection-products-count, #product-wrapper .product-info-wrapper .product-content .product-actions > button, #product-wrapper .product-info-wrapper .product-sidebar .product-policy .h-policy-item, #product-wrapper .product-description-wrapper div.tab button, .blog-sidebar-wrapper > div .bs-title, .hrv-product-reviews h2, .form-contact-wrapper form input.btn, .form-contact-wrapper form textarea.btn, .popup .popup-content .popup-title { text-transform: uppercase !important; } #header .header-top .ht-nav > a, #header .header-center .header-center-navbar ul li a, #header .header-bottom .megamenu-starter > ul > li > a, #header .header-bottom .megamenu-starter > ul > li > a img, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a, #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:after, #header .header-bottom .search-form-wrapper form .input-group button, #header .header-bottom .desktop-account a, .megamenu-starter2 > ul > li > a, .megamenu-starter2 > ul > li > a img, .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a, .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:after, #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons > div, #home-banner .home-banner-item a img, #home-brand-slider #owl-home-brand-slider .item a img, #home-brand-slider #owl-home-brand-slider .owl-controls .owl-buttons > div, .home-section-head .home-section-tabs div.tab button, .home-section-head .home-section-tabs div.tab a, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .item > a img, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-img a img, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-title a, .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-body .home-section-sidebar .home-col-viewall a, .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .item > a img, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-img a img, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-title a, .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price button, .home-section-sidebar2 .home-col-viewall a, .hc-1row-banner a img, .product-item .product-img > a img, .product-item .product-img .product-img-overlay, .product-item .product-img .product-actions > button, .product-item .product-title a, .product-item .product-buynow-price button, .product-item2 .product-img a img, .product-item2 .product-title a, .product-item2 .product-actions > button.btnQuickView, .product-item2 .product-actions > button.btnAddToCart, .product-item2 .product-actions > button.btnBuyNow, .article-item .article-img a img, .article-item .article-title a, #footer .ft-contact-wrapper .ft-contact .ft-contact-info p a, #footer .ft-social-sub-wrapper .ft-subscription .input-group button, #footer .ft-nav-wrapper .ft-nav ul li a, #back-to-top, #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav a, .pagination-custom span.nextPage a, .pagination-custom span.prevePage a, .pagination-custom span.page a, #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-img a img, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-title a, #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price button, #product-wrapper .product-info-wrapper .product-images-slider .item img, #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-brand a, #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size .variants-wrapper > span, #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span, #product-wrapper .product-info-wrapper .product-content .product-actions > button, #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div > a, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .article-content .article-tags span, #blog-wrapper .article-content .article-tags a, .blog-sidebar-wrapper .blog-categories .panel > ul > li > a, .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-img a img, .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-title a, .form-contact-wrapper form input.btn, .form-contact-wrapper form textarea.btn, #ProductThumbs .thumbnail-item > a, #ProductThumbs .owl-controls .owl-buttons > div, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* ----------------------------------- */ @media (max-width: 480px) { .product-item .product-buynow-price button, .product-item .product-buynow-price span { font-size: 15px !important; } } @media (max-width: 768px) { .pd-left10 { padding-left: 10px; } .product-item2 .product-title a, .product-item2 .product-price span.original-price { font-size: 13px !important; } .product-item2 .haravan-product-reviews-badge .hrv-product-reviews-star i, .product-item2 .product-price span.current-price { font-size: 15px !important; } .product-item2 .product-actions > button.btnBuyNow { font-size: 15px !important; width: calc(100% - 40px) !important; height: 40px !important; line-height: 40px !important; border-top-left-radius: 18px !important; border-bottom-left-radius: 18px !important; } .product-item2 .product-actions > button.btnAddToCart { font-size: 15px !important; width: 40px !important; height: 40px !important; line-height: 40px !important; } .home-col-fp-item .fp-buynow-price button, .home-col-fp-item .fp-buynow-price span { font-size: 15px !important; } .home-col-fp-item .fp-buynow-price span.original-price { text-align: left !important; padding-right: 0px !important; } .product-item .product-review-tags .product-review { float: none !important; display: block; text-align: center; } .product-item .product-review-tags .product-review i { float: none !important; } .product-item .product-review-tags .product-tags { float: none !important; display: block; text-align: center; margin-top: 5px; } .social-network-actions { margin-bottom: 15px; } .form-contact-wrapper { padding: 0px !important; } .form-contact-wrapper .page-contact-title { width: 100% !important; } .form-contact-wrapper .page-contact-desc { width: 100% !important; } .product-item .product-buynow-price span.original-price { display: block !important; height: 11px; margin-top: 5px; } #product-wrapper .product-description-wrapper div.tab button { width: 100%; margin: 10px 0 10px !important; } #product-wrapper .product-description-wrapper div.tab button.active { background: #ed143d !important; border: 2px solid #ed143d !important; } #product-wrapper .product-images-slider { margin-bottom: 15px; } #product-wrapper .product-content .product-actions { margin-bottom: 15px; } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons { position: static !important; bottom: auto !important; right: auto !important; } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons > div { margin: 0 !important; position: absolute; top: calc(50% - 15px); } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons > div.owl-prev { left: 0; } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons > div.owl-next { right: 0; } body { padding-top: 104px; } #header { position: fixed; top: 0; left: 0; right: 0; z-index: 99; } #owl-home-article-slider1 .owl-controls .owl-buttons, #owl-home-article-slider2 .owl-controls .owl-buttons, #owl-home-article-slider3 .owl-controls .owl-buttons, #owl-home-article-slider4 .owl-controls .owl-buttons, #owl-home-article-slider5 .owl-controls .owl-buttons, #owl-home-collection-slider1_1 .owl-controls .owl-buttons, #owl-home-collection-slider1_2 .owl-controls .owl-buttons, #owl-home-collection-slider1_3 .owl-controls .owl-buttons, #owl-home-collection-slider1_4 .owl-controls .owl-buttons, #owl-home-collection-slider1_5 .owl-controls .owl-buttons, #owl-home-collection-slider2_1 .owl-controls .owl-buttons, #owl-home-collection-slider2_2 .owl-controls .owl-buttons, #owl-home-collection-slider2_3 .owl-controls .owl-buttons, #owl-home-collection-slider2_4 .owl-controls .owl-buttons, #owl-home-collection-slider2_5 .owl-controls .owl-buttons, #owl-home-collection-slider3_1 .owl-controls .owl-buttons, #owl-home-collection-slider3_2 .owl-controls .owl-buttons, #owl-home-collection-slider3_3 .owl-controls .owl-buttons, #owl-home-collection-slider3_4 .owl-controls .owl-buttons, #owl-home-collection-slider3_5 .owl-controls .owl-buttons, #owl-home-collection-slider4_1 .owl-controls .owl-buttons, #owl-home-collection-slider4_2 .owl-controls .owl-buttons, #owl-home-collection-slider4_3 .owl-controls .owl-buttons, #owl-home-collection-slider4_4 .owl-controls .owl-buttons, #owl-home-collection-slider4_5 .owl-controls .owl-buttons, #owl-home-collection-slider5_1 .owl-controls .owl-buttons, #owl-home-collection-slider6_1 .owl-controls .owl-buttons, #owl-home-collection-slider7_1 .owl-controls .owl-buttons, #owl-home-collection-slider8_1 .owl-controls .owl-buttons, #owl-home-collection-slider9_1 .owl-controls .owl-buttons { position: initial !important; } #owl-home-article-slider1 .owl-controls .owl-buttons > div, #owl-home-article-slider2 .owl-controls .owl-buttons > div, #owl-home-article-slider3 .owl-controls .owl-buttons > div, #owl-home-article-slider4 .owl-controls .owl-buttons > div, #owl-home-article-slider5 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div { background: #333 !important; font-size: 24px; color: #fff !important; position: absolute; top: calc(50% - 18px) !important; margin: 0px !important; } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-prev { left: 0; } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-next { right: 0; } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-next { right: 0; } #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-prev { left: 15px; } #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-next { right: 0; } #home-main-slider { margin-top: 15px !important; } #home-banner { padding: 15px 0 0 !important; } #home-banner .home-banner-item { margin-bottom: 15px; } #home-policy .h-policy-item { margin-bottom: 15px; } #home-brand-slider { padding: 0 0 15px !important; } #home-brand-slider #owl-home-brand-slider .owl-controls .owl-buttons > div { opacity: 1 !important; } #home-article .home-section-head .home-section-tabs div.tab > span, #home-article .home-section-head .home-section-tabs div.tab button { height: 30px !important; line-height: 30px !important; font-size: 12px !important; } .home-collection .home-section-head .home-section-tabs div.tab > span, .home-collection .home-section-head .home-section-tabs div.tab button, .home-collection .home-section-head .home-section-tabs div.tab a { height: 30px !important; line-height: 30px !important; font-size: 12px !important; float: right !important; margin: 0px 15px 0px 0px !important; } #footer .ft-contact-wrapper > .wrapper > .inner > .grid > .grid__item > .ft-contact { margin-bottom: 15px; } #footer .ft-contact-wrapper > .wrapper > .inner > .grid > .grid__item:last-child > .ft-contact { margin-bottom: 0 !important; } #footer .ft-contact-wrapper > .wrapper > .inner { margin-bottom: 15px !important; } .ft-social-network { margin-bottom: 15px; } .ft-certification { text-align: center; margin-bottom: 15px !important; } } /* ----------------------------------- */ body { position: relative; line-height: normal !important; } button, h1, h2, h3 { line-height: normal !important; font-weight: normal !important; } img { vertical-align: middle; } .mg-bottom30 { margin-bottom: 30px !important; } .mg-left-0 { margin-left: 0 !important; } .mg-left-5 { margin-left: -5px !important; } .mg-left-15 { margin-left: -15px !important; } .pd-left0 { padding-left: 0 !important; } .pd-left5 { padding-left: 5px !important; } .pd-left15 { padding-left: 15px !important; } /* ----------------------------------- */ #header .header-top { padding: 10px 0; background: #4a90e2; } #header .header-top img { width: 100%; } #header .header-top .ht-openning-hrs { color: #434343; } #header .header-top .ht-nav > span { color: #434343; display: inline-block; margin-right: 5px; } #header .header-top .ht-nav > a { display: inline-block; color: #434343; margin-right: 5px; } #header .header-top .ht-nav > a:last-child { margin-right: 0; } #header .header-top .ht-nav > a:hover { color: #dc143c; } #header .header-center { padding: 15px 0; background-color: #ffffff; background-image: url("//theme.hstatic.net/1000275407/1000400649/14/bg_hd.png?v=258"); background-position: top center; background-size: cover; } #header .header-center .desktop-header-logo > a { display: inline-block; } #header .header-center .desktop-header-logo > a img { max-width: 100%; vertical-align: middle; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header .header-center .desktop-header-logo h1 { font-size: 0px !important; padding: 0px; margin: 0px; } #header .header-center .desktop-header-logo h1 > a { display: inline-block; } #header .header-center .desktop-header-logo h1 > a img { max-width: 100%; vertical-align: middle; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #header .header-center .header-center-navbar ul { margin: 0; } #header .header-center .header-center-navbar ul li { margin: 0; display: inline-block; } #header .header-center .header-center-navbar ul li.active a { color: #dc143c; } #header .header-center .header-center-navbar ul li a { display: inline-block; padding: 17px 10px; color: #ffffff; } #header .header-center .header-center-navbar ul li a:hover { color: #dc143c; } #header .header-bottom .megamenu-starter { position: relative; cursor: pointer; } #header .header-bottom .megamenu-starter h4 { padding: 0 15px; height: 55px; line-height: 55px !important; background: #81af53; color: #fff; margin: 0; } #header .header-bottom .megamenu-starter > ul { position: absolute; top: 100%; left: 0; margin: 0; z-index: 9; width: 100%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header .header-bottom .megamenu-starter > ul > li { margin: 0; display: block; } #header .header-bottom .megamenu-starter > ul > li.has-child > a:after { display: inline-block !important; } #header .header-bottom .megamenu-starter > ul > li > a { display: block; background: #e0487d; padding: 10px 20px 10px 35px; position: relative; color: #ffffff; border-bottom: 1px solid #f5f5f6; } #header .header-bottom .megamenu-starter > ul > li > a:hover { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li > a:hover:after { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li > a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } #header .header-bottom .megamenu-starter > ul > li > a:after { content: '\f105'; font-family: FontAwesome; font-size: 18px; position: absolute; top: calc(50% - 9px); right: 10px; color: #fff; display: none; } #header .header-bottom .megamenu-starter > ul > li > a img { position: absolute; top: calc(50% - 8px); left: 10px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu { position: relative; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu:hover > ul { display: inline-block; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul { display: none; position: absolute; left: 100%; top: 0; margin: 0; width: 220px; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li { display: block; margin: 0; position: relative; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li:first-child > a { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li:last-child > a { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px solid #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.has-child > a:after { display: inline-block !important; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a { border-left: 1px solid #00ffc5; border-right: 1px solid #00ffc5; display: block; background: #e0487d; padding: 10px; position: relative; color: #ffffff; border-bottom: 1px solid #f5f5f6; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a:hover { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a:hover:after { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li > a:after { content: '\f105'; font-family: FontAwesome; font-size: 18px; position: absolute; top: calc(50% - 9px); right: 10px; color: #ffffff; display: none; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu:hover > ul { display: inline-block; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul { display: none; position: absolute; left: 100%; top: 0; margin: 0; width: 220px; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li { display: block; margin: 0; position: relative; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li:first-child > a { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li:last-child > a { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px solid #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a { border-left: 1px solid #00ffc5; border-right: 1px solid #00ffc5; display: block; background: #e0487d; padding: 10px; position: relative; color: #ffffff; border-bottom: 1px solid #f5f5f6; } #header .header-bottom .megamenu-starter > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a:hover { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.mega-menu:hover .megamenu-content { display: inline-block; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content { display: none; position: absolute; top: 0; left: 100%; width: calc(1080px - 100%); background: #e0487d; padding: 15px 15px 5px 15px; border-radius: 7px; border: 1px solid #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item { margin-bottom: 10px; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a { display: block; margin-bottom: 10px; color: #ffffff; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a.img-wrapper { overflow: hidden; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img { width: 100%; transform: scale(1); } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img:hover { transform: scale(1.1); } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a:hover { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul { margin: 0; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li { margin: 0; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li:last-child a { border-bottom: none !important; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a { color: #929191; display: block; padding: 10px; border-bottom: 1px solid #f4f4f4; color: #ffffff; position: relative; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:after { content: '\f111'; font-family: FontAwesome; font-size: 6px; position: absolute; left: 0; top: calc(50% - 3px); color: #929191; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:hover { color: #00ffc5; } #header .header-bottom .megamenu-starter > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:hover:after { color: #00ffc5; } #header .header-bottom .search-form-wrapper form { position: relative; } #header .header-bottom .search-form-wrapper form select { position: absolute; top: calc(50% - 18px); left: 5px; max-width: 130px; overflow: hidden; z-index: 1; height: 36px; line-height: 36px !important; padding: 0 15px; border-radius: 18px; color: #ffffff; outline: 0; } #header .header-bottom .search-form-wrapper form .input-group { width: 100%; position: relative; } #header .header-bottom .search-form-wrapper form .input-group input { width: 100%; height: 45px; line-height: 45px; margin: 0; outline: 0; border: 0; border-radius: 18px; color: #ffffff; -webkit-box-shadow: 0 0 5px 3px #edeeee; -moz-box-shadow: 0 0 5px 3px #edeeee; box-shadow: 0 0 5px 3px #edeeee; } #header .header-bottom .search-form-wrapper form .input-group button { position: absolute; top: calc(50% - 18px); right: 5px; height: 36px; line-height: 36px !important; padding: 0 12px; border-radius: 18px; background: #81af53; color: #fff; outline: 0; } #header .header-bottom .search-form-wrapper form .input-group button:hover { background: #749f4a; } #header .header-bottom .desktop-cart-wrapper { display: inline-block; position: relative; } #header .header-bottom .desktop-cart-wrapper > a { display: inline-block; position: relative; padding: 17px 10px; } #header .header-bottom .desktop-cart-wrapper > a > span { display: inline-block; } #header .header-bottom .desktop-cart-wrapper > a > span.icon { color: #ffffff; } #header .header-bottom .desktop-cart-wrapper > a > span.number { position: absolute; top: 0; right: 0; height: 18px; line-height: 18px; width: 18px; border-radius: 50%; text-align: center; font-size: 9px; color: #fff; background: #f8981d; } #header .header-bottom .desktop-cart-wrapper .quickview-cart { webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; text-align: left; position: absolute; z-index: 9999; top: calc(100% + 8px); right: 0px; border-radius: 7px; width: 300px; padding: 5px; background: #fff; line-height: normal !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header .header-bottom .desktop-cart-wrapper .quickview-cart h3 { border-radius: 7px; padding: 5px; width: 100%; display: block; background: #81af53; color: #fff; position: relative; } #header .header-bottom .desktop-cart-wrapper .quickview-cart h3 span { position: absolute; color: #fff; top: 5px; right: 5px; cursor: pointer; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul { margin: 0px; max-height: 250px; overflow-y: scroll; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item { margin: 0px 0px 5px 0px; position: relative; border-bottom: 1px dashed #DDD; padding-bottom: 5px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove { position: absolute; top: calc(50% - 9px); right: 5px; color: #81af53; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item:last-child { margin: 0px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info { padding-right: 15px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a { color: #444444; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover { color: #81af53; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-info small { display: block; margin-bottom: 3px; display: inline-block; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity { padding-right: 15px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span { display: block; margin-bottom: 3px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-img { border-radius: 7px; overflow: hidden; } #header .header-bottom .desktop-cart-wrapper .quickview-cart ul .cart-item-img img { vertical-align: middle; } #header .header-bottom .desktop-cart-wrapper .quickview-cart .qv-cart-total { margin: 5px 0px; padding: 5px; width: 100%; display: block; background: #f7f7f7; color: #81af53; border-radius: 7px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart .quickview-cartactions a { display: inline-block; width: 48%; text-align: center; border-radius: 7px; padding: 5px 10px; } #header .header-bottom .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child { float: left; color: #81af53; border: 1px solid #81af53; } #header .header-bottom .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child { float: right; color: #fff; border: 1px solid #81af53; background: #81af53; } #header .header-bottom .desktop-account { display: inline-block; margin-right: 10px; } #header .header-bottom .desktop-account a { display: inline-block; line-height: 36px !important; padding: 9px 10px; font-size: 22px; background: none; color: #434343; border-radius: 50%; } #header .header-bottom .desktop-account a:hover { background: #00e6b1; } #header .mobile-header { padding: 15px 0 10px; background: #ffffff; background-image: url("//theme.hstatic.net/1000275407/1000400649/14/bg_hd.png?v=258"); background-position: top center; background-size: cover; position: relative; } #header .mobile-header .wrapper { padding: 0px 2px; } #header .mobile-header .mobile-logo > a { display: inline-block; color: #81af53; } #header .mobile-header .mobile-bars a, #header .mobile-header .mobile-search a { display: inline-block; font-size: 25px; color: #444444; } #header .mobile-header .mobile-bars > a { padding: 0px !important; } #header .mobile-header .mobile-search-wrapper { display: none; position: absolute; width: 100%; top: 100%; left: 0; right: 0; background: #fff; padding: 5px 15px; } #header .mobile-header .mobile-search-wrapper form { line-height: normal; } #header .mobile-header .mobile-search-wrapper form input { height: 40px; line-height: 40px; padding: 0px 15px; width: 100%; color: #444444; outline: 0px; } #header .mobile-header .mobile-search-wrapper form button { height: 40px; width: 40px; line-height: 40px !important; padding: 0px; background: #81af53; color: #fff; outline: 0px; } #header.scrolldown { position: fixed; top: 0; left: 0; right: 0; z-index: 9; } #header.scrolldown .header-top, #header.scrolldown .header-center { display: none; } #header.scrolldown .header-bottom > .wrapper > .inner { background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header.scrolldown .header-bottom .megamenu-starter > ul { display: none; } #header.scrolldown .header-bottom .search-form-wrapper, #header.scrolldown .header-bottom .desktop-cart-wrapper, #header.scrolldown .header-bottom .desktop-account { margin-top: 5px; } .megamenu-starter2 { position: relative; cursor: pointer; margin-bottom: 25px; } .megamenu-starter2 h4 { padding: 0 15px; height: 55px; line-height: 55px !important; background: #81af53; color: #fff; margin: 0; } .megamenu-starter2 > ul { position: relative; top: 100%; left: 0; margin: 0; display: block; z-index: 9; width: 100%; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } .megamenu-starter2 > ul > li { margin: 0; display: block; } .megamenu-starter2 > ul > li.has-child > a:after { display: inline-block !important; } .megamenu-starter2 > ul > li > a { display: block; background: #565B70; padding: 10px 20px 10px 35px; position: relative; font-size: 14px; color: #fff; border-bottom: 1px solid #f5f5f6; } .megamenu-starter2 > ul > li > a:hover { background: #283895; color: #fff; } .megamenu-starter2 > ul > li > a:hover:after { color: #fff; } .megamenu-starter2 > ul > li > a:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); } .megamenu-starter2 > ul > li > a:after { content: '\f105'; font-family: FontAwesome; font-size: 18px; position: absolute; top: calc(50% - 9px); right: 10px; color: #fff; display: none; } .megamenu-starter2 > ul > li > a img { position: absolute; top: calc(50% - 8px); left: 10px; filter: grayscale(100%); -webkit-filter: grayscale(100%); } .megamenu-starter2 > ul > li.dropdown-menu { position: relative; } .megamenu-starter2 > ul > li.dropdown-menu:hover > ul { display: inline-block; } .megamenu-starter2 > ul > li.dropdown-menu > ul { display: none; position: absolute; left: 100%; top: 0; margin: 0; width: 220px; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li { display: block; margin: 0; position: relative; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li:first-child > a { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li:last-child > a { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px solid #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.has-child > a:after { display: inline-block !important; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a { border-left: 1px solid #00ffc5; border-right: 1px solid #00ffc5; display: block; background: #e0487d; padding: 10px; position: relative; color: #ffffff; border-bottom: 1px solid #f5f5f6; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a:hover { color: #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a:hover:after { color: #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li > a:after { content: '\f105'; font-family: FontAwesome; font-size: 18px; position: absolute; top: calc(50% - 9px); right: 10px; color: #ffffff; display: none; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu:hover > ul { display: inline-block; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul { display: none; position: absolute; left: 100%; top: 0; margin: 0; width: 220px; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li { display: block; margin: 0; position: relative; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li:first-child > a { border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 1px solid #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li:last-child > a { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-bottom: 1px solid #00ffc5; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a { border-left: 1px solid #00ffc5; border-right: 1px solid #00ffc5; display: block; background: #e0487d; padding: 10px; position: relative; color: #ffffff; border-bottom: 1px solid #f5f5f6; } .megamenu-starter2 > ul > li.dropdown-menu > ul > li.dropdown-menu > ul > li > a:hover { color: #00ffc5; } .megamenu-starter2 > ul > li.mega-menu:hover .megamenu-content { display: inline-block; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content { display: none; position: absolute; top: 0; left: 100%; width: calc(1080px - 100%); background: #e0487d; padding: 15px 15px 5px 15px; border-radius: 7px; border: 1px solid #00ffc5; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item { margin-bottom: 10px; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a { display: block; margin-bottom: 10px; color: #ffffff; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a.img-wrapper { overflow: hidden; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img { width: 100%; transform: scale(1); } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a img:hover { transform: scale(1.1); } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > a:hover { color: #00ffc5; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul { margin: 0; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li { margin: 0; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li:last-child a { border-bottom: none !important; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a { color: #929191; display: block; padding: 10px; border-bottom: 1px solid #f4f4f4; color: #ffffff; position: relative; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:after { content: '\f111'; font-family: FontAwesome; font-size: 6px; position: absolute; left: 0; top: calc(50% - 3px); color: #929191; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:hover { color: #00ffc5; } .megamenu-starter2 > ul > li.mega-menu .megamenu-content > .grid > .grid__item > ul > li a:hover:after { color: #00ffc5; } #NavDrawer { z-index: 999999; } #home-main-slider { z-index: 1; } #home-main-slider #owl-home-main-slider .item a { display: block; } #home-main-slider #owl-home-main-slider .item a img { width: auto; display: block; margin: auto; } #home-main-slider #owl-home-main-slider .owl-controls { margin: 0; } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons { position: absolute; bottom: 15px; right: 30px; } #home-main-slider #owl-home-main-slider .owl-controls .owl-buttons > div { opacity: 1; background: #81af53; color: #fff; border: 1px solid #fff; border-radius: 50%; height: 30px; width: 30px; line-height: 30px; padding: 0; margin: 5px; font-size: 24px; } #home-banner { padding: 30px 0; } #home-banner .home-banner-item a { display: block; overflow: hidden; border-radius: 7px; } #home-banner .home-banner-item a img { width: 100%; transform: scale(1); } #home-banner .home-banner-item a img:hover { transform: scale(1.1); } #home-policy .h-policy-item { color: #81af53; border: 1px solid #81af53; border-radius: 21px; padding: 15px; } #home-brand-slider { padding: 30px 0 40px; } #home-brand-slider #owl-home-brand-slider:hover .owl-controls .owl-buttons > div { opacity: 1; } #home-brand-slider #owl-home-brand-slider .item a { display: block; } #home-brand-slider #owl-home-brand-slider .item a img { width: 100%; } #home-brand-slider #owl-home-brand-slider .item a img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); } #home-brand-slider #owl-home-brand-slider .owl-controls { margin: 0; } #home-brand-slider #owl-home-brand-slider .owl-controls .owl-buttons > div { opacity: 0; background: transparent; color: #444444; height: 34px; line-height: 34px; padding: 0; margin: 0; font-size: 30px; position: absolute; top: calc(50% - 17px); } #home-brand-slider #owl-home-brand-slider .owl-controls .owl-buttons > div.owl-prev { left: 30px; } #home-brand-slider #owl-home-brand-slider .owl-controls .owl-buttons > div.owl-next { right: 0; } .home-collection { margin-bottom: 15px; } .home-collection .hc1-tabcontent, .home-collection .hc2-tabcontent, .home-collection .hc3-tabcontent, .home-collection .hc4-tabcontent, .home-collection .hc5-tabcontent { display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } #owl-home-article-slider1 .owl-controls, #owl-home-article-slider2 .owl-controls, #owl-home-article-slider3 .owl-controls, #owl-home-article-slider4 .owl-controls, #owl-home-article-slider5 .owl-controls, #owl-home-collection-slider1_1 .owl-controls, #owl-home-collection-slider1_2 .owl-controls, #owl-home-collection-slider1_3 .owl-controls, #owl-home-collection-slider1_4 .owl-controls, #owl-home-collection-slider1_5 .owl-controls, #owl-home-collection-slider2_1 .owl-controls, #owl-home-collection-slider2_2 .owl-controls, #owl-home-collection-slider2_3 .owl-controls, #owl-home-collection-slider2_4 .owl-controls, #owl-home-collection-slider2_5 .owl-controls, #owl-home-collection-slider3_1 .owl-controls, #owl-home-collection-slider3_2 .owl-controls, #owl-home-collection-slider3_3 .owl-controls, #owl-home-collection-slider3_4 .owl-controls, #owl-home-collection-slider3_5 .owl-controls, #owl-home-collection-slider4_1 .owl-controls, #owl-home-collection-slider4_2 .owl-controls, #owl-home-collection-slider4_3 .owl-controls, #owl-home-collection-slider4_4 .owl-controls, #owl-home-collection-slider4_5 .owl-controls, #owl-home-collection-slider5_1 .owl-controls, #owl-home-collection-slider6_1 .owl-controls, #owl-home-collection-slider7_1 .owl-controls, #owl-home-collection-slider8_1 .owl-controls, #owl-home-collection-slider9_1 .owl-controls, #owl-home-article-custom_slider_2 .owl-controls { margin: 0; } #owl-home-article-slider1 .owl-controls .owl-buttons > div, #owl-home-article-slider2 .owl-controls .owl-buttons > div, #owl-home-article-slider3 .owl-controls .owl-buttons > div, #owl-home-article-slider4 .owl-controls .owl-buttons > div, #owl-home-article-slider5 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div, #owl-home-article-custom_slider_2 .owl-controls .owl-buttons > div { opacity: 1; border: 1px solid #333; background: #fff; color: #444444; height: 35px; width: 35px; line-height: 35px; padding: 0; border-radius: 50%; position: absolute; top: calc(50% - 18px); } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-prev, #owl-home-article-custom_slider_2 .owl-controls .owl-buttons > div.owl-prev { left: 15px; } #owl-home-article-slider1 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider2 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider3 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider4 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-slider5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider1_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider2_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider3_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_2 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_3 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_4 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider4_5 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider5_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider6_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider7_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider8_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-collection-slider9_1 .owl-controls .owl-buttons > div.owl-next, #owl-home-article-custom_slider_2 .owl-controls .owl-buttons > div.owl-next { right: 0px; } #home-article .article-desc { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; height: 80px; line-height: 20px; } #home-article .article-item .article-title a { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px; line-height: 20px; } #home-article .ha-tabcontent { display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } .home-section-head { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 2px solid #ED143D; } .home-section-head .home-section-title { padding: 8.5px; background: #ED143D; position: relative; display: inline-block; } .home-section-head .home-section-title:after { content: ''; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-style: solid; /*border-width: 35px 0 0 24px; border-color: transparent transparent transparent #ED143D;*/ border-width: 17px 0 18px 20px; border-color: transparent transparent transparent #ED143D; } .home-section-head .home-section-title h2 { font-size: 15px; color: #fff; margin: 0px; } .home-section-head .home-section-title h2 a { color: #fff; } .home-section-head .home-section-title p { color: #fff; margin: 0; } .home-section-head .home-section-tabs div.tab { overflow: hidden; } .home-section-head .home-section-tabs div.tab > span { color: #444444; display: inline-block; float: right; height: 48px; line-height: 48px !important; margin-right: 15px; } .home-section-head .home-section-tabs div.tab button { display: inline-block; float: right; border: none; outline: none; cursor: pointer; padding: 0; margin-right: 15px; height: 53px; line-height: 53px !important; transition: 0.3s; color: #444444; } .home-section-head .home-section-tabs div.tab a { display: inline-block; float: right; border: none; outline: none; cursor: pointer; padding: 0px; height: 24px; line-height: 38px !important; transition: 0.3s; color: #81af53; } .home-section-head .home-section-tabs div.tab button.active, .home-section-head .home-section-tabs div.tab button:hover { color: #f8981d; } .home-section-body .home-section-sidebar { overflow: hidden; } .home-section-body .home-section-sidebar .home-col-ads { margin-bottom: 15px; } .home-section-body .home-section-sidebar .home-col-ads .item { margin-bottom: 5px; } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .item > a, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .item > a, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .item > a, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .item > a { display: block; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px; } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .item > a img, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .item > a img { width: 100%; transform: scale(1); } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .item > a img:hover, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .item > a img:hover, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .item > a img:hover, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .item > a img:hover { transform: scale(1.1); } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .owl-controls, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .owl-controls, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .owl-controls, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .owl-controls { margin: 0; position: absolute; bottom: 5px; left: 0; right: 0; } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .owl-controls .owl-pagination .owl-page.active span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .owl-controls .owl-pagination .owl-page.active span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .owl-controls .owl-pagination .owl-page.active span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .owl-controls .owl-pagination .owl-page.active span { background: #fff !important; } .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads1 .owl-controls .owl-pagination .owl-page span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads2 .owl-controls .owl-pagination .owl-page span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads3 .owl-controls .owl-pagination .owl-page span, .home-section-body .home-section-sidebar .home-col-ads #owl-home-section-ads4 .owl-controls .owl-pagination .owl-page span { width: 10px !important; height: 10px !important; margin: 4px !important; opacity: 1 !important; background: none !important; border: 1px solid #fff !important; } .home-section-body .home-section-sidebar .home-col-featured-products { padding: 5px; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; margin-bottom: 5px; padding: 2px; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item:hover .fp-img a img { transform: scale(1.1); } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item:hover .fp-title a { color: #81af53; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-img a { display: block; overflow: hidden; border-radius: 7px; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-img a img { width: 100%; transform: scale(1); } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-title { margin-bottom: 5px; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-title a { display: inline-block; color: #444444; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price button { display: inline-block; background: #81af53; color: #fff; font-size: 13px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price button:hover { background: #749f4a; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price span { display: inline-block; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price span.current-price { color: #DC143C; font-size: 13px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } .home-section-body .home-section-sidebar .home-col-featured-products .home-col-fp-item .fp-buynow-price span.original-price { width: 100%; font-size: 11px; color: #a8a8a8; text-align: right; padding-right: 14px; } .home-section-body .home-section-sidebar .home-col-viewall a { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 15px; margin: 0; background: #81af53; color: #fff; } .home-section-body .home-section-sidebar .home-col-viewall a:hover { background: #749f4a; } .home-section-sidebar2 { overflow: hidden; } .home-section-sidebar2 .home-col-ads { margin-bottom: 15px; } .home-section-sidebar2 .home-col-ads .item { margin-bottom: 5px; } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .item > a, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .item > a, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .item > a, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .item > a { display: block; overflow: hidden; border-top-left-radius: 7px; border-top-right-radius: 7px; } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .item > a img, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .item > a img { width: 100%; transform: scale(1); } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .item > a img:hover, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .item > a img:hover, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .item > a img:hover, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .item > a img:hover { transform: scale(1.1); } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .owl-controls, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .owl-controls, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .owl-controls, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .owl-controls { margin: 0; position: absolute; bottom: 5px; left: 0; right: 0; } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .owl-controls .owl-pagination .owl-page.active span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .owl-controls .owl-pagination .owl-page.active span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .owl-controls .owl-pagination .owl-page.active span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .owl-controls .owl-pagination .owl-page.active span { background: #fff !important; } .home-section-sidebar2 .home-col-ads #owl-home-section-ads1 .owl-controls .owl-pagination .owl-page span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads2 .owl-controls .owl-pagination .owl-page span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads3 .owl-controls .owl-pagination .owl-page span, .home-section-sidebar2 .home-col-ads #owl-home-section-ads4 .owl-controls .owl-pagination .owl-page span { width: 10px !important; height: 10px !important; margin: 4px !important; opacity: 1 !important; background: none !important; border: 1px solid #fff !important; } .home-section-sidebar2 .home-col-featured-products { padding: 5px; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; margin-bottom: 5px; padding: 2px; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item:hover .fp-img a img { transform: scale(1.1); } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item:hover .fp-title a { color: #81af53; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-img a { display: block; overflow: hidden; border-radius: 7px; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-img a img { width: 100%; transform: scale(1); } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-title { margin-bottom: 5px; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-title a { display: inline-block; color: #444444; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price button { display: inline-block; background: #81af53; color: #fff; font-size: 13px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price button:hover { background: #749f4a; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price span { display: inline-block; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price span.current-price { color: #DC143C; font-size: 13px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } .home-section-sidebar2 .home-col-featured-products .home-col-fp-item .fp-buynow-price span.original-price { width: 100%; font-size: 11px; color: #a8a8a8; text-align: right; padding-right: 14px; } .home-section-sidebar2 .home-col-viewall a { display: block; width: 100%; height: 50px; line-height: 50px; padding: 0 15px; margin: 0; background: #81af53; color: #fff; } .home-section-sidebar2 .home-col-viewall a:hover { background: #749f4a; } .hc-1row-banner { border-radius: 7px; -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; } .hc-1row-banner a { display: block; border-radius: 7px; overflow: hidden; } .hc-1row-banner a img { width: 100%; transform: scale(1); } .hc-1row-banner a img:hover { transform: scale(1.1); } .product-item { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; padding: 2px; margin-bottom: 5px; background: #fff; } .product-item:hover .product-img > a img { transform: scale(1.1); } .product-item:hover .product-img .product-img-overlay { opacity: 1; } .product-item:hover .product-img .product-actions > button { transform: translate(0, 0) !important; } .product-item:hover .product-title a { color: #81af53; } .product-item .product-img { position: relative; overflow: hidden; margin-bottom: 6px; border-top-left-radius: 7px; border-top-right-radius: 7px; } .product-item .product-img > a { display: block; position: relative; } .product-item .product-img > a img { width: 100%; transform: scale(1); } .product-item .product-img .product-img-overlay { background: rgba(67, 67, 67, 0.5); position: absolute; top: 0; right: 0; left: 0; bottom: 0; opacity: 0; z-index: 1; } .product-item .product-img .product-actions { z-index: 2; position: absolute; top: 5px; right: 5px; } .product-item .product-img .product-actions > button { background: #fff; font-size: 14px; color: #444444; text-align: center; padding: 5px 10px; border-radius: 12px; outline: 0; } .product-item .product-img .product-actions > button:hover { background: #81af53; color: #fff; } .product-item .product-img .product-actions > button.btnAddToCart { transform: translateY(-40px); } .product-item .product-img .product-actions > button.btnQuickView { transform: translateX(40px); } .product-item .product-title { margin-bottom: 6px; padding: 0 5px; text-align: center; } .product-item .product-title a { display: inline-block; height: 35px; overflow: hidden; font-size: 15px; color: #444444; font-weight: bold; } .product-item .product-buynow-price { text-align: center; margin-bottom: 6px; } .product-item .product-buynow-price button { display: inline-block; background: #81af53; color: #fff; font-size: 13px; outline: 0; padding: 5px 15px; line-height: 20px !important; } .product-item .product-buynow-price button:hover { background: #749f4a; } .product-item .product-buynow-price span { display: inline-block; } .product-item .product-buynow-price span.current-price { color: #DC143C; font-size: 16px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; outline: 0; padding: 0px 5px; height: 20px; line-height: 20px !important; } .product-item .product-buynow-price span.original-price { font-size: 11px; color: #a8a8a8; } .product-item .product-review-tags { margin-bottom: 6px; padding: 0 5px; } .product-item .product-review-tags .product-review { float: left; color: #f8981d; padding-top: 3px; } .product-item .product-review-tags .product-review .haravan-product-reviews-badge .hrv-product-reviews-star i { font-size: 14px !important; } .product-item .product-review-tags .product-review .haravan-product-reviews-badge p { margin: 0px; display: none; } .product-item .product-review-tags .product-tags { float: right; min-height: 19px; } .product-item .product-review-tags .product-tags span { display: inline-block; font-size: 10px; margin-right: 2px; color: #f8981d; border: 1px solid #f8981d; border-radius: 9px; padding: 2px 5px; } .product-item .product-review-tags .product-tags span:last-child { margin-right: 0; } .product-item2 { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; position: relative; padding: 5px; border-radius: 7px; margin-bottom: 15px; } .product-item2:hover .product-img a img { transform: scale(1.1); } .product-item2:hover .product-title a { color: #81af53; } .product-item2:hover .product-actions > button { color: #fff !important; background: #bcbcbd !important; } .product-item2 .product-tags { position: absolute; top: 0; left: 0; z-index: 2; padding: 0px 15px; height: 30px; line-height: 30px; color: #fff; background: #81af53; } .product-item2 .product-img { border-radius: 7px; overflow: hidden; margin-bottom: 15px; position: relative; } .product-item2 .product-img a { display: block; } .product-item2 .product-img a img { width: 100%; transform: scale(1); } .product-item2 .haravan-product-reviews-badge { margin-bottom: 15px; } .product-item2 .haravan-product-reviews-badge p { display: none; margin: 0px; } .product-item2 .product-title { margin-bottom: 15px; } .product-item2 .product-title a { display: inline-block; height: 38px; color: #444444; } .product-item2 .product-price { margin-bottom: 15px; } .product-item2 .product-price span { display: inline-block; } .product-item2 .product-price span.current-price { color: #81af53; margin-right: 10px; } .product-item2 .product-price span.original-price { color: #929191; } .product-item2 .product-actions > button { height: 50px; line-height: 50px !important; text-align: center; padding: 0px; float: left; } .product-item2 .product-actions > button.btnQuickView, .product-item2 .product-actions > button.btnAddToCart { width: 50px; background: #fff; color: #444444; border: 1px solid #dbdbdd; } .product-item2 .product-actions > button.btnQuickView:hover, .product-item2 .product-actions > button.btnAddToCart:hover { color: #81af53 !important; } .product-item2 .product-actions > button.btnQuickView { border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-right: none; } .product-item2 .product-actions > button.btnAddToCart { border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-left: none; } .product-item2 .product-actions > button.btnBuyNow { width: calc(100% - 100px); background: #fff; color: #444444; border: 1px solid #dbdbdd; border-right: none; border-left: none; } .product-item2 .product-actions > button.btnBuyNow:hover { color: #81af53 !important; } .article-item { margin: 5px 0 5px; padding: 5px 5px 10px; -moz-box-shadow: 0 2px 10px 0 #c4c4c4; -webkit-box-shadow: 0 2px 10px 0 #c4c4c4; box-shadow: 0 2px 10px 0 #c4c4c4; border-radius: 7px; } .article-item:hover .article-img a img { transform: scale(1.1); } .article-item .article-img { margin-bottom: 10px; } .article-item .article-img a { display: block; overflow: hidden; border-radius: 7px; } .article-item .article-img a img { width: 100%; transform: scale(1); } .article-item .article-date { margin-bottom: 10px; color: #f8981d; } .article-item .article-title { margin-bottom: 10px; } .article-item .article-title a { display: inline-block; height: 34px; color: #000; } .article-item .article-title a:hover { color: #81af53; } .article-item .article-desc { margin-bottom: 10px; padding-bottom: 10px; color: #929191; overflow: hidden; } .article-item .article-comment-count { color: #000; } .article-item .article-comment-count i { color: #929191; } #footer { background: #81af53; color: #ffffff; } #footer .ft-contact-wrapper > .wrapper > .inner { background: #283895; padding: 20px 0; margin-bottom: 25px; } #footer .ft-contact-wrapper .ft-contact { padding: 0 25px; } #footer .ft-contact-wrapper .ft-contact .ft-contact-icon { float: left; } #footer .ft-contact-wrapper .ft-contact .ft-contact-info { padding-left: 47px; } #footer .ft-contact-wrapper .ft-contact .ft-contact-info h4 { margin: 0; color: #ffffff; } #footer .ft-contact-wrapper .ft-contact .ft-contact-info p { color: #ffffff; margin: 0; } #footer .ft-contact-wrapper .ft-contact .ft-contact-info p a { color: #ffffff; } #footer .ft-contact-wrapper .ft-contact .ft-contact-info p a:hover { color: #dedede; } #footer .ft-social-sub-wrapper > .wrapper > .inner { border-bottom: 1px solid #eeeeee; margin-bottom: 25px; padding-bottom: 25px; } #footer .ft-social-sub-wrapper .ft-certification a { display: inline-block; margin-right: 15px; } #footer .ft-social-sub-wrapper .ft-certification a:last-child { margin-right: 0; } #footer .ft-social-sub-wrapper .ft-social-network a { display: inline-block; margin-right: 15px; } #footer .ft-social-sub-wrapper .ft-social-network a:last-child { margin-right: 0; } #footer .ft-social-sub-wrapper .ft-subscription .input-group { width: 100%; position: relative; } #footer .ft-social-sub-wrapper .ft-subscription .input-group input { width: 100%; height: 45px; line-height: 45px; margin: 0; outline: 0; border: 0; border-radius: 18px; color: #ffffff; -webkit-box-shadow: 0 0 20px 5px #edeeee; -moz-box-shadow: 0 0 20px 5px #edeeee; box-shadow: 0 0 20px 5px #edeeee; } #footer .ft-social-sub-wrapper .ft-subscription .input-group button { position: absolute; top: calc(50% - 18px); right: 5px; height: 36px; line-height: 36px !important; padding: 0 15px; border-radius: 18px; background: #81af53; color: #fff; outline: 0; } #footer .ft-social-sub-wrapper .ft-subscription .input-group button:hover { background: #749f4a; } #footer .ft-nav-wrapper .ft-nav { margin-bottom: 25px; } #footer .ft-nav-wrapper .ft-nav h4 { color: #ffffff; margin: 0 0 15px; padding-bottom: 10px; border-bottom: 1px solid #fff; color: #fff; } #footer .ft-nav-wrapper .ft-nav ul { margin: 0; } #footer .ft-nav-wrapper .ft-nav ul li { margin: 0 0 5px; } #footer .ft-nav-wrapper .ft-nav ul li a { color: #ffffff; } #footer .ft-nav-wrapper .ft-nav ul li a:hover { color: #dedede; } #footer .ft-copyright { background: #ebebeb; border-top: 1px solid #b2b4b9; padding: 15px 0; } #footer .ft-copyright p { margin: 0; color: #434343; } #footer .ft-copyright p a { color: #434343; } #footer .ft-copyright p a:first-child { color: #dc143c; } #back-to-top { position: fixed; bottom: 55px; right: 100px; border-radius: 50%; height: 40px; line-height: 40px; width: 40px; opacity: 0.5; background: #81af53; color: #fff; text-align: center; font-size: 24px; z-index: 99999; cursor: pointer; } #back-to-top:hover { opacity: 1; } #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: #81af53; position: relative; } #mobile-bottom-navigation .mobile-nav-item > a { width: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: #fff; } #mobile-bottom-navigation .mobile-nav-item > a i { font-size: 24px; color: #fff; display: inline-block; margin-bottom: 3px; } #mobile-bottom-navigation .mobile-nav-item > a span.number { position: absolute; display: inline-block; top: -10px; right: 15px; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; text-align: center; font-size: 10px; color: #fff; background: #f8981d; } #breadcrumb-wrapper { position: relative; } #breadcrumb-wrapper .breadcrumb-bg { position: relative; background: url("//theme.hstatic.net/1000275407/1000400649/14/breadcrumb_img.png?v=258"); background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 260px; } #breadcrumb-wrapper .breadcrumb-bg .breadcrumb-overlay { position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } #breadcrumb-wrapper .breadcrumb-content { position: absolute; z-index: 2; width: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #breadcrumb-wrapper .breadcrumb-content h1 { font-size: 22px; color: #fff; margin: 0 0 15px; } #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav a { display: inline-block; margin: 0 10px 10px 0; color: #fff; float: left; } #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav a:hover { color: #f8981d; } #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav span { display: inline-block; margin-right: 10px; color: #fff; float: left; } #breadcrumb-wrapper .breadcrumb-content .breadcrumb-nav span.active { color: #f8981d; } .pagination-custom { display: inline-block; margin: 15px auto 0; border: 1px solid #e5e5e5; border-radius: 18px; padding: 3px; } .pagination-custom span.nextPage, .pagination-custom span.prevePage { display: inline-block; height: 30px; line-height: 30px; width: 50px; float: left; } .pagination-custom span.nextPage a, .pagination-custom span.prevePage a { display: block; color: #fff; font-size: 20px; background: #81af53; border-radius: 15px; } .pagination-custom span.nextPage a:hover, .pagination-custom span.prevePage a:hover { background: #749f4a; } .pagination-custom span.page { height: 30px; line-height: 30px; width: 30px; display: inline-block; float: left; } .pagination-custom span.page.current { color: #f8981d; } .pagination-custom span.page a { display: block; color: #444444; } .pagination-custom span.page a:hover { color: #f8981d; } #collection-wrapper { padding: 30px 0; } #collection-wrapper .collection-sidebar-wrapper button.accordion { cursor: pointer; width: 100%; text-align: left; outline: none; transition: 0.4s; position: relative; } #collection-wrapper .collection-sidebar-wrapper button.accordion:after { content: '\002B'; position: absolute; color: #444444; font-weight: bold; top: calc(50% - 9px); right: 10px; } #collection-wrapper .collection-sidebar-wrapper button.accordion.active:after { content: "\2212"; } #collection-wrapper .collection-sidebar-wrapper div.panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #collection-wrapper .collection-sidebar-wrapper > div { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; overflow: hidden; margin-bottom: 15px; } #collection-wrapper .collection-sidebar-wrapper > div .cs-title { padding: 10px 20px 10px 10px; border-top: 4px solid #81af53; border-bottom: 1px solid #f5f5f6; } #collection-wrapper .collection-sidebar-wrapper > div .panel > ul { margin: 0; padding: 10px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li { padding: 0; margin: 0 0 10px; display: block; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li:last-child { margin: 0 !important; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > a { display: inline-block; color: #444444; padding-bottom: 5px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > a:hover { color: #81af53; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul { margin: 0; padding: 0 5px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li { padding: 5px 0; margin: 0; display: block; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li > a { display: inline-block; color: #444444; position: relative; padding-left: 10px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li > a:after { content: '\f111'; font-family: FontAwesome; font-size: 5px; position: absolute; top: calc(50% - 3px); left: 0; } #collection-wrapper .collection-sidebar-wrapper .collection-categories .panel > ul > li > ul > li > a:hover { color: #81af53; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; margin: 5px 10px; padding: 2px; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item:first-child { margin-top: 15px; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item:last-child { margin-bottom: 15px; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item:hover .fp-img a img { transform: scale(1.1); } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item:hover .fp-title a { color: #81af53; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-img a { display: block; overflow: hidden; border-radius: 7px; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-img a img { width: 100%; transform: scale(1); } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-title { margin-bottom: 5px; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-title a { display: inline-block; color: #444444; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price button { display: inline-block; background: #81af53; color: #fff; font-size: 11px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price button:hover { background: #749f4a; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price span { display: inline-block; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price span.current-price { background: #fff; color: red; font-size: 15px; outline: 0; padding: 0 5px; height: 20px; line-height: 20px !important; } #collection-wrapper .collection-sidebar-wrapper .collection-featured-products .panel .home-col-fp-item .fp-buynow-price span.original-price { width: 100%; font-size: 11px; color: #a8a8a8; text-align: right; padding-right: 14px; } #collection-wrapper .collection-content-wrapper .collection-head { margin-bottom: 15px; padding-bottom: 5px; border-bottom: 1px solid #e7e7e8; } #collection-wrapper .collection-content-wrapper .collection-head .collection-products-count { color: #444444; height: 30px; line-height: 30px; } #collection-wrapper .collection-content-wrapper .collection-head .collection-sorting-wrapper select { height: 30px; line-height: 30px; padding: 0 10px; margin: 0; outline: 0; border: 1px solid #eeeeef; border-radius: 16px; width: 100%; } #product-wrapper { padding: 30px 0; } #product-wrapper .product-info-wrapper { margin-bottom: 30px; } #product-wrapper .product-info-wrapper .product-images-slider #sync1 { margin-bottom: 15px; } #product-wrapper .product-info-wrapper .product-images-slider #sync2 .owl-item.synced .item img { border: 1px solid #f8981d; } #product-wrapper .product-info-wrapper .product-images-slider #sync2 .owl-controls { margin: 0; } #product-wrapper .product-info-wrapper .product-images-slider #sync2 .owl-controls .owl-buttons > div { height: 30px; width: 30px; line-height: 30px; color: #fff; position: absolute; top: calc(50% - 15px); padding: 0; margin: 0; background: transparent !important; opacity: 1; font-size: 24px; } #product-wrapper .product-info-wrapper .product-images-slider #sync2 .owl-controls .owl-buttons > div.owl-prev { left: 15px; text-align: left; } #product-wrapper .product-info-wrapper .product-images-slider #sync2 .owl-controls .owl-buttons > div.owl-next { right: 0; text-align: right; } #product-wrapper .product-info-wrapper .product-images-slider .item { text-align: center; } #product-wrapper .product-info-wrapper .product-images-slider .item img { border-radius: 7px; width: 100%; max-height: 80px; border: 1px solid transparent; } #product-wrapper .product-info-wrapper .product-content .pro-content-head { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeef; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .title-product-detail { font-size: 22px; color: #444444; margin: 0 0 5px; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-brand { display: inline-block; margin-right: 10px; font-size: 15px; color: #444444; float: left; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-brand a { font-size: 15px; color: #444444; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-brand a:hover { color: #81af53; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-rating { display: inline-block; margin-right: 10px; color: #444444; float: left; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-rating .hrv-product-reviews-star { float: left; margin-right: 5px; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-rating .hrv-product-reviews-star i { font-size: 14px !important; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-rating p { margin: 0px; float: left; display: inline-block; } #product-wrapper .product-info-wrapper .product-content .pro-content-head .pro-sku { display: inline-block; font-size: 15px; color: #444444; float: left; } #product-wrapper .product-info-wrapper .product-content .pro-price { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeef; } #product-wrapper .product-info-wrapper .product-content .pro-price .sale-percentage { display: inline-block; float: right; color: #f8981d; border: 1px solid #f8981d; border-radius: 12px; height: 25px; line-height: 25px; padding: 0 10px; } #product-wrapper .product-info-wrapper .product-content .pro-price > span { display: inline-block; } #product-wrapper .product-info-wrapper .product-content .pro-price > span.current-price { float: left; font-size: 28px; color: #f8981d; margin-right: 15px; } #product-wrapper .product-info-wrapper .product-content .pro-price > span.original-price { float: left; color: #979797; margin-top: 3px; } #product-wrapper .product-info-wrapper .product-content .pro-short-desc { margin-bottom: 10px; border-bottom: 1px solid #eeeeef; color: #444444; } #product-wrapper .product-info-wrapper .product-content .product-quantity { margin-bottom: 10px; } #product-wrapper .product-info-wrapper .product-content .product-variants { margin-bottom: 10px; border-bottom: 1px solid #eeeeef; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size { margin-bottom: 10px; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size > span { display: inline-block; color: #979797; float: left; height: 34px; line-height: 34px; min-width: 100px; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size .variants-wrapper > span { height: 34px; line-height: 34px; padding: 0 10px; display: inline-block; border: 1px solid #e7e7e8; border-radius: 17px; margin-right: 10px; min-width: 45px; text-align: center; cursor: pointer; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-size .variants-wrapper > span:hover { color: #fff; border: 1px solid #81af53; background: #81af53; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color { margin-bottom: 10px; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color > span { display: inline-block; color: #979797; float: left; height: 34px; line-height: 34px; min-width: 100px; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span { height: 34px; width: 34px; border-radius: 50%; display: inline-block; margin-right: 10px; border: 1px solid #e1e1e2; cursor: pointer; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span.mauden { background: #000000; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span.mauhong { background: #ed6699; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span.maunau { background: #a86d31; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span.mauxanh { background: #0087cb; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span.mauluc { background: #24a8ac; } #product-wrapper .product-info-wrapper .product-content .product-variants .product-variant-color .variants-wrapper > span:hover { border: 1px solid #81af53; } #product-wrapper .product-info-wrapper .product-content .product-actions > button { outline: 0; display: inline-block; padding: 15px 9px; font-size: 14px; color: #fff; } #product-wrapper .product-info-wrapper .product-content .product-actions > button.btnOutOfStock { background: #81af53; border-radius: 27px; width: 100%; } #product-wrapper .product-info-wrapper .product-content .product-actions > button.btnAddToCart { background: #0583FD; float: left; width: 195px; margin-right: 10px; } #product-wrapper .product-info-wrapper .product-content .product-actions > button.btnAddToCart:hover { background: #749f4a; } #product-wrapper .product-info-wrapper .product-content .product-actions > button.btnBuyNow { background: #f8981d; float: left; width: calc(100% - 195px - 10px); } #product-wrapper .product-info-wrapper .product-content .product-actions > button.btnBuyNow:hover { background: #f48c08; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel { padding: 10px; background: #e6eaf2; border-radius: 7px; margin-bottom: 15px; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel h3 { text-align: center; color: #444444; margin: 0 0 10px; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel select { height: 35px; line-height: 35px; padding: 0 15px; margin-bottom: 10px; outline: 0; border: 1px solid #dcdde0; background: #fff; color: #444444; width: 100%; border-radius: 18px; position: relative; z-index: 2; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #fff; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul::-webkit-scrollbar { width: 3px; background-color: #fff; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul::-webkit-scrollbar-thumb { background-color: #81af53; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul { margin: 0; max-height: 250px; padding: 5px 10px; overflow-y: scroll; background: #fff; border: 1px solid #dcdde0; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li { margin: 0; padding: 5px 0; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div { color: #444444; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div.view-map a { color: #81af53; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div > a { color: #444444; } #product-wrapper .product-info-wrapper .product-sidebar .product-omnichannel #shops-info ul li > div > a:hover { color: #81af53; } #product-wrapper .product-info-wrapper .product-sidebar .product-policy .h-policy-item { margin-bottom: 15px; color: #fff; border: 1px solid #81af53; background: #81af53; padding: 10px 15px; } #product-wrapper .product-description-wrapper { border: 1px solid #e3e3e5; padding: 15px; border-radius: 7px; margin-bottom: 20px; } #product-wrapper .product-description-wrapper div.tab { overflow: hidden; } #product-wrapper .product-description-wrapper div.tab button { background: #81af53; color: #fff; text-align: center; margin-right: 6px; float: left; border: 2px solid #81af53; outline: none; cursor: pointer; padding: 10px 15px; } #product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button:hover { background: #81af53; color: #fff; border: 2px solid #81af53; } #product-wrapper .product-description-wrapper div.tab button:last-child { margin-right: 0; } #product-wrapper .product-description-wrapper .pro-tabcontent { display: none; padding-top: 15px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } #product-wrapper .product-description-wrapper .pro-tabcontent table { background: white; border-radius: 7px; } #product-wrapper .product-description-wrapper .pro-tabcontent table td, #product-wrapper .product-description-wrapper .pro-tabcontent table th { padding: 10px; border-color: #eee; } @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } #related-products, #seen-products { margin-bottom: 15px; } #related-products .home-section-head .home-section-tabs div.tab, #seen-products .home-section-head .home-section-tabs div.tab { min-height: 53px; } #related-products .owl-controls, #seen-products .owl-controls { margin: 0; } #related-products .owl-controls .owl-buttons, #seen-products .owl-controls .owl-buttons { position: absolute; right: 5px; top: -70px; } #related-products .owl-controls .owl-buttons > div, #seen-products .owl-controls .owl-buttons > div { opacity: 1; background: #fff; color: #444444; height: 35px; width: 35px; line-height: 35px; padding: 0; border-radius: 50%; } #seen-products .product-buynow-price .current-price { float: left; background: none; font-size: 14px !important; color: #81af53 !important; } #seen-products .product-buynow-price .original-price { float: right; background: none; font-size: 12px !important; margin-top: 3px; } #blog-wrapper { padding: 30px 0; } #blog-wrapper .social-network-actions { margin-bottom: 15px; } #blog-wrapper .fb-comments-wrapper { padding-bottom: 40px; } #blog-wrapper .article-content { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; padding: 15px; margin-bottom: 15px; background: #fff; } #blog-wrapper .article-content .article-head { padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #dcdcdc; } #blog-wrapper .article-content .article-head h2 { font-size: 21px; color: #444444; margin: 0px 0px 10px 0px; } #blog-wrapper .article-content .article-head .article-date-comment { color: #f8981d; } #blog-wrapper .article-content .article-head .article-date-comment span { display: inline-block; } #blog-wrapper .article-content .article-head .article-date-comment span.date { margin-right: 15px; } #blog-wrapper .article-content .article-head .article-date-comment span.comment { margin-right: 5px; } #blog-wrapper .article-content .article-tags span, #blog-wrapper .article-content .article-tags a { display: inline-block; float: left; margin: 0px 10px 5px 0px; color: #444444; } #blog-wrapper .article-content .article-tags a { border: 1px dashed #444444; border-radius: 18px; padding: 3px 5px; } #blog-wrapper .article-content .article-tags a:hover { color: #81af53; border: 1px dashed #81af53; } .blog-sidebar-wrapper button.accordion { cursor: pointer; width: 100%; text-align: left; outline: none; transition: 0.4s; position: relative; } .blog-sidebar-wrapper button.accordion:after { content: '\002B'; position: absolute; color: #444444; font-weight: bold; top: calc(50% - 9px); right: 10px; } .blog-sidebar-wrapper button.accordion.active:after { content: "\2212"; } .blog-sidebar-wrapper div.panel { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .blog-sidebar-wrapper .blog-categories { background: #fff; } .blog-sidebar-wrapper .blog-categories .panel > ul > li { padding: 0; margin: 0 0 10px; display: block; } .blog-sidebar-wrapper .blog-categories .panel > ul > li:last-child { margin: 0 !important; } .blog-sidebar-wrapper .blog-categories .panel > ul > li > a { display: inline-block; color: #444444; padding-bottom: 5px; } .blog-sidebar-wrapper .blog-categories .panel > ul > li > a:hover { color: #81af53; } .blog-sidebar-wrapper > div { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; overflow: hidden; margin-bottom: 15px; } .blog-sidebar-wrapper > div .bs-title { padding: 10px 20px 10px 10px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-top: 4px solid #81af53; border-bottom: 1px solid #f5f5f6; } .blog-sidebar-wrapper > div .panel > ul { margin: 0; padding: 10px; } .blog-sidebar-wrapper .blog-featured-articles { background: #fff; } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper { -moz-box-shadow: 0 1px 5px 0 #c4c4c4; -webkit-box-shadow: 0 1px 5px 0 #c4c4c4; box-shadow: 0 1px 5px 0 #c4c4c4; border-radius: 7px; margin-bottom: 5px; padding: 2px; } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper:hover .bfa-img a img { transform: scale(1.1); } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper:hover .bfa-title a { color: #81af53; } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-img a { display: block; overflow: hidden; border-radius: 7px; } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-img a img { width: 100%; transform: scale(1); } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-title { margin-bottom: 5px; } .blog-sidebar-wrapper .blog-featured-articles .panel > ul > li > .bfa-wrapper .bfa-title a { display: inline-block; color: #444444; } 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; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } .hrv-product-reviews h2 { margin: 0px 0px 15px 0px; } .other-pages { padding: 30px 0px; } .quickview-cart > ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); background-color: #fff; } .quickview-cart > ul::-webkit-scrollbar { width: 3px; background-color: #fff; } .quickview-cart > ul::-webkit-scrollbar-thumb { background-color: #81af53; } .qty-addcart > span { /*display: inline-block; @extend %text-14; color: #979797; float: left; height: 34px; line-height: 34px; min-width: 100px;*/ margin: 0; font-weight: bold; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } .js-qty { float: none !important; display: inline-block; margin: 0; } .js-qty button { outline: 0; height: 34px; width: 34px; line-height: 34px; padding: 0; display: inline-block; } .js-qty button.js-qty__adjust--minus { border-top-left-radius: 17px; border-bottom-left-radius: 17px; border-right: none; } .js-qty button.js-qty__adjust--plus { border-top-right-radius: 17px; border-bottom-right-radius: 17px; border-left: none; } .js-qty input { outline: 0; height: 34px; line-height: 34px; padding: 0; border-radius: 18px; border: 1px solid #e9e9ea; } .clear-left { clear: left; } .sidebar-sort .no-bullets li input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background: none; border: 1px solid #dedede; display: inline-block; overflow: hidden; vertical-align: middle; } .sidebar-sort .no-bullets li input[type="checkbox"]:focus { outline: none; } .sidebar-sort .no-bullets li input[type="checkbox"]:checked { width: 16px; height: 16px; } .sidebar-sort .no-bullets li input[type="checkbox"]:checked:after { content: '\2714'; font-size: 14px; line-height: 16px; text-align: center; display: block; outline: none; color: #81af53; outline: 1px solid #fff; } .sidebar-sort .no-bullets li input[type="radio"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background: none; border: 1px solid #dedede; display: inline-block; overflow: hidden; vertical-align: middle; } .sidebar-sort .no-bullets li input[type="radio"]:focus { outline: none; } .sidebar-sort .no-bullets li input[type="radio"]:checked { width: 16px; height: 16px; } .sidebar-sort .no-bullets li input[type="radio"]:checked:after { content: '\2714'; font-size: 14px; line-height: 16px; text-align: center; display: block; outline: none; color: #81af53; outline: 1px solid #fff; } .form-contact-wrapper { border-radius: 7px; -webkit-box-shadow: 0 0 5px 3px #edeeee; -moz-box-shadow: 0 0 5px 3px #edeeee; box-shadow: 0 0 5px 3px #edeeee; margin-bottom: 30px; padding: 30px; } .form-contact-wrapper .page-contact-title { width: 66%; margin: 0px auto 15px auto; } .form-contact-wrapper .page-contact-title h2 { color: #444444; margin: 0px; } .form-contact-wrapper .page-contact-desc { width: 66%; margin: 0px auto 15px auto; color: #a2a2a2; } .form-contact-wrapper form input, .form-contact-wrapper form textarea { outline: 0px; border-radius: 7px; } .form-contact-wrapper form input.btn, .form-contact-wrapper form textarea.btn { display: inline-block; background: #81af53; color: #fff; } .form-contact-wrapper form input.btn:hover, .form-contact-wrapper form textarea.btn:hover { background: #749f4a; } .popup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ } .popup .popup-content { background: url("//theme.hstatic.net/1000275407/1000400649/14/popup_bg.png?v=258"); background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; position: relative; border-radius: 10px; overflow: hidden; } .popup .popup-content .popup-wrapper { background: rgba(255, 255, 255, 0.8); padding: 50px 15px; } .popup .popup-content .popup-title { color: #444444; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #444444; 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: #444444; } .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: #81af53; } .popup .popup-content .form-desc { color: #444444; 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: 30px; line-height: 30px; padding: 0 15px; color: #444444; background: #fff; border: 1px solid #81af53; border-radius: 10px !important; outline: 0 !important; margin-bottom: 15px; } .popup .popup-content form button { height: 30px; line-height: 30px !important; padding: 0 10px; margin: 0; border-radius: 10px; color: #fff; background: #81af53; outline: 0 !important; box-shadow: none; float: right; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #81af53; 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; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #81af53; 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; } #ProductPhoto .owl-controls { margin: 0px; } #ProductPhoto .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 18px); opacity: 1; background: #81af53; color: #fff; height: 35px; width: 35px; line-height: 35px; padding: 0; margin: 0; border-radius: 50%; z-index: 99; } #ProductPhoto .owl-controls .owl-buttons > div.owl-prev { left: -15px; } #ProductPhoto .owl-controls .owl-buttons > div.owl-next { right: -15px; } #ProductThumbs .thumbnail-item > a { border: 1px solid #e3e3e5; border-radius: 7px; } #ProductThumbs .thumbnail-item > a.synced { border: 1px solid #81af53; } #ProductThumbs:hover .owl-controls .owl-buttons > div { opacity: 1; } #ProductThumbs .owl-controls { margin: 0px; } #ProductThumbs .owl-controls .owl-buttons > div { opacity: 0; position: absolute; top: calc(50% - 12px); background: #81af53; color: #fff; height: 24px; width: 24px; line-height: 24px; padding: 0; margin: 0; border-radius: 50%; z-index: 99; } #ProductThumbs .owl-controls .owl-buttons > div.owl-prev { left: 5px; } #ProductThumbs .owl-controls .owl-buttons > div.owl-next { right: 0px; } .swatch-element label span { color: #444444 !important; } .swatch-element label.sd { border-color: #81af53 !important; } #productQuickView .modal-content { position: relative; } #productQuickView .modal-content form .form-input.hidden { margin-bottom: 15px; } #productQuickView .modal-content form .form-input.hidden > label { margin: 0; font-weight: bold; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } #productQuickView .modal-content .close { position: absolute; top: 15px; right: 15px; color: #fff; font-size: 18px; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #81af53; 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 h2 { font-size: 22px; color: #444444; margin: 0 0 5px; } #productQuickView .modal-content .product-more-info { display: block; color: #444444; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeef; } #productQuickView .modal-content .product-price-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eeeeef; } #productQuickView .modal-content .product-price-wrapper span { display: inline-block; } #productQuickView .modal-content .product-price-wrapper span.p-price { font-size: 20px; color: #f8981d; margin-right: 15px; } #productQuickView .modal-content .product-price-wrapper del { color: #979797; margin-top: 3px; } #productQuickView .modal-content .product-price-wrapper #PriceSaving { margin-top: 5px; } #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout { border-radius: 7px; outline: 0px; background: #81af53; color: #fff; margin-bottom: 5px; } #productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover { background: #749f4a; } #productQuickView .qv-readmore a { color: #81af53; } #productQuickView .qv-readmore a:hover { color: #749f4a; } #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; } #header .header-bottom .megamenu-starter > ul > li > a { background: #fff; color: #273896; } .module-article { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); background: #fff; float: left; max-height: 532px; overflow: hidden; } .block .block-name { float: left; margin: 0; width: 100%; border-bottom: 2px solid #CCCCCC; height: 44px; background: #ffffff; } .block .block-name span { float: left; line-height: 44px; font-size: 14px; color: #0583fd; text-transform: uppercase; text-align: center; margin: 0 10px; border-bottom: 2px solid #3199bc; } .block .block-name .rmore { line-height: 44px; font-size: 13px; margin: 0 5px; } .module-article-item img { width: 100%; float: left; margin: 0 10px; height: auto; } .module-article-item .article-title { margin-bottom: 10px; } .module-article-item .article-title a { color: #444444; } .module-article-item h3 { font-size: 13px; line-height: 1.3; margin-bottom: 3px; overflow: hidden; margin: 0; } .module-article-item { width: 100%; float: left; padding: 10px 15px; border-bottom: 1px solid #EEEEEE; } .module-article-item:nth-child(2n + 1) { background: #f5f5f5; } .home-collection { margin-top: 15px; } .home-col-ads h4 { background: #81af53; padding: 8px 15px; font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 0px; } .form-search-pd { padding-left: 38px; } .header-center-navbar ul li a { display: inline-block; padding: 16px 38px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 14px; font-family: Roboto-Bold; } .header-center-navbar.text-center ul li { display: inline-block; } .header-center-navbar ul li.active a { color: #00ffc5; } .header-center-navbar ul li a:hover { color: #00ffc5; } div#proCom { background: #fff; } div#proDes { background: #fff; } div#proSpec { background: #fff; } div#proRate { background: #fff; } .fp-buynow-price { margin-top: 50px; } .ft-nav-wrapper { padding-top: 30px; padding-bottom: 30px; } #header .header-bottom .desktop-cart-wrapper > a > span.number { top: 7px; } .home-section-sidebar2 { margin-top: 30px; } .content-box { background: #ffffff; } .content-box li { margin-bottom: 8px; padding-bottom: 8px; } .content-box li { overflow: hidden; list-style: none; margin-bottom: 10px; font-size: 15px; color: #333; line-height: 21px; border-bottom: 1px dashed #dddddd; } .content-box li .name { font-weight: bold; } .content-box li i { font-size: 1.0em; min-width: 15px; } .grid__item.large--two-tenths.medium--one-third.small--one-half.pd-left15.pd-left-tc { padding-left: 15px !important; } .item.grid__item.pd-left15.pd-left-tc { padding-left: 15px !important; } .ft_list li a { color: #444; display: inline-block; } .ft_list li a:before { content: '➤'; font-size: 10px; margin-right: 5px; } .ft_list li a:hover { color: #dc143c; } .ft_custom p { margin-bottom: 5px; } .ft_custom p:before { content: '➤'; font-size: 10px; margin-right: 5px; } .hotline_left { background: #0583fd; position: fixed; bottom: 0; display: none; left: 0; z-index: 999999; text-align: center; width: 200px; height: 41px; padding-top: 7px; background-size: cover; background-repeat: no-repeat; } .hotline_left a { text-align: center; color: #fff !important; font-size: 17px; font-weight: bold; } .pro-price2 span { float: left; font-weight: 600; font-size: 28px; color: #ff3131; margin-right: 15px; } .pro-price2 { display: none; } @media (max-width: 768px) { .ft-nav-wrapper .item_inner, .ft-nav-wrapper .ft-map { margin-top: 20px; } .pd30 { padding-left: 30px !important; } .megamenu-starter2 { margin-bottom: 0px; } .wrapper { padding: 0px; } .home-collection .hc2-tabcontent .grid, .home-collection .hc3-tabcontent .grid, .collection-content-wrapper .grid-uniform { margin-left: 0px !important; } .home-collection .hc2-tabcontent .grid .item.grid__item.pd-left15.pd-left-tc, .home-collection .hc3-tabcontent .grid .item.grid__item.pd-left15.pd-left-tc, .collection-content-wrapper .grid-uniform .pd-left-tc, .grid__item.large--two-tenths.medium--one-third.small--one-half.pd-left15.pd-left-tc { padding: 3px !important; } .pro-price2 { display: block; } .pro-price, #related-products .home-section-head .home-section-tabs div.tab, #seen-products .home-section-head .home-section-tabs div.tab { display: none; } .hotline_left { display: block; } } .article-home-item { background: #fff; margin-right: 3px; } .article-home-item > div { vertical-align: top; } .article-home-item .article-img { display: inline-block; width: 25%; } .article-home-item .article-right { margin-left: 1%; display: inline-block; width: calc(100% - 28%); } .article-home-item .article-title a { height: auto; } .article-home-item .article-one-line > div { display: inline-block; } @media (min-width: 769px) { div#owl-home-collection-slider1_1, div#owl-home-collection-slider2_1, div#owl-home-collection-slider3_1, div#owl-home-collection-slider4_1, div#owl-home-collection-slider5_1, div#owl-home-collection-slider6_1, div#owl-home-collection-slider7_1, div#owl-home-collection-slider8_1, div#owl-home-collection-slider9_1 { margin-left: 15px; } .ft-nav-wrapper .col_row { margin: 0px -10px; } .ft-nav-wrapper .col { padding: 0 10px; float: left; box-sizing: border-box; } .ft-nav-wrapper .col { width: 16%; } .ft-nav-wrapper .col:nth-child(2) { width: 28%; } .ft-nav-wrapper .col:nth-child(1) { width: 24%; } } @media (min-width: 991px) and (max-width: 1200px) { .header-center-navbar ul li a { padding: 16px 5px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 10px; } .megamenu-starter2 > ul > li > a { display: block; background: #565B70; padding: 8px 20px 4px 35px; position: relative; font-size: 12px; color: #fff; border-bottom: 1px solid #f5f5f6; } div#owl-home-main-slider .item a img { width: 100% !important; } } @media (min-width: 1201px) and (max-width: 1400px) { .header-center-navbar ul li a { padding: 16px 12px; color: #fff; text-transform: uppercase; font-weight: bold; font-size: 16px; } div#owl-home-main-slider .item a img { width: 100% !important; } } @media (min-width: 1401px) and (max-width: 3000px) { div#owl-home-main-slider .item a img { width: 100% !important; } } @media (min-width: 3000px) and (max-width: 5000px) { div#owl-home-main-slider .item a img { width: 100% !important; } } @media (min-width: 5001px) { div#owl-home-main-slider .item a img { width: 100% !important; } } .include-article .wrapper { padding: 0; } .bgfff { background: #fff; padding: 15px 10px 0px; } .zoomLens { width: 80px !important; height: 80px !important; } /* .zoomWindowContainer{ width:300px !important; } .zoomWindow{ width:300px !important; height:250px !important; } */ li.icon-tag { display: inline-block; list-style-type: none; /* content: " "; */ } li.icon-tag.tag-pr a { color: #333; background: #F0EEEF; padding: 5px 8px; border-radius: 5px; font-style: italic; } li.icon-tag::after { content: " "; } li.icon-tag:last-child { content: ""; } .blog-content { background: white; padding: 20px 15px; } .home-col-ads { /*border: 1px solid #0882fd;*/ } .bg-white { background: white; } p.title-content-box { font-weight: bold; font-size: 15px; } .article-desc { color: black !important; } .header-center-navbar.text-center.text-right { background: #81af53 !important; } .boder-article-item { padding: 0px; } div#proRate { line-height: 25px; } .header-center-navbar ul { display: inline-flex; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; width: 100%; } li.icon-tag:last-child::after { content: ""; } .module-article-item2 h3 { float: left; width: 80%; color: #444444; font-size: 15px; padding: 0px 15px; } .module-article-item2 h3 img { height: 44px; width: 100%; } .module-article-item2:nth-child(2n + 1) { background: #f5f5f5; } section#home-main-slider .block .block-name span { border-bottom: none; } .module-article-item2 img { float: left; width: 20%; margin: 0; height: auto; } .module-article-item2 { float: left; padding: 5px 15px; border-bottom: 1px solid #EEEEEE; background: #f5f5f5; } span.img-label img { max-width: 100%; float: left; max-height: 33px; padding-right: 15px; } li.icon-tag i { color: #f8981d; } section#home-article .megamenu-starter2 { margin-bottom: 25px; } .social-left ul { list-style-type: none; position: fixed; top: 20%; right: 0; } .social-left ul li { padding: 5px 0px; } .fixed { position: fixed; z-index: 99; } .call-button { left: 50px; bottom: 50px; height: 60px; width: 60px; transition: all .5s; } .call-button.left { right: auto; left: 50px; } #product-loop-recommend:hover .owl-nav > div { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .call-button .text-phone { width: 0px; height: 60px; transition: all .2s; overflow: hidden; } .call-button .text-phone a { padding-left: 15px; font-size: 18px; line-height: 60px; width: 100%; color: #edbf05; font-weight: bold; color: #fff; text-transform: uppercase; text-shadow: 0px 0px 1px #000, 0px 0px 1px #000; } .call-button a { display: inline-block; height: 60px; width: 60px; float: right; } .call-button .fa { font-size: 40px; line-height: 60px; } .call-button:hover { width: 300px; background-color: #373737; border-radius: 3px; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75); } .call-button:hover .text-phone { width: calc(100% - 60px); } .call-button:hover .pulse-button { -webkit-animation: none; border-radius: 0px; background: #edbf05; } .call-button:hover .fa { -webkit-animation: none; } /* sale */ .gid-sale { position: relative; display: inline-block; background: orange; color: white; height: 2.8rem; width: 2.8rem; text-align: center; vertical-align: middle; line-height: 2.5rem; margin: 0 8px; transform: rotate(-20deg); animation: beat 1s ease infinite alternate; } .gid-sale:before, .gid-sale:after { content: ""; position: absolute; background: inherit; height: inherit; width: inherit; top: 0; left: 0; z-index: -1; transform: rotate(30deg); } .gid-sale:after { transform: rotate(60deg); } @keyframes beat { from { transform: rotate(-20deg) scale(1); } to { transform: rotate(-20deg) scale(1.1); } } /* pulse button */ .pulse-button { position: relative; display: block; width: 60px; height: 60px; font-size: 1.3em; font-weight: light; font-family: 'Trebuchet MS', sans-serif; text-transform: uppercase; text-align: center; line-height: 60px; letter-spacing: -1px; color: white; border: none; border-radius: 50%; background: #3cbc8d; cursor: pointer; box-shadow: 0 0 0 0 rgba(60, 188, 141, 0.5); -webkit-animation: pulse 1.5s infinite; transition: all .5s; } @-webkit-keyframes shake { 0% { -webkit-transform: rotateZ(5deg); -moz-transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); transform: rotateZ(5deg); } 25% { -webkit-transform: rotateZ(-5deg); -moz-transform: rotateZ(-5deg); -ms-transform: rotateZ(-5deg); transform: rotateZ(-5deg); } 50% { -webkit-transform: rotateZ(5deg); -moz-transform: rotateZ(5deg); -ms-transform: rotateZ(5deg); transform: rotateZ(5deg); } 75% { -webkit-transform: rotateZ(-5deg); -moz-transform: rotateZ(-5deg); -ms-transform: rotateZ(-5deg); transform: rotateZ(-5deg); } } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } 70% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); box-shadow: 0 0 0 50px rgba(90, 153, 212, 0); } 100% { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); box-shadow: 0 0 0 0 rgba(90, 153, 212, 0); } } .gid-sale-box { transition: all .5s; } .gid-sale-box p { padding: 0 15px; } .gid-sale-box:hover { box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.75); transform: translateZ(26px); z-index: 9; } @media screen and (max-width: 480px) { .call-button { right: 10px; bottom: 10px; } } .list-product-combo { margin: 0; padding: 0; max-width: 350px; } .list-product-combo h5 { background: #eeeeee; padding: 10px 15px; margin: 0; text-transform: uppercase; } .list-product-combo li { list-style: none; border: solid 1px #eee; padding: 10px 15px; border-bottom: none; } .list-product-combo li:last-child { border-bottom: solid 1px #eee; } .list-product-combo li img { margin-right: 10px; } .gid-banner a { display: block; border-right: solid 1px #fff; } .hot-container { position: absolute; width: 100px; top: 0px; } .home-section-body { margin-bottom: 10px; } .item.grid__item.pd-left15.pd-left-tc { padding: 3px !important; } section#home-video { margin: 30px 0px 0; } .wpo-search .input-group { position: relative; width: 100%; } .wpo-search .input-group input#searchtext { width: 100%; } .wpo-search .input-group span.input-group-addon { position: absolute; right: 0; top: 0; padding: 15px; } .header-bottom { margin-bottom: 10px; } .header-bottom-top > div { display: inline-block; vertical-align: middle; } .desktop-header-logo { padding-top: 10px; } .search-form-wrapper { padding-top: 17px; } .hotline { display: inline-block; position: relative; } .header-bottom .icon { background: url(//theme.hstatic.net/1000275407/1000400649/14/icon_header.png?v=258) no-repeat 50%; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; color: #fff; text-align: center; position: relative; height: 34px; width: 34px; display: table-cell; vertical-align: middle; border-radius: 50%; } .hotline p { display: table-cell; vertical-align: middle; } .hotline a { display: inline-block; position: relative; padding: 17px 10px; } p.number { display: table-cell; vertical-align: middle; } .article_related { margin-bottom: 20px; } .article_related .item { padding: 20px 0; background: #fff; } .article_related .item h3 { font-size: 18px; } #product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button.active { background: #f8981d; border: 1px solid; } section#home-article .home-section-head { margin-left: 5px; } @media (max-width: 768px) { .megamenu-starter2 > ul { display: none; } .wpo-search .input-group span.input-group-addon { padding: 2px 15px; } .search-form-wrapper { padding-top: 0px; } .home-section-head { margin: 10px 0px 0px 0px; } #breadcrumb-wrapper.pr .breadcrumb-bg { color: #333 !important; background-size: cover; min-height: 0; } #breadcrumb-wrapper.pr .breadcrumb-content { color: #333; } #breadcrumb-wrapper.pr .breadcrumb-content a { color: #333; } } .tab > button { width: 33.3333333%; } .bg-w { background: #fff; padding: 15px; display: inline-block; } .bg-w .article-title a { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 40px; line-height: 20px; } .article_item { padding: 5px; margin-bottom: 5px; } .article_related .item { display: none; } button.pro-tablinks.pro-thanhtoan { padding: 6px 15px 10px 15px !important; margin-top: 1px !important; } #product-wrapper .product-description-wrapper div.tab button { font-size: 13px; } .hotline p span { color: #81af53; } .article_related .item h3 { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: 50px; line-height: 20px; } .article_related .item h3 a { font-weight: 600; color: #444444; } .article_related .item h3 .article_related .item a img { width: 100%; } .mobile-header .input-group-btn button { vertical-align: top; } .site-lang { display: inline-block; } .site-lang > a { display: inline-block; max-width: 25px; margin-bottom: 5px; } .site-lang-mobile { position: fixed; right: 8px; top: 23%; z-index: 999; display: inline-block; } .site-lang-mobile > a { display: block; max-width: 25px; margin-bottom: 5px; } .header-search-mb, .header-lang-mb { display: inline-block; } .header-search-mb a { font-size: 20px; color: #333; } .header-search-mb .hsmb-content { display: none; position: absolute; width: 100%; top: 50px; z-index: 30; left: 0; } .header-search-mb .hsmb-content button { border: 1px solid #fff; } .header-search-mb .hsmb-content.show { display: block; } .header-lang-mb { margin-left: 10px; } .header-lang-mb > a { max-width: 25px; display: inline-block; }