/* ------------ declaring color variables ------------ */ /*#e6e6e6*/ /*#000*/ /*#fff*/ /*#000*/ /*#fff*/ /*#000*/ /*#000*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#000*/ /*#002e5b*/ /*#11b5e6*/ /*#fff*/ /*#000*/ /*#000*/ /*#fff*/ /*#fff*/ /*#fff*/ /*#000*/ /* ------------ declaring inheritance ------------ */ #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info small, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-right .header-account .dropdown-menu a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, .product-item .product-item-info .product-title a, .product-item .product-buynow a, #home-banner .banner-item .banner-content span.word3, #home-product .pro-tabcontent .collection-btn .btnViewMore, #home-collection .collection-item .collection-text .collection-btn .col-btn, #fixed-social-network > a, #modalAddComplete .modal-tbl-cart table td.product-title small, #modalAddComplete .modal-tbl-cart table td.product-title p, #modalAddComplete .modal-tbl-cart table td.product-price span.original-price, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title small, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title p, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #page-wrapper .btnCart, #product-wrapper #product-playYoutube, .article-item .article-info-wrapper .article-btn { font-size: 12px; } .pagination-custom > span.current, .pagination-custom > span > a, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .qv-cart-total, #header .header-desktop .header-right .header-search button, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total, .product-item .product-img .tag-saleoff-img, .product-item .product-item-info .product-price > span.original-price, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #page-wrapper .cart-product-title > .h4, #home-featured-products .product-info .product-price-review > div.product-rating .haravan-product-reviews-badge .hrv-product-reviews-star i { font-size: 14px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper a svg, #header .header-desktop .header-right .header-search a svg, #header .header-desktop .header-right .header-account a svg, #header .header-desktop .header-right .desktop-cart-wrapper a svg, #home-banner .banner-item .banner-content span.word1, #footer .footer-content h3.ft-title, #footer .footer-content .ft-contact .ft-contact-address .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-icon, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #page-wrapper .cart-product-price .h3, #product-wrapper .product-single .product-content .pro-price .original-price, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .blog-sb-wrapper .blog-sidebar h3, #blog-wrapper .related-articles .related-articles-head h3, .popup .popup-content .form-desc, #productQuickView #form-quick-view .p-price { font-size: 16px; } .search-h1, #NavDrawer ul.mobile-nav > li.mobile-nav__search form button, #main-slider #search-collection-form button, .product-item .product-item-info .product-price > span.current-price, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-viewmore, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion:after, #fixed-social-network > a > svg, #page-wrapper h1, #page-wrapper h2, #page-wrapper .page-contact-wrapper h4, #blog-wrapper .article-content .article-head h1, .popup .popup-content .popup-title, .popup .popup-content form button, .popup .popup-content .popup-social-network, .search-form-wrapper1 button { font-size: 18px; } #home-flash-sale .home-collection-countdown, #home-flash-sale .owl-theme .owl-next, #home-flash-sale .owl-theme .owl-prev, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-title, #home-brand .owl-theme .owl-next, #home-brand .owl-theme .owl-prev, #home-featured-products .home-collection-countdown { font-size: 20px; } #NavDrawer .drawer__header .drawer__close, #NavDrawer .drawer__header .drawer__close button svg, #header .header-mobile .hd-btnMenu > a, #main-slider #owl-main-slider.owl-theme .owl-next, #main-slider #owl-main-slider.owl-theme .owl-prev, .home-section-head h2, #home-banner .banner-item .banner-content span.word2, #home-articles .owl-theme .owl-next, #home-articles .owl-theme .owl-prev, #home-newsletters .inner .newsletters-text .newsletters-title2 h2, #footer .footer-copyrights .ft-social-network > a { font-size: 24px; } .search-h1, #Kha-lazy-load .kha-content, #NavDrawer .drawer__header .drawer__close, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li > a, #header .header-desktop .header-logo > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span, #header .header-mobile .hd-btnMenu > a, .home-section-head h2, .product-item .product-img .tag-saleoff-img, .product-item .product-item-info .product-price > span.current-price, #home-banner .banner-item .banner-content span.word2, #home-flash-sale .home-collection-countdown .countdown-days #days, #home-flash-sale .home-collection-countdown .countdown-days #hrs, #home-flash-sale .home-collection-countdown .countdown-days #mins, #home-flash-sale .home-collection-countdown .countdown-days #secs, #home-flash-sale .home-collection-countdown .countdown-hrs #days, #home-flash-sale .home-collection-countdown .countdown-hrs #hrs, #home-flash-sale .home-collection-countdown .countdown-hrs #mins, #home-flash-sale .home-collection-countdown .countdown-hrs #secs, #home-flash-sale .home-collection-countdown .countdown-mins #days, #home-flash-sale .home-collection-countdown .countdown-mins #hrs, #home-flash-sale .home-collection-countdown .countdown-mins #mins, #home-flash-sale .home-collection-countdown .countdown-mins #secs, #home-flash-sale .home-collection-countdown .countdown-secs #days, #home-flash-sale .home-collection-countdown .countdown-secs #hrs, #home-flash-sale .home-collection-countdown .countdown-secs #mins, #home-flash-sale .home-collection-countdown .countdown-secs #secs, #home-collection .collection-item .collection-text .collection-desc, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-title, #home-newsletters .inner .newsletters-text .newsletters-title2 h2, #footer .footer-content h3.ft-title, #footer .footer-content .ft-contact .ft-logo > a h2, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #fixed-social-network > a, #modalAddComplete .modal-cart-status h2, #page-wrapper h1, #page-wrapper h2, #page-wrapper .page-contact-wrapper h4, #page-wrapper .page-contact-wrapper .btnContactSubmit, #page-wrapper .cart-product-price, #page-wrapper .cart-product-title > .h4, #product-wrapper .product-single .product-content h1, #product-wrapper .product-single .product-content .pro-price .current-price, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .blog-sb-wrapper .blog-sidebar h3, #blog-wrapper .article-content .article-head h1, #blog-wrapper .related-articles .related-articles-head h3, .article-item .article-info-wrapper .article-title > a, .article-item .article-info-wrapper .article-info .article-date, .popup .popup-content .popup-title, .popup .popup-content form button { font-weight: 700; font-family: Roboto Condensed; } .pagination-custom > span.current, .pagination-custom > span > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .qv-cart-total span, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-right .header-account .dropdown-menu a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, .product-item .product-item-info .product-title a, .product-item .product-item-info .product-price > span.current-price, .product-item .product-item-info .product-price > span.original-price, .product-item .product-buynow a, #home-banner .banner-item .banner-content span.word1, #home-banner .banner-item .banner-content span.word3, #home-reviews #owl-home-reviews .review-item .review-username, #home-product .tab button.pro-tablinks, #home-product .pro-tabcontent .collection-btn .btnViewMore, #home-collection .collection-item .collection-text .collection-title, #home-collection .collection-item .collection-text .collection-btn .col-btn, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-viewmore, #home-newsletters .inner .newsletters-text .newsletters-title1, #modalAddComplete .modal-tbl-cart table td.product-title > a, #modalAddComplete .modal-tbl-cart table td.product-price span.current-price, #modalAddComplete .modal-tbl-cart table td.product-money, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #page-wrapper .btnCart, #page-wrapper .h3.cart__subtotal, #product-wrapper #product-playYoutube, .article-item .article-info-wrapper .article-btn, #productQuickView #form-quick-view .p-price { font-weight: 700; } .search-h1, #Kha-lazy-load .kha-content, #NavDrawer .drawer__header .drawer__close, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li > a, #header .header-desktop .header-logo > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-right .header-account .dropdown-menu a, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #header .header-mobile .hd-btnMenu > a, .home-section-head h2, .product-item .product-img .tag-saleoff-img, .product-item .product-item-info .product-title a, .product-item .product-buynow a, #home-banner .banner-item .banner-content span, #home-flash-sale .home-collection-countdown, #home-reviews #owl-home-reviews .review-item .review-username, #home-product .tab button.pro-tablinks, #home-product .pro-tabcontent .collection-btn .btnViewMore, #home-collection .collection-item .collection-text .collection-title, #home-collection .collection-item .collection-text .collection-desc, #home-collection .collection-item .collection-text .collection-btn, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-title, #home-newsletters .inner .newsletters-text .newsletters-title1, #home-newsletters .inner .newsletters-text .newsletters-title2 h2, #footer .footer-content h3.ft-title, #footer .footer-content .ft-contact .ft-logo > a h2, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2, #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > a, #modalAddComplete .modal-cart-status h2, #modalAddComplete .modal-checkout-actions .modal-cart-sum h3, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #page-wrapper h1, #page-wrapper h2, #page-wrapper .page-contact-wrapper h4, #page-wrapper .page-contact-wrapper .btnContactSubmit, #page-wrapper .btnCart, #product-wrapper #product-playYoutube, #product-wrapper .product-single .product-content h1, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .blog-content .section-title .title h2, #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1, #blog-wrapper .blog-sb-wrapper .blog-sidebar h3, #blog-wrapper .article-content .article-head h1, #blog-wrapper .related-articles .related-articles-head h3, .article-item .article-info-wrapper .article-title > a, .article-item .article-info-wrapper .article-btn, .popup .popup-content form button, #home-featured-products .home-collection-countdown, #home-featured-products .product-info .product-title a, #home-featured-products .product-info .name_eng, #home-featured-products .btnHome { text-transform: uppercase !important; } .pagination-custom > span > a, #NavDrawer .drawer__header .drawer__close button, #NavDrawer ul.mobile-nav > li.mobile-nav__item, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a, #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a, #NavDrawer ul.mobile-nav > li > a, #header .header-desktop .header-logo > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > ul > li > a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper a, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper > a.hd-cart, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3 span, #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a, #header .header-desktop .header-right .header-search a, #header .header-desktop .header-right .header-account a, #header .header-desktop .header-right .desktop-cart-wrapper a, #header .header-desktop .header-right .dropdown-menu > ul.no-bullets > li a, #header .header-desktop .header-right .header-account .dropdown-menu a, #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span, #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a, #main-slider #owl-main-slider .ms-img .ms-desc a, #main-slider #owl-main-slider.owl-theme .owl-next, #main-slider #owl-main-slider.owl-theme .owl-prev, .product-item, .product-item .product-img .product-actions, .product-item .product-item-info .product-title a, .product-item .product-buynow a, #home-flash-sale .owl-theme .owl-next, #home-flash-sale .owl-theme .owl-prev, #home-product .tab button.pro-tablinks, #home-product .pro-tabcontent .collection-btn .btnViewMore, #home-collection .collection-item .collection-text .collection-btn .col-btn, #home-collection .collection-item .collection-text .collection-btn .col-btn span, #home-articles .owl-theme .owl-next, #home-articles .owl-theme .owl-prev, #home-service .home-section-body .inner #owl-service .service-item, #home-brand .brand-item img, #home-brand .owl-theme .owl-next, #home-brand .owl-theme .owl-prev, #home-newsletters .inner .sub-wrapper button, #footer .footer-content .ft-contact .ft-logo > a h2, #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a, #footer .footer-content .ft-nav ul li > a, #footer .footer-copyrights .ft-copyrights-content a, #footer .footer-copyrights .ft-social-network > a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > ul > li > a, #back-to-top span img.hover, #modalAddComplete .modal-tbl-cart table td.product-remove > a, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a, #modalAddComplete .modal-checkout-actions .text-left a, #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button, #page-wrapper .page-contact-wrapper .pcontact-shop-item a, #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a, #page-wrapper .cart-product-title > .h4, #page-wrapper .btnCart, #product-wrapper #product-playYoutube, #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a, #product-wrapper .product-description-wrapper div.tab button, #blog-wrapper .blog-content .section-title .viewmore a, #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li a, #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-img a img, #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-title a, #blog-wrapper .blog-sb-wrapper .blog-sidebar.bs-all-tags ul.no-bullets li a, #blog-wrapper .blog-sb-wrapper .blog-sidebar .bs-banner img, #blog-wrapper .article-content .article-tags a, #blog-wrapper .related-articles .related-articles-body ul > li > a, .article-item .article-img > a img, .article-item .article-info-wrapper .article-title > a, .article-item .article-info-wrapper .article-btn, .popup .popup-content form button, .search-form-wrapper1 button, #home-featured-products .btnHome, #home-gallery .gallery-item a img, #home-gallery .gallery-item a .overlay { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #Kha, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li > a, .product-item .product-img a img, #home-service .home-section-body .inner #owl-service .service-item .service-content .service-viewmore, #fixed-social-network > a, #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img, .product-single__thumbnails .thumbnail-item a::before { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; transition: all 0.6s ease; } #back-to-top { -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; } /* ------------ normalize elements / classes ------------ */ input, button, textarea, select { outline: 0px; } .mobile-nav a:focus { background: transparent; } /* --- ALL SCROLL BAR ---- */ ::-webkit-scrollbar-thumb { background-color: #ccc; background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); } ::-webkit-scrollbar-track { background-color: #fff; } ::-webkit-scrollbar { width: 5px; height: 5px; background-color: #fff; } body { margin: 0; background: url("//theme.hstatic.net/200000157819/1000602868/14/bg_body.jpg?v=605"); background-position: center center; background-size: cover; background-attachment: fixed; } body { position: relative; line-height: 1.6em; overflow-x: hidden; } body button, body h1, body h2, body h3 { font-weight: normal; } img { vertical-align: middle; } .mg-bottom-10 { margin-bottom: 10px !important; } .mg-bottom-30 { margin-bottom: 30px !important; } .mg-bottom-50 { margin-bottom: 50px !important; } .mg-left-0 { margin-left: 0 !important; } .mg-left-5 { margin-left: -5px !important; } .mg-left-10 { margin-left: -10px !important; } .mg-left-15 { margin-left: -15px !important; } .pd-left0 { padding-left: 0 !important; } .pd-left5 { padding-left: 5px !important; } .pd-left10 { padding-left: 10px !important; } .pd-left15 { padding-left: 15px !important; } @media (max-width: 768px) { body .md-mg-left-5 { margin-left: -5px !important; } body .md-pd-left5 { padding-left: 5px !important; } body .md-mg-left-10 { margin-left: -10px !important; } body .md-pd-left10 { padding-left: 10px !important; } body .md-mg-left-15 { margin-left: -15px !important; } body .md-pd-left15 { padding-left: 15px !important; } } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .fb_iframe_widget iframe { z-index: 9; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } .sidebar-sort .no-bullets li input[type="checkbox"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background: none; border: 1px solid #c3c3c3; display: inline-block; overflow: hidden; vertical-align: middle; } .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: #381004; outline: 1px solid #fff; } .sidebar-sort .no-bullets li input[type="radio"] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 16px; height: 16px; background: none; border: 1px solid #c3c3c3; display: inline-block; overflow: hidden; vertical-align: middle; } .sidebar-sort .no-bullets li input[type="radio"]:focus { outline: none; } .sidebar-sort .no-bullets li input[type="radio"]:checked { width: 16px; height: 16px; } .sidebar-sort .no-bullets li input[type="radio"]:checked:after { content: '\2714'; font-size: 14px; line-height: 16px; text-align: center; display: block; outline: none; color: #381004; outline: 1px solid #fff; } [id*='pagination-'] { margin-bottom: 30px; } .pagination-custom { border: 2px solid #ebebeb; } .pagination-custom > span { display: inline-block; height: 30px; width: 30px; line-height: 30px; margin: 10px 5px; border-radius: 50%; } .pagination-custom > span.current { padding: 0px !important; color: #fff; background: #381004; border: 1px solid #381004; } .pagination-custom > span > a { border-radius: 50%; padding: 0px; display: inline-block; text-align: center; height: 30px; line-height: 30px; width: 30px; padding: 0px; color: #ffffff; border: 1px solid #f3f3f3; background: #f8f8f9; } .pagination-custom > span > a:hover { color: #fff; background: #381004; border: 1px solid #381004; } #pagination-page { clear: left; } .pagination { clear: left; margin: 0px; } .float-right { float: right; } .swatch .header { min-width: auto !important; margin: 0px 15px 0px 0px; float: left; line-height: 35px; font-weight: normal; } .select-swap { display: inline-block; } .js-qty { margin: 0px; max-width: 150px; } .js-qty input, .js-qty button { outline: 0px; } .qty-addcart > span { margin: 0; margin-bottom: 5px; display: block; min-width: 200px; position: relative; font-weight: normal; } .swatch-element label { border-radius: 30px; overflow: hidden; } .swatch-element label .img-check { display: none !important; } .swatch-element label.sd { border: 1px solid #381004; } .swatch-element label.sd .img-check { display: none !important; } .swatch-element label span { color: #ffffff !important; } /*--------------- Lazy load page ---------*/ #Kha-lazy-load { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; } #Kha-lazy-load img { max-width: 100%; } #Kha-lazy-load .kha-content { color: #381004; } /* ------------ breakpoints ------------ */ @media (max-width: 480px) { body { padding-bottom: 67px; } .body-other #PageContainer { margin-bottom: 20px !important; } } @media (max-width: 768px) { #page-wrapper .cart .cart-item { margin-bottom: 15px; border-bottom: 1px solid #ebebeb; } #page-wrapper .cart .cart-item .h4 { font-size: 14px !important; } #page-wrapper .cart .cart-item .price { display: inline-block; } #page-wrapper .cart .cart-item .price .h3 { font-size: 16px !important; color: #381004; } #page-wrapper .cart .cart-item .js-qty { margin-top: 10px; margin-bottom: 10px !important; } #page-wrapper .cart .cart-item .cart__remove { display: inline-block; margin-left: 10px; } #page-wrapper .cart .btnCart { font-size: 14px; } #collection-wrapper .collection-sidebar-wrapper { margin-top: 10px; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline > span { display: none !important; } #product-wrapper .product-single .product-content .product-variants-wrapper .product-size-hotline .product-hotline { margin-bottom: 10px; } } .body-other #PageContainer { margin-bottom: 50px; } #NavDrawer::-webkit-scrollbar { width: 7px; } #NavDrawer::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px #fff; border-radius: 0px; } #NavDrawer::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 5px #fff; background: #fff; } #NavDrawer { z-index: 999999; background: rgba(34, 35, 43, 0.9); padding: 0px; border-left: none; } #NavDrawer .mobile-nav > .mobile-nav__item { background: transparent; } #NavDrawer .drawer__header { height: auto; border-bottom: 0px; padding: 15px; margin: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } #NavDrawer .drawer__header .drawer__close { text-align: left; padding: 0px; color: #ffffff; } #NavDrawer .drawer__header .drawer__close button { float: right; right: 0; color: #ffffff; background: transparent; outline: 0px; border: 0px; border-radius: 0px; padding: 0px; } #NavDrawer ul.mobile-nav { margin: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__search { padding: 15px !important; } #NavDrawer ul.mobile-nav > li.mobile-nav__search form { border-radius: 5px; overflow: hidden; } #NavDrawer ul.mobile-nav > li.mobile-nav__search form input { height: 34px; line-height: 34px; padding: 0px 15px; border-radius: 0px; border: 0px; outline: 0px; width: 100%; background: #fff; } #NavDrawer ul.mobile-nav > li.mobile-nav__search form button { height: 34px; width: 34px; line-height: 34px; padding: 0px; border-radius: 0px; border: 0px; outline: 0px; background: #fff; color: #22232b; } #NavDrawer ul.mobile-nav > li.mobile-nav__item { padding: 0px; display: block; padding: 10px 15px; background: rgba(34, 35, 43, 0); border-left: 3px solid transparent; border-bottom: 1px dashed rgba(255, 255, 255, 0.3); } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a { width: auto !important; display: inline-block; position: relative; padding: 0px; color: #ffffff; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:after { content: ''; display: block; border-bottom: 1px solid #e51515; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover { opacity: 1 !important; color: #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist > a:hover:after { width: 100%; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button { padding: 0px; color: #ffffff; background: transparent; outline: 0px; border-radius: 0px; border: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover { color: #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist { padding-left: 15px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item { padding: 10px 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item:last-child { padding-bottom: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a { display: inline-block; width: auto !important; position: relative; padding: 0px; color: #ffffff; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:after { content: ''; display: block; border-bottom: 1px solid #e51515; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover { opacity: 1 !important; color: #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist > a:hover:after { width: 100%; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button { padding: 0px; color: #ffffff; background: transparent; outline: 0px; border-radius: 0px; border: 0px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__has-sublist .mobile-nav__toggle button:hover { color: #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item { padding: 5px 0px 5px 15px; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a { display: inline-block; width: auto !important; position: relative; padding: 0px; color: #ffffff; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:after { content: ''; display: block; border-bottom: 1px solid #e51515; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover { opacity: 1 !important; color: #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > .mobile-nav__sublist > .mobile-nav__item > a:hover:after { width: 100%; } #NavDrawer ul.mobile-nav > li.mobile-nav__item:hover { background: #22232b; border-left: 3px solid #e51515; } #NavDrawer ul.mobile-nav > li.mobile-nav__item:hover > a:after { width: 100%; } #NavDrawer ul.mobile-nav > li > a { display: inline-block; position: relative; padding: 0px; color: #ffffff; } #NavDrawer ul.mobile-nav > li > a:after { content: ''; display: block; border-bottom: 1px solid #e51515; width: 0; position: absolute; left: 0; -webkit-transition: 1s ease; transition: 1s ease; } #NavDrawer ul.mobile-nav > li > a:hover { color: #e51515; opacity: 1 !important; } #NavDrawer ul.mobile-nav > li:after { display: none; } /*#header .header-desktop .desktop-cart-wrapper .quickview-cart ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #fff; } #header .header-desktop .desktop-cart-wrapper .quickview-cart ul::-webkit-scrollbar{ width: 6px; background-color: #fff; } #header .header-desktop .desktop-cart-wrapper .quickview-cart ul::-webkit-scrollbar-thumb{ background-color: $colorPrimary; } #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #fff; } #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar{ width: 6px; background-color: #fff; } #header .mobile-header .desktop-cart-wrapper1 .quickview-cart ul::-webkit-scrollbar-thumb{ background-color: $colorPrimary; } */ @media (max-width: 1024px) { #header .header-desktop { display: none !important; } #header .header-mobile { display: block !important; } } #header { display: block; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; } #header .header-desktop { background: rgba(56, 16, 4, 0.8) !important; } #header.scrolldown { display: block; position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; animation: header_fixed 0.6s; } #header.scrolldown .header-desktop { background: rgba(56, 16, 4, 0.8) !important; } #header.scrolldown .header-mobile { background: rgba(56, 16, 4, 0.8) !important; } #header .header-desktop { background: #381004; border-bottom: 2px solid #381004; } #header .header-desktop > .inner { padding: 0 50px; position: relative; } #header .header-desktop .header-logo { max-width: 400px; position: relative; z-index: 4; } #header .header-desktop .header-logo > a { display: inline-block; color: #ffffff; padding: 13px 0px; font-size: 32px; line-height: 1.4; } #header .header-desktop .header-logo > a:hover { color: #381004; } #header .header-desktop .header-logo .logo { font-size: 0px !important; padding: 0px; margin: 0px; padding-left: 50px; } #header .header-desktop .header-logo .logo > a { display: inline-block; padding: 5px 0px; } #header .header-desktop .header-navbar-wrapper { position: absolute; width: 100%; top: calc(50% - 36.5px); left: 0; padding: 0 100px 0 230px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul { margin: 0px; display: inline-block; position: relative; z-index: 99; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li { margin: 0px; display: inline-block; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown { position: relative; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown:hover > ul { display: inline-block; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul { animation: menu_up 0.3s; display: none; text-align: left; padding: 30px 0px; margin: 0px; position: absolute; left: -15px; top: 100%; z-index: 999; width: 200px; background: #ffffff; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; border-top: 2px solid #381004; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li { margin: 0px; display: block; position: relative; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li:last-child > a { border-bottom: 0px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a { display: block; padding: 10px 15px; color: #5a6069; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a svg { float: right; margin-top: 5px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > a:hover { color: #e51515; transform: translateX(5px); } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li:hover > ul { display: inline-block; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul { animation: menu_up 0.3s; text-align: left; padding: 30px 0px; display: none; margin: 0px; position: absolute; left: 100%; top: 0; z-index: 1; width: 200px; background: #ffffff; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; border-top: 3px solid #381004; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li { margin: 0px; display: block; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li:last-child > a { border-bottom: 0px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a { display: block; padding: 10px 15px; color: #5a6069; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.dropdown > ul > li > ul > li > a:hover { color: #e51515; transform: translateX(5px); } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu:hover > ul { display: inline-block; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul { animation: menu_up 0.3s; text-align: center; margin: 0px; display: none; position: absolute; right: 0; top: 100%; min-width: 800px; width: 100%; background: #ffffff; -moz-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.35); border-radius: 3px; border-top: 2px solid #381004; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li { width: 25%; display: inline-block; float: left; border-right: 1px solid #ebebeb; padding: 30px 0; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li:last-child { border-right: none; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a { color: #2b2e32; display: block; margin-bottom: 5px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > a:hover { color: #e51515; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > ul { margin: 0px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > ul > li { margin: 0px; line-height: 24px; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > ul > li > a { display: inline-block; color: #5a6069; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.megamenu > ul > li > ul > li > a:hover { color: #e51515; transform: translateX(5px); } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li > a { display: inline-block; font-size: 18px; text-transform: uppercase; color: #ffffff; position: relative; padding: 25px 10px; font-family: 'myriadproboldcond'; /* font-family: 'myriadproboldcond'; */ /* &::before{ content: ""; width: 1px; height: 100%; background: $colorTextHeaderHover; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); position: absolute; left: 50%; right: 50%; top: 0; opacity: 0; z-index: 100; @extend %smooth-trans; }*/ /* font-family: 'Montserrat-Bold'; */ } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li > a span { position: relative; z-index: 101; } #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li.active a, #header .header-desktop .header-navbar-wrapper .header-navbar > ul > li:hover a { color: #1b9e59; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper { position: relative; text-align: center; margin-left: 20px; display: inline-block; padding: 25px 0; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper a { color: #ffffff; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper a:hover { color: #f2c431; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper > a.hd-cart { position: relative; display: inline-block; color: #ffffff; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper > a.hd-cart:hover { color: #381004; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper > a.hd-cart span.hd-cart-count { display: inline-block; line-height: normal; position: absolute; right: -10px; top: -10px; width: 18px; height: 18px; border-radius: 50%; background: #fff; color: #000; font-size: 12px; text-align: center; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart { display: none; text-align: left; position: absolute; z-index: 9999; top: 100%; right: 0px; width: 280px; padding: 5px; border-radius: 5px; background: #ffffff; line-height: normal !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart::before { content: ''; border: 7px solid; position: absolute; border-color: transparent transparent #ffffff transparent; z-index: 99; right: 13px; top: -14px; opacity: 1; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3 { border-radius: 5px; padding: 5px 0; width: 100%; display: block; background: #ffffff; color: #f2c431; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3 span { float: right; color: #8c939d; cursor: pointer; text-align: center; border-radius: 50%; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3 span svg { font-size: 18px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart h3 span:hover { color: #381004; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul { margin: 0px; max-height: 250px; overflow-y: scroll; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item { margin: 0px 0px 5px 0px; position: relative; border-bottom: 1px dashed #ebebeb; padding-bottom: 5px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item > .cart__remove { position: absolute; top: calc(50% - 9px); right: 5px; color: #381004; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item:last-child { margin: 0px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info { padding-right: 15px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a { color: #5a6069; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info > a:hover { color: #381004; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-info small { display: block; margin-bottom: 3px; color: #5a6069; display: inline-block; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity { padding-right: 15px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-price-quantity span { display: block; color: #5a6069; margin-bottom: 3px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-img { overflow: hidden; border-radius: 5px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart ul .cart-item-img img { vertical-align: middle; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .qv-cart-total { margin: 5px 0px; padding: 5px; width: 100%; display: block; border: 2px solid #ebebeb; color: #5a6069; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .qv-cart-total span { color: #381004; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a { display: inline-block; width: 48%; padding: 10px 5px; text-align: center; background: #efefef; color: #8c939d; border-radius: 4px; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:hover { background: #381004 !important; color: #fff; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:first-child { float: left; } #header .header-desktop .header-navbar-wrapper .desktop-cart-wrapper .quickview-cart .quickview-cartactions a:last-child { float: right; } #header .header-desktop .header-right { position: absolute; text-align: right; right: 50px; top: calc(50% - 36.5px); width: 120px; } #header .header-desktop .header-right .header-search, #header .header-desktop .header-right .header-account, #header .header-desktop .header-right .desktop-cart-wrapper { margin-left: 20px; display: inline-block; padding: 25px 0; } #header .header-desktop .header-right .header-search a, #header .header-desktop .header-right .header-account a, #header .header-desktop .header-right .desktop-cart-wrapper a { color: #ffffff; } #header .header-desktop .header-right .header-search a:hover, #header .header-desktop .header-right .header-account a:hover, #header .header-desktop .header-right .desktop-cart-wrapper a:hover { color: #f2c431; } #header .header-desktop .header-right .dropdown-menu { display: none; text-align: left; position: absolute; z-index: 9999; top: 100%; right: 0px; width: 280px; padding: 5px; border-radius: 5px; background: #ffffff; line-height: normal !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header .header-desktop .header-right .dropdown-menu::before { content: ''; border: 7px solid; position: absolute; border-color: transparent transparent #ffffff transparent; z-index: 99; right: 13px; top: -14px; opacity: 1; } #header .header-desktop .header-right .dropdown-menu.open { display: block; } #header .header-desktop .header-right .dropdown-menu > ul.no-bullets { margin: 0; } #header .header-desktop .header-right .dropdown-menu > ul.no-bullets > li a { margin: 0; color: #5a6069 !important; } #header .header-desktop .header-right .dropdown-menu > ul.no-bullets > li a:hover { color: #381004 !important; } #header .header-desktop .header-right .header-search { position: relative; } #header .header-desktop .header-right .header-search .dropdown-menu { width: 500px; padding: 0px; } #header .header-desktop .header-right .header-search .search-form-wrapper { position: relative; } #header .header-desktop .header-right .header-search form { position: relative; } #header .header-desktop .header-right .header-search select#select-collection { position: absolute; left: 0; top: 0; height: 40px; line-height: 25px; width: 170px; z-index: 9; padding: 0px 20px 0px 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: none; border-radius: 0px; color: #5a6069; border-right: 2px solid #ebebeb; } #header .header-desktop .header-right .header-search input#searchtext { color: #5a6069; width: 100%; height: 40px; background: #ffffff; border: 0px; border-radius: 5px; padding: 0px 9px 0px 200px; } #header .header-desktop .header-right .header-search input#searchtext:placeholder { color: #5a6069; } #header .header-desktop .header-right .header-search button { width: 25px; height: 25px; line-height: 25px; color: #5a6069; background: none; border: none; padding: 0px; margin: 0px; } #header .header-desktop .header-right .header-account { position: relative; } #header .header-desktop .header-right .header-account .dropdown-menu { width: 200px; text-align: left; padding: 30px 0; } #header .header-desktop .header-right .header-account .dropdown-menu a { display: block; padding: 10px 15px; color: #5a6069; } #header .header-desktop .header-right .header-account .dropdown-menu a:hover { color: #e51515; transform: translateX(5px); } #header .header-mobile { display: none; background: #381004; padding: 10px 0px; } #header .header-mobile .hd-logo > a { display: inline-block; padding: 5px 0; } #header .header-mobile .desktop-cart-wrapper1 { float: right; display: inline-block; position: relative; margin-right: 30px; z-index: 99; margin-top: 8px; } #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart { position: relative; display: inline-block; color: #ffffff; } #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart:hover { color: #381004; } #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart svg { font-size: 24px; } #header .header-mobile .desktop-cart-wrapper1 > a.hd-cart span.hd-cart-count { display: inline-block; line-height: normal; position: absolute; right: -10px; top: -10px; width: 16px; height: 16px; border-radius: 50%; background: #381004; color: #ffffff; font-size: 12px; text-align: center; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart { display: none; text-align: left; position: absolute; z-index: 9999; top: 100%; right: 0px; width: 280px; padding: 5px; border-radius: 5px; background: #ffffff; line-height: normal !important; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 { border-radius: 5px; padding: 5px 0; width: 100%; display: block; background: #ffffff; color: #f2c431; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span { float: right; color: #8c939d; cursor: pointer; text-align: center; border-radius: 50%; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span svg { font-size: 18px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart h3 span:hover { color: #381004; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul { margin: 0px; max-height: 250px; overflow-y: scroll; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item { margin: 0px 0px 5px 0px; position: relative; border-bottom: 1px dashed #ebebeb; padding-bottom: 5px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item > .cart__remove { position: absolute; top: calc(50% - 9px); right: 5px; color: #381004; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item:last-child { margin: 0px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info { padding-right: 15px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a { color: #5a6069; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 3px; display: inline-block; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info > a:hover { color: #381004; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-info small { display: block; margin-bottom: 3px; display: inline-block; color: #5a6069; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity { padding-right: 15px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-price-quantity span { display: block; color: #5a6069; margin-bottom: 3px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img { overflow: hidden; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart ul .cart-item-img img { vertical-align: middle; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total { margin: 5px 0px; padding: 5px; width: 100%; display: block; background: #f9f9f9; color: #5a6069; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .qv-cart-total span { color: #381004; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a { display: inline-block; width: 48%; padding: 10px 5px; text-align: center; background: #efefef; color: #8c939d; border-radius: 4px; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:hover { background: #381004 !important; color: #fff; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:first-child { float: left; } #header .header-mobile .desktop-cart-wrapper1 .quickview-cart .quickview-cartactions a:last-child { float: right; } #header .header-mobile .hd-btnMenu { display: inline-block; float: right; margin-top: 8px; } #header .header-mobile .hd-btnMenu > a { padding: 0px; color: #ffffff; } #header .header-mobile .hd-btnMenu > a svg { font-size: 24px; } @keyframes menu_up { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } @keyframes header_fixed { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } @media (max-width: 1024px) { #main-slider .search-collection-form { display: block !important; } } @media (max-width: 768px) { #main-slider .ms-desc { text-align: center; padding: 0 50px !important; } #main-slider .ms-desc .line-1 { font-size: 26px !important; line-height: 30px !important; } #main-slider .ms-desc a { margin-top: 0 !important; } } @media (max-width: 480px) { #main-slider #owl-main-slider.owl-theme .owl-dots { bottom: 5px !important; } #main-slider #owl-main-slider .ms-desc { top: 58% !important; } #main-slider #owl-main-slider .ms-desc .line-2 { display: none !important; } #main-slider #owl-main-slider .ms-desc .line-1 { font-size: 18px !important; line-height: 20px !important; } #main-slider #owl-main-slider .ms-desc a { padding: 5px 20px !important; margin-top: 10px !important; font-size: 12px !important; } } #main-slider { color: #fff; } #main-slider #search-collection-form { position: relative; display: none; } #main-slider #search-collection-form select { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; width: 120px; z-index: 9; padding: 0px 10px; border: none; border-radius: 0px; border-right: 1px solid #ebebeb; } #main-slider #search-collection-form input { width: 100%; background: #fff; border: 1px solid #ebebeb; border-radius: 0px; padding: 0px 9px 0px 129px; height: 40px; line-height: 40px; } #main-slider #search-collection-form button { width: 40px; height: 40px; line-height: 40px; color: #fff; background: #381004; padding: 0px; margin: 0px; } #main-slider #owl-main-slider.owl-theme .owl-dots { position: absolute; bottom: 20px; left: 0; width: 100%; } #main-slider #owl-main-slider.owl-theme .owl-dots .owl-dot.active span, #main-slider #owl-main-slider.owl-theme .owl-dots .owl-dot:hover span { border: 1px solid #381004 !important; } #main-slider #owl-main-slider.owl-theme .owl-dots .owl-dot.active span::before, #main-slider #owl-main-slider.owl-theme .owl-dots .owl-dot:hover span::before { background: #381004; } #main-slider #owl-main-slider .ms-img { display: block; position: relative; } #main-slider #owl-main-slider .ms-img img { width: 100%; position: relative; z-index: 1; } #main-slider #owl-main-slider .ms-img .ms-desc { position: absolute; display: none; top: 50%; width: 100%; left: 50%; transform: translate(-50%, -50%); right: 0; z-index: 2; text-align: center; padding: 0 50px; } #main-slider #owl-main-slider .ms-img .ms-desc .line-1 { text-transform: uppercase; font-size: 36px; line-height: 40px; letter-spacing: 5px; font-family: 'josefinsansregular'; } #main-slider #owl-main-slider .ms-img .ms-desc .line-2 { text-align: center; margin: 20px 0 20px; letter-spacing: 1px; font-family: 'myriadproregular'; font-size: 16px; } #main-slider #owl-main-slider .ms-img .ms-desc a { margin-top: 10px; display: inline-block; color: #fff; background: transparent; border: 1px solid #fff; padding: 5px 30px; border-radius: 30px; font-family: 'myriadproregular'; font-size: 16px; } #main-slider #owl-main-slider .ms-img .ms-desc a:hover { background: #381004; color: #fff; -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); } #main-slider #owl-main-slider .ms-img .ms-desc a:hover span { background: #fff; } #main-slider #owl-main-slider.owl-theme { position: relative; } #main-slider #owl-main-slider.owl-theme:hover .owl-next, #main-slider #owl-main-slider.owl-theme:hover .owl-prev { opacity: 1; } #main-slider #owl-main-slider.owl-theme .owl-next, #main-slider #owl-main-slider.owl-theme .owl-prev { width: 50px; height: 50px; line-height: 52px; position: absolute; top: calc(50% - 25px); margin: 0px; padding: 0px; color: #fff; background: rgba(33, 37, 44, 0.3); opacity: 0; border-radius: 50%; } #main-slider #owl-main-slider.owl-theme .owl-next:hover, #main-slider #owl-main-slider.owl-theme .owl-prev:hover { background: #381004; -webkit-box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); } #main-slider #owl-main-slider.owl-theme .owl-prev { left: 50px; } #main-slider #owl-main-slider.owl-theme .owl-next { right: 50px; } #main-slider #owl-main-slider.owl-theme .owl-dot span::before { background: #fff; } #main-slider #owl-main-slider.owl-theme .owl-item.active .ms-desc { display: block; } @media (max-width: 768px) { .home-section-head::before { width: 80% !important; } .home-section-head::after { width: 100% !important; } } @media (max-width: 480px) { .home-section-head::before { display: none !important; } .home-section-head::after { display: none !important; } .home-section-head h2 { display: block !important; padding: 0px 10px !important; border-left: 3px solid #f2c431; border-right: 3px solid #f2c431; font-size: 20px !important; } .home-section-head h2::before, .home-section-head h2::after { display: none !important; } .template-index .home-section-head h2 { border-left: 3px solid rgba(235, 235, 235, 0.2); border-right: 3px solid rgba(235, 235, 235, 0.2); } .template-index .home-section-head h2::before, .template-index .home-section-head h2::after { display: none !important; } .owl-theme .owl-dots .owl-dot { margin: 0 10px !important; } } .owl-theme .owl-nav { margin: 0 !important; } .owl-theme .owl-nav.disabled + .owl-dots { margin: 0 !important; } .owl-theme .owl-nav [class*='owl-'] { transition: all .3s ease; } .owl-theme .owl-dots .owl-dot span { width: 15px !important; height: 15px !important; margin: 0 !important; border-radius: 0 !important; background: 0 !important; border: none; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .owl-theme .owl-dots .owl-dot span::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 7px; height: 7px; background: #ffffff; } .owl-theme .owl-dots .owl-dot { position: relative !important; margin: 0 15px; } .owl-theme .owl-dots .owl-dot.active span { border: 1px solid #381004 !important; } .owl-theme .owl-dots .owl-dot.active span::before { background: #381004 !important; } .owl-theme .owl-dots .owl-dot:hover span::before { background: #381004 !important; } .home-section-head { margin-bottom: 10px; text-align: center; position: relative; } .home-section-head::before { content: ""; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 9px; width: 50%; border-bottom: 1px solid #f2c431; border-top: 1px solid #f2c431; } .home-section-head::after { content: ""; display: block; position: absolute; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 1px; width: 70%; background: #f2c431; } .home-section-head h2 { margin: 0 auto; z-index: 2; letter-spacing: 2px; color: #f2c431; line-height: 62px; padding: 0px 63px; display: inline-block; vertical-align: top; position: relative; overflow: hidden; background: #0f0506; -webkit-box-shadow: inset 0 3px 0 0 #f2c431, inset 0 -3px 0 0 #f2c431; -moz-box-shadow: inset 0 3px 0 0 #f2c431, inset 0 -3px 0 0 #f2c431; box-shadow: inset 0 3px 0 0 #f2c431, inset 0 -3px 0 0 #f2c431; } .home-section-head h2::before, .home-section-head h2::after { content: ""; display: block; width: 100px; height: 100px; position: absolute; background: #0f0506; z-index: 2; top: 0; bottom: 0; margin: auto 0; border: 4px solid #f2c431; -webkit-transform: rotate(45deg) skew(26deg, 26deg); -moz-transform: rotate(45deg) skew(26deg, 26deg); -ms-transform: rotate(45deg) skew(26deg, 26deg); -o-transform: rotate(45deg) skew(26deg, 26deg); transform: rotate(45deg) skew(26deg, 26deg); } .home-section-head h2::before { left: -63px; } .home-section-head h2::after { right: -63px; } .home-section-head h2 span { position: relative; display: inline-block; vertical-align: top; padding: 0 30px; } .home-section-head h2 span::before, .home-section-head h2 span::after { content: "\22C6"; font-size: 14px; font-family: "FontAwesome"; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .home-section-head h2 span::before { left: 0; } .home-section-head h2 span::after { right: 0; } .home-section-body .section-desc { padding: 10px 0 25px; text-align: center; } .template-index .home-section-head::before { border-bottom: 1px solid rgba(235, 235, 235, 0.2); border-top: 1px solid rgba(235, 235, 235, 0.2); } .template-index .home-section-head::after { background: rgba(235, 235, 235, 0.2); } .template-index .home-section-head h2 { color: #ffffff; -webkit-box-shadow: inset 0 3px 0 0 rgba(235, 235, 235, 0.2), inset 0 -3px 0 0 rgba(235, 235, 235, 0.2); -moz-box-shadow: inset 0 3px 0 0 rgba(235, 235, 235, 0.2), inset 0 -3px 0 0 rgba(235, 235, 235, 0.2); box-shadow: inset 0 3px 0 0 rgba(235, 235, 235, 0.2), inset 0 -3px 0 0 rgba(235, 235, 235, 0.2); } .template-index .home-section-head h2::before, .template-index .home-section-head h2::after { border: 4px solid rgba(235, 235, 235, 0.2); } @media (max-width: 768px) { .product-item { margin-bottom: 30px; } .product-item .product-price .current-price { font-size: 16px !important; } .product-item .product-price .original-price { font-size: 12px !important; } .product-item .product-buynow { padding: 0 !important; } } @media (max-width: 480px) { .product-item { margin-bottom: 30px; } .product-item .product-title { min-height: 45px !important; } .product-item .product-title a { font-size: 10px !important; } .product-item .product-item-info { padding: 10px 15px !important; } .product-item .product-price { text-align: center; } .product-item .product-price .current-price { font-size: 12px !important; } .product-item .product-price .original-price { font-size: 10px !important; } } .product-item { border: 2px solid #ebebeb; border-radius: 12px; overflow: hidden; } .product-item .product-img { position: relative; z-index: 1; } .product-item .product-img a { display: block; overflow: hidden; } .product-item .product-img a img { width: 100%; } .product-item .product-img a img.only-one { opacity: 1 !important; position: relative !important; } .product-item .product-img a img:last-child { position: absolute; top: 0; left: 0; opacity: 0; } .product-item .product-img .product-actions { position: absolute; z-index: 2; left: 10px; top: 10px; padding: 0 5px; display: inline-block; overflow: hidden; opacity: 0; line-height: 50px; text-align: center; transform: translateX(-50px); } .product-item .product-img .product-actions button { display: block; margin-bottom: 20px; } .product-item .product-img .product-actions button:hover svg { color: #381004; animation-name: buzz; animation-duration: 0.2s; animation-iteration-count: infinite; } .product-item .product-img .product-actions button svg { font-size: 24px; color: #ffffff; } .product-item .product-img .tag-saleoff-img { color: #fff; background: url("../images/sale_bg.png") center no-repeat; line-height: 22px; padding-left: 5px; min-width: 56px; position: absolute; top: 10px; right: 10px; z-index: 2; } .product-item .product-item-info { padding: 20px 15px; } .product-item .product-item-info .product-title { min-height: 61px; } .product-item .product-item-info .product-title a { display: block; color: #00972a; min-height: 44px; padding: 0 0 15px; border-bottom: 1px solid #ebebeb; font-weight: bold; font-size: 14px; } .product-item .product-item-info .product-title a:hover { color: #381004 !important; } .product-item .product-item-info .product-price { padding: 15px 0 0; } .product-item .product-item-info .product-price > span { display: inline-block; } .product-item .product-item-info .product-price > span.current-price { color: #1b9e59; } .product-item .product-item-info .product-price > span.original-price { margin-left: 3px; color: white; } .product-item .product-item-info .product-desc { display: none; text-align: justify; } .product-item .product-buynow { padding: 5px 15px 30px; text-align: center; } .product-item .product-buynow a { width: 100%; padding: 10px 10px; /* background: #efefef; */ /* color: white; */ border-radius: 30px; color: #1b9e59; border: 1px solid #1b9e59; } .product-item .product-buynow a:hover.add-to-cart { background: #381004 !important; color: #fff; } .product-item:hover .product-img img { opacity: 0; } .product-item:hover .product-img img:last-child { position: absolute; top: 0; left: 0; opacity: 1; } .product-item:hover .product-img .product-actions { transform: translateX(0); opacity: 1; } @keyframes buzz { 0% { transform: translateX(0px); } 50% { transform: translateX(5px); } 100% { transform: translateX(0); } } #home-aboutus { background: url("../images/aboutus_img_bg.png"); background-size: cover; background-position: center center; color: #888888; } #home-aboutus .aboutus-head h3 { font-family: 'utmbeautifulcaps'; color: #017f30; font-size: 30px; margin-bottom: 0; } #home-aboutus .aboutus-head h3 span { /* font-family: 'josefinsansregular'; */ font-weight: bold; color: #fff; text-transform: uppercase; font-size: 30px; display: block; font-family: 'Montserrat-ExtraBold'; padding-top: 20px; } #home-aboutus .aboutus-body { position: relative; } #home-aboutus .aboutus-body:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(56, 16, 4, 0.9); mix-blend-mode: multiply; background-blend-mode: multiply; } #home-aboutus .aboutus-body .aboutus-img { width: 50%; float: left; text-align: right; padding-right: 30px; position: relative; } #home-aboutus .aboutus-body .aboutus-content { width: 50%; float: left; padding: 15px 30px; position: absolute; top: 50%; left: 50%; transform: translate(-20%, -50%); background: rgba(19, 6, 2, 0.7); background-blend-mode: multiply; } #home-aboutus .aboutus-body .aboutus-content .aboutus-content-wrapper p { margin-bottom: 10px; text-align: justify; /* font-family: 'utmavo'; */ font-family: 'Montserrat-Light'; color: #fff; font-size: 14px; } #home-aboutus .aboutus-body .aboutus-content .aboutus-content-wrapper .aboutus-link a { margin-top: 10px; display: inline-block; color: #1b9e59; /* background: #017f30; */ border: 1px solid #1b9e59; padding: 5px 30px; border-radius: 30px; font-family: 'utmavo'; font-size: 14px; font-family: 'Montserrat-SemiBold'; } #home-aboutus .aboutus-body .aboutus-content .aboutus-content-wrapper .aboutus-link a:hover { background: #1b9e59; color: #381004; border-color: #1b9e59; } @media (max-width: 768px) { #home-aboutus { padding: 0px !important; } #home-aboutus .aboutus-img { text-align: center; } #home-aboutus .aboutus-body .aboutus-img { width: 100%; padding: 0; text-align: center; } #home-aboutus .aboutus-body .aboutus-content { padding-left: 15px !important; padding-right: 30px; position: relative; width: 100%; top: 0; left: 0; transform: none; } #home-aboutus .aboutus-body .aboutus-content .aboutus-content-wrapper { max-width: none !important; } } #home-aboutus2 { background-position: center center; background-size: cover; background-attachment: fixed; color: #888888; padding: 70px 0; position: relative; } #home-aboutus2 .aboutus-body:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgba(56, 16, 4, 0.9); */ mix-blend-mode: multiply; background-blend-mode: multiply; } @media (min-width: 1023px) { #home-aboutus2 .grid { display: inline-flex; align-items: center; width: calc(100% + 30px); } } #home-aboutus2 .aboutus-head h3 { /* font-family: 'utmbeautifulcaps'; */ /* color: #f2c431; */ /* font-size: 30px; */ font-family: 'utmbeautifulcaps'; color: #017f30; font-size: 30px; margin-bottom: 0; } #home-aboutus2 .aboutus-head h3 span { font-family: 'josefinsansregular'; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 35px; display: block; ont-weight: bold; color: #fff; text-transform: uppercase; font-size: 30px; display: block; font-family: 'Montserrat-ExtraBold'; padding-top: 20px; } #home-aboutus2 .aboutus-body { /* position: relative; */ } #home-aboutus2 .aboutus-body .aboutus-content { background: rgba(0, 0, 0, 0.5); padding: 30px; /* z-index: 9999; */ position: relative; } #home-aboutus2 .aboutus-body .aboutus-img { /* width: 50%; */ /* float: right; */ /* text-align: right; */ /* padding-right: 30px; */ position: relative; } #home-aboutus2 .aboutus-body .aboutus-content .aboutus-content-wrapper p { margin-bottom: 10px; /* text-align: justify; */ /* font-family: 'utmavo'; */ argin-bottom: 10px; text-align: justify; /* font-family: 'utmavo'; */ font-family: 'Montserrat-Light'; color: #fff; font-size: 14px; } #home-aboutus2 .aboutus-body .aboutus-content .aboutus-content-wrapper .aboutus-link a { /* margin-top: 0px; */ /* display: inline-block; */ color: #017f30; /* background: transparent; */ border: 1px solid #017f30; /* padding: 5px 30px; */ /* border-radius: 30px; */ /* font-family: 'utmavo'; */ /* font-size: 16px; */ margin-top: 10px; display: inline-block; /* color: #fff; */ /* background: #017f30; */ /* border: 1px solid #f2c431; */ padding: 5px 30px; border-radius: 30px; font-family: 'utmavo'; font-size: 14px; font-family: 'Montserrat-SemiBold'; } #home-aboutus2 .aboutus-body .aboutus-content .aboutus-content-wrapper .aboutus-link a:hover { background: #f2c431; color: #381004; border-color: #f2c431; } @media (max-width: 768px) and (min-width: 481px) { #home-banner .banner-item .word1 { font-size: 14px !important; line-height: 15px; } #home-banner .banner-item .word2 { font-size: 16px !important; margin-bottom: 5px !important; } } @media (max-width: 768px) { #home-banner { padding-top: 10px !important; } } @media (max-width: 480px) { #home-banner .banner-item { margin-bottom: 15px; } } #home-banner { background-color: #14151b; color: #888888; padding-top: 50px; } #home-banner .banner-item { position: relative; display: block; } #home-banner .banner-item::after { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.5); content: ''; z-index: 2; } #home-banner .banner-item .banner-img { position: relative; z-index: 1; overflow: hidden; border-radius: 3px; } #home-banner .banner-item .banner-img img { width: 100%; } #home-banner .banner-item .banner-content { text-align: center; position: absolute; z-index: 3; width: 100%; top: 50%; transform: translateY(-50%); left: 0; right: 0; } #home-banner .banner-item .banner-content span { display: block; color: #fff; } #home-banner .banner-item .banner-content span.word2 { color: #381004; margin-bottom: 20px; } #home-banner .banner-item:hover span.word1 { animation: BannerfadeInUp 0.6s; } #home-banner .banner-item:hover span.word2 { animation: BannerfadeInUp 1s; } #home-banner .banner-item:hover span.word3 { animation: BannerfadeInUp 0.6s; } @keyframes BannerfadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { #home-flash-sale { padding: 50px 0 !important; } #home-flash-sale .owl-theme .owl-prev { left: 0px !important; } #home-flash-sale .owl-theme .owl-next { right: 0px !important; } #home-flash-sale .product-item .product-title { min-height: 61px !important; } #home-flash-sale .product-item .product-desc { padding: 0; border-bottom: none; display: none !important; min-height: none; } #home-flash-sale .product-item .product-price { padding: 15px 0 0 !important; } } @media (max-width: 480px) { #home-flash-sale .home-collection-countdown { padding: 0 0 30px !important; } #home-flash-sale .home-collection-countdown .countdown-days, #home-flash-sale .home-collection-countdown .countdown-hrs, #home-flash-sale .home-collection-countdown .countdown-mins, #home-flash-sale .home-collection-countdown .countdown-secs { margin: 0 10px !important; font-size: 16px !important; } #home-flash-sale .product-item .product-title { min-height: 45px !important; } #home-flash-sale .owl-theme .owl-next, #home-flash-sale .owl-theme .owl-prev { width: 40px !important; height: 40px !important; line-height: 38px !important; top: calc(50% - 20px) !important; } } #home-flash-sale { padding: 100px 0; background-color: #14151b; color: #888888; } #home-flash-sale .home-section-head h2 { background: #14151b; } #home-flash-sale .home-section-head h2::before, #home-flash-sale .home-section-head h2::after { background-color: #14151b; } #home-flash-sale .home-collection-countdown { padding: 0px 0 50px; text-align: center; } #home-flash-sale .home-collection-countdown .timeleft { text-transform: none; } #home-flash-sale .home-collection-countdown .countdown-days, #home-flash-sale .home-collection-countdown .countdown-hrs, #home-flash-sale .home-collection-countdown .countdown-mins, #home-flash-sale .home-collection-countdown .countdown-secs { display: inline-block; margin: 0 15px; } #home-flash-sale .home-collection-countdown .countdown-days #days, #home-flash-sale .home-collection-countdown .countdown-days #hrs, #home-flash-sale .home-collection-countdown .countdown-days #mins, #home-flash-sale .home-collection-countdown .countdown-days #secs, #home-flash-sale .home-collection-countdown .countdown-hrs #days, #home-flash-sale .home-collection-countdown .countdown-hrs #hrs, #home-flash-sale .home-collection-countdown .countdown-hrs #mins, #home-flash-sale .home-collection-countdown .countdown-hrs #secs, #home-flash-sale .home-collection-countdown .countdown-mins #days, #home-flash-sale .home-collection-countdown .countdown-mins #hrs, #home-flash-sale .home-collection-countdown .countdown-mins #mins, #home-flash-sale .home-collection-countdown .countdown-mins #secs, #home-flash-sale .home-collection-countdown .countdown-secs #days, #home-flash-sale .home-collection-countdown .countdown-secs #hrs, #home-flash-sale .home-collection-countdown .countdown-secs #mins, #home-flash-sale .home-collection-countdown .countdown-secs #secs { color: #381004; background: #21252c; margin-bottom: 10px; padding: 10px; } #home-flash-sale .product-item { border: 2px solid rgba(235, 235, 235, 0.1); } #home-flash-sale .product-item .product-title { min-height: auto; } #home-flash-sale .product-item .product-title a { color: #ffffff; border-bottom: 1px solid rgba(235, 235, 235, 0.1); } #home-flash-sale .product-item .product-desc { padding: 15px 0; border-bottom: 1px solid rgba(235, 235, 235, 0.1); display: block; min-height: 120px; } #home-flash-sale .product-item .product-price { padding-bottom: 15px; } #home-flash-sale .product-item .product-buynow a { background: #21252c; } #home-flash-sale .product-item .product-buynow a:hover.add-to-cart { -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); } #home-flash-sale .product-item .original-price { color: #bbbbbb; } #home-flash-sale .owl-theme .owl-dots { margin-top: 20px; } #home-flash-sale .owl-theme .owl-dots .owl-dot.active span, #home-flash-sale .owl-theme .owl-dots .owl-dot:hover span { border: 1px solid #381004 !important; } #home-flash-sale .owl-theme .owl-dots .owl-dot.active span::before, #home-flash-sale .owl-theme .owl-dots .owl-dot:hover span::before { background: #381004; } #home-flash-sale .owl-theme { position: relative; } #home-flash-sale .owl-theme:hover .owl-next, #home-flash-sale .owl-theme:hover .owl-prev { opacity: 1; } #home-flash-sale .owl-theme .owl-next, #home-flash-sale .owl-theme .owl-prev { width: 50px; height: 50px; line-height: 48px; position: absolute; top: calc(50% - 25px); margin: 0px; padding: 0px; color: #ffffff; background: #fff; border: 2px solid #ebebeb; opacity: 0; border-radius: 50%; } #home-flash-sale .owl-theme .owl-next:hover, #home-flash-sale .owl-theme .owl-prev:hover { background: #381004; -webkit-box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); border: 1px solid transparent; color: #fff; } #home-flash-sale .owl-theme .owl-prev { left: -60px; } #home-flash-sale .owl-theme .owl-next { right: -60px; } @media (max-width: 768px) { #home-reviews { background-attachment: scroll !important; padding: 50px 0 !important; } #home-reviews .inner { padding: 0px !important; } #home-reviews .review-item { min-height: 306px !important; } #home-reviews .review-item .review-content { min-height: 68px !important; } } @media (max-width: 480px) { #home-reviews .review-item { min-height: 306px !important; } #home-reviews .review-item .review-content { min-height: 112px !important; padding: 0px !important; } #home-reviews .review-item .review-content::before, #home-reviews .review-item .review-content::after { display: none !important; } #home-reviews .review-item .review-user-add { padding-bottom: 10px !important; } } #home-reviews { padding: 50px 0; background-color: #14151b; position: relative; color: #fff; background-image: url("../images/reviews_bg.jpg"); background-position: center; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } #home-reviews::after { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: rgba(56, 16, 4, 0.7); content: ''; z-index: 0; } #home-reviews .inner { padding: 0 120px; position: relative; z-index: 1; } #home-reviews .section-desc { color: #A3A3A3; width: 70%; margin: 0 auto 30px; position: relative; z-index: 99; } #home-reviews .aboutus-head h3 { font-family: 'utmbeautifulcaps'; color: #1b9e59; font-size: 30px; position: relative; z-index: 99; } #home-reviews .aboutus-head h3 span { font-family: 'josefinsansregular'; font-weight: bold; color: #fff; text-transform: uppercase; font-size: 35px; display: block; } #home-reviews #owl-home-reviews .review-item { text-align: center; padding: 15px 0; } #home-reviews #owl-home-reviews .review-item .review-img { margin: 0 auto; overflow: hidden; text-align: center; } #home-reviews #owl-home-reviews .review-item .review-img img { width: auto; margin: 0 auto; } #home-reviews #owl-home-reviews .review-item .review-content { position: relative; color: #bbbbbb; margin: 10px 0 20px; padding: 0 10px; } #home-reviews #owl-home-reviews .review-item .review-username { color: #fff; padding: 10px 0 0px; } #home-reviews #owl-home-reviews .review-item .review-user-add { padding-bottom: 50px; } @media (max-width: 768px) { #home-product { padding: 50px 0 !important; } #home-product .collection-btn { margin-top: 20px !important; } #home-product .tab button.pro-tablinks { background-color: #21252c; margin: 5px 5px !important; padding: 5px 10px; border-radius: 5px; } #home-product .tab button.pro-tablinks.rophi::before { display: none; } #home-product .tab button.pro-tablinks:hover, #home-product .tab button.pro-tablinks.active { color: #fff !important; background: #381004 !important; } } @media (max-width: 480px) { #home-product { padding: 50px 0 !important; } #home-product .collection-btn { margin-top: 20px !important; } #home-product .pro-tabcontent { min-height: 440px !important; } } #home-product { padding: 100px 0; background-color: #14151b; color: #888888; } #home-product .home-section-head h2 { background: #14151b; } #home-product .home-section-head h2::before, #home-product .home-section-head h2::after { background-color: #14151b; } #home-product .tab { margin-bottom: 50px; display: block; } #home-product .tab button.pro-tablinks { text-align: center; color: #888888; outline: 0 !important; margin: 0 30px; } #home-product .tab button.pro-tablinks.rophi { position: relative; } #home-product .tab button.pro-tablinks.rophi::before { content: ""; width: 7px; height: 7px; background: #888888; position: absolute; left: -34.5px; top: 9px; transform: rotate(45deg); } #home-product .tab button.pro-tablinks.active, #home-product .tab button.pro-tablinks:hover { color: #381004; } #home-product .pro-tabcontent { min-height: 500px; } #home-product .pro-tabcontent .product-item { -webkit-animation: zoomPro 1s; animation: zoomPro 1s; } #home-product .pro-tabcontent .collection-btn { text-align: center; } #home-product .pro-tabcontent .collection-btn .btnViewMore { padding: 10px 70px; background: #21252c; color: white; border-radius: 30px; } #home-product .pro-tabcontent .collection-btn .btnViewMore:hover { background: #381004; color: #fff; -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); } #home-product .product-item { border: 2px solid rgba(235, 235, 235, 0.1); margin-bottom: 30px; } #home-product .product-item .product-title a { color: #ffffff; border-bottom: 1px solid rgba(235, 235, 235, 0.1); } #home-product .product-item .product-buynow a { background: #21252c; } #home-product .product-item .product-buynow a:hover.add-to-cart { -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); } #home-product .product-item .original-price { color: #bbbbbb; } @-webkit-keyframes zoomPro { from { transform: scale(0); } to { transform: scale(1); } } @keyframes zoomPro { from { transform: scale(0); } to { transform: scale(1); } } @media (max-width: 768px) { #home-collection .collection-item .collection-text { padding: 0 10px !important; } #home-collection .collection-item .collection-content { display: none; } #home-collection .collection-item .collection-desc { font-size: 20px !important; } } @media (max-width: 480px) { #home-collection .collection-item { margin-bottom: 30px; } #home-collection .collection-text { padding: 0 15px !important; } #home-collection .collection-text .collection-title { margin-bottom: 5px !important; } #home-collection .collection-text .collection-desc { font-size: 20px !important; } #home-collection .collection-btn .col-btn { padding: 5px 50px 5px 30px !important; } #home-collection .collection-btn .col-btn span { top: calc(50% - 15px) !important; line-height: 30px !important; height: 30px !important; width: 30px !important; } } #home-collection { background-color: #14151b; color: #888888; } #home-collection .collection-item { position: relative; } #home-collection .collection-item::after { position: absolute; top: 0; left: 0; width: 100%; bottom: 0; background: rgba(0, 0, 0, 0.3); content: ''; z-index: 1; } #home-collection .collection-item a { color: #fff; } #home-collection .collection-item .collection-img { position: relative; z-index: 0; } #home-collection .collection-item .collection-img img { width: 100%; height: -webkit-fill-available; } #home-collection .collection-item .collection-text { position: absolute; padding: 0 80px; top: 50%; transform: translateY(-50%); left: 0; right: 0; z-index: 3; } #home-collection .collection-item .collection-text .collection-title { margin-bottom: 15px; } #home-collection .collection-item .collection-text .collection-desc { font-size: 30px; margin-bottom: 25px; } #home-collection .collection-item .collection-text .collection-content { margin-bottom: 35px; } #home-collection .collection-item .collection-text .collection-btn .col-btn { display: inline-block; color: #000; background: #fff; padding: 10px 50px 10px 30px; border-radius: 30px; position: relative; z-index: 2; } #home-collection .collection-item .collection-text .collection-btn .col-btn span { position: absolute; z-index: 3; display: block; right: 2px; top: calc(50% - 20px); line-height: 40px; border-radius: 50%; background: #21252c; height: 40px; width: 40px; } #home-collection .collection-item .collection-text .collection-btn .col-btn span svg { color: #fff; } #home-collection .collection-item .collection-text .collection-btn .col-btn:hover { background: #381004; color: #fff; -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); } #home-collection .collection-item .collection-text .collection-btn .col-btn:hover span { background: #fff; } #home-collection .collection-item .collection-text .collection-btn .col-btn:hover span svg { color: #000; } #home-collection .collection-item:hover .collection-title { animation: CollectionfadeInUp 0.6s; } #home-collection .collection-item:hover .collection-desc { animation: CollectionfadeInUp 0.8s; } #home-collection .collection-item:hover .collection-content { animation: CollectionfadeInUp 1s; } #home-collection .collection-item:hover .collection-btn { animation: CollectionfadeInUp 1.2s; } @keyframes CollectionfadeInUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } @media (max-width: 768px) { #home-policy { padding: 50px 0 !important; } } @media (max-width: 480px) { #home-policy .policy-item .policy-icon { right: -10px !important; } #home-policy .policy-item { margin-bottom: 20px; } } #home-policy { padding: 100px 0; color: #888888; background-position: center center; background-size: cover; background-attachment: fixed; } #home-policy .policy-item:hover .policy-icon img.normal { opacity: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } #home-policy .policy-item:hover .policy-icon img.hover { opacity: 1; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #home-policy .policy-item .policy-icon { position: relative; } #home-policy .policy-item .policy-icon img.hover { opacity: 0; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; top: -2%; left: 31%; } #home-policy .policy-item .policy-icon img.normal { opacity: 1; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #home-policy .policy-item .policy-content .policy-title { font-family: 'josefinsansregular'; text-transform: uppercase; font-size: 18px; margin-top: 10px; } #home-policy .policy-item .policy-content .policy-title a { color: #017f30; /* font-size: 17px; */ /* font-family: 'Montserrat-Bold'; */ } #home-policy .policy-item .policy-content .policy-desc { font-family: 'utmavo'; font-size: 16px; width: 80%; margin: 0 auto; } #home-policy .policy-item .policy-content .policy-link { font-family: 'utmavo'; margin-top: 20px; } #home-policy .policy-item .policy-content .policy-link a { color: #017f30; /* font-family: 'Montserrat-SemiBold'; */ font-size: 16px; /* background: #017f30; */ padding: 5px 10px; border-radius: 37px; } @media (max-width: 768px) { #home-articles { padding: 50px 0 !important; } } #home-articles { /* padding: 0px 0 65px; */ background-position: center center; background-size: cover; background-attachment: fixed; color: #888888; padding: 50px 0; } #home-articles .section-title { font-family: 'josefinsansregular'; font-weight: bold; font-size: 35px; text-transform: uppercase; color: #fff; margin-bottom: 0px; } #home-articles .owl-theme .owl-dots { margin-top: 50px !important; } #home-articles .owl-theme { position: relative; } #home-articles .owl-theme:hover .owl-next, #home-articles .owl-theme:hover .owl-prev { opacity: 1; } #home-articles .owl-theme .owl-next, #home-articles .owl-theme .owl-prev { width: 50px; height: 50px; line-height: 52px; position: absolute; top: calc(50% - 25px); margin: 0px; padding: 0px; color: #fff; background: rgba(33, 37, 44, 0.3); opacity: 0; border-radius: 50%; } #home-articles .owl-theme .owl-next:hover, #home-articles .owl-theme .owl-prev:hover { background: #381004; -webkit-box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); } #home-articles .owl-theme .owl-prev { left: -55px; } #home-articles .owl-theme .owl-next { right: -55px; } #home-articles .owl-theme .owl-dot span::before { background: #fff; } #home-articles .article-item .article-info { /* font-family: 'utmavo'; */ padding: 0; border-bottom: none; /* display: flex; */ } #home-articles .article-item .article-info .article-date { font-family: 'utmavo'; color: #818182; /* float: left; */ /* padding-right: 10px; */ /* position: relative; */ } #home-articles .article-item .article-title { min-height: 0; float: left; } #home-articles .article-item .article-title a { /* font-family: 'myriadproregular'; */ color: #5f2a30; font-family: 'Montserrat-Medium'; font-size: 18px; text-transform: unset !important; /* padding-left: 10px; */ font-family: 'myriadproregular'; color: #ffffff; } #home-articles .article-item .article-desc { font-family: 'utmavo'; color: #818182; padding: 5px 0; } @media (max-width: 768px) { #home-service { padding: 50px 0 !important; } #home-service .home-section-body { padding: 20px 0 !important; } #home-service #owl-service { margin-top: 20px !important; } #home-service #owl-service .service-item { border: 1px solid rgba(235, 235, 235, 0.1); padding: 20px 0 !important; } #home-service #owl-service .service-item .service-viewmore { opacity: 1 !important; transform: translateY(0) !important; } #home-service #owl-service .service-item .service-desc { margin-bottom: 20px !important; } #home-service #owl-service.owl-theme .owl-dots { margin-top: 20px !important; } } #home-service { padding: 100px 0 0; background-color: #181b23; color: #888888; } #home-service .section-desc { padding: 10px 0 50px; } #home-service .home-section-head h2 { background: #181b23; } #home-service .home-section-head h2::before, #home-service .home-section-head h2::after { background-color: #181b23; } #home-service .home-section-body { position: relative; padding: 150px 0; color: #fff; } #home-service .home-section-body .inner { position: relative; z-index: 3; } #home-service .home-section-body .inner #owl-service { margin-top: 50px; } #home-service .home-section-body .inner #owl-service .service-item { text-align: center; padding: 50px 30px; background: #181b23; border-right: 1px solid rgba(235, 235, 235, 0.1); } #home-service .home-section-body .inner #owl-service .service-item .hover { display: none; } #home-service .home-section-body .inner #owl-service .service-item:hover { background: #fff; color: #ffffff; } #home-service .home-section-body .inner #owl-service .service-item:hover .hover { display: block; } #home-service .home-section-body .inner #owl-service .service-item:hover .not-hover { display: none; } #home-service .home-section-body .inner #owl-service .service-item:hover .service-title { color: #381004; } #home-service .home-section-body .inner #owl-service .service-item:hover .service-viewmore { transform: translateY(0) !important; opacity: 1 !important; color: gray !important; } #home-service .home-section-body .inner #owl-service .service-item:hover .service-desc { color: gray; } #home-service .home-section-body .inner #owl-service .service-item .service-img { margin: 0 auto 30px; display: block; width: 64px; height: 64px; overflow: hidden; } #home-service .home-section-body .inner #owl-service .service-item .service-img img { width: 100%; } #home-service .home-section-body .inner #owl-service .service-item .service-content .service-viewmore { display: inline-block; color: #fff; margin-top: 10px; transform: translateY(20px); opacity: 0; } #home-service .home-section-body .inner #owl-service .service-item .service-content .service-viewmore:hover { color: #381004 !important; } #home-service .home-section-body .inner #owl-service .service-item .service-content .service-desc { min-height: 45px; margin: 15px 0 50px; } #home-service .home-section-body .inner #owl-service.owl-theme .owl-dots { margin-top: 50px !important; } #home-service .home-section-body .inner #owl-service.owl-theme .owl-dots .owl-dot span::before { background: #fff; } #home-service .service-video { position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; pointer-events: none; overflow: hidden; } #home-service .service-bg { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background-color: rgba(0, 0, 0, 0.7); } @media (max-width: 768px) { #home-brand { padding: 50px 0 !important; } } #home-brand { color: #888888; background-image: url("../images/home_brand_bg.jpg"); padding: 100px 0; text-align: center; background-position: center center; background-size: cover; background-attachment: fixed; position: relative; } #home-brand:after { content: ""; background: rgba(56, 16, 4, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #home-brand .section-title { /* font-family: 'josefinsansregular'; */ font-weight: bold; font-size: 35px; text-transform: uppercase; color: #fff; font-family: 'Montserrat-SemiBold'; margin-bottom: 40px; } #home-brand .wrapper { position: relative; z-index: 2; } #home-brand .brand-item { display: block; } #home-brand .brand-item:hover img { transform: scale(1.05); } #home-brand .owl-carousel .owl-item img { width: auto; margin: 0 auto; } #home-brand .owl-theme { position: relative; } #home-brand .owl-theme:hover .owl-next, #home-brand .owl-theme:hover .owl-prev { opacity: 1; } #home-brand .owl-theme .owl-next, #home-brand .owl-theme .owl-prev { width: 50px; height: 50px; line-height: 50px; position: absolute; top: calc(50% - 25px); margin: 0px; padding: 0px; color: #ffffff; background: #fff; border: 2px solid #ebebeb; opacity: 0; border-radius: 50%; } #home-brand .owl-theme .owl-next:hover, #home-brand .owl-theme .owl-prev:hover { background: #381004; -webkit-box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 10px rgba(56, 16, 4, 0.3); border: 1px solid transparent; color: #fff; } #home-brand .owl-theme .owl-prev { left: -60px; } #home-brand .owl-theme .owl-next { right: -60px; } @media (max-width: 768px) { #home-newsletters { padding: 50px 0 !important; } } @media (max-width: 480px) { #home-newsletters .newsletters-title2 h2 { font-size: 20px !important; } #home-newsletters .sub-wrapper { padding: 0 10px !important; } } #home-newsletters { padding: 100px 0; background-color: #14151b; color: #888888; text-align: center; } #home-newsletters h2 { margin: 0; } #home-newsletters .inner { max-width: 800px; margin: 0 auto; } #home-newsletters .inner .newsletters-text { margin-bottom: 50px; } #home-newsletters .inner .newsletters-text .newsletters-title1 { color: #381004; } #home-newsletters .inner .newsletters-text .newsletters-title2 h2 { color: #ffffff; margin-bottom: 15px; } #home-newsletters .inner .sub-wrapper { padding: 0 100px; } #home-newsletters .inner .sub-wrapper form { position: relative; } #home-newsletters .inner .sub-wrapper input { width: 100%; border-radius: 30px; border: 1px solid #ebebeb; background: #fff; height: 60px; padding: 0px 70px 0px 25px; } #home-newsletters .inner .sub-wrapper button { position: absolute; right: 5px; top: 5px; bottom: 5px; height: 50px; width: 50px; background: #21252c; border-radius: 50%; } #home-newsletters .inner .sub-wrapper button:hover { background: #381004; -webkit-box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); box-shadow: 0 0 20px 5px rgba(56, 16, 4, 0.3); color: #fff; } /* ----------- FOOTER ----------- */ @media (max-width: 768px) { #footer { padding: 50px 0 0 !important; } #footer .footer-content .grid-uniform .medium--one-quarter:nth-child(4n+1) { clear: none; } #footer .footer-content .ft-nav.first { border-left: none !important; } #footer .ft-contact { margin-bottom: 20px; } } @media (max-width: 480px) { #footer .footer-content .grid-uniform .small--one-half:nth-child(2n+1) { clear: none; } #footer .footer-content .ft-nav { border-left: none !important; margin-bottom: 20px; } #footer .footer-content .ft-nav h3 { margin-bottom: 10px !important; } #footer .footer-copyrights .inner { padding: 20px 0 !important; } } #footer { color: #ffffff; background-position: center center; background-size: cover; background-attachment: fixed; /* padding: 50px 0; */ background: #007c2d; } #footer .footer-content { /* padding: 30px 0px; */ padding-top: 30px; } #footer .footer-content h3.ft-title { position: relative; padding: 0px; margin: 0px 0px 20px 0px; color: #ffffff; font-family: 'Montserrat-Bold'; font-size: 16px; } #footer .footer-content .ft-contact h3.ft-title { font-size: 18px; } #footer .footer-content .ft-contact > div { margin-bottom: 10px; } #footer .footer-content .ft-contact > div:last-child { margin: 0px; } .ft-contact{ margin-bottom:30px; } #footer .footer-content .ft-contact .ft-logo { margin-bottom: 30px; } #footer .footer-content .ft-contact .ft-logo > a { display: inline-block; } #footer .footer-content .ft-contact .ft-logo > a h2 { margin: 0; color: #ffffff; font-size: 32px; } #footer .footer-content .ft-contact .ft-logo > a h2:hover { color: #381004; } #footer .footer-content .ft-contact .ft-contact-desc { padding-bottom: 30px; font-family: 'Montserrat-Medium'; font-size: 14px; max-height: 150px; overflow: hidden; margin-bottom: 30px; } #footer .footer-content .ft-contact .ft-contact-desc svg { width: 15px; float: left; margin-right: 10px; margin-top: 4px; } #footer .footer-content .ft-contact .ft-contact-desc span { width: calc(100% - 26px); float: left; } #footer .footer-content .ft-contact .ft-contact-desc a { color: #fff; -webkit-text-fill-color: #fff; -webkit-opacity: 1; color: #fff; } #footer .footer-content .ft-contact .ft-contact-address .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-icon, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-icon { display: inline-block; float: left; color: #e51515; } #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail { padding-left: 25px; color: #888888; } #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a { color: #fff; -webkit-text-fill-color: #fff; -webkit-opacity: 1; color: #fff; } #footer .footer-content .ft-contact .ft-contact-address .ft-contact-detail a:hover, #footer .footer-content .ft-contact .ft-contact-tel .ft-contact-detail a:hover, #footer .footer-content .ft-contact .ft-contact-email .ft-contact-detail a:hover { color: #381004; } #footer .footer-content .ft-nav ul { margin: 0px; margin-left: 18px; } #footer .footer-content .ft-nav ul li { margin: 0px 0px 10px 0px; padding: 0; position: relative; } #footer .footer-content .ft-nav ul li:last-child { margin: 0px; } #footer .footer-content .ft-nav ul li > a { display: inline-block; color: #ffffff; font-family: 'Montserrat-Medium'; font-size: 12px; } #footer .footer-content .ft-nav ul li > a:hover { color: #e51515; transform: translateX(5px); } #footer .footer-copyrights .inner { border-top: 1px solid rgba(235, 235, 235, 0.1); padding: 50px 0px; } #footer .footer-copyrights .ft-copyrights-content { line-height: 27px; } #footer .footer-copyrights .ft-copyrights-content a { color: #888888; } #footer .footer-copyrights .ft-copyrights-content a:hover { color: #381004; } #footer .footer-copyrights .ft-social-network > a { line-height: 27px; display: inline-block; margin-right: 15px; } #footer .footer-copyrights .ft-social-network > a:hover { transform: translateY(-5px); } #footer .footer-copyrights .ft-social-network > a.fb-icon { color: #3B5998; } #footer .footer-copyrights .ft-social-network > a.fb-icon:hover { color: #718dc8; } #footer .footer-copyrights .ft-social-network > a.ins-icon { color: #C32AA3; } #footer .footer-copyrights .ft-social-network > a.ins-icon:hover { color: #e172ca; } #footer .footer-copyrights .ft-social-network > a.yt-icon { color: #FF0000; } #footer .footer-copyrights .ft-social-network > a.yt-icon:hover { color: #ff6666; } #footer .footer-copyrights .ft-social-network > a.tw-icon { color: #00B6F1; } #footer .footer-copyrights .ft-social-network > a.tw-icon:hover { color: #58d6ff; } #footer .footer-copyrights .ft-social-network > a.gg-icon { color: #DF4A32; } #footer .footer-copyrights .ft-social-network > a.gg-icon:hover { color: #ed988a; } #footer .footer-copyrights .ft-social-network > a.linkedin-icon { color: #0077b5; } #footer .footer-copyrights .ft-social-network > a.linkedin-icon:hover { color: #1cb1ff; } .home-section-brand-ft { background: #fff; border-radius: 40px; overflow: hidden; padding: 5px; } /* ------- BREADCRUMB ------------ */ @media (max-width: 480px) { #breadcrumb-wrapper, #breadcrumb-wrapper2, #breadcrumb-wrapper3, #breadcrumb-wrapper4, #breadcrumb-wrapper5 { margin-bottom: 20px !important; } #breadcrumb-wrapper .breadcrum-big span, #breadcrumb-wrapper2 .breadcrum-big span, #breadcrumb-wrapper3 .breadcrum-big span, #breadcrumb-wrapper4 .breadcrum-big span, #breadcrumb-wrapper5 .breadcrum-big span { font-size: 24px !important; } } #breadcrumb-wrapper.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("//theme.hstatic.net/200000157819/1000602868/14/breadcrumb_bg1.png?v=605"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #381004; } #breadcrumb-wrapper2.breadcrumb-w-img { height: 400px; padding: 30px 0; background: url("//theme.hstatic.net/200000157819/1000602868/14/breadcrumb_bg2.png?v=605"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper2.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #381004; } #breadcrumb-wrapper3.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("//theme.hstatic.net/200000157819/1000602868/14/breadcrumb_bg3.png?v=605"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper3.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #381004; } #breadcrumb-wrapper4.breadcrumb-w-img { height: 300px; padding: 30px 0; background: url("//theme.hstatic.net/200000157819/1000602868/14/breadcrumb_bg4.png?v=605"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper4.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #381004; } #breadcrumb-wrapper5.breadcrumb-w-img { height: 350px; padding: 30px 0; background: url("../images/breadcrumb_bg5.png"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 1; width: 100%; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-big h2 { font-size: 24px; color: #fff; padding: 0px; margin: 0px 0px 5px 0px; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a, #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small span { color: #fff; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a { display: inline-block; position: relative; } #breadcrumb-wrapper5.breadcrumb-w-img .breadcrumb-content .breadcrumb-small a:hover { color: #381004; } /* ------- COLLECTION ------------ */ @media (max-width: 768px) and (min-width: 481px) { #collection-wrapper .collection-filter-price { border-top: none !important; } } #collection-wrapper { margin-bottom: 10px; } #collection-wrapper .collection-banners a { display: block; } #collection-wrapper .collection-banners a img { width: 100%; } #collection-wrapper .collection-banners #owl-collection-banners .owl-dots .owl-dot:hover span, #collection-wrapper .collection-banners #owl-collection-banners .owl-dots .owl-dot.active span { background: #381004; } #collection-wrapper .product-item { margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper #SortBy { border-radius: 30px; } #collection-wrapper .collection-content-wrapper .collection-head { padding: 10px; margin-bottom: 30px; border: 2px solid #ebebeb; border-radius: 4px; } #collection-wrapper .collection-content-wrapper .collection-head .collection-title h1 { margin: 0px; padding: 0px; height: 40px; line-height: 40px; color: #00972a; } #collection-wrapper .collection-content-wrapper .collection-desc { padding: 10px 0px 0px 0px; } #collection-wrapper .collection-content-wrapper .collection-empty { padding: 10px; } #collection-wrapper .collection-sidebar-wrapper { padding: 10px 10px; border: 2px solid #ebebeb; border-radius: 4px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style { margin-bottom: 30px; border-top: 1px solid #ebebeb; } #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion { color: #00972a; cursor: pointer; padding: 10px; width: 100%; border: none; text-align: left; outline: none; position: relative; display: block; } #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion:after { content: '\002B'; font-family: FontAwesome; color: #381004; position: absolute; top: calc(50% - 9px); right: 10px; line-height: normal; font-weight: bold; } #collection-wrapper .collection-sidebar-wrapper .collection-categories button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price a.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion.active:after { content: "\2212"; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel { padding: 0 10px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul { margin: 0px; padding: 10px 0px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li { margin-bottom: 5px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li:last-child, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li:last-child { margin: 0px !important; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > a { display: inline-block; position: relative; color: #ffffff; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > a:hover { color: #381004; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > ul { margin: 0px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > ul > li { margin: 5px 0px; padding-left: 15px; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > ul > li > a { display: inline-block; position: relative; color: #ffffff; } #collection-wrapper .collection-sidebar-wrapper .collection-categories div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel > ul > li > ul > li > a:hover, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel > ul > li > ul > li > a:hover { color: #381004; } #collection-wrapper .collection-sidebar-wrapper .collection-categories { border-top: none; } /* ------- FIXED SOCIAL NETWORK ------------ */ #fixed-social-network { position: fixed; top: 25%; right: -125px; z-index: 99999; } #fixed-social-network > a { border-radius: 3px; height: 40px; line-height: 40px; padding: 0px 20px 0px 15px; display: block; width: 170px; transform: translateX(0px); margin-bottom: 5px; } #fixed-social-network > a > svg { margin-right: 20px; } #fixed-social-network > a:hover { transform: translateX(-120px); } #fixed-social-network > a.fb-icon { background: #3B5998; color: #fff; } #fixed-social-network > a.ins-icon { background: #C32AA3; color: #fff; } #fixed-social-network > a.yt-icon { background: #FF0000; color: #fff; } #fixed-social-network > a.tw-icon { background: #00B6F1; color: #fff; } #fixed-social-network > a.gg-icon { background: #DF4A32; color: #fff; } #fixed-social-network > a.linkedin-icon { background: #0077b5; color: #fff; } /* ------- Back to top ------------ */ @media (max-width: 768px) { #back-to-top { right: 10px !important; max-width: 100px !important; } } #back-to-top { /* height: 50px; width: 50px; border-radius: 50%; background: $colorPrimary; color: #fff; */ position: fixed; right: 50px; line-height: 50px; bottom: -150px; overflow: hidden; z-index: 999; text-align: center; } #back-to-top span { display: inline-block; width: 115px; position: relative; } #back-to-top span img { max-width: 100%; } #back-to-top span img.hover { position: absolute; opacity: 0; top: 5px; left: 21px; } #back-to-top:hover .hover { opacity: 1; } #back-to-top.car-run { animation: car-run 1s; } @keyframes car-run { 0% { bottom: 5%; } 100% { bottom: calc(100% - 80px); } } /* ------- MOBILE BOTTOM NAVIGATION ------------ */ #mobile-bottom-navigation { position: fixed; bottom: 0; width: 100%; z-index: 99999; border-top: 1px solid #ebebeb; } #mobile-bottom-navigation .mobile-nav-item { display: block; height: 67px; padding: 0; text-align: center; background: #22232b; 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: #ffffff; } #mobile-bottom-navigation .mobile-nav-item > a svg { font-size: 24px; color: #ffffff; display: inline-block; } #mobile-bottom-navigation .mobile-nav-item > a span.number { position: absolute; display: inline-block; top: -5px; right: 15px; height: 20px; line-height: 20px; width: 20px; border-radius: 50%; text-align: center; font-size: 14px; color: #ffffff; background: #381004; } #modalAddComplete { display: none; position: fixed; z-index: 9999999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.6); /* Add Animation */ } #modalAddComplete .modalAddComplete-content { border-radius: 5px; position: relative; background-color: #ffffff; margin: auto; padding: 0; border: 1px solid #ebebeb; width: 85%; max-width: 850px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } #modalAddComplete .modalAddComplete-content #modalAddComplete-close { width: 30px; height: 30px; line-height: 30px; display: inline-block; text-align: center; padding: 0px; margin: 0px; font-size: 18px; position: absolute; top: 5px; right: 5px; z-index: 99; cursor: pointer; } #modalAddComplete .modalAddComplete-content #modalAddComplete-close:hover { color: #381004; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } #modalAddComplete .modal-cart-status { border-bottom: 1px solid #ebebeb; } #modalAddComplete .modal-cart-status h2 { color: #f2c431; margin: 0px; padding: 15px; display: block; } #modalAddComplete .modal-tbl-cart { max-height: 250px; overflow-y: scroll; } #modalAddComplete .modal-tbl-cart table, #modalAddComplete .modal-tbl-cart th { border-bottom: 1px solid #ebebeb; border-collapse: collapse; } #modalAddComplete .modal-tbl-cart td { border-bottom: 1px dashed #ebebeb; border-collapse: collapse; } #modalAddComplete .modal-tbl-cart table th { padding: 5px !important; color: #ffffff; min-width: 100px; } #modalAddComplete .modal-tbl-cart table td { padding: 5px !important; } #modalAddComplete .modal-tbl-cart table td.product-img { text-align: center; } #modalAddComplete .modal-tbl-cart table td.product-img a { border-radius: 4px; overflow: hidden; display: inline-block; } #modalAddComplete .modal-tbl-cart table td.product-img a img { max-width: 100px; vertical-align: middle; } #modalAddComplete .modal-tbl-cart table td.product-title > a { color: #ffffff; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #modalAddComplete .modal-tbl-cart table td.product-title > a:hover { color: #381004; } #modalAddComplete .modal-tbl-cart table td.product-title small, #modalAddComplete .modal-tbl-cart table td.product-title p { display: block; margin: 0px; } #modalAddComplete .modal-tbl-cart table td.product-sku { color: #ffffff; } #modalAddComplete .modal-tbl-cart table td.product-price { position: relative; } #modalAddComplete .modal-tbl-cart table td.product-price span { display: block; } #modalAddComplete .modal-tbl-cart table td.product-price span.current-price { color: #381004; } #modalAddComplete .modal-tbl-cart table td.product-price span.original-price { color: white; } #modalAddComplete .modal-tbl-cart table td.product-price span.sale-off { display: inline-block !important; text-align: center; padding: 2px 3px; color: #fff !important; background: #381004; font-size: 14px !important; } #modalAddComplete .modal-tbl-cart table td.product-money { color: #381004; } #modalAddComplete .modal-tbl-cart table td.product-remove > a { color: #ffffff; display: block; } #modalAddComplete .modal-tbl-cart table td.product-remove > a:hover { color: #381004; } #modalAddComplete .mobile-modal-tbl-cart ul { margin: 0; padding: 15px; max-height: 350px; overflow-y: scroll; } #modalAddComplete .mobile-modal-tbl-cart ul li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ebebeb; } #modalAddComplete .mobile-modal-tbl-cart ul li:last-child { margin-bottom: 0px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a { display: block; text-align: center; position: relative; overflow: hidden; border-radius: 4px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a img { vertical-align: middle; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-img a .sale-off { position: absolute; top: 2px; right: 2px; display: inline-block !important; text-align: center; height: 30px; line-height: 30px; width: 30px; border-radius: 50%; color: #fff !important; background: #381004; font-size: 11px !important; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info { position: relative; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title { margin-bottom: 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a { color: #f2c431; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title a:hover { color: #381004; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title small, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-title p { display: block; margin: 0px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price { position: relative; margin-bottom: 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span { display: inline-block; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.current-price { color: #381004; margin-right: 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-price span.original-price { color: white; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .decreaseVal, #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .increaseVal { width: 30px; height: 30px; line-height: 30px; background: #d7d7d7; color: #ffffff; text-align: center; padding: 0; margin: 0; border-radius: 5px; outline: 0 !important; border: 1px solid #d7d7d7; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .val { height: 30px; width: 60px; line-height: 30px; text-align: center; color: #ffffff; border-radius: 5px; outline: 0 !important; border: 1px solid #d7d7d7; padding: 0 5px; } #modalAddComplete .mobile-modal-tbl-cart ul li .cart-item-info .cart-item-actions .cart__remove { display: inline-block; margin-left: 15px; color: #381004; } #modalAddComplete .modal-checkout-actions { padding: 15px; } #modalAddComplete .modal-checkout-actions .text-left a { color: #ffffff; } #modalAddComplete .modal-checkout-actions .text-left a:hover { color: #381004; } #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 { color: #f2c431; margin: 0px; padding: 0px; } #modalAddComplete .modal-checkout-actions .modal-cart-sum h3 span { color: #381004; } #modalAddComplete .modal-checkout-actions .modal-cart-actions a, #modalAddComplete .modal-checkout-actions .modal-cart-actions button { color: white; outline: 0px; padding: 0px 15px; height: 38px; line-height: 38px; display: inline-block; margin-top: 15px; background: #efefef; outline: 0px !important; border-radius: 5px; } #modalAddComplete .modal-checkout-actions .modal-cart-actions a.btnRefreshModal, #modalAddComplete .modal-checkout-actions .modal-cart-actions button.btnRefreshModal { margin-right: 5px; } #modalAddComplete .modal-checkout-actions .modal-cart-actions a:hover, #modalAddComplete .modal-checkout-actions .modal-cart-actions button:hover { color: #fff; background: #381004; } @media (max-width: 768px) { #page-wrapper .cart .cart-item { border-bottom: none; } } #page-wrapper { margin-bottom: 10px; } #page-wrapper .page-head { margin-bottom: 30px; } #page-wrapper h1, #page-wrapper h2 { color: #1b9d58; padding: 20px 10px; margin: 0; } #page-wrapper h2 { margin-bottom: 30px; } #page-wrapper .page-contact-wrapper .pcontact-shop-item { margin-bottom: 30px; } #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img { overflow: hidden; margin-bottom: 5px; } #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img { width: 100%; } #page-wrapper .page-contact-wrapper .pcontact-shop-item .pcontact-shop-img img:hover { transform: scale(1.05); } #page-wrapper .page-contact-wrapper .pcontact-shop-item a { color: #ffffff; display: inline-block; } #page-wrapper .page-contact-wrapper .pcontact-shop-item a:hover { color: #381004; } #page-wrapper .page-contact-wrapper iframe { width: 100% !important; margin-bottom: 30px; } #page-wrapper .page-contact-wrapper .contact-wrapper { padding: 10px; background: transparent; margin-bottom: 30px; } #page-wrapper .page-contact-wrapper .contact-desc { margin-bottom: 10px; } #page-wrapper .page-contact-wrapper h4 { color: #ffffff; padding: 0px; margin: 0px 0px 5px 0px; } #page-wrapper .page-contact-wrapper .contact-info, #page-wrapper .page-contact-wrapper .contact-map { margin-bottom: 0px; } #page-wrapper .page-contact-wrapper .contact-info a, #page-wrapper .page-contact-wrapper .contact-map a { color: #ffffff; display: inline-block; position: relative; } #page-wrapper .page-contact-wrapper .contact-info a:hover, #page-wrapper .page-contact-wrapper .contact-map a:hover { color: #381004; } #page-wrapper .page-contact-wrapper .contact-info a:hover:after, #page-wrapper .page-contact-wrapper .contact-map a:hover:after { width: 100%; } #page-wrapper .page-contact-wrapper .btnContactSubmit { background: #381004; color: #fff; } #page-wrapper .cart-product-price { color: #381004; } #page-wrapper .cart-product-price .h3 { margin: 0; } #page-wrapper .cart-product-title > .h4 { color: #f2c431; } #page-wrapper .cart-product-title > .h4:hover { color: #381004; } #page-wrapper .cart-product-title > p { margin: 0px; } #page-wrapper .cart__image { overflow: hidden; border-radius: 4px; } #page-wrapper .cart-table { border: 2px solid #ebebeb; border-collapse: unset; } #page-wrapper .cart__row { border: none; } #page-wrapper .cart__row p { margin-top: 33px; } #page-wrapper .btnCart { color: white; background: #efefef; padding: 10px 20px; border-radius: 4px; } #page-wrapper .btnCart:hover { color: #fff; background: #381004; } #page-wrapper .h3.cart__subtotal { @exten %text-16; color: #381004; } @media (max-width: 768px) { #product-wrapper .product-single .product-content .product-actions input { padding: 10px 20px !important; } #product-wrapper .product-actions { padding-left: 25px !important; } #product-wrapper .sale-percentage { margin-left: 0 !important; } } @media (max-width: 480px) { #product-wrapper .customize-product-slider { margin-bottom: 30px; } #product-wrapper .product-single .product-content .pro-price .sale-percentage { display: block !important; margin-left: 0 !important; } #product-wrapper .product-description-wrapper { padding: 20px 0 !important; } #product-wrapper .product-description-wrapper div.tab button { margin-bottom: 10px !important; padding: 10px !important; width: 100%; margin-right: 0px !important; } #product-wrapper .product-actions { padding-left: 10px !important; } #product-wrapper .product-single .product-content .product-actions input { padding: 10px 15px !important; } } #product-wrapper { padding: 40px 0; } #product-wrapper #product-playYoutube { display: inline-block; padding: 10px 30px; background: #eec130; color: white; border-radius: 30px; } #product-wrapper #product-playYoutube:hover { background: #381004 !important; color: #fff; } #product-wrapper .product-detail-inner { margin-bottom: 10px; } #product-wrapper .product-single .product-content h1 { font-size: 35px; margin: 0px 0px 10px 0; padding: 0px; color: #00972a; } #product-wrapper .product-single .product-content .product-size-hotline { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 10px 0; margin-top: 20px; } #product-wrapper .product-single .product-content .product-size-hotline > span { display: inline-block; margin: 0px 5px; } #product-wrapper .product-single .product-content .product-size-hotline .product-hotline { display: inline-block; } #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a { display: inline-block; position: relative; color: #ffffff; } #product-wrapper .product-single .product-content .product-size-hotline .product-hotline > a:hover { color: #381004; } #product-wrapper .product-single .product-content .pro-price { margin: 20px 0 0; } #product-wrapper .product-single .product-content .pro-price .current-price { display: inline-block; color: #00972a; font-size: 35px; } #product-wrapper .product-single .product-content .pro-price .original-price { display: inline-block; margin-left: 10px; color: white; } #product-wrapper .product-single .product-content .pro-price .sale-percentage { display: inline-block; font-style: italic; margin-left: 10px; } #product-wrapper .product-single .product-content .pro-brand span, #product-wrapper .product-single .product-content .pro-type span { color: #f2c431; } #product-wrapper .product-single .product-content .pro-brand span.title, #product-wrapper .product-single .product-content .pro-type span.title { color: #ffffff; margin-right: 10px; } #product-wrapper .product-single .product-content .pro-brand a, #product-wrapper .product-single .product-content .pro-type a { color: #f2c431; position: relative; display: inline-block; } #product-wrapper .product-single .product-content .pro-brand a:hover, #product-wrapper .product-single .product-content .pro-type a:hover { color: #f2c431; } #product-wrapper .product-single .product-content .pro-sku, #product-wrapper .product-single .product-content .pro-stock { color: #00972a; } #product-wrapper .product-single .product-content .pro-sku span.title, #product-wrapper .product-single .product-content .pro-stock span.title { color: #ffffff; margin-right: 10px; } #product-wrapper .product-single .product-content .pro-short-desc { margin: 30px 0; } #product-wrapper .product-single .product-content .product-variants-wrapper { margin-bottom: 5px; } #product-wrapper .product-single .product-content .product-actions { margin-top: 25px; padding-left: 30px; } #product-wrapper .product-single .product-content .product-actions input { display: inline-block; color: #00972a; background: transparent; border: 1px solid #00972a; padding: 5px 30px; border-radius: 30px; font-family: 'utmavo'; font-size: 16px; } #product-wrapper .product-single .product-content .product-actions input:hover { background: #00972a; color: #381004; border-color: #00972a; } #product-wrapper .product-single .product-content .product-actions input.btnOutOfStock { width: 100%; } #product-wrapper .product-single .product-content .social-network-actions { display: inline-block; } #product-wrapper .product-description-wrapper { padding: 50px 0; } #product-wrapper .product-description-wrapper div.tab { display: block; position: relative; } #product-wrapper .product-description-wrapper div.tab button { color: #f2c431; text-align: center; border-radius: 4px; float: left; outline: none; cursor: pointer; padding: 10px 20px; border: 2px solid #ebebeb; margin-right: 15px; } #product-wrapper .product-description-wrapper div.tab button.active, #product-wrapper .product-description-wrapper div.tab button:hover { color: #fff; background: #381004; border: 2px solid #381004; } #product-wrapper .product-description-wrapper div.tab button:last-child { margin-right: 0; } #product-wrapper .product-description-wrapper .pro-tabcontent { display: none; padding: 30px 0; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; } @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } .customize-product-slider { text-align: center; } #ProductPhoto .product-image-feature { border-radius: 15px; } .product-single__thumbnails { margin-top: 10px; padding: 0 10px; } .product-single__thumbnails .thumbnail-item { position: relative; } .product-single__thumbnails .thumbnail-item a { display: inline-block; position: relative; overflow: hidden; border-radius: 12px; } .product-single__thumbnails .thumbnail-item a img { position: relative; z-index: 1; } .product-single__thumbnails .thumbnail-item a::before { content: ''; position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; width: 100%; background-color: rgba(255, 255, 255, 0.2); } .product-single__thumbnails .thumbnail-item a.active::before, .product-single__thumbnails .thumbnail-item a:hover::before { background-color: transparent; } #hgModalYoutube { display: none; position: fixed; z-index: 9999999; padding-top: 5%; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; background-color: rgba(0, 0, 0, 0.6); /* Add Animation */ } #hgModalYoutube .hgmy-modal-content { position: relative; background-color: #fff; margin: auto; padding: 0; border: 1px solid #ebebeb; width: 80%; max-width: 700px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } #hgModalYoutube .hgmy-modal-content .hgmy-close { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; display: inline-block; text-align: center; padding: 0px; margin: 0px; background: #381004; color: #fff; font-size: 18px; position: absolute; top: -15px; right: -15px; z-index: 99; cursor: pointer; } @-webkit-keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } @keyframes animatetop { from { top: -300px; opacity: 0; } to { top: 0; opacity: 1; } } /* ------- RELATED PRODUCTS ------------ */ #related-products { padding: 20px 0; } /* ------- SEEN PRODUCTS ------------ */ #seen-products { padding: 20px 0 50px; } /* ------- BLOG - ARTICLE ------------ */ @media (max-width: 480px) { #blog-wrapper .related-articles .related-articles-body ul > li > a { display: inline !important; } } @media (min-width: 769px) { #blog-wrapper .article-item .article-title { min-height: 73px !important; } } #blog-wrapper .blog-content [id*='owl-blog-single-slider'].owl-theme .owl-nav { position: absolute; top: -85px; right: 10px; } #blog-wrapper .blog-content [id*='owl-blog-single-slider'].owl-theme .owl-nav [class*='owl-'] { background: #efefef; color: white; width: 30px; height: 30px; border-radius: 50%; } #blog-wrapper .blog-content [id*='owl-blog-single-slider'].owl-theme .owl-nav [class*='owl-']:hover { background: #381004; color: #fff; } #blog-wrapper .blog-content .section-title { padding: 20px 10px; border-radius: 4px; margin-bottom: 30px; border: 2px solid #ebebeb; } #blog-wrapper .blog-content .section-title .title { display: inline-block; } #blog-wrapper .blog-content .section-title .title h2 { display: inline-block; margin: 0; color: #f2c431; } #blog-wrapper .blog-content .section-title .viewmore { float: right; display: inline-block; } #blog-wrapper .blog-content .section-title .viewmore a { display: inline-block; padding: 0 0 0 15px; color: #ffffff; } #blog-wrapper .blog-content .section-title .viewmore a:hover { color: #381004; } #blog-wrapper .blog-content .banner-horizontal { margin-bottom: 30px; } #blog-wrapper .blog-content .banner-horizontal a { display: block; overflow: hidden; border-radius: 5px; } #blog-wrapper .blog-content .banner-horizontal a img { width: 100%; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1.05); } #blog-wrapper .blog-content .banner-horizontal a img:hover { transform: scale(1); } #blog-wrapper .blog-content .blog-single-item { margin-bottom: 30px; } #blog-wrapper .blog-content .blog-content-wrapper .blog-head { margin-bottom: 30px; padding: 20px; } #blog-wrapper .blog-content .blog-content-wrapper .blog-head h1 { color: #0b8a23; margin: 0; } #blog-wrapper .blog-content .blog-content-wrapper .blog-body .grid-uniform .article-item { margin-bottom: 30px; } #blog-wrapper .blog-sb-wrapper { padding: 10px 10px; margin-bottom: 30px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar { margin-bottom: 30px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar h3 { margin: 0; padding: 10px 0; color: #0b8a23; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types { margin: 0px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li { margin-bottom: 5px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li:last-child { margin-bottom: 0px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li a { color: #ffffff; display: block; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li a:hover { color: #381004; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li a span { float: right; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .blog-types li.active a { color: #381004; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs { margin-bottom: 0px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li { margin-bottom: 10px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li:last-child { margin-bottom: 0px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li:hover img { transform: scale(1.1); } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-img a { display: block; overflow: hidden; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-img a img { width: 100%; transform: scale(1); } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-img a img:hover { transform: scale(1.05); } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-title { margin-bottom: 10px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-title a { font-weight: bold; color: #ffffff; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-title a:hover { color: #381004; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .recent-blogs li .bs-recent-article-date { color: #ffffff; } #blog-wrapper .blog-sb-wrapper .blog-sidebar.bs-all-tags ul.no-bullets li { display: inline-block; margin-right: 10px; margin-bottom: 10px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar.bs-all-tags ul.no-bullets li a { color: #ffffff; border: 1px solid #ebebeb; padding: 5px; display: block; } #blog-wrapper .blog-sb-wrapper .blog-sidebar.bs-all-tags ul.no-bullets li a:hover { color: #381004; border: 1px dashed #381004; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .bs-banner { display: block; overflow: hidden; border-radius: 5px; } #blog-wrapper .blog-sb-wrapper .blog-sidebar .bs-banner img { width: 100%; transform: scale(1.05); } #blog-wrapper .blog-sb-wrapper .blog-sidebar .bs-banner img:hover { transform: scale(1); } #blog-wrapper .article-content .article-head { margin-bottom: 30px; } #blog-wrapper .article-content .article-head h1 { /* margin-top: 20px; */ padding: 0px; margin: 0px 0px 5px 0px; color: #0b8a23; margin-top: 20px; } #blog-wrapper .article-content .article-head .article-date-comment > div { display: inline-block; margin-right: 15px; } #blog-wrapper .article-content .article-tldr { padding: 15px 15px 0px 15px; margin-bottom: 30px; background: #f9f9f9; border-radius: 5px; } #blog-wrapper .article-content .article-tags a { display: inline-block; padding: 5px; margin: 3px 3px 3px 0px; border: 1px dashed #ffffff; color: #ffffff; } #blog-wrapper .article-content .article-tags a:hover { border-color: #381004; color: #381004; } #blog-wrapper .social-network-actions-outside { padding: 15px 0px 15px 15px; } #blog-wrapper #section-fbcomment { margin-bottom: 30px; } #blog-wrapper .related-articles { margin-bottom: 30px; } #blog-wrapper .related-articles .related-articles-head { margin-bottom: 30px; padding: 20px; border: 2px solid #ebebeb; border-radius: 4px; } #blog-wrapper .related-articles .related-articles-head h3 { padding: 0px; margin: 0px 0px 5px 0px; color: #f2c431; margin: 0; } #blog-wrapper .related-articles .related-articles-body ul { margin: 0px; } #blog-wrapper .related-articles .related-articles-body ul > li { display: block; } #blog-wrapper .related-articles .related-articles-body ul > li > a { position: relative; display: inline-block; padding-left: 15px; color: #ffffff; } #blog-wrapper .related-articles .related-articles-body ul > li > a:hover { color: #381004; } /* ------- ARTICLE ITEM ------------ */ @media (max-width: 768px) { .article-item .article-title { min-height: 73px !important; } .article-item .article-info { border-bottom: none !important; } .article-item .article-btn { padding: 5px 10px !important; margin-top: 0px !important; } .article-item .article-author, .article-item .article-comment { font-size: 12px !important; margin-right: 5px !important; } } @media (max-width: 480px) { .article-item .article-title a { font-size: 12px !important; } } .article-item .article-img > a { position: relative; display: block; overflow: hidden; border-radius: 5px; } .article-item .article-img > a img { width: 100%; transform: scale(1); } .article-item .article-img > a:hover img { transform: scale(1.05); } .article-item .article-info-wrapper { padding: 20px 15px 0; min-height: 45px; } .article-item .article-info-wrapper .article-title { min-height: 50px; /* max-height: 50px; */ /* height: 130px; */ } .article-item .article-info-wrapper .article-title > a { display: inline-block; color: #0b8a23; } .article-item .article-info-wrapper .article-title > a:hover { color: #f2c431; } .article-item .article-info-wrapper .article-desc { text-align: justify; padding: 15px 0; min-height: 80px; } .article-item .article-info-wrapper .article-info { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; } .article-item .article-info-wrapper .article-info div { /* padding-bottom: 10px; */ position: relative; } .article-item .article-info-wrapper .article-info .article-date { color: #0b8a23; } .article-item .article-info-wrapper .article-info .article-date .article-day { font-size: 36px; } .article-item .article-info-wrapper .article-author, .article-item .article-info-wrapper .article-comment { display: inline-block; margin-right: 10px; } .article-item .article-info-wrapper .article-author span, .article-item .article-info-wrapper .article-comment span { color: #0b8a23; } .article-item .article-info-wrapper .article-btn { display: inline-block; padding: 10px 50px; background: #381004; color: #f8df91; border-radius: 30px; margin-top: 10px; } .article-item .article-info-wrapper .article-btn:hover { background: #f2c431 !important; color: #fff; } .popup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ } .popup .popup-content { background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; position: relative; } .popup .popup-content .popup-wrapper { background: transparent; padding: 15px; position: absolute; width: 50%; right: 0; bottom: 0; text-align: center; } .popup .popup-content .popup-title { color: #381004; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #ffffff; margin-bottom: 15px; text-align: justify; } .popup .popup-content .popup-list { margin-bottom: 15px; } .popup .popup-content .popup-list ul { margin: 0; } .popup .popup-content .popup-list ul li { position: relative; margin-bottom: 5px; padding-left: 15px; color: #ffffff; } .popup .popup-content .popup-list ul li:last-child { margin: 0 !important; } .popup .popup-content .popup-list ul li:after { content: '\f111'; font-family: FontAwesome; position: absolute; top: calc(50% - 3px); left: 0; font-size: 6px; color: #381004; line-height: normal !important; } .popup .popup-content .form-desc { color: #ffffff; margin-bottom: 15px; } .popup .popup-content form { position: relative; width: 100%; display: inline-block; } .popup .popup-content form .input-group { width: 100%; } .popup .popup-content form input { width: 66%; height: 32px; line-height: 32px; font-size: 12px; padding: 0px 45px 0px 15px; color: #381004; background: #fff; border: 1px solid #381004; border-radius: 100px !important; outline: 0 !important; margin-bottom: 10px; } .popup .popup-content form input.btnContactSubmit { background: #f2c431; width: 35%; padding: 0; color: #000; text-transform: uppercase; font-weight: bold; } .popup .popup-content form input::placeholder { font-style: italic; } .popup .popup-content form button { position: absolute; top: 3px; right: 3px; height: 34px; width: 34px; border-radius: 50%; display: inline-block; background: #381004; color: #fff; } .popup .popup-content form button:hover { background: #080201; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #381004; 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: #381004; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } .popup .close-popup:focus, .popup .close-popup:hover { color: #fff; text-decoration: none; cursor: pointer; } #popup-btn { display: none; } .search-form-wrapper1 { position: relative; } .search-form-wrapper1 form { position: relative; } .search-form-wrapper1 select { position: absolute; left: 0; top: 0; height: 40px; line-height: 40px; width: 120px; z-index: 9; padding: 0px 10px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: none; border-radius: 0px; border-right: 2px solid #ebebeb; } .search-form-wrapper1 input { width: 100%; background: #fff; border: 0px; border-radius: 0px; padding: 9px 9px 9px 129px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border: 2px solid #ebebeb; } .search-form-wrapper1 button { width: 44px; height: 44px; line-height: 44px; background: #efefef; border: 2px solid #efefef; padding: 0px; margin: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .search-form-wrapper1 button:hover { color: #fff; background: #381004; border: 2px solid #381004; } #productQuickView .modal-content { background: #ffffff; } #productQuickView #form-quick-view .image-zoom { overflow: hidden; border-radius: 12px; } #productQuickView #form-quick-view h4.p-title { font-size: 18px; color: #f2c431; } #productQuickView #form-quick-view .p-price { color: #381004; margin-right: 10px; } #productQuickView #p-sliderproduct { margin-top: 10px; } #productQuickView #p-sliderproduct .item { overflow: hidden; border-radius: 4px; } /*--------------Home-featured-products---------------*/ #home-featured-products { padding: 50px 0; background-position: center center; background-size: cover; background-attachment: fixed; /* background: #170000; */ } #home-featured-products .aboutus-head { margin-bottom: 30px; } #home-featured-products .aboutus-head h3 .special { font-family: 'utmbeautifulcaps'; color: #fff; font-size: 30px; text-transform: none; font-weight: normal; margin-top: -25px; } #home-featured-products .aboutus-head h3 span { /* font-family: 'josefinsansregular'; */ font-weight: bold; color: #fff; text-transform: uppercase; font-size: 35px; display: block; font-family: 'Montserrat-SemiBold'; padding-bottom: 23px; } #home-featured-products .title_countdown { font-family: 'myriadproregular'; font-size: 14px; color: #818182; text-transform: uppercase; margin-bottom: 10px; } #home-featured-products .home-collection-countdown { padding: 0px 0 20px; text-align: left; } #home-featured-products .home-collection-countdown .timeleft { text-transform: none; } #home-featured-products .home-collection-countdown .countdown-days, #home-featured-products .home-collection-countdown .countdown-hrs, #home-featured-products .home-collection-countdown .countdown-mins, #home-featured-products .home-collection-countdown .countdown-secs { display: inline-block; text-align: center; margin: 0 5px; font-family: 'myriadproregular'; font-size: 15px; color: #fff; } #home-featured-products .home-collection-countdown .countdown-days #days, #home-featured-products .home-collection-countdown .countdown-days #hrs, #home-featured-products .home-collection-countdown .countdown-days #mins, #home-featured-products .home-collection-countdown .countdown-days #secs, #home-featured-products .home-collection-countdown .countdown-hrs #days, #home-featured-products .home-collection-countdown .countdown-hrs #hrs, #home-featured-products .home-collection-countdown .countdown-hrs #mins, #home-featured-products .home-collection-countdown .countdown-hrs #secs, #home-featured-products .home-collection-countdown .countdown-mins #days, #home-featured-products .home-collection-countdown .countdown-mins #hrs, #home-featured-products .home-collection-countdown .countdown-mins #mins, #home-featured-products .home-collection-countdown .countdown-mins #secs, #home-featured-products .home-collection-countdown .countdown-secs #days, #home-featured-products .home-collection-countdown .countdown-secs #hrs, #home-featured-products .home-collection-countdown .countdown-secs #mins, #home-featured-products .home-collection-countdown .countdown-secs #secs { color: #fff; background: #381004; margin-bottom: 10px; font-family: 'myriadproregular'; font-size: 25px; width: 45px; height: 45px; line-height: 45px; padding: 0; } #home-featured-products .product-img { text-align: center; } #home-featured-products .product-img img { width: auto; margin: 0 auto; } #home-featured-products .product-info .product-title a { font-size: 36px; color: #fff; margin-bottom: 10px; display: block; /* font-family: 'myriadproboldcond'; */ font-family: 'Montserrat-SemiBold'; text-transform: unset !important; margin-bottom: 30px; } #home-featured-products .product-info .name_eng { font-size: 20px; color: #fff; margin-bottom: 15px; display: block; font-family: 'myriadproboldcond'; } #home-featured-products .product-info .product-price-review { margin-bottom: 15px; } #home-featured-products .product-info .product-price-review > div { display: inline-block; } #home-featured-products .product-info .product-price-review > div.product-rating .haravan-product-reviews-badge { display: flex; margin-left: 20px; } #home-featured-products .product-info .product-price-review > div.product-rating .haravan-product-reviews-badge .hrv-product-reviews-star { margin-right: 10px; } #home-featured-products .product-info .product-price-review > div.product-rating .haravan-product-reviews-badge .hrv-product-reviews-star i { color: #e7c217 !important; } #home-featured-products .product-info .product-price-review > div.product-price .current-price { font-size: 36px; color: #fff; /* font-family: 'myriadproregular'; */ font-family: 'Montserrat-SemiBold'; } #home-featured-products .product-info .product-price-review > div.product-price .original-price { font-size: 25px; color: #818182; margin-left: 10px; font-family: 'myriadproregular'; font-family: 'Montserrat-SemiBold'; } #home-featured-products .product-info .product-desc { color: white; /* font-family: 'myriadproregular'; */ font-size: 14px; font-family: 'Montserrat-Regular'; text-align: justify; } #home-featured-products .product-info .product-desc ul { margin-left: 15px; } #home-featured-products .product-info .product-action a { margin: 20px 10px 0px 0px; } #home-featured-products .product-info .product-action a:last-child { margin-right: 0px; background: transparent; color: #017f30; border: 1px solid #017f30; } #home-featured-products .product-info .product-action a:last-child:hover { background: #fece00; color: #fff; } #home-featured-products .product-info .product-action a:hover { background: #fece00; color: #fff; } #home-featured-products .section-title h2 { text-align: center; font-size: 60px; text-transform: capitalize; color: #000000; margin-bottom: 70px; } #home-featured-products .btnHome { display: inline-block; border-radius: 20px; outline: none; width: 150px; border: 3px solid #017f30; line-height: 35px; color: #efefef; background: #017f30; text-align: center; text-transform: unset !important; } #home-featured-products .btnHome:hover { background: transparent; color: #381004; } #home-statistics { background-image: url("../images/home_statistics_bg.png"); padding: 100px 0; text-align: center; background-position: center center; background-size: cover; background-attachment: fixed; position: relative; } #home-statistics:after { content: ""; background: rgba(56, 16, 4, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; } #home-statistics .wrapper { position: relative; z-index: 2; } #home-statistics .numStaff { /* font-family: 'josefinsansregular'; */ /* font-weight: bold; */ font-size: 35px; color: #1b9e59; margin-bottom: 35px; font-family: 'Montserrat-SemiBold'; } #home-statistics .numStaff .special-white { color: #fff; } #home-statistics .descStaff { font-size: 16px; font-family: 'utmavo'; color: #fff; /* font-family: 'Montserrat-Light'; */ } #home-chungnhan { padding: 50px 0 50px; background-position: center center; background-size: cover; background-attachment: fixed; } #home-chungnhan .section-title { /* font-family: 'josefinsansregular'; */ font-weight: bold; font-size: 35px; text-transform: uppercase; color: #fff; margin-bottom: 30px; font-family: 'Montserrat-SemiBold'; margin-bottom: 30px; } #home-chungnhan .article-item { margin-bottom: 50px; } #home-chungnhan .article-item .article-info-wrapper { padding-top: 0; font-family: 'utmavo'; } #home-chungnhan .article-item .article-info-wrapper .article-info { border-bottom: none; padding-bottom: 0px; } #home-chungnhan .article-item .article-info-wrapper .article-info .article-title a { color: #fff; font-weight: bold !important; font-family: 'utmavo' !important; /* font-family: 'Montserrat-Bold'; */ font-size: 14px; position: relative; padding-bottom: 10px; } #home-chungnhan .article-item .article-info-wrapper .article-info .article-title a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 103px; height: 3px; display: none; background: #ffff; } #home-chungnhan .article-item .article-info-wrapper .article-desc { ext-align: justify; padding: 0px 0; min-height: 0px; font-size: 12px; line-height: 16px; color: #a5a5a5; } /*--------------Home-gallery-------------------------*/ #home-gallery { padding: 50px 0px; position: relative; background-position: center center; background-size: cover; background-attachment: fixed; /*.slick-slider button{ &.slick-arrow{ width:auto; height:auto; @extend %smooth-trans; } &.slick-prev { left: -55px; } &.slick-next{ right:-55px; } &:hover{ &:before{ color: $colorPrimary; border:1px solid transparent; background: #fff; box-shadow:0px 1px 4px rgba(0,0,0,.1); } } }*/ /* background: #017f30; */ } #home-gallery .slick-prev.slick-arrow:before { content: "\f053"; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: transparent; color: #fff; font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: bold; line-height: 30px; } #home-gallery .slick-prev.slick-arrow { position: absolute; top: calc(50% - 15px); left: -30px; transform: translateY(-50%); font-size: 0; z-index: 9; } #home-gallery button.slick-next.slick-arrow:before { content: "\f054"; position: absolute; top: 0; left: 0; width: 30px; height: 30px; background: transparent; color: #fff; font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: bold; line-height: 30px; } #home-gallery .slick-next.slick-arrow { position: absolute; top: calc(50% - 15px); right: 0px; transform: translateY(-50%); font-size: 0; z-index: 9; } #home-gallery .slick-dots { margin-left: 15px; } #home-gallery .slick-dots li button:before { width: 12px; height: 12px; background: #381004; border-radius: 50%; border: 0px; color: transparent; margin-top: 30px; } #home-gallery .gallery-item a { position: relative; display: block; overflow: hidden; } #home-gallery .gallery-item a img { width: 100%; width: 100%; height: 180px; /* object-fit: fill; */ } #home-gallery .gallery-item a:hover img { transform: scale(1.05); } #home-gallery .gallery-item a:hover .overlay { opacity: 1; } #home-gallery .gallery-item a .overlay { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.3); opacity: 0; } @media (max-width: 768px) { #home-statistics .numStaff { line-height: 45px; } #home-aboutus2 { padding: 0; } #home-aboutus2 .wrapper { padding: 0; } #home-chungnhan .section-title { font-size: 27px; } } @media (min-width: 768px) { .inner.inner-80 { width: 80%; margin: 0 auto; } }