/*#dbdbdd*/ /*#ffb102*/ /*#444444*/ /*#fff*/ /*#ffb102*/ /*#444444*/ /*#444444*/ /*#ffb102*/ /*#fff*/ /*#444444*/ /*#ffb102*/ /*#ebebeb*/ /*#444444*/ /*#ffb102*/ /*#fff*/ /*#929191*/ /*#ffb102*/ /*#f5f5f5*/ /*#444444*/ /*#fff*/ /*#982395*/ /*#0087cb*/ /*#ed6699*/ /*#24a8ac*/ /*#24a8ac*/ /*#24a8ac*/ /*#24a8ac*/ /*#444444*/ /*#444444*/ /*#ffb102*/ /*#fff*/ /*#026ca0*/ /*#e6f1f6*/ /*#1da1f2*/ /*#e8f5fe*/ /*#16598a*/ /*#e7eef3*/ /*#d73d32*/ /*#fbebea*/ /*#d6372b*/ /*#fbebea*/ /*#676767*/ /*#f5f5f5*/ /*#ffb102*/ /*#fff*/ /*#ffb102*/ /*#ce8e00*/ /*#fff*/ /*#ce8e00*/ /* ----------------------------------- */ header#header .header-top .header-top-account a, header#header .header-top .header-top-contact a, header#header .header-top .header-top-account span, header#header .header-top .header-top-contact span, header#header .header-mobile-menu .header-mobile-cart > a span, #megamenu-mainbanners .mini-navbar ul li a, #home-policy .policy-content, footer .footer-social-subscribe .footer-subscribe-form form input, footer .footer-social-subscribe .footer-subscribe-form form button, footer .footer-navigation .footer-nav > ul li > a, .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel ul li a, .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel ul li a, .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags div.panel .tags-wrapper > a, #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > ul > li > a, #product-wrapper .product-main-content .product-info-wrapper .product-head > div.rating p, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .current-price > .vat, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .address, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .phone-number, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .phone-number a, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .view-map, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .view-map a, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, .article-item .article-info .article-publishDate .publishMonth-Year > span, .article-item .article-info .article-author, .article-item .article-info .article-like-comment-counts > span { font-size: 12px; } header#header .header-main-content .search-form-wrapper form button, header#header .header-main-content .header-cart-wrapper a span, header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 form button, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head > span, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > a i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > a i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li > a, .home-collection .home-collection-head .home-collection-actions > a, .home-collection .home-collection-body .home-collection-countdown > div > div:last-child, .home-collection .home-collection-body .collection-categories-wrapper .category-item > a span, #home-articles .home-articles-head .home-articles-actions > a, footer .footer-contact .footer-contact-address, footer .footer-contact .footer-contact-email a, footer .footer-contact .footer-contact-hotline a, footer .footer-navigation .footer-nav > h3, #copyright p, .blog-sidebar-wrapper .blog-sidebar-content.blog-categories button.accordion, .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles button.accordion, .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags button.accordion, #article-wrapper article .article-overview p, #other-sections-wrapper .page-contact-info > div, #other-sections-wrapper .page-contact-info > div > a, #other-sections-wrapper .page-contact-form form label, #other-sections-wrapper .page-contact-form form input.input-full, #other-sections-wrapper .page-contact-form form textarea, #other-sections-wrapper .page-contact-form form input.btnType1, #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .filter-option select, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .sort-option select, #product-wrapper .product-main-content .product-info-wrapper .product-head > div.brand a, #product-wrapper .product-main-content .product-info-wrapper .product-head > div.pro-type a, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-warranty, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-short-desc, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .qty-addcart > span, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color > span, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock > h3, #product-wrapper .product-description div.tab button, #product-wrapper .related-products-wrapper .related-products-head .related-products-actions > a, #breadcrumb .breadcrumb-wrapper > span, #breadcrumb .breadcrumb-wrapper > a, #productQuickView .modal-content .product-price-wrapper #PriceSaving, .popup .popup-content form input, .search-form-wrapper1 form button, .product-item .product-tags, .product-item .product-price > span.original-price, .article-item .article-desc { font-size: 14px; } #collection-wrapper .collection-content-wrapper .collection-head-wrapper .collection-title > h1, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .current-price, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .original-price, #productQuickView .modal-content .product-price-wrapper del, .popup .popup-content .form-desc, .product-item .product-title > a, .product-item .product-actions > button, .article-item .article-title > a { font-size: 16px; } header#header .header-main-content .header-cart-wrapper a > i, #home-policy .policy-content > i, #home-articles .home-articles-head .home-articles-title > h2, footer .footer-social-subscribe .footer-social-network > a, .title-bl h2, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content > i, #product-wrapper .related-products-wrapper .related-products-head .related-products-title > h2, #ProductThumbs .owl-controls .owl-buttons > div, #seen-products .home-section-head .section-title > h2, .popup .popup-content .popup-title, .popup .popup-content form button, .popup .popup-content .popup-social-network, #myModalMap .modal-header h2 { font-size: 18px; } #other-sections-wrapper h1, #ProductPhoto .owl-controls .owl-buttons > div, #myModalMap #closeMap { font-size: 24px; } .swatch .header, .qty-addcart > span, .btnType1, header#header .header-mobile-menu .header-mobile-cart > a span, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head > span, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > a, #home-policy .policy-content, .home-collection .home-collection-head .home-collection-title > h2, .home-collection .home-collection-head .home-collection-actions > a, .home-collection .home-collection-body .home-collection-countdown > div #days, .home-collection .home-collection-body .home-collection-countdown > div #hrs, .home-collection .home-collection-body .home-collection-countdown > div #mins, .home-collection .home-collection-body .home-collection-countdown > div #secs, #home-articles .home-articles-head .home-articles-title > h2, #home-articles .home-articles-head .home-articles-actions > a, footer .footer-navigation .footer-nav > h3, .blog-sidebar-wrapper .blog-sidebar-content.blog-categories button.accordion, .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles button.accordion, .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags button.accordion, #article-wrapper article .article-overview h1, .title-bl h2, #other-sections-wrapper h1, #other-sections-wrapper .page-contact-form h2, #other-sections-wrapper .page-contact-form form input.btnType1, #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > a, #collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .collection-title > h1, #product-wrapper .product-main-content .product-info-wrapper .product-head > h1, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .current-price > .price, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-warranty, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock > h3, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .shop-name, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content, #product-wrapper .product-description div.tab button, #product-wrapper .related-products-wrapper .related-products-head .related-products-title > h2, #product-wrapper .related-products-wrapper .related-products-head .related-products-actions > a, #seen-products .home-section-head .section-title > h2, #productQuickView .modal-content h4, #productQuickView .modal-content .product-price-wrapper span.p-price, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, .popup .popup-content .popup-title, .popup .popup-content form button, .product-item .product-title > a, .product-item .product-price > span, .product-item .product-actions > button, .article-item .article-title > a, .article-item .article-info .article-publishDate .publishDate span, #myModalMap #closeMap, #myModalMap .modal-header h2 { font-weight: bold !important; } .btnType1, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head > span, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > a, #home-policy .policy-content, .home-collection .home-collection-head .home-collection-title > h2, .home-collection .home-collection-body .home-collection-countdown > div > div:last-child, #home-articles .home-articles-head .home-articles-title > h2, footer .footer-social-subscribe .footer-subscribe-form form button, footer .footer-navigation .footer-nav > h3, #other-sections-wrapper h1, #other-sections-wrapper .page-contact-form h2, #other-sections-wrapper .page-contact-form form input.btnType1, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .collection-title > h1, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock > h3, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content, #product-wrapper .product-description div.tab button, #product-wrapper .related-products-wrapper .related-products-head .related-products-title > h2, #seen-products .home-section-head .section-title > h2, #productQuickView .modal-content h4, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, .popup .popup-content form button, .product-item .product-actions > button, #myModalMap .modal-header h2 { text-transform: uppercase !important; } #ProductThumbs .thumbnail-item > a, #ProductThumbs .owl-controls .owl-buttons > div, #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout, #productQuickView .qv-readmore a, .popup .popup-content form button { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } input, button, textarea, select { outline: 0px; } .mobile-nav a:focus { background: transparent; } body { margin: 0; } body { position: relative; overflow-x: hidden; line-height: normal; } body button, body h1, body h2, body h3 { font-weight: normal; } img { vertical-align: middle; } .mg-bottom-10 { margin-bottom: 10px !important; } .mg-bottom-30 { margin-bottom: 30px !important; } .mg-bottom-50 { margin-bottom: 50px !important; } .mg-left-0 { margin-left: 0 !important; } .mg-left-5 { margin-left: -5px !important; } .mg-left-10 { margin-left: -10px !important; } .mg-left-15 { margin-left: -15px !important; } .pd-left0 { padding-left: 0 !important; } .pd-left5 { padding-left: 5px !important; } .pd-left10 { padding-left: 10px !important; } .pd-left15 { padding-left: 15px !important; } @media (max-width: 768px) { body .md-mg-left-5 { margin-left: -5px !important; } body .md-pd-left5 { padding-left: 5px !important; } body .md-mg-left-10 { margin-left: -10px !important; } body .md-pd-left10 { padding-left: 10px !important; } body .md-mg-left-15 { margin-left: -15px !important; } body .md-pd-left15 { padding-left: 15px !important; } } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .fb_iframe_widget iframe { max-width: 1000px; z-index: 9; } .fb-comments, .fb-comments > span, .fb-comments span iframe { width: 100% !important; } .float-right { float: right; } .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 #dbdbdd; 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: #d0021b; 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 #dbdbdd; 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: #d0021b; outline: 1px solid #fff; } .swatch .header { min-width: auto !important; margin: 0px 15px 0px 0px; float: left; line-height: 35px; } .select-swap { display: inline-block; } .js-qty { margin: 0px; max-width: 150px; } .js-qty input, .js-qty button { outline: 0px; } .qty-addcart > span { margin: 0; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } .swatch-element label span { color: #000 !important; } /* ----------- MISC --------------- */ h1.seo { font-size: 0px !important; margin: 0px !important; padding: 0px !important; } .btnType1 { background: #d0021b !important; color: #ffffff !important; border-color: #d0021b !important; } .btnType1:hover { background: #790210 !important; color: #ffffff !important; border-color: #790210 !important; } .pagination-custom { padding: 15px 0; border-top: 1px solid #dbdbdd; border-bottom: 1px solid #dbdbdd; } .pagination-custom span { display: inline-block; padding: 0; margin: 2px; } .pagination-custom span.current { display: inline-block; height: 32px; width: 32px; background: #d0021b; font-size: 14px; color: #fff; line-height: 32px; border: 1px solid #d0021b; } .pagination-custom span a { display: inline-block; height: 32px; width: 32px; background: #fff; font-size: 14px; color: #000; line-height: 32px; border: 1px solid #dbdbdd; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .pagination-custom span a:hover { background: #d0021b; color: #fff; border: 1px solid #d0021b; } .hover-layout1 { position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: 0; z-index: -1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; } .hover-layout1.black { opacity: 1; z-index: 10; } .width300 { width: 300px !important; } .width-remain { width: calc(100% - 300px) !important; } .cart-overlay { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .cart-overlay.open { opacity: 1; z-index: 9999999; } #CartDrawer, #NavDrawer { z-index: 99999999; } /* ----------------------------------- */ @media (max-width: 480px) { .home-collection-countdown > div #days, .home-collection-countdown > div #hrs, .home-collection-countdown > div #mins, .home-collection-countdown > div #secs { height: 40px !important; width: 40px !important; line-height: 40px !important; font-size: 18px !important; } body { padding-bottom: 67px; padding-top: 67px; } header { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; } } @media (max-width: 768px) { .collection-categories-wrapper { border: 1px solid #dbdbdd !important; } .home-collection .home-collection-body .collection-categories-wrapper .category-item { border: 1px solid #dbdbdd !important; } .product-body .product-actions > button { margin-bottom: 15px; } #product-wrapper .product-description div.tab button { width: 100% !important; } #product-wrapper .product-description div.tab button.active:after { display: none !important; } #breadcrumb { font-size: 12px; } #breadcrumb a, #breadcrumb span { font-size: 12px !important; } #back-to-top { display: none !important; } .main-banners-wrapper > .wrapper { max-width: none !important; margin: 0 !important; padding: 0 !important; } .main-banners-wrapper > .wrapper .main-banners { padding-left: 0 !important; } .main-banners-wrapper > .wrapper .main-banners .slide-img a { height: auto !important; } .main-banners-wrapper > .wrapper .main-banners .slide-img a img { height: auto !important; max-width: 100% !important; width: 100% !important; } .home-collection-slider-wrapper { width: 100% !important; float: none !important; } .home-collection .home-collection-body .home-collection-countdown { border-right: 1px solid #dbdbdd !important; border-bottom: none !important; width: 100% !important; padding: 15px !important; float: none !important; } .home-collection .home-collection-body .home-collection-countdown > div { display: inline-block; margin-bottom: 0 !important; margin-right: 15px !important; } .home-collection .home-collection-body .home-collection-countdown > div:last-child { margin-right: 0 !important; } .home-collection .home-collection-body .collection-categories-wrapper .grid__item:nth-child(2n) .category-item { border-right: 1px solid #dbdbdd !important; } #home-policy .policy-content { margin-bottom: 15px; } #home-policy .grid > .grid__item:nth-child(4) .policy-content { margin-bottom: 0 !important; } .home-collection .home-collection-body .collection-categories-wrapper, .home-collection .home-collection-head .home-collection-title { width: 100% !important; } #owl-home-collection-slider1 .owl-buttons > div, #owl-home-collection-slider2 .owl-buttons > div, #owl-home-collection-slider3 .owl-buttons > div, #owl-home-collection-slider4 .owl-buttons > div, #owl-home-collection-slider5 .owl-buttons > div, #owl-home-collection-slider6 .owl-buttons > div, #owl-home-collection-slider7 .owl-buttons > div { display: inline-block !important; top: calc(50% - 17px) !important; background: #d0021b !important; color: #fff !important; } #owl-home-collection-slider1 .owl-buttons > div.owl-prev, #owl-home-collection-slider2 .owl-buttons > div.owl-prev, #owl-home-collection-slider3 .owl-buttons > div.owl-prev, #owl-home-collection-slider4 .owl-buttons > div.owl-prev, #owl-home-collection-slider5 .owl-buttons > div.owl-prev, #owl-home-collection-slider6 .owl-buttons > div.owl-prev, #owl-home-collection-slider7 .owl-buttons > div.owl-prev { left: 0px !important; } #owl-home-collection-slider1 .owl-buttons > div.owl-next, #owl-home-collection-slider2 .owl-buttons > div.owl-next, #owl-home-collection-slider3 .owl-buttons > div.owl-next, #owl-home-collection-slider4 .owl-buttons > div.owl-next, #owl-home-collection-slider5 .owl-buttons > div.owl-next, #owl-home-collection-slider6 .owl-buttons > div.owl-next, #owl-home-collection-slider7 .owl-buttons > div.owl-next { right: 0px !important; } .footer-confirmation, .footer-social-network { margin-bottom: 15px; } .footer-navigation > .grid > .grid__item > .footer-nav { margin-bottom: 30px; } .footer-navigation > .grid > .grid__item:nth-child(3) > .footer-nav, .footer-navigation > .grid > .grid__item:nth-child(4) > .footer-nav { margin-bottom: 0 !important; } .collection-categories-wrapper .grid__item:nth-child(8) .category-item { border-right: 1px solid #dbdbdd !important; } .home-collection .home-collection-slider-wrapper { border: none !important; } .home-collection.flash-sale .home-collection-slider-wrapper { border: 1px solid #dbdbdd !important; } } @media (max-width: 1051px) { #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button { width: 100%; margin: 0px 0px 15px 0px !important; } } /* --------- Header ----------- */ header#header .header-top { background: #b92428; height: 45px; line-height: 45px; } header#header .header-top .header-top-account a, header#header .header-top .header-top-contact a { color: #ffffff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header#header .header-top .header-top-account a:hover, header#header .header-top .header-top-contact a:hover { color: #ffffff; } header#header .header-top .header-top-account span, header#header .header-top .header-top-contact span { display: inline-block; margin: 0 5px; color: #ffffff; } header#header .header-main-content { padding: 20px 0; background: #ffffff; } header#header .header-main-content .header-logo h1 { font-size: 0px !important; padding: 0px; margin: 0px; } header#header .header-main-content .search-form-wrapper { margin-top: 9px; position: relative; } header#header .header-main-content .search-form-wrapper form { position: relative; } header#header .header-main-content .search-form-wrapper form select { position: absolute; top: 0; left: 0; z-index: 9; height: 43px; width: 150px; overflow: hidden; padding: 0 15px; outline: 0 !important; border: 1px solid #dbdbdd; border-radius: 0; background-color: #fff; /*color: $colorTextHeader;*/ } header#header .header-main-content .search-form-wrapper form input { height: 43px; width: 100%; outline: 0 !important; box-shadow: none; border: 1px solid #dbdbdd; padding-left: 160px; border-left: none !important; border-right: none !important; border-radius: 0; color: #ffffff; } header#header .header-main-content .search-form-wrapper form button { height: 43px; width: 43px; box-shadow: none; outline: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; } header#header .header-main-content .header-cart-wrapper { margin-top: 9px; } header#header .header-main-content .header-cart-wrapper a { display: inline-block; border: 1px solid #dbdbdd; height: 43px; line-height: 43px; padding: 0 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } header#header .header-main-content .header-cart-wrapper a:hover { border: 1px solid #d0021b; } header#header .header-main-content .header-cart-wrapper a:hover i, header#header .header-main-content .header-cart-wrapper a:hover span { color: #d0021b; } header#header .header-main-content .header-cart-wrapper a:hover i.cart-item-count, header#header .header-main-content .header-cart-wrapper a:hover span.cart-item-count { color: #fff; } header#header .header-main-content .header-cart-wrapper a > i { /*color: $colorTextHeader;*/ } header#header .header-main-content .header-cart-wrapper a span { /*color: $colorTextHeader;*/ display: inline-block; margin: 0 15px; } header#header .header-main-content .header-cart-wrapper a span.cart-item-count { display: inline-block; margin: 0; text-align: center; color: #fff; font-size: 10px; height: 20px; width: 20px; line-height: 20px; background: #d0021b; transform: translateY(-3px); } header#header .header-mobile-menu { background: #ebebeb; position: relative; } header#header .header-mobile-menu .header-mobile-logo > a { display: block; height: 67px; /*line-height: 67px;*/ } header#header .header-mobile-menu .header-mobile-logo > a img { vertical-align: middle; } @media (max-width: 767px) { header#header .header-mobile-menu .header-mobile-logo > a img { max-height: 62px; } } header#header .header-mobile-menu .header-mobile-nav > button { display: inline-block; height: 67px; line-height: 67px; font-size: 24px; color: #ffffff; padding: 0px; } header#header .header-mobile-menu .header-mobile-nav > button:hover { color: #d0021b; } header#header .header-mobile-menu .header-mobile-cart { display: inline-block; margin-right: 15px; } header#header .header-mobile-menu .header-mobile-cart > a { position: relative; display: inline-block; height: 67px; line-height: 67px; font-size: 24px; color: #ffffff; cursor: pointer; } header#header .header-mobile-menu .header-mobile-cart > a:hover { color: #d0021b; } header#header .header-mobile-menu .header-mobile-cart > a span { position: absolute; top: 11px; right: -9px; display: inline-block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #d0021b; color: #fff; border-radius: 50%; } header#header .header-mobile-menu .header-mobile-search { display: inline-block; } header#header .header-mobile-menu .header-mobile-search > span { display: inline-block; height: 67px; line-height: 67px; font-size: 24px; color: #ffffff; cursor: pointer; } header#header .header-mobile-menu .header-mobile-search > span:hover { color: #d0021b; } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper { position: absolute; top: 100%; right: 0; width: 100%; display: none; } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 { position: relative; } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 form { position: relative; } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 form select { position: absolute; top: 0; left: 0; z-index: 9; height: 43px; width: 150px; overflow: hidden; padding: 0 15px; outline: 0 !important; border: 1px solid #dbdbdd; border-radius: 0; background-color: #fff; /*color: $colorTextHeader;*/ } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 form input { height: 43px; width: 100%; outline: 0 !important; box-shadow: none; border: 1px solid #dbdbdd; padding-left: 160px; border-left: none !important; border-right: none !important; border-radius: 0; color: #ffffff; } header#header .header-mobile-menu .header-mobile-search .mobile-search-wrapper .search-form-wrapper2 form button { height: 43px; width: 43px; box-shadow: none; outline: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; } .mobile-nav__item .mobile-nav__sublist .mobile-nav__item .mobile-nav__sublist .mobile-nav__item a { padding-left: 45px !important; } /* --------- MEGAMENU & SLIDER ----------- */ #megamenu-mainbanners { border-top: 1px solid #dbdbdd; background: #f5f5f5; } #megamenu-mainbanners.index_mg_bottom { margin-bottom: 25px; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner.scroll-effect { position: fixed; top: 0; z-index: 999999; width: 1200px; background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner.scroll-effect .megamenu-body { display: none; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner.index-scroll-effect { position: fixed; top: 0; z-index: 999999; width: 1200px; background: #fff; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2); } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner.index-scroll-effect .megamenu-body { display: none; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper { position: relative; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head { position: relative; cursor: pointer; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head > span { height: 43px; line-height: 43px; padding: 0 15px; background: #d0021b; color: #fff; display: block; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-head > span > i { margin-right: 5px; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body { position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff; z-index: 99999; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body.hide-me { display: none; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body.show { display: block !important; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul { margin: 0; position: relative; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li { margin: 0; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li:last-child a { border-bottom: 1px solid #f5f5f5 !important; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu:hover > ul { display: block; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > a:hover i { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > a i { position: absolute; top: 12px; right: 15px; color: #444444; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul { margin: 0; position: absolute; top: 0; left: 100%; width: 800px; height: 532px; z-index: 9; background: #ffffff; display: none; padding: 15px; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--banner { margin-top: 15px; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--banner > a { height: auto !important; line-height: normal !important; padding: 0 !important; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--banner > a img { width: 100%; vertical-align: middle; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li { margin: 0; position: relative; padding-left: 0 !important; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > a { display: block; height: 30px; line-height: 30px; padding: 0 15px; color: #444444; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > a:hover, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > a:hover { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > ul, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > ul { margin: 0; width: 100%; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > ul > li, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > ul > li { margin: 0; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > ul > li > a { display: block; height: 30px; line-height: 30px; padding: 0 15px; color: #444444; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > .mega-menu--lv2 > ul > li > a:hover, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.mega-menu > ul > li > ul > li > a:hover { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu { position: relative; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu:hover > ul { display: block; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > a:hover i { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > a i { position: absolute; top: 12px; right: 15px; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul { margin: 0; position: absolute; top: 0; left: 100%; width: 100%; z-index: 9; background: #ffffff; display: none; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li { margin: 0; position: relative; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2:hover > ul, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li:hover > ul { display: block; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a { display: block; height: 38px; line-height: 38px; padding: 0 15px; color: #444444; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a i { position: absolute; top: 12px; right: 15px; color: #444444; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a:hover, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a:hover { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > a:hover i, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > a:hover i { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > ul, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > ul { margin: 0; position: absolute; top: 0; left: 100%; width: 100%; z-index: 9; background: #ffffff; display: none; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > ul > li, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > ul > li { margin: 0; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > ul > li > a, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > ul > li > a { display: block; height: 38px; line-height: 38px; padding: 0 15px; color: #444444; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > .dropdown-menu--lv2 > ul > li > a:hover, #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li.dropdown-menu > ul > li > ul > li > a:hover { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li > a { position: relative; display: block; /*height: 38px;*/ line-height: 37px; padding: 0 15px; color: #444444; border-bottom: 1px solid #fafafa; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li > a:hover { color: #d0021b; } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li > a:hover > img { -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } #megamenu-mainbanners .megamenu-wrapper1 > .wrapper > .inner .megamenu-wrapper .megamenu-body > ul > li > a > img { -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); vertical-align: middle; margin-right: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .mini-navbar ul { margin: 0; padding: 0 30px; } #megamenu-mainbanners .mini-navbar ul li { display: inline-block; float: left; margin: 0; height: 43px; line-height: 43px; } #megamenu-mainbanners .mini-navbar ul li:last-child a { border-right: 0; } #megamenu-mainbanners .mini-navbar ul li a { color: #929191; padding-right: 15px; margin-right: 15px; border-right: 1px solid #dbdbdd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #megamenu-mainbanners .mini-navbar ul li a:hover { color: #d0021b; } #megamenu-mainbanners .main-banners-wrapper .main-banners { padding-left: 330px; } #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .slide-img a { display: block; height: 456px; overflow: hidden; } #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .slide-img a img { width: 100%; vertical-align: middle; } @media (min-width: 992px) { #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .slide-img a img { height: 100%; } } #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .owl-controls { margin: 0; } #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .owl-controls .owl-pagination { position: absolute; width: 100%; bottom: 5px; } #megamenu-mainbanners .main-banners-wrapper .main-banners #owl-home-main-banners-slider .owl-controls .owl-pagination .owl-page > span { background: #d0021b !important; } #megamenu-mainbanners .main-banners-wrapper .main-banners .banner-img a { display: block; } #megamenu-mainbanners .main-banners-wrapper .main-banners .banner-img a img { width: 100%; vertical-align: middle; } /* --------- HOME POLICY ----------- */ #home-policy { margin-bottom: 25px; } #home-policy .policy-content { display: flex; align-items: center; justify-content: center; border: 1px solid #dbdbdd; padding: 15px; cursor: pointer; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-policy .policy-content > i { margin-right: 5px; } #home-policy .policy-content > img { margin-right: 5px; } #home-policy .policy-content:hover { border: 1px solid #d0021b; color: #d0021b; } /* --------- HOME COLLECTIONS ----------- */ .home-collection { margin-bottom: 50px; } .home-collection.collection1 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection1 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection2 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection2 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection3 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection3 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection4 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection4 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection5 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection5 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection6 .home-collection-head { border-top: 2px solid #d0021b; } .home-collection.collection6 .home-collection-head .home-collection-title { background: #d0021b; } .home-collection.collection7 .home-collection-head { border-top: 2px solid #ffffff; } .home-collection.collection7 .home-collection-head .home-collection-title { background: #ffffff; } .home-collection .home-collection-banners .home-collection-banner-img a { display: block; } .home-collection .home-collection-banners .home-collection-banner-img a img { width: 100%; vertical-align: middle; } .home-collection .home-collection-head .home-collection-title { height: 50px; display: inline-block; float: left; width: 200px; position: relative; } .home-collection .home-collection-head .home-collection-title > h2 { display: inline-block; height: auto; line-height: normal; padding: 0px 10px; font-size: 16px; color: #fff; text-align: center; margin: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .home-collection .home-collection-head .home-collection-actions { display: inline-block; float: left; width: calc(100% - 200px); padding: 0 80px 0 15px; } .home-collection .home-collection-head .home-collection-actions > a { display: inline-block; text-decoration: underline; height: 50px; line-height: 50px; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .home-collection .home-collection-head .home-collection-actions > a:hover { color: #d0021b; } .home-collection .home-collection-body .collection-categories-wrapper { display: inline-block; float: left; width: 199px; border-bottom: 1px solid #dbdbdd; } .home-collection .home-collection-body .home-collection-countdown { display: inline-block; float: left; width: 199px; padding: 30px; border-right: none; border-top: 1px solid #dbdbdd; border-left: 1px solid #dbdbdd; border-bottom: 1px solid #dbdbdd; } .home-collection .home-collection-body .home-collection-countdown > div { margin-bottom: 15px; } .home-collection .home-collection-body .home-collection-countdown > div:last-child { margin-bottom: 0 !important; } .home-collection .home-collection-body .home-collection-countdown > div #days, .home-collection .home-collection-body .home-collection-countdown > div #hrs, .home-collection .home-collection-body .home-collection-countdown > div #mins, .home-collection .home-collection-body .home-collection-countdown > div #secs { height: 60px; width: 60px; line-height: 60px; text-align: center; background: #717070; display: inline-block; font-size: 24px; color: #fff; margin-bottom: 5px; } .home-collection .home-collection-body .home-collection-countdown > div > div:last-child { color: #929191; } .home-collection .home-collection-body .home-collection-slider-wrapper { display: inline-block; width: calc(100% - 199px); float: left; border: 1px solid #dbdbdd; } .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider1 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider2 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider3 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider4 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider5 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider6 .owl-controls, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider7 .owl-controls { margin: 0; } .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider1 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider2 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider3 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider4 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider5 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider6 .owl-buttons > div, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider7 .owl-buttons > div { position: absolute; height: 34px; width: 34px; text-align: center; line-height: 34px; top: -43px; display: inline-block; background: transparent; color: #000; padding: 0; margin: 0; font-size: 18px; border: 1px solid #dbdbdd; border-radius: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider1 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider2 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider3 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider4 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider5 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider6 .owl-buttons > div:hover, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider7 .owl-buttons > div:hover { border: 1px solid #d0021b; color: #d0021b; } .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider1 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider2 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider3 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider4 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider5 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider6 .owl-buttons > div.owl-prev, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider7 .owl-buttons > div.owl-prev { right: 38px; } .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider1 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider2 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider3 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider4 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider5 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider6 .owl-buttons > div.owl-next, .home-collection .home-collection-body .home-collection-slider-wrapper #owl-home-collection-slider7 .owl-buttons > div.owl-next { right: 0; } .home-collection .home-collection-body .collection-categories-wrapper .grid__item:nth-child(7) .category-item, .home-collection .home-collection-body .collection-categories-wrapper .grid__item:nth-child(8) .category-item { border-bottom: 0 solid #dbdbdd; } .home-collection .home-collection-body .collection-categories-wrapper .category-item { height: 108.25px; border-bottom: 1px solid #dbdbdd; border-left: 1px solid #dbdbdd; position: relative; overflow: hidden; } .home-collection .home-collection-body .collection-categories-wrapper .category-item > a { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; padding: 5px; display: block; overflow: hidden; text-align: center; } .home-collection .home-collection-body .collection-categories-wrapper .category-item > a:hover img { transform: scale(1.1); } .home-collection .home-collection-body .collection-categories-wrapper .category-item > a:hover span { color: #d0021b; } .home-collection .home-collection-body .collection-categories-wrapper .category-item > a img { vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1); } .home-collection .home-collection-body .collection-categories-wrapper .category-item > a span { margin-top: 3px; display: block; color: #929191; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* --------- HOME ARTICLES ----------- */ #home-articles .home-articles-head { border-top: 2px solid #d0021b; } #home-articles .home-articles-head .home-articles-title { height: 50px; display: inline-block; float: left; width: 300px; } #home-articles .home-articles-head .home-articles-title > h2 { height: 50px; line-height: 50px !important; padding: 0 15px; text-align: left; margin: 0; color: #d0021b; } #home-articles .home-articles-head .home-articles-actions { display: inline-block; float: left; width: calc(100% - 300px); padding: 0 80px 0 15px; } #home-articles .home-articles-head .home-articles-actions > a { display: inline-block; text-decoration: underline; height: 50px; line-height: 50px; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-articles .home-articles-head .home-articles-actions > a:hover { color: #d0021b; } #home-articles .home-articles-body #owl-home-articles-slider .owl-controls { margin: 0; } #home-articles .home-articles-body #owl-home-articles-slider .owl-buttons > div { position: absolute; height: 34px; width: 34px; text-align: center; line-height: 34px; top: -43px; display: inline-block; background: transparent; color: #000; padding: 0; margin: 0; font-size: 18px; border: 1px solid #dbdbdd; border-radius: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-articles .home-articles-body #owl-home-articles-slider .owl-buttons > div:hover { border: 1px solid #d0021b; color: #d0021b; } #home-articles .home-articles-body #owl-home-articles-slider .owl-buttons > div.owl-prev { right: 38px; } #home-articles .home-articles-body #owl-home-articles-slider .owl-buttons > div.owl-next { right: 0; } /* --------- HOME PARTNERS ----------- */ #home-partners #owl-home-partners-slider .owl-controls { margin: 0; } #home-partners #owl-home-partners-slider .owl-buttons > div { position: absolute; height: 40px; line-height: 40px; top: calc(50% - 20px); display: inline-block; background: transparent; color: #000; padding: 0; margin: 0; font-size: 36px; border: 0; border-radius: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #home-partners #owl-home-partners-slider .owl-buttons > div:hover { color: #d0021b; } #home-partners #owl-home-partners-slider .owl-buttons > div.owl-prev { left: 30px; } #home-partners #owl-home-partners-slider .owl-buttons > div.owl-next { right: 0; } #home-partners #owl-home-partners-slider .partner-item { height: 180px; line-height: 180px; } #home-partners #owl-home-partners-slider .partner-item > a { display: block; } #home-partners #owl-home-partners-slider .partner-item > a img { width: 100%; vertical-align: middle; } /* --------- FOOTER ----------- */ footer { padding: 40px 0 25px; border-top: 1px solid #d0021b; background: #ffffff; } footer .footer-contact .footer-contact-logo { margin-bottom: 40px; } footer .footer-contact .footer-contact-logo > a { display: inline-block; } footer .footer-contact .footer-contact-logo > a img { vertical-align: middle; } footer .footer-contact .footer-contact-address { color: #444444; margin-bottom: 15px; } footer .footer-contact .footer-contact-email, footer .footer-contact .footer-contact-hotline { margin-bottom: 15px; } footer .footer-contact .footer-contact-email a, footer .footer-contact .footer-contact-hotline a { color: #444444; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-contact .footer-contact-email a:hover, footer .footer-contact .footer-contact-hotline a:hover { color: #d0021b; } footer .footer-confirmation { margin: 10px 0 0; } footer .footer-confirmation > a { display: inline-block; margin-right: 5px; } footer .footer-confirmation > a:last-child { margin-right: 0 !important; } footer .footer-confirmation > a img { vertical-align: middle; } footer .footer-social-subscribe { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #dbdbdd; } footer .footer-social-subscribe .footer-social-network > a { display: inline-block; height: 35px; width: 35px; line-height: 35px; margin-right: 5px; border-radius: 50%; text-align: center; } footer .footer-social-subscribe .footer-social-network > a:last-child { margin-right: 0; } footer .footer-social-subscribe .footer-social-network > a.socialFacebook { color: #026ca0; background: #e6f1f6; } footer .footer-social-subscribe .footer-social-network > a.socialTwitter { color: #1da1f2; background: #e8f5fe; } footer .footer-social-subscribe .footer-social-network > a.socialInstagram { color: #16598a; background: #e7eef3; } footer .footer-social-subscribe .footer-social-network > a.socialGoogleplus { color: #d73d32; background: #fbebea; } footer .footer-social-subscribe .footer-social-network > a.socialYoutube { color: #d6372b; background: #fbebea; } footer .footer-social-subscribe .footer-subscribe-form form input { height: 35px; line-height: 35px; padding: 0 15px; width: 100%; border: 1px solid #dbdbdd; border-radius: 0; outline: 0 !important; color: #444444; border-right: none !important; } footer .footer-social-subscribe .footer-subscribe-form form button { height: 35px; line-height: 35px; padding: 0 15px; border-radius: 0; outline: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-navigation .footer-nav > h3 { color: #444444; margin: 0 0 30px; } footer .footer-navigation .footer-nav > ul { margin: 0; } footer .footer-navigation .footer-nav > ul li { margin: 0 0 5px; } footer .footer-navigation .footer-nav > ul li:last-child { margin-bottom: 0; } footer .footer-navigation .footer-nav > ul li > a { color: #444444; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } footer .footer-navigation .footer-nav > ul li > a:hover { color: #d0021b; } #copyright { padding: 15px 0; background: #f5f5f5; } #copyright p { color: #676767; margin: 0; } #copyright p a { color: #676767; } /* --------- BLOG/ARTICLE WRAPPER ----------- */ #blog-wrapper { margin-bottom: 30px; } #blog-wrapper .article-item { margin-bottom: 30px; } .blog-sidebar-wrapper .blog-sidebar-content { margin-bottom: 30px; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories button.accordion { background-color: #d0021b; color: #fff; text-align: center; cursor: pointer; padding: 0 15px; height: 46px; line-height: 46px; width: 100%; border: none; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories button.accordion:after { content: '\f067'; color: #fff; float: right; margin-left: 5px; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel { border: 1px solid #dbdbdd; border-top: none; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel ul { margin: 0; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel ul li { margin: 0; display: block; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel ul li a { display: block; height: 38px; line-height: 38px; padding: 0 15px; color: #000; border-bottom: 1px solid #dbdbdd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-categories div.panel ul li a:hover { color: #d0021b; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles button.accordion { background-color: #d0021b; color: #fff; text-align: center; cursor: pointer; padding: 0 15px; height: 46px; line-height: 46px; width: 100%; border: none; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles button.accordion:after { content: '\f067'; color: #fff; float: right; margin-left: 5px; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel { border: 1px solid #dbdbdd; border-top: none; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel ul { margin: 0; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel ul li { margin: 0; display: block; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel ul li a { display: block; padding: 10px 15px; color: #000; border-bottom: 1px solid #dbdbdd; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-recent-articles div.panel ul li a:hover { color: #d0021b; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags button.accordion { background-color: #d0021b; color: #fff; text-align: center; cursor: pointer; padding: 0 15px; height: 46px; line-height: 46px; width: 100%; border: none; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags button.accordion:after { content: '\f067'; color: #fff; float: right; margin-left: 5px; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags div.panel { border: 1px solid #dbdbdd; border-top: none; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags div.panel .tags-wrapper { padding: 15px; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags div.panel .tags-wrapper > a { display: inline-blog; color: #000; margin-right: 5px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-sidebar-wrapper .blog-sidebar-content.blog-all-tags div.panel .tags-wrapper > a:hover { color: #d0021b !important; } #article-wrapper article .article-overview h1 { font-size: 20px; margin: 0px 0px 15px 0px; } #article-wrapper article .article-overview p { color: #a7a7a7; } #article-wrapper article .article-overview p > span { display: inline-block; } #article-wrapper article .article-overview p > span:last-child { margin-left: 5px; } #article-wrapper article .article-overview p > span.icon-comment-fb { margin-right: 5px; margin-left: 5px; } #article-wrapper article .article-like-share { margin-bottom: 15px; } #article-wrapper article #comments { margin-bottom: 30px; } .fb-comments { margin-bottom: 15px; } .title-bl h2 { color: #000; } /* --------- PAGE WRAPPER ----------- */ @media (max-width: 768px) { #other-sections-wrapper .cart .cart-item { margin-bottom: 15px; border-bottom: 1px solid #dbdbdd; } #other-sections-wrapper .cart .cart-item .h4 { font-size: 14px !important; } #other-sections-wrapper .cart .cart-item .price { display: inline-block; } #other-sections-wrapper .cart .cart-item .price .h3 { font-size: 16px !important; color: #d0021b; } #other-sections-wrapper .cart .cart-item .js-qty { margin-top: 10px; margin-bottom: 10px !important; } #other-sections-wrapper .cart .cart-item .cart__remove { display: inline-block; margin-left: 10px; } #other-sections-wrapper .cart .btnCart { font-size: 14px; } } #other-sections-wrapper { margin-bottom: 30px; } #other-sections-wrapper h1 { margin: 0px 0px 15px 0px; padding: 0px; } #other-sections-wrapper .google-map { margin-bottom: 30px; } #other-sections-wrapper .page-contact-info > div { color: #000; margin-bottom: 15px; } #other-sections-wrapper .page-contact-info > div > a { color: #000; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #other-sections-wrapper .page-contact-info > div > a:hover { color: #d0021b !important; } #other-sections-wrapper .page-contact-form h2 { font-size: 24px; color: #000; margin: 0px 0px 15px 0px; } #other-sections-wrapper .page-contact-form form label { color: #000; } #other-sections-wrapper .page-contact-form form input.input-full { color: #000; height: 40px; line-height: 40px; padding: 0px 15px; border: 1px solid #dbdbdd; border-radius: 0px; outline: 0px !important; } #other-sections-wrapper .page-contact-form form textarea { color: #000; border: 1px solid #dbdbdd; border-radius: 0px; outline: 0px !important; } #other-sections-wrapper .page-contact-form form input.btnType1 { color: #000; height: 40px; line-height: 40px; padding: 0px 15px; border: 1px solid #dbdbdd; border-radius: 0px; outline: 0px !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } /* --------- COLLECTION WRAPPER ----------- */ #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories { margin-bottom: 15px; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories button.accordion { background-color: #d0021b; color: #fff; text-align: center; cursor: pointer; padding: 0 15px; height: 46px; line-height: 46px; width: 100%; border: none; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories button.accordion:after { content: '\f067'; color: #fff; float: right; margin-left: 5px; font-family: "FontAwesome"; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel { border: 1px solid #dbdbdd; border-top: none; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul { margin: 0; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li { padding: 5px 0px; margin: 0; display: block; border-bottom: 1px solid #dbdbdd; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > a { display: block; padding: 5px 15px; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > a:hover { color: #d0021b; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > ul { margin: 0px; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > ul > li { margin: 0; display: block; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > ul > li > a { display: block; padding: 5px 15px; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-categories div.panel > ul > li > ul > li > a:hover { color: #d0021b; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner { margin-bottom: 30px; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner > a { display: block; overflow: hidden; } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner > 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); } #collection-wrapper .collection-sidebar-wrapper .collection-sidebar-banner > a img:hover { transform: scale(1.1); } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type { margin-bottom: 15px; } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion { background-color: #d0021b; color: #fff; text-align: center; cursor: pointer; padding: 0 15px; height: 46px; line-height: 46px; width: 100%; border: none; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion:after { content: '\f067'; color: #fff; float: right; margin-left: 5px; font-family: "FontAwesome"; } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style button.accordion.active:after, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type button.accordion.active:after { content: "\f068"; font-family: "FontAwesome"; } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel { border: 1px solid #dbdbdd; border-top: none; background-color: white; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #collection-wrapper .collection-sidebar-wrapper .collection-filter-price div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-vendor div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-material div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-size div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-color div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-style div.panel ul, #collection-wrapper .collection-sidebar-wrapper .collection-filter-type div.panel ul { margin: 0px; padding: 15px; } #collection-wrapper .collection-content-wrapper { margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper .collection-banner { margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper .collection-banner > a { display: block; overflow: hidden; } #collection-wrapper .collection-content-wrapper .collection-banner > 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); } #collection-wrapper .collection-content-wrapper .collection-banner > a img:hover { transform: scale(1.1); } #collection-wrapper .collection-content-wrapper .collection-head-wrapper { border-bottom: 1px solid #dbdbdd; margin-bottom: 30px; } #collection-wrapper .collection-content-wrapper .collection-head-wrapper .collection-title > h1 { color: #000; margin: 0; line-height: 32px !important; } #collection-wrapper .collection-content-wrapper .collection-head-wrapper .filter-option, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .sort-option { margin-bottom: 20px; } #collection-wrapper .collection-content-wrapper .collection-head-wrapper .filter-option select, #collection-wrapper .collection-content-wrapper .collection-head-wrapper .sort-option select { height: 32px; line-height: 32px; padding: 0 15px; color: #000; border: 1px solid #dbdbdd; display: block; border-radius: 0; outline: 0 !important; width: 100%; } #collection-wrapper .product-item { margin-bottom: 30px; } /* --------- PRODUCT WRAPPER ----------- */ #product-wrapper { margin-bottom: 30px; } #product-wrapper .product-main-content .product-img-wrapper { margin-bottom: 30px; } #product-wrapper .product-main-content .product-info-wrapper .product-head { padding-bottom: 5px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdd; } #product-wrapper .product-main-content .product-info-wrapper .product-head > h1 { font-size: 22px; margin: 0px 0px 5px 0px; padding: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div { display: inline-block; margin-right: 20px; float: left; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div.brand a, #product-wrapper .product-main-content .product-info-wrapper .product-head > div.pro-type a { color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div.brand a:hover, #product-wrapper .product-main-content .product-info-wrapper .product-head > div.pro-type a:hover { color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div.rating .hrv-product-reviews-star { float: left; margin-right: 5px; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div.rating .hrv-product-reviews-star > i { font-size: 12px; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div.rating p { display: inline-block; color: #000; margin: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-head > div:last-child { margin-right: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdd; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .current-price { color: #979797; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .current-price > .price { display: inline-block; font-size: 22px; color: #d0021b; margin-right: 5px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-price .original-price { color: #979797; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-warranty { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdd; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-short-desc { color: #000; padding-bottom: 0px; margin-bottom: 0px; border-bottom: 1px solid #dbdbdd; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-short-desc ul { margin: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-short-desc ul li { margin: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity { margin-bottom: 15px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .qty-addcart > span { display: block; color: #000; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .js-qty { margin: 0px; display: inline-block; float: left; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .js-qty input { height: 34px; text-align: center; line-height: 34px; padding: 0px 25px; border-left: none; border-right: none; border-radius: 0px; outline: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .js-qty button { height: 34px; line-height: 34px; border: 1px solid #e1e1e2; border-radius: 0px; outline: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .js-qty button.decreaseVal { border-right: none; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-quantity .js-qty button.increaseVal { border-left: none; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size { margin-bottom: 15px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span { display: inline-block; margin-right: 15px; margin-top: 8px; color: #000; float: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span.size { cursor: pointer; margin-top: 0px !important; margin-right: 5px; height: 34px; line-height: 34px; width: 50px; text-align: center; border: 1px solid #e1e1e2; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span.size:last-child { margin-right: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span.size.active, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-size > span.size:hover { border-color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color { margin-bottom: 15px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color > span { display: inline-block; margin-right: 15px; margin-top: 8px; color: #000; float: left; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper { float: left; margin-right: 5px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span { display: inline-block; line-height: 34px; height: 34px; width: 34px; cursor: pointer; border: 1px solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.color1 { background-color: #000000; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.color2 { background-color: #ed6699; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.color3 { background-color: #a86d31; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.color4 { background-color: #0087cb; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.color5 { background-color: #24a8ac; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span.active, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper > span:hover { border-color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-variant-color .color-wrapper:last-child { margin-right: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions { margin-bottom: 15px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button { display: inline-block; margin-right: 15px; height: 50px; line-height: 50px; padding: 0px 15px; color: #fff; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button.btnAddtocart { background: #ffb102; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button.btnAddtocart:hover { background: #ce8e00; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button.btnBuynow { background: #ff3945; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button.btnBuynow:hover { background: #ff0615; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-actions > button:last-child { margin-right: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock { margin-bottom: 30px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock > h3 { color: #000; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul { margin: 0px; padding: 0px 10px; border: 1px solid #dbdbdd; height: 250px; overflow-y: scroll; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li { margin: 0px; padding: 10px 0px; border-bottom: 1px solid #dbdbdd; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li:last-child { border-bottom: 0px !important; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li > div { margin-bottom: 5px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li > div:last-child { margin-bottom: 0px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .address { color: #000; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .phone-number { color: #000; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .phone-number a { color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .phone-number a:hover { color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .view-map, #product-wrapper .product-main-content .product-info-wrapper .product-body .product-checkInstock .shops-info ul li .view-map a { color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy { margin-bottom: 30px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content { margin-bottom: 15px; border: 1px solid #dbdbdd; height: 36px; line-height: 36px; padding: 0px 15px; cursor: pointer; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content > i { margin-right: 5px; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content:hover { border: 1px solid #d0021b; color: #d0021b; } #product-wrapper .product-main-content .product-info-wrapper .product-body .product-policy > .policy-content:last-child { margin-bottom: 0px; } #product-wrapper .product-description { margin-bottom: 30px; } #product-wrapper .product-description div.tab button { background-color: #ebebeb; float: left; border: 1px solid #dbdbdd; outline: none; cursor: pointer; height: 46px; line-height: 46px; padding: 0px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; color: #000; text-align: center; min-width: 220px; } #product-wrapper .product-description div.tab button.active { background-color: #fff; color: #d0021b; position: relative; } #product-wrapper .product-description div.tab button.active:after { content: ''; position: absolute; top: 100%; left: calc(50% - 5px); width: 0px; height: 0px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #dbdbdd; } #product-wrapper .product-description .tabcontent { display: none; padding: 15px; border: 1px solid #dbdbdd; } #product-wrapper .related-products-wrapper { margin-bottom: 30px; } #product-wrapper .related-products-wrapper .related-products-head { border-top: 1px solid #d0021b; } #product-wrapper .related-products-wrapper .related-products-head .related-products-title { height: 50px; display: inline-block; float: left; width: 220px; background: #d0021b; position: relative; } #product-wrapper .related-products-wrapper .related-products-head .related-products-title > h2 { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px; color: #fff; text-align: center; margin: 0; width: 100%; } #product-wrapper .related-products-wrapper .related-products-head .related-products-actions { display: inline-block; float: left; width: calc(100% - 220px); padding: 0 80px 0 15px; } #product-wrapper .related-products-wrapper .related-products-head .related-products-actions > a { display: inline-block; text-decoration: underline; height: 50px; line-height: 50px; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .related-products-wrapper .related-products-head .related-products-actions > a:hover { color: #d0021b; } #product-wrapper .related-products-wrapper .related-products-body #related-products-slider .owl-controls { margin: 0; } #product-wrapper .related-products-wrapper .related-products-body #related-products-slider .owl-buttons > div { position: absolute; height: 34px; width: 34px; text-align: center; line-height: 34px; top: -43px; display: inline-block; background: transparent; color: #000; padding: 0; margin: 0; font-size: 18px; border: 1px solid #dbdbdd; border-radius: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #product-wrapper .related-products-wrapper .related-products-body #related-products-slider .owl-buttons > div:hover { border: 1px solid #d0021b; color: #d0021b; } #product-wrapper .related-products-wrapper .related-products-body #related-products-slider .owl-buttons > div.owl-prev { right: 38px; } #product-wrapper .related-products-wrapper .related-products-body #related-products-slider .owl-buttons > div.owl-next { right: 0; } #ProductPhoto .owl-controls { margin: 0px; } #ProductPhoto .owl-controls .owl-buttons > div { position: absolute; top: calc(50% - 18px); opacity: 1; background: #d0021b; color: #fff; height: 35px; width: 35px; line-height: 35px; padding: 0; margin: 0; border-radius: 50%; z-index: 99; } #ProductPhoto .owl-controls .owl-buttons > div.owl-prev { left: -15px; } #ProductPhoto .owl-controls .owl-buttons > div.owl-next { right: -15px; } #ProductThumbs .thumbnail-item > a { border: 1px solid #e3e3e5; } #ProductThumbs .thumbnail-item > a.synced { border: 1px solid #d0021b; } #ProductThumbs:hover .owl-controls .owl-buttons > div { opacity: 1; } #ProductThumbs .owl-controls { margin: 0px; } #ProductThumbs .owl-controls .owl-buttons > div { opacity: 0; position: absolute; top: calc(50% - 12px); background: #d0021b; color: #fff; height: 24px; width: 24px; line-height: 24px; padding: 0; margin: 0; border-radius: 50%; z-index: 99; } #ProductThumbs .owl-controls .owl-buttons > div.owl-prev { left: 5px; } #ProductThumbs .owl-controls .owl-buttons > div.owl-next { right: 0px; } #seen-products .owl-controls { margin: 0; } #seen-products .owl-buttons > div { position: absolute; height: 34px; width: 34px; text-align: center; line-height: 34px; top: -43px; display: inline-block; background: transparent; color: #000; padding: 0; margin: 0; font-size: 18px; border: 1px solid #dbdbdd; border-radius: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #seen-products .owl-buttons > div:hover { border: 1px solid #d0021b; color: #d0021b; } #seen-products .owl-buttons > div.owl-prev { right: 38px; } #seen-products .owl-buttons > div.owl-next { right: 0; } #seen-products .home-section-head { border-top: 1px solid #d0021b; } #seen-products .home-section-head .section-title { height: 50px; display: inline-block; float: left; width: 220px; background: #d0021b; position: relative; } #seen-products .home-section-head .section-title > h2 { display: inline-block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0px; color: #fff; text-align: center; margin: 0; width: 100%; } /* --------- MOBILE BOTTOM NAVIGATION ----------- */ #mobile-bottom-navigation { position: fixed; bottom: 0; width: 100%; z-index: 99999; } #mobile-bottom-navigation .mobile-nav-item { display: block; height: 67px; padding: 0; text-align: center; background: #444444; position: relative; } #mobile-bottom-navigation .mobile-nav-item > a { position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 12px; color: #fff; } #mobile-bottom-navigation .mobile-nav-item > a i { font-size: 24px; color: #fff; display: inline-block; margin-bottom: 3px; } #mobile-bottom-navigation .mobile-nav-item > a span { position: absolute; top: -5px; right: 20px; display: inline-block; height: 15px; width: 15px; line-height: 15px; border-radius: 50%; background-color: #d0021b; font-size: 8px; color: #fff; } /* --------- BREADCRUMB ----------- */ @media (max-width: 768px) { #breadcrumb { font-size: 12px; } #breadcrumb a, #breadcrumb span { font-size: 12px !important; } } #breadcrumb { margin-bottom: 30px; } #breadcrumb .breadcrumb-wrapper { padding: 15px; border-bottom: 1px solid #dbdbdd; } #breadcrumb .breadcrumb-wrapper > span, #breadcrumb .breadcrumb-wrapper > a { display: inline-block; margin-right: 5px; color: #bdbcbc; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } #breadcrumb .breadcrumb-wrapper > span:hover, #breadcrumb .breadcrumb-wrapper > a:hover { color: #d0021b; } /* --------- QUICKVIEW ----------- */ #productQuickView .modal-content { position: relative; } #productQuickView .modal-content form .form-input.hidden { margin-bottom: 15px; } #productQuickView .modal-content form .form-input.hidden > label { margin: 0; font-weight: bold; margin-bottom: 5px; display: block; min-width: 200px; position: relative; } #productQuickView .modal-content .close { position: absolute; top: -15px; right: -15px; color: #fff; font-size: 18px; font-weight: bold; display: block; height: 30px; width: 30px; background-color: #d0021b; text-align: center; z-index: 9999; border-radius: 50%; line-height: 30px; } #productQuickView .modal-content .close:focus, #productQuickView .modal-content .close:hover { color: #fff; text-decoration: none; cursor: pointer; } #productQuickView .modal-content h4 { font-size: 18px; color: #000; margin: 0 0 5px; } #productQuickView .modal-content .product-more-info { display: block; color: #000; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdd; } #productQuickView .modal-content .product-price-wrapper { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdd; } #productQuickView .modal-content .product-price-wrapper span { display: inline-block; } #productQuickView .modal-content .product-price-wrapper span.p-price { font-size: 20px; color: #d0021b; margin-right: 15px; } #productQuickView .modal-content .product-price-wrapper del { color: #bebebe; margin-top: 3px; } #productQuickView .modal-content .product-price-wrapper #PriceSaving { margin-top: 5px; } #productQuickView #AddToCardQuickView, #productQuickView .btn-soldout { outline: 0px; background: #d0021b; color: #fff; margin-bottom: 5px; } #productQuickView #AddToCardQuickView:hover, #productQuickView .btn-soldout:hover { background: #b70218; } #productQuickView .qv-readmore a { color: #d0021b; } #productQuickView .qv-readmore a:hover { color: #b70218; } #productQuickView #p-sliderproduct { margin-left: -15px; } #productQuickView #p-sliderproduct .owl-controls { margin: 0px; } #productQuickView #p-sliderproduct .owl-item > li { display: block; padding-left: 15px; } #productQuickView #p-sliderproduct .owl-item > li a { display: block; } #productQuickView #p-sliderproduct .owl-item > li a img { width: 100%; } #productQuickView #p-sliderproduct .owl-pagination { display: none; } #productQuickView .image-zoom > img { margin-bottom: 15px; } .popup { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 999999999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.8); /* Black w/ opacity */ } .popup .popup-content { background: url("//theme.hstatic.net/200000491449/1000845051/14/popup_bg.png?v=261"); background-position: center; background-repeat: no-repeat; background-size: cover; margin: auto; max-width: 750px; width: 90%; top: 50px; position: relative; } .popup .popup-content .popup-wrapper { background: rgba(255, 255, 255, 0.8); padding: 30px 15px; } .popup .popup-content .popup-title { color: #d0021b; margin-bottom: 15px; } .popup .popup-content .popup-desc { color: #000; 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: #000; } .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: #d0021b; line-height: normal !important; } .popup .popup-content .form-desc { color: #000; margin-bottom: 15px; } .popup .popup-content form { position: relative; width: 100%; } .popup .popup-content form .input-group { width: 100%; } .popup .popup-content form input { width: 100%; height: 40px; line-height: 40px; padding: 0px 45px 0px 15px; color: #000; background: #fff; border: 1px solid #d0021b; border-radius: 100px !important; outline: 0 !important; margin-bottom: 15px; } .popup .popup-content form button { position: absolute; top: 3px; right: 3px; height: 34px; width: 34px; border-radius: 50%; display: inline-block; background: #d0021b; color: #fff; } .popup .popup-content form button:hover { background: #9d0214; } .popup .popup-content .popup-social-network { display: inline-block; color: #fff; background: #d0021b; 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: #d0021b; 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 form select { position: absolute; top: 0; left: 0; z-index: 9; height: 43px; width: 150px; overflow: hidden; padding: 0 15px; outline: 0 !important; border: 1px solid #dbdbdd; border-radius: 0; background-color: #fff; /*color: $colorTextHeader;*/ } .search-form-wrapper1 form input { height: 43px; width: 100%; outline: 0 !important; box-shadow: none; border: 1px solid #dbdbdd; padding-left: 160px; border-left: none !important; border-right: none !important; border-radius: 0; color: #ffffff; } .search-form-wrapper1 form button { height: 43px; width: 43px; box-shadow: none; outline: 0 !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 0; } @media (max-width: 768px) { .product-item { border-top: 1px solid #dbdbdd; } .product-item .product-img, .product-item .product-price, .product-item .product-title { margin-bottom: 10px !important; } .product-item .product-price { padding: 0px 10px !important; } .product-item .product-actions { position: relative !important; } .product-item .product-actions > button.btnBuynow { width: calc(100% - 50px) !important; } } .product-item { border: 1px solid #dbdbdd; position: relative; } .product-item:hover .product-img a img { transform: scale(1.1); } .product-item:hover .product-actions { /* > button { background: #717070; color: #fff; } */ } .product-item .product-tags { position: absolute; top: 0; left: 0; background: #d0021b; color: #fff; height: 25px; line-height: 25px; width: 50px; display: inline-block; z-index: 9; } .product-item .product-img { margin-bottom: 20px; } .product-item .product-img a { display: block; overflow: hidden; } .product-item .product-img a img { vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; transform: scale(1); width: 100%; } .product-item .product-title { margin-bottom: 10px; padding: 0 10px; } .product-item .product-title > a { line-height: 24px; display: block; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; height: 48px; overflow: hidden; } .product-item .product-title > a:hover { color: #d0021b; } .product-item .product-vendor { margin-bottom: 10px; } .product-item .product-price { padding: 0 10px 20px 10px; } .product-item .product-price > span { display: inline-block; margin-right: 5px; } .product-item .product-price > span.current-price { font-size: 20px; color: #d0021b; } .product-item .product-price > span.original-price { color: #929191; } .product-item .product-actions { border-top: 1px solid #dbdbdd; } .product-item .product-actions > button { height: 50px; line-height: 50px; display: inline-block; float: left; text-align: center; background: transparent; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; } .product-item .product-actions > button.btnAddtocart, .product-item .product-actions > button.btnQuickview { width: 50px; } .product-item .product-actions > button.btnAddtocart:hover, .product-item .product-actions > button.btnQuickview:hover { background: #717070; color: #fff; } .product-item .product-actions > button.btnBuynow { width: calc(100% - 100px); } .product-item .product-actions > button.btnBuynow:hover { background: #717070; color: #fff; } .article-item { border: 1px solid #dbdbdd; margin-bottom: 5px; } .article-item:hover .article-img > a img { transform: scale(1.1); } .article-item .article-img { padding: 15px 15px 0; } .article-item .article-img > a { display: block; overflow: hidden; } .article-item .article-img > 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); } .article-item .article-title { padding: 15px; background: #fff; position: relative; margin-top: -34px !important; margin-bottom: 15px !important; width: 75%; margin: auto; } .article-item .article-title > a { display: block; height: 38px; overflow-y: hidden; color: #000; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .article-item .article-title > a:hover { color: #d0021b; } .article-item .article-desc { margin-bottom: 30px !important; width: 75%; margin: auto; color: #929191; } .article-item .article-info { border-top: 1px solid #dbdbdd; } .article-item .article-info .article-publishDate { padding: 10px 0; } .article-item .article-info .article-publishDate .publishDate { float: left; } .article-item .article-info .article-publishDate .publishDate span { display: inline-block; font-size: 30px; text-align: center; width: 50px; height: 30px; line-height: 30px; color: #d0021b; border-right: 1px solid #dbdbdd; } .article-item .article-info .article-publishDate .publishMonth-Year { padding-left: 60px; } .article-item .article-info .article-publishDate .publishMonth-Year > span { display: block; color: #929191; } .article-item .article-info .article-author { height: 50px; line-height: 50px; padding-right: 5px; color: #929191; display: inline-block; margin-right: 5px; } .article-item .article-info .article-like-comment-counts { height: 50px; line-height: 50px; padding-right: 5px; display: inline-block; } .article-item .article-info .article-like-comment-counts > span { color: #929191; display: inline-block; margin-right: 5px; } #back-to-top { position: fixed; bottom: 55px; right: 15px; height: 40px; width: 40px; opacity: 0.5; background: #d0021b; color: #fff; text-align: center; font-size: 24px; z-index: 99999; padding-top: 5px; cursor: pointer; } #back-to-top:hover { opacity: 1; } #myModalMap { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999999; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ /* Modal Content */ /* Add Animation */ /* The Close Button */ } #myModalMap .modal-content { position: relative; background-color: #fff; margin: auto; padding: 0; width: 80%; max-width: 700px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s; } @-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; } } #myModalMap #closeMap { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); position: absolute; right: -15px; top: -15px; background: #d0021b; width: 30px; line-height: 30px; height: 30px; border-radius: 50%; color: #fff; cursor: pointer; text-align: center; display: inline-block; } #myModalMap .modal-header { position: relative; padding: 15px; background-color: #d0021b; color: #fff; } #myModalMap .modal-header h2 { margin: 0px; } #myModalMap .modal-body { padding: 15px; } #myModalMap .modal-body #map-container { height: 400px; width: 100%; } @media (min-width: 1024px) { .wrapper_page { padding: 0 100px !important; } } @media (max-width: 767px) { #productQuickView #p-sliderproduct { display: none !important; } #productQuickView .image-zoom { max-width: 200px; margin: 0 auto; } } .ft_shopee, .ft_lazada { display: inline-block; margin: 0 10px 10px 0; } .ft_shopee img, .ft_lazada img { width: 100%; height: auto; max-width: 40px; max-height: 40px; padding: 0 0px 0 0; object-fit: cover; border-radius: 50%; }